@charset "utf-8";

@import url( "reset.css" );
@import url( "board.css" );
@import url( "button.css" );
@import url( "modal.css" );
@import url( "font.css" );


/* =================================================================
 * skipnavigation
/* =============================================================== */

.skipmenu{position:absolute;top:0;left:0;z-index:99999999999999;width:100%;height:0}
.skipmenu p,.skipmenu ul,.skipmenu ul li{height:0}
.skipmenu li a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;font-weight:700;color:#000;text-align:center;white-space:nowrap}
.skipmenu li a:focus {z-index:1000;width:100%;height:auto;padding:10px 0;background:#000;color:#FFF !important}


/* =================================================================
 * layout
/* =============================================================== */

* {font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box;}
body {min-width:360px;}
a {text-decoration:none; color:inherit;}
.container {width:1600px;margin:0 auto;position:relative;}
.container:after {content:'';display:block;clear:both;}
.wrap {margin:0 auto;position:relative;overflow:hidden;min-width:360px;}
.main-color {color:#1b4792; background:#1b4792;}


/* =================================================================
 * #header
/* =============================================================== */

#header {width:100%;position:relative;height:230px}
#header h1 {margin-bottom:4px;}
#header h1 a {display:block;width:200px;}
#header h1 a img {width:200px;}
#header:after {content:'';display:block;clear:both;}
#header .header-top .logo {float:left;width:300px;height:100px;padding-top:33px;}
#header .header-top .srcForm {float:left;width:1000px;height:100px;padding-top:25px;display:block;}
#header .header-top .srcForm .srcForm_area {position:relative;width:100%;height:50px;}
#header .header-top .srcForm .srcForm_area input {width:100%;height:50px;background:#fff;border:1px solid #1b4792;border-radius:5px;padding-left:135px;padding-right:65px;}
#header .header-top .srcForm .srcForm_area input::placeholder {color:#adc0c3;}
#header .header-top .srcForm .srcForm_area button {position:absolute;right:0;top:0;width:50px;height:50px;background:#1b4792 url('/assets/images/header-search.png') center center no-repeat;border-radius:0 5px 5px 0;font-size:0;}
/* #header .header-top .srcForm .srcForm_area button + button {position:absolute;right:0;top:0;width:50px;height:50px;background:#069edb;border-radius:0 5px 5px 0;font-size:20px;border:1px solid #1b4792;border-left:none;color:#fff;} */
#header .header-top .srcForm .srcForm_area button + button {position:absolute;left:0;top:0;width:120px;height:50px;background:#069edb;border-radius:5px 0 0 5px;font-size:13px;border:1px solid #1b4792;color:#fff;}
#header .header-top .language {float:right;width:300px;height:100px;padding-top:25px;text-align:right;}
#header .header-top .language select {width:130px;border:none;background-color:transparent;}

#header .header_inwrap {width:100%;position:absolute;top:180px;left:0;height:52px;transition:0.85s cubic-bezier(0.770, 0.000, 0.175, 1.000); /* z-index:100; */border-top:1px solid #dadada;}
#header .header_inwrap:before {content:'';position:absolute;top:49px;left:0;display:block;width:100%;background:#fff;height:0;z-index:10; -webkit-transition-delay:0.05s;transition-delay:0.05s;transition:.3s ease;-moz-transition:0.3s ease;-webkit-transition:0.3s ease;-o-transition:0.3s ease;}
#header.active .header_inwrap {height:150px;} 
#header.active .header_inwrap:before {border-bottom:1px solid #dadada;height:100px;} 

#header .gnb_wrap {background:#1b4792;border-bottom:1px solid #1b4792;}
#header .gnb_wrap nav .gnb {padding:0;width:100%;height:48px;margin:0 auto;position:relative;background:#1b4792;text-align:center;z-index:10;}
#header .gnb_wrap nav .gnb:after{display:block;content:'';clear:both}
#header .gnb_wrap nav .gnb>li {position:relative;text-align:center;display:inline-block;}
#header .gnb_wrap nav .gnb>li .one a {display:block;font-size:15px;font-weight:500;letter-spacing:-0.025em;color:#fff;padding:0 4.8em;transition:cubic-bezier(0.250, 0.460, 0.450, 0.940);line-height:50px;}

#header .gnb_wrap nav .gnb li:last-child .one a:before{background:none;width:0;height:0}
#header .gnb_wrap nav .gnb>li:last-child .one a { border-right:none; }
#header .gnb_wrap nav .gnb>li .snb {position:absolute;top:60px;left:0;width:100%;/* z-index:9999; */overflow:hidden;}
#header .gnb_wrap nav .gnb>li .dep2 { transition:cubic-bezier(0.550, 0.085, 0.680, 0.530); opacity:0; width:100%;/* margin-top:-50%; */height:0;}
#header .gnb_wrap nav .gnb>li .dep2 a {position:relative;color:#1b4792;font-size:15px;letter-spacing:-0.05em;display:inline-block;padding:5px 30px;transition:background .2s, color .2s;}
#header .gnb_wrap nav .gnb>li .dep2 a:hover {background:#1b4792;color:#fff}
#header .gnb_wrap nav .gnb>li .dep2.active {margin-top:0%; opacity:1; transition:opacity 1s 0.15s, margin 0.8s 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

#header.active .gnb_wrap nav .gnb>li .dep2.active {height:auto;}

#header.active .gnb_wrap nav .gnb>li .one .line
{width:100%;left:50%;margin-left:-50%;bottom:0;right:auto;/* transition-duration:0.9s;transition-delay:0.85s */}
#header .gnb_wrap nav .gnb>li .one .line
{width:100%;left:50%;margin-left:-50%;bottom:0;height:3px;/* transition:0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); */position:absolute;}
#header .gnb_wrap nav .gnb>li .one .line:after {display:block;content:'';position:absolute;left:50%;margin-left:0;width:0;bottom:0;height:3px;background:#fff;/* z-index:1; */transition:0.8s;} 
#header .gnb_wrap nav .gnb>li:hover > .one .line:after {left:50%; margin-left:-50%; width:100%;bottom:0;} 
#header.active .gnb_wrap nav .gnb>li .one > a {top:0; transition-delay:0s;}
#header.active .gnb_wrap nav .gnb>li:hover .one a {color:#fff;}

#header #mMenu,#header .mMenuarea, #header .mSrcForm {display:none}

/* 최상단 Buyer/Seller */
.top_tab {display:flex;justify-content:center;align-items:center;width:100%;background:#111f3f;padding-top:10px;height:80px}
.top_tab li {width:50%;display:flex;justify-content:center;align-items:center;height:100%;padding-top:10px;}
.top_tab li a {display:flex;background:#069dd9;color:rgba(255, 255, 255, 0.8);font-weight:800;width:100%;align-items:center;justify-content:center;height:100%;border-radius:0 25px 0 0;position:relative;font-size:clamp(1.25rem, 1.1346rem + 0.5128vw, 1.75rem);font-family:barlow;}
.top_tab li a em {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:25px;background:rgba(255, 225, 255, 0.25);margin-right:5px;}
.top_tab li a em img {opacity:1;width:60%;}
.top_tab li.on {padding-top:0;}
.top_tab li.on a {background:#fff;z-index:2;border-radius:25px 0 0 0;color:#1b4692}
.top_tab li.on a em {background:#1b4692;}
.top_tab li.on a::after {content:'';display:block;background:url(/assets/images/top_tab_bg2.png)0 0 no-repeat;width:60px;height:70px;position:absolute;top:0;right:-60px}

/* 서브페이지 GNB 색상 */
body.skin-sub #header .header_inwrap {border-top:1px solid #dadada;}
body.skin-sub #header .header_inwrap:before {content:'';position:absolute;top:49px;left:0;display:block;width:100%;background:#1b4792;height:0; -webkit-transition-delay:0.05s;transition-delay:0.05s;transition:.3s ease;-moz-transition:0.3s ease;-webkit-transition:0.3s ease;-o-transition:0.3s ease;}
body.skin-sub #header.active .header_inwrap {height:200px;} 
body.skin-sub #header.active .header_inwrap:before {border-bottom:1px solid #dadada;height:150px;}

body.skin-sub #header .gnb_wrap nav .gnb>li .dep2 {}
body.skin-sub #header .gnb_wrap nav .gnb>li .dep2 a {color:#fff;transition:color .2s;}
body.skin-sub #header .gnb_wrap nav .gnb>li .dep2 a:hover {text-decoration:underline;text-underline-position:under;}
body.skin-sub #header .gnb_wrap nav .gnb>li .dep2.active {margin-top:0%; opacity:1; transition:opacity 1s 0.15s, margin 0.8s 0.15s cubic-bezier(0.250, 0.460, 0.450, 0.940);}

body.skin-sub #header .gnb_wrap {background:#fff;border-bottom:2px solid #1b4792}
body.skin-sub #header .gnb_wrap nav .gnb {background:#fff;}
body.skin-sub #header .gnb_wrap nav .gnb>li .one a {color:#1b4792;}
body.skin-sub #header .gnb_wrap nav .gnb>li .one a:hover {color:#1b4792;}
body.skin-sub #header .gnb_wrap nav .gnb>li:hover > .one .line:after {background:#1b4792;}
body.skin-sub #header.active .gnb_wrap nav .gnb>li:hover .one a {color:#1b4792;}
body.skin-sub #header .gnb_wrap nav .gnb>li .one .line:after {background:#1b4792;height:6px;}


/* =================================================================
 * footer
/* =============================================================== */

.footer .footer-top {background:#d4dae5;}
.footer .footer-top ul {padding:0 25px;}
.footer .footer-top ul:after {content:'';display:block;clear:both;}
.footer .footer-top ul li {float:left;}
.footer .footer-top ul li a {display:inline-block;width:100%;padding:12px 30px;color:#4c586f;font-size:13px;}
.footer .footer-top ul li.privacy a {color:#3966b7;}
.footer .footer-bottom {padding:30px 30px 80px;background:#f1f4fa;}
.footer .footer-bottom p {font-size:13px;padding-left:25px;}

.topbtn_Area {position:absolute;right:-50px;bottom:100px;width:50px;z-index:9998;}
.topbtn_Area a {width:100%;/* height:50px;line-height:50px; */padding:16px 5px;font-size:13px;color:#fff;background:#069edb;text-align:center;display:block;border-radius:3px;}
.topbtn_Area a:nth-of-type(2) {background:#1b4792;}


/* =================================================================
 * visual
/* =============================================================== */

/* 애니메이션 */
@keyframes visualGradient { 
	0%{background-position:0% 50%} 
	50%{background-position:100% 50%} 
	100%{background-position:0% 50%} 
} 
@-webkit-keyframes visualGradient { 
	0%{background-position:0% 50%} 
	50%{background-position:100% 50%} 
	100%{background-position:0% 50%}
}
@-moz-keyframes visualGradient { 
	0%{background-position:0% 50%} 
	50%{background-position:100% 50%} 
	100%{background-position:0% 50%} 
} 
@-o-keyframes visualGradient { 
	0%{background-position:0% 50%} 
	50%{background-position:100% 50%} 
	100%{background-position:0% 50%} 
}

@keyframes areaCircle {
	0% {transform: scale(0.5); opacity: 0.1;}
	50% {transform: scale(1); opacity: 1;}
	100% {transform: scale(0.5); opacity: 0.1;}
}
@-moz-keyframes areaCircle {
	0% {-webkit-transform: scale(0.5); opacity: 0.1;}
	50% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.5); opacity: 0.1;}
}
@-o-keyframes areaCircle {
	0% {transform: scale(0.5); opacity: 0.1;}
	50% {transform: scale(1); opacity: 1;}
	100% {transform: scale(0.5); opacity: 0.1;}
}
@-webkit-keyframes areaCircle {
	0% {-webkit-transform: scale(0.5); opacity: 0.1;}
	50% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.5); opacity: 0.1;}
}

@keyframes mapWait {
	0% {opacity: 1;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

.visual {height:700px;background:#f3f6fb;overflow:hidden;margin:0 auto;position: relative;}
.visual .container {width:1540px;overflow:hidden;}
.mapArea {position:absolute;top:-10%;left:0;width:100%;height:100%;background: rgb(35,213,193);
background: -moz-linear-gradient(135deg, rgba(35,213,193,1) 0%, rgba(35,176,213,1) 50%, rgba(231,60,201,1) 100%);
background: -webkit-linear-gradient(135deg, rgba(35,213,193,1) 0%, rgba(35,176,213,1) 50%, rgba(231,60,201,1) 100%);
background: linear-gradient(135deg, rgba(35,213,193,1) 0%, rgba(35,176,213,1) 50%, rgba(231,60,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#23d5c1",endColorstr="#e73cc9",GradientType=1);background-size:400% 400%;animation:visualGradient 15s ease infinite;}
.map {width:100%;height:100%;background:url('/assets/images/worldmap.svg') center top no-repeat;background-size:cover;}
.mapimg {width:100%;max-width:100%;opacity:0;}
.mapimg_wait {width:100%;max-width:100%;animation:mapWait 1s ease;}

.visual .visual_txt {position:absolute;left:50%;top:41%;text-align:center;width:360px;}
.visual .visual_txt span {display:block;font-size:17px;color:#720000;font-weight:600;}
.visual .visual_txt p {width:250px;margin:10px auto;}
.visual .visual_txt em {display:block;font-size:18px;font-weight:600;color:#7999cd;}

.visual .area {display:inline-block;/* text-indent:-9999px; */width:15px;height:15px;background:#1b4792;border-radius:50%;position:absolute;}
.visual .area:before {content: "";position:absolute;width:30px;height:30px;background:rgba(27,71,146,0.3);border-radius:50%;animation:areaCircle 2s ease-in 0s infinite;-webkit-animation:areaCircle 2s ease-in 0s infinite;top:-8px;left:50%;margin-left:-15px;}
.visual .area em {position:absolute;display:block;background:rgba(0,0,0,.8);;color:#fff;padding:5px 7px;min-width:40px;width:190px;left:50%;bottom:-45px;transform:translateX(-50%);transition:all 0.5s linear;font-size:13px;text-align:center;border-radius:3px;}
.visual .area em:after {content:"";border-top:0px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(0,0,0,.8);position:absolute;top:-5px;left:50%;transform:translateX(-50%);}
/* .visual .area:hover em, .visual .area:focus em {opacity:1;display:block;} */

.area_eur {left:10%;top:22%;} /* 유럽 */
.area_mid {left:14%;top:38%;} /* 중동/아프리카 */
.area_cis {left:28%;top:19%;} /* CIS/중앙아시아 */
.area_swa {left:30%;top:40%;} /* 서남아시아 */
.area_sea {left:39%;top:56%;} /* 동남아시아/태평양 */
.area_nea {left:42%;top:29%;} /* 동북아시아 */
.area_na {left:78%;top:25%;} /* 북아메리카 */
.area_la {left:90%;top:60%;} /* 라틴아메리카 */

/* 2022-11-10 유상민 수정
.area_eur {left:10%;top:22%;} 유럽
.area_afr {left:12%;top:48%;} 아프리카
.area_mid {left:17%;top:35%;} 중동
.area_cis {left:25%;top:14%;} CIS
.area_swa {left:27%;top:33%;} 서남아시아
.area_chi {left:35%;top:28%;} 중국
.area_sea {left:37%;top:54%;} 동남아시아
.area_nea {left:43%;top:29%;} 동북아시아
.area_oce {left:46%;top:64%;} 오세아니아
.area_na {left:78%;top:25%;} 북아메리카
.area_la {left:90%;top:60%;} 라틴아메리카
 */

.__b-popup1__ {position:absolute!important;width:100%;/* height:700px; */left:0!important;top:-1px!important;}
.popup_visual {position:absolute!important;display:none;width:100%;max-width:1600px;background:#fff;border-radius:5px;letter-spacing:-0.05em;top:8%!important;left:50%!important;transform: translateX(-50%);} 
.popup_visual .popup-header {padding:30px 0 20px;font-size:32px;position:relative;text-align:center;}
.popup_visual .popup-header strong {font-weight:bold;}
.popup_visual .popup-header .visual-swiper-paging {position:absolute;left:auto;right:40px;width:50px;top:60%;transform:translateY(-50%);font-size:15px;font-weight:bold;}

.popup_visual .popup-body {padding:0 50px 35px;}
.popup_visual .popup-body .visual-swiper {padding-top:40px;overflow:hidden;border-top:1px solid #e5e5e5;}
.popup_visual .popup-body .visual-swiper .swiper-slide {padding:0 25px;border-left:1px solid #e1e1e1}
.popup_visual .popup-body .visual-swiper .swiper-slide:nth-child(3n-2) {border-left:none;}
.popup_visual .popup-body .visual-swiper .swiper-slide div:after {content:'';display:block;clear:both;}

.ctry_title img {float:left;width:35%;max-width:168px;margin-right:5%;border:1px solid #eaeaea;}
.ctry_title.preparing img {width:450px;float:none;max-width:450px;margin-right:0;border:none;}
.ctry_title strong {display:block;font-size:24px;font-weight:bold;margin-bottom:5px;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-0.05em;}
.ctry_title strong:before {content:'';display:block;width:100%;height:18px;background:url('/assets/images/gbc.svg') left bottom no-repeat;}
.ctry_title p {font-size:13px;color:#445566;line-height:1.5;letter-spacing:-0.025em;overflow:hidden;word-wrap:break-word;/* display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; */;min-height:275px}
/* .ctry_info {display:block;} */
.ctry_btnArea {margin-top:20px;text-align:center;display:flex;}
.ctry_btnArea a {display:inline-block;width:100%;padding:9px 0;margin:0 1px;text-align:center;font-size:14px;color:#fff;background:#0475f4;border-radius:5px;}
/* .ctry_btnArea a:nth-of-type(2) {display:none;} */
.preparing img {max-width:100%;}

/* GBC 카드뉴스 모달(임시) */
.popup-ctry {width:600px!important;}
.popup-ctry .popup-heading p {letter-spacing:0;line-height:145%;}
.popup-ctry .popup-body {padding:20px!important;}
.popup-ctry .popup-body div img {float:left;width:35%;max-width:168px;margin-right:5%;border:1px solid #eaeaea;}
.popup-ctry .popup-body div strong {display:block;font-size:24px;font-weight:bold;margin-bottom:5px;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-0.05em;}
.popup-ctry .popup-body div strong:before {content:'';display:block;width:100%;height:18px;background:url('/assets/images/gbc.svg') left bottom no-repeat;}
.popup-ctry .popup-body div p {font-size:13px;color:#445566;line-height:1.5;letter-spacing:-0.025em;overflow:hidden;word-wrap:break-word;/* display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; */;min-height:250px}
.popup-ctry .popup-body div:nth-of-type(2) {text-align:center;display:flex;}
.popup-ctry .popup-body a {display:inline-block;width:100%;;padding:9px 0;margin:0 1px;text-align:center;font-size:14px;color:#fff;background:#0475f4;border-radius:5px;}
.popup-ctry .popup-body a:nth-of-type(2) {display:inline-block;}

.popup_visual .popup-body .visual-swiper .visual-swiper-prev {position:absolute;left:-25px;top:50%;transform:translateY(-50%);width:50px;height:50px;border:1px solid #caced4;border-radius:50%;background:#fff;cursor:pointer;transition:0.2s;}
.popup_visual .popup-body .visual-swiper .visual-swiper-prev i {position:absolute;left:48%;top:50%;transform:translate(-50%, -50%);font-size:25px;color:#000;}
.popup_visual .popup-body .visual-swiper .visual-swiper-next {position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:50px;height:50px;border:1px solid #caced4;border-radius:50%;background:#fff;cursor:pointer;transition:0.2s;}
.popup_visual .popup-body .visual-swiper .visual-swiper-next i {position:absolute;left:52%;top:50%;transform:translate(-50%, -50%);font-size:25px;color:#000;}
.popup_visual .popup-body .visual-swiper .visual-swiper-prev:hover,
.popup_visual .popup-body .visual-swiper .visual-swiper-next:hover {background:#1b4792;border:1px solid#1b4792;}
.popup_visual .popup-body .visual-swiper .visual-swiper-prev:hover i,
.popup_visual .popup-body .visual-swiper .visual-swiper-next:hover i {color:#fff;}

.popup_visual .popup-footer {position:absolute;left:50%;transform:translateX(-50%);top:105%;}
.popup_visual .popup-footer a {position:relative;top:50%;font-size:0;display:inline-block;width:65px;height:65px;color:transparent;background:#fff;border:1px solid #caced4;border-radius:50%;transition:0.2s;}
.popup_visual .popup-footer a i {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:25px;color:#000;}
.popup_visual .popup-footer a:hover {background:#1b4792;transform:rotate(180deg);border:1px solid#1b4792;}
.popup_visual .popup-footer a:hover i {color:#fff;}

.ctry_info {display:none;}
.sch_gbc > strong {font-size:30px;font-weight:600;display:block;margin:40px 0 20px;}
.sch_gbc > ul {}
.sch_gbc > ul > li {border:1px solid #ccc;margin:10px 0;display:flex;padding:20px;}
.sch_gbc .ctry_title {width:30%;display:flex;}
.sch_gbc .ctry_title p {font-size:13px;color:#445566;line-height:1.5;letter-spacing:-0.025em;overflow:hidden;word-wrap:break-word;min-height:auto;display:flex;width:100%;align-items:center;}
.sch_gbc .ctry_title img {float:left;width:35%;max-width:168px;margin-right:5%;border:1px solid #eaeaea;}
.sch_gbc .ctry_title strong {display:block;font-size:24px;font-weight:bold;margin-bottom:5px;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-0.05em;min-width:70px;}
.sch_gbc .ctry_title strong:before {content:'';display:block;width:100%;height:18px;background:url('/assets/images/gbc.svg') left bottom no-repeat;}
.sch_gbc .ctry_title em {display:none;}
.sch_gbc .ctry_info {display:block;width:50%;}
.sch_gbc .ctry_info li {display:flex;align-items:center;margin:10px 0;}
.sch_gbc .ctry_info li strong {font-size:18px;font-weight:500;color:#1b4792;display:block;width:30%;min-width:150px;}
.sch_gbc .ctry_info li p {width:70%;}
.sch_gbc .ctry_btnArea {text-align:center;display:flex;width:20%;flex-direction:column;align-items:flex-end;justify-content:space-around;}
.sch_gbc .ctry_btnArea a {display:inline-block;width:60%;padding:13px 0;margin:0 1px;text-align:center;font-size:16px;color:#fff;background:#0475f4;border-radius:5px;}

.ctry_btnArea .btngbc {display:block;}
.sch_gbc .ctry_btnArea .btngbc {display:none;}
.ctry_btnArea .info {display:none;}
.sch_gbc .ctry_btnArea .info {display:block;background:rgba(237,125,49);transition:.4s;}
.sch_gbc .ctry_btnArea .info:hover {background:rgb(229,110,29);}



/* 구글번역기 */
.google_translate_element{position:relative;}
.google_translate_element .goog-te-gadget:before{display:block; position:absolute; top:55%; left:5px; width:30px; height:22px; background-repeat:no-repeat; background-position:8px top; background-image:url('/assets/images/google_icon.png'); content:'';transform:translateY(-50%);}
.google_translate_element .goog-te-gadget .goog-te-combo{position:relative; z-index:5; width:100%; height:50px; margin:0; padding:0 24px 0 26px; border:none; line-height:21px; color:#FFF; font-family:'NotoKr', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif; font-size:15px; letter-spacing:-0.03em; -webkit-appearance:none; -moz-appearance:none;background-position:center right}
.goog-te-gadget .goog-te-combo::-ms-expand{display:none;}
.google_translate_element .goog-te-gadget .goog-te-combo option{color:#666;}
#header .goog-te-gadget{position:relative; color:transparent; font-size:0;width:150px;height:50px;margin:0 0 0 auto;border:1px solid #1b4792;border-radius:5px;}
#header .goog-te-gadget .goog-logo-link{display:none; color:transparent; font-size:0;}
#header .goog-te-gadget > span {display:none;}

/* =================================================================
 * media quiry
/* =============================================================== */

/* pcpcpc */
@media screen and (min-width:1601px) and (max-width:1700px){
	.topbtn_Area {right:0;}
}

@media screen and (min-width:1401px) and (max-width:1600px){
	.container {width:1200px;width:98%;}
	#header .header-top .logo {width:18.75%;}
	#header .header-top .srcForm {width:62.5%;}
	#header .header-top .language {width:18.75%;}
	/* #header .gnb_wrap nav .gnb>li .one a {padding:0 55px;} */
	.topbtn_Area {right:0;}
	.visual .container {width:98%;}
	.popup_visual {width:95%;}
}

@media screen and (min-width:1201px) and (max-width:1400px){
	.container {width:1200px;width:98%;}
	#header .header-top .logo {width:18.75%;}
	#header .header-top .srcForm {width:62.5%;}
	#header .header-top .language {width:18.75%;}
	/* #header .gnb_wrap nav .gnb>li .one a {padding:0 45px;} */
	.topbtn_Area {right:0;}
	.visual .container {width:98%;}
	.popup_visual {width:95%;}
	.popup_visual .popup-body {padding:0 30px 35px;}
}

@media screen and (min-width:1025px) and (max-width:1200px){
	.container {width:1200px;width:98%;}
	#header .header-top .logo {width:25%;}
	#header .header-top .srcForm {width:55%;}
	#header .header-top .language {width:20%;}
	/* #header .gnb_wrap nav .gnb>li .one a {padding:0 30px;} */
	.footer .footer-bottom {padding-bottom:60px;}
	.topbtn_Area {right:0;}
	.visual {height:650px;}
	.visual .container {width:98%;}
	.__b-popup1__ {/* height:650px; */height:100%;}
	.popup_visual {width:95%;top:3%!important;}
	.popup_visual .popup-header {font-size:20px;padding:20px 0 15px;}
	.popup_visual .popup-body {padding:0 20px 15px;}
	.popup_visual .popup-footer {top:99%!important;}
	.popup_visual .popup-body .visual-swiper .swiper-slide div strong {font-size:20px;}
	.popup_visual .popup-body .visual-swiper .swiper-slide div strong:before {height:15px;margin-bottom:3px;}
	.popup_visual .popup-body .visual-swiper .swiper-slide div p {line-height:1.4;}
	.popup_visual .popup-body .visual-swiper .swiper-slide a {width:100px;}
	.popup_visual .popup-body .visual-swiper .swiper-slide div:nth-child(2) {margin-top:25px;}
}

/* tablet */
@media screen and (min-width:768px) and (max-width:1200px){
	.container {width:100%;padding:0 16px;}
	.wrap .wrap_black.on {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:90;}
	.show .container {min-width:auto;height:auto;padding:0;}
	
	.header-top .container {padding-top:0;}
	#header {height:194px;border-bottom:2px solid #1b4792;margin-bottom:35px;position:relative;}
	#header .header-top .logo {float:none;margin:0 auto;height:80px;padding-top:20px;text-align:center;}

	.PC_gnb {display:none;}
	
	#header .gnb_wrap {border-bottom:none;}
	body.skin-sub #header .gnb_wrap {border-bottom:none;}
	#header #mSrc {display:block;position:absolute;left:20px;top:102px;width:32px;height:32px;background:transparent url('/assets/images/gnb-search.png') center center no-repeat;background-size:32px 32px;text-align:center;}
	#header .mSrcForm {display:none;position:absolute;left:0;top:-34px;width:100%;height:180px;padding-top:0;background:#fff;z-index:98; border-bottom:1px solid #1b4792;}
	#header .mSrcForm .srcForm_top {padding:30px 35px;}
	#header .mSrcForm .srcForm_top img {width:176px;}
	#header .mSrcForm .srcForm_top i {font-size:32px;position:absolute;right:35px;}
	#header .mSrcForm .srcForm_area {position:absolute;left:0;top:90px;width:100%;padding:0 32px;height:60px;}
	#header .mSrcForm .srcForm_area input {width:100%;height:60px;background:#fff;border:1px solid #1b4792;border-radius:8px;padding-left:135px;padding-right:75px;}
	#header .mSrcForm .srcForm_area input::placeholder {color:#adc0c3;}
	#header .mSrcForm .srcForm_area button {position:absolute;top:0;width:60px;height:60px;right:32px;background:#1b4792 url('/assets/images/header-search.png') center center no-repeat;border-radius:0 5px 5px 0;font-size:0;}
	#header .mSrcForm .srcForm_area button + button {position:absolute;top:0;width:120px;height:60px;left:32px;background:#069edb;border-radius:5px 0 0 5px;font-size:13px;color:#fff;border:1px solid #1b4792;}
	#header #mMenu {display:block;position:absolute;top:102px;right:20px;width:32px;height:32px;background:transparent url('/assets/images/gnb-allmenu.png') center center no-repeat;background-size:32px 32px;text-align:center}
	#header .mMenuarea:after{display:block;content:'';width:300px;height:80px;background:#344b78;position:absolute;top:0;}
	#header .mMenuarea .menu_close {position:absolute;right:10px;top:17px;z-index:99;width:40px;height:40px;text-align:center;}
	#header .mMenuarea .m_logo {position:absolute;left:20px;top:22px;z-index:99;width:176px;text-align:center;}
	#header .mMenuarea .m_logo img {width:176px;}
	#header .mMenuarea .lnb_menu{margin:80px 0 30px 0;}
	
	.top_tab {padding-top:44px;height:114px;}

	.footer .footer-top ul {padding:0;}
	.footer .footer-bottom {padding-bottom:60px;}
	.footer .footer-bottom p {padding-left:0;}
	
}

@media screen and (min-width:768px) and (max-width:1024px){
	.visual {display:none;}
}

/* tablet + mobile 동시 */
@media screen and  (max-width:1200px){
	#header h1 a {margin:0 auto;position:relative;z-index:1;}
	#header .header-top {position:relative;}
	#header .header_inwrap {top:0;height:60px;padding-top:34px;border-top:none;}
	body.skin-sub #header .header_inwrap {border-top:none;}
	#header .header-top .language {float:none;clear:both;padding-top:0;text-align:left;position:fixed;top:0;left:0;width:100%;height:auto;border-bottom:1px solid #eaeaea;background:#0e3f99;z-index:3;}
	#header .header-top .language select {width:100%;padding-left:0;background:#0e3f99 url(../images/ic_select.png) top right no-repeat;color:#fff!important;font-size:14px;font-weight:600;background-image:none;-webkit-appearance:auto;}
	#header .header-top .language select option {color:#fff;}
	#header .goog-te-gadget{width:calc(100% - 40px);background:#0e3f99;}
	#header .goog-te-gadget span {display:none;}
	.google_translate_element .goog-te-gadget:before{left:-30px;}
	.google_translate_element .goog-te-gadget .goog-te-combo{width:100%;}
	.PC_gnb {display:none;}

	#header .gnb_wrap {border-bottom:none;}
	body.skin-sub #header .gnb_wrap {border-bottom:none;}
	#header .header-top .srcForm {display:none;}
	#header .mMenuarea {display:inline-block; position:fixed; top:0; right:-300px;z-index:9999;width:300px; height:100%; overflow-y:auto; background:#1b4792;}
	#header .mMenuarea.on {right:0px;}
	#header .mMenuarea .menu_close a {font-size:32px;color:#fff!important}

	#header .mMenuarea .lnb_menu ul >  li { overflow:hidden; border-bottom:1px solid #7096d0; }
	#header .mMenuarea .lnb_menu  li .dpt_n {padding:18px 15px;cursor:pointer;}
	#header .mMenuarea .lnb_menu  li .dpt_n a { font-size:16px;letter-spacing:-0.025px;line-height:25px;display:block;width:100%;font-weight:500;color:#fff;
	display:block;overflow:hidden;padding-left:15px;position:relative;}
	#header .mMenuarea .lnb_menu  li .dpt1 a i {position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;color:#fff;}
	#header .mMenuarea .lnb_menu  li .dpt_n a em {font-size:12px;font-weight:400;}
	#header .mMenuarea .lnb_menu  li .dpt2 { overflow:hidden; display:none;  }
	#header .mMenuarea .lnb_menu  li .dpt2 { border-top:1px solid #cbcbe2;background:#fff }
	#header .mMenuarea .lnb_menu  li .dpt2 ul li { background-color:#fff; border-bottom:1px solid #dedeeb; overflow:hidden; padding-left:0 }
	#header .mMenuarea .lnb_menu  li .dpt2  ul li a {color:#3c4a59;font-size:14px;font-weight:500;letter-spacing:-0.025px;line-height:36px;display:block;padding:5px 10px 5px 20px;overflow:hidden;}
	#header .mMenuarea .lnb_menu  li .dpt2  ul li a em {font-size:12px;}
	#header .mMenuarea .lnb_menu  li:nth-child(3) .dpt1 a{background-image:none!important}
	.topbtn_Area {position:fixed;top:auto;bottom:20px!important;right:20px!important;z-index:2;}
	.topbtn_Area a:nth-of-type(1) {display:none;}
	
	.sch_gbc > ul > li {flex-direction:column;}
	.sch_gbc .ctry_title {width:100%;}
	.sch_gbc .ctry_info {width:100%;}
	.sch_gbc .ctry_btnArea {width:100%;flex-direction:row;justify-content:space-between;}
	.sch_gbc .ctry_btnArea a {width:100%;}
}



/* mobile */
@media screen and  (max-width:767px){
	.container {width:100%;min-width:350px;/* max-width:480px; */padding:0 10px;}
	.sub .container {max-width:100%;padding:0 10px;}
	.header-top .container {min-width:100%;padding-top:0;}
	.wrap .wrap_black.on {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:90;}
	.show .container {min-width:auto;height:auto;padding:0;}
	body.skin-sub .container {max-width:100%;}

	#header {height:174px;border-bottom:2px solid #1b4792;}
	#header .header-top .logo {float:none;margin:0 auto;height:60px;padding-top:15px;text-align:center;}
	#header .header-top .logo img {width:140px;}

	.PC_gnb {display:none;}
	
	#header #mSrc {display:block;position:absolute;left:10px;top:92px;width:32px;height:32px;background:transparent url('/assets/images/gnb-search.png') center center no-repeat;background-size:32px 32px;text-align:center;}
	#header .mSrcForm {display:none;position:absolute;left:0;top:-34px;width:100%;height:150px;padding-top:0;background:#fff;z-index:98; border-bottom:1px solid #1b4792;}
	#header .mSrcForm .srcForm_top {padding:25px;}
	#header .mSrcForm .srcForm_top img {width:140px;}
	#header .mSrcForm .srcForm_top i {font-size:28px;position:absolute;right:18px;}
	#header .mSrcForm .srcForm_area {position:absolute;left:0;top:80px;width:100%;padding:0 16px;height:50px;}
	#header .mSrcForm .srcForm_area input {width:100%;height:50px;background:#fff;border:1px solid #1b4792;border-radius:8px;padding-left:125px;padding-right:50px}
	#header .mSrcForm .srcForm_area input::placeholder {color:#adc0c3;}
	#header .mSrcForm .srcForm_area button {position:absolute;right:0;top:0;width:50px;height:50px;right:16px;background:#1b4792 url('/assets/images/header-search.png') center center no-repeat;border-radius:0 5px 5px 0;font-size:0;}
	#header .mSrcForm .srcForm_area button + button {position:absolute;top:0;width:115px;height:50px;left:16px;background:#069edb;border-radius:5px 0 0 5px;font-size:13px;color:#fff;border:1px solid #1b4792;}
	#header #mMenu {display:block;position:absolute;top:92px;right:10px;width:32px;height:32px;background:transparent url('/assets/images/gnb-allmenu.png') center center no-repeat;background-size:32px 32px;text-align:center}
	#header .mMenuarea:after{display:block;content:'';width:300px;height:60px;background:#344b78;position:absolute;top:0;}
	#header .mMenuarea .menu_close {position:absolute;right:10px;top:8px;z-index:99;width:40px;height:40px;text-align:center;}
	#header .mMenuarea .m_logo {position:absolute;left:10px;top:18px;z-index:99;width:176px;text-align:center;}
	#header .mMenuarea .m_logo img {width:140px;}
	#header .mMenuarea .lnb_menu{margin:60px 0 30px 0;}
	
	.top_tab {padding-top:44px;height:114px;}

	.footer .footer-top ul {padding:0;}
	.footer .footer-bottom {padding:20px 20px 40px;}
	.footer .footer-bottom p {padding-left:0;}
	
	.visual {display:none;}
	
	.popup-ctry {width:100%!important;}
	.popup-ctry .popup-body div p {padding:20px;}
}

@media screen and  (max-width:480px){
	.top_tab li a em {width:32px;height:32px;}
	.top_tab li a em img {width:55%;}
	
	.sch_gbc > ul > li {padding:15px;}
	.sch_gbc .ctry_btnArea {flex-direction:column;}
	.sch_gbc .ctry_btnArea a {width:100%;margin:5px 0;}
}

/*
@media all and (min-width:1001px){
	.google_translate_element{display: block;position:absolute;top:62px;right:36px;z-index:40;width:120px;}
	.google_translate_element:after{display:block; position:absolute; top:2px; right:0; width:1px; height:18px; background-color:rgba(255, 255, 255, 0.3); content:'';}

	#header .goog-te-gadget:after{display:block; position:absolute; top:9px; right:10px; width:0; height:0;
		border-top:5px solid #FFF; border-right:3px solid transparent; border-left:3px solid transparent; content:'';}
	.lnb_open #header .goog-te-gadget:after{border-top-color:#28348a;}
	.lnb_open .google_translate_element .goog-te-gadget .goog-te-combo{color:#28348a;}
}
@media all and (max-width:1000px){
	.google_translate_element {display:none;}
	#google_translate_element{display:inline-block; position:relative; width:98px; margin-left:19px; vertical-align:top;}
	#google_translate_element:after{display:block; position:absolute; top:10px; right:0; width:9px; height:5px; background-repeat:no-repeat; background-position:center center; background-image:url('/common/images/layout/arrow.svg#arrow_angled_white'); background-size:9px 5px; content:'';}
	#google_translate_element .goog-te-gadget .goog-te-combo{padding:0 15px 0 25px;}
}
*/