body{line-height: normal;}

.wrap{width: 100%; max-width:1200px; margin: 0 auto; }
.flex{display: flex; align-items: center;}

header{background: #fff; border-bottom: 1px solid #e5e5e5;}
header section{justify-content: space-between; height: 100px;}
header h1{width: 25%;}
header h1 a img{width: 100%; max-width:170px}

header .hd_bg{background: rgb(17 29 41 / 90%);    backdrop-filter: blur(3px); position: absolute; top:100px; left: 0; width: 100%;  z-index: 99998; height: 0; transition:all 0.3s; }
header .hd_bg.active{height: 220px;} 


nav{width: 60%;}
nav a{display: block;  }
nav > ul{justify-content: space-around;}
nav > ul > li{width: 100%; text-align: center; position: relative; }
nav > ul > li > a{color: #555; line-height: 100px; font-size: 15px; font-weight: 600;}
nav > ul > li.active > a{font-weight: 800; color: #000;}
nav > ul > li:after{content:""; position: absolute; display: block; width: 0%; height: 3px; background: #f1aa00; z-index: 999999; transition:all 0.3s;}
nav > ul > li:hover:after{width: 100%;}


nav > ul > li > ul{position: absolute;top: 100px;left:0;width: 100%;z-index: 99999; display: none; padding-top: 10px;}
nav > ul > li > ul a{padding: 10px 0;color: #fff; font-size:13px}
nav > ul > li > ul a:hover{color: #f1aa00;}



#tnb{width: 15%; margin-left: 30px;}
#tnb ul{gap:10px}
#tnb li{width: 100%; text-align: center;}
#tnb li:first-child{min-width:70px}
#tnb li:last-child{width: 50%;}
#tnb a{font-size: 12px;}
#tnb a u{text-decoration: none;}

#tnb .search-btn a{font-size: 17px;}
#tnb .my a{background: #ffb400; color: #fff; padding: 0 5px; border-radius:5px; line-height: 28px; display: block; text-align: center;}

#main_banner{background: #f5f5f5; position: relative; --swiper-navigation-color: #000; --swiper-pagination-color: #000}
#main_banner .swiper-button-next, .mainSwiper .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 5%);left: auto;}
#main_banner .swiper-button-prev, .mainSwiper .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 5%);right: auto;}
#main_banner .swiper-slide .wrap{height: 700px; display: flex; align-items: center; }
/*#main_banner .swiper-slide .txt{backdrop-filter: blur(3px); border: 1px solid #fff; background: rgb(255 255 255 / 50%); padding: 20px 30px 20px 20px; display: inline-block; border-radius: 10px;}*/
#main_banner .swiper-slide .txt{}
#main_banner .swiper-slide .img{}
#main_banner .swiper-slide h2{font-size: 45px; margin-bottom: 10px; line-height: 130%; font-weight: 900; }
#main_banner .swiper-slide h2 span{display: block;}
#main_banner .swiper-slide p{font-size: 17px; line-height: 140%;}


#main_banner{}
#main_banner .main_ban01{background: url('/theme/basic/img/aslp/main_ban01_img.jpg') #ddd no-repeat center; color: #fff; background-blend-mode: multiply;}
#main_banner .main_ban01 {}
#main_banner .main_ban02{background: url('/theme/basic/img/aslp/main_ban02_img.jpg') #aaa no-repeat center; color: #fff; background-blend-mode: multiply;}
#main_banner .main_ban02 {}
#main_banner .main_ban03{background: url('/theme/basic/img/aslp/main_ban03_img.jpg') #ccc no-repeat center; color: #fff; background-blend-mode: multiply;}
#main_banner .main_ban03 {text-align: right;}
#main_banner .main_ban03 .wrap{justify-content: flex-end;}
#main_banner .main_ban03 .txt{border: 0; background: none; backdrop-filter: blur(0px);}


section#latestGallery .bd_con > ul {gap: 30px 15px; justify-content: space-between;}
section#latestGallery .bd_con > ul > li{width: 25%; }
section#latestGallery .bd_con .thum{background: #fff; border: 1px solid #e1e1e1; text-align: center; min-height:180px; max-height:180px; display: grid; align-items: center; overflow: hidden;}
section#latestGallery .bd_con .thum img{min-width: 280px;}
section#latestGallery .bd_con .txt{justify-content: space-between;}
section#latestGallery .bd_con .txt h3{font-size: 15px; }
section#latestGallery .bd_con .txt p{ min-height:100px; line-height: 140%; color: #555;}  
section#latestGallery .bd_con .info i{font-style: normal; font-size: 11px; color: #777;}


footer{background: #fff; padding: 50px 0; margin-top: 50px; border-top: 1px solid #e1e1e1;}
footer p{color: #333; line-height: 170%; font-size: 13px;}
footer small{color: #999; font-size: 11px;}

footer .ft_logo{width: 60%;}
footer .ft_logo .txt{margin-top: 20px;}
footer .ft_share{width: 40%;}

footer .logo img{max-width:170px; opacity:1;     mix-blend-mode: luminosity;}




section.latest_basic{padding: 10px; }
section.latest_basic .bd_hd{margin-bottom: 20px;}
section.latest_basic .bd_hd h2{font-size: 20px; font-weight: 500; margin-bottom: 5px;}
section.latest_basic .bd_hd h2:before{content:""; display: inline-block; width: 3px; height: 20px; background: #000; margin-right: 10px; vertical-align: middle;}
section.latest_basic .bd_hd p{font-size: 11px; color: #777; margin-left: 15px; }

section.latest_basic .bd_con > ul{column-gap: 15px;}
section.latest_basic .bd_con > ul 
section.latest_basic .bd_con .txt{}
section.latest_basic .bd_con .txt h3{font-size: 14px; font-weight: 400;}
section.latest_basic .bd_con .txt h3 a{line-height: 30px; transition:all 0.3s; }
section.latest_basic .bd_con .txt h3:hover a{color: #1389ff;}
section.latest_basic .bd_con .txt h3 i{font-style: normal; background: #222; border-radius:2px; display: inline-block; width: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px;}
section.latest_basic .bd_con .txt p{ min-height:100px; line-height: 140%; color: #555;}  
section.latest_basic .bd_con .info i{font-style: normal; font-size: 11px; color: #777;}



.bd_tab_m .swiper-slide:before{content:""; display: inline-block; width: 4px; height: 4px; background: #ccc; border-radius:50%; vertical-align: middle; margin-right: 5px; margin-left: -5px;}
.bd_tab_m .swiper-slide.swiper-slide-thumb-active{color: #000; font-weight: bold; font-size: 15px;}
.bd_tab_m .swiper-slide.swiper-slide-thumb-active:before{background: #000; width: 5px; height: 5px;}


#latest_schedule .bd_tab_m{border: 1px solid #e1e1e1; --swiper-navigation-color: #000; --swiper-navigation-size:18px; padding: 15px; overflow: hidden;}
#latest_schedule .bd_tab_m .swiper-wrapper{}
#latest_schedule .bd_tab_m .swiper-slide{text-align: center; }
#latest_schedule .bd_tab_m .swiper-slide.swiper-slide-thumb-active{color: #1389ff; }
#latest_schedule .bd_tab_m .swiper-slide.swiper-slide-thumb-active:before{background: #1389ff;}

#latest_schedule .bd_tab_con{border: 1px solid #e1e1e1; border-top: 0; padding: 10px;}
#latest_schedule .bd_tab_con .bd_con{height: 220px; overflow: auto;}
#latest_schedule .bd_con li {margin: 10px 0 20px; line-height: 160%; padding: 0 15px;}
#latest_schedule .bd_con li > div{align-items: flex-start;}
#latest_schedule .bd_con .info{}

/* #latest_schedule .bd_con .info i{display: inline-block; background: #f5f5f5; padding: 2px 4px; border-radius:3px; font-size: 12px; margin-bottom: 10px; white-space: nowrap; } */
#latest_schedule .bd_con .info i{font-size: 12px; color: #009588; margin-bottom: 5px;}
#latest_schedule .bd_con .info h3{width: 77%;}

#latest_board .bd_tab_m {border-bottom: 2px solid #000; padding: 15px  10px;}
#latest_board .bd_tab_m .swiper-slide{border:0px solid red; width: auto !important; padding: 0 15px;}
#latest_board .bd_tab_con .swiper-slide{padding: 15px;}
#latest_board .bd_con .txt{justify-content: space-between;}


#latest-box{margin: 30px 0; align-items: flex-start;}
#latest-box #latest_schedule{width: 40%;}
#latest-box #latest_board{width: 60%;}


#infograph{border-top: 3px solid #000; margin: 70px 0 30px; padding: 30px;}
#infograph .flex{justify-content: space-between;}
#infograph article{display: flex; align-items: center;}
#infograph article div:first-child{margin-right: 5px;}
#infograph article h3{font-size: 12px; font-weight: 400;}
#infograph article h3 b{font-weight: 600;}
#infograph article p{font-size: 30px;padding: 10px 0; letter-spacing: -1px;font-weight: 600;}




#sub_banner .wrap{position: relative;}
#sub_banner .sub_page{background: url('/theme/basic/img/aslp/sub_ban01_bg.png') #111d29 no-repeat center; color: #fff; text-align: center; background-blend-mode: overlay;}
#sub_banner p{font-size: 18px; color: #fff; padding-top: 5vh; }
#sub_banner h2{font-size: 50px; color: #fff; margin: 10px 0 30px; font-weight:800}
#sub_banner i{display: block; padding-bottom: 50px; width: 300px; margin: 0 auto;}

#sub_banner .navi{position: absolute; bottom:0; width: 100%;background: #fff; line-height: 50px; }
#sub_banner .navi ul{display: flex; padding: 0 10px;}
#sub_banner .navi ul li a{display: inline-block; padding: 0 15px; font-size: 13px;;}
#sub_banner .navi ul li:before{content:""; display: inline-block; margin: 0; width: 1px; height: 10px; background: #ccc; vertical-align: middle;}
#sub_banner .navi ul li:first-child:before{display: none;}
#sub_banner .navi ul li:last-child a{font-weight: 600;}



#mypage > .flex{align-items: flex-start; column-gap: 30px;}

#mypage .my_nav{width: 20%; margin-top: 30px;}
#mypage .my_nav article *{transition:all 0.3s;}
#mypage .my_nav article{margin-bottom: 30px; }
#mypage .my_nav article.active{height: auto; overflow: auto;}
#mypage .my_nav article.active {height: auto; overflow: auto;}
#mypage .my_nav article.active ul{padding: 20px; height: auto;}

#mypage .my_nav article .material-symbols-outlined{float:right; margin: 20px 15px; }
#mypage .my_nav article.active .material-symbols-outlined{transform:rotate(-180deg)}

#mypage .my_nav article > a{display: block; font-size: 24px; font-weight: 800; padding: 20px; border-bottom: 3px solid #0052a4;}
#mypage .my_nav ul{padding:0 20px; border-bottom: 1px solid #e1e1e1; position: relative; height: 0; overflow: hidden;}
#mypage .my_nav ul > p{font-size: 16px; font-weight: 600; position: relative; margin-bottom: 10px;}
#mypage .my_nav ul > a{font-size: 16px; font-weight: 600; position: relative; display: block;}
#mypage .my_nav ul li {position: relative; }
#mypage .my_nav ul i{display: block; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#mypage .my_nav ul li a{font-size: 14px; padding: 10px; display: inline-block; vertical-align: middle;}
#mypage .my_nav ul li:before{content:""; display: inline-block; width: 4px; height: 4px; background: #ccc; border-radius:100%; vertical-align: middle; margin-left: 10px;}
#mypage .my_nav ul li.on:before{background: #0052a4;}
#mypage .my_nav ul li.on i:after{color: #4caf50;}

#mypage .my_nav ul.complete i:after{color: #4caf50;}
#mypage .my_nav ul li.complete i:after{color: #4caf50;}

#mypage .my_nav ul i:after{content: "\f00c"; display: inline-block; vertical-align: middle; margin-left: 10px; position: absolute; right:0; top: 50%; transform: translateY(-50%); color: #ccc;}
#mypage .my_nav ul li.on a{color:#0052a4; font-weight: 600;}

#mypage .my_nav ul.on a{color:#0052a4; font-weight: 600;}
#mypage .my_nav ul.on i:after{color: #4caf50;}




#mypage .contents {width: 80%;margin-top: 30px;}

#mypage .survey{}
#mypage .contents section .ptitle{border-bottom: 3px solid #0052a4; padding: 0 10px; position: relative;}
#mypage .contents section .ptitle span{font-size: 13px; color: #0052a4; font-weight: 800; display: block;}
#mypage .contents section .ptitle h3{font-size: 28px; font-weight: 400; margin: 5px 0 16px;}
#mypage .contents section .ptitle h3 b{font-weight: 800;}


#mypage .contents section .title-info{padding: 30px 10px;}
#mypage .contents section .title-info h4{font-size: 18px; font-weight: 700; margin-bottom: 20px;}
#mypage .contents section .title-info p{font-size: 13px; font-weight: 400; margin-bottom: 10px;}
#mypage .contents section .title-info p i{font-style: normal; color: #de1e1e;}


#mypage .survey .swrap{background: #f9f9f9; padding: 20px; border: 1px solid #e1e1e1;}
#mypage .survey .qa{border: 0px solid #e1e1e1; padding: 10px; margin: 0 0 20px;}
#mypage .survey .qa p{font-size: 15px; }
#mypage .survey .qa p i{font-style: normal; color: #ff1919; font-size: 17px;}
#mypage .survey .qa ul{padding: 10px;}
#mypage .survey .qa ul li{margin-right: 20px;}

#mypage .survey .qa-btn{text-align: center; display: flex; justify-content: center; gap: 5px; margin: 30px 0; flex-wrap: wrap;}
#mypage .survey .qa-btn > p{width: 100%;}
#mypage .survey .qa-btn a{display: inline-block; line-height: 50px; padding: 0 5%; border: 0; background: #999; color: #fff; border-radius:5px;  transition:all 0.3s;}
#mypage .survey .qa-btn a:hover{background: #000;}
#mypage .survey .qa-btn button{display: inline-block; line-height: 50px; padding: 0 5%; border: 0; background: #0052a4; color: #fff; border-radius:5px; transition:all 0.3s;}
#mypage .survey .qa-btn button:hover{background: #f1aa00;}
#mypage .survey .qa-btn button.ok{background: #f1aa00;}

.qa_select .other input[type="text"]{border: 0; border-bottom: 1px solid #ccc; padding: 5px; background: none;}
.qa_text input[type="text"]{border: 0; border-bottom: 1px solid #ccc; display: block; width: 100%; padding: 10px; background: none;}
.textbox  textarea{border: 1px solid #ccc; background: #fff; min-height:150px; display: block; width: 100%; padding: 10px; background: none;}

#mypage .assignment .upload-btn{text-align: center; display: flex; gap: 5px; margin: 10px 0 30px; flex-wrap: wrap;}
#mypage .assignment .upload-btn > p{width: 100%; background: none; display: block; line-height: normal; padding: 0; text-align: left;}
#mypage .assignment .upload-btn a{display: inline-block; line-height: 50px; padding: 0 5%; border: 0; background: #999; color: #fff; border-radius:5px;  transition:all 0.3s;}
#mypage .assignment .upload-btn a:hover{background: #000;}
#mypage .assignment .upload-btn button{display: inline-block; line-height: 50px; padding: 0 5%; border: 0; background: #0052a4; color: #fff; border-radius:5px; transition:all 0.3s;}
#mypage .assignment .upload-btn button:hover{background: #f1aa00;}


#mypage .certificate .swrap{text-align: center;}
#mypage .certificate .ct-btn{text-align: center; display: flex; justify-content: center; column-gap: 5px; margin: 30px 0;}
#mypage .certificate .ct-btn a{display: inline-block; line-height: 50px; padding: 0 5%; border: 0; background: #999; color: #fff; border-radius:5px;  transition:all 0.3s;}
#mypage .certificate .ct-btn a:hover{background: #000;}
#mypage .certificate .ct-btn button{display: inline-block; line-height: 50px; padding: 0 5%; border: 0; background: #0052a4; color: #fff; border-radius:5px; transition:all 0.3s;}
#mypage .certificate .ct-btn button:hover{background: #f1aa00;}
#mypage .certificate .ct-btn button i{font-size: 20px; vertical-align: middle; margin-right: 5px;}



#mypage .step {position: absolute;right: 10px;top: 35%;}
#mypage .step ul li{display: flex; align-items: center;}
#mypage .step ul li:first-child:before{display: none;}
#mypage .step ul li:before{content:""; display: inline-block; width: 10px; height: 1px; background: #e1e1e1;}
#mypage .step ul li a{display: grid; width: 30px; height: 30px; background: #f1f1f1; color: #999; border-radius:50%; justify-content: center; align-items: center;}
#mypage .step ul li.on a{background: #26a0a1; color: #fff;}






.autoplay-progress {position: absolute;right: 16px;bottom: 16px;z-index: 10;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #fff;}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px; stroke: #ccc; fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg); }









/*
#sub_page .doc > div{border: 0px solid #000; padding: 40px; position: relative;  background: url('/aslp/img/APEC_Logo') #fff no-repeat center;  }
#sub_page .doc > div:before{content:''; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); left:-5px; top:-5px;z-index: -1;
background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); 
transition: all 0.3s;
background-position:center;
animation: huerotate 6s infinite linear;
}
*/


#sub_contents:after{display:block;visibility:hidden;clear:both;content:""}
#sub_contents > .wrap:after{display:block;visibility:hidden;clear:both;content:""}

#contents{margin: 30px 0 0; padding: 20px;}


#sub_page .doc{margin-bottom: 30px;}

#sub_page .doc h3{font-size: 30px; font-weight: 800; margin-bottom: 25px; display: block;}
#sub_page .doc p{padding: 10px 0; line-height: 160%; font-size: 15px;}
#sub_page .doc p b{font-weight: 800;}

#sub_page .doc.at01 h3:after{content:""; display: block; height: 5px; width: 10%; margin: 40px auto 0; background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); transition: all 0.3s; background-position:center; animation: huerotate 6s infinite linear;}

@keyframes huerotate {
  0% {
    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(100deg);
  }

  100% {
    filter: hue-rotate(0deg);
  }
}
.tac{text-align: center;}



#sub_page .doc.img{}

.country_point{border: 1px solid #e1e1e1; text-align: center; display: flex;  border-radius:15px; margin-bottom: 20px; position: relative;     align-content: center;}
.country_point > span{margin: 15px; line-height: 10px; font-size:17px; display: block; font-weight:700}
.country_point > span > span{display: inline-block; border-bottom: 3px solid #a9d76c9c; letter-spacing: -0.5px; /*background: #f0fff8;*/ color: #004047; padding: 3px 6px; }
.country_point span img {min-width: 40px;max-width:40px;max-height: 25px;min-height:25px;border: 1px solid #e1e1e1;display: block;margin: 0 auto 10px; display: none;}

.country_point:before{display: inline-block; background: #2279d3; color: #fff; padding: 5px 10px; border-radius:15px; position: absolute; top:-15px; left:15px; font-size: 12px;}

#sub_page .doc .plus_country0{justify-content: space-around; border: 2px solid #2279d3; padding-bottom: 20px; }

.plus_country_box{display: flex; column-gap: 20px; }
#sub_page .doc .country_point{padding-top: 25px; margin-top: 50px; background: #fff; justify-content: flex-start; flex-wrap: wrap;}
#sub_page .doc .plus_country_box p{width: 25%; margin-top: 20px; min-width:130px; justify-content: center;}
#sub_page .doc .plus_country_box p span{margin: 5px;}


.plus_country0:before{content:"1989 *The founding members"; }

.plus_country1:before{content:"+ 1991 "; }
.plus_country2:before{content:"+ 1993 "; }
.plus_country3:before{content:"+ 1994 "; }
.plus_country4:before{content:"+ 1998 "; }

.country-box{}


#sub_page .doc.at04{margin-top: 120px;}

.grhapic{}
.grhapic ul{justify-content: space-evenly; column-gap: 30px; }
.grhapic ul li{width: 33.33%;   text-align: center; border: 1px solid #e1e1e1; display: grid; align-items: center; align-content: center; padding: 20px 30px;}
.grhapic ul li i{max-width:120px; margin: 0 auto;}
/*
.grhapic ul li:nth-child(1){border: 10px solid #3aa4ff;}
.grhapic ul li:nth-child(2){border: 10px solid #38c3bd;}
.grhapic ul li:nth-child(3){border: 10px solid #47c338;}
*/

.grhapic ul li:nth-child(1) h5{color: #3aa4ff;}
.grhapic ul li:nth-child(2) h5{color: #38c3bd;}
.grhapic ul li:nth-child(3) h5{color: #47c338;}


.grhapic ul li h5{font-size: 20px; margin-bottom: 5px; font-weight: 900; margin-top: 10px;}
.grhapic ul li p{word-break:keep-all; font-size: 14px; line-height: 140%;}

.at06{padding: 20px; text-align: center; line-height: 140%;}
.at06 p{padding: 5px;}

.at07{margin-top: 60px;}
.at07 ul li{border: 1px solid #e1e1e1; padding: 20px; margin: 10px 0 30px; border-top: 2px solid #2279d3;}
.at07 ul li h5 b{display: block; font-size: 20px; font-weight: 900; margin-bottom: 5px;}
.at07 ul li h5{font-size: 15px; margin-bottom: 15px; font-weight: 600;}
.at07 ul li p{word-break:keep-all; font-size: 13px; line-height: 140%;}

.at08{margin-top: 60px; padding: 0 10px;}
.at08 h6{font-size: 17px; margin-bottom: 5px; font-weight: 800;}
.at08 p{word-break:keep-all; font-size: 14px; line-height: 140%;}

.at09{margin-top: 10px; margin-bottom: 60px;}
.at09 ul{border-top: 2px solid #2279d3;}
.at09 ul li{border-bottom: 1px solid #e1e1e1; padding: 15px; font-weight: 500;}
.at09 ul li label{display: inline-block; width:10%; text-align: center; font-weight: 700;}








.about_aslp{}

.about_aslp > ul{position: relative;}


.about_aslp .list-style{}
.about_aslp .list-style li{margin: 10px;}



/*
.about_aslp > ul > li{display: flex; justify-content: center; }
.about_aslp > ul > li > div{border: 0px solid #ccc; width: 33.33%; text-align: right;}
.about_aslp > ul > li > div:nth-child(2){width: 50px; position: relative;}
.about_aslp > ul:before{content:""; display: block; width: 30px; background: #ccc; height:100px; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%);}
.about_aslp > ul > li > div:nth-child(3){text-align: left;}
*/

.sticky-wrap{display: flex;}
.sticky-wrap h4{font-weight: 800;}
.sticky-wrap p{-ms-word-break: keep-all; word-break: keep-all;}
.sticky-wrap > div{}
.sticky-wrap .sc-sticky-left{position: relative; width: 25%; padding-right: 0; }
.sticky-wrap .sc-sticky-left *{transition:all 0.3s;}

.sticky-wrap .sc-sticky-left:after{content:""; display: block; position: absolute; right:0; top: 0; height: 100%; width: 10px; background: #f1f1f1; z-index: 1;}
.sticky-wrap .sc-sticky-left .sticky{position: sticky;top: calc(50% - 15rem); padding:2rem 0; transition:all 0.3s;}
.sticky-wrap .sc-sticky-left p{background: #aaa; padding: 20px; color: #fff; line-height: 140%; font-weight: 600;}
.sticky-wrap .sc-sticky-left p b{display: block; font-size: 30px; font-weight: 900;}
.sticky-wrap .sc-sticky-left p b u{text-decoration: none; display: block; margin-top: 10px;}
.sticky-wrap .sc-sticky-left  > span{width: 10px; background: linear-gradient(to bottom,  #000 1%,#000 100%); height: 10px; position: absolute; right:0; top: 0; transition:all 1.5s; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; z-index: 2;}

.sticky-wrap .sc-sticky-left.item01 span{background: #edcd0b; }
.sticky-wrap .sc-sticky-left.item02 span{background: #26af9c;}
.sticky-wrap .sc-sticky-left.item03 span{background: #0d81b5; }
.sticky-wrap .sc-sticky-left.item04 span{background: #000;}

.sticky-wrap .sc-sticky-left .sec-gubun{transition:all 1.5s; background: #000; color: #fff;  display: block;  padding: 20px; /* text-transform:uppercase */}
.sticky-wrap .sc-sticky-left .sec-gubun h4{ font-size: 25px; font-weight: 900;  }
.sticky-wrap .sc-sticky-left .sec-gubun u{display: block; font-size: 15px; text-decoration: none; margin-bottom: 10px;  font-weight: 900;}
.sticky-wrap .sc-sticky-left .sec-gubun b{display: block; font-size: 25px; font-weight: 900; line-height: 120%;}

.sticky-wrap .sc-sticky-left.item01 p{background: #bfb698;}
.sticky-wrap .sc-sticky-left.item01 .sec-gubun{background: #edcd0b;}

.sticky-wrap .sc-sticky-left.item02 p{background: #96aba8;}
.sticky-wrap .sc-sticky-left.item02 .sec-gubun{background: #26af9c;}

.sticky-wrap .sc-sticky-left.item03 p{background: #93aab5;}
.sticky-wrap .sc-sticky-left.item03 .sec-gubun{background: #0d81b5;}

.sticky-wrap .sc-sticky-left.item04 p{background: #aaa;}
.sticky-wrap .sc-sticky-left.item04 .sec-gubun{background: #000;}



/*
.sticky-wrap .sc-sticky-left h4 b b{}
.sticky-wrap .sc-sticky-left.item01 h4 b b{background: #005183; color: #fff; }
.sticky-wrap .sc-sticky-left.item02 h4 b b{background: #26af9c; color: #fff;}
.sticky-wrap .sc-sticky-left.item03 h4 b b{background: #3f1d91; color: #fff; }
.sticky-wrap .sc-sticky-left.item04 h4 b b{background: #000; color: #fff; }
*/



.sticky-wrap .about_aslp{width: 75%; padding: 0 2rem;}
.sticky-wrap .about_aslp > ul{padding: 1rem 0 0rem;display: flex;flex-direction: column;}
.sticky-wrap .about_aslp > ul > li{ border: 0px solid red; border-bottom: 1px dashed #ccc;  margin-bottom: 100px; padding-bottom: 100px;}
.sticky-wrap .about_aslp > ul > li .img{margin-top: 50px;}
.sticky-wrap .about_aslp > ul > li .img img{transform:translate(0px, 0px)}

.sticky-wrap .about_aslp > ul > li div i{display: inline-block; line-height: 30px; background: #000; color: #fff; font-size: 15px;  font-style: normal; font-weight: 800; padding: 0 20px; border-radius:30px;}
.sticky-wrap .about_aslp > ul > li div h4{padding: 10px; font-size: 23px; margin-bottom: 5px;}
.sticky-wrap .about_aslp > ul > li div p{padding: 0 10px; line-height: 170%; font-size: 15px;}


.sticky-wrap .about_aslp > ul > li#item1 div i{background:#000;}
.sticky-wrap .about_aslp > ul > li#item2 div i{background:#edcd0b;}
.sticky-wrap .about_aslp > ul > li#item3 div i{background:#26af9c;}
.sticky-wrap .about_aslp > ul > li#item4 div i{background:#0d81b5;}



.sticky-wrap .about_aslp > ul > li#item1 > div > div{padding: 3rem 0;}





#sub_page .country-box2{display: flex; gap:30px; margin: 50px 0;}
#sub_page .country-box2>div {width: 50%;}
#sub_page .country-box2>div img{display: none;}
#sub_page .country-box2>div.right{display: flex;     flex-wrap: wrap; gap:20px}
#sub_page .country-box2>div.right > p{width: 100%;}

#sub_page .country-box2 > div > p{position: relative; border: 2px solid #2279d3; padding: 15px; display: flex; flex-wrap: wrap; border-radius:15px;align-items: center;align-content: center;}
#sub_page .country-box2 > div > p:before {display: inline-block;background: #2279d3;color: #fff;padding: 5px 10px;border-radius: 15px;position: absolute;top: -15px;left: 15px;font-size: 12px;}

#sub_page .country-box2 p > span{margin: 5px; line-height: 10px; font-size:13px; display: block; font-weight:700}
#sub_page .country-box2 p > span > span{display: inline-block; border-bottom: 3px solid #d2f3a79c; letter-spacing: -0.5px; color: #004047; padding: 3px 6px; }
#sub_page .country-box2 > div > p.country-01{height: 100%; padding: 25px 15px;}
#sub_page .country-box2 > div > p.country-01 > span{margin: 10px 0px; width: 50%;}
#sub_page .country-01:before {content: "1989 *The founding members";}
#sub_page .country-02:before {content: "1991";}
#sub_page .country-03:before {content: "1993";}
#sub_page .country-04:before {content: "1994";}
#sub_page .country-05:before {content: "1998";}


.at05{margin-bottom: 100px;}
.at07 {margin-bottom: 100px;}
.at07 h5{text-align: center; margin-bottom: 20px; font-size: 15px; line-height: 140%;}
.at07 ul{display: flex; gap:30px; align-items: flex-start; -ms-word-break: keep-all; word-break: keep-all;}
.at07 ul li{border-top: 3px solid #000; margin: 0; min-height:300px; width: 33%; text-align: center;}
.at07 ul li br{display: none;}
.at07 ul li:nth-child(2){border: 1px solid #2279d3; border-top: 3px solid #2279d3;}
.at07 ul li:nth-child(2) h5 b{color: #2279d3;}

.at09 ul{display: flex; flex-wrap: wrap; border-bottom: 1px solid #e1e1e1;}
.at09 ul li{width: 50%;}
.at09 ul li:last-child{border-bottom: 0;}
.at09 ul li:nth-child(4n+3), .at09 ul li:nth-child(4n+4) {background: #f9f9f9;}



.asSwiper .swiper-wrapper{border-bottom: 1px solid #e1e1e1; align-items: flex-end;}
.asSwiper .swiper-slide{background: #f5f5f5; padding: 10px 15px;    cursor: pointer; display: flex; align-items: center;}
.asSwiper .swiper-slide.swiper-slide-thumb-active{background: #3c3d40; color: #fff; font-weight: 700; padding: 15px 15px;}
.asSwiper2 .swiper-wrapper{margin: 10px 0;}
.asSwiper svg{width: 25px; margin-right: 5px;}
.asSwiper span{width: 25px; margin-right: 5px;}



#bo_v_title{padding: 20px;}
#bo_v_info .profile_info .pf_img{display: none;}

#bo_v_share{display: none;}


.icon_btn{width: 120px; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-weight: 700; line-height: 40px; padding: 0 20px; border-radius:5px; background: #2679a1; color: #fff; }
.icon_btn:hover{background: #004f75; color: #fff;}
.icon_btn span{margin-right: 5px;}

#bo_v #bo_v_info .profile_info {margin: 0;display: block;float: none; padding: 10px; background: #f9f9f9;}
#bo_v #bo_v_info .profile_info .profile_info_ct {float: none;padding: 5px 0;line-height: normal;}
#bo_v .bo_v_com {display: none;}

#bo_v .bo_v_com.btn_bo_user{display: block;}

#bo_v #bo_v_con{margin: 0  0 30px; padding: 20px; border-bottom: 1px solid #e1e1e1; font-size: 15px;}



.btn_cke_sc{display: none;}


.tbl_wrap table{border-top: 2px solid #2279d3;}
.tbl_wrap table th{background: #f9f9f9;}
.td_subject{width: 70%;}
#contents #bo_list tbody .even td {background: #fff;}
#contents #bo_list .td_name{text-align: center;}



#eden_view table{padding:0;border:0;border-spacing:0px;border-collapse:collapse;  table-layout:fixed;}

th, td{padding:0; -ms-word-break: keep-all; word-break: keep-all;}

#eden_view .bo_v_nb {display: flex;justify-content: space-between;}
#eden_view .bo_v_nb:after{display: none;}
#eden_view .bo_v_nb li{border: 0; padding: 0 10px; display: flex; align-items: center;}
#eden_view .bo_v_nb li:hover{background: none;}
#eden_view .bo_v_nb li:hover a{color: #00a0e9;}
#eden_view .bo_v_nb li .nb_tit{padding: 10px;}
#eden_view .view-hd{margin-bottom: 30px;}
#eden_view .view-hd h2{text-align: center; font-size: 30px; font-weight: 900;}

#eden_view .view-cont ul li{}
#eden_view .view-cont ul li label{}
#eden_view .view-cont ul li p{}


#eden_view .view-cont > ul > li > label{display: block; font-family: "SEBANG_Gothic_Bold", sans-serif; margin-bottom: 5px; font-size: 17px;}
#eden_view .view-cont > ul > li > p{font-size: 14px; line-height: 140%;}

#eden_view .view-cont > ul > li{border-bottom: 1px solid #f1f1f1; padding: 20px; background: #fff; margin: 10px 0;}
#eden_view .view-cont > ul > li span{display: block;}
#eden_view .view-cont > ul > li small{display: block;}
#eden_view .view-cont > ul > li .flex{flex-wrap: wrap;}
#eden_view .view-cont > ul > li .flex span{margin:0 10px 10px 0; width: 18%;}


#eden_view .view-cont > ul > li table{border-top: 2px solid #2279d3; width: 100%;}
#eden_view .view-cont > ul > li table th{border: 1px solid #e1e1e1; padding: 15px 10px; text-align: center; background: #f9f9f9; line-height: 140%;}
#eden_view .view-cont > ul > li table td{ border:1px solid #e1e1e1; padding: 15px 10px; text-align: center; line-height: 140%}

#eden_view .view-cont > ul > li table.pd5 th, #eden_view .view-cont > ul > li table.pd5 td{padding: 15px 5px;}


#eden_view .bo_v_com {margin: 0px 0;float: none;display: flex; justify-content: flex-end; background: #f5f5f5; padding: 5px;}
#eden_view .bo_v_com > li {position: relative;float: none;margin-left: 0;}

/*
#eden_view .view-cont > ul > li table col:nth-child(1){width: 10%;}
#eden_view .view-cont > ul > li table col:nth-child(2){width: 30%;}
#eden_view .view-cont > ul > li table col:nth-child(3){width: 10%;}
#eden_view .view-cont > ul > li table col:nth-child(4){width: 10%;}
#eden_view .view-cont > ul > li table col:nth-child(5){width: 10%;}
#eden_view .view-cont > ul > li table col:nth-child(6){width: 10%;}
#eden_view .view-cont > ul > li table col:nth-child(7){width: 10%;}
#eden_view .view-cont > ul > li table col:nth-child(8){width: 10%;}


#eden_view .view-cont > ul > li table .width-set td{width: 100px;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(1){width: 10%;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(2){width: 30%;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(3){width: 10%;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(4){width: 10%;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(5){width: 10%; max-width:100px}
#eden_view .view-cont > ul > li table .width-set td:nth-child(6){width: 10%;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(7){width: 10%;}
#eden_view .view-cont > ul > li table .width-set td:nth-child(8){width: 10%;}
*/



.file div {padding: 5px;}
.eden-btn{margin: 20px 0; display: flex; justify-content: center; gap:5px}
.eden-btn .btn_ok{width: 170px; line-height: 50px; border: 0; background: #21272d; color: #fff;}
.eden-btn .btn_ok:hover{background: #000;}
.eden-btn .btn_list{width: 170px; line-height: 50px; border: 0; background: #777; color: #fff; display: inline-block; text-align: center; vertical-align: middle; margin: 0;}
.eden-btn .btn_list:hover{background: #000;}






table{
    padding: 0;
    border: 0;
    border-spacing: 0px;
    border-collapse: collapse;
    table-layout: fixed;
	width: 100%;
}
th, td {
    padding: 0;
    -ms-word-break: keep-all;
    word-break: keep-all;
}

.tbl_wrap table{    table-layout: auto;}



#aslp .at03{display: flex; align-items: center; border: 1px solid #e1e1e1; padding: 40px 0; border-top: 2px solid #2279d3;}
#aslp .at03 > div{ padding: 0 40px; line-height: 140%; width: 80%; border-left: 1px solid #e1e1e1;}
#aslp .at03 > div:first-child{text-align: center; color: #999; width: 20%; border: 0;}
#aslp .at03 > div:first-child b{color: #000; font-size: 17px; display: block; margin-top: 5px;}
#aslp .at03 > div ul li{margin: 30px 0 ;}
#aslp .at03 > div ul li h5{font-size: 18px; color: #000; }
#aslp .at03 > div ul li span{display: block; margin: 5px 5px 10px; margin-left: 15px; word-break: keep-all;}
#aslp .at03 > div ul li span:before{content:""; display: inline-block; width: 4px; height: 4px; border-radius:50%; background: #333; vertical-align: middle; margin-right: 7px; margin-left: -10px;}
#aslp .at03 > div ul li span small{display: block; }

#aslp .at04 table{}
#aslp .at04 table th, #aslp .at04 table td{border: 1px solid #e1e1e1; border-top: 0; padding:20px 10px; text-align: center; line-height: 140%; }
#aslp .at04 table th{background: #2279d3; color: #fff; border: 1px solid #2279d3;}
#aslp .at04 table th:nth-child(1){width: 20%;}
#aslp .at04 table th:nth-child(2){width: 20%;}
#aslp .at04 table th:nth-child(3){width: 60%;}
#aslp .at04 table td span{display: block;}
#aslp .at04 table td b{font-weight: 800;}
#aslp .at04 table td.bg{background: #f9f9f9;}
#aslp .at04 h4{font-family: "SEBANG_Gothic_Bold", sans-serif; margin-bottom: 5px;font-size: 17px;}



#venue_img{margin-bottom: 30px;}
#venue_img ul{display: flex; gap:20px}

.map iframe{width: 100%; height: 400px; ; border: 0;}




#aslp .at05{border: 1px solid #e1e1e1; padding: 40px 0;     border-top: 2px solid #2279d3;}
#aslp .at05 > div{ padding: 0 40px; line-height: 140%; display: flex;}
#aslp .at05 > div ul{width: 60%;}
#aslp .at05 > div ul:last-child{width: 100%;}
#aslp .at05 > div ul li{margin: 0px 0 ;}
#aslp .at05 > div ul li h4{font-size: 17px; color: #2279d3; }
#aslp .at05 > div ul li span{display: block; margin: 5px;}
#aslp .at05 > div ul li span:before{content:""; display: inline-block; width: 4px; height: 4px; border-radius:50%; background: #333; vertical-align: middle; margin-right: 7px;}

#aslp .map{border: 1px solid #ccc;     border-top: 2px solid #2279d3; display: flex; padding: 5px;}
#aslp .map > div{width: 50%; border: 1px solid #ccc; padding: 0px;}


.venue .at05 i{display: block; width: 75px; height: 75px; border:1px solid #ddd; border-radius:50%; background: #fff; padding: 20px;}
.venue .at05 > div > ul > li{display: flex; gap: 30px; border-bottom: 1px dashed #e1e1e1; margin: 0; padding: 20px 20px 20px 0px;}
.venue .at05 > div > ul > li:last-child{border-bottom: 0;}
.venue .at05 > div ul li > div:last-child{padding-top: 10px;}




.eden_regi_form > ul > li{border-bottom: 0px solid #f1f1f1; padding: 20px; background: #fff; margin: 10px 0;}
.eden_regi_form > ul > li span{display: block;}
.eden_regi_form > ul > li small{display: block;}
.eden_regi_form > ul > li .flex{flex-wrap: wrap;}
.eden_regi_form > ul > li .flex span{margin:0 10px 10px 0; width: 18%;}

.eden_regi_form > ul > li.radio .flex{gap:30px; padding: 20px 10px;}
.eden_regi_form > ul > li.radio .flex span{}
.eden_regi_form > ul > li.radio .flex span.other_input_text{width:100%}

.eden_regi_form > ul > li.checkbox .flex{gap:30px}
.eden_regi_form > ul > li .flex span{width: auto;}

.eden_regi_form > ul > li label u{text-decoration: none; font-size: 13px; font-family: 'SebangGothic'; color: #999;}
.eden_regi_form > ul > li label i{font-style: normal; font-size: 13px; font-family: 'SebangGothic';}


.eden_regi_form > ul > li >  label{display: block; font-family: "SEBANG_Gothic_Bold", sans-serif; margin-bottom: 5px; font-size: 15px;}
.eden_regi_form > ul > li > ul > li > label{display: block; font-family: "SEBANG_Gothic_Bold", sans-serif; margin-bottom: 5px; font-size: 15px;}
.eden_regi_form > ul > li h5{margin-bottom: 5px; font-size: 15px;}

.eden_regi_form > ul > li .col-2{display: flex; gap:0 30px}
.eden_regi_form > ul > li .col-2 > li{width: 50%;}

.eden_regi_form textarea{width: 100%; height: 150px; border: 1px solid #e1e1e1; padding: 10px;}
.eden_regi_form input[type="text"]{width: 100%; border: 0px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #e1e1e1; font-size: 14px;}
.eden_regi_form input[type="password"]{width: 100%; border: 0px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #e1e1e1; font-size: 14px;}
.eden_regi_form input[type="date"]{width: 100%; border: 0px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #e1e1e1; background: #fff; font-size: 14px;}
.eden_regi_form select{width: 100%; border: 0px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #e1e1e1; background: #fff; font-size: 14px;}
.eden_regi_form small{display: block; margin: 10px; color: #777; line-height: 140%;}

.eden_regi_form .bo_w_flie .flex{flex-wrap: nowrap; align-items: center;}
.eden_regi_form .bo_w_flie label{background: #000; color: #fff; padding: 10px; }
.eden_regi_form .bo_w_flie p{font-size: 12px; display: block; padding: 3px;}
.eden_regi_form input[type="file"]{ width: 100%; border: 0px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #000; background: #fff;}

.eden_regi_form small{font-size: 12px; display: block; padding: 3px;}

.eden_regi_form .radio input[type=radio] + label{font-size: 14px;}
.eden_regi_form .checkbox input[type=checkbox] + label{font-size: 14px;}



.eden_regi_form input[type="text"]:focus, .eden_regi_form input[type="date"]:focus, .eden_regi_form input[type=password]:focus, .eden_regi_form select:focus  {
-webkit-box-shadow:  0px 0px 0px rgb(0 0 0 / 10%);
-moz-box-shadow:  0px 0px 0px rgb(0 0 0 / 10%);
box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
border: 0 !important;
border-bottom: 1px solid #555 !important;
outline:none;
}
.eden_regi_form textarea:focus,select:focus{border: 1px solid #555 !important;}

.eden_regi_form .checkbox input[type=checkbox]+ label:before{border: 1px solid #999;}
.eden_regi_form .checkbox .agree-chk input[type=checkbox] + label{display: flex; padding-left: 0; align-items: center;}
.eden_regi_form .checkbox input[type=checkbox]+ label:before{position: relative; margin-right: 5px;}

.eden_regi_form > ul > li .select_other{display: flex; flex-wrap: nowrap; gap:0 30px}
.eden_regi_form > ul > li .select_other > select{width: 100%;}
.eden_regi_form > ul > li .select_other > span{width: 50%;margin: 1px 0 0 6px;}
.eden_regi_form .radio .flex {gap: 30px;padding: 20px 10px;}


#admin_info{background: #f9f9f9; border: 1px solid #e1e1e1; padding: 20px;}
#admin_info p{margin: 10px 0;}
#admin_info ul li{padding: 10px 0;}
#admin_info .checkbox{margin: 20px 0 0; line-height: 140%; border-top:1px solid #ccc; padding-top: 20px;}
#admin_info .checkbox label{font-size: 12px; font-weight: 400; color: #b50a0a;}

section.gubun {border: 1px solid #e1e1e1;background: #ffffff;padding: 20px;margin: 30px 0;box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);}
.gubun > h4{color: #1184cb; background: #f7f7f7; padding: 20px; font-size: 17px; font-family: "SEBANG_Gothic_Bold", sans-serif;}
.gubun > h4 a{float:right; transition:all 0.3s; transform:rotate(90deg)}
.gubun > h4 a.active{transform:rotate(-90deg)}
.gubun .eden_regi_form.toggle{transition:all 0.3s;}
.gubun .eden_regi_form.toggle.active{height: 0; overflow: hidden;}


.file-download a{font-size: 20px; font-weight: bold; display: inline-block; border: 1px solid #ddd; border-top: 2px solid #2279d3; padding: 20px 20px; margin: 20px auto;}

.file-download a i{display: inline-block; width: 70px; height: 70px; border: 1px solid #ddd; background: #fff; padding: 10px; border-radius:50%;}
.file-download a img{}

.form_swiper_thum{margin-bottom: 20px; border-bottom: 1px solid #000; padding: 10px 10px 0 10px;}
.form_swiper_thum .swiper-slide{padding: 20px; border: 1px solid #e1e1e1; border-bottom: 0; color: #999; background: #f9f9f9; font-size: 17px;}
.form_swiper_thum .swiper-slide.swiper-slide-thumb-active{color: #fff; border: 1px solid #064369; border-bottom: 0; font-weight: 700;  background: #1184cb}

.form_swiper_thum .swiper-slide small{display: block; font-size: 10px; margin-top: 5px; opacity: 0.7;}

.slide-title{padding: 20px;}
.slide-title h3{font-size: 23px; margin-bottom: 10px; font-family: "SEBANG_Gothic_Bold", sans-serif;}
.slide-title p{line-height: 140%;}

.eden_regi_form > ul > li .flex .other{display: flex; align-items: center; gap:10px}

.eden_regi_form .sub_flex > label{margin-bottom: 30px;}
.eden_regi_form .sub_flex .flex{margin: 10px 0 0; gap:20px}
.eden_regi_form .sub_flex .flex span{margin: 0px 0;}
.eden_regi_form .sub_flex .flex b{display: block; width: 20%; border-right: 1px solid #e1e1e1;}
.eden_regi_form .tb{margin-top: 20px;}
.eden_regi_form .tb table th, .eden_regi_form .tb table td{border: 1px solid #e1e1e1; padding: 15px;}
.eden_regi_form .tb table th{background: #f9f9f9; text-align: center;}
.eden_regi_form .tb table td{text-align: center;}
.eden_regi_form .tb table td label{padding-left: 0;}

.signature {text-align: right; position: relative;}
.signature canvas{border-bottom: 1px solid #ccc;}
.signature button{border: 0; background: none; position: absolute; right:5px; bottom:45px;}
.signature small{width: 100%; display: block;}

.signature .flex{align-items: flex-end; gap:0 20px;  flex-wrap: wrap; justify-content: flex-end; position: relative;}
.signature .flex label{margin-bottom: 10px;}

.swiper-slide section.gubun {box-shadow: 0 0 0;}
.slide-btn{display: flex; justify-content: center; gap:10px}
.slide-btn a{display: block; text-align: center; background: #f5f5f5; padding: 20px 40px; font-size: 11px;}
.slide-btn a span{display: block; text-align: center; margin-bottom: 10px;}
.slide-btn a.swiper-btn-prev .material-symbols-outlined{margin-left: 10px;}
.slide-btn a.swiper-btn-next{background: #1184cb; color: #fff;}


.agreement{}
.agreement > div {padding: 50px 70px;word-break: keep-all;}
.agreement h4{}
.agreement ol li{padding: 20px 0; line-height: 170%; color: #000; font-weight: 600;}

.agreement .highlight{color: #0e4d75;padding: 5px;}
.agreement .highlight2{color: #d11313;  background: #fff5f5;  padding: 5px;}
.agreement .tar{text-align: right; margin-bottom: 50px; color: #777;}
.agreement .tac{text-align: center; }
.agreement .tac em{margin-bottom: 50px; color: #777; display: block;}

.agreement .important{margin-top: 100px; text-align: center; padding: 20px; line-height: 170%; background: #fff9f9; color: #c12e2e;}
.agreement .important strong{display: block; }
.agreement .important span{display: block; margin: 15px 0;}



#aslp .workshop table{border-top: 2px solid #2279d3; margin-bottom: 20px;}
#aslp .workshop table td:nth-child(1){width: 20%;}
#aslp .workshop table td:nth-child(2){width: 20%;}
#aslp .workshop table td:nth-child(3){width: 60%;}

#aslp .at03 > div > ul > li{display: flex; gap: 30px; border-bottom: 1px dashed #e1e1e1; margin: 0; padding: 30px 0;}
#aslp .at03 > div > ul > li:last-child{border-bottom: 0;}
#aslp .at03 > div ul li > div:last-child{padding-top: 10px;}

.app .country-box{margin: 50px 0;}


.app #sub_page .country-box > div > p{position: relative; border: 2px solid #2279d3; padding: 20px; display: flex; flex-wrap: wrap; border-radius:15px;align-items: center;align-content: center; justify-content: center;}
/*
.app #sub_page .country-box > div > p:before {display: inline-block;background: #2279d3;color: #fff;padding: 5px 10px;border-radius: 15px;position: absolute;top: -15px;left: 15px;font-size: 12px;}
*/

.app #sub_page .country-box p > span{margin: 5px; line-height: 10px; font-size:17px; display: block; font-weight:700;}
.app #sub_page .country-box p > span > span{display: inline-block; border-bottom: 3px solid #d2f3a79c; letter-spacing: -0.5px; color: #004047; padding: 3px 6px; }
.app #sub_page .country-box > div > p.country-01 {height: 100%;padding: 30px 90px 15px;gap: 10px 20px;-ms-word-break: keep-all;word-break: keep-all;}
.app #sub_page .country-box > div > p.country-01 > span{margin: 10px 0px; width: auto; }
.app #sub_page .country-01:before {content: "";}

.app #sub_page .doc .b_font{color: #2279d3; display: block; font-size: 18px; margin-bottom: -10px;}


#sub_page .img-col-2{margin: 50px 0; text-align: left; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 50px 0 0;}
#sub_page .img-col-2 li *{transition:all 0.3s;}
#sub_page .img-col-2 ul{display: flex; flex-wrap: wrap; }
#sub_page .img-col-2 ul li{width: 50%; padding: 20px; margin-bottom: 50px; border: 1px solid #fff; }
#sub_page .img-col-2 .thum{border-radius:15px; overflow: hidden;     display: inline-block; margin-top: 20px;}
#sub_page .img-col-2 h4{font-size: 18px; font-weight: 800;}
#sub_page .img-col-2 p{-ms-word-break: keep-all; word-break: keep-all; font-size: 14px;}
#sub_page .img-col-2  b{color:#0089c5}

#sub_page .img-col-2 ul li:hover .thum img{transform:scale(1.2)}
#sub_page .img-col-2 ul li:hover h4{color: #0089c5; font-size: 21px;}
#sub_page .img-col-2 ul li:hover b{color: #000;}
#sub_page .img-col-2 ul li.country p{display: flex; flex-wrap: wrap; overflow: hidden;}
#sub_page .img-col-2 ul li.country p > span{margin: 5px; display: block;font-weight: 500; line-height: 10px; opacity: 1;}
#sub_page .img-col-2 ul li.country span span{display: inline-block; border-bottom: 0px solid rgb(178 243 167 / 60%); color: #798b17; letter-spacing: -0.5px;padding: 1px 0px;}
/*
#sub_page .img-col-2 ul li.country:hover{}
#sub_page .img-col-2 ul li.country:hover p > span{opacity: 1; display: block;}
#sub_page .img-col-2 ul li.country:hover span span{border-bottom: 2px solid rgb(178 243 167 / 60%); color: #768d00;}
*/


#sub_page .form_down{}
#sub_page .form_down h4{font-size: 18px; font-weight: 800;}
#sub_page .form_down a{display: inline-block; background: #0089c5; color: #fff; line-height: 35px; padding: 0 15px; border-radius: 7px; margin-top: 20px;}
#sub_page .form_down a:hover{background: #000;}
#sub_page .form_down a span{vertical-align: middle;}


#bo_v_info strong {margin: 0 10px 5px 0 !important;}



.scroll {
  overflow: auto;
}

.scroll1::-webkit-scrollbar {
  width: 3px;
    border-radius:6px;

}
 
.scroll1::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius:6px;

}
 
.scroll1::-webkit-scrollbar-thumb {
  background: #777; 
    border-radius:6px;

}

.as-head{ margin: 20px 0; padding: 20px; background: #f5f5f5;}
/*.as-head > a{display: flex;line-height: 40px;border: 1px solid #e1e1e1;background: #fff;color: #000;border-radius: 5px;transition: all 0.3s;align-items: center;justify-content: center;max-width:200px;}*/
.as-head > a{display: flex; background: #0089c5; color: #fff; line-height: 35px; padding: 0 15px; border-radius: 7px; margin-top: 20px;     align-items: center;
    max-width: 260px;
}
.as-head > a span{display: block; margin-right: 5px;}
.as-head p{margin: 10px 0; display: flex; align-items: center;}





footer .sns ul{display: flex;}
footer .sns ul li {background: #fff; margin: 0 2px; border: 0px solid #e1e1e1;}
footer .sns ul li a{display: block; }
footer .sns ul li a img{}



.map_data{padding: 20px;}

.data_head {border-bottom: 2px solid #2279d3;}
.data_head .swiper-wrapper{}
.data_head .swiper-slide {padding: 0 5px;height: 40px;display: grid;align-items: center;border-radius: 0px;}
.data_head .swiper-slide a{display: flex; align-items:center; color: #999;}
.data_head .swiper-slide a:before{content:""; width: 3px; height: 3px; background: #ccc; display: block; margin-right:4px; margin-left: -3px;}
.data_head .swiper-slide.swiper-slide-thumb-active a{font-weight: bold; color: #000;}
.data_head .swiper-slide.swiper-slide-thumb-active a:before{background: #000;}
.data_head .swiper-slide{width: auto;}

.eden_btn{display: flex; justify-content: flex-end; margin: 5px;}
.eden_btn span{border: 1px solid #ccc; font-size: 15px;}

.economy-head{background: #fff; padding: 5px; border-bottom: 1px solid #e1e1e1;}
.economy-head .swiper-slide a{display: flex; align-items:center; color: #999; font-size: 12px;}
.economy-head .swiper-slide a:before{content:""; width: 3px; height: 1px; background: #ccc; display: block; margin-right:4px; }
.economy-head .swiper-slide.swiper-slide-thumb-active a{font-weight: bold; color: #000;}
.economy-head .swiper-slide.swiper-slide-thumb-active a:before{background: #000;}
.economy-head .swiper-slide{width: auto;}

.economy-body .swiper-slide li{border-bottom: 1px solid #e1e1e1; padding: 10px; font-size: 12px;}
.economy-body ul li h5{margin-bottom: 10px;}
.economy-body ul li a{display: flex;align-items: center; padding-left: 3px; font-size: 11px; margin-bottom: 5px;}
.economy-body ul li a span{font-size: 12px; display: block; margin-right: 3px;}
.economy-body ul li a.web_link{color: #1087e7;}
.economy-body ul li a.other_link{color: #672cd7;}


.hd_sch_wr {position: fixed;top: 20%;left: 50%;transform: translate(-50%, 0%);background: #fff;border: 1px solid #e1e1e1;padding: 20px;height: 100px;z-index: 99999;display: grid;align-items: center;justify-content: center;display: none;}

.hd_sch_wr input[type="text"]{border: 1px solid #e1e1e1; height: 50px; width: 350px;}

.hd_sch_wr button{border: 1px solid #000; background: #000; color: #fff; line-height: 50px; padding: 0 20px;}
.hd_sch_wr .close-btn{position: absolute; right:0; top:-40px; display: block; padding: 10px; color: #fff;}
.search-bg{position: fixed; z-index: 99; width: 100%; height: 100vh; background: rgb(0 0 0 / 80%); display: none; top: 0;}

body.search_on .search-bg{display: block;}
body.search_on .hd_sch_wr{display: block;}


.mobile{display: none !important;}


.profile_img img {
	display: none;
}

.agenda_2024 tr th:nth-child(1), .agenda_2024 tr th:nth-child(2){width: 20%;}
.agenda_2024 tr td:nth-child(1){width: 20%;}
.agenda_2024 tr td:nth-child(2){width: 20%;}