@charset "utf-8";
@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */



/** 메인비주얼 **/
#visual{position:relative; width:100%; overflow:hidden; top:0; }
	.jssorb05 {position: absolute; top:28px; left:auto !important; right:20px !important; margin-left:0px; z-index:999; ; }
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 30px !important;  height: 26px; cursor:pointer; padding:0; float:left; left:0px !important; }
    .jssorb05 div {  }
    .jssorb05 .av:hover { }
    .jssorb05 .av {}

.vtxt_box {position:absolute; bottom:2%; width:100%; padding:0 10px; margin:0 auto; z-index:9999; box-sizing:border-box;}
.vtxt_in {position:relative;}
.vtxt_in .badge {position:relative; overflow:hidden; text-align:center; width:420px; margin:0 auto 20px auto;}
.vtxt_in .badge p {width:130px; height:129px; background:url('/m/eng/img/badge_bg.png') center top no-repeat; background-size:100%; float:left; margin-right:15px; text-align:center; color:#fff; font-size:14px; font-family:'Montserrat', sans-serif; font-weight:500; line-height:18px; padding-top:37px; box-sizing:border-box; letter-spacing:0;}
.vtxt_in .badge p:first-child {padding-top:44px}
.vtxt_in .badge p:last-child {margin-right:0}
.vtxt_in .badge p:last-child .eng {line-height:16px; font-size:14px;}
.vtxt_in .badge .eng {font-family:'Montserrat', sans-serif; font-weight:500; font-size:14px; line-height:20px;}
.vtxt_in .badge .eng span {font-family:'Montserrat', sans-serif; font-weight:700; font-size:15px;line-height:20px;}

.vtxt_in .center_txt { text-align:center;}
.vtxt_in .center_txt h5 {font-weight:400; font-family:'Montserrat', sans-serif; font-size:20px; letter-spacing:0; color:#fff; display:inline-block; line-height:110%; }
.vtxt_in .center_txt h5:before {content:""; display:block; background:rgba(255,255,255,0.5); width:60px; height:1px; float:left; position:relative; top:11px; margin-right:10px}
.vtxt_in .center_txt h5:after {content:""; display:block; background:rgba(255,255,255,0.5); width:60px; height:1px; float:right; position:relative; top:11px; margin-left:10px}
.vtxt_in .center_txt h5 span {font-weight:400; letter-spacing:0; font-family:'Montserrat', sans-serif;line-height:110%;}
.vtxt_in .center_txt h3 {font-weight:700; font-family:'Montserrat', sans-serif; font-size:38px; letter-spacing:0; color:#fff000; margin:10px 0 15px; line-height:100%;}
.vtxt_in .center_txt p {font-weight:300; font-family:'Montserrat', sans-serif; font-size:18px; letter-spacing:0; line-height:110%; color:#fff;}

.vtxt_in .country_list {position:relative; overflow:hidden;width:100%; background:rgba(2,9,14,0.8); border-radius:30px; padding:15px; box-sizing:border-box; margin-top:20px}
.vtxt_in .country_list dl {float:left; text-align:center; width:20%}
.vtxt_in .country_list dt {font-size:15px; font-weight:700; font-family:'Montserrat', sans-serif; color:#f47d31; line-height:110%; margin-bottom:10px;}
.vtxt_in .country_list dd {font-size:13px; font-weight:400; font-family:'Montserrat', sans-serif; color:#fff; line-height:20px; margin-bottom:10px; line-height:110%;}
.vtxt_in .country_list dd:last-child {margin-bottom:0}


/*  공통  */

#contents {width:100%; margin:0 auto; position:relative; overflow:hidden;}
#contents h3.con_tit {font-weight:700; font-family:'Montserrat', sans-serif; color:#333; letter-spacing:0; font-size:22px; line-height:125%; margin-bottom:3%; text-align:center; }
#contents h4.eng_subtit {font-weight:700; font-style:italic; font-family:'Playfair Display', serif; color:#848a8f; letter-spacing:0; font-size:14px; line-height:100%; margin-bottom:2%; text-align:center;}
#contents a.more {display:block; width:160px; line-height:50px; background:#005dab url('/m/eng/img/more.png') right 30px center no-repeat; border-radius:160px; color:#fff; box-sizing:border-box; padding-left:30px; font-family:'Montserrat', sans-serif; font-size:12px; font-weight:700; clear:both; margin:0 auto; position:relative; top:15px;}


.max420{display:none;}



.company_con {position:relative; /*overflow:hidden;*/width:100%; margin:0 auto; padding:40px 10px 55px 10px; box-sizing:border-box;}
.company_con .txt_box {}
.company_con .txt_box p {font-weight:400; font-family:'Montserrat', sans-serif; font-size:16px; line-height:29px; margin:0 0 40px; letter-spacing:0;}
.company_con .click_box {position:relative;}
.company_con .click_box li {position:relative; float:left; display:block; width:49%; margin-right:2%;}
.company_con .click_box li a {display:block; width:100%; background:#fff url('/m/eng/img/loca_icon.png') center 30% no-repeat; padding:35% 0 20px 0; background-size:18%; box-sizing:border-box; box-shadow: 3px 3px 15px 3px rgba(0,0,0,0.05);font-size:13px; color:#333; font-weight:600; font-family:'Montserrat', sans-serif; line-height:100%; text-align:center; }
.company_con .click_box li.loca a { }
.company_con .click_box li.faq {margin-right:0}
.company_con .click_box li.faq a {background-image:url('/m/eng/img/faq_icon.png'); background-size:22%; background-position: center 37%}





.global_con {position:relative; overflow:hidden; width:100%; margin:0 auto; background:url('/m/eng/img/global_bg.jpg') center top no-repeat; padding:40px 10px; box-sizing:border-box; background-size:auto 22%}
#contents .global_con h3.con_tit {font-family:'Montserrat', sans-serif; font-weight:700; line-height:110%; letter-spacing:0;}
.global_in {position:relative; overflow:hidden;}
.global_in dl {float:left; width:50%; overflow:hidden; box-sizing:border-box; margin-bottom:10px; padding:0 2%;background:url('/m/eng/img/main_shadowbg.gif') left 10% bottom -5% no-repeat; background-size:98%}

.global_in dl:nth-child(3n) {/*padding-right:0;*/}
.global_in dl:nth-child(4) ~ dl {margin-bottom:0}
.global_in dl:last-child {/*padding-right:0 !important;*/}
.global_in a {display:block;}
.global_in dt {position:relative;}
.global_in dt:after {content:""; display:block; width:30px; height:30px; background:url('/m/eng/img/more2.png') center center no-repeat; position:absolute; bottom:-15px; right:3%; z-index:999; background-size:100%;}
.global_in dd {padding:8% 0 15% 6%; /*background:#fff;*/ position:relative; font-weight:100; font-family:'Montserrat', sans-serif; font-weight:700;  color:#333; letter-spacing:0; font-size:13px; line-height:135%;}
.global_in dl:nth-child(4) dd {padding:8% 0 10% 6%;}



.notice_con {position:relative; /*overflow:hidden;*/ width:100%; background:#005dab;}
.notice_in {position:relative; /*overflow:hidden;*/ width:100%; margin:0 auto; padding:25px 10px 18px 10px; box-sizing:Border-box;}
#contents .notice_in h3.con_tit {color:#fff; line-height:110%; text-align:left; margin-bottom:5px;}
.notice_in ul {position:relative;}
.notice_in li {width:100%; clear:both; position:relative; overflow:hidden}
.notice_in li a {float:left; display:inline-block; font-size:13px; color:#fff; letter-spacing:0; line-height:110%; width:calc(100% - 92px); box-sizing:border-box;padding:7px 0;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}
.notice_in li span {padding:7px 0; width:92px; display:inline-block; float:right; letter-spacing:0; color:rgba(255,255,255,0.7); line-height:110%; text-align:right}
.notice_in li span img {vertical-align:middle; margin:0 10px 2px 0;}

	
	.bx-wrapper {}
	.bx-viewport {}
	.bx-controls {}
	.bx-controls-direction{position:absolute; z-index:9; top:22px; width:100%; right:10px}
	.bx-controls-direction .bx-prev{position:absolute; right:32px; font-size:0; width:30px; height:30px; background:url('/m/eng/img/prevBtn.png') left center no-repeat; background-size:100%;}
	.bx-controls-direction .bx-next{position:absolute; right:0; font-size:0; width:30px; height:30px; background:url('/m/eng/img/nextBtn.png') right center no-repeat; background-size:100%;}







/*******************************************************************************
	@media 581~640px
*******************************************************************************/
@media all and (max-width:640px){






}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:480px){


/*  공통  */
#contents h3.con_tit {font-size:18px;}
#contents h3.con_tit br {display:none;}
#contents a.more {width:140px; line-height:45px; background-position:right 25px center;border-radius:140px;padding-left:25px;}

.company_con {padding:30px 10px 45px 10px; }
.company_con .click_box li a {padding:40% 0 20px 0; background-size:22%;}
.company_con .click_box li.faq a {background-size:25%}


.global_con {padding:30px 10px; background-size:auto 18%}
.global_in dd {font-size:12px;}
.global_in dd br {}


}


/*******************************************************************************
	@media 321~420px
*******************************************************************************/

@media all and (max-width:420px){

.global_in dd {font-size:11px; padding-left:2%; padding-right:0; letter-spacing:-0.5pt}

}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){





}