@charset 'utf-8';

/* 공통 */
*{ outline:none;}
.cf:after{ display:block; content:''; clear:both;}
.fl{ float:left;}
.fr{ float:right;}


.inner1200{ position:relative; max-width:1200px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.inner1400{ position:relative; max-width:1400px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.inner1720{ position:relative; max-width:1720px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/* 페이지 하단 ask anything */
.bottom_com{ position: relative; background:url('/img/main/section6_bg.jpg') no-repeat center; background-size:cover; height:438px;}
.bottom_com:before{ content:''; width:1px; height:100px; background-color:#e96404; position:absolute; left:50%; top:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.bottom_com .inner{ position:relative; height:100%;}
.bottom_com .inner .txt{ position:relative; top:140px; text-align:center;}
.bottom_com .inner .txt dl{ margin-bottom:55px;}
.bottom_com .inner .txt dl dt{ font-size:60px; color:#222; font-family:'Lato',sans-serif; margin-bottom:20px;}
.bottom_com .inner .txt dl dd{ font-size:18px; color:#222; font-weight:300;}
.bottom_com .inner .txt button{ background-color:transparent; width:170px; height:47px; line-height:44px; text-align:center; font-size:16px; color:#222; border:1px solid rgba(34,34,34,0.2); border-radius:25px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.bottom_com .inner .txt button:hover{ background-color:#FFF; color:#222; border-color:transparent}
.bottom_com .inner .txt button span{ display:inline-block; margin-left:5px;}
.bottom_com .inner .txt button span img{ vertical-align:middle; position:relative; top:-1px;}





/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


/* header */
header{ position:absolute; top:0; left:0; width:100%; background-color:#fff; z-index:10;}
header.on{ box-shadow:2px 2px 5px rgba(0,0,0,0.2)}
header .inner{}

header .logo,
header .lang{ position:absolute; top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}

header .inner .lang{ right:0;}
header .inner .lang ul{ font-size:0;}
header .inner .lang ul li{ display:inline-block; position:relative;}
header .inner .lang ul li a{ position:relative; display:block; font-size:11px; color:#aaa; font-weight:700; font-family:'Kaint',sans-serif;}
header .inner .lang ul li.on a,
header .inner .lang ul li:hover a{ color:#e96404;}
header .inner .lang ul li a:after{ content:''; width:1px; height:10px; display:inline-block; margin:0 18px; vertical-align:middle; background-color:#d7d7d7;}
header .inner .lang ul li:last-child a:after{ display:none;}

header .logo{ left:0;}
header .logo a{ position:relative; display:block;}
header .logo a img{
	-webkit-transition:all .5s; 
	-moz-transition:all .5s; 
	-ms-transition:all .5s; 
	-o-transition:all .5s; 
}

header nav{}
header nav .gnb{ font-size:0; text-align:center;}
header nav .gnb > li{ display:inline-block; position:relative;}
header nav .gnb > li > a{ position:relative; display:block; font-size:18px; color:#222; font-weight:500; letter-spacing:-0.025em; padding:40px 46px;}
header nav .gnb > li > a:after{ content:''; width:0; height:8px; background-color:#e96404; position:absolute; bottom:-8px; left:50%; z-index:2; visibility:hidden; opacity:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:all .5s; 
	-moz-transition:all .5s; 
	-ms-transition:all .5s; 
	-o-transition:all .5s; 
}
header nav .gnb > li:hover > a:after{ visibility:visible; opacity:1; width:76px;}

header nav .gnb > li .depth2{ display:none; background-color:#3f3d3c; position:absolute; left:50%; width:220px; z-index:1; top:100px; padding:34px 0 38px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
header nav .gnb > li .depth2:hover > li > a{ color:#999;}
header nav .gnb > li .depth2 > li{} 
header nav .gnb > li .depth2 > li > a{ position:relative; display:block; font-size:16px; color:#fff; font-weight:350; letter-spacing:-0.025em; padding:9px 0;}
header nav .gnb > li .depth2 > li:hover a{ color:#fff;}

header nav .gnb > li .depth2 > li .depth3{ display:none;}



/* moblie */
.menu_btn{ /* visibility:hidden; opacity:0;  */ position:absolute; right:10px; top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
.menu_btn.on{ visibility:visible; opacity:1;}
.menu_btn a{ position:relative; display:block;}
.menu_btn a span{ background-color:#222; width:35px; height:2px; margin:10px 0; display:block;}


/* mobile menu */
.menu_btn{ position:absolute; top:50%; right:15px; cursor:pointer; z-index:99;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.menu_btn button{ border:0; width:45px; height:25px; background:url('/img/common/menu_btn.jpg') no-repeat center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#mobile_menu{ position:fixed; top:0; right:-400px; background-color:#FFF; max-width:400px; width:90%; height:100%; z-index:9999;}
#mobile_menu .depth3{ display:none;}
#mobile_menu .top{ position:relative; height:100px;}
#mobile_menu .top .m_logo{ left:15px;}
#mobile_menu .top .m_logo a{ display:block;}
#mobile_menu .top .m_logo a img{ max-width:80%;}
#mobile_menu .top .menu_close{ right:15px;}
#mobile_menu .top .menu_close button{ width:24px; height:24px; border:0; background:url("/img/common/close_btn.jpg") no-repeat center;}
#mobile_menu .top .m_logo,
#mobile_menu .top .menu_close{ position:absolute; top:50%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

#mobile_menu .gnb > li{ border-bottom:1px solid #fff;}
#mobile_menu .gnb > li > a{ position:relative; display:block; height:60px; line-height:60px; padding-left:25px; transform:uppercase; background-color:#333; color:#fff;}
#mobile_menu .gnb > li > a:after{ content:url('/img/common/menuplus_off.png'); display:inline-block; position:absolute; right:25px;}
#mobile_menu .gnb > li.on > a{ background-color:#e96404; color:#fff;}
#mobile_menu .gnb > li.on > a:after{ content:url('/img/common/menuplus_on.png'); display:inline-block; position:absolute; right:25px;}
#mobile_menu .gnb > li > .depth2{ display:none; background-color:#f2f2f2; color:#222;}
#mobile_menu .gnb > li > .depth2 li{ border-bottom:1px solid #dddedf;}
#mobile_menu .gnb > li > .depth2 li:last-child{ border:0;}
#mobile_menu .gnb > li > .depth2 li > a{ position:relative; display:block; background:#f2f2f2; color:#222; padding:15px 0 15px 25px;}
#mobile_menu .gnb > li > .depth2 li > a:hover{ background-color:#FFF; color:#e96404;}

#mobile_menu .gnb > li:last-child > a:after{ display:none;}

.moblie_Bg.on{ display:block;}
.moblie_Bg{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:999;}








/* footer */
footer{}
footer .ft_top{ position:relative; border-bottom:1px solid #f5f5f5;}
footer .ft_top .con_l{ position:relative;}
footer .ft_top .con_l p{ font-size:18px; color:#808991; padding:34px 0 28px 0;}
footer .ft_top .con_l p span{ /* content:url('/img/common/phone_icon.png');  */display:inline-block; margin-right:20px; vertical-align:middle;}

footer .ft_top .con_r{}
footer .ft_top .con_r ul{ font-size:0; padding-right:53px;}
footer .ft_top .con_r ul li{ display:inline-block;}
footer .ft_top .con_r ul li a{ position:relative; display:block; font-size:14px; color:#808991; padding:33px 31px 31px 31px;}

footer .ft_top .btn_top{ position:absolute; top:50%; right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
 }
footer .ft_top .btn_top a{ position:relative; display:block; font-size:12px; color:#808991; font-family: 'Kanit', sans-serif;}
footer .ft_top .btn_top a:before{ content:url('/img/common/btn_top.png'); display:block; text-align:center; margin-bottom:6px;}

footer .ft_bottom{ padding:80px 0 72px 0;}
footer .ft_bottom .con_l{} 
footer .ft_bottom .con_l .txt1{ margin-bottom:22px;}
footer .ft_bottom .con_l .txt1 p,
footer .ft_bottom .con_l .txt1 span{ font-size:14px; color:#808991; }
footer .ft_bottom .con_l .txt1 p{ margin-bottom:8px; font-size:22px;}
footer .ft_bottom .con_l .txt1 p img{vertical-align: middle; position:relative; top:-2px; margin-left: 6px;}
footer .ft_bottom .con_l .txt1 span{ margin-right:40px;}
footer .ft_bottom .con_l .txt1 span:last-child{}

footer .ft_bottom .con_l .txt2{ margin-bottom:38px;}
footer .ft_bottom .con_l .txt2 span{ font-size:13px; color:#4c5862;}
footer .ft_bottom .con_l .txt2 span:first-child{ margin-right:40px;}
footer .ft_bottom .con_l .txt2 span:nth-child(3){ display:block; padding-top:10px;	}

footer .ft_bottom .con_l .txt3{} 
footer .ft_bottom .con_l .txt3 p{ font-size:10px; color:#808991; letter-spacing:0.05em;}

.mod_box{display:flex; justify-content:flex-end}
footer .ft_bottom .con_r{margin-right: 64px;}
footer .ft_bottom .con_r.mr{margin-right: 0;}
footer .ft_bottom .con_r .ft_logo{ position:relative; top:4px; margin-bottom:45px;}
footer .ft_bottom .con_r .ft_logo img{}
footer .ft_bottom .con_r a{display:inline-block; vertical-align: top; width:186px; height:38px; line-height:38px; font-size:10px; color:#fff; text-align:center; border:none; background-color:#808991; text-transform:uppercase;}
footer .ft_bottom .con_r a span{ /* content:url('/img/common/ft_icon.png'); */ display:inline-block; margin-left:8px; vertical-align:middle; position:relative; top:-2px;}
footer .ft_bottom .con_r a span img{ vertical-align:middle;}