/*# sourceURL=../../assets/css/style.css */
/*@ sourceURL=../../assets/css/style.css */
/*
z-index
header :1000 ~ 1999
container :0 ~ 999

*/
.a-link{color:#008bf6 !important;}
.a-link:hover{color:#008bf6;text-decoration:underline}
.blackbg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.7);display:none;}
/* 헤더 */
.header { height: 100px; border-bottom: 1px solid #d7d7d7; background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 1100; overflow: hidden; background: #f8f8f8 }/*transition:all .5s;*/
/*.header:before{content:'';display:block;width:100%;height:1px;position:absolute;left:0;top:100px;z-index:100;background:#ccc;}*/
.header.active{height:400px;}
.header__logo{line-height:100px;}
.header__logo img{vertical-align:middle;}
/*gnb*/
.gnb__depth1{text-align:center;}
.gnb__depth1-item{margin:0 .5em;min-width:130px;box-sizing:border-box;}
.gnb__depth1-link{line-height:100px;font-size:1rem;font-weight:700;height:100px;display:inline-block;box-sizing:border-box;width:100%;}/*transition:all .3s;*/
.gnb__depth1-link.active{color:#008bf6;border-bottom:5px solid #008bf6;}
.gnb__depth2{padding:1em 0;position:relative;z-index:1200;}
.gnb__depth2-item{}
.gnb__depth2-link{font-size:.875rem;line-height:2.5em;}
.gnb__depth2-link:hover{color:#008bf6;}

/* 영문 */
.gnb--eng .gnb__depth1-item{width:130px;}
.gnb--eng .gnb__depth1-link{line-height:1.25em;display:flex;justify-content:center;align-items:center;}
.gnb--eng .gnb__depth2-item{margin-bottom:1em;}
.gnb--eng .gnb__depth2-link{line-height:1.125em;}

/*gnb language*/
.gnb__depth1-item--lang{margin-left:2em;}
.gnb__depth1-link--lang{font-weight:400;font-size:.75rem;color:#868686;}
.gnb__depth1-link--lang a{font-size:11px;color:#868686;height:30px;width:100px;padding:0 1em;box-sizing:border-box;border:1px solid #868686;text-align:center;display:inline-block;vertical-align:middle;line-height:30px;}
.gnb__depth2-link--sitemap{font-weight:600;font-size:1rem; line-height:2.5em;}
/*header scoll bg*/
/*.header__scrollbox{background:#f9f9f9;width:100%;z-index:1100;}*/
/*.header__scrollbox-bottom{background:#e2e2e2;padding:10px 0;}*/
.header__scrollbox{position:absolute;right:0;bottom:90px;width:160px;}
.header__scrollbox__eng{bottom:80px;}
/*header sns*/
.sns{width:160px;}
.sns__item{margin-left:1px;width:33.333%;margin:0;text-align:center;}
.sns__item a{width:35px;height:35px;display:inline-block;text-indent:-9999px;overflow:hidden;opacity:.5;transition:all .3s;vertical-align:top;}
.sns__item a:hover{opacity:1;}
.sns__facebook{background:url("/assets/css/../images/main/icon-facebook.png") no-repeat center;}
.sns__twitter{background:url("/assets/css/../images/main/icon-twitter.png") no-repeat center;}
.sns__youtube{background:url("/assets/css/../images/main/icon-youtube.png") no-repeat center;}
.sns__band{background:url("/assets/css/../images/main/icon-band.png") no-repeat center;}
.sns__blog{background:url("/assets/css/../images/main/icon-blog.png") no-repeat center;}
.sns__insta{background:url("/assets/css/../images/main/icon-insta.png") no-repeat center;}
/*header search*/
.search{height:35px;width:100%;position:relative;float:right;background:#fff;border:1px solid #eee;margin-bottom:1em;}
.search__input{height:100%;width:100%;padding:0 1em;box-sizing:border-box;font-size:.875rem;height:35px;}
.search__btn{position:absolute;right:0;top:0;width:35px;height:35px;background:url("/assets/css/../images/main/icon-search.png") no-repeat center;text-indent:-9999px;overflow:hidden;z-index:5;cursor:pointer}
@media screen and (max-width:1200px) {
.wrap {padding:0 .5em;box-sizing:border-box;}
}

/* mobile gnb*/
.mobile-gnb{position:fixed;overflow:auto;width:100%;max-width:250px;top:55px;background:#fff;z-index:1500;height:calc(100% - 55px);background:#fff;left:-250px;transition:all .3s;}
.mobile-gnb.active-gnb{left:0;}
.mobile-gnb .depth1{}
.mobile-gnb .depth1__item{border-bottom:1px solid #b4b4b4;}
.mobile-gnb .depth1__link{height:40px;line-height:40px;display:block;padding:0 10px;box-sizing:border-box;font-size:1.125rem;color:#008bf6;font-weight:600;}
.mobile-gnb .depth2{display:none;border-top:1px solid #b4b4b4;}
.mobile-gnb .depth2__item{}
.mobile-gnb .depth2__link{font-size:1rem;line-height:35px;color:#4d4d4d;font-weight:400;display:block;padding:0 10px;box-sizing:border-box;}
.mobile-gnb .depth2__link.active{font-weight:600;}
.mobile-gnb .depth3{background:#f5f5f5;display:none;}
.mobile-gnb .depth3__item{}
.mobile-gnb .depth3__link{font-size:1rem;font-weight:300;line-height:35px;display:block;height:35px;padding:0 15px;box-sizing:border-box;}
.btn-mobile-gnb{display:none;}
.btn-mobile-search{display:none;}
.btn-mobile-gnb img{height:15px;}
.btn-mobile-search img{height:20px;}
@media screen and (max-width:1200px) {
.header{height:50px;}
.gnb__depth1{display:none;}
.header__scrollbox{display:none;}
.header__logo{line-height:50px;text-align:center;display:block;float:none;}
.header__logo img{height:30px;}
.btn-mobile-gnb{position:absolute;left:1em;top:50%;transform:translateY(-50%);display:block;}
.btn-mobile-search{position:absolute;right:1em;top:50%;transform:translateY(-50%);display:block;}
}
@media screen and (max-width:768px) {
.header__logo img{height:25px;}
.btn-mobile-gnb img{height:13px;}
.btn-mobile-search img{height:18px;}
}


/* footer */
.footer{background:#4c4c4c;padding:3em 0; }
.fgnb__depth1-item{margin-right:2.9em;}
.fgnb__depth1-item__eng{margin-right:1em;}
a.fgnb__depth1-link{font-size:1.125rem;color:#dcdcdc;font-weight:500;}
.fgnb__depth2{padding-top:.5em;}
.fgnb__depth2-item{}
a.fgnb__depth2-link{font-size:.875rem;color:#dcdcdc;font-weight:300;line-height:30px;}
.footer__copyright{font-size:.875rem;color:#dcdcdc;line-height:25px;}
.footer__copyright__eng{font-size:.675rem;color:#dcdcdc;line-height:25px;}
.footer__lang{margin-top:2em;}
.footer__lang a{height:32px;line-height:32px;width:100px;text-align:center;border:1px solid #dcdcdc;display:inline-block;font-size:.875rem;color:#dcdcdc;}
.footer__lang a.active{background:#dcdcdc;color:#333;}
.footer__sns{margin-top:2em;}
.fsns__item{border:1px solid #6d6d6d;border-right:0;transition:all .3s;}
.fsns__item:last-child{border-right:1px solid #6d6d6d;}
.fsns__item:hover{background:#6a6a6a;}
.fsns__item a{width:35px;height:35px;display:inline-block;text-indent:-9999px;overflow:hidden;transition:all .3s;vertical-align:top;}
.fsns__facebook{background:url("/assets/css/../images/main/icon-f-facebook.png") no-repeat center;}
.fsns__twitter{background:url("/assets/css/../images/main/icon-f-twitter.png") no-repeat center;}
.fsns__youtube{background:url("/assets/css/../images/main/icon-f-youtube.png") no-repeat center;}
.fsns__band{background:url("/assets/css/../images/main/icon-f-band.png") no-repeat center;}
.fsns__blog{background:url("/assets/css/../images/main/icon-f-blog.png") no-repeat center;}
.fsns__insta{background:url("/assets/css/../images/main/icon-f-insta.png") no-repeat center;}
@media screen and (max-width:1200px) {
.footer{padding:2em 0;text-align:center;}
.footer__gnb{display:none;}
.footer-info{float:none;text-align:center;}
.footer__lang{display:inline-block;}
.footer__sns{display:inline-block;}
}


/* container */
.container{margin-top:100px;padding-bottom:100px;}
.main__section{position:relative}
.container .content{padding-top:50px;padding-bottom:100px;}
.container .content--post{padding-top:80px;}
@media screen and (max-width:1200px) {
.container{margin-top:55px;}
.container .content{padding-top:40px;padding-bottom:70px;}
.main__section{padding:0 1em;}
.main__section--slide {padding:0;}

}

/* main slide */
.main__slidebox{border-bottom:1px solid #e2e2e2;  width:900px;}
.main__section--slide{ height:450px; overflow:hidden;}
.main__section--slide .wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;z-index:200; }
.main__slidebox,
.slick-list,
.slick-track {height:100%	}
.main__slide-news{position:absolute;right:0;top:0;width:300px;background:#fff;height:449px;z-index:210;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc;}
.main__slide-news ul{height:390px;}
.main__slide-news-item{height:calc(390px / 4);}
.main__slide-news .box{height:59px;width:100%;border-top:1px solid #ccc;box-sizing:border-box;margin-top:0; }
.main__slide-news .box button{float:left;width:50%;height:100%;position:relative;background:url("/assets/css/../images/sub/arrow-up.png") #fff no-repeat center;cursor:pointer;top:0;transform:none; }
.main__slide-news .box button:hover{background:url("/assets/css/../images/sub/arrow-up.png") #f7f7f7 no-repeat center;;}
.main__slide-news .box button.down{transform:rotate(180deg); }
.main__slide-news .box button:first-child{border-right:1px solid #ccc;box-sizing:border-box;}
.main__slide-news-item a{position:relative;display:block;width:100%;height:100%;padding:1.25em;padding-right:7.5em;box-sizing:border-box;font-size:1rem;}
.main__slide-news-item a.on{background:#f2f2f2; color:#008bf6;}
.main__slide-news-desc{font-size:.875rem;word-break:keep-all;line-height:1.3em;height:5.2em;overflow:hidden;}
.main__slide-news-img{position:absolute;right:1.25em;top:50%;transform:translateY(-50%);width:5em;height:5em;overflow:hidden;}
/*
.main__slide-news-item:hover{background:#f2f2f2;}
.main__slide-news-item:hover a{color:#008bf6;}
*/
.main__slide-titlebox{position:absolute;left:0;bottom:0;width:100%;padding-right:300px;height:80px;background:rgba(0,0,0,.7);box-sizing:border-box; display:none;}
.main__slide-titlebox a{position:relative;width:100%;height:100%;display:block;}
.main__slide-titlebox a h2{display:block;line-height:80px;color:#fff;font-size:1.5rem;padding:0 1em;box-sizing:border-box;}
.main__slide-idx{position:absolute;right:1.5em;top:50%;transform:translateY(-50%);color:#fff;font-size:1.5rem;}
.main__slide-item{height:100%; vertical-align:top; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.main__slide-item a{display:block;width:100%;height:100%;}
.main__section--slide{ } /*background:#ccc;*/
.main__section--slide .slick-slide {position:relative; height:100%; }
.main__section--slide .slick-slide div {height:100%;}
.main__section--slide .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:80px;background:url("/assets/css/../images/main/main__slide-arrow.png") no-repeat center;background-size:100% 100%;text-indent:-9999px;overflow:hidden;z-index:300;}
.main__section--slide .slick-arrow.slick-prev{left:30px;transform:translateY(-50%) rotate(180deg);}
.main__section--slide .slick-arrow.slick-next{right:330px;}


@media screen and (max-width:1200px) {
.main__slidebox { width:100%; }
.main__slide-news{display:none;}
.main__slide-titlebox{padding-right:auto;padding:0 1em;}
.main__slide-titlebox a h2{padding:0;}
.main__slide-idx{right:0;}
.main__section--slide .slick-arrow.slick-prev{left:5%;}
.main__section--slide .slick-arrow.slick-next{right:5%;}
.main__slide-item {background-size:100% auto;}
.main__slide-titlebox{height:60px;}
.main__slide-titlebox a h2{line-height:60px;font-size:1.125rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	
}

@media screen and (max-width:768px) {
.main__slide-news{display:none;}
.main__slide-titlebox{padding-right:auto;padding:0 1em;}
.main__slide-titlebox a h2{padding:0;}
.main__slide-idx{right:0;}
.main__section--slide .slick-arrow{width:5%;height:50px;}
.main__section--slide{height:330px}
.main__slide-titlebox{height:40px;}
.main__slide-titlebox a h2{line-height:40px;}
.main__slide-idx{display:none;}
}
@media screen and (max-width:600px) {
.main__section--slide { height:280px }
}
@media screen and (max-width:500px) {
.main__section--slide { height:230px; }
}
@media screen and (max-width:400px) {
.main__section--slide { height:190px; }
}
@media screen and (max-width:330px) {
.main__section--slide { height:140px; }
}

/* main news */
.main__section--news{margin-top:3em}
.main__news-item{width:25%;border:1px solid #e2e2e2;box-sizing:border-box;}
.main__news-item:last-child{border-right:1px solid #e2e2e2;}
.main__news-link{display:block;padding:2em;}
.main__news-img{width:100%;height:200px;overflow:hidden;}
.main__news-item-title{font-size:1.125rem;line-height:1.25em;margin-top:1em;height:2.5em;overflow:hidden;}
.main__news-item-desc{color:#8e8e8e;font-size:.875rem;line-height:1.5em;margin-top:1em;height:4.5em;overflow:hidden;}
.main__news-item:hover{background:#f2f2f2;}
.main__news-item:hover .main__news-item-title{color:#008bf6;}
@media screen and (max-width:1200px) {
.main__news-link{padding:1em;}
.main__news-img{height:200px;}
.main__section--news{margin-top:2em;}
}
@media screen and (max-width:768px) {
.main__news-item{width:50%;border:1px solid #e2e2e2;}
.main__news-item:nth-child(n+3){border-top:0;}
.main__news-img{text-align:center;height:150px;}
.main__section--news .wrap{padding:0;}
}

/* main link */
.main__section--link{padding:3em 0;text-align:center;}
.main__link-box{display:inline-block;}
.main__link-item{margin:0 2em;text-align:center;transition:all .3s;}
.main__link-icon{width:6em;height:6em;display:inline-block;border-radius:100%;box-shadow:none;position:relative;background:#f7f7f7;margin-bottom:1.25em;transition:all .3s;box-sizing:border-box;}
.main__link-icon img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.main__link-name{font-size:.875rem;transition:all .3s;}
.main__link-item:hover .main__link-icon{background:none;border:1px solid #008bf6;}
.main__link-item:hover .main__link-name{color:#008bf6;}
@media screen and (max-width:1200px) {
.main__section--link{padding:2em 0;}
.main__link-icon{width:5em;height:5em;}
.main__link-item{margin:1em 0 ;}
.main__link-icon img{height:2em;}
.main__link-item{display:inline-block;padding:0 1em;float:none;width:90px;white-space:nowrap;box-sizing:border-box;position:relative;padding-bottom:.5em;}
.main__link-name{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
}
@media screen and (max-width:768px) {
.main__link-icon{width:4em;height:4em;}
.main__link-icon img{height:1.5em;}
}

/* main notice */
.main__notice{width:100%;max-width:590px;position:relative}
.main__notice-header{background:#f9f9f9;padding:0 1.5em;box-sizing:border-box;position:relative;border-bottom:1px solid #d2d2d2;height:59px;box-sizing:border-box;}
.main__notice-header button{height:59px;line-height:59px;padding:0 1em;color:#8e8e8e;font-weight:600;}
.main__notice-header button.active{color:#0086ee;border-bottom:5px solid #0086ee;}
.main__notice-link{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:12px;padding-right:.75em;}
.main__notice-link:after{content:'';display:block;width:.5em;height:.5em;border:1px solid #333;border-width:1px 1px 0 0 ;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);}
.main__notice-item{border-bottom:1px solid #f2f2f2;height:52px;box-sizing:border-box;}
.main__notice-item:hover{background:#f2f2f2;}
.main__notice-item a{display:block;line-height:52px;padding:0 1em;box-sizing:border-box;position:relative;padding-left:8em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab-view0 .main__notice-item a{padding-left:13em;}
.main__notice-item span{position:absolute;left:1em;top:50%;transform:translateY(-50%);color:#868585;max-width:165px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



/* main national */
.main__national{width:100%;max-width:590px;position:relative}
.main__national-info{position:relative;width:100%;height:100px;background:url("/assets/css/../images/main/national-bg.png") no-repeat center;background-size:cover;border:1px solid #9acaef;box-sizing:border-box;padding:0 2em;}
.main__national-desc{position:absolute;left:2em;top:50%;transform:translateY(-50%);padding-left:7em;background:url("/assets/css/../images/main/logo-img.png") no-repeat left center;background-size:auto 100%;font-size:.875rem;line-height:1.5em;}
.main__national-desc h2{font-size:1.125rem;font-weight:600;margin-bottom:.3em;}
.main__national-member{text-align:center;height:105px;margin-top:10px;border:1px solid #d8d8d8;box-sizing:border-box;background:#f9f9f9;padding:15px 10px;}
.main__national-member h2{font-size:14px;color:#5e5e5e;}
.main__national-member ul{display:inline-block;margin-top:14px;}
.main__national-member li{width:46px;margin-right:6px;}
.main__national-member li:last-child{margin-right:0;}
.main__national-member li p { display:flex; flex-direction:column; justify-content:center; align-content:center; width:100%; height:21px; font-size:.5em; letter-spacing:-.15em; margin-top:.3em; }
@media screen and (max-width:1200px) {
.main__notice-header{height:45px;}
.main__notice-header button{height:45px;line-height:45px;}
.main__notice{float:none;max-width:100%;}
.main__national{float:none;max-width:100%;margin-top:1em;}
.main__national-member{height:auto;}
.main__national-desc{left:50%;transform:translate(-50%, -50%);min-width:240px;}
}
@media screen and (max-width:768px) {
.main__national-member li{float:none;display:inline-block;margin-bottom:10px;}
}
@media screen and (max-width:700px) {
.main__national-info { height:120px; }
.main__national-desc { background-size:auto 75%; }
}


/* sub visual */
.visual{width:100%;text-align:center;}
.visual--akc{background:url("/assets/css/../images/sub/bg_akc.jpg") no-repeat center;background-size:cover;}
.visual--activities{background:url("/assets/css/../images/sub/bg_activities.jpg") no-repeat center;background-size:cover;}
.visual--asean1{background:url("/assets/css/../images/sub/bg_asean.jpg") no-repeat center;background-size:cover;}
.visual--newmedia{background:url("/assets/css/../images/sub/bg_media.jpg") no-repeat center;background-size:cover;}
.visual--resouce{background:url("/assets/css/../images/sub/bg_resouce.jpg") no-repeat center;background-size:cover;}
.visual--besiness{background:url("/assets/css/../images/sub/sub-visual-1.png") no-repeat center;background-size:cover;}
.visual--media{background:url("/assets/css/../images/sub/sub-visual-2.png") no-repeat center;background-size:cover;}
.visual--asean{background:url("/assets/css/../images/sub/sub-visual-3.png") no-repeat center;background-size:cover;}
.visual__title{text-align:center;font-size:3em;color:#fff;line-height:200px;font-weight:400;}
@media screen and (max-width:1200px) {
.visual__title{font-size:2.5rem;line-height:150px;}
}
@media screen and (max-width:1200px) {
.visual__title{font-size:1.875rem;line-height:100px;}
}
@media screen and (max-width:768px) {
.visual__title{font-size:1.875rem;line-height:100px;}
}

@media print {
.visual--activities,
.lnb,
.visual__title,
.footer { display:none; }
.header { position:absolute;}
}

/* lnb */
.lnb{height:60px;background:#e8e8e8;}
.lnb .wrap{background:#fff;border-bottom:1px solid #e8e8e8;box-sizing:border-box;height:60px;}
.nav__home{display:block;width:60px;height:60px;line-height:60px;background:url("/assets/css/../images/sub/link-home.png") #1b5eb8 no-repeat center;text-indent:-9999px;overflow:hidden;}
.nav__sns button{width:60px;height:60px;float:left;margin-left:1px;text-indent:-9999px;overflow:hidden;cursor:pointer;outline-width:0;transition:all .3s;}
.nav__sns button.facebook{background:url("/assets/css/../images/sub/nav-facebook.png") #c3c3c3 no-repeat center;}
.nav__sns button.facebook:hover{background:url("/assets/css/../images/sub/nav-facebook.png") #1b5eb8 no-repeat center;}
.nav__sns button.twitter{background:url("/assets/css/../images/sub/nav-twitter.png") #c3c3c3 no-repeat center;}
.nav__sns button.twitter:hover{background:url("/assets/css/../images/sub/nav-twitter.png") #1b5eb8 no-repeat center;}
.nav__sns button.print{background:url("/assets/css/../images/sub/nav-print.png") #c3c3c3 no-repeat center;}
.nav__sns button.print:hover{background:url("/assets/css/../images/sub/nav-print.png") #1b5eb8 no-repeat center;}
.nav__sns button.share{background:url("/assets/css/../images/sub/share.png") #c3c3c3 no-repeat center;}
.nav__sns button.share:hover{background:url("/assets/css/../images/sub/share.png") #1b5eb8 no-repeat center;}
.nav__sns button.minus{background:url("/assets/css/../images/sub/minus.png") #c3c3c3 no-repeat center;}
.nav__sns button.minus:hover{background:url("/assets/css/../images/sub/minus.png") #1b5eb8 no-repeat center;}
.nav__sns button.plus{background:url("/assets/css/../images/sub/plus.png") #c3c3c3 no-repeat center;}
.nav__sns button.plus:hover{background:url("/assets/css/../images/sub/plus.png") #1b5eb8 no-repeat center;}
.nav__sns button.default{background:#c3c3c3;text-indent:0;text-align:center;color:#fff;}
.nav__sns button.default:hover{background:#1b5eb8;}
.lnb__nav .select--custom:nth-of-type(2){width:250px;}

.sharepop{position:absolute;right:0;top:60px;height:120px;padding:0 20px;border:1px solid #e2e2e2;z-index:1000;display:none; background:#ffffff;}
.sharepop .sharepop-close{position:absolute;right:20px;top:20px;width:1em;height:1em;background:url("/assets/images/sub/sharepop-close.png") no-repeat center;background-size:cover;z-index:200;}
.sharepop .row{height:60px;width:100%;padding-left:65px;box-sizing:border-box;position:relative;width:365px;}
.sharepop .row h3{position:absolute;left:0px;font-size:14px;letter-spacing:-.075em;font-weight:400;line-height:60px;}
.sharepop .row .snslinkbox{line-height:60px;}
.sharepop .row .snslinkbox a,
.sharepop .row .snslinkbox img{vertical-align:middle;height:35px;display:inline-block;}
.sharepop .row .urlbox{height:35px;padding-top:12px;}
.sharepop .row .urlbox input{width:240px;height:35px;box-sizing:border-box;border:1px solid #e2e2e2;float:left;padding:0 8px;box-sizing:border-box;}
.sharepop .row .urlbox button{float:left;width:calc(100% - 241px);height:35px;background:#7e7e7e;color:#fff;text-indent:0;}




@media screen and (max-width:1200px) {
.lnb{height:50px;}
.lnb .wrap{height:50px;}
.lnb .wrap{padding:0;}
.nav__home,
.nav__sns button{width:50px;height:50px;}
}
@media screen and (max-width:768px) {
.lnb{height:40px;}
.lnb .wrap{height:40px;}
.nav__home{display:none;}
.nav__sns button.print{display:none;}
.nav__sns button{width:40px;height:40px;background-size:auto 20px !important;}
.nav__sns button.minus{background-size:auto !important;display:none;}
.nav__sns button.plus{background-size:auto !important;display:none;}
.nav__sns button.default{background-size:auto !important;display:none;}
.lnb .select--custom{width:calc(( 100% - 82px ) / 2);box-sizing:border-box;}
.lnb__nav .select--custom:nth-of-type(2){width:calc(( 100% - 82px ) / 2);}

}
/* board-list */
.board-list{border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;margin-top:2em;}
.border-list__item{border-bottom:1px solid #e5e5e5;}
.border-list__item:last-child{border-bottom:0;}
.border-list__item a{padding:2em 2.5em;box-sizing:border-box;display:block;}
.border-list__item-img{width:370px;height:210px;box-sizing:border-box;overflow:hidden; margin-right:10px;}
.border-list__item-img img{transition:all .3s;}
.border-list__item-info{width:calc(100% - 400px);margin-left:30px;padding:1em 0;}
.border-list__item-full{width:100%;padding:0;padding-left:10em;box-sizing:border-box;position:relative}
.border-list__item-date{position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;width:8em;}
.border-list__item-date h2{font-size:2.5rem;}
.border-list__item-date p{color:#666;margin-top:.5em;}

.border-list__item-header{margin-bottom:1em;color:#aaaaaa;line-height:40px;}
.border-list__item-header .badge{margin-right:1em;}
.border-list__item-header .bar{display:inline-block;vertical-align:baseline;height:.7em;width:1px;background:#ccc;margin:0 .5em;}
.border-list__item-title{font-size:1.875rem;font-weight:400;line-height:1.2em;}
.border-list__item-desc{font-size:1rem;line-height:2em;margin-top:1em;color:#444;font-weight:300; height:4em;overflow:hidden;}
.border-list__item.on .border-list__item-header{color:#d462b0;}
.border-list__item:hover .border-list__item-img img{transform:scale(1.05);}
.board-list__bottom{margin-top:5em;}
.board-list__bottom .search{width:auto;}
.sp_b { overflow:hidden; border-top:0 none;}
.sp_b h1 {
width:100%; max-width:1087px; height:134px; margin:0 auto;
background:url("/images/bg_specialTit.jpg") no-repeat center; line-height:1.3em;
text-shadow:0 0 5px rgba(94,94,94,0.5); border-radius:50px; display:flex; overflow:hidden;
color:#fff; font-size:2em; font-weight:bold; letter-spacing:-1px; align-items:center; justify-content:center;
}
.sp_b .border-list__item-full { padding-left:0; }
.sp_b .f_tit { padding:2em 0.5em; text-align:center; line-height:1.3em; font-size:1.3em; letter-spacing:-1px; }
.sp_b .border-list__item-img { background:#f4f4f4; margin-right:2em; }
.sp_b .border-list__item-img img { width:100%; height:100%; vertical-align:top;}
.sp_b ul { border-top:1px solid #7a7a7a; }
.sp_b li { border-bottom:1px solid #e5e5e5; overflow:hidden;}
.sp_b li:last-child { border-bottom-color:#7a7a7a; }
.sp_b li a { padding:2em 2.5em; box-sizing:border-box; display:block; overflow:hidden}
.sp_b li .list_info1 { margin-top:1em; overflow:hidden; }
.sp_b li .list_info1 p { font-size:1.1rem; line-height:1.5em; color:#aaa;}
@media screen and (max-width:1200px) { .border-list__item a{padding:1.5em 1em;}
.border-list__item-title{font-size:1.5rem;}
.border-list__item-desc{font-size:1rem;}
.border-list__item-header{margin-bottom:1em;}
.board-list__bottom{margin-top:3em;}
.board-list__bottom .search{margin:0;float:none;text-align:center;margin-top:2em;}
.board-list__bottom .search form{display:inline-block;}
}
@media screen and (max-width:950px) {
.border-list__item-desc{height:auto}
}
@media screen and (max-width:768px) {
.sp_b h1 { font-size:1.7em; height:100px; }
.sp_b .f_tit { font-size:1.2em; word-break:keep-all;}
.sp_b .border-list__item-img { margin-right:0; margin-bottom:1em;}
.border-list__item a{padding:1em 0;}
.border-list__item-img{width:100%;height:auto;float:none;}
.border-list__item-info{width:100%;margin:0;padding:0;margin-top:1em;float:none;}
.border-list__item-title{font-size:1.25rem;}
.border-list__item-header{margin-bottom:.5em;}
.board-list__bottom{margin-top:2em;}

.border-list__item-full{padding-left:6em;}
.border-list__item-date{width:5em;}
.border-list__item-date h2{font-size:2rem;}
.border-list__item-date p{color:#666;margin-top:.5em;}
}
@media screen and (max-width:640px) {
.sp_b h1 { font-size:1.5em; height:90px; padding:0 2em; box-sizing:border-box; text-align:center;}
.sp_b .f_tit { font-size:1em; padding:1.4em 0;}
}
@media screen and (max-width:360px) {
.sp_b h1 { font-size:1.3em; }
}


/* post */
.post__header{text-align:center;padding-bottom:1em;}
.post__info{color:#a2a2a2;font-size:1.125rem;}
.post__case{font-weight:600;color:#008bf6;display:inline-block;margin-right:1em;}
.post__title{font-size:1.875rem;font-weight:400;padding:.5em 0;line-height:1.2em;}
.post__body{border-top:1px solid #7a7a7a;}
.post__body table th,
.post__body table td{border:1px solid #ddd;}

.post__filebox{padding:1.5em;border-bottom:1px solid #e5e5e5;}
a.post__file-link{line-height:1.875em;font-size:1rem;color:#2b569e;display:block;padding-left:2em;background:url("/assets/css/../images/sub/icon-file.png") no-repeat left center;background-size:auto 20px;letter-spacing:-.05em;color:#2b569e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.post__file-link:hover{text-decoration:underline}

.post__editor{padding:3em 2em;padding-bottom:10em;box-sizing:border-box;line-height:2em;font-size:1.125rem;letter-spacing:-.05em;}
.post__editor .data_head_02,
.post__editor .data_head_02 table { width:100%; }
.post__editor .data_head_02 table { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
.post__editor .data_head_02 table thead th { border:1px solid #c8c8c8; padding:10px 0; font-weight:normal;}
.post__editor .data_head_02 table thead th.line_none_l {border-left:none;}
.post__editor .data_head_02 table thead th.line_none_r {border-right:none;}
.post__editor .data_head_02 table thead th strong {font-size:30px;}
.post__editor .data_head_02 table thead th.title { color:#7188b2; height:60px; line-height:30px; font-weight:normal;}
.post__editor .data_head_02 table thead th.title_kor { color:#7188b2; font-weight:normal;}
.post__editor .data_head_02 table thead th.bdr { border-right:1px solid #e9e9e9; }
.post__editor .data_head_02 table thead th p { color:#585858; font-size:14px; }
.post__editor .section .con_data .data_head_02 table thead th img { margin:0; }
.post__editor .data_head_02 table thead th.middle { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.post__editor .data_head_02 table thead th.middle strong { font-size:53px; }
.post__editor p,
.post__editor p b,
.post__editor td,
.post__editor th{line-height:1.75em;}
.post__editor td{padding:0 10px;}
@media screen and (max-width:768px) {
.post__editor .data_head_02 table thead th strong {font-size:20px;}
/*.post__body{padding:0 1em;box-sizing:border-box;}*/

}
.post__pagenation{border:1px solid #7a7a7a;border-left:0;border-right:0;}
.post__pagenation a{display:flex; align-items:center; line-height:60px;padding-left:130px;box-sizing:border-box;position:relative}
.post__pagenation a.post__page-prev:after{position:absolute;width:7px;height:7px;border:1px solid #444;border-width:2px 0 0 2px;content:'';transform:rotate(45deg);left:60px;top:30px;}
.post__pagenation a.post__page-next:after{position:absolute;width:7px;height:7px;border:1px solid #444;border-width:0 2px 2px 0;content:'';transform:rotate(45deg);left:60px;top:25px;}
.post__pagenation a:hover{background:#f2f2f2}

.post__pagenation a:first-child{border-bottom:1px solid #e5e5e5;}

.post__btnbox{text-align:center;margin-top:4em;}
@media screen and (max-width:1200px) {
.post__info{font-size:1rem;}
.post__title{font-size:1.5rem;}
.post__filebox{padding:1em;}
.post__editor{padding:2em 1em;}
.post__pagenation a{height:40px;padding-left:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5em;}
.post__pagenation a.post__page-next:after{left:16px;top:14px;}
.post__pagenation a.post__page-prev:after{left:16px;top:18px;}
}
@media screen and (max-width:768px) {
.post__case{display:block;text-align:center;margin:0;margin-bottom:.5em;}
.post__info{font-size:.875rem;}
.post__title{font-size:1.25rem;}
.post__filebox{padding:.5em;}
.post__editor{padding:2em 0em;font-size:1rem;}

}




/* intro */
.intro__imgobx img{width:100%;}
.intro__desc{max-width:100%;margin:0 auto;padding:2.5em 3em;box-sizing:border-box;background:#fff;position:relative;z-index:2;background:#fff;font-size:1.125rem;color:#444444;letter-spacing:-.05em;line-height:2em;}
.intro__sign strong{font-size:1.5rem;}
@media screen and (max-width:1200px) {
.intro__desc{max-width:100%;top:0;padding:2em 1em;}
}
@media screen and (max-width:768px) {
.intro__desc{padding:2em 0em;font-size:1rem;}

}


/* introductino2 */
.introduction2{margin-bottom:5em;}
.introduction2 .imgbox{width:645px;}
.introduction2 .textbox{width:calc(100% - 645px);padding-top:3em;}
.introduction2 .textbox .textbox-t{font-size:1.75rem;color:#444444;letter-spacing:-.05em;line-height:1.3em;font-weight:400;margin-bottom:4em;}
.introduction2 .textbox .textbox-b{margin-bottom:3em;}
.introduction2 .textbox .textbox-b h3{font-size:1.5rem;margin-bottom:.5em;}
.introduction2 .textbox .textbox-b p{font-size:1.125rem;color:#444444;font-weight:300;line-height:1.5em;}
@media screen and (max-width:1200px) {
.introduction2 .imgbox{width:100%;text-align:center;margin-bottom:2em;}
.introduction2 .textbox{width:100%;padding-top:0;}
.introduction2 .textbox .textbox-t{margin-bottom:1em;font-size:1.5rem;}
.introduction2 .textbox .textbox-t br{display:none;}
.introduction2 .textbox .textbox-b{margin-bottom:2em;}
.introduction2 .textbox .textbox-b br{display:none;}
}
@media screen and (max-width:768px) {

}



/* map */
.map__frame{height:480px;width:100%;}
.map__frame iframe{height:100%;width:100%;}
.map__desc{max-width:95%;margin:0 auto;padding:2.5em 3em;box-sizing:border-box;background:#fff;position:relative;z-index:2;background:#fff;top:-4em;font-size:1.125rem;color:#444444;letter-spacing:-.05em;line-height:2em;}
.map__desc h2{color:#444444;letter-spacing:-.05em;font-size:1.5rem;font-weight:400;}
.map__box{margin-top:3em;}
.map__box h3{font-size:1.125rem;margin-bottom:.75em;}
.map__box a{display:inline-block;line-height:50px;width:260px;text-align:center;margin-right:2em;background:url("/assets/css/../images/sub/map-arrow.png") no-repeat 90% center;}
.map__box a.naver{border:1px solid #30bb37;}
.map__box a.daum{border:1px solid #643cd5;}
.map__box a.google{border:1px solid #0078dd;}
@media screen and (max-width:1200px) {
.map__frame{height:450px;width:100%;}

}
@media screen and (max-width:768px) {
.map__frame{height:300px;width:100%;}
.map__desc{padding:2em 1em;top:0;max-width:100%;font-size:1rem;}
.map__box a{display:block;margin-bottom:.5em;}

}

/* vision */
.vision .tabbox{margin-bottom:4em;}
.vision__title{background:#c3c3c3;height:290px;padding:4em 0 0 7em;box-sizing:border-box;margin-bottom:6em;}
.vision__title h2{color:#fff;font-size:5rem;font-weight:100;letter-spacing:0;line-height:1em;}
.vision__title p{color:#fff;font-size:1.125rem;letter-spacing:-.05em;font-weight:300;margin-top:1em;}
.vision__info{margin-bottom:4em;}
.vision__info:last-child{margin-bottom:0;}
.vision__box{width:50%;}
.vision__box-title{color:#444444;font-size:1.5rem;letter-spacing:-.05em;margin-bottom:.5em;}
.vision__info p{font-size:1.125rem;line-height:2em;letter-spacing:-.05em;word-break:keep-all}
.vision__box-content--list{text-align:center;padding-right:2em;box-sizing:border-box;}
.vision__box-content--list h4{font-size:1.25rem;font-weight:400;color:#444444;letter-spacing:-.05em;margin-top:1em;}
.vision__list{display:flex;justify-content:space-between;max-width:90%;margin:0 auto;margin-top:2em;}
.vision__item{width:7em;height:7em;background:url("/assets/css/../images/sub/vision-img.png") no-repeat center;background-size:100% 100%;display:flex;}
.vision__item span{margin:auto;color:#0a4091;}
.vision__member{margin-top:1.5em;background:#f2f2f2;padding:2em;box-sizing:border-box;text-align:center;}
.vision__member-title{font-size:1.125rem;font-weight:400;margin-bottom:1em;}
.vision__member-list{display:flex;justify-content:space-between;}
.vision__member-list p{letter-spacing:-0.05em;}
@media screen and (max-width:1200px) {
.vision__title{height:250px;padding:3em 0 0 5em;}
.vision__title h2{font-size:3rem;}
}
@media screen and (max-width:768px) {
.vision__title{height:200px;padding:2em;word-break:keep-all;margin-bottom:2em;}
.vision__title h2{font-size:2rem;}
.vision__title p{font-size:1rem;line-height:1.5em;}
.vision__box{width:100%;margin-bottom:3em;}
.vision__list{margin:0;width:100%;margin-top:1em;max-width:100%;}
.vision__box-content--list{padding:0;}
.vision__item{width:5em;height:5em;}
.vision__info{margin-bottom:0;}
.vision__info p{font-size:1rem;}
.vision__member{padding:1em;}
.vision__member-list{display:block;}
.vision__member-item{display:inline-block;margin:.3em;}
}


/* president */
.president__tabbox{margin-bottom:4em;}
.president__linkbox{margin-bottom:4em;}
.president__linkbox a{display:block;width:33.3%;line-height:70px;border:1px solid #e2e2e2;box-sizing:border-box;border-right:0;font-size:1.125rem;padding:0 1em;position:relative;transition:all .3s;}
.president__linkbox a:after{content:'';position:absolute;right:1em;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;background:url("/assets/css/../images/sub/link-img.png") no-repeat center;background-size:100% 100%;}
.president__linkbox a:last-child{border-right:1px solid #e2e2e2;}
.president__linkbox a:hover{background:#008bf6;color:#fff;}
.president__info{background:#f5f5f5;}
.president__box{width:50%;}
.president__box--desc{padding:2em 3em;box-sizing:border-box;}
.president__name{font-size:2rem;font-weight:400;}
.president__name span{font-size:1.125rem;}
.president__info-box{margin-top:2em;overflow:auto;}
.president__info-box li{margin-bottom:1.5em;}
.president__info-box li h3{font-size:1.25rem;margin-bottom:.5em;}
.president__info-box li p{line-height:1.875em;}
@media screen and (max-width:1200px) {
.president__info{height:auto;}
.president__box--desc{padding:1em 1.5em;}
}
@media screen and (max-width:768px) {
.president__box{width:100%;}
.president__box--img{text-align:center;}
.president__box--img img{width:100%;}
.president__box--desc{padding:2em .5em;}
.president__name{font-size:1.75rem;}
.president__linkbox a{width:100%;line-height:50px;border:1px solid #e2e2e2;border-bottom:0;}
.president__tabbox a{width:100%;line-height:50px;border:1px solid #e2e2e2;border-bottom:0;}
.president__linkbox a:last-child{border-bottom:1px solid #e2e2e2;}
.president__tabbox a:last-child{border-bottom:1px solid #e2e2e2;}
}

/* org */
.org__box{width:50%;}
.org__box--left{padding:2.5em 3em;box-sizing:border-box;background:url("/assets/css/../images/sub/org-img-1.png") no-repeat left top;}
.org__title{font-size:3rem;font-weight:300;color:#008bf6;line-height:1.125em;margin-bottom:1em;}
.org__group-main{background:url("/assets/css/../images/sub/org-img-bg.png") no-repeat left top;padding-top:4em;box-sizing:border-box;position:relative}
.org__group-main:before{content:'';display:inline-block;position:absolute;left:13px;top:23px;height:90%;background:#e3edf5;width:5px;opacity:.7;z-index:2;}
.org__group-item{padding-left:3.5em;box-sizing:border-box;background:url("/assets/css/../images/sub/mark.png") no-repeat left 5px;margin-bottom:2.5em;position:relative;z-index:5;}
.org__group-item h3{font-size:2rem;font-weight:400;color:#008bf6;line-height:1em;margin-bottom:.75em;}
.org__group-item strong{font-size:1.25rem;display:block;margin-bottom:.25em;font-weight:600;}
.org__group-item p{line-height:2em;}
.org__list{padding:2em 3em;box-sizing:border-box;border:1px solid #e2e2e2;border-left:0;border-right:0;border-bottom:0;}
.org__list:last-child{border-bottom:1px solid #e2e2e2;}
.org__list h3{font-size:1.25rem;margin-bottom:.5em;}
.org__list p{line-height:2em;letter-spacing:-.05em;}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:768px) {
.org__box{width:100%;float:none;}
.org__box--left{padding:2em 1em;}
.org__title{font-size:2rem;}
.org__group-item h3{font-size:1.5rem;}
.org__group-item{background-size:auto 1.5em;background-position:.5em top;padding-left:2.5em;}
.org__list{padding:2em 0;}
}

.org2{}
.org2__top{border-top:10px solid #008bf6;padding:50px;box-sizing:border-box;background:url("/assets/css/../images/sub/org2-bg.png") no-repeat center;background-size:cover;}
.org2__top li{width:33.33%;}
.org2__top li h2{color:#008bf6;font-size:2rem;font-weight:400;margin-top:.5em;margin-bottom:1em;}
.org2__top li p{font-size:1rem;color:#444444;line-height:2em;letter-spacing:-.035em;}
.org2__top li p strong{display:block;font-size:1.5rem;margin-bottom:5px;color:#333;}
.org2__middle{margin:3em 0;text-align:center;}
.org2__middle span{color:#008bf6;font-size:2rem;text-align:center;line-height:1.5em;display:inline-block;padding:0 2em;box-sizing:border-box;border:1px solid #008bf6}
org2__middle_eng{margin:3em 0;text-align:center;}
.org2__middle_eng span{color:#008bf6;font-size:2rem;text-align:center;line-height:3em;display:inline-block;padding:0 2em;box-sizing:border-box;border:1px solid #008bf6}
.org2__bottom{padding-top:2em;}
.org2__bottom > div{width:50%;}
.org2__bottom li{margin-bottom:4em;padding-right:1em;box-sizing:border-box;word-break:keep-all}
.org2__bottom li h2{font-size:1.5rem;letter-spacing:-.05em;line-height:1.5em;}
.org2__bottom li p{letter-spacing:-.05em;line-height:2em;font-size:1.125rem;color:#444;}
@media screen and (max-width:1200px) {
.org2__top{padding:20px;}
.org2__top li{padding-right:10px;box-sizing:border-box;}
}
@media screen and (max-width:768px) {
.org2__top li{width:100%;margin-bottom:2em;}
.org2__top li:last-child{margin-bottom:0;}
.org2__top li h2{margin-bottom:.5em;}
.org2__middle span{padding:0 1em;font-size:1.5rem;}
.org2__bottom > div{float:none;width:100%;}
.org2__bottom li{margin-bottom:2em;}
}

.org2__bottom.int2 { box-sizing: border-box; word-break: keep-all; border: 2px solid #ccc; overflow: hidden; padding:0;}
.org2__bottom.int2 ul {display:flex; flex-wrap:wrap;}
.org2__bottom.int2 li{width:50%; box-sizing:border-box; position:relative; padding:2em; margin-bottom:0;}
.org2__bottom.int2 li:nth-of-type(1):after,
.org2__bottom.int2 li:nth-of-type(2):after { content: ''; width: 90%; height: 1px; background: #ccc; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.org2__bottom.int2 li:nth-child(odd):before { content: ''; width: 1px; height: 70%; background: #ccc; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.org2__bottom.int2 li h2{font-size:1.5rem;letter-spacing:-.05em;line-height:1.5em;}
.org2__bottom.int2 li p { letter-spacing: -.05em; line-height: 2em; font-size: 1.125rem; color: #444; }
@media screen and (max-width:768px) {
.org2__bottom.int2 ul {padding:1em;}
.org2__bottom.int2 li {width:100%; padding:0.5em;}
.org2__bottom.int2 li:nth-child(odd):before,
.org2__bottom.int2 li:nth-of-type(1):after ,
.org2__bottom.int2 li:nth-of-type(2):after { display:none;}
}
@media screen and (max-width:450px) {
.org2__bottom.int2 ul {padding:0.5em;}
}

/* history */
.history{position:relative;padding:5em 0;background:url("/assets/css/../images/sub/history-bg.png") no-repeat center;}
.history:before{content:'';display:block;width:1px;height:100%;background:#d0d0d0;position:absolute;left:50%;top:0;}
.history__box{width:50%;margin-bottom:3em;position:relative}
.history__box--right{right:0;text-align:left;padding-left:3.5em;box-sizing:border-box;float:right}
.history__box--left{;text-align:right;padding-right:3.5em;box-sizing:border-box;float:left}
.history__box h2{font-size:2.5rem;letter-spacing:-.05em;font-weight:300;color:#008bf6;margin-bottom:.25em;line-height:1em;}
.history__box h2:after{content:'';display:block;width:35px;height:11px;background-size:100% 100%;background:url("/assets/css/../images/sub/history-dot.png") no-repeat center;position:absolute;left:0;top:.45em;}
.history__box--left h2:after{left:auto;right:0;transform:rotate(180deg);}
.history__box--right .history__date{padding-left:6em;box-sizing:border-box;position:relative;line-height:2em;}
.history__box--right .history__date span{position:absolute;left:0;top:0;line-height:2em;color:#008bf6;}
.history__box--left .history__date{padding-right:6em;box-sizing:border-box;position:relative;line-height:2em;}
.history__box--left .history__date span{position:absolute;right:0;top:0;line-height:2em;color:#008bf6;}
.history__imgbox{margin:0.5em 0 1.5em;}
@media screen and (max-width:768px) {
.history{padding:0;}
.history__box{float:none;padding:0;width:100%;max-width:300px;text-align:left;margin:0 auto;margin-top:3em !important;}
.history__box:first-child{margin-top:0;}
.history__box h2:after{display:none;}
.history:before{display:none;}
.history__box--left .history__date{padding:0;padding-left:6em;}
.history__box--left .history__date span{right:auto;left:0;}
}

/* ai */
.ai__section{}
.ai__section-1{background:#e8e8e8;height:460px;background-size:cover;display:flex;flex-direction:column}
.ai__section-1 div{margin:auto; text-align:center;}
.ai__section-1 .btnbox{;width:90%;max-width:350px;}
.ai__section-1 .btnbox a{display:block;height:45px;line-height:45px;background:rgba(255,255,255,.7);border:1px solid #c3c3c3;font-size:1.125rem;transition:all .3s;}
.ai__section-1 .btnbox a:hover{background:#fafafa;}
.ai__section-1 .btnbox a img{position:static;width:auto;vertical-align:inherit;margin-left:1em;height:1em;}
.ai__section-2{background:#c3c3c3;background-size:cover;color:#fff;font-size:1.125rem;line-height:2em;letter-spacing:-.05em;text-align:center;padding:4em 0 6em;}
.ai__section-3{background:#fff;max-width:95%;position:relative;margin:0 auto;top:-3em;padding:3em 2em;box-sizing:border-box;}
.ai__box{width:50%;padding-right:4em;box-sizing:border-box;}
.ai__box-text{margin-bottom:2em;}
.ai__box-text h2{font-size:1.25rem;margin-bottom:.3em;}
.ai__box-text p{font-size:1rem;line-height:2em;height:8em;}
@media screen and (max-width:1200px) {
.ai__section-1{height:300px;}
.ai__section-1 img{width:300px;}
.ai__section-2{padding:3em 1em 5em;font-size:1rem;word-break:keep-all}
}
@media screen and (max-width:768px) {
.ai__section-1{height:250px;}
.ai__section-1 img{width:200px;}
.ai__section-2{font-size:.875rem;}
.ai__box{width:100%;padding:0;float:none;}
.ai__box:last-child{margin-top:3em;}
.ai__box-text{margin-bottom:1em;word-break:keep-all}
.ai__box-text p{height:auto;}
.ai__section-3{padding:2em 1em;}
}

/* contact */
.contact__title{display:flex;padding-bottom:2em;border-bottom:1px solid #999;}
.contact__title p{font-size:1.25rem;line-height:1.5em;letter-spacing:-.05em;padding:1em 0;background:url("/assets/css/../images/sub/form-icon.png") no-repeat left center;background-size:auto 100%;padding-left:7em;margin:0 auto;}
.contact__form{margin-top:5em;padding:0 3.5em;box-sizing:border-box;}
.contact__form li{min-height:4em;position:relative;border-top:1px solid #e5e5e5;box-sizing:border-box;padding:.5em 0;padding-left:4em;}
.contact__form li h3{position:absolute;left:0;top:0;font-size:1rem;line-height:4em;font-weight:400;}
.contact__form li .form-group{height:3em;background:#fafafa;}
.contact__form li .form-group.form-group--select{max-width:300px;position:relative}
.contact__form li .form-group.form-group--select:after{content:'';position:absolute;right:1em;top:45%;width:0;height:0;border-top:5px solid #333;border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;}
.contact__form li .form-group.form-group--text{height:300px;}
.contact__form li .form-group input{width:100%;height:100%;padding:0 1em;box-sizing:border-box}
.contact__form li .form-group select{width:100%;height:100%;padding:0 1em;box-sizing:border-box}
.contact__form li .form-group textarea{width:100%;height:100%;padding:1em;box-sizing:border-box}
.contact__form li:last-child{border-bottom:1px solid #e5e5e5;}
.btnbox{text-align:center;margin-top:3em;}
.btnbox button{line-height:50px;width:180px;border:1px solid #999;margin:0 1em;cursor:pointer}
.btnbox button[type="reset"]{background:#f6f6f6}

.contact--application li{padding:0;padding:1em 0;}
.contact--application li h3{position:static;margin-bottom:10px;line-height:1em;}
.contact--application .form-group--radio{background:none !important;height:auto !important;}
.contact--application .form-group--checkbox{background:none !important;height:auto !important;}
.contact--application .gndbox{display:inline-block;width:50px;}
.contact--application .ckbox{display:block;line-height:2em;}
.contact--application .gndbox input{width:.75em !important;height:.75em!important;vertical-align:middle;margin-right:.3em;}
.contact--application .ckbox input{width:.75em !important;height:.75em!important;vertical-align:middle;margin-right:.3em;}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:768px) {
.contact__title p{padding:0;padding-top:4em;background-size:auto 3em;background-position:center top;font-size:1rem;}
.contact__form{margin-top:2em;padding:0 0em;}
.contact .btnbox button{max-width:48%;width:100%;margin:auto;height:40px;line-height:40px;}
}


/* reference, yearReport */
.reference{margin-top:-3%;}
.reference__item{width:100%;max-width:380px;margin-right:30px; margin-top:3%; }
.reference__item:nth-child(3n){margin-right:0;}
.reference__imgbox { overflow:hidden;}
.reference__imgbox img { vertical-align:top; }
.reference__info{}
.reference__title{font-size:1.1rem;margin-top:0.8em;line-height:1.3em;font-weight:500;margin-bottom:.3em;height:50px;}
.reference__date{font-size:1rem;line-height:1em;}
.reference__desc{color:#9e9e9e;font-size:1.125rem;margin-top:1em;line-height:1.125em;font-weight:300;}
.reference__download{display:block;margin-top:1em;height:50px;line-height:50px;text-align:center;border:1px solid #c0c0c0;transition:all .3s;}
.reference__download img{vertical-align:baseline;display:inline-block;margin-left:.3em;}
.reference__download:hover{background:#008bf6;}
.reference__downbox{height:50px;border:1px solid #9e9e9e;line-height:50px;padding:0 1em;box-sizing:border-box;position:relative;overflow:hidden;border-top:0;}
.reference__downbox a{display:block;position:absolute;right:0;top:0;width:48px;height:48px;background:url("/assets/css/../images/sub/icon-download.png") #f6f6f6 no-repeat center;text-indent:-9999px;overflow:hidden;}
.reference__downbox--half{margin-top:1em;}
.reference__downbox--half a{width:50%;display:block;height:50px;line-height:50px;border:1px solid #e9e9e9;box-sizing:border-box;text-align:center;transition:all .3s;}
.reference__downbox--half img{vertical-align:baseline;margin-left:.3em;}
.reference__downbox--half a:hover{background:#008bf6}
@media screen and (max-width:1200px) {
.reference__item{width:32%;margin-right:2%;}
.reference__item:nth-child(3n){margin-right:0;}
.reference__title{font-size:1.05rem;}
.reference__desc{font-size:1rem;}
}
@media screen and (max-width:768px) {
.reference__downbox,
.reference__downbox a,
.reference__downbox--half a,
.reference__download{height:40px;line-height:40px;}

.reference__item{width:49%;margin-right:2%;}
.reference__item:nth-of-type(3n) { margin-right:2%; }
.reference__item:nth-of-type(2n+2){margin-right:0;}
.reference__item:nth-child(n + 3){margin-top:1em;}
.reference__title{font-size:1.0rem;}
.reference__desc{font-size:1rem;}

}


/* forum */
.forum__box{margin-bottom:5em;}
.forum__title{margin-bottom:1em;font-size:1.125rem;}
.forum__desc{line-height:2em;color:#444444;font-size:1rem;word-break:keep-all;}
.forum__imgbox{margin-top:2em;}
.forum__imgitem{width:49%;}
.forum__img-info{margin-top:1em;color:#444;text-align:center;padding:0 1em;box-sizing:border-box;}
.forum__desc-item{padding-left:.8em;line-height:1.3em;margin:.5em 0;position:relative}
.forum__desc-item:after{content:'-';display:block;position:absolute;left:0;top:0;line-height:1.3em;}


/* hire */
.hire{}
.hire__title-box{height:290px;text-align:center;background:url("/assets/css/../images/sub/hire-title-bg.png") no-repeat center;background-size:cover;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.hire__title-box h3{font-weight:300;font-size:1.5rem;margin-bottom:.5em;text-align:center;}
.hire__title-box p{font-weight:300;font-size:1.25rem;line-height:1.5em;text-align:center;}
.hire__target{text-align:center;margin-top:3em;}
.hire__target h3{font-size:1.25rem;margin-bottom:.5em;}
.hire__target p{font-size:1rem;line-height:2em;font-weight:400;color:#212121;}
.hire__vision{display:flex;justify-content:space-between;margin-top:4em;}
.hire__vision > div{width:300px;height:300px;background:#ccc;color:#fff;display:flex;flex-direction:column;}
.hire__vision > div.h1{background:url("/assets/css/../images/sub/hire-vision-bg-1.png") no-repeat center;}
.hire__vision > div.h2{background:url("/assets/css/../images/sub/hire-vision-bg-2.png") no-repeat center;}
.hire__vision > div.h3{background:url("/assets/css/../images/sub/hire-vision-bg-3.png") no-repeat center;}
.hire__vision h2{line-height:240px;}
.hire__vision p{color:#fff;line-height:1.3em;font-size:1rem;font-weight:300;}
.hire__board{margin-top:5em;}
@media screen and (max-width:1200px) {
.hire__title-box{height:auto;padding:3em 1em;word-break:keep-all}
.hire__title-box h3{font-size:1.5rem;line-height:1.3em;}
.hire__title-box p{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.hire__vision{display:block;}
.hire__vision > div{width:100%;height:auto;display:block;margin-bottom:.5em;}
.hire__vision h2{line-height:200px;}
.hire__vision p{padding-bottom:1em;}

}
@media screen and (max-width:768px) {
.hire__vision h2{line-height:160px;}
.hire__title-box h3{font-size:1.25rem;}
.hire__vision{margin-top:2em;}

}


/* asean hall */
.hall{}
.hall__viewbox .tab-view{position:relative;margin-top:2em; text-align:center;}
.hall-slidebox{position:relative}
.hall__textbox{background:rgba(0,0,0,.5);position:absolute;right:10em;bottom:3em;width:350px;padding:2em;color:#fff;box-sizing:border-box;word-break:keep-all}
.hall__textbox h2{font-size:1.5rem;margin-bottom:.5em;font-weight:400;}
.hall__textbox p{line-height:2em;}
.hall-slidebox .item{width:940px;vertical-align:top;position:relative;}
.hall-slidebox .item img{vertical-align:top;}
.hall-slidebox img{width:100% !important;}
.hall-slidebox .item:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10;content:'';transition:all .3s;}
.slick-slide.slick-center .item:before{opacity:0;}
.hall-slidebox .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:80px;background:url("/assets/css/../images/main/main__slide-arrow.png") no-repeat center;background-size:100% 100%;text-indent:-9999px;overflow:hidden;z-index:100;outline-width:0;}
.hall-slidebox .slick-arrow.slick-prev{left:3%;transform:translateY(-50%) rotate(180deg); cursor:pointer;}
	.hall-slidebox .slick-arrow.slick-next { right: 3%; cursor: pointer; }
.hall__program{margin-top:2em;box-sizing:border-box;}
.hall__prg-box{padding:3em 2em;box-sizing:border-box;border-bottom:1px solid #7a7a7a;background:url("/assets/css/../images/sub/hall-item-bg.png") no-repeat right bottom;background-size:300px auto;}
.hall__prg-box:last-child{border-bottom:0;}
.hall__prg-title{font-size:1.2rem;margin-bottom:.5em;}
.hall__prg-desc{color:#444;line-height:2em;word-break:keep-all}
.hall__prg-info{margin-top:2em;}
.hall__prg-info-title{font-size:1.0rem;margin-bottom:1em;}
.hall__prg-info-list{line-height:1.3em;}
.hall__prg-info-list p{margin-bottom:1em;position:relative;padding-left:.8em;line-height:1.3em;}
.hall__prg-info-list p:after{content:'-';position:absolute;left:0;top:0;line-height:1.3em;}
.hall__prg-download{margin-top:2em;}
.hall__prg-download a{width:300px;text-align:center;display:inline-block;height:40px;line-height:40px;border:1px solid #9e9e9e;}
.hall__prg-download a img{display:inline-block;margin-left:.3em;}
.tab-view .h_img li{width:48%; float:left;position:relative;}
.tab-view .h_img li:nth-of-type(2n+2){float:right;}
.tab-view .h_img li img{vertical-align:top; width:100%;}
.tab-view .h_img li .h_t{ padding:1.4em 1.5em 2em; box-sizing:border-box;word-break:keep-all}
.tab-view .h_img li .h_t h2{font-size:1.5rem;margin-bottom:.5em;font-weight:400;}
.tab-view .h_img li .h_t p{line-height:1.7em;}
.slick-slide.slick-center .item:before{opacity:0;}
.h_info{margin-top:2em;box-sizing:border-box;clear:both; width:100%; text-align:left;}
@media screen and (max-width:1200px) {
.tab-view .h_img li .h_t{padding:1em;}
.hall-slidebox .item{width:calc(100% - 160px);}
.hall-slidebox .slick-arrow{width:30px;height:60px;}
.hall-slidebox .slick-arrow.slick-prev{left:25px;}
.hall-slidebox .slick-arrow.slick-next{right:25px;}
.hall__textbox{padding:1em;}
.hall__prg-box{padding:2em .5em;}
.hall__prg-title{font-size:1.5rem;}
}
@media screen and (max-width:768px) {
.tab-view .h_img li {width:100%; float:none;}
.tab-view .h_img li .h_t{position:static;width:100%;height:auto;padding:1em 1em 1.5em;}
.hall-slidebox .item{width:calc(100% - 80px);}
.hall-slidebox .slick-arrow{width:20px;height:40px;}
.hall-slidebox .slick-arrow.slick-prev{left:10px;}
.hall-slidebox .slick-arrow.slick-next{right:10px;}
.hall__textbox{position:static;width:100%;height:auto;padding:1em;}
.hall__prg-box{padding:1em 0em;}
.hall__prg-title{font-size:1.25rem;}
.hall__prg-desc{line-height:1.5em;word-break:keep-all}
.hall__prg-download a{max-width:250px;display:block;margin-top:.5em;}

}

/* app */
.app__topbox{background:url("/assets/css/../images/sub/app-bg.png") no-repeat 15em center;}
.app__imgbox{width:380px;}
.app__textbox{width:calc(100% - 380px);}
.app__title{font-size:1.125rem;margin-bottom:2em;}
.app__title strong{font-size:2.25rem;}
.app__desc{line-height:2em;word-break:keep-all}
.app__downlink{margin-top:4em;display:flex;justify-content:space-between;}
.app__info{margin-top:6em;}
.app__infobox{width:50%;}
.app__infobox h3{font-size:1.125rem;margin-bottom:1em;}
.app__infobox p{line-height:2em;}
.app__picture{margin-top:6em;}
.app__picture h3{font-size:1.125rem;margin-bottom:1em;}
.app__picturebox{display:flex;justify-content:space-between}
.app__picture-item{width:250px;height:450px;background:#f6f6f6;border:1px solid #d4d4d4;box-sizing:border-box;}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:768px) {
.app__imgbox{display:block;width:100%;float:none;margin-bottom:3em;text-align:center;}
.app__imgbox img{max-width:200px;}
.app__textbox{width:100%;float:none;}
.app__downlink{margin-top:2em;}
.app__downlink a{max-width:48%;}
.app__info{margin-top:2em;}
.app__infobox{display:block;width:100%;margin-bottom:2em;}
.app__picture{margin-top:2em;display:block;}
.app__picturebox{display:block;}
.app__picture-item{width:49%;float:left;min-height:250px;height:auto;}
.app__picture-item:nth-child(2n){float:right;}
.app__picture-item:nth-child(n+3){margin-top:1em;}
}

/* newsletter */
.nweletter-formbox{position:relative}
.newsletter-form{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;padding:50px 100px;box-sizing:border-box;}
.newsletter-img{width:100%;}
.newsletter-img img{vertical-align:top;}
.newsletter-info{height:40px;line-height:40px;padding:0 1em;position:relative;background:#fff;border:1px solid #c0c0c0;}
.newsletter-info a{display:block;width:40px;height:40px;background:url("/assets/css/../images/sub/icon-view.png") #f6f6f6 no-repeat center;position:absolute;right:0;top:0;text-indent:-9999px;overflow:hidden;}
.newsletter-textbox{height:350px;position:relative;top:40px; width:calc(100% - 460px);margin-left:10px}
.newsletter-textbox h2{font-size:1.875rem;line-height:1em;}
.newsletter-textbox h2 span{font-size:1.125rem;vertical-align:baseline;font-weight:300;}
.newsletter-textbox p{font-size:1.125rem;line-height:2em;color:#6c6c6c;margin-top:2em;}
.nsl-form{position:absolute;left:0;bottom:0;width:100%;border:1px solid #e0e0e0;}
.nsl__input{height:40px;width:100%;max-width:380px;background:#fff;}
.nsl__input input{width:100%;height:100%;padding:0 1em;box-sizing:border-box;}
.nsl__button{width:calc(100% - 380px);}
.nsl__button button{width:100%;text-align:center;height:40px;background:#008bf6;color:#fff;}
.board-list.album{border:0;}
.album__item{width:32%;max-width:100%;margin-right:2%}
.album__item:nth-child(3n){margin-right:0;}
.album__item:nth-child(n+4){margin-top:2em;}
.newsletter-form .newsletter-img{}
.newsletter-imgbox{max-width:430px;}
.board-list.album .newsletter-img{height:350px;overflow:hidden;}
@media screen and (max-width:1200px) {
.nweletter-formbox > img{display:none;}
.newsletter-form{display:block;padding:3em;position:relative}
.newsletter-imgbox{float:none;margin:0 auto;}
.newsletter-textbox{float:none;display:block;height:auto;top:0;max-width:450px;margin:0 auto;margin-top:2em;padding:0;width:100%;}
.nsl-form{position:static;margin-top:1em;}
.nsl__input{height:40px;width:100%;max-width:calc(100% - 100px);background:#fff;}
.nsl__button{width:100px;}
.newsletter-textbox h2{font-size:1.5rem;}
.board-list.album .newsletter-img{height:310px;overflow:hidden;}
}
@media screen and (max-width:768px) {
.newsletter-form{padding:0;margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #9e9e9e;}
.newsletter-textbox h2{font-size:1.25rem;}
.newsletter-textbox p{font-size:1rem;}
.album__item{width:49%;}
.album__item:nth-child(3n){margin-right:2%;}
.album__item:nth-child(2n){margin-right:0;}
.album__item:nth-child(n+3){margin-top:1em;}
.board-list.album .newsletter-img{height:270px;overflow:hidden;}
}
@media screen and (max-width:400px) {
.newsletter-textbox h2{font-size:1.25rem;}
.newsletter-textbox p{font-size:1rem;}
.album__item{width:100%;margin:0;}
.album__item:nth-child(n+2){margin-top:1em;}
.board-list.album .newsletter-img{height:300px;overflow:hidden;}
}


/* social */
.social .tab-view{margin-top:2em;}
.liststyle { width:100%;}
.liststyle li {width:100%; padding:1em 0; border-bottom:1px solid #C8C8C8;font-size:1rem;overflow:hidden;}
.liststyle.liststyle--naver li .list__title{padding-left:5.5em;}
.liststyle li .list__title{position:relative;line-height:1.5em;overflow:hidden;padding-left:4em;font-size:1.25rem;}
.liststyle li a{display:block;cursor:pointer}
.liststyle li strong {color:#006fd6;position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1.5rem;font-size:1.125rem;}
.liststyle li em {text-align:right;display:block;margin:.5em 0;color:#3f88cc}
.liststyle li p { padding-top:1rem;line-height:1.5;color:#636363;}
@media screen and (max-width:758px) {
.liststyle li em{text-align:left;}
}

.social2{}
.social2 .snsitem{width:25%;box-sizing:border-box;padding:2em;position:relative;word-break:keep-all;border:1px solid #e2e2e2;height:300px;}
.social2 .snsitem .snsitem__logo{position:absolute;right:0;top:0;z-index:100;}
.social2 .snsitem .snsitem__title{font-size:1.125rem;letter-spacing:-.025em;line-height:1.3em;height:2.6em;overflow:hidden;padding-top:.5em;}
.social2 .snsitem.active-img .snsitem__title{color:#fff;}
.social2 .snsitem .snsitem__description{font-size:.875rem;letter-spacing:-.025em;line-height:1.5em;height:4.5em;overflow:hidden;color:#8d8d8d;margin-top:.5em;}
.social2 .snsitem.active-img .snsitem__description{color:#fff;}
@media screen and (max-width:1200px) {
.social2 .snsitem{width:33.33%}
}
@media screen and (max-width:768px) {
.social2 .snsitem{width:50%}
}
@media screen and (max-width:400px) {
.social2 .snsitem{width:100%}
}

/* summary */
.summary__section{margin-bottom:3em;}
.summary__title{font-size:1.3rem;padding-left:1em;position:relative;}
.summary__title:after{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.5em;height:.5em;background:#008bf6;content:'';}
.summary__item-title { font-size:1rem; margin-bottom:.5em; line-height:1.3em; }
.summary__data-title{font-size:1.1rem;margin:0 0 1em;line-height:1.3em; color:#093b67; font-weight:400}
.summary__data-title1 { font-size:1.1rem; line-height:1.3em; color:#093b67; font-weight:500; float:left; }
.summary__data-title1:before {content:' '; width:4px; height:25px; display:inline-block; margin-right:10px;background:#093b67; float:left; }
.summary__tit_h2_center { color:#444; font-weight:500; margin-bottom:50px; font-size:42px; display:block; text-align:center; }

.summary__data {padding:1em 0;}
.summary__section .summary__list_dot li { padding-left:15px; position:relative; line-height:1.8em; padding-bottom:5px; }
.summary__section .summary__list_dot li:before { content:''; width:5px; height:5px; border-radius:4px; background:#0b3d68; display:inline-block; overflow:hidden; margin-right:5px; position:absolute; top:9px; left:0; }
.summary__data.st2 { border:1px solid #ccc; box-sizing:border-box; margin-top:15px; padding:1.5em;background-image: url("/assets/images/bg_paper_3.jpg");}
.summary__section > ul { padding:0 2%; }
.summary__section p { line-height:1.5em; word-break:keep-all }
.summary__section p.summary__dot{line-height:2em;padding-left:.75em;box-sizing:border-box;position:relative;margin-bottom:1em;}
.summary__section p.summary__dot:after{content:'-';position:absolute;left:0;top:0;line-height:2em;}
.summary__table{margin-bottom:1em;}
.summary__table table { margin:0.6em 0; }
.summary__table th,
.summary__table td{height:50px;text-align:center;border-bottom:1px solid #cfcfcf;}
.summary__table th{border-top:2px solid #909090;border-bottom:1px solid #909090;}
.summary__table tbody th{border-top:0 none;border-bottom:1px solid #cfcfcf;}
.summary__table td img { vertical-align:middle; margin-right:.5em; }
.summary__table tr:last-child td,
.summary__table tr:last-child th { border-bottom:1px solid #909090; }

.summary--history{position:relative;padding-left:10em;border-bottom:1px solid #ccc;margin-bottom:1em;}
.summary--history .summary__section{margin-bottom:1em;}
.summary--history .summary__title{position:absolute;left:0;top:0;font-weight:500;}
.summary--history .summary__item-title{font-weight:400; padding:0;}
.summary--history p.summary__dot{margin-bottom:5px;}
.ftd-g td{background:#f5f5f5;color:#093b67;border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1}
.ftd td{background:#e1e7ed;color:#093b67;border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1}
.table__base{text-align:right;margin-bottom:.5em;}
@media screen and (max-width:758px) {
.summary__tit_h2_center { font-size:30px; margin-bottom:30px; }
.summary__table td{font-size:.8rem;}

.summary--history{padding-left:7em;}
}
@media screen and (max-width:640px) {
.summary__section .summary__list_dot li {padding-left:12px; }
.summary__section .summary__list_dot li:before { width:4px; height:4px; }
.summary__data-title{margin:1em 0 .5em;}
.summary__data-title1:before {height:19px; }
.summary__data.st2 { margin-top:10px; padding:0 1em 1em;}
}
@media screen and (max-width:430px) {
.summary__tit_h2_center { font-size:25px; }
}

/* member */
.member__tabbox{margin:2em 0;text-align:center;text-align:center;}
.member__tabbox button{margin:0 .3em;cursor:pointer;position:relative}
.member__tabbox button:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;}
.member__tabbox button.active:after{display:none;}
.member__tabbox button img{vertical-align:top;}
.member__news-title{font-size:1.5rem;margin-bottom:1em;}
.member__viewbox{}
.member__view{}
.member__box{width:50%;padding:0 4em;box-sizing:border-box;}
.member__box:first-child{border-right:1px solid #bababa;box-sizing:border-box;}
.member__nation-name{font-size:1.5rem;font-weight:400;margin-top:1em;}
.member__nation-info{margin-top:1em;}
.member__nation-info-item{padding-left:7em;box-sizing:border-box;line-height:1.5em;margin-bottom:.5em;position:relative;color:#444444;}
.member__nation-info-item h3{position:absolute;left:0;top:0;line-height:1.5em;font-weight:500;padding-left:1.75em;}
.member__info-item1-title{background:url("/assets/css/../images/sub/member__info-icon-1.png") no-repeat left center;}
.member__info-item2-title{background:url("/assets/css/../images/sub/member__info-icon-2.png") no-repeat left center;}
.member__info-item3-title{background:url("/assets/css/../images/sub/member__info-icon-3.png") no-repeat left center;}
.member__info-item4-title{background:url("/assets/css/../images/sub/member__info-icon-4.png") no-repeat left center;}
.member__info-item5-title{background:url("/assets/css/../images/sub/member__info-icon-5.png") no-repeat left center;}
.member__info-item6-title{background:url("/assets/css/../images/sub/member__info-icon-6.png") no-repeat left center;}
.member__info-item7-title{background:url("/assets/css/../images/sub/member__info-icon-7.png") no-repeat left center;}
.member__detail{border:1px solid #bababa;padding:4em 0;}
.cityinfo{height:50px;line-height:50px;padding-left:6em;box-sizing:border-box;position:relative}
.cityinfo h3{position:absolute;left:0;top:0;line-height:50px;font-size:1.25rem;}
.city{margin-top:2em;}
.city__title{font-size:1.875rem;font-weight:400;color:#008bf6;}
.city__timeinfo{font-size:1rem;margin-top:.75em}
.city__timeinfo h3{font-size:1.75rem;font-weight:400;margin-bottom:5px;}
.city__charge{margin-top:2em;font-size:1.75rem;color:#4173c6;padding-left:1.75em;background:url("/assets/css/../images/sub/icon-database.png") no-repeat left center;background-size:auto 100%;line-height:1.75em;}
.city__soeul{margin-top:5em;}
.city__soeul-time{font-size:1rem;margin-top:.5em;margin-left:3em;}
.city__soeul-time span{font-size:1.125rem;margin-bottom:.5em;display:block;}
.city__soeul-time h3{font-size:1.75rem;font-weight:400;margin-bottom:5px;}
.city__weather{text-align:left;}
.city__weather p{margin-top:.5em;padding-left:2em;}
.member__info{margin-top:3em;}
.member__infoview{margin-top:2em;}
.member__info-text-box{width:50%;}
.member__info-text-box-full{width:100%;margin-bottom:2em;}
.member__info-text-box-full a{display:block;line-height:2em;}
.member__info-text-box-full h3,
.member__info-text-box h3{font-size:1.125rem;margin-bottom:1em;}
.member__info-text-box-full p,
.member__info-text-box p{line-height:2em;}
.member__info-img{margin-top:2em;}
.member__info-img-desc{margin-top:.5em;}
.member__infoview{display:none;}
.member__infoview.infoview1{display:block;}
@media screen and (max-width:1200px) {
.member__tabbox{width:100%;}
.member__tabbox:after{content:'';display:block;clear:both;}
.member__tabbox button{width:9%;text-align:center;float:left;margin:0 .5%;}
.member__tabbox button img{width:100%;}
.member__detail{padding:3em 0;}
.member__box{padding:0 3em;}
}
@media screen and (max-width:768px) {
.member__info-text-box{width:100%;margin-bottom:1em;}
.member__tabbox button{width:18%;text-align:center;float:left;margin:0 1%;}
.member__tabbox button:nth-child(n+6){margin-top:1em;}
.member__detail{padding:2em 0;}
.member__box{padding:0 1em;width:100%;float:none;}
.member__box:nth-child(n+2){margin-top:3em;}
.city__title{font-size:1.5rem;}
.city__soeul-time{margin-left:2em;}
.city__timeinfo h3{font-size:1.25rem;}
.city__soeul-time h3{font-size:1.25rem;}
.city__soeul{margin-top:2em;}
.city__charge{margin-top:1em;}

}

.sitemap.content{padding-top:0;}
.sitemap__lnb{background:url("/assets/css/../images/sub/sitemap-bg.png") no-repeat center;background-size:cover;height:100px;line-height:100px;}
.sitemap__lnb .wrap{line-height:100px;font-size:1.75rem;letter-spacing:-.05em;}
.sitemap__row{padding:3em 0;border-bottom:1px solid #dbdbdb;}
.sitemap__row:last-child{border-bottom:0;}
.sitemap__row-title{width:320px;font-size:1.5rem;padding-left:1.5em;background:url("/assets/css/../images/sub/sitemap-dot.png") no-repeat left center;position:relative;box-sizing:border-box;}
.sitemap__row-title:after{content:'>';position:absolute;right:2em;top:50%;transform:translateY(-50%);font-weight:300;}
.sitemap__row-items{width:calc(100% - 320px);}
.sitemap__row-items > li{margin-right:3em;margin-top:3px;}
.sitemap__row-items > li > a{font-size:1.25rem;letter-spacing:-.05em;}
.sitemap__row-items > li > a:hover{border-bottom:1px solid #008bf6;color:#008bf6;}

.sitemap__row-depth{margin-top:1em;}
.sitemap__row-depth li{margin-bottom:1em;}
.sitemap__row-depth a{display:block;color:#797979;font-size:1rem;}
@media screen and (max-width:1200px) {
.sitemap__lnb{height:70px;}
.sitemap__lnb .wrap{line-height:70px;font-size:1.25rem;letter-spacing:-.05em;}
.sitemap__row-title{width:100%;margin-bottom:1em;background-size:auto 100%;font-size:1.375rem;}
.sitemap__row-title:after{display:none;}
.sitemap__row-items{width:100%;}
.sitemap__row-items > li{margin:.5em 1em;}
.sitemap__row-items > li > a{font-size:1rem;}
}
.privacy .wrap * { font-size:16px; line-height:1.87em; }
.privacy .wrap > ol > li { padding-top:3%; }
.privacy .wrap > ol > li strong{ font-size:110%; display:block; padding-bottom:5px; }
.privacy .wrap ol ol,
.privacy .wrap ol ul { margin-left:2%; }
.privacy .wrap table { max-width:700px !important; min-width:auto !important; padding:0; border-collapse:collapse; border-spacing:0; border:solid #000; border-width:1px 1px 0 0; }
.privacy .wrap table th,
.privacy .wrap table td {border:solid #000; border-width:0 0 1px 1px ; padding:2px 5px;}
.privacy .wrap table thead th {background:#eee;}

.search.content{padding-top:0;}
.search__lnb{background:url("/assets/css/../images/sub/search-bg.png") no-repeat center;background-size:cover;height:100px;line-height:100px;}
.search__lnb .wrap{line-height:100px;font-size:1.75rem;letter-spacing:-.05em;}
.search--page{width:100%;max-width:600px;margin:0 auto;height:auto;float:none;}
.search--page .search__form{width:100%;margin:0;height:60px;border:1px solid #b6b9bb}
.search--page .search__form input{width:calc(100% - 60px);}
.search--page .search__form button{width:60px;}

.checkbox{margin-right:.5em;line-height:35px;}
.checkbox span{width:.875em;height:.875em;display:inline-block;border:1px solid #aaa;border-radius:50%;vertical-align:middle;margin-right:.3em;background:#fefefe;box-sizing:border-box;transition:all .3s;}
.checkbox input:checked + span{border:5px solid #008bf6;box-sizing:border-box;}
.search__case{margin:2em 0;}
.search__case .datebox{display:inline-block;height:35px;vertical-align:middle;margin-left:1em;}
.search__inner{display:inline-block;}
.search__case .datebox h3{display:inline-block;font-size:1rem;font-weight:400;line-height:35px;margin-right:.5em;}
.datepicker-box{display:inline-block;}
.search__title{display:inline-block;vertical-align:middle;margin-right:.5em;}
.datepicker-box .datepicker{display:inline-block;height:35px;border:1px solid #dadada;padding:0 1em;width:150px;box-sizing:border-box;}
@media screen and (max-width:1024px) {
.search__date{display:block;float:none;}
.search__range{display:block;float:none;margin-top:1em;}
}
@media screen and (max-width:768px) {
.search--page .search__form{width:100%;margin:0;height:40px;border:1px solid #008bf6}
.search--page .search__form input{width:calc(100% - 40px);}
.search--page .search__form button{width:40px;}
.search__case .datebox{display:block;margin:0;}
.datepicker-box .datepicker{width:120px;}
.search__title{display:block;}
.privacy .wrap * { font-size:14px; }
.privacy .wrap > ol > li strong { padding-bottom:2px; }
.privacy .wrap ol ol,
.privacy .wrap ol ul { margin-left:0; }
}


.btn_privacy{color:#008bf6 !important;}


.overview .section p{line-height:2em;}
.overview .section li{line-height:2em;}
.overview .section span{line-height:2em;}
.overview .section h3 { color:#000; font-size:24px; letter-spacing:-1px; margin-top:30px;}
.overview .section ul li { list-style:disc; padding-left:5px; margin-left:25px;text-align:justify;}
.overview .section ul li strong { color:#000; }
.overview .section ul li a {color:#636363; }
.overview .section .site_info {margin-top:15px;}
.overview .section .site_info img {vertical-align:middle; margin-right:10px;}
.overview table.new_table_02 {width:100%; position:relative;margin-top:10px;}
.overview .mtablebox {width:100%;overflow:auto;}
.overview  .mtablebox table.new_table_02 {min-width:900px;}
.overview table.new_table_02 thead th {background:#008bf6; color:#fff; border:1px solid #fff;height:50px;}
.overview table.new_table_02 tbody th {background:#ebebeb; border:1px solid #008bf6;height:50px;}
.overview table.new_table_02 tbody td {border:1px solid #008bf6; text-align:center;height:40px;}
@media screen and (max-width:1200px) {
.overview .section h3 {font-size:18px;margin-bottom:15px;}
.overview .section p{line-height:1.5em;}
.overview .section li{line-height:1.5em;padding-left:0;margin-left:20px;}
.overview .section span{line-height:1.5em;}
}

.sortboxline{text-align:right;}
.sortboxline .select{display:inline-block;margin-left:5px;}


/*2015.11.23�߰�*/
.data_head,
.data_head table { width:100%; }
.data_head table { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
.data_head table thead th { border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; }
.data_head table thead th.title { color:#7188b2; font-size:14px; height:60px; line-height:60px;}
.data_head table thead th.bdr { border-right:1px solid #e9e9e9; }
.data_head table thead th p { color:#585858; font-size:14px; }
.section .con_data .data_head table thead th img { margin:0; }
.data_head table thead th.middle { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.data_head table thead th.middle strong { font-size:53px; }
/*20160927*/
.data_head_02,
.data_head_02 table { width:100%; }
.data_head_02 table { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
.data_head_02 table thead th { border:1px solid #c8c8c8; padding:10px 0; font-weight:normal;}
.data_head_02 table thead th.line_none_l {border-left:none;}
.data_head_02 table thead th.line_none_r {border-right:none;}
.data_head_02 table thead th strong {font-size:30px;}
.data_head_02 table thead th.title { color:#7188b2; height:60px; line-height:30px; font-weight:normal;}
.data_head_02 table thead th.title_kor { color:#7188b2; font-weight:normal;}
.data_head_02 table thead th.bdr { border-right:1px solid #e9e9e9; }
.data_head_02 table thead th p { color:#585858; font-size:14px; }
.section .con_data .data_head_02 table thead th img { margin:0; }
.data_head_02 table thead th.middle { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.data_head_02 table thead th.middle strong { font-size:53px; }


.calendarBoardtitle{font-size:25px;line-height:60px;background:#f4f4f4;padding:0 .5em;box-sizing:border-box;margin-top:1.5em}
.calendarBoardSortbox{}
.sortboxswich{height:50px;border:1px solid #c0c0c0;}
.sortboxswich a{width:40px;display:inline-block;height:50px;position:relative;text-align:center;line-height:50px;}
.sortboxswich a:after{content:'';display:block;width:1px;height:30px;position:absolute;right:0;top:10px;background:#dcdcdc;}
.sortboxswich a.arrow-right:after{right:auto;left:0;}
.sortboxswich span{padding:0 1em;box-sizing:border-box;height:50px;line-height:50px;}

.calendarboard-list{border-bottom:1px solid #666;}
.calendarborder-list__item{border-bottom:1px solid #e5e5e5;height:60px;line-height:60px;}
.calendarborder-list__item:last-child{border-bottom:0;}
.calendarborder-list__item a{display:block;position:relative;padding-left:10em;}
.calendarborder-list__item a:hover{background:#fafafa}
.calendarborder-list__item .date{position:absolute;left:1em;top:0;line-height:60px;}
.calendarborder-list__item-title{line-height:60px;font-weight:400;}
.calendarborder-list__item-title .tag{display:inline-block;width:9em;margin-right:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#008bf6}
@media screen and (max-width:768px) {
.calendarBoardtitle{font-size:1.25rem;line-height:50px;margin-top:1em;}
.sortboxswich{display:none;}
.calendarborder-list__item a{padding-left:7em;}
.calendarborder-list__item-title{padding:10px 0;line-height:20px;}
.calendarborder-list__item-title .tag{display:block;width:auto;line-height:20px;}
.calendarBoardSortbox .sortboxline{float:none;}
.calendarBoardSortbox .sortboxline:after{content:'';display:block;clear:both;}
.calendarBoardSortbox .sortboxline .select{width:33.3%;float:left;margin:0;border-right:0;}
.calendarBoardSortbox .sortboxline .select:nth-child(3){border-right:1px solid #c0c0c0;}
}


/*.countries .wrap{min-width:1200px;}*/
.countries .wrap{max-width:1370px;}
.countries .gifimgbox { display:block; }

.countries .tabbox.tab-col-10 b { display:inline-block; background:#000;}
.countries .tabbox.tab-col-10 img { width:40px; opacity:0.7; vertical-align:top }
.countries .tabbox.tab-col-10.tab-col-10 { border-bottom:0 none; }
.countries .tabbox.tab-col-10 a:not(.active):hover span:after,
.countries .tabbox.tab-col-10 a:not(.active):hover span:before,
.countries .tabbox.tab-col-10 button:not(.active):hover span:after,
.countries .tabbox.tab-col-10 button:not(.active):hover span:before { height:auto; display:none !important; }
.countries .tabbox.tab-col-10 span { display:block; height:auto; line-height:inherit; font-weight:600; text-align:center; position:relative; margin-top:0.6em; color:#aaa; }
.countries .tabbox.tab-col-10 button:after { height:2em; }
.countries .tabbox.tab-col-10 button.active img {opacity:1;}
.countries .tabbox.tab-col-10 button.active span { border-bottom:0 none; height:auto; line-height:inherit; color:#000; }
.info_header .wrap { display:flex; flex-direction:row; position:relative; }
.info_header { position:relative; }
.info_header .c_img { width:35%; overflow:hidden; position:relative;}
.info_header .c_img img { min-height:100%; overflow: hidden; position:relative; top:0; left:50%; transform:translateX(-50%);}
.info_header .c_info { position:relative; width:65%; box-sizing:border-box; }
.info_header .c_info {position:relative;}
.info_header .c_info .txt_i h3 { color:#093b67; }
.info_header .c_info h1 {width:100%; box-sizing:border-box; padding:5% 0 5% 15%; position:relative; }
.info_header .c_info h1:after { content:''; display:block; width:70%; height:1px; background:#e0e0e1; overflow:hidden; margin:5% 0 0; position:absolute; left:0; bottom:0;}
.info_header .c_info h1 img { max-width:90px; width:15%; padding-bottom:3%; }
.info_header .c_info h1 strong { display:block; color:#093b67; font-size:45px; font-weight:500; }
.info_header .c_info h1 span { width:100%; display:block; font-size:60px; color:rgba(93,104,118,0.1); letter-spacing:-2px; line-height:0.5em; position:relative; left:2%; }
.info_header .c_info ul.t_b {width:100%; box-sizing:border-box; padding:2% 0 0 15%; font-size:20px; display:flex; flex-wrap:wrap; }
.info_header .c_info ul.t_b li { width:50%; padding-top:3% }
.info_header .c_info ul.t_b li p strong {display:block;font-size:32px;line-height:1.3;  color:#093b67;}
.info_header .c_info ul.t_b li p span {  display: block; font-size: 32px; line-height: 1.4; font-weight:600;  color:#093b67;}
.info_header .c_info ul.t_b li p strong span {  display: inline;}
.info_header .c_info ul.t_b li p small{ display:inline; color:inherit;  font-size:inherit;}
.info_header .c_info h2 {height:31px; line-height:31px; margin-bottom:5px; display:block; color:#093b67; font-weight:bold; font-size:inherit; position:relative;}
.info_header .c_info h2.h2_1:before { background:url(../images/sub/country_bul_h2.png) no-repeat left 0; background-size:auto 100% }
.info_header .c_info h2.h2_2:before { background: url(../images/sub/country_bul_h1a.png) no-repeat left 0; background-size: auto 100% }
.info_header .c_info h2.h2_3:before { background:url(../images/sub/country_bul_h3.png) no-repeat left 0; background-size:auto 100% }
.info_header .c_info h2.h2_4:before { background:url(../images/sub/country_bul_h4a.png) no-repeat left 0; background-size:auto 100% }
.info_header .c_info h2:before { content:''; width:24px; height:100%; margin-right:10px; display:block; float:left; }
.countries .cb {padding:4% 0; position:relative;}
.countries .cb h2 { color:#444; font-weight:500; margin-bottom:50px; font-size:35px; display:block; text-align:center; }
.countries .cb h3 {color:#444; font-weight:500; font-size:20px; display:block; margin-bottom:4%;}
.countries .cb .wrap > ul { width:100%; display:flex; flex-direction:row; justify-content:space-around; }
.countries .cb .wrap > ul li { padding-right:2em; box-sizing:border-box; text-align:center; }
.countries .cb .wrap > ul li:last-child { padding-right:0; }
.countries .cb .wrap * {line-height:1.2;}
.countries .cb .wrap strong { display:block; color:#093b67; }
.countries .cb .wrap span {display:block; color:#042547}
.countries .cb .wrap strong span { display:inline; color:inherit;}
.countries .cb.time_b {background:#eff7fa; padding:8% 0;position:relative; display:none;}
.countries .cb.time_b .wrap{ position:relative; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.countries .cb.time_b .wrap:before { content:''; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); width:80%; height:1px; background:#8ca7b4; display:block; z-index:10;}
.countries .cb.time_b .wrap:after { display:none;}
.countries .cb.time_b .wrap .t_b{ 
width:280px; height:280px; border-radius:300px; border:1px solid #8ca7b4; position:relative;
background:#eff7fa; box-sizing:border-box; position:relative; z-index:11; transition:all 0.3s ease;
display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.countries .cb.time_b .wrap .t_b.t_b3 { width:360px; height:360px; z-index:9;  border:40px solid #e9f2f6;background:#deeaef;  }
.countries .cb.time_b .wrap .t_b.t_b3:after { content:''; width:160%; height:160%; display:block;border:1px dotted #8ca7b4; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:2; border-radius:60%;transition:all 0.3s ease;}
.countries .cb.time_b .wrap .t_b p{ text-align:center; height:50%;padding-top:7%; box-sizing:border-box;}
.countries .cb.time_b .wrap .t_b h3 {width:100%;height:50%; font-weight:bold; color:#5d7e8f; font-size:26px; display:flex; justify-content:center; align-items:flex-end; position:relative; margin-bottom:0; padding-bottom:7%; box-sizing:border-box;}
.countries .cb.time_b .wrap .t_b h3:after {
content:''; width:50%; height:5px; display:block; background:#8ca7b4;
position:absolute; left:50%; bottom:-5px; transform:translateX(-50%);
}
.countries .cb.time_b .wrap .t_b.t_b3 h3:after {background:#316079; }

.countries .cb.time_b .wrap .t_b.t_b3 h3,
.countries .cb.time_b .wrap .t_b p strong,
.countries .cb.time_b .wrap .t_b p span { text-align:center; color:#316079; }
.countries .cb.time_b .wrap .t_b p strong { font-size:38px; }
.countries .cb.time_b .wrap .t_b p span { font-size:26px; }
.countries .cb.time_b .wrap .t_b.t_b3 h3 { font-size:30px; }
.countries .cb.time_b .wrap .t_b.t_b3 p strong { font-size:42px;}

.countries .cb.peaple_b { padding:4% 0 0 3%;}
.countries .cb.peaple_b h3 { margin-bottom:10%; font-size:18px;}
.countries .cb.peaple_b .wrap { padding:0; }
.countries .cb.peaple_b .wrap > ul li { width:23.5%; margin-right:1.5%; margin-bottom:5px; box-sizing:border-box; padding:3% 2% 10%; border:1px solid #bfbfbf; box-shadow:3px 3px 3px rgba(0,1,1,0.1); text-align:left; position:relative; }
.countries .cb.peaple_b li:nth-of-type(1):after { background:url(../images/sub/country_img4.png) no-repeat right bottom; background-size:100% auto }
.countries .cb.peaple_b li:nth-of-type(2):after { background:url(../images/sub/country_img5.png) no-repeat right bottom; background-size:100% auto }
.countries .cb.peaple_b li:nth-of-type(3):after { background:url(../images/sub/country_img6.png) no-repeat right bottom; background-size:100% auto }
.countries .cb.peaple_b li:nth-of-type(4):after { background:url(../images/sub/country_img7.png) no-repeat right bottom; background-size:100% auto }
.countries .cb.peaple_b li:after { content:''; max-width:208px; width:80%; height:30%; position:absolute; bottom:10%; right:10%; display:block; }
.countries .cb.peaple_b .wrap strong { font-size:26px; }
.countries .cb.peaple_b .wrap span { font-size:16px; color:#093b67; }
.countries .cb.peaple_b .wrap .st2 p {margin-bottom:5%; }
.countries .cb.peaple_b .wrap .st2 strong { font-size:22px; }
.countries .cb.peaple_b .wrap > ul li.st3 strong {display:inline; padding-right:5px;  }
.countries .cb.peaple_b .wrap > ul li.st3 span { display:inline; padding-right:5px; }
.countries .cb.politics_b { background:#f8f8f8; }
.countries .cb.politics_b .wrap strong { font-size:38px; }
.countries .cb.politics_b .wrap span { font-size:28px;}
.countries .cb.politics_b .wrap .st2 strong { font-size:28px; }
.countries .cb.politics_b .wrap .st2 span { font-size:40px; font-weight:bold;}
.countries .cb.economy_b .wrap strong {font-size:50px; }
.countries .cb.economy_b .wrap li * { line-height:1.2;}
.countries .cb.economy_b li.li_1:before { background:url(../images/sub/country_img1.png) no-repeat center; background-size:auto 100% }
.countries .cb.economy_b li.li_2:before { background:url(../images/sub/country_img2.png) no-repeat center; background-size:auto 100% }
.countries .cb.economy_b li.li_3:before { background:url(../images/sub/country_img3.png) no-repeat center; background-size:auto 100% }
.countries .cb.economy_b li:before { content:''; width:100%; height:66px; display:block; margin-bottom:10%;; }
.countries .cb.link_b:before { content:''; position:absolute; top:0; left:50%; width:100%; max-width:1200px; height:1px; overflow:hidden; display:block; background:#bfbfbf; transform:translateX(-50%); }
.countries .cb.link_b h2 { font-size:26px; color:#093b67 }
.countries .cb.link_b h3 {font-size:18px; display:block; margin-bottom:10px; }
.countries .cb.link_b p a {color:#0e94e9; display:block; line-height:1.5;}
.countries .cb.link_b .wrap > ul li { padding-right:4em; text-align:left;}
.countries .txt_i strong {}
.countries .txt_i span {}
@media screen and (max-width:1150px) {
.info_header .c_info .t_b { padding:1% 0 5% 10%; }
.info_header .c_info h1 strong { font-size:4.5vw; }
.info_header .c_info h1 span { font-size:5.5vw; }
.info_header .c_info .t_b p strong { font-size:2.8vw; }
.info_header .c_info ul.t_b li p strong { font-size:3.3vw; }
.info_header .c_info ul.t_b li p span { font-size:2.2vw;}
.countries .cb.time_b .wrap .t_b{ width:200px; height:200px;}
.countries .cb.time_b .wrap .t_b.t_b3 { width:270px; height:270px; border-width:25px; }
.countries .cb.time_b .wrap .t_b.t_b3:after { content:''; width:150%; height:150%;}
.countries .cb.time_b .wrap .t_b h3 { font-size:22px; }
.countries .cb.time_b .wrap .t_b.t_b3 h3 { font-size:24px; }
.countries .cb.time_b .wrap .t_b p strong { font-size:28px; }
.countries .cb.time_b .wrap .t_b p span { font-size:18px; }
.countries .cb.time_b .wrap .t_b.t_b3 p strong { font-size:34px;}
.countries .cb.peaple_b .wrap strong { font-size:3.1vw; }
.countries .cb.peaple_b .wrap span { font-size:1.6vw; padding-right:5px;}
.countries .cb.peaple_b .wrap .st2 strong { font-size:2.2vw; }
.countries .cb.politics_b .wrap strong { font-size:3.3vw; }
.countries .cb.politics_b .wrap span { font-size:2.4vw; }
.countries .cb.politics_b .wrap .st2 strong { font-size:2.4vw; }
.countries .cb.politics_b .wrap .st2 span { font-size:3.3vw; }
.countries .cb.economy_b .wrap strong { font-size:3.3vw; }
}
@media screen and (max-width:1000px) {
.info_header .c_info .t_b p span { display:inline; }
}
@media screen and (max-width:758px) {
.countries .tabbox.tab-col-10 button { border-bottom:0 none; margin-bottom:1em; }
.tab-col-10 button:nth-child(4n+4):after { display:block; }
.tab-col-10 button:nth-child(5n+5):after { display:none; }
.info_header .c_info .t_b { font-size:18px; }
.info_header .c_info h2 { height:25px; line-height:25px; margin-bottom:10px; }
.info_header .c_info h2:before {margin-left:0;}
.countries .cb h2{font-size:38px;}
.countries .cb.time_b .wrap .t_b{ width:150px; height:150px;}
.countries .cb.time_b .wrap .t_b.t_b3 { width:200px; height:200px; border-width:15px; }
.countries .cb.time_b .wrap .t_b.t_b3:after { content:''; width:130%; height:130%;}
.countries .cb.time_b .wrap .t_b h3 { font-size:18px; }
.countries .cb.time_b .wrap .t_b.t_b3 h3 { font-size:21px; }
.countries .cb.time_b .wrap .t_b p strong { font-size:22px; }
.countries .cb.time_b .wrap .t_b p span { font-size:14px; }
.countries .cb.time_b .wrap .t_b.t_b3 p strong { font-size:26px;}
.countries .cb.peaple_b .wrap > ul { justify-content:normal; flex-wrap:wrap; }
.countries .cb.peaple_b .wrap > ul li { width:48%; padding:5% 5% 14%; }
.countries .cb.peaple_b .wrap > ul li:nth-child(2n+1),
.countries .cb.peaple_b .wrap > ul li:nth-child(2n+2) { margin-bottom:10px; }
.countries .cb.peaple_b h3 {margin-bottom:5%; }
.countries .cb.peaple_b .wrap strong { font-size:26px; }
.countries .cb.peaple_b .wrap span { font-size:16px; }
.countries .cb.peaple_b .wrap .st2 strong { font-size:20px; }
.countries .cb.peaple_b li:nth-of-type(1):after,
.countries .cb.peaple_b li:nth-of-type(2):after,
.countries .cb.peaple_b li:nth-of-type(3):after,
.countries .cb.peaple_b li:nth-of-type(4):after { background-size:80% auto }
.countries .cb.politics_b .wrap > ul { justify-content:normal; flex-wrap:wrap;}
.countries .cb.politics_b .wrap > ul li { width:50%;}
.countries .cb.politics_b .wrap > ul li:nth-child(2n+1),
.countries .cb.politics_b .wrap > ul li:nth-child(2n+2) { margin-bottom:20px;}
.countries .cb.politics_b .wrap strong { font-size:26px; }
.countries .cb.politics_b .wrap span { font-size:18px; }
.countries .cb.politics_b .wrap .st2 strong { font-size:18px; }
.countries .cb.politics_b .wrap .st2 span { font-size:26px; }
.countries .cb.economy_b li:before {height:40px; margin-bottom:10px; }
.countries .cb.economy_b .wrap strong { font-size:30px; }
}
@media screen and (max-width:640px) {
.container .content.countries { padding-top:0; margin-top:15px;}
.info_header .c_info .t_b {padding-left:10%; font-size:16px;}
.info_header:after {display:none; }
.countries .cb h2{font-size:35px;}
.countries .cb h3 { font-size:18px;}
.countries .cb.link_b .wrap > ul li { padding-right:2em; }
}
@media screen and (max-width:560px) {
.countries .tabbox.tab-col-10 button { width:20%;}
.countries .tabbox.tab-col-10 button { width:20%; }
.info_header .wrap { display:block; }
.info_header .c_img { width:100%; height:400px; overflow:hidden; display:block; }
.info_header .c_info { width:100%; }
.info_header .c_info h1 {padding:5% 5% 11%;}
.info_header .c_info h1:after { margin-bottom:5%;}
.info_header .c_info ul.t_b {padding:0 5% 6%; }
.info_header .c_info h1 strong { font-size:33px; }
.info_header .c_info h1 span { font-size:40px; }
.info_header .c_info h2 { height:22px; line-height:22px; margin-bottom:10px; }
.info_header .c_info ul.t_b li p strong { font-size:25px; }
.info_header .c_info ul.t_b li p span { font-size:18px; }
.countries .cb.peaple_b {padding:4% 0 0 0;}
.countries .cb.peaple_b .wrap > ul li { width:48.5%; padding:3% 3% 14%; }
.countries .cb.time_b .wrap .t_b{ width:100px; height:100px;}
.countries .cb.time_b .wrap .t_b.t_b3 { width:150px; height:150px; border-width:15px; }
.countries .cb.time_b {margin-top:5%; }
.countries .cb.time_b .wrap .t_b h3 { font-size:15px; height:auto;}
.countries .cb.time_b .wrap .t_b h3:after {display:none;}
.countries .cb.time_b .wrap .t_b.t_b3 h3 { font-size:17px; }
.countries .cb.time_b .wrap .t_b p { height:auto; padding-top:0;}
.countries .cb.time_b .wrap .t_b.t_b3 h3:after { display:block; }
.countries .cb.time_b .wrap .t_b p strong { font-size:18px; }
.countries .cb.time_b .wrap .t_b.t_b3 p {  padding-top:8%;}
.countries .cb.time_b .wrap .t_b.t_b3 p strong { font-size:20px;}
.countries .cb.link_b .wrap > ul { display:block; }
.countries .cb.link_b .wrap > ul li {margin-bottom:2em; padding-right:0;}
.countries .cb.politics_b .wrap strong { font-size:22px; }
.countries .cb.politics_b .wrap span { font-size:15px; }
.countries .cb.politics_b .wrap .st2 strong { font-size:15px; }
.countries .cb.politics_b .wrap .st2 span { font-size:22px; }
.countries .cb.economy_b .wrap strong { font-size:22px; }
}
@media screen and (max-width:430px) {
.info_header .c_info ul.t_b { display:block; width:100%;}
.info_header .c_info ul.t_b li { width:100%;padding-bottom:9%;}
.info_header .c_info h2:before {width:18px;}
.info_header .c_info ul.t_b li:last-child {padding-bottom:0; }
.countries .cb h2{font-size:30px;}
.countries .cb h3 { font-size:16px; }
.countries .cb.peaple_b h3 {margin-bottom:2%; }
.countries .cb.peaple_b .wrap > ul li { width:98%; padding-bottom:60px; }
.countries .cb.peaple_b .wrap .st2 p {margin-bottom:3%; }
.countries .cb.peaple_b li:nth-of-type(1):after,
.countries .cb.peaple_b li:nth-of-type(2):after,
.countries .cb.peaple_b li:nth-of-type(3):after,
.countries .cb.peaple_b li:nth-of-type(4):after { background-size:auto 100% }
}
@media screen and (max-width:400px) {
.countries .tabbox.tab-col-10 span { font-size:13px;}
.br .info_header .c_info h1 span { font-size:33px; }
}


.engsite { text-align:center; margin-top:3em; }
.engsite a { display:inline-block; width:100px; height:40px; border:1px solid #ddd; line-height:40px; font-size:1.125rem; }



/* 캘린더 */
/*.calendar__header{height:100px;}*/
.sub .calendar { }
.calendar__body { padding:50px 100px; position:relative }
.calendar__body .bx-prev { position:absolute; left:0; top:50%; transform:translateY(-50%); width:70px; height:70px; display:inline-block; background:url("/assets/images/n-cal-arrow.png") no-repeat center; background-size:cover; text-indent:-9999px; }
.calendar__body .bx-next { position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(180deg); width:70px; height:70px; display:inline-block; background:url("/assets/images/n-cal-arrow.png") no-repeat center; background-size:cover; text-indent:-9999px; }
.calendar__footer { width:100%; display:flex; }
.calendarColumn { width:200px; flex:none; height:680px; margin:25px 0; margin-right:0px; }
.calendarColumn > div { flex:1; margin:1px 0; width:100%; background:#ccc; color:#fff; padding:1em; box-sizing:border-box; font-size:1.125rem; position:relative }
.calendarColumn > div.i1 { background:#08B2F2; height:360px; }
.calendarColumn > div.i2 { background:#04BD73; height:200px; }
.calendarColumn > div.i3 { background:#728ADA; height:160px; }
.calendarColumn > div.i4 { background:#0063b7; height:60px; }
.calendarColumn > div.i5 { background:#8A50C7; height:60px; }
.calendarColumn > div img { position:absolute; right:1em; bottom:1em; }
.calendarbgbox { overflow:auto; flex:1; }
.calbg { width:1000px; }
.calbg__body { height:720px; padding:0 10px; box-sizing:border-box; position:relative; }
.cal__pagerbox { position:absolute; left:10px; top:0; width:calc(100% - 20px); height:100%; overflow:hidden; background:repeating-linear-gradient( 90deg, #fff, #fff 1px, #f1f1f1 1px, #f1f1f1 calc(100% / 12)); }

@media screen and (max-width:768px) {
.calendarColumn { width:60px; }
.calendarColumn > div { padding:10px; height:99px; line-height:20px; }
.calendarColumn > div img { display:none; }
.calendarColumn > div span { display:none; }
}

.cal__pagerbox a { position:absolute; height:19px; min-width:40px; display:flex; }
.calbg__header,
.calbg__footer { justify-content:space-between; box-sizing:border-box; position:relative; height:25px; max-width:calc(100% - 20px); margin:0 auto; line-height:25px; }
.calbg__header span,
.calbg__footer span { position:absolute; line-height:20px; font-size:14px; }
.calbg__header span:nth-child(1),
.calbg__footer span:nth-child(1) { left:0; }
.calbg__header span:nth-child(2),
.calbg__footer span:nth-child(2) { left:calc( 81px * 1 ); }
.calbg__header span:nth-child(3),
.calbg__footer span:nth-child(3) { left:calc( 81px * 2); }
.calbg__header span:nth-child(4),
.calbg__footer span:nth-child(4) { left:calc( 81px * 3); }
.calbg__header span:nth-child(5),
.calbg__footer span:nth-child(5) { left:calc( 81px * 4); }
.calbg__header span:nth-child(6),
.calbg__footer span:nth-child(6) { left:calc( 81px * 5); }
.calbg__header span:nth-child(7),
.calbg__footer span:nth-child(7) { left:calc( 81px * 6); }
.calbg__header span:nth-child(8),
.calbg__footer span:nth-child(8) { left:calc( 81px * 7); }
.calbg__header span:nth-child(9),
.calbg__footer span:nth-child(9) { left:calc( 81px * 8); }
.calbg__header span:nth-child(10),
.calbg__footer span:nth-child(10) { left:calc( 81px * 9); }
.calbg__header span:nth-child(11),
.calbg__footer span:nth-child(11) { left:calc( 81px * 10); }
.calbg__header span:nth-child(12),
.calbg__footer span:nth-child(12) { left:calc( 81px * 11); }
.calbg__header span:nth-child(13),
.calbg__footer span:nth-child(13) { right:0; }

.cal__pagerbox a div span { width:19px; height:19px; display:inline-block; vertical-align:middle; background:#f00; margin-right:3px; }
.cal__pagerbox a div { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height:19px; color:#333; z-index:10; }
.cal__pagerbox a.active { z-index:1000; }
.cal__pagerbox a p { position:absolute; left:0; top:19px; background:#ffffff; font-size:9px; line-height:13px; height:0; overflow:hidden; width:100%; box-sizing:border-box; transition:all .3s; color:#8a8a8a; }
.cal__pagerbox a.active p { height:50px; padding:5px; }
.cal__pagerbox a.as { background:#c0e7f1 }
.cal__pagerbox a.as span { background:#4db0ec }
.cal__pagerbox a.am { background:#d6f2e4; }
.cal__pagerbox a.am span { background:#53ba7a; }
.cal__pagerbox a.ga { background:#cfd9f0; }
.cal__pagerbox a.ga span { background:#768bd4; }
.cal__pagerbox a.hg { background:#9cceea; }
.cal__pagerbox a.hg span { background:#0063b7; }
.cal__pagerbox a.gw { background:#d6cce7; }
.cal__pagerbox a.gw span { background:#8256c1; }
.cal__pagerbox a.pop p { top:auto !important; bottom:19px !important; }
/*
as(한-아세안센터)-1 ~ as-17
am(마세아문화원)-1 ~ am-14
ga(국립아시아문화전당)-1 ~ ga- 10
hg(한국관광공사) - 1 ~ 2
gw(국립외교원) -  1 ( pup 클래스를 같이주세요. 텍스트 위로 뜨도록)
*/
.cal__pagerbox a.as.as-1 span { background:url("/assets/images/calendar-icon/as-i1-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-2 span { background:url("/assets/images/calendar-icon/as-i1-2.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-3 span { background:url("/assets/images/calendar-icon/as-i1-3.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-4 span { background:url("/assets/images/calendar-icon/as-i1-4.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-5 span { background:url("/assets/images/calendar-icon/as-i1-5.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-6 span { background:url("/assets/images/calendar-icon/as-i1-6.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-7 span { background:url("/assets/images/calendar-icon/as-i1-7.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-8 span { background:url("/assets/images/calendar-icon/as-i1-8.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-9 span { background:url("/assets/images/calendar-icon/as-i1-9.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-10 span { background:url("/assets/images/calendar-icon/as-i1-10.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-11 span { background:url("/assets/images/calendar-icon/as-i1-11.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-12 span { background:url("/assets/images/calendar-icon/as-i1-12.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-13 span { background:url("/assets/images/calendar-icon/as-i1-13.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-14 span { background:url("/assets/images/calendar-icon/as-i1-14.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-15 span { background:url("/assets/images/calendar-icon/as-i1-15.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-16 span { background:url("/assets/images/calendar-icon/as-i1-16.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-17 span { background:url("/assets/images/calendar-icon/as-i1-17.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.am.am-1 span { background:url("/assets/images/calendar-icon/as-i2-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-2 span { background:url("/assets/images/calendar-icon/as-i2-2.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-3 span { background:url("/assets/images/calendar-icon/as-i2-3.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-4 span { background:url("/assets/images/calendar-icon/as-i2-4.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-5 span { background:url("/assets/images/calendar-icon/as-i2-5.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-6 span { background:url("/assets/images/calendar-icon/as-i2-6.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-7 span { background:url("/assets/images/calendar-icon/as-i2-7.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-8 span { background:url("/assets/images/calendar-icon/as-i2-8.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-9 span { background:url("/assets/images/calendar-icon/as-i2-9.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-10 span { background:url("/assets/images/calendar-icon/as-i2-10.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-11 span { background:url("/assets/images/calendar-icon/as-i2-11.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-12 span { background:url("/assets/images/calendar-icon/as-i2-12.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-13 span { background:url("/assets/images/calendar-icon/as-i2-13.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-14 span { background:url("/assets/images/calendar-icon/as-i2-14.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.ga.ga-1 span { background:url("/assets/images/calendar-icon/as-i3-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-2 span { background:url("/assets/images/calendar-icon/as-i3-2.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-3 span { background:url("/assets/images/calendar-icon/as-i3-3.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-4 span { background:url("/assets/images/calendar-icon/as-i3-4.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-5 span { background:url("/assets/images/calendar-icon/as-i3-5.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-6 span { background:url("/assets/images/calendar-icon/as-i3-6.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-7 span { background:url("/assets/images/calendar-icon/as-i3-7.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-8 span { background:url("/assets/images/calendar-icon/as-i3-8.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-9 span { background:url("/assets/images/calendar-icon/as-i3-9.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-10 span { background:url("/assets/images/calendar-icon/as-i3-10.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.hg.hg-1 span { background:url("/assets/images/calendar-icon/as-i4-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.hg.hg-2 span { background:url("/assets/images/calendar-icon/as-i4-2.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.gw.gw-1 span { background:url("/assets/images/calendar-icon/as-i5-1.png") no-repeat center; background-size:100% 100%; }

.calendar__header { text-align:center; }
.calendar__header img { width:100%; }
.calendar__header img.mb { display:none; }

@media screen and (max-width:768px) {
.calendar__header img.pc { display:none }
.calendar__header img.mb { display:inline }
}


.itemslide__content { display:flex; }
.itemslide__content .imgbox { width:350px; flex:none; }
.itemslide__content .imgbox img { width:100%; }
.itemslide__content .textbox { flex:1; padding-left:2em; box-sizing:border-box; }
.itemslide__content .textbox h2 { font-size:1.5rem; padding-bottom:.5em; }
.itemslide__content .textbox h2.c1 { border-bottom:3px solid #08B2F2; }
.itemslide__content .textbox h2.c2 { border-bottom:3px solid #8256c1; }
.itemslide__content .textbox h2.c3 { border-bottom:3px solid #53ba7a; }
.itemslide__content .textbox h2.c4 { border-bottom:3px solid #768bd4; }
.itemslide__content .textbox h1 { margin-top:.5em; font-size:2rem; line-height:1.3em; margin-bottom:1em; }
.itemslide__content .textbox p { line-height:1.5em; font-size:1.125rem; }
.itemslide__content .textbox ul { margin-top:3em; margin-bottom:2em; }
.itemslide__content .textbox li { margin-bottom:1em; display:flex; line-height:1.2em; align-items:flex-start }
.itemslide__content .textbox li span { flex:none; margin-right:.5em; }
.itemslide__content .textbox a { height:40px; line-height:40px; display:inline-block; padding:0 1.5em; border:1px solid #B2B2B2; color:#B2B2B2; border-radius:2em; position:relative; z-index:10; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:768px) {
.calendar__body { padding:50px 0; }
.calendar__body .bx-prev { display:none; }
.calendar__body .bx-next { display:none; }
.itemslide__content { display:block; }
.itemslide__content .imgbox { width:100%; text-align:center; }
.itemslide__content .imgbox img { max-width:400px; }
.itemslide__content .textbox { padding-left:0; box-sizing:border-box; margin-top:1.5em; }
}

/* main layer popup 200306 */
.layer200306{max-width:300px; width:85%; position:absolute; top:11%; left:20%; z-index:10000;}
.layer200306 img{width:300px; position:relative;}
.layer200306 > a{
position:absolute; top:52.5%; left:50%; transform:translateX(-50%); overflow:hidden; text-indent:-300px;
display:block; width:55%; height:8%; background:rgba(256,256,256,0); 
}
.layer200306 .form_b{
width:100%; height:25px; padding:0 4% 9%; box-sizing:border-box;
position:absolute; left:0; bottom:0; line-height:25px; color:#fff; font-size:14px;}
.layer200306 .form_b span {float:left; margin-top:-10px}
.layer200306 .form_b a {float:right; color:#fff; border:1px solid #fff; padding:0 10px; line-height:23px; display:inline-block; border-radius:4px; font-size:12px;margin-top:-15px;}
@media (max-width:640px) {
.layer200306 .form_b{padding-bottom:12%; }
}
@media (max-width:450px) {
.layer200306 .form_b{padding-bottom:15%;}
/*# sourceURL=../../assets/css/style.css */
/*@ sourceURL=../../assets/css/style.css */
/*
z-index
header :1000 ~ 1999
container :0 ~ 999

*/
.a-link { color:#008bf6 !important; }
.a-link:hover { color:#008bf6; text-decoration:underline }
.blackbg { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.7); display:none; }

/* 헤더 */
.header { height:100px; border-bottom:1px solid #d7d7d7; background:#fff; position:fixed; left:0; top:0; width:100%; z-index:1100; overflow:hidden; background:#f8f8f8 }
/*transition:all .5s;*/
/*.header:before{content:'';display:block;width:100%;height:1px;position:absolute;left:0;top:100px;z-index:100;background:#ccc;}*/
.header.active { height:400px; }
.header__logo { line-height:100px; }
.header__logo img { vertical-align:middle; }
/*gnb*/
.gnb__depth1 { text-align:center; }
.gnb__depth1-item { margin:0 .5em; min-width:130px; box-sizing:border-box; }
.gnb__depth1-link { line-height:100px; font-size:1rem; font-weight:700; height:100px; display:inline-block; box-sizing:border-box; width:100%; }
/*transition:all .3s;*/
.gnb__depth1-link.active { color:#008bf6; border-bottom:5px solid #008bf6; }
.gnb__depth2 { padding:1em 0; position:relative; z-index:1200; }
.gnb__depth2-item { }
.gnb__depth2-link { font-size:.875rem; line-height:2.5em; }
.gnb__depth2-link:hover { color:#008bf6; }

/* 영문 */
.gnb--eng .gnb__depth1-item { width:130px; }
.gnb--eng .gnb__depth1-link { line-height:1.25em; display:flex; justify-content:center; align-items:center; }
.gnb--eng .gnb__depth2-item { margin-bottom:1em; }
.gnb--eng .gnb__depth2-link { line-height:1.125em; }

/*gnb language*/
.gnb__depth1-item--lang { margin-left:2em; }
.gnb__depth1-link--lang { font-weight:400; font-size:.75rem; color:#868686; }
.gnb__depth1-link--lang a { font-size:11px; color:#868686; height:30px; width:100px; padding:0 1em; box-sizing:border-box; border:1px solid #868686; text-align:center; display:inline-block; vertical-align:middle; line-height:30px; }
.gnb__depth2-link--sitemap { font-weight:600; font-size:1rem; line-height:2.5em; }
/*header scoll bg*/
/*.header__scrollbox{background:#f9f9f9;width:100%;z-index:1100;}*/
/*.header__scrollbox-bottom{background:#e2e2e2;padding:10px 0;}*/
.header__scrollbox { position:absolute; right:0; bottom:90px; width:160px; }
.header__scrollbox__eng { bottom:80px; }
/*header sns*/
.sns { width:160px; }
.sns__item { margin-left:1px; width:33.333%; margin:0; text-align:center; }
.sns__item a { width:35px; height:35px; display:inline-block; text-indent:-9999px; overflow:hidden; opacity:.5; transition:all .3s; vertical-align:top; }
.sns__item a:hover { opacity:1; }
.sns__facebook { background:url("/assets/css/../images/main/icon-facebook.png") no-repeat center; }
.sns__twitter { background:url("/assets/css/../images/main/icon-twitter.png") no-repeat center; }
.sns__youtube { background:url("/assets/css/../images/main/icon-youtube.png") no-repeat center; }
.sns__band { background:url("/assets/css/../images/main/icon-band.png") no-repeat center; }
.sns__blog { background:url("/assets/css/../images/main/icon-blog.png") no-repeat center; }
.sns__insta { background:url("/assets/css/../images/main/icon-insta.png") no-repeat center; }
/*header search*/
.search { height:35px; width:100%; position:relative; float:right; background:#fff; border:1px solid #eee; margin-bottom:1em; }
.search__input { height:100%; width:100%; padding:0 1em; box-sizing:border-box; font-size:.875rem; height:35px; }
.search__btn { position:absolute; right:0; top:0; width:35px; height:35px; background:url("/assets/css/../images/main/icon-search.png") no-repeat center; text-indent:-9999px; overflow:hidden; z-index:5; cursor:pointer }

@media screen and (max-width:1200px) {
.wrap { padding:0 .5em; box-sizing:border-box; }
}

/* mobile gnb*/
.mobile-gnb { position:fixed; overflow:auto; width:100%; max-width:250px; top:55px; background:#fff; z-index:1500; height:calc(100% - 55px); background:#fff; left:-250px; transition:all .3s; }
.mobile-gnb.active-gnb { left:0; }
.mobile-gnb .depth1 { }
.mobile-gnb .depth1__item { border-bottom:1px solid #b4b4b4; }
.mobile-gnb .depth1__link { height:40px; line-height:40px; display:block; padding:0 10px; box-sizing:border-box; font-size:1.125rem; color:#008bf6; font-weight:600; }
.mobile-gnb .depth2 { display:none; border-top:1px solid #b4b4b4; }
.mobile-gnb .depth2__item { }
.mobile-gnb .depth2__link { font-size:1rem; line-height:35px; color:#4d4d4d; font-weight:400; display:block; padding:0 10px; box-sizing:border-box; }
.mobile-gnb .depth2__link.active { font-weight:600; }
.mobile-gnb .depth3 { background:#f5f5f5; display:none; }
.mobile-gnb .depth3__item { }
.mobile-gnb .depth3__link { font-size:1rem; font-weight:300; line-height:35px; display:block; height:35px; padding:0 15px; box-sizing:border-box; }
.btn-mobile-gnb { display:none; }
.btn-mobile-search { display:none; }
.btn-mobile-gnb img { height:15px; }
.btn-mobile-search img { height:20px; }

@media screen and (max-width:1200px) {
.header { height:50px; }
.gnb__depth1 { display:none; }
.header__scrollbox { display:none; }
.header__logo { line-height:50px; text-align:center; display:block; float:none; }
.header__logo img { height:30px; }
.btn-mobile-gnb { position:absolute; left:1em; top:50%; transform:translateY(-50%); display:block; }
.btn-mobile-search { position:absolute; right:1em; top:50%; transform:translateY(-50%); display:block; }
}

@media screen and (max-width:768px) {
.header__logo img { height:25px; }
.btn-mobile-gnb img { height:13px; }
.btn-mobile-search img { height:18px; }
}


/* footer */
.footer { background:#4c4c4c; padding:3em 0; }
.fgnb__depth1-item { margin-right:2.9em; }
.fgnb__depth1-item__eng { margin-right:1em; }
a.fgnb__depth1-link { font-size:1.125rem; color:#dcdcdc; font-weight:500; }
.fgnb__depth2 { padding-top:.5em; }
.fgnb__depth2-item { }
a.fgnb__depth2-link { font-size:.875rem; color:#dcdcdc; font-weight:300; line-height:30px; }
.footer__copyright { font-size:.875rem; color:#dcdcdc; line-height:25px; }
.footer__copyright__eng { font-size:.675rem; color:#dcdcdc; line-height:25px; }
.footer__lang { margin-top:2em; }
.footer__lang a { height:32px; line-height:32px; width:100px; text-align:center; border:1px solid #dcdcdc; display:inline-block; font-size:.875rem; color:#dcdcdc; }
.footer__lang a.active { background:#dcdcdc; color:#333; }
.footer__sns { margin-top:2em; }
.fsns__item { border:1px solid #6d6d6d; border-right:0; transition:all .3s; }
.fsns__item:last-child { border-right:1px solid #6d6d6d; }
.fsns__item:hover { background:#6a6a6a; }
.fsns__item a { width:35px; height:35px; display:inline-block; text-indent:-9999px; overflow:hidden; transition:all .3s; vertical-align:top; }
.fsns__facebook { background:url("/assets/css/../images/main/icon-f-facebook.png") no-repeat center; }
.fsns__twitter { background:url("/assets/css/../images/main/icon-f-twitter.png") no-repeat center; }
.fsns__youtube { background:url("/assets/css/../images/main/icon-f-youtube.png") no-repeat center; }
.fsns__band { background:url("/assets/css/../images/main/icon-f-band.png") no-repeat center; }
.fsns__blog { background:url("/assets/css/../images/main/icon-f-blog.png") no-repeat center; }
.fsns__insta { background:url("/assets/css/../images/main/icon-f-insta.png") no-repeat center; }

@media screen and (max-width:1200px) {
.footer { padding:2em 0; text-align:center; }
.footer__gnb { display:none; }
.footer-info { float:none; text-align:center; }
.footer__lang { display:inline-block; }
.footer__sns { display:inline-block; }
}


/* container */
.container { margin-top:100px; padding-bottom:100px; }
.main__section { position:relative }
.container .content { padding-top:50px; padding-bottom:100px; }
.container .content--post { padding-top:80px; }

@media screen and (max-width:1200px) {
.container { margin-top:55px; }
.container .content { padding-top:40px; padding-bottom:70px; }
.main__section { padding:0 1em; }
.main__section--slide { padding:0; }
}

/* main slide */
.main__slidebox { border-bottom:1px solid #e2e2e2; width:900px; }
.main__section--slide { height:450px; overflow:hidden; }
.main__section--slide .wrap { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; z-index:200; }
.main__slidebox,
.slick-list,
.slick-track { height:100% }
.main__slide-news { position:absolute; right:0; top:0; width:300px; background:#fff; height:449px; z-index:210; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.main__slide-news ul { height:390px; }
.main__slide-news-item { height:calc(390px / 4); }
.main__slide-news .box { height:59px; width:100%; border-top:1px solid #ccc; box-sizing:border-box; margin-top:0; }
.main__slide-news .box button { float:left; width:50%; height:100%; position:relative; background:url("/assets/css/../images/sub/arrow-up.png") #fff no-repeat center; cursor:pointer; top:0; transform:none; }
.main__slide-news .box button:hover { background:url("/assets/css/../images/sub/arrow-up.png") #f7f7f7 no-repeat center;; }
.main__slide-news .box button.down { transform:rotate(180deg); }
.main__slide-news .box button:first-child { border-right:1px solid #ccc; box-sizing:border-box; }
.main__slide-news-item a { position:relative; display:block; width:100%; height:100%; padding:1.25em; padding-right:7.5em; box-sizing:border-box; font-size:1rem; }
.main__slide-news-item a.on { background:#f2f2f2; color:#008bf6; }
.main__slide-news-desc { font-size:.875rem; word-break:keep-all; line-height:1.3em; height:5.2em; overflow:hidden; }
.main__slide-news-img { position:absolute; right:1.25em; top:50%; transform:translateY(-50%); width:5em; height:5em; overflow:hidden; }
/*
.main__slide-news-item:hover{background:#f2f2f2;}
.main__slide-news-item:hover a{color:#008bf6;}
*/
.main__slide-titlebox { position:absolute; left:0; bottom:0; width:100%; padding-right:300px; height:80px; background:rgba(0,0,0,.7); box-sizing:border-box; display:none; }
.main__slide-titlebox a { position:relative; width:100%; height:100%; display:block; }
.main__slide-titlebox a h2 { display:block; line-height:80px; color:#fff; font-size:1.5rem; padding:0 1em; box-sizing:border-box; }
.main__slide-idx { position:absolute; right:1.5em; top:50%; transform:translateY(-50%); color:#fff; font-size:1.5rem; }
.main__slide-item { height:100%; vertical-align:top; background-repeat:no-repeat; background-position:top center; background-size:cover; }
.main__slide-item a { display:block; width:100%; height:100%; }
.main__section--slide { }
/*background:#ccc;*/
.main__section--slide .slick-slide { position:relative; height:100%; }
.main__section--slide .slick-slide div { height:100%; }
.main__section--slide .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:80px; background:url("/assets/css/../images/main/main__slide-arrow.png") no-repeat center; background-size:100% 100%; text-indent:-9999px; overflow:hidden; z-index:300; }
.main__section--slide .slick-arrow.slick-prev { left:30px; transform:translateY(-50%) rotate(180deg); }
.main__section--slide .slick-arrow.slick-next { right:330px; }


@media screen and (max-width:1200px) {
.main__slidebox { width:100%; }
.main__slide-news { display:none; }
.main__slide-titlebox { padding-right:auto; padding:0 1em; }
.main__slide-titlebox a h2 { padding:0; }
.main__slide-idx { right:0; }
.main__section--slide .slick-arrow.slick-prev { left:5%; }
.main__section--slide .slick-arrow.slick-next { right:5%; }
.main__slide-item { background-size:100% auto; }
.main__slide-titlebox { height:60px; }
.main__slide-titlebox a h2 { line-height:60px; font-size:1.125rem; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
}

@media screen and (max-width:768px) {
.main__slide-news { display:none; }
.main__slide-titlebox { padding-right:auto; padding:0 1em; }
.main__slide-titlebox a h2 { padding:0; }
.main__slide-idx { right:0; }
.main__section--slide .slick-arrow { width:5%; height:50px; }
.main__section--slide { height:330px }
.main__slide-titlebox { height:40px; }
.main__slide-titlebox a h2 { line-height:40px; }
.main__slide-idx { display:none; }
}

@media screen and (max-width:600px) {
.main__section--slide { height:280px }
}

@media screen and (max-width:500px) {
.main__section--slide { height:230px; }
}

@media screen and (max-width:400px) {
.main__section--slide { height:190px; }
}

@media screen and (max-width:330px) {
.main__section--slide { height:140px; }
}

/* main news */
.main__section--news { margin-top:3em }
.main__news-item { width:25%; border:1px solid #e2e2e2; box-sizing:border-box; }
.main__news-item:last-child { border-right:1px solid #e2e2e2; }
.main__news-link { display:block; padding:2em; }
.main__news-img { width:100%; height:200px; overflow:hidden; }
.main__news-item-title { font-size:1.125rem; line-height:1.25em; margin-top:1em; height:2.5em; overflow:hidden; }
.main__news-item-desc { color:#8e8e8e; font-size:.875rem; line-height:1.5em; margin-top:1em; height:4.5em; overflow:hidden; }
.main__news-item:hover { background:#f2f2f2; }
.main__news-item:hover .main__news-item-title { color:#008bf6; }

@media screen and (max-width:1200px) {
.main__news-link { padding:1em; }
.main__news-img { height:200px; }
.main__section--news { margin-top:2em; }
}

@media screen and (max-width:768px) {
.main__news-item { width:50%; border:1px solid #e2e2e2; }
.main__news-item:nth-child(n+3) { border-top:0; }
.main__news-img { text-align:center; height:150px; }
.main__section--news .wrap { padding:0; }
}

/* main link */
.main__section--link { padding:3em 0; text-align:center; }
.main__link-box { display:inline-block; }
.main__link-item { margin:0 2em; text-align:center; transition:all .3s; }
.main__link-icon { width:6em; height:6em; display:inline-block; border-radius:100%; box-shadow:none; position:relative; background:#f7f7f7; margin-bottom:1.25em; transition:all .3s; box-sizing:border-box; }
.main__link-icon img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.main__link-name { font-size:.875rem; transition:all .3s; }
.main__link-item:hover .main__link-icon { background:none; border:1px solid #008bf6; }
.main__link-item:hover .main__link-name { color:#008bf6; }

@media screen and (max-width:1200px) {
.main__section--link { padding:2em 0; }
.main__link-icon { width:5em; height:5em; }
.main__link-item { margin:1em 0; }
.main__link-icon img { height:2em; }
.main__link-item { display:inline-block; padding:0 1em; float:none; width:90px; white-space:nowrap; box-sizing:border-box; position:relative; padding-bottom:.5em; }
.main__link-name { position:absolute; left:50%; bottom:0; transform:translateX(-50%); }
}

@media screen and (max-width:768px) {
.main__link-icon { width:4em; height:4em; }
.main__link-icon img { height:1.5em; }
}

/* main notice */
.main__notice { width:100%; max-width:590px; position:relative }
.main__notice-header { background:#f9f9f9; padding:0 1.5em; box-sizing:border-box; position:relative; border-bottom:1px solid #d2d2d2; height:59px; box-sizing:border-box; }
.main__notice-header button { height:59px; line-height:59px; padding:0 1em; color:#8e8e8e; font-weight:600; }
.main__notice-header button.active { color:#0086ee; border-bottom:5px solid #0086ee; }
.main__notice-link { position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:12px; padding-right:.75em; }
.main__notice-link:after { content:''; display:block; width:.5em; height:.5em; border:1px solid #333; border-width:1px 1px 0 0; position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(45deg); }
.main__notice-item { border-bottom:1px solid #f2f2f2; height:52px; box-sizing:border-box; }
.main__notice-item:hover { background:#f2f2f2; }
.main__notice-item a { display:block; line-height:52px; padding:0 1em; box-sizing:border-box; position:relative; padding-left:8em; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.tab-view0 .main__notice-item a { padding-left:13em; }
.main__notice-item span { position:absolute; left:1em; top:50%; transform:translateY(-50%); color:#868585; max-width:165px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }



/* main national */
.main__national { width:100%; max-width:590px; position:relative }
.main__national-info { position:relative; width:100%; height:100px; background:url("/assets/css/../images/main/national-bg.png") no-repeat center; background-size:cover; border:1px solid #9acaef; box-sizing:border-box; padding:0 2em; }
.main__national-desc { position:absolute; left:2em; top:50%; transform:translateY(-50%); padding-left:7em; background:url("/assets/css/../images/main/logo-img.png") no-repeat left center; background-size:auto 100%; font-size:.875rem; line-height:1.5em; }
.main__national-desc h2 { font-size:1.125rem; font-weight:600; margin-bottom:.3em; }
.main__national-member { text-align:center; height:105px; margin-top:10px; border:1px solid #d8d8d8; box-sizing:border-box; background:#f9f9f9; padding:15px 10px; }
.main__national-member h2 { font-size:14px; color:#5e5e5e; }
.main__national-member ul { display:inline-block; margin-top:14px; }
.main__national-member li { width:46px; margin-right:6px; }
.main__national-member li:last-child { margin-right:0; }
.main__national-member li p { display:flex; flex-direction:column; justify-content:center; align-content:center; width:100%; height:21px; font-size:.5em; letter-spacing:-.15em; margin-top:.3em; }

@media screen and (max-width:1200px) {
.main__notice-header { height:45px; }
.main__notice-header button { height:45px; line-height:45px; }
.main__notice { float:none; max-width:100%; }
.main__national { float:none; max-width:100%; margin-top:1em; }
.main__national-member { height:auto; }
.main__national-desc { left:50%; transform:translate(-50%, -50%); min-width:240px; }
}

@media screen and (max-width:768px) {
.main__national-member li { float:none; display:inline-block; margin-bottom:10px; }
}

@media screen and (max-width:700px) {
.main__national-info { height:120px; }
.main__national-desc { background-size:auto 75%; }
}


/* sub visual */
.visual { width:100%; text-align:center; }
.visual--akc { background:url("/assets/css/../images/sub/bg_akc.jpg") no-repeat center; background-size:cover; }
.visual--activities { background:url("/assets/css/../images/sub/bg_activities.jpg") no-repeat center; background-size:cover; }
.visual--asean1 { background:url("/assets/css/../images/sub/bg_asean.jpg") no-repeat center; background-size:cover; }
.visual--newmedia { background:url("/assets/css/../images/sub/bg_media.jpg") no-repeat center; background-size:cover; }
.visual--resouce { background:url("/assets/css/../images/sub/bg_resouce.jpg") no-repeat center; background-size:cover; }
.visual--besiness { background:url("/assets/css/../images/sub/sub-visual-1.png") no-repeat center; background-size:cover; }
.visual--media { background:url("/assets/css/../images/sub/sub-visual-2.png") no-repeat center; background-size:cover; }
.visual--asean { background:url("/assets/css/../images/sub/sub-visual-3.png") no-repeat center; background-size:cover; }
.visual__title { text-align:center; font-size:3em; color:#fff; line-height:200px; font-weight:400; }

@media screen and (max-width:1200px) {
.visual__title { font-size:2.5rem; line-height:150px; }
}

@media screen and (max-width:1200px) {
.visual__title { font-size:1.875rem; line-height:100px; }
}

@media screen and (max-width:768px) {
.visual__title { font-size:1.875rem; line-height:100px; }
}

@media print {
.visual--activities,
.lnb,
.visual__title,
.footer { display:none; }
.header { position:absolute; }
}

/* lnb */
.lnb { height:60px; background:#e8e8e8; }
.lnb .wrap { background:#fff; border-bottom:1px solid #e8e8e8; box-sizing:border-box; height:60px; }
.nav__home { display:block; width:60px; height:60px; line-height:60px; background:url("/assets/css/../images/sub/link-home.png") #1b5eb8 no-repeat center; text-indent:-9999px; overflow:hidden; }
.nav__sns button { width:60px; height:60px; float:left; margin-left:1px; text-indent:-9999px; overflow:hidden; cursor:pointer; outline-width:0; transition:all .3s; }
.nav__sns button.facebook { background:url("/assets/css/../images/sub/nav-facebook.png") #c3c3c3 no-repeat center; }
.nav__sns button.facebook:hover { background:url("/assets/css/../images/sub/nav-facebook.png") #1b5eb8 no-repeat center; }
.nav__sns button.twitter { background:url("/assets/css/../images/sub/nav-twitter.png") #c3c3c3 no-repeat center; }
.nav__sns button.twitter:hover { background:url("/assets/css/../images/sub/nav-twitter.png") #1b5eb8 no-repeat center; }
.nav__sns button.print { background:url("/assets/css/../images/sub/nav-print.png") #c3c3c3 no-repeat center; }
.nav__sns button.print:hover { background:url("/assets/css/../images/sub/nav-print.png") #1b5eb8 no-repeat center; }
.nav__sns button.share { background:url("/assets/css/../images/sub/share.png") #c3c3c3 no-repeat center; }
.nav__sns button.share:hover { background:url("/assets/css/../images/sub/share.png") #1b5eb8 no-repeat center; }
.nav__sns button.minus { background:url("/assets/css/../images/sub/minus.png") #c3c3c3 no-repeat center; }
.nav__sns button.minus:hover { background:url("/assets/css/../images/sub/minus.png") #1b5eb8 no-repeat center; }
.nav__sns button.plus { background:url("/assets/css/../images/sub/plus.png") #c3c3c3 no-repeat center; }
.nav__sns button.plus:hover { background:url("/assets/css/../images/sub/plus.png") #1b5eb8 no-repeat center; }
.nav__sns button.default { background:#c3c3c3; text-indent:0; text-align:center; color:#fff; }
.nav__sns button.default:hover { background:#1b5eb8; }
.lnb__nav .select--custom:nth-of-type(2) { width:250px; }

.sharepop { position:absolute; right:0; top:60px; height:120px; padding:0 20px; border:1px solid #e2e2e2; z-index:1000; display:none; background:#ffffff; }
.sharepop .sharepop-close { position:absolute; right:20px; top:20px; width:1em; height:1em; background:url("/assets/images/sub/sharepop-close.png") no-repeat center; background-size:cover; z-index:200; }
.sharepop .row { height:60px; width:100%; padding-left:65px; box-sizing:border-box; position:relative; width:365px; }
.sharepop .row h3 { position:absolute; left:0px; font-size:14px; letter-spacing:-.075em; font-weight:400; line-height:60px; }
.sharepop .row .snslinkbox { line-height:60px; }
.sharepop .row .snslinkbox a,
.sharepop .row .snslinkbox img { vertical-align:middle; height:35px; display:inline-block; }
.sharepop .row .urlbox { height:35px; padding-top:12px; }
.sharepop .row .urlbox input { width:240px; height:35px; box-sizing:border-box; border:1px solid #e2e2e2; float:left; padding:0 8px; box-sizing:border-box; }
.sharepop .row .urlbox button { float:left; width:calc(100% - 241px); height:35px; background:#7e7e7e; color:#fff; text-indent:0; }




@media screen and (max-width:1200px) {
.lnb { height:50px; }
.lnb .wrap { height:50px; }
.lnb .wrap { padding:0; }
.nav__home,
.nav__sns button { width:50px; height:50px; }
}

@media screen and (max-width:768px) {
.lnb { height:40px; }
.lnb .wrap { height:40px; }
.nav__home { display:none; }
.nav__sns button.print { display:none; }
.nav__sns button { width:40px; height:40px; background-size:auto 20px !important; }
.nav__sns button.minus { background-size:auto !important; display:none; }
.nav__sns button.plus { background-size:auto !important; display:none; }
.nav__sns button.default { background-size:auto !important; display:none; }
.lnb .select--custom { width:calc(( 100% - 82px ) / 2); box-sizing:border-box; }
.lnb__nav .select--custom:nth-of-type(2) { width:calc(( 100% - 82px ) / 2); }
}
/* board-list */
.board-list { border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; margin-top:2em; }
.border-list__item { border-bottom:1px solid #e5e5e5; }
.border-list__item:last-child { border-bottom:0; }
.border-list__item a { padding:2em 2.5em; box-sizing:border-box; display:block; }
.border-list__item-img { width:370px; height:210px; box-sizing:border-box; overflow:hidden; margin-right:10px; }
.border-list__item-img img { transition:all .3s; }
.border-list__item-info { width:calc(100% - 400px); margin-left:30px; padding:1em 0; }
.border-list__item-full { width:100%; padding:0; padding-left:10em; box-sizing:border-box; position:relative }
.border-list__item-date { position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; width:8em; }
.border-list__item-date h2 { font-size:2.5rem; }
.border-list__item-date p { color:#666; margin-top:.5em; }

.border-list__item-header { margin-bottom:1em; color:#aaaaaa; line-height:40px; }
.border-list__item-header .badge { margin-right:1em; }
.border-list__item-header .bar { display:inline-block; vertical-align:baseline; height:.7em; width:1px; background:#ccc; margin:0 .5em; }
.border-list__item-title { font-size:1.875rem; font-weight:400; line-height:1.2em; }
.border-list__item-desc { font-size:1rem; line-height:2em; margin-top:1em; color:#444; font-weight:300; height:4em; overflow:hidden; }
.border-list__item.on .border-list__item-header { color:#d462b0; }
.border-list__item:hover .border-list__item-img img { transform:scale(1.05); }
.board-list__bottom { margin-top:5em; }
.board-list__bottom .search { width:auto; }
.sp_b { overflow:hidden; border-top:0 none; }
.sp_b h1 { width:100%; max-width:1087px; height:134px; margin:0 auto; background:url("/images/bg_specialTit.jpg") no-repeat center; line-height:1.3em; text-shadow:0 0 5px rgba(94,94,94,0.5); border-radius:50px; display:flex; overflow:hidden; color:#fff; font-size:2em; font-weight:bold; letter-spacing:-1px; align-items:center; justify-content:center; }
.sp_b .border-list__item-full { padding-left:0; }
.sp_b .f_tit { padding:2em 0.5em; text-align:center; line-height:1.3em; font-size:1.3em; letter-spacing:-1px; }
.sp_b .border-list__item-img { background:#f4f4f4; margin-right:2em; }
.sp_b .border-list__item-img img { width:100%; height:100%; vertical-align:top; }
.sp_b ul { border-top:1px solid #7a7a7a; }
.sp_b li { border-bottom:1px solid #e5e5e5; overflow:hidden; }
.sp_b li:last-child { border-bottom-color:#7a7a7a; }
.sp_b li a { padding:2em 2.5em; box-sizing:border-box; display:block; overflow:hidden }
.sp_b li .list_info1 { margin-top:1em; overflow:hidden; }
.sp_b li .list_info1 p { font-size:1.1rem; line-height:1.5em; color:#aaa; }

@media screen and (max-width:1200px) {
.border-list__item a { padding:1.5em 1em; }
.border-list__item-title { font-size:1.5rem; }
.border-list__item-desc { font-size:1rem; }
.border-list__item-header { margin-bottom:1em; }
.board-list__bottom { margin-top:3em; }
.board-list__bottom .search { margin:0; float:none; text-align:center; margin-top:2em; }
.board-list__bottom .search form { display:inline-block; }
}

@media screen and (max-width:950px) {
.border-list__item-desc { height:auto }
}

@media screen and (max-width:768px) {
.sp_b h1 { font-size:1.7em; height:100px; }
.sp_b .f_tit { font-size:1.2em; word-break:keep-all; }
.sp_b .border-list__item-img { margin-right:0; margin-bottom:1em; }
.border-list__item a { padding:1em 0; }
.border-list__item-img { width:100%; height:auto; float:none; }
.border-list__item-info { width:100%; margin:0; padding:0; margin-top:1em; float:none; }
.border-list__item-title { font-size:1.25rem; }
.border-list__item-header { margin-bottom:.5em; }
.board-list__bottom { margin-top:2em; }

.border-list__item-full { padding-left:6em; }
.border-list__item-date { width:5em; }
.border-list__item-date h2 { font-size:2rem; }
.border-list__item-date p { color:#666; margin-top:.5em; }
}

@media screen and (max-width:640px) {
.sp_b h1 { font-size:1.5em; height:90px; padding:0 2em; box-sizing:border-box; text-align:center; }
.sp_b .f_tit { font-size:1em; padding:1.4em 0; }
}

@media screen and (max-width:360px) {
.sp_b h1 { font-size:1.3em; }
}


/* post */
.post__header { text-align:center; padding-bottom:1em; }
.post__info { color:#a2a2a2; font-size:1.125rem; }
.post__case { font-weight:600; color:#008bf6; display:inline-block; margin-right:1em; }
.post__title { font-size:1.875rem; font-weight:400; padding:.5em 0; line-height:1.2em; }
.post__body { border-top:1px solid #7a7a7a; }
.post__body table th,
.post__body table td { border:1px solid #ddd; }

.post__filebox { padding:1.5em; border-bottom:1px solid #e5e5e5; }
a.post__file-link { line-height:1.875em; font-size:1rem; color:#2b569e; display:block; padding-left:2em; background:url("/assets/css/../images/sub/icon-file.png") no-repeat left center; background-size:auto 20px; letter-spacing:-.05em; color:#2b569e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
a.post__file-link:hover { text-decoration:underline }

.post__editor { padding:3em 2em; padding-bottom:10em; box-sizing:border-box; line-height:2em; font-size:1.125rem; letter-spacing:-.05em; }
.post__editor .data_head_02,
.post__editor .data_head_02 table { width:100%; }
.post__editor .data_head_02 table { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
.post__editor .data_head_02 table thead th { border:1px solid #c8c8c8; padding:10px 0; font-weight:normal; }
.post__editor .data_head_02 table thead th.line_none_l { border-left:none; }
.post__editor .data_head_02 table thead th.line_none_r { border-right:none; }
.post__editor .data_head_02 table thead th strong { font-size:30px; }
.post__editor .data_head_02 table thead th.title { color:#7188b2; height:60px; line-height:30px; font-weight:normal; }
.post__editor .data_head_02 table thead th.title_kor { color:#7188b2; font-weight:normal; }
.post__editor .data_head_02 table thead th.bdr { border-right:1px solid #e9e9e9; }
.post__editor .data_head_02 table thead th p { color:#585858; font-size:14px; }
.post__editor .section .con_data .data_head_02 table thead th img { margin:0; }
.post__editor .data_head_02 table thead th.middle { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.post__editor .data_head_02 table thead th.middle strong { font-size:53px; }
.post__editor p,
.post__editor p b,
.post__editor td,
.post__editor th { line-height:1.75em; }
.post__editor td { padding:0 10px; }

@media screen and (max-width:768px) {
.post__editor .data_head_02 table thead th strong { font-size:20px; }
/*.post__body{padding:0 1em;box-sizing:border-box;}*/

}

.post__pagenation { border:1px solid #7a7a7a; border-left:0; border-right:0; }
.post__pagenation a { display:flex; align-items:center; line-height:60px; padding-left:130px; box-sizing:border-box; position:relative }
.post__pagenation a.post__page-prev:after { position:absolute; width:7px; height:7px; border:1px solid #444; border-width:2px 0 0 2px; content:''; transform:rotate(45deg); left:60px; top:30px; }
.post__pagenation a.post__page-next:after { position:absolute; width:7px; height:7px; border:1px solid #444; border-width:0 2px 2px 0; content:''; transform:rotate(45deg); left:60px; top:25px; }
.post__pagenation a:hover { background:#f2f2f2 }

.post__pagenation a:first-child { border-bottom:1px solid #e5e5e5; }

.post__btnbox { text-align:center; margin-top:4em; }

@media screen and (max-width:1200px) {
.post__info { font-size:1rem; }
.post__title { font-size:1.5rem; }
.post__filebox { padding:1em; }
.post__editor { padding:2em 1em; }
.post__pagenation a { height:40px; padding-left:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5em; }
.post__pagenation a.post__page-next:after { left:16px; top:14px; }
.post__pagenation a.post__page-prev:after { left:16px; top:18px; }
}

@media screen and (max-width:768px) {
.post__case { display:block; text-align:center; margin:0; margin-bottom:.5em; }
.post__info { font-size:.875rem; }
.post__title { font-size:1.25rem; }
.post__filebox { padding:.5em; }
.post__editor { padding:2em 0em; font-size:1rem; }
}




/* intro */
.intro__imgobx img { width:100%; }
.intro__desc { max-width:100%; margin:0 auto; padding:2.5em 3em; box-sizing:border-box; background:#fff; position:relative; z-index:2; background:#fff; font-size:1.125rem; color:#444444; letter-spacing:-.05em; line-height:2em; }
.intro__sign strong { font-size:1.5rem; }

@media screen and (max-width:1200px) {
.intro__desc { max-width:100%; top:0; padding:2em 1em; }
}

@media screen and (max-width:768px) {
.intro__desc { padding:2em 0em; font-size:1rem; }
}


/* introductino2 */
.introduction2 { margin-bottom:5em; }
.introduction2 .imgbox { width:645px; }
.introduction2 .textbox { width:calc(100% - 645px); padding-top:3em; }
.introduction2 .textbox .textbox-t { font-size:1.75rem; color:#444444; letter-spacing:-.05em; line-height:1.3em; font-weight:400; margin-bottom:4em; }
.introduction2 .textbox .textbox-b { margin-bottom:3em; }
.introduction2 .textbox .textbox-b h3 { font-size:1.5rem; margin-bottom:.5em; }
.introduction2 .textbox .textbox-b p { font-size:1.125rem; color:#444444; font-weight:300; line-height:1.5em; }

@media screen and (max-width:1200px) {
.introduction2 .imgbox { width:100%; text-align:center; margin-bottom:2em; }
.introduction2 .textbox { width:100%; padding-top:0; }
.introduction2 .textbox .textbox-t { margin-bottom:1em; font-size:1.5rem; }
.introduction2 .textbox .textbox-t br { display:none; }
.introduction2 .textbox .textbox-b { margin-bottom:2em; }
.introduction2 .textbox .textbox-b br { display:none; }
}

@media screen and (max-width:768px) {
}



/* map */
.map__frame { height:480px; width:100%; }
.map__frame iframe { height:100%; width:100%; }
.map__desc { max-width:95%; margin:0 auto; padding:2.5em 3em; box-sizing:border-box; background:#fff; position:relative; z-index:2; background:#fff; top:-4em; font-size:1.125rem; color:#444444; letter-spacing:-.05em; line-height:2em; }
.map__desc h2 { color:#444444; letter-spacing:-.05em; font-size:1.5rem; font-weight:400; }
.map__box { margin-top:3em; }
.map__box h3 { font-size:1.125rem; margin-bottom:.75em; }
.map__box a { display:inline-block; line-height:50px; width:260px; text-align:center; margin-right:2em; background:url("/assets/css/../images/sub/map-arrow.png") no-repeat 90% center; }
.map__box a.naver { border:1px solid #30bb37; }
.map__box a.daum { border:1px solid #643cd5; }
.map__box a.google { border:1px solid #0078dd; }

@media screen and (max-width:1200px) {
.map__frame { height:450px; width:100%; }
}

@media screen and (max-width:768px) {
.map__frame { height:300px; width:100%; }
.map__desc { padding:2em 1em; top:0; max-width:100%; font-size:1rem; }
.map__box a { display:block; margin-bottom:.5em; }
}

/* vision */
.vision .tabbox { margin-bottom:4em; }
.vision__title { background:#c3c3c3; height:290px; padding:4em 0 0 7em; box-sizing:border-box; margin-bottom:6em; }
.vision__title h2 { color:#fff; font-size:5rem; font-weight:100; letter-spacing:0; line-height:1em; }
.vision__title p { color:#fff; font-size:1.125rem; letter-spacing:-.05em; font-weight:300; margin-top:1em; }
.vision__info { margin-bottom:4em; }
.vision__info:last-child { margin-bottom:0; }
.vision__box { width:50%; }
.vision__box-title { color:#444444; font-size:1.5rem; letter-spacing:-.05em; margin-bottom:.5em; }
.vision__info p { font-size:1.125rem; line-height:2em; letter-spacing:-.05em; word-break:keep-all }
.vision__box-content--list { text-align:center; padding-right:2em; box-sizing:border-box; }
.vision__box-content--list h4 { font-size:1.25rem; font-weight:400; color:#444444; letter-spacing:-.05em; margin-top:1em; }
.vision__list { display:flex; justify-content:space-between; max-width:90%; margin:0 auto; margin-top:2em; }
.vision__item { width:7em; height:7em; background:url("/assets/css/../images/sub/vision-img.png") no-repeat center; background-size:100% 100%; display:flex; }
.vision__item span { margin:auto; color:#0a4091; }
.vision__member { margin-top:1.5em; background:#f2f2f2; padding:2em; box-sizing:border-box; text-align:center; }
.vision__member-title { font-size:1.125rem; font-weight:400; margin-bottom:1em; }
.vision__member-list { display:flex; justify-content:space-between; }
.vision__member-list p { letter-spacing:-0.05em; }

@media screen and (max-width:1200px) {
.vision__title { height:250px; padding:3em 0 0 5em; }
.vision__title h2 { font-size:3rem; }
}

@media screen and (max-width:768px) {
.vision__title { height:200px; padding:2em; word-break:keep-all; margin-bottom:2em; }
.vision__title h2 { font-size:2rem; }
.vision__title p { font-size:1rem; line-height:1.5em; }
.vision__box { width:100%; margin-bottom:3em; }
.vision__list { margin:0; width:100%; margin-top:1em; max-width:100%; }
.vision__box-content--list { padding:0; }
.vision__item { width:5em; height:5em; }
.vision__info { margin-bottom:0; }
.vision__info p { font-size:1rem; }
.vision__member { padding:1em; }
.vision__member-list { display:block; }
.vision__member-item { display:inline-block; margin:.3em; }
}


/* president */
.president__tabbox { margin-bottom:4em; }
.president__linkbox { margin-bottom:4em; }
.president__linkbox a { display:block; width:33.3%; line-height:70px; border:1px solid #e2e2e2; box-sizing:border-box; border-right:0; font-size:1.125rem; padding:0 1em; position:relative; transition:all .3s; }
.president__linkbox a:after { content:''; position:absolute; right:1em; top:50%; transform:translateY(-50%); width:1.5em; height:1.5em; background:url("/assets/css/../images/sub/link-img.png") no-repeat center; background-size:100% 100%; }
.president__linkbox a:last-child { border-right:1px solid #e2e2e2; }
.president__linkbox a:hover { background:#008bf6; color:#fff; }
.president__info { background:#f5f5f5; }
.president__box { width:50%; }
.president__box--desc { padding:2em 3em; box-sizing:border-box; }
.president__name { font-size:2rem; font-weight:400; }
.president__name span { font-size:1.125rem; }
.president__info-box { margin-top:2em; overflow:auto; }
.president__info-box li { margin-bottom:1.5em; }
.president__info-box li h3 { font-size:1.25rem; margin-bottom:.5em; }
.president__info-box li p { line-height:1.875em; }

@media screen and (max-width:1200px) {
.president__info { height:auto; }
.president__box--desc { padding:1em 1.5em; }
}

@media screen and (max-width:768px) {
.president__box { width:100%; }
.president__box--img { text-align:center; }
.president__box--img img { width:100%; }
.president__box--desc { padding:2em .5em; }
.president__name { font-size:1.75rem; }
.president__linkbox a { width:100%; line-height:50px; border:1px solid #e2e2e2; border-bottom:0; }
.president__tabbox a { width:100%; line-height:50px; border:1px solid #e2e2e2; border-bottom:0; }
.president__linkbox a:last-child { border-bottom:1px solid #e2e2e2; }
.president__tabbox a:last-child { border-bottom:1px solid #e2e2e2; }
}

/* org */
.org__box { width:50%; }
.org__box--left { padding:2.5em 3em; box-sizing:border-box; background:url("/assets/css/../images/sub/org-img-1.png") no-repeat left top; }
.org__title { font-size:3rem; font-weight:300; color:#008bf6; line-height:1.125em; margin-bottom:1em; }
.org__group-main { background:url("/assets/css/../images/sub/org-img-bg.png") no-repeat left top; padding-top:4em; box-sizing:border-box; position:relative }
.org__group-main:before { content:''; display:inline-block; position:absolute; left:13px; top:23px; height:90%; background:#e3edf5; width:5px; opacity:.7; z-index:2; }
.org__group-item { padding-left:3.5em; box-sizing:border-box; background:url("/assets/css/../images/sub/mark.png") no-repeat left 5px; margin-bottom:2.5em; position:relative; z-index:5; }
.org__group-item h3 { font-size:2rem; font-weight:400; color:#008bf6; line-height:1em; margin-bottom:.75em; }
.org__group-item strong { font-size:1.25rem; display:block; margin-bottom:.25em; font-weight:600; }
.org__group-item p { line-height:2em; }
.org__list { padding:2em 3em; box-sizing:border-box; border:1px solid #e2e2e2; border-left:0; border-right:0; border-bottom:0; }
.org__list:last-child { border-bottom:1px solid #e2e2e2; }
.org__list h3 { font-size:1.25rem; margin-bottom:.5em; }
.org__list p { line-height:2em; letter-spacing:-.05em; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:768px) {
.org__box { width:100%; float:none; }
.org__box--left { padding:2em 1em; }
.org__title { font-size:2rem; }
.org__group-item h3 { font-size:1.5rem; }
.org__group-item { background-size:auto 1.5em; background-position:.5em top; padding-left:2.5em; }
.org__list { padding:2em 0; }
}

.org2 { }
.org2__top { border-top:10px solid #008bf6; padding:50px; box-sizing:border-box; background:url("/assets/css/../images/sub/org2-bg.png") no-repeat center; background-size:cover; }
.org2__top li { width:33.33%; }
.org2__top li h2 { color:#008bf6; font-size:2rem; font-weight:400; margin-top:.5em; margin-bottom:1em; }
.org2__top li p { font-size:1rem; color:#444444; line-height:2em; letter-spacing:-.035em; }
.org2__top li p strong { display:block; font-size:1.5rem; margin-bottom:5px; color:#333; }
.org2__middle { margin:3em 0; text-align:center; }
.org2__middle span { color:#008bf6; font-size:2rem; text-align:center; line-height:1.5em; display:inline-block; padding:0 2em; box-sizing:border-box; border:1px solid #008bf6 }
org2__middle_eng { margin:3em 0; text-align:center; }
.org2__middle_eng span { color:#008bf6; font-size:2rem; text-align:center; line-height:3em; display:inline-block; padding:0 2em; box-sizing:border-box; border:1px solid #008bf6 }
.org2__bottom { padding-top:2em; }
.org2__bottom > div { width:50%; }
.org2__bottom li { margin-bottom:4em; padding-right:1em; box-sizing:border-box; word-break:keep-all }
.org2__bottom li h2 { font-size:1.5rem; letter-spacing:-.05em; line-height:1.5em; }
.org2__bottom li p { letter-spacing:-.05em; line-height:2em; font-size:1.125rem; color:#444; }

@media screen and (max-width:1200px) {
.org2__top { padding:20px; }
.org2__top li { padding-right:10px; box-sizing:border-box; }
}

@media screen and (max-width:768px) {
.org2__top li { width:100%; margin-bottom:2em; }
.org2__top li:last-child { margin-bottom:0; }
.org2__top li h2 { margin-bottom:.5em; }
.org2__middle span { padding:0 1em; font-size:1.5rem; }
.org2__bottom > div { float:none; width:100%; }
.org2__bottom li { margin-bottom:2em; }
}




/* history */
.history { position:relative; padding:5em 0; background:url("/assets/css/../images/sub/history-bg.png") no-repeat center; }
.history:before { content:''; display:block; width:1px; height:100%; background:#d0d0d0; position:absolute; left:50%; top:0; }
.history__box { width:50%; margin-bottom:3em; position:relative }
.history__box--right { right:0; text-align:left; padding-left:3.5em; box-sizing:border-box; float:right }
.history__box--left {; text-align:right; padding-right:3.5em; box-sizing:border-box; float:left }
.history__box h2 { font-size:2.5rem; letter-spacing:-.05em; font-weight:300; color:#008bf6; margin-bottom:.25em; line-height:1em; }
.history__box h2:after { content:''; display:block; width:35px; height:11px; background-size:100% 100%; background:url("/assets/css/../images/sub/history-dot.png") no-repeat center; position:absolute; left:0; top:.45em; }
.history__box--left h2:after { left:auto; right:0; transform:rotate(180deg); }
.history__box--right .history__date { padding-left:6em; box-sizing:border-box; position:relative; line-height:2em; }
.history__box--right .history__date span { position:absolute; left:0; top:0; line-height:2em; color:#008bf6; }
.history__box--left .history__date { padding-right:6em; box-sizing:border-box; position:relative; line-height:2em; }
.history__box--left .history__date span { position:absolute; right:0; top:0; line-height:2em; color:#008bf6; }
.history__imgbox { margin:0.5em 0 1.5em; }

@media screen and (max-width:768px) {
.history { padding:0; }
.history__box { float:none; padding:0; width:100%; max-width:300px; text-align:left; margin:0 auto; margin-top:3em !important; }
.history__box:first-child { margin-top:0; }
.history__box h2:after { display:none; }
.history:before { display:none; }
.history__box--left .history__date { padding:0; padding-left:6em; }
.history__box--left .history__date span { right:auto; left:0; }
}

/* ai */
.ai__section { }
.ai__section-1 { background:#e8e8e8; height:460px; background-size:cover; display:flex; flex-direction:column }
.ai__section-1 div { margin:auto; text-align:center; }
.ai__section-1 .btnbox {; width:90%; max-width:350px; }
.ai__section-1 .btnbox a { display:block; height:45px; line-height:45px; background:rgba(255,255,255,.7); border:1px solid #c3c3c3; font-size:1.125rem; transition:all .3s; }
.ai__section-1 .btnbox a:hover { background:#fafafa; }
.ai__section-1 .btnbox a img { position:static; width:auto; vertical-align:inherit; margin-left:1em; height:1em; }
.ai__section-2 { background:#c3c3c3; background-size:cover; color:#fff; font-size:1.125rem; line-height:2em; letter-spacing:-.05em; text-align:center; padding:4em 0 6em; }
.ai__section-3 { background:#fff; max-width:95%; position:relative; margin:0 auto; top:-3em; padding:3em 2em; box-sizing:border-box; }
.ai__box { width:50%; padding-right:4em; box-sizing:border-box; }
.ai__box-text { margin-bottom:2em; }
.ai__box-text h2 { font-size:1.25rem; margin-bottom:.3em; }
.ai__box-text p { font-size:1rem; line-height:2em; height:8em; }

@media screen and (max-width:1200px) {
.ai__section-1 { height:300px; }
.ai__section-1 img { width:300px; }
.ai__section-2 { padding:3em 1em 5em; font-size:1rem; word-break:keep-all }
}

@media screen and (max-width:768px) {
.ai__section-1 { height:250px; }
.ai__section-1 img { width:200px; }
.ai__section-2 { font-size:.875rem; }
.ai__box { width:100%; padding:0; float:none; }
.ai__box:last-child { margin-top:3em; }
.ai__box-text { margin-bottom:1em; word-break:keep-all }
.ai__box-text p { height:auto; }
.ai__section-3 { padding:2em 1em; }
}

/* contact */
.contact__title { display:flex; padding-bottom:2em; border-bottom:1px solid #999; }
.contact__title p { font-size:1.25rem; line-height:1.5em; letter-spacing:-.05em; padding:1em 0; background:url("/assets/css/../images/sub/form-icon.png") no-repeat left center; background-size:auto 100%; padding-left:7em; margin:0 auto; }
.contact__form { margin-top:5em; padding:0 3.5em; box-sizing:border-box; }
.contact__form li { min-height:4em; position:relative; border-top:1px solid #e5e5e5; box-sizing:border-box; padding:.5em 0; padding-left:4em; }
.contact__form li h3 { position:absolute; left:0; top:0; font-size:1rem; line-height:4em; font-weight:400; }
.contact__form li .form-group { height:3em; background:#fafafa; }
.contact__form li .form-group.form-group--select { max-width:300px; position:relative }
.contact__form li .form-group.form-group--select:after { content:''; position:absolute; right:1em; top:45%; width:0; height:0; border-top:5px solid #333; border-bottom:5px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; }
.contact__form li .form-group.form-group--text { height:300px; }
.contact__form li .form-group input { width:100%; height:100%; padding:0 1em; box-sizing:border-box }
.contact__form li .form-group select { width:100%; height:100%; padding:0 1em; box-sizing:border-box }
.contact__form li .form-group textarea { width:100%; height:100%; padding:1em; box-sizing:border-box }
.contact__form li:last-child { border-bottom:1px solid #e5e5e5; }
.btnbox { text-align:center; margin-top:3em; }
.btnbox button { line-height:50px; width:180px; border:1px solid #999; margin:0 1em; cursor:pointer }
.btnbox button[type="reset"] { background:#f6f6f6 }

.contact--application li { padding:0; padding:1em 0; }
.contact--application li h3 { position:static; margin-bottom:10px; line-height:1em; }
.contact--application .form-group--radio { background:none !important; height:auto !important; }
.contact--application .form-group--checkbox { background:none !important; height:auto !important; }
.contact--application .gndbox { display:inline-block; width:50px; }
.contact--application .ckbox { display:block; line-height:2em; }
.contact--application .gndbox input { width:.75em !important; height:.75em !important; vertical-align:middle; margin-right:.3em; }
.contact--application .ckbox input { width:.75em !important; height:.75em !important; vertical-align:middle; margin-right:.3em; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:768px) {
.contact__title p { padding:0; padding-top:4em; background-size:auto 3em; background-position:center top; font-size:1rem; }
.contact__form { margin-top:2em; padding:0 0em; }
.contact .btnbox button { max-width:48%; width:100%; margin:auto; height:40px; line-height:40px; }
}


/* reference, yearReport */
.reference { margin-top:-3%; }
.reference__item { width:100%; max-width:380px; margin-right:30px; margin-top:3%; }
.reference__item:nth-child(3n) { margin-right:0; }
.reference__imgbox { overflow:hidden; }
.reference__imgbox img { vertical-align:top; }
.reference__info { }
.reference__title { font-size:1.875rem; margin-top:0.8em; line-height:1.3em; font-weight:500; margin-bottom:.3em; }
.reference__date { font-size:1rem; line-height:1em; }
.reference__desc { color:#9e9e9e; font-size:1.125rem; margin-top:1em; line-height:1.125em; font-weight:300; }
.reference__download { display:block; margin-top:1em; height:50px; line-height:50px; text-align:center; border:1px solid #c0c0c0; transition:all .3s; }
.reference__download img { vertical-align:baseline; display:inline-block; margin-left:.3em; }
.reference__download:hover { background:#008bf6; }
.reference__downbox { height:50px; border:1px solid #9e9e9e; line-height:50px; padding:0 1em; box-sizing:border-box; position:relative; overflow:hidden; border-top:0; }
.reference__downbox a { display:block; position:absolute; right:0; top:0; width:48px; height:48px; background:url("/assets/css/../images/sub/icon-download.png") #f6f6f6 no-repeat center; text-indent:-9999px; overflow:hidden; }
.reference__downbox--half { margin-top:1em; }
.reference__downbox--half a { width:50%; display:block; height:50px; line-height:50px; border:1px solid #e9e9e9; box-sizing:border-box; text-align:center; transition:all .3s; }
.reference__downbox--half img { vertical-align:baseline; margin-left:.3em; }
.reference__downbox--half a:hover { background:#008bf6 }

@media screen and (max-width:1200px) {
.reference__item { width:32%; margin-right:2%; }
.reference__item:nth-child(3n) { margin-right:0; }
.reference__title { font-size:1.5rem; }
.reference__desc { font-size:1rem; }
}

@media screen and (max-width:768px) {
.reference__downbox,
.reference__downbox a,
.reference__downbox--half a,
.reference__download { height:40px; line-height:40px; }

.reference__item { width:49%; margin-right:2%; }
.reference__item:nth-of-type(3n) { margin-right:2%; }
.reference__item:nth-of-type(2n+2) { margin-right:0; }
.reference__item:nth-child(n + 3) { margin-top:1em; }
.reference__title { font-size:1.25rem; }
.reference__desc { font-size:1rem; }
}


/* forum */
.forum__box { margin-bottom:5em; }
.forum__title { margin-bottom:1em; font-size:1.125rem; }
.forum__desc { line-height:2em; color:#444444; font-size:1rem; word-break:keep-all; }
.forum__imgbox { margin-top:2em; }
.forum__imgitem { width:49%; }
.forum__img-info { margin-top:1em; color:#444; text-align:center; padding:0 1em; box-sizing:border-box; }
.forum__desc-item { padding-left:.8em; line-height:1.3em; margin:.5em 0; position:relative }
.forum__desc-item:after { content:'-'; display:block; position:absolute; left:0; top:0; line-height:1.3em; }


/* hire */
.hire { }
.hire__title-box { height:290px; text-align:center; background:url("/assets/css/../images/sub/hire-title-bg.png") no-repeat center; background-size:cover; color:#fff; display:flex; flex-direction:row; align-items:center; justify-content:center; }
.hire__title-box h3 { font-weight:300; font-size:1.5rem; margin-bottom:.5em; text-align:center; }
.hire__title-box p { font-weight:300; font-size:1.25rem; line-height:1.5em; text-align:center; }
.hire__target { text-align:center; margin-top:3em; }
.hire__target h3 { font-size:1.25rem; margin-bottom:.5em; }
.hire__target p { font-size:1rem; line-height:2em; font-weight:400; color:#212121; }
.hire__vision { display:flex; justify-content:space-between; margin-top:4em; }
.hire__vision > div { width:300px; height:300px; background:#ccc; color:#fff; display:flex; flex-direction:column; }
.hire__vision > div.h1 { background:url("/assets/css/../images/sub/hire-vision-bg-1.png") no-repeat center; }
.hire__vision > div.h2 { background:url("/assets/css/../images/sub/hire-vision-bg-2.png") no-repeat center; }
.hire__vision > div.h3 { background:url("/assets/css/../images/sub/hire-vision-bg-3.png") no-repeat center; }
.hire__vision h2 { line-height:240px; }
.hire__vision p { color:#fff; line-height:1.3em; font-size:1rem; font-weight:300; }
.hire__board { margin-top:5em; }

@media screen and (max-width:1200px) {
.hire__title-box { height:auto; padding:3em 1em; word-break:keep-all }
.hire__title-box h3 { font-size:1.5rem; line-height:1.3em; }
.hire__title-box p { font-size:1rem; }
}

@media screen and (max-width:1024px) {
.hire__vision { display:block; }
.hire__vision > div { width:100%; height:auto; display:block; margin-bottom:.5em; }
.hire__vision h2 { line-height:200px; }
.hire__vision p { padding-bottom:1em; }
}

@media screen and (max-width:768px) {
.hire__vision h2 { line-height:160px; }
.hire__title-box h3 { font-size:1.25rem; }
.hire__vision { margin-top:2em; }
}


/* asean hall */
.hall { }
.hall__viewbox .tab-view { position:relative; margin-top:2em; text-align:center; }
.hall-slidebox { position:relative }
.hall__textbox { background:rgba(0,0,0,.5); position:absolute; right:10em; bottom:3em; width:350px; padding:2em; color:#fff; box-sizing:border-box; word-break:keep-all }
.hall__textbox h2 { font-size:1.5rem; margin-bottom:.5em; font-weight:400; }
.hall__textbox p { line-height:2em; }
.hall-slidebox .item { width:940px; vertical-align:top; position:relative; }
.hall-slidebox .item img { vertical-align:top; }
.hall-slidebox .item:before { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:10; content:''; transition:all .3s; }
.slick-slide.slick-center .item:before { opacity:0; }
.hall-slidebox .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:80px; background:url("/assets/css/../images/main/main__slide-arrow.png") no-repeat center; background-size:100% 100%; text-indent:-9999px; overflow:hidden; z-index:100; outline-width:0; }
.hall-slidebox .slick-arrow.slick-prev { left:3%; transform:translateY(-50%) rotate(180deg); }
.hall-slidebox .slick-arrow.slick-next { right:3%; }
.hall__program { margin-top:2em; box-sizing:border-box; }
.hall__prg-box { padding:3em 2em; box-sizing:border-box; border-bottom:1px solid #7a7a7a; background:url("/assets/css/../images/sub/hall-item-bg.png") no-repeat right bottom; background-size:300px auto; }
.hall__prg-box:last-child { border-bottom:0; }
.hall__prg-title { font-size:1.875rem; margin-bottom:.5em; }
.hall__prg-desc { color:#444; line-height:2em; word-break:keep-all }
.hall__prg-info { margin-top:2em; }
.hall__prg-info-title { font-size:1.125rem; margin-bottom:1em; }
.hall__prg-info-list { line-height:1.3em; }
.hall__prg-info-list p { margin-bottom:1em; position:relative; padding-left:.8em; line-height:1.3em; }
.hall__prg-info-list p:after { content:'-'; position:absolute; left:0; top:0; line-height:1.3em; }
.hall__prg-download { margin-top:2em; }
.hall__prg-download a { width:300px; text-align:center; display:inline-block; height:40px; line-height:40px; border:1px solid #9e9e9e; }
.hall__prg-download a img { display:inline-block; margin-left:.3em; }
.tab-view .h_img li { width:48%; float:left; position:relative; }
.tab-view .h_img li:nth-of-type(2n+2) { float:right; }
.tab-view .h_img li img { vertical-align:top; width:100%; }
.tab-view .h_img li .h_t { padding:1.4em 1.5em 2em; box-sizing:border-box; word-break:keep-all }
.tab-view .h_img li .h_t h2 { font-size:1.5rem; margin-bottom:.5em; font-weight:400; }
.tab-view .h_img li .h_t p { line-height:1.7em; }
.slick-slide.slick-center .item:before { opacity:0; }
.h_info { margin-top:2em; box-sizing:border-box; clear:both; width:100%; text-align:left; }

@media screen and (max-width:1200px) {
.tab-view .h_img li .h_t { padding:1em; }
.hall-slidebox .item { width:calc(100% - 160px); }
.hall-slidebox .slick-arrow { width:30px; height:60px; }
.hall-slidebox .slick-arrow.slick-prev { left:25px; }
.hall-slidebox .slick-arrow.slick-next { right:25px; }
.hall__textbox { padding:1em; }
.hall__prg-box { padding:2em .5em; }
.hall__prg-title { font-size:1.5rem; }
}

@media screen and (max-width:768px) {
.tab-view .h_img li { width:100%; float:none; }
.tab-view .h_img li .h_t { position:static; width:100%; height:auto; padding:1em 1em 1.5em; }
.hall-slidebox .item { width:calc(100% - 80px); }
.hall-slidebox .slick-arrow { width:20px; height:40px; }
.hall-slidebox .slick-arrow.slick-prev { left:10px; }
.hall-slidebox .slick-arrow.slick-next { right:10px; }
.hall__textbox { position:static; width:100%; height:auto; padding:1em; }
.hall__prg-box { padding:1em 0em; }
.hall__prg-title { font-size:1.25rem; }
.hall__prg-desc { line-height:1.5em; word-break:keep-all }
.hall__prg-download a { max-width:250px; display:block; margin-top:.5em; }
}

/* app */
.app__topbox { background:url("/assets/css/../images/sub/app-bg.png") no-repeat 15em center; }
.app__imgbox { width:380px; }
.app__textbox { width:calc(100% - 380px); }
.app__title { font-size:1.125rem; margin-bottom:2em; }
.app__title strong { font-size:2.25rem; }
.app__desc { line-height:2em; word-break:keep-all }
.app__downlink { margin-top:4em; display:flex; justify-content:space-between; }
.app__info { margin-top:6em; }
.app__infobox { width:50%; }
.app__infobox h3 { font-size:1.125rem; margin-bottom:1em; }
.app__infobox p { line-height:2em; }
.app__picture { margin-top:6em; }
.app__picture h3 { font-size:1.125rem; margin-bottom:1em; }
.app__picturebox { display:flex; justify-content:space-between }
.app__picture-item { width:250px; height:450px; background:#f6f6f6; border:1px solid #d4d4d4; box-sizing:border-box; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:768px) {
.app__imgbox { display:block; width:100%; float:none; margin-bottom:3em; text-align:center; }
.app__imgbox img { max-width:200px; }
.app__textbox { width:100%; float:none; }
.app__downlink { margin-top:2em; }
.app__downlink a { max-width:48%; }
.app__info { margin-top:2em; }
.app__infobox { display:block; width:100%; margin-bottom:2em; }
.app__picture { margin-top:2em; display:block; }
.app__picturebox { display:block; }
.app__picture-item { width:49%; float:left; min-height:250px; height:auto; }
.app__picture-item:nth-child(2n) { float:right; }
.app__picture-item:nth-child(n+3) { margin-top:1em; }
}

/* newsletter */
.nweletter-formbox { position:relative }
.newsletter-form { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; padding:50px 100px; box-sizing:border-box; }
.newsletter-img { width:100%; }
.newsletter-img img { vertical-align:top; }
.newsletter-info { height:40px; line-height:40px; padding:0 1em; position:relative; background:#fff; border:1px solid #c0c0c0; }
.newsletter-info a { display:block; width:40px; height:40px; background:url("/assets/css/../images/sub/icon-view.png") #f6f6f6 no-repeat center; position:absolute; right:0; top:0; text-indent:-9999px; overflow:hidden; }
.newsletter-textbox { height:350px; position:relative; top:40px; width:calc(100% - 460px); margin-left:10px }
.newsletter-textbox h2 { font-size:1.875rem; line-height:1em; }
.newsletter-textbox h2 span { font-size:1.125rem; vertical-align:baseline; font-weight:300; }
.newsletter-textbox p { font-size:1.125rem; line-height:2em; color:#6c6c6c; margin-top:2em; }
.nsl-form { position:absolute; left:0; bottom:0; width:100%; border:1px solid #e0e0e0; }
.nsl__input { height:40px; width:100%; max-width:380px; background:#fff; }
.nsl__input input { width:100%; height:100%; padding:0 1em; box-sizing:border-box; }
.nsl__button { width:calc(100% - 380px); }
.nsl__button button { width:100%; text-align:center; height:40px; background:#008bf6; color:#fff; }
.board-list.album { border:0; }
.album__item { width:32%; max-width:100%; margin-right:2% }
.album__item:nth-child(3n) { margin-right:0; }
.album__item:nth-child(n+4) { margin-top:2em; }
.newsletter-form .newsletter-img { }
.newsletter-imgbox { max-width:430px; }
.board-list.album .newsletter-img { height:350px; overflow:hidden; }

@media screen and (max-width:1200px) {
.nweletter-formbox > img { display:none; }
.newsletter-form { display:block; padding:3em; position:relative }
.newsletter-imgbox { float:none; margin:0 auto; }
.newsletter-textbox { float:none; display:block; height:auto; top:0; max-width:450px; margin:0 auto; margin-top:2em; padding:0; width:100%; }
.nsl-form { position:static; margin-top:1em; }
.nsl__input { height:40px; width:100%; max-width:calc(100% - 100px); background:#fff; }
.nsl__button { width:100px; }
.newsletter-textbox h2 { font-size:1.5rem; }
.board-list.album .newsletter-img { height:310px; overflow:hidden; }
}

@media screen and (max-width:768px) {
.newsletter-form { padding:0; margin-bottom:2em; padding-bottom:2em; border-bottom:1px solid #9e9e9e; }
.newsletter-textbox h2 { font-size:1.25rem; }
.newsletter-textbox p { font-size:1rem; }
.album__item { width:49%; }
.album__item:nth-child(3n) { margin-right:2%; }
.album__item:nth-child(2n) { margin-right:0; }
.album__item:nth-child(n+3) { margin-top:1em; }
.board-list.album .newsletter-img { height:270px; overflow:hidden; }
}

@media screen and (max-width:400px) {
.newsletter-textbox h2 { font-size:1.25rem; }
.newsletter-textbox p { font-size:1rem; }
.album__item { width:100%; margin:0; }
.album__item:nth-child(n+2) { margin-top:1em; }
.board-list.album .newsletter-img { height:300px; overflow:hidden; }
}


/* social */
.social .tab-view { margin-top:2em; }
.liststyle { width:100%; }
.liststyle li { width:100%; padding:1em 0; border-bottom:1px solid #C8C8C8; font-size:1rem; overflow:hidden; }
.liststyle.liststyle--naver li .list__title { padding-left:5.5em; }
.liststyle li .list__title { position:relative; line-height:1.5em; overflow:hidden; padding-left:4em; font-size:1.25rem; }
.liststyle li a { display:block; cursor:pointer }
.liststyle li strong { color:#006fd6; position:absolute; left:0; top:50%; transform:translateY(-50%); line-height:1.5rem; font-size:1.125rem; }
.liststyle li em { text-align:right; display:block; margin:.5em 0; color:#3f88cc }
.liststyle li p { padding-top:1rem; line-height:1.5; color:#636363; }

@media screen and (max-width:758px) {
.liststyle li em { text-align:left; }
}

.social2 { }
.social2 .snsitem { width:25%; box-sizing:border-box; padding:2em; position:relative; word-break:keep-all; border:1px solid #e2e2e2; height:300px; }
.social2 .snsitem .snsitem__logo { position:absolute; right:0; top:0; z-index:100; }
.social2 .snsitem .snsitem__title { font-size:1.125rem; letter-spacing:-.025em; line-height:1.3em; height:2.6em; overflow:hidden; padding-top:.5em; }
.social2 .snsitem.active-img .snsitem__title { color:#fff; }
.social2 .snsitem .snsitem__description { font-size:.875rem; letter-spacing:-.025em; line-height:1.5em; height:4.5em; overflow:hidden; color:#8d8d8d; margin-top:.5em; }
.social2 .snsitem.active-img .snsitem__description { color:#fff; }

@media screen and (max-width:1200px) {
.social2 .snsitem { width:33.33% }
}

@media screen and (max-width:768px) {
.social2 .snsitem { width:50% }
}

@media screen and (max-width:400px) {
.social2 .snsitem { width:100% }
}

/* summary */
.summary__section { margin-bottom:3em; }
.summary__title { font-size:1.25rem; padding-left:1em; position:relative; margin-bottom:1em; }
.summary__title:after { position:absolute; left:0; top:50%; transform:translateY(-50%); width:.5em; height:.5em; background:#008bf6; content:''; }
.summary__sec-item { margin-bottom:1em; }
.summary__item-title { font-size:1rem; margin-bottom:.5em; line-height:1.3em; }
.summary__section p { line-height:1.5em; word-break:keep-all }
.summary__section p.summary__dot { line-height:2em; padding-left:.75em; box-sizing:border-box; position:relative; margin-bottom:1em; }
.summary__section p.summary__dot:after { content:'-'; position:absolute; left:0; top:0; line-height:2em; }
.summary__table { margin-bottom:1em; }
.summary__table th,
.summary__table td { height:50px; text-align:center; border-bottom:1px solid #e9e9e9; font-size:.875rem; }
.summary__table th { border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; }
.summary__table td img { vertical-align:middle; margin-right:.5em; }

.summary--history { position:relative; padding-left:10em; border-bottom:1px solid #ccc; margin-bottom:1em; }
.summary--history .summary__section { margin-bottom:1em; }
.summary--history .summary__title { position:absolute; left:0; top:0; font-weight:500; }
.summary--history .summary__item-title { font-weight:400; }
.summary--history p.summary__dot { margin-bottom:5px; }
.ftd-g td { background:#f9f9f9; color:#008bf6; border-top:1px solid #008bf6; border-bottom:1px solid #008bf6 }
.ftd td { background:#ebf6ff; color:#008bf6; border-top:1px solid #008bf6; border-bottom:1px solid #008bf6 }
.table__base { text-align:right; margin-bottom:.5em; }

@media screen and (max-width:758px) {
.summary__table td { font-size:.8rem; }

.summary--history { padding-left:7em; }
}

/* member */
.member__tabbox { margin:2em 0; text-align:center; text-align:center; }
.member__tabbox button { margin:0 .3em; cursor:pointer; position:relative }
.member__tabbox button:after { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10; }
.member__tabbox button.active:after { display:none; }
.member__tabbox button img { vertical-align:top; }
.member__news-title { font-size:1.5rem; margin-bottom:1em; }
.member__viewbox { }
.member__view { }
.member__box { width:50%; padding:0 4em; box-sizing:border-box; }
.member__box:first-child { border-right:1px solid #bababa; box-sizing:border-box; }
.member__nation-name { font-size:1.5rem; font-weight:400; margin-top:1em; }
.member__nation-info { margin-top:1em; }
.member__nation-info-item { padding-left:7em; box-sizing:border-box; line-height:1.5em; margin-bottom:.5em; position:relative; color:#444444; }
.member__nation-info-item h3 { position:absolute; left:0; top:0; line-height:1.5em; font-weight:500; padding-left:1.75em; }
.member__info-item1-title { background:url("/assets/css/../images/sub/member__info-icon-1.png") no-repeat left center; }
.member__info-item2-title { background:url("/assets/css/../images/sub/member__info-icon-2.png") no-repeat left center; }
.member__info-item3-title { background:url("/assets/css/../images/sub/member__info-icon-3.png") no-repeat left center; }
.member__info-item4-title { background:url("/assets/css/../images/sub/member__info-icon-4.png") no-repeat left center; }
.member__info-item5-title { background:url("/assets/css/../images/sub/member__info-icon-5.png") no-repeat left center; }
.member__info-item6-title { background:url("/assets/css/../images/sub/member__info-icon-6.png") no-repeat left center; }
.member__info-item7-title { background:url("/assets/css/../images/sub/member__info-icon-7.png") no-repeat left center; }
.member__detail { border:1px solid #bababa; padding:4em 0; }
.cityinfo { height:50px; line-height:50px; padding-left:6em; box-sizing:border-box; position:relative }
.cityinfo h3 { position:absolute; left:0; top:0; line-height:50px; font-size:1.25rem; }
.city { margin-top:2em; }
.city__title { font-size:1.875rem; font-weight:400; color:#008bf6; }
.city__timeinfo { font-size:1rem; margin-top:.75em }
.city__timeinfo h3 { font-size:1.75rem; font-weight:400; margin-bottom:5px; }
.city__charge { margin-top:2em; font-size:1.75rem; color:#4173c6; padding-left:1.75em; background:url("/assets/css/../images/sub/icon-database.png") no-repeat left center; background-size:auto 100%; line-height:1.75em; }
.city__soeul { margin-top:5em; }
.city__soeul-time { font-size:1rem; margin-top:.5em; margin-left:3em; }
.city__soeul-time span { font-size:1.125rem; margin-bottom:.5em; display:block; }
.city__soeul-time h3 { font-size:1.75rem; font-weight:400; margin-bottom:5px; }
.city__weather { text-align:left; }
.city__weather p { margin-top:.5em; padding-left:2em; }
.member__info { margin-top:3em; }
.member__infoview { margin-top:2em; }
.member__info-text-box { width:50%; }
.member__info-text-box-full { width:100%; margin-bottom:2em; }
.member__info-text-box-full a { display:block; line-height:2em; }
.member__info-text-box-full h3,
.member__info-text-box h3 { font-size:1.125rem; margin-bottom:1em; }
.member__info-text-box-full p,
.member__info-text-box p { line-height:2em; }
.member__info-img { margin-top:2em; }
.member__info-img-desc { margin-top:.5em; }
.member__infoview { display:none; }
.member__infoview.infoview1 { display:block; }

@media screen and (max-width:1200px) {
.member__tabbox { width:100%; }
.member__tabbox:after { content:''; display:block; clear:both; }
.member__tabbox button { width:9%; text-align:center; float:left; margin:0 .5%; }
.member__tabbox button img { width:100%; }
.member__detail { padding:3em 0; }
.member__box { padding:0 3em; }
}

@media screen and (max-width:768px) {
.member__info-text-box { width:100%; margin-bottom:1em; }
.member__tabbox button { width:18%; text-align:center; float:left; margin:0 1%; }
.member__tabbox button:nth-child(n+6) { margin-top:1em; }
.member__detail { padding:2em 0; }
.member__box { padding:0 1em; width:100%; float:none; }
.member__box:nth-child(n+2) { margin-top:3em; }
.city__title { font-size:1.5rem; }
.city__soeul-time { margin-left:2em; }
.city__timeinfo h3 { font-size:1.25rem; }
.city__soeul-time h3 { font-size:1.25rem; }
.city__soeul { margin-top:2em; }
.city__charge { margin-top:1em; }
}

.sitemap.content { padding-top:0; }
.sitemap__lnb { background:url("/assets/css/../images/sub/sitemap-bg.png") no-repeat center; background-size:cover; height:100px; line-height:100px; }
.sitemap__lnb .wrap { line-height:100px; font-size:1.75rem; letter-spacing:-.05em; }
.sitemap__row { padding:3em 0; border-bottom:1px solid #dbdbdb; }
.sitemap__row:last-child { border-bottom:0; }
.sitemap__row-title { width:320px; font-size:1.5rem; padding-left:1.5em; background:url("/assets/css/../images/sub/sitemap-dot.png") no-repeat left center; position:relative; box-sizing:border-box; }
.sitemap__row-title:after { content:'>'; position:absolute; right:2em; top:50%; transform:translateY(-50%); font-weight:300; }
.sitemap__row-items { width:calc(100% - 320px); }
.sitemap__row-items > li { margin-right:3em; margin-top:3px; }
.sitemap__row-items > li > a { font-size:1.25rem; letter-spacing:-.05em; }
.sitemap__row-items > li > a:hover { border-bottom:1px solid #008bf6; color:#008bf6; }

.sitemap__row-depth { margin-top:1em; }
.sitemap__row-depth li { margin-bottom:1em; }
.sitemap__row-depth a { display:block; color:#797979; font-size:1rem; }

@media screen and (max-width:1200px) {
.sitemap__lnb { height:70px; }
.sitemap__lnb .wrap { line-height:70px; font-size:1.25rem; letter-spacing:-.05em; }
.sitemap__row-title { width:100%; margin-bottom:1em; background-size:auto 100%; font-size:1.375rem; }
.sitemap__row-title:after { display:none; }
.sitemap__row-items { width:100%; }
.sitemap__row-items > li { margin:.5em 1em; }
.sitemap__row-items > li > a { font-size:1rem; }
}

.privacy .wrap * { font-size:16px; line-height:1.87em; }
.privacy .wrap > ol > li { padding-top:3%; }
.privacy .wrap > ol > li strong { font-size:110%; display:block; padding-bottom:5px; }
.privacy .wrap ol ol,
.privacy .wrap ol ul { margin-left:2%; }
.privacy .wrap table { max-width:700px !important; min-width:auto !important; padding:0; border-collapse:collapse; border-spacing:0; border:solid #000; border-width:1px 1px 0 0; }
.privacy .wrap table th,
.privacy .wrap table td { border:solid #000; border-width:0 0 1px 1px; padding:2px 5px; }
.privacy .wrap table thead th { background:#eee; }

.search.content { padding-top:0; }
.search__lnb { background:url("/assets/css/../images/sub/search-bg.png") no-repeat center; background-size:cover; height:100px; line-height:100px; }
.search__lnb .wrap { line-height:100px; font-size:1.75rem; letter-spacing:-.05em; }
.search--page { width:100%; max-width:600px; margin:0 auto; height:auto; float:none; }
.search--page .search__form { width:100%; margin:0; height:60px; border:1px solid #b6b9bb }
.search--page .search__form input { width:calc(100% - 60px); }
.search--page .search__form button { width:60px; }

.checkbox { margin-right:.5em; line-height:35px; }
.checkbox span { width:.875em; height:.875em; display:inline-block; border:1px solid #aaa; border-radius:50%; vertical-align:middle; margin-right:.3em; background:#fefefe; box-sizing:border-box; transition:all .3s; }
.checkbox input:checked + span { border:5px solid #008bf6; box-sizing:border-box; }
.search__case { margin:2em 0; }
.search__case .datebox { display:inline-block; height:35px; vertical-align:middle; margin-left:1em; }
.search__inner { display:inline-block; }
.search__case .datebox h3 { display:inline-block; font-size:1rem; font-weight:400; line-height:35px; margin-right:.5em; }
.datepicker-box { display:inline-block; }
.search__title { display:inline-block; vertical-align:middle; margin-right:.5em; }
.datepicker-box .datepicker { display:inline-block; height:35px; border:1px solid #dadada; padding:0 1em; width:150px; box-sizing:border-box; }

@media screen and (max-width:1024px) {
.search__date { display:block; float:none; }
.search__range { display:block; float:none; margin-top:1em; }
}

@media screen and (max-width:768px) {
.search--page .search__form { width:100%; margin:0; height:40px; border:1px solid #008bf6 }
.search--page .search__form input { width:calc(100% - 40px); }
.search--page .search__form button { width:40px; }
.search__case .datebox { display:block; margin:0; }
.datepicker-box .datepicker { width:120px; }
.search__title { display:block; }
.privacy .wrap * { font-size:14px; }
.privacy .wrap > ol > li strong { padding-bottom:2px; }
.privacy .wrap ol ol,
.privacy .wrap ol ul { margin-left:0; }
}

.btn_privacy { color:#008bf6 !important; }

.overview .section p { line-height:2em; }
.overview .section li { line-height:2em; }
.overview .section span { line-height:2em; }
.overview .section h3 { color:#000; font-size:24px; letter-spacing:-1px; margin-top:30px; }
.overview .section ul li { list-style:disc; padding-left:5px; margin-left:25px; text-align:justify; }
.overview .section ul li strong { color:#000; }
.overview .section ul li a { color:#636363; }
.overview .section .site_info { margin-top:15px; }
.overview .section .site_info img { vertical-align:middle; margin-right:10px; }
.overview table.new_table_02 { width:100%; position:relative; margin-top:10px; }
.overview .mtablebox { width:100%; overflow:auto; }
.overview .mtablebox table.new_table_02 { min-width:900px; }
.overview table.new_table_02 thead th { background:#008bf6; color:#fff; border:1px solid #fff; height:50px; }
.overview table.new_table_02 tbody th { background:#ebebeb; border:1px solid #008bf6; height:50px; }
.overview table.new_table_02 tbody td { border:1px solid #008bf6; text-align:center; height:40px; }

@media screen and (max-width:1200px) {
.overview .section h3 { font-size:18px; margin-bottom:15px; }
.overview .section p { line-height:1.5em; }
.overview .section li { line-height:1.5em; padding-left:0; margin-left:20px; }
.overview .section span { line-height:1.5em; }
}

.sortboxline { text-align:right; }
.sortboxline .select { display:inline-block; margin-left:5px; }

/*2015.11.23�߰�*/
.data_head,
.data_head table { width:100%; }
.data_head table { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
.data_head table thead th { border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; }
.data_head table thead th.title { color:#7188b2; font-size:14px; height:60px; line-height:60px; }
.data_head table thead th.bdr { border-right:1px solid #e9e9e9; }
.data_head table thead th p { color:#585858; font-size:14px; }
.section .con_data .data_head table thead th img { margin:0; }
.data_head table thead th.middle { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.data_head table thead th.middle strong { font-size:53px; }
/*20160927*/
.data_head_02,
.data_head_02 table { width:100%; }
.data_head_02 table { border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
.data_head_02 table thead th { border:1px solid #c8c8c8; padding:10px 0; font-weight:normal; }
.data_head_02 table thead th.line_none_l { border-left:none; }
.data_head_02 table thead th.line_none_r { border-right:none; }
.data_head_02 table thead th strong { font-size:30px; }
.data_head_02 table thead th.title { color:#7188b2; height:60px; line-height:30px; font-weight:normal; }
.data_head_02 table thead th.title_kor { color:#7188b2; font-weight:normal; }
.data_head_02 table thead th.bdr { border-right:1px solid #e9e9e9; }
.data_head_02 table thead th p { color:#585858; font-size:14px; }
.section .con_data .data_head_02 table thead th img { margin:0; }
.data_head_02 table thead th.middle { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
.data_head_02 table thead th.middle strong { font-size:53px; }

.calendarBoardtitle { font-size:25px; line-height:60px; background:#f4f4f4; padding:0 .5em; box-sizing:border-box; margin-top:1.5em }
.calendarBoardSortbox { }
.sortboxswich { height:50px; border:1px solid #c0c0c0; }
.sortboxswich a { width:40px; display:inline-block; height:50px; position:relative; text-align:center; line-height:50px; }
.sortboxswich a:after { content:''; display:block; width:1px; height:30px; position:absolute; right:0; top:10px; background:#dcdcdc; }
.sortboxswich a.arrow-right:after { right:auto; left:0; }
.sortboxswich span { padding:0 1em; box-sizing:border-box; height:50px; line-height:50px; }

.calendarboard-list { border-bottom:1px solid #666; }
.calendarborder-list__item { border-bottom:1px solid #e5e5e5; height:60px; line-height:60px; }
.calendarborder-list__item:last-child { border-bottom:0; }
.calendarborder-list__item a { display:block; position:relative; padding-left:10em; }
.calendarborder-list__item a:hover { background:#fafafa }
.calendarborder-list__item .date { position:absolute; left:1em; top:0; line-height:60px; }
.calendarborder-list__item-title { line-height:60px; font-weight:400; }
.calendarborder-list__item-title .tag { display:inline-block; width:9em; margin-right:1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#008bf6 }

@media screen and (max-width:768px) {
.calendarBoardtitle { font-size:1.25rem; line-height:50px; margin-top:1em; }
.sortboxswich { display:none; }
.calendarborder-list__item a { padding-left:7em; }
.calendarborder-list__item-title { padding:10px 0; line-height:20px; }
.calendarborder-list__item-title .tag { display:block; width:auto; line-height:20px; }
.calendarBoardSortbox .sortboxline { float:none; }
.calendarBoardSortbox .sortboxline:after { content:''; display:block; clear:both; }
.calendarBoardSortbox .sortboxline .select { width:33.3%; float:left; margin:0; border-right:0; }
.calendarBoardSortbox .sortboxline .select:nth-child(3) { border-right:1px solid #c0c0c0; }
}

.engsite { text-align:center; margin-top:3em; }
.engsite a { display:inline-block; width:100px; height:40px; border:1px solid #ddd; line-height:40px; font-size:1.125rem; }

/* 캘린더 */
/*.calendar__header{height:100px;}*/
.sub .calendar { }
.calendar__body { padding:50px 100px; position:relative }
.calendar__body .bx-prev { position:absolute; left:0; top:50%; transform:translateY(-50%); width:70px; height:70px; display:inline-block; background:url("/assets/images/n-cal-arrow.png") no-repeat center; background-size:cover; text-indent:-9999px; }
.calendar__body .bx-next { position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(180deg); width:70px; height:70px; display:inline-block; background:url("/assets/images/n-cal-arrow.png") no-repeat center; background-size:cover; text-indent:-9999px; }
.calendar__footer { width:100%; display:flex; }
.calendarColumn { width:200px; flex:none; height:680px; margin:25px 0; margin-right:0px; }
.calendarColumn > div { flex:1; margin:1px 0; width:100%; background:#ccc; color:#fff; padding:1em; box-sizing:border-box; font-size:1.125rem; position:relative }
.calendarColumn > div.i1 { background:#08B2F2; height:360px; }
.calendarColumn > div.i2 { background:#04BD73; height:200px; }
.calendarColumn > div.i3 { background:#728ADA; height:160px; }
.calendarColumn > div.i4 { background:#0063b7; height:60px; }
.calendarColumn > div.i5 { background:#8A50C7; height:60px; }
.calendarColumn > div img { position:absolute; right:1em; bottom:1em; }
.calendarbgbox { overflow:auto; flex:1; }
.calbg { width:1000px; }
.calbg__body { height:720px; padding:0 10px; box-sizing:border-box; position:relative; }
.cal__pagerbox { position:absolute; left:10px; top:0; width:calc(100% - 20px); height:100%; overflow:hidden; background:repeating-linear-gradient( 90deg, #fff, #fff 1px, #f1f1f1 1px, #f1f1f1 calc(100% / 12)); }

@media screen and (max-width:768px) {
.calendarColumn { width:60px; }
.calendarColumn > div { padding:10px; height:99px; line-height:20px; }
.calendarColumn > div img { display:none; }
.calendarColumn > div span { display:none; }
}

.cal__pagerbox a { position:absolute; height:19px; min-width:40px; display:flex; }
.calbg__header,
.calbg__footer { justify-content:space-between; box-sizing:border-box; position:relative; height:25px; max-width:calc(100% - 20px); margin:0 auto; line-height:25px; }
.calbg__header span,
.calbg__footer span { position:absolute; line-height:20px; font-size:14px; }
.calbg__header span:nth-child(1),
.calbg__footer span:nth-child(1) { left:0; }
.calbg__header span:nth-child(2),
.calbg__footer span:nth-child(2) { left:calc( 81px * 1 ); }
.calbg__header span:nth-child(3),
.calbg__footer span:nth-child(3) { left:calc( 81px * 2); }
.calbg__header span:nth-child(4),
.calbg__footer span:nth-child(4) { left:calc( 81px * 3); }
.calbg__header span:nth-child(5),
.calbg__footer span:nth-child(5) { left:calc( 81px * 4); }
.calbg__header span:nth-child(6),
.calbg__footer span:nth-child(6) { left:calc( 81px * 5); }
.calbg__header span:nth-child(7),
.calbg__footer span:nth-child(7) { left:calc( 81px * 6); }
.calbg__header span:nth-child(8),
.calbg__footer span:nth-child(8) { left:calc( 81px * 7); }
.calbg__header span:nth-child(9),
.calbg__footer span:nth-child(9) { left:calc( 81px * 8); }
.calbg__header span:nth-child(10),
.calbg__footer span:nth-child(10) { left:calc( 81px * 9); }
.calbg__header span:nth-child(11),
.calbg__footer span:nth-child(11) { left:calc( 81px * 10); }
.calbg__header span:nth-child(12),
.calbg__footer span:nth-child(12) { left:calc( 81px * 11); }
.calbg__header span:nth-child(13),
.calbg__footer span:nth-child(13) { right:0; }

.cal__pagerbox a div span { width:19px; height:19px; display:inline-block; vertical-align:middle; background:#f00; margin-right:3px; }
.cal__pagerbox a div { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height:19px; color:#333; z-index:10; }
.cal__pagerbox a.active { z-index:1000; }
.cal__pagerbox a p { position:absolute; left:0; top:19px; background:#ffffff; font-size:9px; line-height:13px; height:0; overflow:hidden; width:100%; box-sizing:border-box; transition:all .3s; color:#8a8a8a; }
.cal__pagerbox a.active p { height:50px; padding:5px; }
.cal__pagerbox a.as { background:#c0e7f1 }
.cal__pagerbox a.as span { background:#4db0ec }
.cal__pagerbox a.am { background:#d6f2e4; }
.cal__pagerbox a.am span { background:#53ba7a; }
.cal__pagerbox a.ga { background:#cfd9f0; }
.cal__pagerbox a.ga span { background:#768bd4; }
.cal__pagerbox a.hg { background:#9cceea; }
.cal__pagerbox a.hg span { background:#0063b7; }
.cal__pagerbox a.gw { background:#d6cce7; }
.cal__pagerbox a.gw span { background:#8256c1; }
.cal__pagerbox a.pop p { top:auto !important; bottom:19px !important; }
/*
as(한-아세안센터)-1 ~ as-17
am(마세아문화원)-1 ~ am-14
ga(국립아시아문화전당)-1 ~ ga- 10
hg(한국관광공사) - 1 ~ 2
gw(국립외교원) -  1 ( pup 클래스를 같이주세요. 텍스트 위로 뜨도록)
*/
.cal__pagerbox a.as.as-1 span { background:url("/assets/images/calendar-icon/as-i1-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-2 span { background:url("/assets/images/calendar-icon/as-i1-2.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-3 span { background:url("/assets/images/calendar-icon/as-i1-3.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-4 span { background:url("/assets/images/calendar-icon/as-i1-4.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-5 span { background:url("/assets/images/calendar-icon/as-i1-5.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-6 span { background:url("/assets/images/calendar-icon/as-i1-6.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-7 span { background:url("/assets/images/calendar-icon/as-i1-7.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-8 span { background:url("/assets/images/calendar-icon/as-i1-8.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-9 span { background:url("/assets/images/calendar-icon/as-i1-9.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-10 span { background:url("/assets/images/calendar-icon/as-i1-10.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-11 span { background:url("/assets/images/calendar-icon/as-i1-11.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-12 span { background:url("/assets/images/calendar-icon/as-i1-12.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-13 span { background:url("/assets/images/calendar-icon/as-i1-13.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-14 span { background:url("/assets/images/calendar-icon/as-i1-14.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-15 span { background:url("/assets/images/calendar-icon/as-i1-15.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-16 span { background:url("/assets/images/calendar-icon/as-i1-16.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.as.as-17 span { background:url("/assets/images/calendar-icon/as-i1-17.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.am.am-1 span { background:url("/assets/images/calendar-icon/as-i2-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-2 span { background:url("/assets/images/calendar-icon/as-i2-2.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-3 span { background:url("/assets/images/calendar-icon/as-i2-3.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-4 span { background:url("/assets/images/calendar-icon/as-i2-4.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-5 span { background:url("/assets/images/calendar-icon/as-i2-5.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-6 span { background:url("/assets/images/calendar-icon/as-i2-6.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-7 span { background:url("/assets/images/calendar-icon/as-i2-7.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-8 span { background:url("/assets/images/calendar-icon/as-i2-8.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-9 span { background:url("/assets/images/calendar-icon/as-i2-9.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-10 span { background:url("/assets/images/calendar-icon/as-i2-10.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-11 span { background:url("/assets/images/calendar-icon/as-i2-11.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-12 span { background:url("/assets/images/calendar-icon/as-i2-12.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-13 span { background:url("/assets/images/calendar-icon/as-i2-13.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.am.am-14 span { background:url("/assets/images/calendar-icon/as-i2-14.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.ga.ga-1 span { background:url("/assets/images/calendar-icon/as-i3-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-2 span { background:url("/assets/images/calendar-icon/as-i3-2.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-3 span { background:url("/assets/images/calendar-icon/as-i3-3.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-4 span { background:url("/assets/images/calendar-icon/as-i3-4.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-5 span { background:url("/assets/images/calendar-icon/as-i3-5.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-6 span { background:url("/assets/images/calendar-icon/as-i3-6.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-7 span { background:url("/assets/images/calendar-icon/as-i3-7.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-8 span { background:url("/assets/images/calendar-icon/as-i3-8.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-9 span { background:url("/assets/images/calendar-icon/as-i3-9.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.ga.ga-10 span { background:url("/assets/images/calendar-icon/as-i3-10.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.hg.hg-1 span { background:url("/assets/images/calendar-icon/as-i4-1.png") no-repeat center; background-size:100% 100%; }
.cal__pagerbox a.hg.hg-2 span { background:url("/assets/images/calendar-icon/as-i4-2.png") no-repeat center; background-size:100% 100%; }

.cal__pagerbox a.gw.gw-1 span { background:url("/assets/images/calendar-icon/as-i5-1.png") no-repeat center; background-size:100% 100%; }

.calendar__header { text-align:center; }
.calendar__header img { width:100%; }
.calendar__header img.mb { display:none; }

@media screen and (max-width:768px) {
.calendar__header img.pc { display:none }
.calendar__header img.mb { display:inline }
}

.itemslide__content { display:flex; }
.itemslide__content .imgbox { width:350px; flex:none; }
.itemslide__content .imgbox img { width:100%; }
.itemslide__content .textbox { flex:1; padding-left:2em; box-sizing:border-box; }
.itemslide__content .textbox h2 { font-size:1.5rem; padding-bottom:.5em; }
.itemslide__content .textbox h2.c1 { border-bottom:3px solid #08B2F2; }
.itemslide__content .textbox h2.c2 { border-bottom:3px solid #8256c1; }
.itemslide__content .textbox h2.c3 { border-bottom:3px solid #53ba7a; }
.itemslide__content .textbox h2.c4 { border-bottom:3px solid #768bd4; }
.itemslide__content .textbox h1 { margin-top:.5em; font-size:2rem; line-height:1.3em; margin-bottom:1em; }
.itemslide__content .textbox p { line-height:1.5em; font-size:1.125rem; }
.itemslide__content .textbox ul { margin-top:3em; margin-bottom:2em; }
.itemslide__content .textbox li { margin-bottom:1em; display:flex; line-height:1.2em; align-items:flex-start }
.itemslide__content .textbox li span { flex:none; margin-right:.5em; }
.itemslide__content .textbox a { height:40px; line-height:40px; display:inline-block; padding:0 1.5em; border:1px solid #B2B2B2; color:#B2B2B2; border-radius:2em; position:relative; z-index:10; }

@media screen and (max-width:1200px) {
}

@media screen and (max-width:768px) {
.calendar__body { padding:50px 0; }
.calendar__body .bx-prev { display:none; }
.calendar__body .bx-next { display:none; }
.itemslide__content { display:block; }
.itemslide__content .imgbox { width:100%; text-align:center; }
.itemslide__content .imgbox img { max-width:400px; }
.itemslide__content .textbox { padding-left:0; box-sizing:border-box; margin-top:1.5em; }
}

/* main layer popup 200306 */
.layer200306 { max-width:300px; width:85%; position:absolute; top:11%; left:20%; z-index:10000; }
.layer200306 img { width:300px; position:relative; }
.layer200306 > a { position:absolute; top:52.5%; left:50%; transform:translateX(-50%); overflow:hidden; text-indent:-300px; display:block; width:55%; height:8%; background:rgba(256,256,256,0); }
.layer200306 .form_b { width:100%; height:25px; padding:0 4% 9%; box-sizing:border-box; position:absolute; left:0; bottom:0; line-height:25px; color:#fff; font-size:14px; }
.layer200306 .form_b span { float:left; margin-top:-10px }
.layer200306 .form_b a { float:right; color:#fff; border:1px solid #fff; padding:0 10px; line-height:23px; display:inline-block; border-radius:4px; font-size:12px; margin-top:-15px; }

@media (max-width:640px) {
.layer200306 .form_b { padding-bottom:12%; }
}

@media (max-width:450px) {
.layer200306 .form_b { padding-bottom:15%; }
}

}


/* 2020.08 asean */
.asean1 { font-size:110% }
.asean1 .tabbox img { width:40px; }
.asean1 .tabbox.tab-col-10 { border-bottom:0 none; }
.asean1 .tabbox a:not(.active):hover span:after,
.asean1 .tabbox a:not(.active):hover span:before,
.asean1 .tabbox button:not(.active):hover span:after,
.asean1 .tabbox button:not(.active):hover span:before { height:auto; display:none !important; }
.asean1 .tabbox span { display:block; font-weight:600; text-align:center; position:relative; margin-top:0.6em; }
.asean1 .tabbox button:after { height:2em; }
.asean1 .tabbox.tab-col-10 button.active span { border-bottom:0 none; height:auto; line-height:inherit; color:inherit; }
.asean1 .borderbox { overflow:hidden; margin:1.5em 0 .5em; display:flex; flex-direction:row; }
.asean1 .summary__item-title { font-size:1.1rem; padding:2em 0 1em; color:#188ef3; }
.asean1 .borderbox li { width:24%; margin-right:1.33%; margin-bottom:10px;display:flex; flex-direction:column; border:1px solid #ccc; padding:20px 25px; box-sizing:border-box; text-align:center; }
.asean1 .borderbox li:nth-child(4n+4) { margin-right:0; }
.asean1 .borderbox li strong { display:block; color:#093b67; line-height:1.3em;  font-weight:500;}
.asean1 .borderbox li strong small { font-size:90%;font-weight:normal; }
.asean1 .borderbox li strong:after { content:''; display:block;margin:20px auto; width:30px; height:3px; background:#093b67; }
.asean1 .borderbox li p {height:40%; display:flex; align-items:center;justify-content:center;}
.asean1 .borderbox.st2 li {border-width:0; padding:15px;}
.asean1 .borderbox.st2 li strong { color:#000; padding-bottom:15px; }
.asean1 .borderbox.st2 li strong img { max-width:74px; width:35%; margin:0 auto 10px; display:block; margin-bottom:10px; }
.asean1 .borderbox.st2 li strong:after { display:none; }
.asean1 .borderbox2 { margin:3% 0; box-sizing:border-box; position:relative; overflow:hidden;}
.asean1 .borderbox2:before { content:''; width:1px; height:100%; display:block; background:#e3e3e3; position:absolute; top:0; left:50%; }
.asean1 .borderbox2 li {width:45%; box-sizing:border-box; border: 1px solid #e3e3e3; padding:20px; position:relative; }
.asean1 .borderbox2 li strong { font-weight:normal; color:#008bf6; display:block; margin-bottom:5px; font-size:14px;}
.asean1 .borderbox2 li p { box-sizing:border-box; font-size:18px; }
.asean1 .borderbox2 li.float-left { margin-right: 5%; margin-bottom: 30px; }
.asean1 .borderbox2 li.float-right { margin-left: 5%; margin-top: 30px; }
.asean1 .borderbox2 li:before { content: ''; width: 11%; height: 1px; display: block; background: #e3e3e3; position: absolute; top: 50%; }
.asean1 .borderbox2 li:after { content: ''; width: 10px; height: 10px; border-radius: 8px; display: block; background: #e3e3e3; position: absolute; top: 50%; margin-top:-5px; }
.asean1 .borderbox2 li.float-left:before { right: -11%; }
.asean1 .borderbox2 li.float-left:after { right: -12.3%; }
.asean1 .borderbox2 li.float-right:before { left: -11%; }
.asean1 .borderbox2 li.float-right:after { left:-12.3%;}
.asean1 .summary__sec-item { padding: 1em 0; }
.asean1 .summary__table td span {width:25%; display:inline-block; }
.asean1 .summary__table.st2 td span { width:50%; }
.asean1 .summary__table.st3 td span { width:30%; }
.asean1 .summary__table .num { width:30px; height:30px; text-align:center; line-height:30px; font-style:normal; color:#fff; border-radius:4px; background:#093b67;display:block; margin:auto; font-weight:normal;}
.asean1 .col_con_2 { overflow:hidden; display:flex; flex-direction:row;}
.asean1 .col_con_2 .summary__data { display:flex; flex-direction:column; border:1px solid #ccc; padding:20px 25px; box-sizing:border-box; width:49%; margin-right:2%; }
.asean1 .col_con_2 .summary__data:last-child { margin-right:0; }
.asean1 .col_con_3 { overflow: hidden; display: flex; flex-wrap:wrap; flex-direction: row; }
.asean1 .col_con_3 .summary__data { display: flex; box-sizing: border-box; width:32%; margin-right: 2%; flex-direction:column; }
.asean1 .col_con_3 .summary__data:nth-of-type(3n+3) { margin-right: 0; }
@media screen and (max-width:1000px) {
.asean1 .borderbox2 li p { font-size: 16px; }
}
@media screen and (max-width:900px) {
.asean1 .borderbox2 li p { font-size: 15px; }
}
@media screen and (max-width:850px) {
.asean1 .borderbox2 li {width:96%; }
.asean1 .borderbox2:before { top:0; left:2%; }
.asean1 .borderbox2 li.float-left { margin-right:0;margin-left:4%; margin-bottom:20px; }
.asean1 .borderbox2 li.float-right { margin-left:4%; margin-top:0 !important; margin-bottom:20px; }
.asean1 .borderbox2 li:before { width:4%;}
.asean1 .borderbox2 li.float-left:before { right: 0;left: -4%; }
.asean1 .borderbox2 li.float-left:after { right:0;left:-5%; }
.asean1 .borderbox2 li.float-right:before { left: -4%; }
.asean1 .borderbox2 li.float-right:after { left:-5%;}
.asean1 .borderbox2 li p { font-size: 16px; }
}

@media screen and (max-width:768px) {
.asean1 .tabbox a span,
.asean1 .tabbox button span { height:auto; line-height:inherit; display:block; }
.asean1 .tabbox button { border-bottom:0 none; margin-bottom:10px; }
.asean1 .borderbox li { padding:15px; }
.asean1 .borderbox li strong:after { margin:15px auto;height:2px;}
.asean1 .borderbox2 {margin-top:5%;}
.asean1 .col_con_3 .summary__data {  width:49%;}
.asean1 .col_con_3 .summary__data:nth-of-type(3n+3) { margin-right:2%; }
.asean1 .col_con_3 .summary__data:nth-of-type(2n+2) { margin-right:0; }
}

@media screen and (max-width:650px) {
.asean1 .borderbox {flex-wrap:wrap;}
.asean1 .borderbox li { width:49%; margin-right:2%;}
.asean1 .borderbox li:nth-child(2n+2) { margin-right:0; }
.asean1 .borderbox.st2 li:nth-child(4n+1),
.asean1 .borderbox.st2 li:nth-child(4n+2) {border-bottom-width:1px;}
.asean1 .borderbox2 {width:100%; padding:0 1%;}
.asean1 .borderbox2:first-child {padding-top:5%;}
.asean1 .borderbox2:before {left:1%; }
.asean1 .col_con_2 { flex-direction:column; }
.asean1 .col_con_2 .summary__data { flex-direction:column;width:100%; padding:1em;margin-right:0; }
.asean1 .summary__table .num { width:20px; height:20px; line-height:20px; font-size:80%;}
}
@media screen and (max-width:560px) {
.asean1 .col_con_3 { flex-direction:column; }
.asean1 .col_con_3 .summary__data { flex-direction:column;width:100%; padding:1em;margin-right:0; }
.asean1 .borderbox2:before { display:none; }
.asean1 .borderbox2 li {width:100%; padding:15px; }
.asean1 .borderbox2 li.float-left {margin-left:0; margin-bottom:15px; }
.asean1 .borderbox2 li.float-right { margin-left:0; margin-bottom:15px; }
.asean1 .borderbox2 li.float-left:before,
.asean1 .borderbox2 li.float-left:after,
.asean1 .borderbox2 li.float-right:before,
.asean1 .borderbox2 li.float-right:after { display:none}
}
@media screen and (max-width:400px) {
.asean1 .borderbox { flex-direction:column;  }
.asean1 .borderbox li { width:100%; padding:20px; }
.asean1 .borderbox.st2 li {border-bottom-width:1px;}
.asean1 .borderbox.st2 li:last-child {border-bottom-width:0;}
.asean1 .borderbox.st2 li strong {padding-bottom:7px;}
.asean1 .summary__table td img { display:block; margin:0 auto;}
.asean1 .summary__table td span { width:100%;}
}

/* 2020.08.15 travel */
.container .content.travel { padding-top:0;}
.travel .top_h .t_img {position:relative; background:#000;}
.travel .top_h .t_img .wrap { position: absolute; width:100%; height:100%; color: #fff; top:0; left: 50%; transform: translateX(-50%); }
.travel .top_h .t_img .t_slidebox { max-width: 1570px; width: 100%; height: auto; position: relative; overflow: hidden; display: block; margin: 0 auto;}
.travel .top_h .t_img > span { max-width: 1570px; width: 100%; height: auto; position: relative; overflow: hidden; display: block; margin: 0 auto; /* max-width:1200px; padding-top:40%;*/ }
.travel .top_h .t_img > span iframe { width: 100%; height:100%; position:absolute; top:0; left:0;}
.travel .top_h .t_img > .wrap h1 {position:absolute;}
.travel .top_h .t_img > .wrap h1 span { display:block;}
.travel .top_h .t_img span img {width:100%; position: relative; left:50%; transform:translateX(-50%); opacity:1.0;}

.travel .top_h .t_img > .wrap {display:none;}
.travel.main .top_h .t_img h1.tit_h1 {position:absolute; font-size: 70px; font-weight: 500; left: 10%; top: 16%; transform: translateX(-50%) translateY(-50%); color:#fff;}
.travel.main .top_h .t_img .slick-dots { width:100%; text-align:center; position: absolute; bottom:19px; left:0; }
.travel.main .top_h .t_img .slick-dots li {display:inline-block; margin-right:7px;}
.travel.main .top_h .t_img .slick-dots li:last-child {margin-right:0;}
.travel.main .top_h .t_img .slick-dots li button {width:12px; height:12px; background:#fff; border-radius:7px; text-indent:-300px; overflow:hidden; outline:none; box-shadow:0 0 4px rgba(0,0,0,0.4)}
.travel.main .top_h .t_img .slick-dots li.slick-active button {background:#154372;}
.travel.main .top_h .t_img .bt_slick {position:absolute; bottom:15px; left:50%;margin-left:-120px;  display:block; width:20px; height:20px; border-radius:13px; text-indent:-300px; overflow:hidden; outline:none; box-shadow:0 0 4px rgba(0,0,0,0.4)}
.travel.main .top_h .t_img .btn_play { background: #fff url(/assets/images/bul_play.png) no-repeat 7px center;  background-size:7px auto;}
.travel.main .top_h .t_img .btn_pause {  background: #fff url(/assets/images/bul_pause.png) no-repeat center; background-size:6px auto;}

.travel.main .slidebox {position:relative; height:100%;}
.travel.main .slidebox strong {width:100%; display:block; font-size:28px; margin-bottom:30px; color:#fff; font-weight:500; text-align:center;}
.travel.main .slidebox iframe{width:100%; height:100%; position:absolute; top:0; left:0;}
.travel.main .slidebox .slider{width:100%; height:100%;}
.travel.main .slidebox .slick-slide {position:relative; overflow:hidden;}
.travel.main .slidebox .slick-slide img{position:relative; max-width:initial; width:100%; }
.travel.main .slidebox .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:35px;height:80px;background:url("/assets/css/../images/main/main__slide-arrow.png") no-repeat center;background-size:100% auto;text-indent:-9999px;overflow:hidden;z-index:100;outline-width:0;}
.travel.main .slidebox .slick-arrow.slick-prev{left:3%;transform:translateY(-50%) rotate(180deg); cursor:pointer;}
.travel.main .slidebox .slick-arrow.slick-next { right: 3%; cursor: pointer; }

.travel .top_h .t_img > .wrap.h_st1 h1 { font-size:30px; left:0%; bottom:3%; padding-left:30px;font-weight: 500;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b { width:30%; max-width:300px; height:80%; position:absolute; right:0%;top:40%; bottom:4%; transition:all 0.5s ease;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul {display:flex; flex-direction:column;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul li { background-color:; margin-bottom: 1px; box-sizing: border-box; color: #1c67aa; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul li h2 {color:#000; font-size:17px; margin-bottom:6%}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) {height:28%; display: flex; flex-direction: column;  }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) li { height: 33.33%; font-size: 16px; padding: 0 4%; display: flex; align-items: center; justify-content:flex-end }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) li:nth-of-type(1) { background: rgba(256,256,256,0.6) url(/assets/images/sub/bul_travel_head1.png) no-repeat 7% center; background-size: 9% auto; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) li:nth-of-type(2) { background: rgba(256,256,256,0.6) url(/assets/images/sub/bul_travel_head2.png) no-repeat 7% center; background-size: 9% auto; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) li:nth-of-type(3) { background: rgba(256,256,256,0.6) url(/assets/images/sub/bul_travel_head3.png) no-repeat 7% center; background-size: 9% auto; }

.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+2) {height:45%; display: flex; flex-direction: row; flex-wrap:wrap; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+2) li { background: rgba(256,256,256,0.6); width:50%; font-size: 13px; padding: 3%; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+2) li:nth-child(odd) {border-right:1px solid rgba(0,0,0,0.4); }
.travel .top_h .t_img > .wrap.h_st1 h1 span { font-size: 80%; }
.travel .top_h .t_img > .wrap.h_st1 h1:before { content:''; position:absolute; left:0; top:0; width:10px; height:100%; display:block; background:#fff; }
.travel .top_h .t_img > .wrap.h_st2 h1 { font-size:30px; left:2%; bottom:3%; padding-left:30px;}
.travel .top_h .t_img > .wrap.h_st2 h1 span { font-size: 80%; }
.travel .top_h .t_img > .wrap.h_st2 h1:before { content:''; position:absolute; left:0; top:0; width:10px; height:100%; display:block; background:#fff; }
.travel .top_h .t_img > .wrap.h_st2 p { width:50%; position:absolute; right:5%; bottom:10%; font-size:20px; line-height:1.8;}
.travel .top_h .t_img > .wrap.h_st2 .img_flag { width:35%; max-width:450px; position: absolute; left:2%; bottom: 40%; }
.travel .top_h .t_img > .wrap.h_st2 .img_flag img {opacity:1;}
.travel .top_h .t_img > .wrap.h_st3 h1 { font-size:30px; left:2%; bottom:3%; padding-left:30px;}
.travel .top_h .t_img > .wrap.h_st3 h1 span { font-size: 80%; }
.travel .top_h .t_img > .wrap.h_st3 h1:before { content:''; position:absolute; left:0; top:0; width:10px; height:100%; display:block; background:#fff; }

.travel .top_h .t_img > .wrap.h_st4 h1 { font-size:30px; left:2%; bottom:3%; padding-left:30px;}
.travel .top_h .t_img > .wrap.h_st4 h1 span { font-size: 80%; }
.travel .top_h .t_img > .wrap.h_st4 h1:before { content:''; position:absolute; left:0; top:0; width:10px; height:100%; display:block; background:#fff; }
/*
.travel .top_h .t_img > .wrap.h_st3 h1 { font-size: 48px; width: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align:center; }
.travel .top_h .t_img > .wrap.h_st3 h1 span{ font-size:80%;}
.travel .top_h .t_img > .wrap.h_st3 h1 * {font-weight:normal;}
*/
/*
.travel .top_h .t_img > .wrap.h_st4 h1 { font-size: 30px; width: 100%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; }
.travel .top_h .t_img > .wrap.h_st4 h1 span { font-size: 80%; }
.travel .top_h .t_img > .wrap.h_st4 h1 * { font-weight: normal; }
*/
.travel.main .top_h .t_img > .wrap.h_main {text-align:center; display:block;}
.travel.info0 .top_h .t_img > .wrap.h_st1 { display: block; }
.travel.info1 .top_h .t_img > .wrap.h_st1 { display: block; }
.travel.info2 .top_h .t_img > .wrap.h_st2 { display: block; }
.travel.culture .top_h .t_img > .wrap.h_st2 { display: block; }
.travel.news .top_h .t_img > .wrap.h_st2 { display: block; }
.travel.trip1 .top_h .t_img > .wrap.h_st3 { display: block; }
.travel.trip2 .top_h .t_img > .wrap.h_st4 { display: block; }


.travel.info1 .t_tab .tabbox .t1 span,
.travel.info2 .t_tab .tabbox .t1 span,
.travel.trip1 .t_tab .tabbox .t2 span,
.travel.trip2 .t_tab .tabbox .t2 span,
.travel.culture .t_tab .tabbox .t3 span,
.travel.news .t_tab .tabbox .t4 span{ border-bottom: 4px solid #1b5eb8; height: 90px; display: inline-block; line-height: 90px; box-sizing: border-box; width: 100%; text-align: center; font-weight: 600; color: #1b5eb8; }

.travel .btn_b .btn_more {width:70px; height:70px; border-radius:40px; text-align:center; box-sizing:border-box; border:1px solid #dedede; font-size:15px; line-height:68px; display:block; margin:5% auto; position:relative}
.travel .btn_b .btn_more:after { content:''; width:8px; height:4px; display:block; position:absolute; left:50%; top:65%; transform:translateX(-50%) ;background:url(/assets/images/sub/bul_arrow_b.gif) no-repeat;}
.travel .summary__tit_h2_center { font-size: 22px; color:#154372;}
/*.travel .summary__tit_h2_center small { color: #048df6; font-size: 14px; display: block; padding-top: 15px; }*/
.travel .summary__tit_h2_center small { font-size: 14px; display: block; padding-top: 15px; }

.travel .board_3th ul,
.travel .board_4th ul,
.travel .board_5th ul { display: flex; flex-wrap: wrap; }
.travel .board_5th ul li,
.travel .board_4th ul li,
.travel .board_3th ul li,
.travel .board_3th ul li a { display: flex; flex-wrap: wrap; box-sizing: border-box; align-content:start;}
.travel .board_5th ul { justify-content:space-between;}
.travel .board_5th ul li { width: 20%; margin-bottom: 3%; }
.travel .board_4th ul li { width: 50%; margin-bottom: 3%; }
.travel .board_4th ul li .li { width: 46%; margin-right: 4%; position: relative; }
.travel .board_4th ul li .li.img span { width: 51px; height: 51px; display: block; position: absolute; right: 20px; bottom: 20px; background: url(/assets/images/sub/bul_vodplayer.png) no-repeat; background-size: 100% auto; overflow: hidden; text-indent: -300px; }
.travel .board_3th ul li { width: 33.33%; margin-bottom: 3%; overflow:hidden; }
.travel .board_3th ul li .li { width:87%; }
.travel .board_3th ul li:nth-child(3n+2) .li {margin:0 auto;}
.travel .board_3th ul li:nth-child(3n+3) .li { margin-left:auto;}
.travel .board_3th .btn_detail { display:block; border-top:1px solid #d6d6d6; padding:10px 0; color:#787878; text-align:right;}
.travel .board_3th ul li:hover .btn_detail { text-decoration:underline;}

.travel .summary__section .border-list__item a { padding: 2em 5em 2em 2em; position:relative; overflow:hidden;}
.travel .summary__section .border-list__item a:after {content:''; width:20px; height:37px; display:block; position:absolute; right:3%; top:50%; transform:translateY(-50%) ;background:url(/assets/images/sub/bul_arrow_r.png) no-repeat center; background-size:100% auto;}
.travel .summary__section .border-list__item-desc { height: auto; margin-top: 5px; }
.travel .summary__section .border-list__item-date h2 { font-size:3rem;}
.travel .summary__section .border-list__item-date p { margin-top: 0; }
.travel .summary__section .border-list__item-title { font-weight: bold; font-size: 1.4rem; }
.travel .summary__section .border-list__item-title strong { color: #048df6; padding-right:5px; }
.travel.main .t_tab { width: 100%; background: #154372; }
.travel.main .country_btn_b { padding: 1.5em 0; display: flex; flex-direction: row; justify-content: space-between; }
.travel.main .country_btn_b a {display: block;padding:0 5px; text-align:center; box-sizing:border-box;}
.travel.main .country_btn_b a img {max-width:88px; width:100%; opacity:1.0; box-sizing:border-box; border:2px solid rgba(117,141,197,1)}
.travel.main .country_btn_b a span { color: #fff; font-size: 20px; display: block; padding-top:5px;}
.travel.main .country_btn_b a:hover img { opacity:1; border:2px solid rgba(256,256,256,1); }

.travel .t_board_list ul li .li {position: relative; }
.travel .t_board_list ul li .li.img { overflow:hidden; background:#eee;}
.travel .t_board_list ul li .li.img img { width: 100%; position: relative; top:50%; transform:translateY(-50%);}
.travel .t_board_list ul li .li.txt * { line-height:1.5;  }
.travel .t_board_list ul li .li.txt strong { color: #048df6; font-weight: normal; font-size: 14px; padding-left: 15px; background: url(/assets/images/sub/bul_map1.png) no-repeat 0 4px; display:block;}
.travel .t_board_list ul li .li.txt h3 { color: #048df6; font-size: 18px; font-weight:normal; display: block; margin-top:14px;}
.travel .t_board_list ul li .li.txt p { color: #000; padding:5% 0;}
.travel .t_board_list ul li .li.txt:hover h3 { color: #048df6; }
.travel .t_board_list ul li .li.txt span { color: #929292; }
.travel .t_board_list.board_3th ul li .li.txt strong { margin-top:15px;}
.travel .t_board_list.board_3th.st2 ul li .li.txt strong { padding-left:0; background:none; }

.travel.sub .t_tab { border-bottom:1px solid #5a5a5a;}
.travel.sub .t_tab .tabbox { border-bottom: 0 none; }
.travel .sub_m_news { display:flex; flex-direction:row;}
.travel .sub_m_news .li.txt * {color:#fff; line-height:1.6; }
.travel .sub_m_news .li.txt p a { margin-left: 5px; color: inherit; }
.travel .sub_m_news > div { width: 50%; position: relative; overflow: hidden; }
.travel .sub_m_news > div .li.img { width: 100%; position: relative;  }
.travel .sub_m_news > div .li.img img { width: 100%; vertical-align: top; opacity:1.0;}
.travel .sub_m_news > div .li.txt { width: 100%; height:100%; position: absolute; top:0; left:0; box-sizing:border-box; padding:3em; }
.travel .sub_m_news > div .li.txt p { position:absolute; bottom:0; left:0;padding:3em; }
.travel .sub_m_news > div .li.txt strong { font-size: 18px; line-height:normal;}
.travel .sub_m_news > div .li.txt h3 {font-size:30px;}
.travel .sub_m_news > ul { display: flex; width: 50%; flex-direction: column; }
.travel .sub_m_news > ul li { width:100%; display: flex; overflow:hidden; flex-direction: row; }
.travel .sub_m_news > ul li .li { width: 50%; position: relative; }
.travel .sub_m_news > ul li .li.img { overflow: hidden; }
.travel .sub_m_news > ul li .li.img img { width: 100%; vertical-align:top; }
.travel .sub_m_news > ul li .li.txt {box-sizing:border-box; padding:2em; }
.travel .sub_m_news > ul li .li.txt strong { color: #048df6; font-weight: normal; font-size: 14px; }
.travel .sub_m_news > ul li .li.txt h3 { color: #686868; font-size: 18px; font-weight:normal; display: block; }
.travel .sub_m_news > ul li .li.txt p { color: #929292; padding:5% 0;}
.travel .sub_m_news > ul li .li.txt:hover h3 { color: #000; }
.travel .sub_m_news > ul li .li.txt span { color: #929292; }
.travel .sub_m_news > ul li:nth-of-type(1) .li.txt { background-color: #cbe1fa; }
.travel .sub_m_news > ul li:nth-of-type(2) .li.txt { background-color: #c7edf6; }
.travel .sub_m_news > ul li:nth-of-type(1) { flex-direction: row-reverse; }
.travel .info_data > ul li .li.txt:before { content: ''; width: 0; height: 0; display: block; border-width: 30px; border-style: solid; position: absolute; top: 10%; }
.travel .sub_m_news > ul li:nth-of-type(1) .li.txt:before { border-color: transparent transparent transparent #cbe1fa; right: -60px; }
.travel .sub_m_news > ul li:nth-of-type(2) .li.txt:before { border-color: transparent #c7edf6 transparent transparent; left: -60px; }
.travel .info_data {display:flex; flex-direction:row;}
.travel .info_data .li { box-sizing:border-box;}
.travel .info_data .img { width:40%; }
.travel .info_data .img img { width:100%; }
.travel .info_data .txt { width:60%; padding:2em; background:#f6f6f6;}
.travel .info_data .txt li { width:100%; display: flex; flex-direction: row; margin-bottom:10px;}
.travel .info_data .txt li * { line-height:1.7; font-size:15px;}
.travel .info_data .txt li h3 { width:15%; color:#048df6;}
.travel .info_data .txt li p { width:85%; }
.travel .info_data .txt.st2 li { flex-direction: column; }
.travel .info_data .txt.st2 li h3 { width: 100%; margin-bottom:10px; }
.travel .info_data .txt.st2 li p { width: 90%;}
.travel .info_data .slidebox {position:relative; height:100%;}
.travel .info_data .slidebox strong {width:100%; display:block; font-size:28px; margin-bottom:30px; color:#fff; font-weight:500; text-align:center;}
.travel .info_data .slidebox iframe{width:100%; height:100%; position:absolute; top:0; left:0;}
.travel .info_data .slidebox .slider{width:100%; height:100%;}
.travel .info_data .slidebox .slick-arrow {display:none !important; }
.travel .info_data .slidebox .slick-slide {position:relative; overflow:hidden;}
.travel .info_data .slidebox .slick-slide img{position:relative; max-width:initial; width:auto; height:100%;}
.travel .info_data .slidebox .slick-dots { position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.travel .info_data .slidebox .slick-dots li {display:inline-block;padding:0 4px;}
.travel .info_data .slidebox .slick-dots li button {display:inline-block; background:#fff; width:14px; height:14px; border-radius:9px; text-indent:-300px; overflow:hidden; }
.travel .info_data .slidebox .slick-dots li.slick-active button { background: #048df6; }
.travel .info_data2 { display: flex; flex-direction: column; }
.travel .info_data2 .li { border:1px solid #d6d6d6; margin-bottom:1em; padding:3em; font-size:15px;display: flex; flex-direction: row;}
.travel .info_data2 h3{ color:#048df6; font-size:140%; width:10%; }
.travel .info_data2 ul { width: 90%; }
.travel .info_data2 ul li { padding-bottom: 10px; }
.travel .info_data2 h4 {font-size:15px;  display:block; padding-bottom:5px;}
.travel .info_data2 p { line-height:1.8;}
.travel .info_data2 .li ul li:last-child{ padding-bottom:0;}
.travel .etc_b { margin-top: 3em; }
.travel .etc_b ul { justify-content:space-between; }
.travel .etc_b ul li { border: 1px solid #d6d6d6; width:31%; padding:2em; display:block;}
.travel .etc_b h3 { width:100%; color:#048df6; display:block; margin-bottom:10px;}
.travel .etc_b p { width: 100%; display: block; }
.travel .trip_list ul li { width:18%;}
.travel .trip_list ul li a { width: 100%; height: 100%; overflow: hidden; display: block; position: relative; }
.travel .trip_list ul li a h3{ width:100%; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%); color:#fff; font-size:20px; opacity:1; transition:all 0.3s ease;}
.travel .trip_list ul li a p { width: 100%; height: 100%; overflow: hidden; display: block; position: relative; background: #000; }
.travel .trip_list ul li a p img { width: 100%; min-height: 100%; height:auto; opacity:0.5; transition:all 0.3s ease;}
.travel .trip_list ul li a:hover p img { opacity: 1; }
.travel .trip_list ul li a:hover h3 { transform: translateY(-50%) scale(2); opacity:0; }
.travel .pagination { width:500px; margin:0 auto; padding:2em 0 1em; text-align:center;}
.travel.trip2 .summary__section.top_h,
.travel.culture .summary__section.top_h { margin-bottom: 0; }
.travel .tabbox.lng_tab { margin-bottom: 0; height: 60px; box-sizing:border-box; }
.travel.trip2 .tabbox.lng_tab { padding-left: 26%; }
.travel.culture .tabbox.lng_tab { padding-left: 55%; }
.travel .tabbox.lng_tab button { padding:0 20px;}
.travel .tabbox.lng_tab button.active span { border-bottom:0 none; height: 60px; line-height: 60px; color:#048df6; }
.travel .tabbox.lng_tab button:after { display:none; }
.travel .txt_center { word-break:keep-all; text-align: center; padding:0 7em 3em;font-size: 14px;}

.travel_sub.t_country_tab { width: 100%; background: #154372; }
.travel_sub.t_country_tab .country_btn_b { padding: 1.5em 0; display: flex; flex-direction: row; justify-content: space-between; }
.travel_sub.t_country_tab .country_btn_b a {display: block;padding:0 5px; text-align:center; box-sizing:border-box;}
.travel_sub.t_country_tab .country_btn_b a img {max-width:88px; width:100%; opacity:0.5; box-sizing:border-box; border:2px solid rgba(256,256,256,0)}
.travel_sub.t_country_tab .country_btn_b a span { color: #fff; font-size: 14px; display: block; padding-top:5px;}
.travel_sub.t_country_tab .country_btn_b a.active img,
.travel_sub.t_country_tab .country_btn_b a:hover img { opacity:1; border:2px solid rgba(256,256,256,1); }
.btn_travel_home {
	width: 236px; height: 56px; display: block; margin: 50px auto 0;
	background: #f6f6f6; font-size:20px; color:#4e4e4e;
	border: 1px solid #cecece; box-sizing:border-box; text-align:center; line-height:54px;}
.btn_travel_home img {margin-right:5px; }

@media screen and (max-width:1200px) { .container .content.travel { padding-top: 0; }
.travel.main .top_h .t_img h1.tit_h1 { font-size: 5vw; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b { top:20%; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul li h2 {font-size:14px;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) {height:35%;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+1) li {font-size:14px;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+2) {height:65% }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b ul:nth-child(2n+2) li {font-size:12px; }
.travel.info2 .top_h .t_img > .wrap.h_st2 p { font-size:2vw; line-height:1.5;}
.travel.culture .top_h .t_img > .wrap.h_st2 p{ font-size: 2vw; line-height: 1.5;}
.travel.news .top_h .t_img > .wrap.h_st2 p{ font-size: 2vw; line-height: 1.5; }
.travel.trip2 .top_h .t_img > span {height:300px;}
.travel .pagination { width:300px;}
}
@media screen and (max-width:840px) {
.travel.main .top_h .t_img h1.tit_h1 { font-size: 5vw; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b { opacity:0; right:-10%; height:50%;}
.container .content.travel { margin-top: 0; }
.travel.sub .top_h .t_img > .wrap h1 { font-size:35px; }
.travel.trip2 .top_h .t_img > span {height:200px;}
.travel.trip2 .top_h .t_img > span img { transform: translateX(-50%) translateY(-15%) scale(1.3) }
.travel .sub_m_news > ul li .li.txt {padding:1em; }
.travel .trip_list ul li a h3{ font-size:16px;}
.travel .info_data .slidebox {width:100%; }
}
@media screen and (max-width:768px) {
.travel.main .top_h .t_img h1.tit_h1 { font-size: 4vw; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b { opacity:0; right:-10%; height:50%;}
.travel .top_h .t_img span img {width:auto; max-width:inherit; height:300px;}
.travel .t_tab .tabbox { height:50px; }
.travel .t_tab .tabbox a {height:50px; line-height:50px; }
.travel.info1 .t_tab .tabbox .t1 span,
.travel.info2 .t_tab .tabbox .t1 span,
.travel.trip1 .t_tab .tabbox .t2 span,
.travel.trip2 .t_tab .tabbox .t2 span,
.travel.culture .t_tab .tabbox .t3 span,
.travel.news .t_tab .tabbox .t4 span { height: 50px; line-height: 50px; }
.tabbox.tab-col-4 button:nth-child(2n):after { display: block; }
.travel .tabbox.lng_tab { border-bottom: 1px solid #d9d9d9;height: 50px;display:flex; justify-content:space-around;  }
.travel.trip2 .tabbox.lng_tab {padding-left:0;  }
.travel.culture .tabbox.lng_tab {padding-left:35%;  }
.travel .tabbox.lng_tab button { padding:0;}
.travel .tabbox.lng_tab button.active span { height: 50px; line-height: 50px; }
.travel .tabbox.lng_tab:after {display:none;}
.travel .summary__tit_h2_center { font-size: 20px;}
.travel .summary__section .border-list__item-date h2 { font-size: 2.5rem; }
.travel .board_5th ul li { width: 31%; }
.travel .board_4th ul li { width: 100% !important; }
.travel.main .country_btn_b { flex-wrap: wrap; padding:1em 0; }
.travel.main .country_btn_b a { width: 20%; }
.travel.main .country_btn_b a:nth-of-type(1) ,
.travel.main .country_btn_b a:nth-of-type(2) ,
.travel.main .country_btn_b a:nth-of-type(3) ,
.travel.main .country_btn_b a:nth-of-type(4) ,
.travel.main .country_btn_b a:nth-of-type(5) { padding-bottom:1em;}
.travel.main .country_btn_b a span {font-size:13px;}
.travel.main .country_btn_b a img {max-width:70px;}
.travel.sub .t_tab .tab-col-4 button {width:25%; border-bottom:0 none; }
.travel .sub_m_news { flex-direction:column;  }
.travel .sub_m_news > div ,
.travel .sub_m_news > ul { width:100%;  }
.travel_sub.t_country_tab .country_btn_b { flex-wrap: wrap; padding:1em 0; }
.travel_sub.t_country_tab .country_btn_b a { width: 20%; }
.travel_sub.t_country_tab .country_btn_b a:nth-of-type(1) ,
.travel_sub.t_country_tab .country_btn_b a:nth-of-type(2) ,
.travel_sub.t_country_tab .country_btn_b a:nth-of-type(3) ,
.travel_sub.t_country_tab .country_btn_b a:nth-of-type(4) ,
.travel_sub.t_country_tab .country_btn_b a:nth-of-type(5) { padding-bottom:1em;}
.travel_sub.t_country_tab .country_btn_b a span {font-size:13px;}
.travel_sub.t_country_tab .country_btn_b a img {max-width:70px;}
}

@media screen and (max-width:640px) {
.travel.main .top_h .t_img h1.tit_h1 { font-size: 4vw; }
.travel .top_h .t_img > .wrap.h_st1 .t_h_b { opacity:0; right:-10%; height:50%;}
.travel .board_3th ul li { width: 100%; max-width:100%; flex-direction:row;}
.travel .board_3th ul li .li.img { width: 46%; margin-right: 4%; }
.travel .board_3th ul li .li.txt{width:50%;}
.travel .top_h .t_img > .wrap.h_st2 .img_flag img{width:100%; height:auto;}
.travel .summary__section .border-list__item a { padding: 1.5em 4em 1.5em 1.5em; }
.travel .info_data {flex-direction:column;}
.travel .info_data .img,
.travel .info_data .txt { width:100%;}
.travel .info_data2 .li {padding:1.5em; flex-direction: column;}
.travel .info_data2 h3{ width:100%; margin-bottom:13px;}
.travel .info_data2 ul { width: 100%; }
.travel .txt_center { padding:0 2em 2em;}
.btn_travel_home {width: 220px; height: 50px; border-radius: 15px; margin: 10px auto 0;font-size:16px;line-height:48px;}
.travel.main .slidebox .slick-arrow{width:25px;}
}
@media screen and (max-width:550px) {
.travel.main .top_h .t_img h1.tit_h1 { font-size: 4vw; }
.travel .board_4th ul li .li.txt{width:50%; margin-right:0;}
.travel .top_h .t_img > .wrap.h_st1 .t_h_b { opacity:0; right:-10%; height:60%;}
.travel .top_h .t_img span img { height: 250px; }
.travel .top_h .t_img > .wrap.h_st2 .img_flag { width:30%; }
.travel .btn_b .btn_more {width:60px; height:60px; font-size:14px; line-height:58px;}
.travel .country_btn_b a span {font-size:12px;}
.travel .summary__section .border-list__item-full {padding-left:5em; }
.travel .summary__section .border-list__item-date { width:4rem;}
.travel .summary__section .border-list__item-title { font-size: 1.25rem; }
.travel .summary__section .border-list__item a { padding: 1em 2.7em 1em .7em; }
.travel .summary__section .border-list__item a:after {content:''; width:13px; }
.travel .sub_m_news > div .li.txt { padding:2em; }
.travel .sub_m_news > div .li.txt p { padding:2em; }
.travel .sub_m_news > div .li.txt strong { font-size: 15px; }
.travel .sub_m_news > div .li.txt h3 {font-size:20px;}
.travel.sub .top_h .t_img > .wrap h1 { font-size:25px; padding-left:15px;}
.travel.sub .top_h .t_img > .wrap h1:before { width:5px;}
.travel .info_data .li {padding:1.5em; }
.travel .info_data .li li {flex-direction: column;}
.travel .info_data .li li h3 {width:100%}
.travel .info_data .li li p {width:100%}
.travel .etc_b ul li { padding:1.5em;}
}
@media screen and (max-width:430px) {
.travel .board_5th ul li { width: 48%; }
.travel .board_4th ul li .li.img span { width:40px; height:40px;}
.travel .top_h .t_img span img { height: 200px; }
.travel .summary__tit_h2_center { font-size: 20px; }
.travel .summary__section .border-list__item-date h2 { font-size:2rem;}
.travel .sub_m_news > ul li { flex-direction: column; margin-top:1em; }
.travel .sub_m_news > ul li .li { width: 100%; }
.travel .sub_m_news > ul li .li.img { width: 100%; margin-right: 0; }
.travel .sub_m_news > ul li:nth-of-type(1) { flex-direction: column; }
.travel .t_board_list ul li a.txt p { padding:3% 0;}
.travel .t_board_list ul li { width: 100% !important; }
.travel .t_board_list ul li .li { width: 100% !important; margin-right:0 !important;}
.travel.main .slidebox .slick-arrow{background-size:70% auto;}
}

.con_left { max-width:210px; width:22%; float:left;}
.con_left h1 {height:40px; width:100%; font-size:24px; margin-bottom:5%; border-bottom:2px solid #2060b5; color:#2060b5; display:block; }
.con_left a { display:block; font-size:22px; color:#303030; color:#686868; padding:4% 0; margin:0 4%; line-height:1.3; }
.con_left a:hover,
.con_left a.sel{ color: #303030; font-weight:600;}
.con_left a.sel{ background:url("/assets/css/../images/sub/map-arrow.png") no-repeat right center;}
.con_right { max-width: 910px; width:76%; float: right; padding-top: 40px; }
.board_list2 ul {border:solid #909090; border-width:1px 0; }
.board_list2 ul li {background:#fff; border-bottom:1px solid #e0e0e0; padding:50px 30px; box-sizing:border-box; position:relative; z-index:0; top:0; transition:all 0.4s ease;}
.board_list2 ul li:last-child { border-bottom:0 none;}
.board_list2 ul li a {width:100%; height:100%; display:block; overflow:hidden;}
.board_list2 ul li a .b_img {width:300px;height:200px; display:block; float:left; margin-right:5%; overflow:hidden;}
.board_list2 ul li a .b_img img {width:100%; min-height:100%; }
.board_list2 ul li a .b_txt { font-size:20px; color:#383838;}
.board_list2 ul li a .b_txt .b_sub_tit { margin-top:1%; }
.board_list2 ul li a .b_txt .b_sub_tit strong {color:#188ef3; }
.board_list2 ul li a .b_txt .b_sub_tit span:before {content:''; display:inline-block; width:1px; height:17px; background:#333; margin: 0 15px 0 12px;}
.board_list2 ul li a .b_txt .b_sub_tit span {color:#5c5c5c;}
.board_list2 ul li a .b_txt h2 { font-size: inherit; line-height:1.4; font-weight:normal; padding:1.5% 0;}
.board_list2 ul li a .b_txt h2 strong { font-size: 120%; line-height:inherit; margin-right:3%;}
.board_list2 ul li a .b_txt .d_date { color:#7f8385; line-height:inherit; padding-left:25px; background:url("/assets/css/../images/sub/bul_cal200909.png") no-repeat 0 center;}
.board_list2 ul li a .b_txt p { line-height:1.4;}
.board_list2 ul li a .b_txt p span { display:block; text-align:right; font-size:16px; font-weight:600; margin-top:2%;}
.board_list2 ul li a .b_txt p span:after { content:''; float:right; width:15px; height:15px; margin:0 20px 0 5px; background:url("/assets/css/../images/sub/bul_arrow_more.png") no-repeat center;}
.board_list2 ul li:hover { box-shadow:0 0 20px rgba(0,0,0,0.2); top:-2px; z-index:1; }
.board_list2 ul li:hover a .b_txt p span { color: #188ef3; }
.board_list2 ul li:hover a .b_txt p span:after { background:url("/assets/css/../images/sub/bul_arrow_more_hover.png") no-repeat center; }
.board_list2_bottom { margin-top:4%;}
.board_list2_bottom .search2 { width:auto; border:0 none; }
.board_list2_bottom .search2 .select {border-right:0 none;}
.board_list2_bottom .search2 .search__form { border-left: 0 none; margin-left:0; }
.board_list2_bottom .float-left { float:left !important;}
.board_list2_bottom .float-right { float:right !important;}

.board_list2.notice_b ul li{ padding:2% 3%; }
.board_list2.press_b ul li { padding: 3% 4% 1%; }
.board_list2.press_b ul li a .b_txt .d_date { display:block; }

@media screen and (max-width:780px) {
.con_left { display:none;}
.con_right { max-width: 100%; width:100%; float: none; }
.board_list2 ul li { padding:30px 20px; }
.board_list2 ul li a .b_img { width: 250px; height: 160px; }
.board_list2 ul li a .b_txt { font-size: 18px; }
.board_list2.notice_b ul li{ padding: 3%; }
.board_list2 ul li:hover { box-shadow:0 0 15px rgba(0,0,0,0.2); top:-2px; }
}
@media screen and (max-width:640px) {
.board_list2 ul li { padding:20px 15px; }
.board_list2 ul li a .b_img { width: 200px; height: 120px; }
.board_list2 ul li a .b_txt { font-size: 16px; }
.board_list2 ul li a .b_txt .b_sub_tit span:before {height:14px; margin: 0 12px 0 9px;}
.board_list2 ul li a .b_txt p span { font-size:14px; margin-top:4%;}
.board_list2 ul li a .b_txt p span:after { width:13px; height:13px; margin:0 15px 0 5px; background-size:100%;}
.board_list2 ul li a:hover .b_txt p span:after { background-size:100%;}
.board_list2_bottom .search2 { float:none !important;width:281px; height:40px; margin:0 auto; text-align:center; }
.board_list2_bottom .pagination { float:none !important;width:320px; text-align:center;margin:20px auto;}
}
@media screen and (max-width:550px) {
.board_list2 ul li { padding:20px 5px; }
.board_list2 ul li a .b_img { width: 100%; height: auto; float: none; }
.board_list2 ul li a .b_txt .b_sub_tit { margin-top:5%; }
.board_list2 ul li a .b_txt h2 { padding:3% 0;}
.board_list2 ul li a .b_txt .d_date {background-size:15px; padding-left:20px;}
.board_list2.notice_b ul li{ padding:5% 3%; }
.board_list2.notice_b ul li a .b_txt .b_sub_tit { margin-top:0%; }
}

/*일정안내 2020.09*/
.calendar_b { }
.calendar_b .wrap .con-left{ width: 37%;}
.calendar_b .wrap .con-right { width: 60%; }
.calendar_b .hasDatepicker { border:1px solid #e8e8e8; box-sizing:border-box; padding:15px 15px 0;}
.calendar_b .ui-widget.ui-widget-content { width: 100%; border: 0 none; box-sizing:border-box;}
.calendar_b .ui-priority-secondary,
.calendar_b .ui-widget-content .ui-priority-secondary,
.calendar_b .ui-widget-header .ui-priority-secondary { opacity: .3; font-weight: normal; }
.calendar_b .ui-state-default,
.calendar_b .ui-widget-content .ui-state-default,
.calendar_b .ui-widget-header .ui-state-default,
.calendar_b .ui-button,
html .calendar_b .ui-button.ui-state-disabled:hover,
html .calendar_b .ui-button.ui-state-disabled:active { border: 0 none; background: none; height: 50px; }
.calendar_b .ui-datepicker th { color:#b4b4b4;font-size:10px; height:30px;}
.calendar_b .ui-datepicker th { color:#b4b4b4;font-size:10px; height:30px;}
.calendar_b .ui-datepicker td {border-bottom:1px solid #f8f8f8; }
.calendar_b .ui-datepicker tr:last-child td {border-bottom:0 none; }
.calendar_b .ui-datepicker td span, .calendar_b .ui-datepicker td a { text-align: left; padding: 5px; margin: 5px; color: #000; box-sizing:border-box;position:relative; }
.calendar_b .ui-datepicker td:nth-of-type(1).ui-datepicker-week-end a { color:#00adab;}
.calendar_b .ui-datepicker td:nth-of-type(7).ui-datepicker-week-end a { color:#fc4f48;}
.calendar_b .ui-state-highlight,
.calendar_b .ui-widget-content .ui-state-highlight,
.calendar_b .ui-widget-header .ui-state-highlight,
.calendar_b .ui-state-active { background: #008bf6 !important; color: #fff !important;}
.calendar_b .ui-state-highlight:after,
.calendar_b .ui-widget-content .ui-state-highlight:after,
.calendar_b .ui-widget-header .ui-state-highlight:after,
.calendar_b .ui-state-active:after { content:''; background: url("/assets/images/sub/bg_calP.gif") no-repeat center; display:block; width:13px; height:13px; position:absolute; right:0; bottom:0; background-size:100% auto;}
.calendar_b .ui-widget-header { background: none; border-width: 0 0 1px; }
.calendar_b .ui-datepicker .ui-datepicker-title { text-align:left; margin:0;}
.calendar_b .ui-datepicker .ui-datepicker-prev,
.calendar_b .ui-datepicker .ui-datepicker-next { display: none; }
.calendar_b .ui-datepicker select.ui-datepicker-month,
.calendar_b .ui-datepicker select.ui-datepicker-year { width:auto; height:30px; line-height:30px; font-weight:bold; margin-right:10px; padding:0 10px;background: url("/assets/images/sub/arrow-down.png") no-repeat right 55%; padding-right:20px;}

.calendar_b .ui-datepicker select.ui-datepicker-month {  }
.calendar_b .ui-datepicker select.ui-datepicker-year { float:left;  }
.board_list3 ul { margin-top:30px;}
.board_list3 ul li { display: flex; justify-content: space-between; width: 100%; margin-bottom:20px;}
.board_list3 ul li strong {background:#bbb; color:#fff; padding:10px; width:30px; text-align:center; font-size:14px; display:block; }
.board_list3 ul li a {display:flex; align-items:center; font-size:15px; line-height:1.3;}
.board_list3 ul li a:nth-of-type(1) {padding:0 15px; width:70%;}
.board_list3 ul li a:nth-of-type(2) { width: 18%; justify-content: center; border-left: 1px solid #e8e8e8; color: #008bf6; }
.board_list4 ul {border-top:1px solid #e8e8e8;}
.board_list4 ul li {border-bottom:1px solid #e8e8e8;position:relative; z-index:0; top:0; transition:all 0.25s ease;}
.board_list4 ul li a { display:flex;  padding:20px; }
.board_list4 ul li a .b_cal p {background:#008bf6; color:#fff; padding:5px 0 15px 5px; margin-right:20px; width:48px; box-sizing:border-box;}
.board_list4 ul li a .b_cal p b {font-size:25px; display:block;}
.board_list4 ul li a .b_cal p span {font-size:16px; display:block;}
.board_list4 ul li a .b_txt {display:flex; flex-direction:column; justify-content:center;}
.board_list4 ul li a .b_txt p strong {font-size:16px; padding-right:10px; color:#008bf6; }
.board_list4 ul li a .b_txt p span {font-size:18px; color:#aaa;}
.board_list4 ul li a .b_txt h2 {margin-top:2%;}
.board_list4 ul li a .b_txt h2 strong {font-size:22px; font-weight:normal;}
.board_list4 ul li:hover { box-shadow:0 0 20px rgba(0,0,0,0.2); top:-2px; z-index:1; }

@media screen and (max-width:780px) {
.calendar_b .wrap .con-left { width: 100%;  float: none;}
.calendar_b .wrap .con-right {width: 100%;  float: none; margin-top:30px; }
.board_list4 ul {margin-top:40px;}
.board_list4 ul li:hover { box-shadow:0 0 15px rgba(0,0,0,0.2); top:-1px; }
}
@media screen and (max-width:640px) {
.calendar_b .hasDatepicker { padding:5px 5px 0;}
.calendar_b .ui-datepicker select.ui-datepicker-month,
.calendar_b .ui-datepicker select.ui-datepicker-year { background-size:10px auto; padding-right:15px;}
.calendar_b .ui-state-default,
.calendar_b .ui-widget-content .ui-state-default,
.calendar_b .ui-widget-header .ui-state-default,
.calendar_b .ui-button,
html .calendar_b .ui-button.ui-state-disabled:hover,
html .calendar_b .ui-button.ui-state-disabled:active { height: 30px; }
.calendar_b .ui-state-highlight:after,
.calendar_b .ui-widget-content .ui-state-highlight:after,
.calendar_b .ui-widget-header .ui-state-highlight:after,
.calendar_b .ui-state-active:after { width:8px; height:8px; }
.calendar_b .ui-datepicker td span,
.calendar_b .ui-datepicker td a {padding:3px; margin:3px;}
.board_list3 ul { margin-top:20px;}
.board_list3 ul li {margin-bottom:10px;}
.board_list4 ul li a {padding:15px;}
.board_list4 ul li a .b_cal p b {font-size:20px;}
.board_list4 ul li a .b_cal p span {font-size:13px;}
.board_list4 ul li a .b_txt p strong {font-size:14px; }
.board_list4 ul li a .b_txt p span {font-size:14px; }
.board_list4 ul li a .b_txt h2 strong {font-size:18px;}

}
@media screen and (max-width:450px) {
.board_list4 ul li a {padding:10px; }
.board_list4 ul li a .b_cal p {margin-right:10px; width:40px; }
.board_list4 ul li a .b_txt p span {font-size:13px; }
.board_list4 ul li a .b_txt h2 strong {font-size:16px;}
}

body.gallery { background: #000; }
body.gallery h1 { width: 162px; height: 44px; z-index: 50; overflow: hidden; text-indent: -300px; position: absolute; top: 40px; left:40px; background: url('/assets/images/sub/gallery_logo.png') no-repeat 0 0; }

body.gallery .slider { position: relative; height: 100vh; width: 100%; }
body.gallery .slider-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; z-index: 0; background-repeat:no-repeat; background-color:#000; transition:all 0.5s ease; opacity:0;}
body.gallery .slider-panel__navigation i:hover, .slider-panel__navigation i:active { color: white; cursor: pointer; }
body.gallery .active { z-index: 10; animation:blur  0.4s ease-in; opacity:1;}
body.gallery .far { width: 70px; height: 70px; position: absolute; top: 50%; transform: translateY(-50%); display: block; border: 2px solid rgba(256,256,256,0.5); border-radius: 40px; z-index: 100; text-indent: -300px; overflow: hidden; background-color: rgba(0,0,0,0.5); background-position: center; background-repeat: no-repeat; background-size: auto 50%; cursor: pointer;}
body.gallery .fa-arrow-alt-circle-left { background-image: url('/assets/images/sub/bul_arrow_l1.png'); left: 4%; }
body.gallery .fa-arrow-alt-circle-right { background-image: url('/assets/images/sub/bul_arrow_r1.png'); right: 4%;}
body.gallery .s_b {  }
body.gallery .f_bar { width:100%; height:90px; background:rgba(0,0,0,0.5); box-sizing:border-box; position:fixed; bottom:0; left:0; z-index:60; color:#fff;}
body.gallery .f_bar .f_b{height:100%; margin:0 auto; padding:0 4%; box-sizing:border-box;}
body.gallery .f_bar .f_b h2{width:70%; height:100%; font-size:25px; position:relative; margin-right:10px; display:flex; align-items:center; float:left;}
body.gallery .f_bar .f_b h2 a {
	overflow:hidden;color:#fff; padding-right:35px; line-height:1.3;
	background:url('/assets/images/sub/bul_plus.png') no-repeat right 50%; background-size:auto 26px;
}
body.gallery .f_bar .f_b p {float:right; height:100%; display:flex; align-items:center;}
body.gallery .f_bar .f_b p a {
	overflow:hidden;display:block; width:32px; height:32px; text-indent:-300px; margin-right:10px;
	background:url('/assets/images/sub/bul_like.png') no-repeat center 3px; background-size:100% auto;
}
body.gallery .f_bar .f_b p a.sel {background-position:center bottom; }
body.gallery .f_bar .f_b p span { font-size:25px;}
body.gallery .layer_data {
	width: 100%;position:fixed; bottom:0; left:0; z-index:55; color:#fff; display:none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 23%, rgba(0,0,0,0.7) 36%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.57) 23%,rgba(0,0,0,0.7) 36%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.57) 23%,rgba(0,0,0,0.7) 36%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}
body.gallery .layer_data p { max-width: 1150px; margin:0 auto; padding:15% 5% 190px; box-sizing: border-box; font-size:18px; line-height:1.5;}
body.gallery .layer_data a {
	overflow:hidden;display:block; width:33px; height:33px; text-indent:-300px; border:1px solid #fff; border-radius:20px;
	position:absolute; left:50%; bottom:110px; transform:translateX(-50%);
	background:rgba(0,0,0,0.5) url('/assets/images/sub/bul_close.png') no-repeat center; background-size:17px auto;
}

@-webkit-keyframes circle {
	0% { -webkit-clip-path: circle(75%); clip-path: circle(75%); }
	100% { -webkit-clip-path: circle(0%); clip-path: circle(0%); }
}

@keyframes circle {
	0% { -webkit-clip-path: circle(75%); clip-path: circle(75%); }
	100% { -webkit-clip-path: circle(0%); clip-path: circle(0%); }
}

@-webkit-keyframes blur {
	0% { -webkit-filter: blur(10px); filter: blur(10px); opacity:0;}
	100% { -webkit-filter: blur(0); filter: blur(0); opacity:1;}
}

@keyframes blur {
	0% { -webkit-filter: blur(10px); filter: blur(10px); opacity:0; }
	100% { -webkit-filter: blur(0); filter: blur(0); opacity: 1; }
}

@media screen and (max-width:1200px) {
body.gallery h1 { left: 40px; margin-left: 0; }
body.gallery .slick-arrow { transform: translateY(-50%); }
body.gallery .fa-arrow-alt-circle-left { left: 5%; margin-left: 0; }
body.gallery .fa-arrow-alt-circle-right { right: 5%; margin-right: 0; }
body.gallery .f_bar .f_b{padding:0 5%;}
}
@media screen and (max-width:700px) {
body.gallery .f_bar { height:70px; line-height:70px;}
}

@media screen and (max-width:640px) {
body.gallery h1 { width: 100px; background-size: 100px auto; top: 30px; left: 30px; }
body.gallery .far { width: 40px; height: 40px; }
body.gallery .f_bar { min-height:60px;}
body.gallery .f_bar .f_b h2{ font-size:20px; }
body.gallery .f_bar .f_b h2 a { padding-right:27px; background-size: auto 22px; }
body.gallery .layer_data p { font-size: 16px; }
body.gallery .slider-item { background-size:100% auto;}
body.gallery .f_bar .f_b p span { font-size:20px;}
body.gallery .f_bar .f_b p a { width: 27px; height: 27px; }
body.gallery .layer_data p {padding-bottom:150px;}
body.gallery .layer_data a { bottom: 80px; width: 27px; height: 27px; background-size: 15px auto; }
}

@media screen and (max-width:440px) {
body.gallery .far { width: 30px; height: 30px; background-size: auto 40%; }
body.gallery .f_bar .f_b h2{ font-size:18px;}
body.gallery .layer_data p { padding-bottom: 130px; }
}
@media screen and (max-width:370px) {
body.gallery .f_bar .f_b h2 { font-size: 16px; }
body.gallery .f_bar .f_b p span { font-size:18px; }
body.gallery .f_bar .f_b p a { width: 23px; height: 23px; margin-right:5px; }
}
@media screen and (max-width:820px) and (max-height:440px) {
	body.gallery h1 { width: 100px; background-size: 100px auto; top: 30px; left: 30px; }
	body.gallery .far { width: 50px; height: 50px; }
	body.gallery .f_bar { height: 70px; line-height: 70px; }
	body.gallery .f_bar .f_b h2 { font-size: 20px; }
	body.gallery .f_bar .f_b p span { font-size: 20px; }
	body.gallery .layer_data a { bottom: 80px; width: 27px; height: 27px; background-size: 15px auto; }
	body.gallery .layer_data p { padding-bottom: 120px; font-size: 14px; }
}