@charset "UTF-8";

/*본문바로가기*/
.skip a { position:absolute; background:rgba(0,0,0,1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); width:100%; height:40px; text-align:center; font-size:0.9em; color:#fff; z-index:100; line-height:40px; top:-40px; left:0; opacity:0; }
.inner { width:1216px; margin:0 auto; }

/*header*/
.header { width:100%; color:#fff; background:rgba(255,255,255,1);/*  border-bottom:1px solid #ddd; */ position:fixed; top:0; left:0; z-index:999; box-shadow:0px 0px 30px 0 rgba(0,0,0,0.2); }
.header_content { position:relative; display:flex; justify-content: space-between; align-items: center; }
.header_content h1 { display:inline-block; }
.header_content h1 img { height:40px; transition:all 0.3s; }
#gnb_wrap { text-align:center; display:flex; justify-content:space-between; }
#gnb_wrap > ul { display:flex; }
.header li a { position:relative; }
.header li a::after { content:''; width:0; height:2px; background:var(--logo); display:inline-block; transition:all 0.2s; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); }
.header li a:hover::after { width:100%; }
.header .gnb > li > a::after { height:3px; bottom:-27px; background:var(--gnb); }
.header.scroll h1 img { height:30px; }
.header.scroll .gnb { height:60px; }
.header.scroll .gnb .submenu, .header.scroll .gnb_bg { top:60px; }
.header.scroll .gnb > li > a::after { bottom:-19px; }
.main_container .header {  }
.header .shadow { box-shadow:0 0 10px 0 rgba(0,0,0,0.25); }

.gnb { height:75px; display:flex; align-items:center; transition:all 0.3s; }
.gnb .depth1 { margin-left:25px; }
.gnb > li {  }
.gnb li a { color:#222; font-size:1.1em; }
.gnb > li > a { font-weight:600; }
.gnb li.active a:hover, .gnb li.on > a { color:var(--gnb); }
.gnb li.active a::after, .gnb li.on > a::after { width:100%; }
.gnb_button { display:flex; align-items:center; margin-left:20px; }
.gnb_button::before { content:''; display:inline-block; width:1px; height:15px; background:#222; }
.gnb_button li:first-child { margin-left:0; }
.gnb_button li { margin-left:20px; }
.gnb_button li a, .gnb_button li p { color:#222; font-size:0.9em; }
.gnb_button li a::after {  }
.gnb_button li button { width:25px; height:25px; padding:0; text-align:center; color:#222; }

.gnb .submenu { position:fixed; top:75px; left:0; padding:0; width:100%; height:65px; border-bottom:1px solid #ccc; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.1); transition:all 0.3s ease-in-ou;; text-align:left; z-index:2; color:#333; border-top:1px solid #ddd; border-bottom:1px solid #ddd; opacity:0; pointer-events:none; visibility:hidden; background:rgba(255,255,255,.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.gnb .submenu .inner { display:flex; }
.gnb .submenu strong { font-size:1.3em; font-weight:900; display:block; width:200px; background:#2a2943; color:#fff; display:flex; align-items:center; justify-content:center; margin-right:20px; }
.gnb .submenu .depth2 { display:flex; padding:20px 0 20px 20px; }
.gnb .submenu .depth2 li { display:flex; align-items: center; }
.gnb .submenu .depth2 > li:last-child::after { display:none; }
.gnb .submenu .depth2 > li::after { content:''; width:1px; height:13px; display:inline-block; margin:0 15px; }
.gnb .submenu .depth2 li a { color:#333; font-size:1em; font-weight:600; white-space:nowrap; }
.gnb .submenu .depth2 li a:hover { color:var(--gnb); }
.gnb .submenu .depth2 li a::after { background:var(--gnb); }
.gnb .submenu .depth2 li p { color:var(--gnb); font-weight:900; margin-right:20px; }
.gnb .submenu .depth2 li a span { font-size:12px; }
.gnb .depth3 { display:flex; }
.gnb .depth3 li { margin-right:15px; }
.gnb .depth3 li:last-child { margin-right:0; }
.gnb .depth3 li a { font-size:0.9em; }
.header .gnb li.depth1.on .submenu { opacity:1; pointer-events:auto; visibility:visible; }
.header .gnb li.depth1:hover .submenu { opacity:1; pointer-events:auto; visibility:visible; }

.gnb_bg { height:65px; position:absolute; top:65px; left:0; width:100%; z-index:1; display:none; border-top:1px solid #ededed; border-bottom:1px solid #ddd; }
.hello { font-size:0.8em; border:1px solid #999; color:#999; border-radius:50px; padding:8px 10px; line-height:1em; }

.sitemap { opacity:0; pointer-events:none; position:fixed; top:0; left:-100%; padding:50px 0; background:#000; width:100%; height:100%; border-bottom:1px solid #ddd; z-index:9999; }
.sitemap .wrap { padding:5em;width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative; }
.sitemap.open { opacity:1; pointer-events:auto; left:0; transition:all 0.5s; }
.sitemap .head { position:absolute; top:0; display:flex; width:100%; padding:0 5em; justify-content:space-between; }
.sitemap .head .logo img { height:40px; }
.sitemap_header { position:absolute; top:7px; right:10em; }
.sitemap_header ul li a { font-size:1.2em; color:#fff; transition:all 0.3s ease-in-out; }
.sitemap_header ul li:hover a { color:#ccc; }
.sitemap_close { background:transparent; border:none; color:#999; font-size:1.5em; transform:rotate(0deg); margin:-10px -10px 0 0; transition:all 0.3s; }
.sitemap_close:hover { transform:rotate(90deg); color:#fff; }
.sitemap_nav ul { display:flex; justify-content:space-between; }
.sitemap_nav ul li a, .sitemap ul li p { transition:all 0.2s ease-in-out; color:#fff;position:relative; padding-bottom:1px; }
.sitemap_nav ul:hover li a, .sitemap ul:hover li p { color:#999; }
.sitemap_nav ul li a:hover { color:#fff; }
.sitemap_nav ul li a span { margin-left:5px; font-size:0.9em; }
.sitemap_nav { width:1300px; }
.sitemap .depth1 {  }
.sitemap .depth1 > a { font-weight:900; font-size:1.8em; display:block; margin-bottom: 35px; }
.sitemap .depth2 { margin-top:10px; }
.sitemap .depth2 ul { display:flex; flex-direction:column; margin-bottom:10px; }
.sitemap .depth2 ul li { margin-bottom:5px; }
.sitemap .depth2 > ul > li > a, .sitemap .depth2 > ul > li > p { font-size:1.2em; }
.sitemap .depth3 { padding-left:5px; margin:5px 0 10px; }
.sitemap .depth3 li { position:relative; padding-left:10px; }
.sitemap .depth3 li a { font-size:1em; }
.sitemap .depth3 li::before { width:4px; height:1px; content:''; background:#333; display:inline-block; border-radius:5px; margin-right:5px; position:absolute; left:0; top: 12px; }
.sitemap li a::after { background:#333 !important; }

/*main top slide*/
.main_slide { width:100%; height:calc(100vh - 115px); opacity:1; }
.main_slide .slick-list { width:100%; height:100%; color:#fff;}
.main_slide .slick-track { height:100%; }
.slick-slide, .slick-slide > div { width:100%; height:100%; }
.main_slide .slide { width:100%; height:100%; color:#fff; position:relative; }
.main_slide .slide .inner { position:relative; z-index:1;height:100%; display:flex; flex-direction:column; align-items:center; padding-top:14em; }
.main_slide .slide .bg_box { position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; z-index:0; }
.main_slide .slide::after { width:100%; height:100%; background:rgba(0,0,0,0.4); content:''; display:block; position:absolute; top:0; left:0; pointer-events:none; }
.main_slide .slide em { display:inline-block; font-size:1.3em; text-transform: capitalize; font-weight:900; white-space:nowrap; text-shadow:5px 5px 5px rgba(0,0,0,0.6);}
.main_slide .slide strong {display:block; text-align:center; margin:40px 0; font-size:2.3em; text-shadow:5px 5px 5px rgba(0,0,0,0.6); }
.main_slide .slide p {text-align:center; font-size:1.3em; line-height:1.8em; margin-bottom:40px;text-shadow:5px 5px 5px rgba(0,0,0,0.6); overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.main_slide .slide button { display:inline-block; padding:13px 40px; border-radius:50px; font-weight:600;transition:background 0.3s !important; white-space:nowrap; border-color:#ccc; }
.main_slide .slide button:hover { background:#1a88d9; border-color:#1a88d9; color:#fff; }
.main_slide .slick-current em { animation:textshow 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; }
.main_slide .slick-current strong {animation:textDown 0.5s ease-in-out both; animation-delay: .2s;}
.main_slide .slick-current p {animation:textDown 0.5s ease-in-out both;animation-delay: .4s;}
.main_slide .slick-current button { animation:textDown 0.5s ease-in-out both; animation-delay: .6s; }
.main_slide .slick-prev, .main_slide .slick-next { color:#fff; }
.main_slide .slick-dots { bottom:13em; animation: textDown 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay:1s; text-align:center; width:100%; }
.main_slide .slick-dots li { margin:0 3px; }
.main_slide .slick-dots li a { background:#fff; opacity:0.5; border:1px solid #333; width:10px; height:10px; margin:0; transition:all 0.3s; }
.main_slide .slick-dots li a:hover { transform:scale(1.2); opacity:1; }
.main_slide .slick-dots li.slick-active a { width:80px; border-radius:50px; opacity:1;}
.main_slide .slick-dots li.slick-active a:hover { transform:none; }

/*main content*/
.main_slide_wrap { position:relative; }
.main_slide { width:100%; height:450px; background:#000; position:relative; }
.main_slide .swiper-slide { color:#fff; display:flex; line-height:3.5em; flex-direction:column; align-items:flex-start; padding:4em; }
.main_slide .swiper-slide::after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); pointer-events:none; }
.main_slide .swiper-slide h2 { color:#fff; }
.main_slide .swiper-slide .bg { display:none; }
.main_slide .swiper-slide p { font-size:1.5em; line-height:1.5em; font-weight:600; position:relative; z-index:2; /*opacity:0;*/ }
.main_slide .swiper-slide img { height:60px; margin:30px 0; display:inline-block; position:relative; /*opacity:0;*/ z-index:2; }
.main_slide .swiper-slide .text { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start;}
.main_slide .swiper-slide .text > span { padding-right:40%; display:block; margin:25px 0; font-size:1em; line-height:1.9em; text-align: justify; }
.main_slide .swiper-slide .text h2 { line-height:1.2em; }
.main_slide .swiper-slide-active p { animation:textDown 0.8s both ease-in-out; animation-delay:0.1s; }
.main_slide .swiper-slide-active img { animation:textDown 1s both ease-in-out; animation-delay:0.3s; }
.main_slide .swiper-slide-active span { animation:textDown 1s both ease-in-out; animation-delay:0.3s; }
.main_slide .swiper-slide-active h2 { animation:textDown 1s both ease-in-out; animation-delay:0.3s; }
.main_slide .swiper-slide-active .showmore { animation:textDown 1s both ease-in-out; animation-delay:0.3s; }
.main_slide .swiper-slide .text .showmore { color:#fff; font-weight:900; border:2px solid #fff; position:relative; z-index:2; }
.main_slide .swiper-slide .text .showmore:hover { background:#fff; color:#333; }
.main_slide .swiper-slide a.showmore { line-height:35px; }

.main_slide .swiper-slide.bulletin { width:50%; display:flex; background:url(/images/user/bg_main_bulletin.jpg) 50% 50% no-repeat; background-size:cover; justify-content:center; align-items: center; position:relative; }
.main_slide .swiper-slide.bulletin h2 { position:relative; z-index:1; }
.main_slide .swiper-slide.bulletin.on { animation:fadeup 1s both; }
.main_slide .swiper-slide.bulletin .logo { height:50px; margin:0 !important; }
.main_slide .swiper-slide.bulletin .text { display:flex; align-items:center; justify-content:center; position:relative; z-index:2; flex-direction: column;}
.main_slide .swiper-slide.bulletin .cover { width:180px; margin:0 50px; }
.main_slide .swiper-slide.bulletin .cover img { width:100%; margin:0 !important; height:auto !important; box-shadow:0px 15px 50px 0 rgb(0 0 0 / 60%);}
.cover_wrap { display:flex; align-items:center; justify-content:center; margin:-30px 0 10px; position:relative; z-index:2; }
.cover_wrap strong { font-weight:900; min-width:100px; color:#fff; text-align:center; font-size:1.4em; line-height:1.3em; display:inline-block; }
.main_slide .swiper-slide.bulletin .showmore { width:180px; height:45px; margin:0 2px; font-size:0.9em; }
.main_slide .swiper-slide-active.bulletin .cover_wrap strong { animation:textDown 0.8s both ease-in-out; animation-delay:0.6s;}
.main_slide .swiper-slide-active.bulletin .showmore { animation:textDown 0.8s both ease-in-out; animation-delay:0.6s; }
.main_slide .swiper-slide.bulletin .inner .cover img {  }
.main_slide .swiper-slide-active.appc15 .showmore { animation:textDown 0.8s both ease-in-out; animation-delay:0.6s; }

/* .main_slide .swiper-slide-active.award h2 { animation:textDown 0.8s both ease-in-out; animation-delay:0.1s; }
.main_slide .swiper-slide-active.award p { animation-delay:0.3s; }
.main_slide .swiper-slide-active.award .showmore { animation:textDown 0.8s both ease-in-out; animation-delay:0.6s; }
.award { background:url(/images/user/bg_award.png) 100% 100% no-repeat #171717; width:50%; color:#fff; display:flex;  }
.award .text { display:flex; align-items:flex-start; flex-direction:column; justify-content:center;  }
.award .text strong { font-size:2.2em; font-weight:900; line-height:1.5em; }
.award .text p { padding-right:40%; display: block; margin:25px 0; font-size:1.2em; line-height:1.9em; text-align: justify;} */

.main-slide-control {width:100%; z-index:2; display:flex; justify-content:center; align-items:center; }
.main-slide-control .swiper-button-next, .main-slide-control .swiper-button-prev { border:2px solid #666; background:#fff;top:50%; transform:translateY(-50%); position:absolute;height:45px;width:45px; border-radius:50px; margin:0; }
.main-slide-control .swiper-button-prev { left:-70px; }
.main-slide-control .swiper-button-next { right:-70px; }
.main-slide-control .swiper-button-next:after, .main-slide-control .swiper-button-prev:after { font-size:20px; font-weight:900; color:#333; }
.main-slide-control .swiper-button-next:before, .main-slide-control .swiper-button-prev:before { display:none; }
.main-slide-control .swiper-pagination { position:absolute; left:auto; right:40px; bottom:40px; width:auto; display:flex; align-items:center; }
.main-slide-control .swiper-pagination span { background:#fff; position:relative; margin:0 10px !important; display:inline-block; }
.main-slide-control .swiper-pagination-bullet-active::after { border:1px solid #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:15px; height:15px; display:inline-block; border-radius:50px; content:''; opacity:0; animation:fadeIndot 0.5s both cubic-bezier(0.550, 0.085, 0.680, 0.530); }
.swiper-button-prev:before, .swiper-button-next:before { display:none; }

/*main article*/
.main_content { margin-top:100px; }
.main_content h2 { font-size:2em; text-transform:capitalize; font-weight:900; line-height:1.6em; letter-spacing:-1px; color:var(--logo); }
.main_content h2 a { color:var(--logo); }
.main_content .title_wrap { display:flex; align-items: center; margin-bottom:30px; animation:fadeOut 0.5s both;}
.main_content .title_wrap.on { animation:fadeup 1s both; }
.main_content .title_wrap.center { justify-content: center; }
.announce_wrap .title_wrap { animation:fadeup 1s both; }
.announce_wrap .title_wrap.on { animation:fadeup 1s both; }
.announce_wrap .swiper-slide { animation:fadeOut 0.5s both; }
.announce_wrap.on .swiper-slide { animation:fadeup 1s both; }
.announce_wrap::after { animation:fadeup 1s both; }

.activities li { animation:fadeOut 0.5s both; }
.activities.on li { animation:fadeup 1s both; }
.title_wrap .showmore { margin-left:15px; }
.announce_wrap .title_wrap .showmore { margin-left:15px; color:#333; border-color:#333; }
.announce_wrap .title_wrap .showmore:hover { background:#333; color:#fff; }
.content_wrap.on .award, .content_wrap.on .bulletin { animation:fadeup 1s both; }
.content_wrap.on .bulletin { animation-delay:0.5s; }
.cm_list li { animation:fadeOut 0.5s both; }
.member_list.on .cm_list li { animation:fadeup 1s both; }

.announce_wrap { width:100%; position:relative; padding:45px 0; z-index:2;display:flex; align-items:center;  }
.announce_wrap .inner { position:relative; }
.announce_wrap .title_wrap { width:250px; position:absolute; top:0; left:0; }
.announce_wrap .title_wrap h2 { color:var(--logo); }
.announce_wrap .category { display:flex; justify-content:flex-start; animation:fadeOut 0.5s both; }
.announce_wrap.on .category { animation:fadeup 1s both; }
.announce_wrap .category li { margin-right:10px; }
.announce_wrap .category li:last-child { margin-right:0; }
.announce_wrap .category li a { padding:5px 10px; display:inline-block; border:1px solid #999; color:#727272; background:#fff; transition:all 0.3s; }
.announce_wrap .category li:hover a { border:1px solid #333; color:#333; }
.announce_wrap .category li.active a { border-color:#333; color:#333; }
.announce_wrap .control { display:flex; justify-content:center; align-items:center; animation:fadeOut 0.5s both; position:absolute; left:0; top:75px; }
.announce_wrap.on .control { animation:fadeup 1s both; }
.announce_wrap .swiper-button-next { position:static;height:30px; margin:0; }
.announce_wrap .swiper-button-prev { position:static;height:30px; margin:0; }
.announce_wrap .swiper-pagination { position:static; width:auto; display:flex; align-items:center; height:30px; margin:0 15px; }
.announce_wrap .swiper-pagination span { background:#333; position:relative; margin:0 10px !important; display:inline-block; }
.announce_wrap .swiper-button-next:after, .announce_wrap .swiper-button-prev:after { font-size:25px; color:#333; }
.announce_wrap .swiper-pagination-bullet-active::after { border:1px solid #333; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:17px; height:17px; display:inline-block; border-radius:50px; content:''; opacity:0; animation:fadeIndot 0.5s both cubic-bezier(0.550, 0.085, 0.680, 0.530); }

.announcement { width:100%; display:flex; z-index:2; padding-left:250px; position:relative; }
.announce_slide { width:100%; }
.announce_wrap .swiper-wrapper { padding-top:10px; }
.announce_wrap .swiper-slide { height:110px; transition:all 0.3s; position:relative; padding:10px; }
.announce_wrap .swiper-slide::before { content:''; display:block; width:calc(100% - 10px); height:100%; position:absolute; top:0; left:0; background:#000; opacity:0.2; z-index:1; transition:all 0.3s; }
.announce_wrap .swiper-slide:hover { border-color:#333; }
.announce_wrap .swiper-slide a { width:calc(100% - 10px); height:100%; display:block; padding:20px; position:absolute; bottom:10px; right:0; z-index:2; background:#fff; border:1px solid #ddd; transition:all 0.3s; }
.announce_wrap .swiper-slide:hover a { bottom:0; right:10px; }
.announce_wrap .swiper-slide span { color:#777; line-height:1em; display:inline-block; }
.announce_wrap .swiper-slide .by::before { content:''; display:inline-block; margin:0 7px; width:1px; height:13px; background:#ccc; }
.announce_wrap .swiper-slide strong { display:block; font-weight:900; font-size:1.1em; line-height:1.3em; }
.announce_wrap .swiper-slide p { position:absolute; bottom:20px; left:20px; font-size:0.8em; display:flex; align-items:center; }

.activities { padding:10px 0 0; }
.activities ul { display:flex; margin:-10px -20px 0 -10px; flex-wrap:wrap;  }
.activities li { width:calc(33.333% - 40px); margin:20px; text-align:right; position:relative; }
.activities.on li { animation:fadeup 1s both; }
.activities li a { font-weight:600; font-size:1.1em; }
.activities li > a { position:absolute; bottom:45px; right:30px; z-index:2; transition:all 0.5s; color:#fff; pointer-events:none; }
.activities ul li .img_box { width:100%; height:0; /* filter:grayscale(0.8);*/padding-bottom:61.808%; background-size:30%; margin-bottom:20px; position:relative; transition:all .5s;}
.activities ul li .bg_box::before { content:''; display:block; width:100%; height:100%; position:absolute; background:#000; opacity:0.5; z-index:1; transition:all 0.3s; }
.activities ul li .bg_box { width:100%; height:100%; background-size:cover; display:block; transition:all 0.3s; position:absolute; top:0; left:0; z-index:2; box-shadow:-10px 10px 0 0 #ccc; }
.activities ul li .bg_box:hover::before { opacity:0; }
.activities ul li .img_box:hover .bg_box { top:10px; left:-10px; box-shadow:0px 0px 0 0 #ccc; }
.activities li:hover > a { bottom:35px; right:30px; background:#fff; color:#333; padding:5px 10px; border-radius:50px; box-shadow:0 0 5px 0 rgba(0,0,0,0.5); }

/* .main_box { width:100%; height:650px; display:flex; justify-content:space-between; }
.main_box .text { width:700px; }
.award { background:url(/images/user/bg_award.png) 100% 100% no-repeat #171717; width:50%; color:#fff; display:flex; justify-content:flex-end;  }
.award .text { display:flex; align-items:flex-start; flex-direction:column; justify-content:center; }
.award .text strong { font-size:2.2em; font-weight:900; line-height:1.5em; }
.award .text p { padding-right:40%; display: block; margin:25px 0; font-size:1.2em; line-height:1.9em; }

.bulletin { width:50%; display:flex; background:url(/images/user/bg_main_bulletin.jpg) 50% 50% no-repeat; background-size:cover; justify-content:flex-start; position:relative; animation:fadeOut 0.5s both;}
.bulletin.on { animation:fadeup 1s both; }
.bulletin .logo { height:70px; }
.bulletin .text { display:flex; align-items:center; justify-content:center; position:relative; z-index:2; flex-direction: column;}
.bulletin .cover { width:235px; position:relative; z-index:2; margin:0 50px; }
.bulletin .cover img { width:100%; box-shadow:0px 15px 50px 0 rgb(0 0 0 / 60%);}
.cover_wrap { display:flex; align-items:center; justify-content:center; transform:translateY(-30px); margin-bottom:10px;}
.cover_wrap strong { font-family:notoserif; min-width:100px; color:#fff; text-align:center; font-size:1.4em; }
.bulletin .showmore { width:180px; height:45px; margin:0 2px; font-size:0.9em; }
 */
/*Member Societies*/
.member_list { position:relative; margin:20px 0 0; padding:30px 0 50px; }
.member_list::after { width:100%; height:100%; background:url(/images/user/bg_map.png) 50% 50% no-repeat; background-size:50%; display:block; position:absolute; top:0px; left:0; transition:all 0.5s; content:''; z-index:1; opacity:0; }
.member_list .inner { position:relative; z-index:2; transition:all 0.5s; }
.member_list.on::after { opacity:0.2; }
.member_list.on .inner { }
.cm_list { display:flex; flex-wrap:wrap; width:calc(100% + 30px); margin:-15px; }
.cm_list li { width:calc(16.666% - 30px); text-align:center; margin:15px; filter: grayscale(1); transition:all 0.5s; border:1px solid #ededed; background:#fff;}
.cm_list li a { width:100%; height:60px; display:flex; overflow:hidden; align-items:center; justify-content:center;}
.cm_list li:hover { filter: grayscale(0); transform:scale(1.1); border-color:#333;box-shadow: 0 0 20px 0 rgb(0,0,0,0.1); }

/* footer */
/* .footer { width:100%; padding:50px; background:#fff; border-top:1px solid #ededed; position:relative; display:flex; justify-content:space-between; align-items: center; }
.footer p { color:#999; font-size:0.9em; line-height:1.7em; }
.footer strong { margin-bottom:5px; display: block; color:#333; }
.footer_text { display:flex; }
.footer_text .logo { margin-right:30px; opacity:0.3;}
.footer_text .logo img { width:130px; }
.footer_text p span { margin-left:5px;  }
.footer a { color:#ccc; }
.user_count { display:flex; flex-direction:column; }
.user_count dl { display:flex;justify-content: flex-start; }
.user_count dl dt { color:#999; min-width:50px; }
.user_count dl dd { color:#fff; } */
.footer { width:100%; padding:40px 0; background:#fff; border-top:1px solid #ededed; position:relative; }
.footer p { color:#777; font-size:0.9em; line-height:1.7em; }
.footer p:nth-child(1) { font-weight:600; color:#333; }
.footer p:nth-child(2) { margin-top:8px; }
.footer .inner { display:flex; justify-content:space-between; align-items:center; }
.footer .contact { display:flex; align-items:center; font-weight:400; color:#222; flex-wrap:wrap; }
.footer .contact span em {  color:#222; margin-right:5px; text-transform:uppercase; }
.footer strong { margin-bottom:5px; display:block; color:#333; }

.footer_text { display:flex }
.footer_text .logo { margin-right:30px; }
.footer_text .logo img { width:130px; opacity:0.7; }
.footer_text .contact { margin-top:7px; }
.familysite { display:flex; margin-top:25px;}
.familysite li { margin-right:20px; display:flex; }
.familysite li a {  display:flex; }
.familysite li:last-child { margin-right:0; }
.familysite img { height:20px;transition:all 0.5s; }
.familysite li:first-child img { height:30px; opacity:0.5; margin-top:-10px; }

/* skip top */
.skip_top { width:50px; height:50px; border:1px solid #333; border-radius:50px; background:#fff; opacity:0; position:fixed; bottom:30px; right:30px; overflow:hidden;z-index:9;box-shadow: 0 0 20px 0 rgb(0,0,0,0.1); transform: translateY(50%); transition:all 0.3s; }
.skip_top span { font-size:1.5em; position:absolute; display:inline-block; left:50%; transform: translate(-50%, -50%); pointer-events:none; }
.skip_top .arrow1 { top:50%; }
.skip_top .arrow2 { top:150%; }
.skip_top:hover { box-shadow: 0 0 20px 0 rgb(0,0,0,0.3); border:1px solid #222; background:#222; color:#fff; }
.skip_top:hover .arrow1 { top:-150%;transition:top 0.5s; }
.skip_top:hover .arrow2 { top:50%;transition:top 0.5s; }
.skip_top.float { position:fixed; transform: translateY(0%); opacity:1; }
.skip_top.fix { position:absolute; bottom:auto; top:-25px; }

/* sns */
.sns { margin-top:28px; }
.sns ul { display:flex; }
.sns li { width:30px; height:30px; overflow:hidden; margin-left:15px; transition:transform 0.3s; background-image:url(/images/user/sns_logo.svg); background-size:180px 60px !important; background-repeat:no-repeat;}
.sns li:hover { transform:scale(1.1);}
.sns li a { width:100%; height:100%; text-indent:-5000px; display: inline-block; }
.sns .insta { background-position: 0 100%; }
.sns .facebook { background-position:20% 100%;  }
.sns .naver { background-position:40% 100%; }
.sns .youtube { background-position:60% 100%; }
.sns .rss { background-position:80% 100%;  }
.sns .insta:hover { background-position:0 0%; }
.sns .facebook:hover { background-position:20% 0%;  }
.sns .naver:hover { background-position:40% 0%;  }
.sns .youtube:hover { background-position:60% 0%; }
.sns .rss:hover { background-position:80% 0%;  }

.share { display:flex; }
.share.alignR { justify-content:flex-end; }
.share button { min-width:35px; height:35px; border:1px solid #ddd; background:#fff; color:#222; border-radius:50px; transition:all 0.3s; margin-left:10px; font-size:1em; display:flex; align-items:center;justify-content: center; }
.share button:hover { border-color:#222; background:#222; color:#fff; }
.share.alignC { justify-content:center; }

/*******************************************************************************************************************************************/
/***************************************************************   subpage   ***************************************************************/
/*******************************************************************************************************************************************/

.sub_container { margin:0; background:rgba(255,255,255,1); min-height:500px; }
.sub_title_top { display:flex; justify-content: space-between; margin-bottom:50px; }
.sub_contents { width:calc(100% - 280px); border-top:3px solid #333; padding-top:20px; }
.sub_contents .inner { width:100%; }
.subpage_inner { display:flex; padding:60px 0; justify-content:space-between; align-items:flex-start;}
.sub_contents.artivle_detail { padding-top:0; border-top:none; }

/* breadcrumb */
.breadcrumb {  }
.breadcrumb ul { display:flex; justify-content:flex-start; }
.breadcrumb li { display:flex; align-items:center; font-size:0.9em; }
.breadcrumb li a { color:#fff;line-height: 1.4em; }
.breadcrumb li img { width:8px; height:8px; }
.breadcrumb li.next { color:#fff; margin:0 10px; opacity:0.6; font-size:0.6em; margin-top:2px; }
.breadcrumb li:last-child strong { color:#fff; font-weight:900; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumb .btn_prev { display:none; border:none; }
.breadcrumb li .link:hover { color:#fff !important; }
.breadcrumb li .link:hover::after { background:var(--logo); }

/* sub_title */
.sub_title { text-align:center; background:#fff; color:#000; margin:75px 0 0; padding:15px 0 0; border-bottom:1px solid #ddd; background:url(/images/user/main_bg2.jpg) 50% 50% no-repeat; }
.sub_title .title { margin-bottom:15px; }
.sub_title em { color:#fff; font-size:1em; font-weight:900; text-transform:capitalize; white-space:nowrap;}
.sub_title h2 { color:#fff; font-size:2.4em; line-height:1.3em; font-weight:900; margin-bottom:75px; text-transform:capitalize; }
.sub_title .title p { color:#727272; display:inline-block; white-space:nowrap; font-size:1.1em; margin-top:10px; }

.content_header { /* border-top:2px solid #333; padding:10px 0; */ margin-bottom:30px; }
.content_header h3 { font-size:2em; line-height:1.3em; font-weight:900; color:var(--logo); }
.content_header p { font-size:1.1em; margin-top:25px; }

.leftmenu { width:240px; border-top:3px solid #333; border-bottom:1px solid #ccc; }
.leftmenu li { display:block; border-bottom:1px solid #ccc; transition:all 0.3s; }
.leftmenu li:last-child { border-bottom:none; }
.leftmenu li > a, .leftmenu li p { position:relative; display:flex; transition:all 0.3s; padding:10px 10px 10px 0; align-items:center; justify-content:space-between; }
.leftmenu li.depth1 > a, .leftmenu li.depth1 > p { font-size:1em; font-weight:600; }
.leftmenu li span { font-size:10px; }
.leftmenu li a span, .leftmenu li p span { opacity:0.3; }
.leftmenu li p.on span { opacity:1; }
.leftmenu li p span { transform:rotate(90deg); }
.leftmenu li.depth1 > a:hover, .leftmenu li.depth1 > p:hover { background:#f4f4f4; padding:10px; }
.leftmenu li a:hover span { margin-right:0px; opacity:1;}
.leftmenu li.depth1.active > a, .leftmenu li.depth1.active > p { padding:10px; background:var(--logo); color:#fff; }
.leftmenu li.depth1.active > a span, .leftmenu li.depth1.active > p span { color:#fff;opacity:1;margin-right:0; }

.leftmenu li p { cursor:pointer; }
.leftmenu li p.on span { transform:rotate(-90deg); }
.leftmenu .depth2 { border-top:1px solid #ccc; display:none; }
.leftmenu li.depth1.active .depth2 li a,
.leftmenu .depth2 li a { background:#f4f4f4; border-color:#ddd; font-size:0.9em; padding:10px; }
.leftmenu .depth2 li a span { color:#333; }
.leftmenu .depth2 li:hover a { background:#ddd; padding:10px; }
.leftmenu .depth2 li.active a { background:var(--logo); color:#fff; }
.leftmenu .depth2 li.active a span { color:#fff;opacity:1;margin-right:0; }
.leftmenu .depth2 li:last-child { border-bottom:none; }

.move_wrap { border-bottom:1px solid #ededed; margin-bottom:50px; position:relative; padding:0 70px; background:#fff; }
.move_wrap .inner { width:100%; }
.move { width:100%; display:flex; align-items:center; justify-content:center; }
.move .swiper-wrapper { display:flex; justify-content:center;}
.move .swiper-slide { width:auto; height:60px; display:flex; align-items:center; }
/* .move .swiper-slide:first-child { margin-left:45px; }
.move .swiper-slide:last-child { margin-right:45px; } */
.move .swiper-slide.active a { font-weight:600; }
.move .swiper-slide.active a::after { width:100%; height:2px; background:var(--logo); }
.move .swiper-slide a { height:60px; line-height:60px; font-weight:400; font-size:1.1em; transition:all 0.3s; white-space:nowrap; position:relative; }
.move .swiper-slide a::after { background:var(--logo); width:0%; height:2px; display:block; content:''; position:absolute; bottom:0; left:50%; transform: translateX(-50%); transition:width 0.3s; }
.move .swiper-slide a:hover::after { width:100%; }
.move .swiper-slide a:hover {  }

.move .swiper-button-prev, .move .swiper-button-next { opacity:1; width:30px; height:30px; background:#fff; border:1px solid #ededed; border-radius:5px; bottom:15px; top:auto; z-index:11;}
.move .swiper-button-prev::before, .move .swiper-button-next::before { font-size:13px; color:#333; width:13px; height:13px; text-align:center; line-height:1em;}
.move .swiper-button-prev:hover, .move .swiper-button-next:hover { border-color:#666; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); }
.move .swiper-button-prev { left:15px; }
.move .swiper-button-next { right:15px; }
.move .swiper-pagination-progressbar { width:100%; height:2px; bottom:0; left:0; }

.move .swiper-pagination-progressbar::before, .move .swiper-pagination-progressbar::after { content:''; display:inline-block; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); position:absolute; bottom:2px; width:70px; height:55px; pointer-events:none; z-index:0; }
.move .swiper-pagination-progressbar::before { left:0; }
.move .swiper-pagination-progressbar::after { right:0; transform:rotate(180deg); }

.move_wrap.noswiper .inner { width:1400px; padding:0; }
.move_wrap.noswiper .swiper-button-prev, .move_wrap.noswiper .swiper-button-next { display:none; }

.move_wrap.fix { width:100%;  position:fixed; top:0; left:0; z-index:9; margin-bottom:0; transition:background 0.3s; }
.move .swiper-pagination-progressbar { background:rgba(255,255,255,0); }
.move .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#1a88d9; }


/*bg img type sub title*/
.sub_title.visual_type { position:relative; background-position:50% 50%;}
.sub_title.visual_type em { color:#ccc; }
.sub_title.visual_type em img { display:inline-block; margin:20px 0 80px; height:12px; } /*ablout 로고 이미지*/
.sub_title.visual_type h2 { color:#fff; }
.sub_title.visual_type .breadcrumb li:last-child strong, .sub_title.visual_type .breadcrumb li a, .sub_title.visual_type .breadcrumb li.next, .sub_title.visual_type .breadcrumb li p { color:#fff; }
.sub_title.visual_type .breadcrumb li { opacity:0.6; }
.sub_title.visual_type .breadcrumb li:last-child { opacity:1; }
.sub_title.visual_type .breadcrumb li a:hover { color:#fff !important; }
.sub_title.visual_type .breadcrumb li a::after { background:#fff; }
.sub_title.visual_type .inner { position:relative; z-index:1; }
.sub_title.visual_type::after { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;}
.subtitle_bg { background-size:200% !important; background-position:50% 50%; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0; }

/*article list*/
.article_list.row_list { display:flex; border-top:2px solid #222; }
.article_list ul {   }
.article_list.row_list ul li { border-bottom:1px solid #333; padding:30px 0; display:flex; justify-content: space-between; }
.article_list.row_list ul li .img_box { width:300px; height:0; padding-bottom:13%; background:url(/images/user/logo_bk.svg) 50% 50% no-repeat #f4f4f4; background-size:30%; transition:all 0.5s; overflow:hidden; position:relative; }
.article_list ul li .bg_box { width:100%; height:100%; display:block; transition:box-shadow 0.5s, transform 0.5s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.article_list.row_list ul li .img_box:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;/*  transform:scale(1.01); */ }
.article_list.row_list ul li .img_box:hover .bg_box { transform:translate(-50%,-50%) scale(1.1); transition:transform .5s;}
.article_list.row_list ul li .text_box { width:calc(100% - 350px); }
.article_list.row_list ul li .title { width:100%; display:block; font-size:1.5em; line-height:1.3em; font-weight:900; transition:all 0.3s; }
.article_list.row_list ul li .title:hover { color:var(--logo); }
.article_list.row_list ul li .by { font-size:0.9em; font-weight:600; margin:20px 0; line-height:1em; display:flex; }
.article_list.row_list ul li .text { margin-bottom:20px; }
.article_list.row_list ul li .category { color:#0032c3; text-transform:capitalize; font-size:0.9em; font-weight:900; margin-bottom:10px; line-height:1em; display:inline-block; }

/*게시판 하단*/
.bottom_wrap { padding-top:50px; position:relative; }
.bottom_wrap .btn_wrap { display:flex; flex-wrap:wrap; width:100%; }
.bottom_wrap .btn_wrap.center { justify-content: center; }
.bottom_wrap .btn_wrap.between { justify-content:space-between; }
.bottom_wrap .btn_wrap.left { justify-content:flex-start; }
.bottom_wrap .btn_wrap.right { justify-content:flex-end; }
.bottom_wrap .btn_wrap.same button { width:180px; padding:0; }
.bottom_wrap .btn_wrap > div { display:flex; }
.bottom_wrap button { margin:2px; }

/*article detail view*/
.article_header { text-align:center; margin-top:70px; }
.sub_title .article_header.title strong{ font-size:1.3em; display:block; border:none; padding:0; border-radius:0; }
.article_header strong a { color:#0032c3; text-transform:capitalize; font-size:0.9em; font-weight:900; }
.article_header h2 { font-size:2.4em; font-weight:900; margin:20px 0 50px; }
.article_header .by strong { margin-bottom:30px; display:block;}
.article_header .by p { line-height:1em; display:flex; justify-content:center; font-weight:900; color:#727272; }
.article_header .by p a { color:#727272; }

.sortation span { display:flex; align-items:center; }
.sortation span::after { content:''; margin:0 10px; display:inline-block; width:1px; height:13px; background:#ccc;}
.sortation span:last-child::after { display:none; }

/*기사컨텐츠*/
.article_view { position:relative; padding:50px 0; width:960px; margin:0 auto; }
.article_view:first-child { padding-top:0; }
.article_view h2 { font-weight:900; line-height:1.3em; }
.article_view .btn_wrap .btn_icon { padding:0 25px; }
.article_view .btn_wrap .btn_icon span { font-size:1.1em; }

/*작가정보*/
.writer_info { width:200px; display:flex; flex-direction:column; align-items:center;}
.writer_info .writer_pic { width:130px; height:130px; border-radius:130px; margin-bottom:30px; overflow:hidden; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.5); }
.writer_info strong { font-size:1.5em; }
.writer_info em { color:#727272; font-weight:500; margin-top:10px; }
.writer_info button { margin-top:20px; /* width:100%; */ border-radius:50px;}
.writer_info button span { margin-left:10px; font-size:0.8em; }

/*기사내용*/
.article_content { width:100%; font-size:1.2em; margin-bottom:50px; line-height:2em; transition:all 0.5s; transition-delay:0.2s; }
.article_content figcaption { font-size:0.8em; line-height:1.6em; }

.article_view .writer_info { transition:margin-top 0.5s, opacity 0.5s, top 0.5s, bottom 0.5s; /* padding:40px 20px; border-radius:15px; background:#333; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */}
.article_view .writer_info .writer_text { display:flex; flex-direction:column; align-items:center;}
.article_view .writer_info strong { display:flex; align-items:center; }
.article_view .writer_info strong span { display:flex; align-items:center; justify-content:center; font-size:0.7em; background:#ddd; color:#333; width:24px; height:24px; border-radius:50px; margin-right:10px; }
.article_view.active .article_content { opacity:1; margin-top:0; }
.article_view.active .writer_info { opacity:1; margin-top:0; }
.article_view.active .writer_info.float { position:fixed; top:50px; left:50%; transform:translateX(-700px); }
.article_view.active .writer_info.float.fix { position:absolute; bottom:50px; top:auto; left:0; transform:translateX(0); transition:bottom 0.5s}

/*.article_wrap { padding:40px 0; display:inline-block; }
.article_wrap:last-child { padding-bottom:0; }
.article_list .article_wrap ul { margin:0px 0; }
.article_wrap .title_wrap { position:relative; margin-bottom:0; display:block; }
.article_wrap .title_wrap li { animation:fadeOut 1s both; }
.article_wrap .title_wrap .title { padding-right:20px; background:#fff; position:relative; z-index:1; display:inline-block;animation:fadeOut 1s both;}
.article_wrap .title_wrap .category { font-size:2em; font-weight:900; display:inline-block; color:#0032c3; padding-bottom:2px;}
.article_wrap .title_wrap::after { width:100%; height:1px; background:#ddd; content:''; display:block; position:absolute; top:13px; left:0; z-index:0; }
.article_wrap li {}*/

/*sub article*/
.sub_container { }
.sub_container .inner { }
.sub_container > .bg_box { position:absolute; bottom:0; background-size:contain; width:100%; height:50%; z-index:-1; }
.sub_container .title_wrap { display: flex; align-items: center; margin-bottom:25px; }
.sub_container .title_wrap h2 { font-size:1.8em; text-transform:capitalize; font-weight:900; line-height:1.6em; letter-spacing:-1px; }
.sub_container .title_wrap .showmore { color:#222; font-weight:900; border:2px solid #222; border-radius:50px; line-height:1em; height:33px; padding:0 10px; margin-left:20px; font-size:1.1em; background:#fff; transition:all 0.3s;}
.sub_container .title_wrap .showmore:hover { background:#222; color:#fff; }
.article_container .article_wrap { margin-bottom:100px; }
.article_container .article_wrap:last-child { margin-bottom:0; }

.showmore { color:#333; font-weight:900; border:2px solid #333; border-radius:50px; height:40px; padding:0 15px; font-size:1.1em; background:transparent; transition:all 0.3s;}
.showmore span { margin-left:10px; }
.showmore:hover { background:#333; color:#fff; }
.announce_wrap .showmore, .main_box .showmore { color:#fff; font-weight:900; border:2px solid #fff; }
.announce_wrap .showmore:hover, .main_box .showmore:hover { background:#fff; color:#333; }

/*add dot*/
.dot li::after, .dot > div::after { width:1px; height:17px; border-radius:3px; display:inline-block; content:''; background:#ccc; margin:0 15px; }
.dot li:last-child::after, .dot > div:last-child::after { display:none; }

/*tab*/
.wrap-tab-container { width:100%; }
.wrap-tab-list { display:flex; justify-content:center; align-items:center; margin-bottom:50px; }
.wrap-tab-list li { }
.wrap-tab-list li::after { width:3px; height:3px; border-radius:3px; display:inline-block; content:''; background:#666; margin:0 15px 5px; }
.wrap-tab-list li:last-child::after { display:none; }
.wrap-tab-list button { border:none; background:none; padding:0; font-size:1.2em; font-weight:600; border-radius:0; transition:0.3s; position:relative;display:inline-block; }
.wrap-tab-list button::after { width:0; height:1px; background:#333; content:''; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.3s; }
.wrap-tab-list li.active button::after { width:100%; }
.wrap-tab-list button:hover::after { width:100% }

/*tab 내용이 두개일 경우*/
.round_tab { display:flex; justify-content:center; align-items:center; }
.round_tab .wrap-tab-list { padding:5px; border-radius:50px; border:1px solid #dbdbdb;box-shadow:rgb(50 50 93 / 25%) 0px 10px 10px -12px, rgb(0 0 0 / 30%) 0px 10px 20px -18px;}
.round_tab .wrap-tab-list li::after, .round_tab .wrap-tab-list button::after { display:none; }
.round_tab .wrap-tab-list li { display:inline-block; }
.round_tab .wrap-tab-list li button { height:40px; border-radius:50px; width:100%; }
.round_tab .wrap-tab-list li:last-child button {  }
.round_tab .wrap-tab-list li.active button { background:#0032c3; color:#fff; }

.wrap-tab-list.tab2 { width:300px; }
.wrap-tab-list.tab2 li { width:100%; }
.wrap-tab-contents { width:100%; }

/*toggle*/
.toggle { border-top:2px solid #333; }
.toggle > li { border-bottom:1px solid #ededed; }
.toggle_tit a { padding:35px 25px; display:block; font-size:1.5em; font-weight:900; position:relative; transition:all 0.5s;}
.toggle_tit a:hover { background:#e5e5e5; }
.toggle_tit a::after, .toggle_tit a::before { content:''; display:block; width:15px; height:2px; background:#333; position:absolute; right:25px; top:50%; transform:translateY(-50%) rotate(0deg); transition:all 0.3s; }
.toggle_tit a::before { transform:translateY(-50%) rotate(90deg); }
.toggle_tit.active a::before { transform:translateY(-50%) rotate(0deg); }
.toggle_tit.active a { background:#f4f4f4; font-size:2.2em; padding:35px 25px 0 30px; }
.toggle_box { display:none; background:#f4f4f4; padding:30px; }

/*About AAPPS-Headquarters*/
.contactus { display:flex; justify-content: space-between; }
.contact_box { width:calc(33.333% - 10px); padding:23px 17px; border:1px solid #ccc; background:#fff; box-shadow:rgb(50 50 93 / 20%) 0px 10px 40px -10px, rgb(0 0 0 / 10%) 0px 15px 30px -30px; transition:all 0.3s;}
.contact_box:hover { border-color:#333;box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 10px 30px -10px, rgba(0, 0, 0, 0.3) 0px 10px 20px -10px;  }
.contact_box strong { font-size:1.3em; margin-bottom:20px; display:block; font-weight:900; }
.contact_box p { margin-bottom:10px; font-weight:600; line-height:1.5em; font-size:12px; display:none; }
.contact_box p.address { font-weight:400; line-height:1.7em; font-size:10px; letter-spacing:-0.1px; }
.contact_box dl { width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; margin-top:20px; }
.contact_box dt { width:60px; font-size:12px; font-weight:600; text-transform:uppercase; }
.contact_box dd { width:calc(100% - 60px); color:#333; font-size:12px; position:relative;}
/* .contact_box dd::after { content:''; display:block; width:calc(100% + 60px); height:1px; background:#ededed; margin:7px 0 7px -60px; } */
.contact_box dd:last-child { padding-bottom:0; }
.contact_box dd:last-child::after { display:none; }
.contact_box dd a { color:#333; }

.headquarters { position:relative; margin-bottom:40px; }
.headquarters img { width:60%; }
.headquarters .text { position:absolute; display:inline-block;bottom:30px; right:0; padding:40px 30px; background:#fff; border:1px solid #ccc; }
.headquarters .text strong { font-size:1.3em; display:block; }
.headquarters .text span { display:block; margin:5px 0 10px; }
.headquarters .text p { font-size:0.9em; color:#666; line-height:1.5em; }
.headquarters .text img { width:30%; margin-bottom:20px; }

h4.title { font-size:1.5em; font-weight:600; margin-bottom:20px; }

/*About AAPPS-Member Societies*/
.sea { width:100%; max-width:1920px; background:#c5dbec; display:flex; position:relative; transition:all .3s; border: 1px solid #ccc; }
.sea .inner { position:relative; height:100%; }
.map_wrap { overflow:hidden; }
.map_asia { width:650px; height:600px; position:relative; transform: translateX(-62px); transition:all 0.3s; }

/*map sgv*/
.st0{display:none;}
.st1{display:inline;fill:#fff;stroke:#ccc;stroke-width:0.5px;transition:all 0.3s;}
.point { position:relative; display: block; cursor:pointer; transition:all 0.3s;}
.point:hover { fill:#ededed; }
.st1.active { fill:#7ba4c3; }

/*point*/
.map_point { position:absolute; transition:all .3s; }
.map_point a::after { content: attr(data-text); z-index:2; color:#000; border:1px solid #ccc; border-radius:5px; position:absolute; bottom:10px; left:50%; opacity:0; transition:all 0.3s; pointer-events:none; transform:translateX(-50%); background:#fff; font-size:12px; padding:5px 5px; line-height:1em; }
.map_point.active a::after, .map_point.on a::after { bottom:20px; pointer-events:auto; opacity:1; }
.map_point a { display:inline-block; width:18px; height:18px; background:#ccc; box-shadow:0 0 5px 0 rgba(0,0,0,0.3); border:2px solid #fff; border-radius:50px; color:transparent; transition:all 0.2s; position:relative; }
.map_point span { position:absolute; background:#fff; padding:5px 10px; border:1px solid #ddd; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); left:50%; transform:translateX(-50%); white-space:nowrap; bottom:40px; transition:all 0.3s; opacity:0; pointer-events:none; font-size:0.9em; font-weight:600; z-index:99; text-transform:capitalize; }
.map_point.hover span, .map_point:hover span { opacity:1; bottom:25px; }
.map_point.active a { background:var(--logo); box-shadow:0 0 8px 0 rgba(0,0,0,0.5); }
.map_point.australia { bottom:25%; right:30%; }
.map_point.beijing { top:22%; left:47%; }
.map_point.hongkong { top:31%; left:52%; }
.map_point.india { top:30%; left:27%; }
.map_point.indonesia { top:49%; left:52%; }
.map_point.japan { top:19%; right:28%; }
.map_point.kazakhstan { top:9%; left:20%; }
.map_point.korea { top:20%; right:36.5%; }
.map_point.malaysia { top:45%; left:43%; }
.map_point.mongolia { top:11%; left:44%; }
.map_point.nepal { top:27%; left:31%; }
.map_point.newzealand { bottom:11%; right:4%; }
.map_point.pakistan { top:25%; left:21%; }
.map_point.philippines { top:39%; left:58%; }
.map_point.singapore { top:47%; left:44%; }
.map_point.taipei { top:30%; left:56%; }
.map_point.thailand { top:38%; left:42%; }
.map_point.uzbekistan { top:15%; left:16%; }
.map_point.vietnam { top:38%; left:47%; }
.map_point.iran { top:25%; left:12%; }
/*
.map_point.australia a { background:url(/images/user/flag/flag_australia.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.beijing a { background:url(/images/user/flag/flag_beijing.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.hongkong a { background:url(/images/user/flag/flag_hongkong.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.india a { background:url(/images/user/flag/flag_india.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.indonesia a { background:url(/images/user/flag/flag_indonesia.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.japan a { background:url(/images/user/flag/flag_japan.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.kazakhstan a { background:url(/images/user/flag/flag_kazakhstan.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.korea a { background:url(/images/user/flag/flag_korea.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.malaysia a { background:url(/images/user/flag/flag_malaysia.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.mongolia a { background:url(/images/user/flag/flag_mongolia.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.nepal a { background:url(/images/user/flag/flag_nepal.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.newzealand a { background:url(/images/user/flag/flag_newzealand.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.philippines a { background:url(/images/user/flag/flag_philippines.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.singapore a { background:url(/images/user/flag/flag_singapore.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.taipei a { background:url(/images/user/flag/flag_taipei.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.thailand a { background:url(/images/user/flag/flag_thailand.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.beijing a { background:url(/images/user/flag/flag_beijing.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.hongkong a { background:url(/images/user/flag/flag_hongkong.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.uzbekistan a { background:url(/images/user/flag/flag_uzbekistan.png) 50% 50% no-repeat #fff; background-size:cover; }
.map_point.vietnam a { background:url(/images/user/flag/flag_vietnam.png) 50% 50% no-repeat #fff; background-size:cover; } */

.member_box { width:370px; height:100%; padding:15px; top:0; right:0; overflow-y:auto; scroll-behavior: smooth; position:absolute; transition:all 0.3s;}
.member_box h3 { font-size:1.3em; font-weight:900; margin:0 0 10px; text-align:left; display:none; }
.member_box > ul { transition:all 0.3s; }
.member_box > ul > li { padding:15px; background:#fff; border-radius:7px; border:1px solid #a7c1d5; margin-bottom:6px; position:relative; transition:all 0.15s; cursor:pointer; }
.member_box > ul > li:hover { border:1px solid #7b99b1; transform:scale(1.03); }
.member_box > ul > li.active { }
/* .member_box > ul > li::after { opacity:0; width:calc(100% + 20px); height:100%; border:2px solid var(--logo); position:absolute; background:rgba(0,52,219,0.1); pointer-events: none; top:-2px; left:-10px; content:''; transition:all 0.3s; z-index:1; }
.member_box > ul > li.active::after { opacity:1; } */
.member_box > ul > li:last-child { margin-bottom:0; }
.member_box ul li .title { display:flex; font-size:1.1em; font-weight:900; margin-bottom:0; }
/* .member_box ul li .title { display:flex; font-size:1.1em; text-transform:capitalize; font-weight:900; margin-bottom:0; } */
.member_box ul li .title img { height:25px; margin-right:10px; position:relative; z-index:2; display:none; }
.member_box ul li li { display:flex; align-items:center; margin-bottom:0; }
.member_box ul li li p { font-size:10px; }
.member_box ul li li:last-child { margin-bottom:0; }
.member_box ul li li a { font-size:0.9em; line-height:1em; margin-left:6px; transition:all 0.3s; position:relative; z-index:2; color:var(--link); }
.member_box ul li.active { background:var(--logo); color:#fff; border:1px solid var(--logo); }
.member_box ul li.active a { color:#fff; border-color:#fff; }
.member_box ul li li a:hover { text-decoration:underline; }
.member_box ul li li a span { margin-left:3px; font-size:0.9em; }

.betwtab { display:block; }
.betwtab .tabs { display:flex; }
.betwtab .tabs li { border:1px solid #ccc; position:relative; border-radius:5px; margin-right:15px; transition:all 0.3s; }
.betwtab .tabs li:hover { box-shadow:5px 5px 15px 0 rgba(0,0,0,0.1); }
.betwtab .tabs li:last-child { margin-right:0; }
.betwtab .tabs li > span { display:none; }
.betwtab .tabs li a { font-size:1em; transition:all 0.3s; width:100%; color:#666; padding:20px 0; font-weight:600; display:block; text-transform:capitalize; text-align:center; }
.betwtab .tabs li a span { font-size:13px; font-weight:900; display:block; }
.betwtab .tabs li.active { border:1px solid var(--logo); box-shadow:5px 5px 15px 0 rgba(0,0,0,0.1); background:var(--logo); }
.betwtab .tabs li.active a { color:#fff; }
.betwtab .tab_container { width:100%; margin-top:50px; }
.betwtab .tab_content > strong { font-size:1.5em; line-height:1.6em; font-weight:900; display:block; margin-bottom:15px; color:var(--logo); }

/*about swiper*/
.aboutswiper { overflow:hidden; }
.aboutswiper li { border:1px solid #ccc; position:relative; border-radius:10px; }
.aboutswiper li a { font-size:1.5em !important; transition:all 0.3s; width:100%; padding:20px 0; font-weight:900 !important; display:block; text-transform:capitalize; text-align:center; }
.aboutswiper li a span { display:block; font-size:13px; font-weight:400 !important; margin-bottom:5px; }
.aboutswiper li a::after { height:2px;bottom:1px;}
.aboutswiper li:hover { border-color:var(--logo); }
.aboutswiper li.active { border-color:var(--logo); }
.aboutswiper li.active a { color:#fff; }
.aboutswiper li.active a::after { width:100%; }
.council_wrap .tab_container { margin-top:10px; }
.static-control { display:flex; justify-content:flex-end; margin-top:20px; }
.static_contr.swiper-button-prev, .static_contr.swiper-button-next { width:35px; height:35px; background:var(--logo); border-radius:50px; position:static; margin-top:0; }
.static_contr.swiper-button-prev::after, .static_contr.swiper-button-next::after { font-size:15px; color:#fff; font-weight:600; }
.static_contr.swiper-button-prev {  }
.static_contr.swiper-button-next { margin-left:10px; }
.static_contr.swiper-button-prev.swiper-button-disabled, .static_contr.swiper-button-next.swiper-button-disabled { background:#ccc; opacity:1; }

/*ABOUT AAPPS-Milestones*/
.history { position:relative; background:rgba(255,255,255,1); }
.history h3 {  }
.history_content { position:relative; z-index:1; }
.history ul { position:relative; padding:10px 0 20px;  }
.history ul::after { width:3px; height:100%; content:''; display:inline-block; background:#cbcbcb; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; }
.history ul li { width:100%; position:relative; padding:0 calc(50% + 30px) 0 0; text-align:right; margin:10px 0; z-index:3; }
.history ul li:nth-child(2n) { padding:0 0 0 calc(50% + 30px); text-align:left; }
.history ul li { text-align:right; display:inline-block; position:relative; }
.history ul li:nth-child(2n)::after { right:auto; }
.history ul li .date { color:#333; font-weight:900; letter-spacing:-1px; font-size:1.3em; display:block; }
.history ul li p { font-size:1.5em; color:#525252; margin-bottom:15px; font-weight:900; display:inline-block; padding: 3px 10px; border-radius:50px; color:var(--logo); border:2px solid var(--logo); }
.history ul li::after { width:10px; height:10px; content:''; display:inline-block; border:3px solid var(--logo); border-radius:50px; background:#fff; position:absolute; top:-45px; left:50%; transform: translate(-50%, 50px);}
.history ul li:nth-child(2n) { text-align:left; }
.history ul li:nth-child(2n)::before { transform:scaleX(-1); left:-15px; right:auto; }
.history li dl { width:100%; display:block; font-size:15px; }
.history li dl dt { width:100%; margin-bottom:3px; font-weight:600; font-size:1em; }
.history li dl dd { width:100%; margin-bottom:30px; display:block; font-size:0.9em; }
.history li dl dd:last-child { margin-bottom:0; }
.history ul li .history_img { margin-top:10px; }
.history ul li .history_img img { max-width:400px; }
/* .history_wrap .content_header { margin:0 0 20px; text-align:left; }
.history { width:100%; }
.history li { padding:40px 30px 40px 200px; position:relative; }
.history li:nth-child(2n) { background:#f9f9f9; }
.history li p { border:2px solid #0049df; background:#fff; width:75px; height:75px; font-weight:900; border-radius:75px; color:#0049df; text-align:center; left:50px; line-height:75px; display:inline-block; position:absolute; top:50%; margin-top:-37.5px; }
.history li dl { width:100%; display:block; font-size:15px; }
.history li dl dt { width:100%; margin-bottom:10px; font-weight:600; font-size:1.2em; }
.history li dl dd { width:100%; margin-bottom:30px; display:block; }
.history li dl dd:last-child { margin-bottom:0; } */

/*ABOUT AAPPS-Constitution*/
.council_wrap .tab_content {  }
.council_wrap .tab_content ul { display:flex; flex-wrap:wrap; margin:-10px; justify-content:space-between;}
.council_wrap .tab_content ul li { width:calc(50% - 20px); margin:10px; padding:20px; background:#fff; position:relative; transition:all 0.3s;}
.council_wrap .tab_content ul li::after { width:100%; height:100%; border:1px solid #ccc; pointer-events:none; top:0; left:0; position:absolute; content:''; display:block; }
.council_wrap .tab_content ul li:hover { border-color:#333;box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 10px 30px -10px, rgba(0, 0, 0, 0.3) 0px 10px 20px -10px;  }
.council_wrap .tab_content ul li p { color:#727272; font-size:0.8em; margin-top:5px; line-height:1.8em; }
.council_wrap .tab_content ul li dl { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:10px; font-size:0.9em; }
.council_wrap .tab_content ul li dt { width:50px; height:25px; border:1px solid #ccc; text-align:center; border-radius:30px; font-size:0.9em; margin-top:5px; }
.council_wrap .tab_content ul li dd { width:calc(100% - 60px); margin-top:4px; overflow:hidden; }
.council_wrap .tab_content ul li dd img { margin-top:7px; }
.council_wrap .name { }
.council_wrap .name strong { font-size:1.1em; font-weight:900; }
.council_wrap .name div { font-size:1.0em; font-weight:400; }
.council_wrap .name span { position:relative; font-size:0.9em; margin-left:15px; font-weight:600; display:flex; align-items:center; text-transform:capitalize; }
.council_wrap .name span img { height:17px; margin-right:5px; }
.council_wrap .name em { display:block; margin-top:5px; font-size:12px; align-items:center; color:var(--logo); }
.council_wrap .img_wrap { display:flex; align-items:center; margin-bottom:15px; }
.council_wrap .img_wrap .name em { margin-top:0; }
.council_wrap .img { width:80px; height:80px; border-radius:100px; overflow:hidden; display:flex; justify-content:center; align-items:center; margin-right:20px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.3); }
.council_wrap .img img { width:100%; }

.constitution_wrap { width:100%; }
.constitution_wrap .tabs { margin:-10px; flex-wrap:wrap; }
.constitution_wrap .tabs li { width:calc(33.333% - 20px); margin:10px; }
.constitution_wrap .tabs li a { text-transform:none; }
.constitution_wrap li a { white-space:nowrap; }
.constitution_wrap ul {  margin:0; }
.constitution_wrap .tab_container li { padding:25px 0; border-bottom:1px solid #ddd; }
.constitution_wrap li strong { font-size:1.2em; width:100%; margin-bottom:15px; font-weight:600; display:block; text-transform:capitalize; }
.constitution_wrap li .text { width:100%; }
.constitution_wrap li p { width:100%; font-size:1em; }
.constitution_wrap li dl { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:1em;  }
.constitution_wrap li dt { width:35px; margin:5px 0; font-weight:600; color:#000; }
.constitution_wrap li dd { width:calc(100% - 35px); margin:5px 0; color:#333; text-align:justify;  }
.constitution_wrap .by { margin-top:30px; display:block; text-align:right; }
.constitution_wrap li .onlistText { margin-bottom:20px; }

/*ABOUT AAPPS-APPC*/
.hb_wrap { padding:30px 0; }
.hb_wrap.first { padding-top:0; }
.hb_wrap.first .title { margin:40px 0 20px; }
.hb_wrap.first .text { background:#fff; }
.hb_wrap.first img { width:50%; float:left; margin:0 30px 20px 0; }
.hb_wrap.first p {  }
.hb_wrap .sideimg { display:flex; justify-content:space-between; align-items:flex-start; }
.hb_wrap .cover { text-align:center; margin-right:50px; }
.hb_wrap figure { display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.hb_wrap figcaption { font-size:0.9em; margin-top:25px; text-align:center; line-height:1.5em; }
.hb_wrap .title { font-size:1.6em; margin-bottom:25px; display:block; font-weight:900; color:var(--logo); }
.hb_wrap p { font-size:1.1em; line-height:2em; margin-bottom:20px; display:block; text-align:justify; }
.hb_wrap p:last-child { margin-bottom:0; }
.hb_wrap .hb_content { display:flex; justify-content:space-between; }
.hb_wrap .hb_content img { border:1px solid #dbdbdb; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.hb_wrap .hb_content .text { width:calc(100% - 400px); }
.hb_wrap .hb_content .text p {   }
.hb_wrap.bg_content { background:#f4f4f4; }
.hb_wrap.bg_content:last-child { margin-bottom:-60px; }
.hb_wrap.bg_content ul li { border:1px solid #ddd; }
.hb_wrap ul { display:flex; justify-content:space-between; flex-wrap: wrap; border-top:2px solid #333; }
.hb_wrap ul li { position:relative; }
.hb_wrap ul li:nth-child(2n-1)::after { position:absolute; bottom:0; left:0; display:block; width:200%; height:1px; background:#ccc; content:''; }

.hb_wrap .closing { margin-top:25px; margin-bottom:0;}
.hb_wrap .obj_wrap { display:flex; justify-content:space-between; }
.hb_wrap .obj { width:calc(50% - 15px); border:1px solid var(--logo); padding:35px 30px; position:relative; display:flex; align-items:center;}
.hb_wrap .obj p { font-size:1em; line-height:1.5em; }
.hb_wrap .obj .title { position:absolute; top:-15px; left:15px; margin-bottom:0; padding:0 15px; display:inline-block; background:#fff; color:var(--logo); }
.hb_wrap ol li { display:flex; display:flex; justify-content:space-between; margin-bottom:20px; }
.hb_wrap ol li:last-child { margin:0; }
.hb_wrap ol li p { margin-bottom:0; width:calc(100% - 20px); }
.hb_wrap ol li span { width:15px; height:15px; margin:8px 10px 0 0; display:flex; align-items:center; justify-content:center; background:var(--logo); color:var(--logo); text-indent:-5000px; }
.hb_wrap #presidents ul { margin:0; }
.hb_wrap #presidents ul li { width:50%; margin:0; border:none; padding:25px 0; display:flex; justify-content:flex-start; align-items:center; }
.hb_wrap #presidents ul li:nth-child(2n-1)::after { display:block; }
.hb_wrap #presidents ul li strong.title { font-size:0.9em; font-weight:900; color:#25219b; line-height:.6em; margin-bottom:8px; display:block; text-transform:uppercase; }
.hb_wrap #presidents ul li strong.title span { margin-left:5px; }
.hb_wrap #presidents ul li .name strong { font-size:1.2em; }
.hb_wrap #presidents ul li p { margin-top:10px; color:#666; font-size:13px; line-height:18px; }
.hb_wrap #presidents ul li .img { width:110px; height:110px; overflow:hidden; border-radius:150px; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.2); margin-right:25px; }
.hb_wrap #presidents ul li .img img { width:100%; }

/*ABOUT AAPPS-APPC*/
.appc .title { margin-bottom:20px; }
.appc img { width:100%; margin-bottom:20px;}
.previous { margin-top:30px; }
.previous .subtitle { font-size:1.8em; font-weight:900; margin-bottom:20px; display:block; }
.previous ul { display:flex; flex-wrap: wrap; margin:-10px; }
.previous ul li { margin-bottom:12px; padding:25px; border:1px solid var(--logo); border-radius:5px; width:calc(50% - 14px); margin:7px; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.1); }
.previous ul li p { margin-bottom:0; width:calc(100% - 20px); color:#676767; }
.previous ul li strong { font-size:1.2em; font-weight:900; color:var(--logo); position:relative; padding-bottom:14px; margin-bottom:10px; display:block; }
.previous ul li strong::after { width:15px; height:3px; background:var(--logo); content:''; display:inline-block; position:absolute; bottom:0; left:0; }

/*ABOUT AAPPS-Message from President*/
/* .greeting .content_header { height:400px; position:relative; margin:0 0 60px; }
.greeting .content_header::after { width:100%; height:100%; display:block; content:''; position:absolute; top:0; left:0; background:url(/images/user/bg_map_white.png) 50% 30% no-repeat; background-size:cover; opacity:0.4; }
.greeting .content_header .text { }
.greeting .content_header .text h3 { margin-bottom:70px; color:#002b4c; }
.greeting .content_header .text strong { font-size:1.4em; color:#004478; font-weight:900; }
.greeting .content_header .text p { margin:10px 0 0 0; font-size:1em; text-align:center; line-height: 1.9em;}
.greeting .content_header .inner { position:relative; z-index:9; height:100%; }
.greeting .content_header img { position:absolute; bottom:0; right:0; }
*/
.greetingimg { float:left; width:24%; margin:0 50px 20px 0; }
.greetingimg .caption { margin:15px 0 0; font-size:1.0em; text-align:center; }
.greetingimg .caption strong { display:block; }
.greeting .text img { width:100%; }
.greeting .text {  margin:0 auto; }
.greeting .text p { margin-bottom:25px; font-size:1.1em; line-height:2em; display:block; text-align:justify;}
.greeting .text p:last-child { margin-bottom:0; }

.bulletin_greeting .content_header { margin:-100px 0 190px; }
.bulletin_greeting .content_header .inner img { bottom:-50%; left:50%; transform: translate(-50%,-50%); right:auto; border-radius:200px; width:200px; box-shadow:0px 10px 30px 0 rgba(0,0,0,0.3); }
.bulletin_greeting .content_header .text { padding-top:100px; }
.bulletin_greeting .content_header .text h3 { margin-bottom:25px; }

.greeting_wrap { margin-top:-100px; }
.greeting_wrap .title { background:#f4f4f4; }
.greeting_wrap .title strong { font-size:2em; font-weight:900; line-height:1.6em; }
.greeting_wrap .title p { margin-top:10px; color:#727272; }
.greeting_wrap .title .inner { display:flex; align-items:center; padding-left:400px; height:250px; position:relative;}
.greeting_wrap .title .img { position:absolute; top:50px; left:0; display:flex; flex-direction: column; align-items: center; }
.greeting_wrap .title .img .by { display:flex; flex-direction: column; align-items: center; margin-top:20px; }
.greeting_wrap .title .img .by strong { font-size:1.2em; }
.greeting_wrap .title .img .by span { font-size:0.9em; margin-top:7px; color:#727272; }
.greeting_wrap .title img { margin-bottom:20px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.greeting_wrap .text { margin-top:100px; }
.greeting_wrap .text_wrap {  padding-left:180px; }
.greeting_wrap .text_wrap .by { display:flex; flex-direction:column; margin-top:50px; }
.greeting_wrap .text_wrap .by strong { font-weight:900; font-size:1.4em; margin-bottom:5px; }
.greeting_wrap .text_wrap .by span { color:#727272; font-size:0.9em; }
.greeting_wrap .text p { margin-bottom:30px; font-size:1.2em; line-height:2.4em; word-wrap:normal; }

.ebm_list { }
.ebm_wrap { display:flex; justify-content:space-between; border-bottom:1px solid #ccc; margin-bottom:50px; padding-bottom:50px; }
.ebm_wrap > strong { font-weight:900; font-size:1.7em; text-transform: capitalize; display:block; width:300px; margin-top:20px; }
.ebm_wrap .editor_wrap { width:calc(100% - 400px); }
.ebm_wrap .editor_wrap ul { display:flex; flex-wrap:wrap; }
.ebm_wrap .editor_wrap ul li { display:flex; align-items:flex-start; margin:20px 0; width:50%; padding-left:15px; position:relative; flex-direction:column; }
.ebm_wrap ul li::before { width:3px; height:3px; content:''; display:inline-block; background:#333; margin-right:10px; position:absolute; top:10px; left:0; }
.ebm_wrap ul li p { font-weight:600; margin-right:10px; }
.ebm_wrap ul li span { color:#727272; }
.editor { margin-bottom:40px; }
.editor strong { font-size:1.4em; margin:20px 0; font-weight:900; display:block; }

/*Chen Ning Yang Award*/
.award_content { }
.award_content h3 {  }
.award_content h3 strong { font-size:3.5em; font-weight:900; display:block;}
.award_content .award_text { display: flex; justify-content: space-between; margin-bottom:50px; }
.award_content .award_text .text_wrap { width:calc(100% - 400px); padding:0; }
.award_content .text_wrap { padding:25px 0; }
.award_content .inner > .text_wrap:last-child { padding-bottom:0px; }

.award_box_wrap { display:flex; margin:30px 0 30px; }
.award_box .title { font-size:1.7em; margin-bottom:15px; font-weight:900; display:block; }
.award_box { padding:30px; border:1px solid #e1e1e1; border-radius:10px; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1); min-height:400px; }
.award_box .box { min-height:300px; display:flex; align-items:center; flex-direction:column; justify-content:center; }
.award_box.min0, .award_box.min0 .box { min-height:0; }
.award_box.min0 .box { margin-top:20px; }

.list_wrap { }
.list_wrap li { margin-bottom:10px; }
.list_wrap li:last-child, .list_wrap li dd:last-child { margin-bottom:0; }
.list_wrap li strong { font-size:13px; font-weight:600; text-align:justify; }
.list_wrap li p, .list_wrap li dl { margin-top:5px; line-height:1.6em; font-size:13px; padding-left:22px; }
.list_wrap li dt { font-weight:600; color:var(--logo); }
.list_wrap li dd { margin-bottom:10px; font-size:12px; }

.award_content .text_wrap.first { margin-top:25px; }
.award_content .text_wrap .title { font-size:1.7em; font-weight:900; margin-bottom:20px; display:block; }
.award_content .text_wrap .card_wrap.blue_box li { color:#fff; background:var(--logo); border:none; padding:30px; border-radius:10px; box-shadow: rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 15%) 0px 25px 50px -10px, rgb(0 0 0 / 15%) 0px 15px 30px -15px;}
.award_content .text_wrap .card_wrap.blue_box li p { text-align:left; line-height:1.6em; }
.award_content .text_wrap .card_wrap li img { height:40px; }
.award_content .text_wrap p { font-size:1em; line-height:1.8em; text-align:justify; }
.award_content .text_wrap .card_wrap.blue_box li { }
.award_content .text_wrap .card_wrap.blue_box li img { height:40px; margin:20px auto 30px; display:block; }
.award_content .text_wrap .mail { color:var(--logo); display:inline-block; font-size:0.8em; }

.word_list { width:100%; display:flex; flex-wrap:wrap; }
.word_list li { margin-bottom:10px; font-weight:400; font-size:1em; width:100%; padding-left:28px; position:relative; width:50%; }
.word_list li span { position:absolute; top:2px; left:0; width:20px; height:20px; margin-right:10px; display:flex; align-items:center; justify-content:center; border-radius:40px; background:var(--logo); color:#fff; font-size:12px; font-weight:400; }

.awardees_wrap {  }
.awardees_wrap .text_wrap:first-child { padding-top:0; }
.awardees_wrap .text_wrap:last-child { padding-bottom:0px; }
.award_content .awardees_wrap .inner > .text_wrap:last-child { padding-bottom:0px; }
.awardees { padding:30px 0; }
.awardees > strong { font-size:1.5em; font-weight:900; margin-bottom:15px; display:block; }
.awardees > strong span { background:var(--logo); color:#fff; padding:5px 15px; font-size:17px; border-radius:50px; margin-right:10px; display:inline-block; transform:translateY(-1px); }
.awardees ul:not(.card_wrap) { border-top:3px solid #000; }
.awardees ul:not(.card_wrap) li { padding:20px 0; border-bottom:1px solid #ccc; font-size:1.2em; }
.awardees ul:not(.card_wrap) li strong { font-weight:900; }
.awardees ul:not(.card_wrap) li p { font-size:13px; padding-left:20px; color:#333; margin-top:0; }
.awardees .awardees_list { border-top:3px solid #000; }
.awardees .awardees_list li { display:flex; justify-content:space-between; border-bottom:1px solid #ccc; padding-top:50px; }
.awardees .awardees_list li .head { display:flex; flex-direction:column; align-items:center; width:260px; text-align:center; margin-bottom:30px;}
.awardees .awardees_list li .head img { height:125px !important; border-radius:100px; margin-bottom:20px; box-shadow:0 10px 25px 0 rgba(0,0,0,0.2); }
.awardees .awardees_list li .head strong { font-size:1.2em; font-weight:900;}
.awardees .awardees_list li .head p { font-size:12px; margin-top:10px; padding:0; line-height:1.5em; text-align:center; }
.awardees .awardees_list li .text { width:calc(100% - 300px); }
.awardees .awardees_list li .text strong { font-size:1em; font-weight:600; margin-bottom:10px; display:block; line-height:1.5em;}
.awardees .awardees_list li .text p { padding:0; }
.awardees li p { text-align:left; }
.award_content .card_wrap { margin:-15px; width:calc(100% + 30px); }
.award_content .card_wrap.card3 li { width:calc(33.33% - 30px); margin:15px; }

.awradswiper { overflow:hidden; }
.awardees_wrap .tabs {  }
.awardees_wrap .tabs li { width:auto; border:1px solid #ccc; border-radius:10px; background:#fff; transition:all 0.3s; }
.awardees_wrap .tabs li a { display:flex; flex-direction:column; align-items:center; padding:20px 20px 17px; }
.awardees_wrap .tabs li a strong { font-size:1.5em; font-weight:900; }
.awardees_wrap .tabs li a span { font-size:13px; font-weight:500; text-align:center; line-height:1.6em; display:block; margin-top:8px; }
.awardees_wrap .tabs li.active { background:var(--logo);border-color:var(--logo); }
.awardees_wrap .tabs li.active a { color:#fff; }
.awardees_wrap .tabs li:hover { border-color:var(--logo); }
.awradswiper_wrap { position:relative; }
.awrard_contr.swiper-button-prev, .awrard_contr.swiper-button-next { width:40px; height:40px; background:#fff; border-radius:50px; border:2px solid #000; }
.awrard_contr.swiper-button-prev::after, .awrard_contr.swiper-button-next::after { font-size:15px; color:#000; font-weight:600; }
.awrard_contr.swiper-button-prev { left:-50px; }
.awrard_contr.swiper-button-next { right:-50px; }

.cnyang_wrap { display:flex; justify-content:space-between; align-items:flex-start; }
.cnyang_wrap img { width:300px; }
.cnyang_wrap .text { width:calc(100% - 350px); }
.cnyang_wrap .text p { margin-bottom:30px; }
.cnyang_wrap .text dl { margin-bottom:30px; font-size:1.2em; display:flex; justify-content:space-between; flex-wrap:wrap; }
.cnyang_wrap .text dl dt { margin-bottom:10px; width:30px; }
.cnyang_wrap .text dl dd { margin-bottom:10px; width:calc(100% - 30px); }

/*ACTIVITIES-AAPPS Bulletin*/
.bulletin { width:100%; display:flex; justify-content:space-between; margin-bottom:50px; }
.bulletin .poster { margin:0 30px 30px 0; padding:7px 30px 0;  }
.bulletin .poster img { box-shadow:5px 5px 20px 0 rgba(0,0,0,0.3); border:1px solid #505050; }
.bulletin .poster p { text-align:center; margin-top:10px; font-size:0.8em; line-height:1.7em; }
.bulletin .text { width:calc(100% - 300px); }
.bulletin .text > p { line-height:1.9em; font-size:1.1em; text-align:justify; }
.bulletin .text a { background: rgb(42,41,67);
background: -moz-linear-gradient(148deg, rgba(42,41,67,1) 0%, rgba(42,41,67,1) 100%);
background: -webkit-linear-gradient(148deg, rgba(42,41,67,1) 0%, rgba(42,41,67,1) 100%);
background: linear-gradient(148deg, rgba(42,41,67,1) 0%, rgba(42,41,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a2943",endColorstr="#2a2943",GradientType=1); color:#fff; padding:10px 20px; font-size:1.1em; margin-top:30px; display:inline-block; border-radius:50px; transition:all 0.3s; }
.bulletin .text a:hover { background: rgb(42,41,67);
background: -moz-linear-gradient(148deg, rgba(42,41,67,1) 0%, rgba(66,3,163,1) 100%);
background: -webkit-linear-gradient(148deg, rgba(42,41,67,1) 0%, rgba(66,3,163,1) 100%);
background: linear-gradient(148deg, rgba(42,41,67,1) 0%, rgba(66,3,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a2943",endColorstr="#4203a3",GradientType=1); }

.gray_box { width:100%; padding:5em; background:#f4f4f4; display:flex; flex-direction:column; align-items:center; }
.gray_box p { font-size:1.2em; line-height:2em; text-align:center; }
.gray_box .mail_form { margin-top:50px; background:#fff; }
.gray_box .inputText { font-size:1.2em; line-height:2em; width:500px; padding-left:15px; margin-right:2px; }
.mark { margin:0 auto; font-size:2em; width:60px; height:60px; border:3px solid #222; border-radius:60px; display:flex; align-items: center; justify-content: center; margin-bottom:30px;}
.mark.green { color:#008b09; border-color:#008b09; }

.donate h4 { color:#7ba8cf; }
.donate .text_wrap {  }
.donate .color_blue { color:#0042db !important; text-decoration:underline; }
.donate_box { padding:30px; border:1px solid #e1e1e1; border-radius:10px; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1); margin:40px 0; }
.donate_box .title { font-size:1.6em; font-weight:800; margin-bottom:30px; display:block; }

.list { width:100%; display:flex; flex-direction:column; gap:10px; }
.list li { padding-left:20px; position:relative; }
.list li::before { content:''; width:5px; height:5px; display:block; background:#000; border-radius:5px; position:absolute; top:10px; left:0px; }
.list li dl { display:flex; flex-direction:column; flex-wrap:wrap; }
.list li dt { width:100%; font-weight:800; }
.list li dd { width:100%; }


/*로그인*/
.login_wrap { width: 100%; height: 100vh; background:url(/images/user/bg_login.jpg) 50% 50% no-repeat; background-size:cover; padding-left:700px; display:flex; align-items:center; justify-content:center; color:#fff; letter-spacing:6px; position:relative;}
.login_wrap::after { content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; }
.login_wrap > p { position:relative; z-index:2; }
.login_content { width:700px; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0,0,0,0.9); display:flex; justify-content:center; flex-direction:column; align-items:center;}
.login_wrap .logo { margin-bottom:30px; position:absolute; top:5em; left:5em; }
.login_wrap .logo img { height:50px; }
.login_wrap h1 { color:#fff; margin-bottom:70px; font-size:4em; text-transform:capitalize; font-weight:900; }
.login { width:100%;  padding:50px 10em; text-align:left; }
.login li { width:100%; margin-bottom:30px; color:#fff; }
.login li:nth-child(2) {  }
.login li p { margin-bottom:10px; display:block; text-transform:capitalize; font-weight:600; letter-spacing:0; }
.login li .inputText { width:calc(100% - 50px); border:none; background:none; color:#fff; font-weight:600; border-radius:0 5px 5px 0; }
.login li .inputText:hover { border:none; box-shadow:none; }
.login li:last-child { margin-bottom:0px; }
.login li ul { display:flex; justify-content:flex-start; align-items:center; }
.login li ul li { width:auto; margin-top:0; display:flex; align-items:center; }
.login li ul li::after { content:''; display:inline-block; width:1px; height:14px; background:#ccc; margin:0 15px; }
.login li ul li:last-child { margin-top:0; }
.login li ul li:last-child::after { display:none; }
.login button { text-transform:uppercase; border:none; color:var(--logo); transition:all 0.3s; }
.login button:hover { background:var(--light-blue); color:#fff; }
.login_input { color:#fff !important; display:flex; align-items:center; border:1px solid #fff; justify-content:space-between; border-radius:5px; transition:all 0.3s;}
.login_input:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.2); border-color:var(--light-blue); }
.login_input label { width:50px; height:45px; display:flex; justify-content:center; align-items:center;transition:all 0.3s; }
.login_input:hover label { color:var(--light-blue); }

/*로그인폼 자동완성 배경지우기
.login_input input:-webkit-autofill, .login_input input:-webkit-autofill:hover, .login_input input:-webkit-autofill:focus, .login_input input:-webkit-autofill:active { -webkit-box-shadow:0 0 0px 1000px #070707 inset; box-shadow:0 0 0px 1000px #070707 inset; }
.login_input input:autofill, .login_input input:autofill:hover, .login_input input:autofill:focus, .login_input input:autofill:active { -webkit-box-shadow:0 0 0px 1000px #070707 inset; box-shadow:0 0 0px 1000px #070707 inset; }
*/


/*에러페이지*/
.error { width:100%; height:100vh; background:#f4f4f4; display:flex; justify-content:center; align-items:center;}
.error_box { width:1000px; background:url(/images/user/bg_error.jpg) 15% 50% no-repeat #fff; background-size:30%; display:flex; justify-content:flex-end; box-shadow: rgba(50, 50, 93, 0.15) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;}
.error_box .text_wrap { width:50%; padding:10em 0; }
.error_box .title { width:100%; font-weight:900; }
.error_box .title strong { font-size:6em; line-height:1em; }
.error_box .title p { font-size:2em; margin:30px 0; font-weight:900; letter-spacing:-1px; }
.error_box .text { width:100%; margin-top:20px; }
.error_box .text button { padding:10px 30px; font-weight:600; font-size:1em; border-radius:50px; border:2px solid #000;  transition:all 0.3s; margin-top:30px; }
.error_box .text button:hover { background:#000; color:#fff; }
.error_box .text button span { font-size:0.8em; margin-right:10px; }
.error_box .title strong.small { font-size:3.5em; line-height:1em; }

@-webkit-keyframes textDown {
	0% { opacity:0; transform:translateY(-50%); }
	100% { opacity:1; transform:translateY(0%); }
	}

@keyframes textshow {
	0% { letter-spacing:1em; opacity:0; }
	40% { opacity:0.6; }
	100% { letter-spacing:0; opacity:1; }
	}

@keyframes skip { from { opacity:0; transform: translate(-50%, -50%); }
	20% { opacity:0; transform: translate(-50%, 250%); }
	50% { opacity:1; transform: translate(-50%, -50%); }
	to { transform: translate(-50%, -50%); }
	}

@keyframes fadeupInforLogin {
	0% { transform:translateY(10%); opacity:0; }
	100% {transform:translateY(-10%); opacity:1; }
	}

@keyframes fadeupInforLoginText {
	0% { transform:translateY(50%); opacity:0; }
	100% {transform:translateY(0%); opacity:0.6; }
	}

@keyframes zoomIn {
	0% { transform:scale(.6); opacity:0; }
	50% { transform:scale(1.05); }
	100% {transform:scale(1); opacity:1; }
	}

@keyframes zoomUp {
	0% { transform:translateY(50%) scale(.6); opacity:0; }
	50% { transform:translateY(-10%) scale(1.05); }
	100% {transform:translateY(0) scale(1); opacity:1; }
	}

@keyframes fadeOut {
	0% { transform:translateY(0%); opacity:1; }
	100% { transform:translateY(50%); opacity:0; }
	}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
	}

@keyframes fadeIndot {
	0% { opacity:0; width:0; height:0; }
	100% { opacity:1; width:17px; height:17px; }
	}

@keyframes fadeup {
	0% { transform:translateY(50%); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
	}

@keyframes fadeLeft {
	0% { transform:translateX(50%); opacity:0; }
	50% { transform:translateX(-1%) }
	100% { transform:translateX(0); opacity:1; }
	}

@keyframes fadeRight {
	0% { transform:translateX(-50%); opacity:0; }
	50% { transform:translateX(1%) }
	100% { transform:translateX(0); opacity:1; }
	}

@-webkit-keyframes gnbOn {
	0% { left:-100%; }
	100% { left:0; }
	}

@-webkit-keyframes rotate {
	0% { transform:rotate(0); }
	100% { transform:rotate(360deg); }
	}

@-webkit-keyframes gnbOff {
	0% { left:0; }
	100% { left:-100%; }
	}

@-webkit-keyframes heartbeat {
	0% { box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; }
	50% { box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px; }
  100% { box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; }
	}


sup { vertical-align: super; font-size: smaller;}
sub { vertical-align: sub; font-size: smaller;}

.underline {text-decoration: underline;}