@charset 'utf-8';

/* 공통 */
.inner1720{width:100%; max-width:1720px; margin:0 auto; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.inner1400{width:100%; max-width:1400px; margin:0 auto; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.inner1300{width:100%; max-width:1300px; margin:0 auto; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.inner1200{width:100%; max-width:1200px; margin:0 auto; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }


ul:after,
.clearfix:after{content:""; display:block; clear:both;}

.br480,
.br640,
.br960,
.br1400{display:none;}

.ani{opacity:0;}


/* 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{width:100%; height:127px; position:fixed; left:0; top:0; z-index:99;}
header .inner1720{height:100%;}
header .logo{position:absolute;/* left:100px; top:35px;*/ top:28px; text-align:center;}
header .logo > a{display:block;  }
header .logo > a img{display:block; margin:0 auto;}
header .logo > a span{display:block; padding-top:5px; line-height:1.2; font-size:11px; color:#fff;  font-family: 'HCRDotum'; }
header nav{text-align:center; font-size:0;}
header nav .gnb{display:inline-block; vertical-align:middle;}
header nav .gnb > li{float:left; width:120px; margin:0 32px; position:relative;}
header nav .gnb > li > a{display:block; width:100%; padding:54.5px 0;  font-size:18px; color:#fff;}
header nav .gnb .depth02{display:none; height:228px; padding-top:30px; text-align:left; position:absolute; left:50%; top:127px; z-index:99; box-sizing:border-box; -webkit-box-sizing:border-box; 
width: 100%;-moz-box-sizing:border-box;
transform:translate(-50%);
-webkit-transform:translate(-50%);
-moz-transform:translate(-50%);
-ms-transform:translate(-50%);
-o-transform:translate(-50%);
}
header nav .gnb > li:first-child .depth02 { width:100px; }
header nav .gnb .depth02 li{}
header nav .gnb .depth02 li a{display:block; padding:8px 0; font-size:16px; color:#fff; position:relative; line-height: 1.4;}
header nav .gnb .depth02 li a > span{padding-left:7px;background:url("/img/common/gnb_icon.png") no-repeat 1px center;}
header nav .gnb > li > a:after{content:""; display:none; width:108px; height:4px; background-color:#318fc7; position:absolute; left:50%; bottom:0;
transform:translate(-50%);
-webkit-transform:translate(-50%);
-moz-transform:translate(-50%);
-ms-transform:translate(-50%);
-o-transform:translate(-50%);
}
header .lang{position:absolute; right:100px; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
header .lang ul{}
header .lang ul li{float:left;}
header .lang ul li a{display:block; padding:0 18px; font-size:11px; font-weight:700; color:#fff; font-family: 'Kanit', sans-serif; position:relative;}
header .lang ul li:first-child a{padding-left:0;}
header .lang ul li:last-child a{padding-right:0;}
header .lang ul li a:after{content:""; display:block; width:1px; height:7px; background-color:rgba(255,255,255,0.2); position:absolute; right:0; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
header .lang ul li:last-child a:after{display:none;}

/*모바일메뉴버튼*/
header .m_menu_btn{display:none; position:absolute; right:15px; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);

}
header .m_menu_btn button{width:38px; height:24px; padding:0; background:url("/img/common/m_menu_btn.png") no-repeat center; border:none; outline:none;}

.gnbBg{display:none; width:100%; height:320px; background-color:rgba(5,24,39,0.9); border-top:1px solid #318fc7; position:absolute; left:0; top:127px;}

/* header hover, on */
header.on{background-color:rgba(5,24,39,0.9);}
header .gnb > li:hover > a:after{display:block;}
header .gnb > li:hover .depth02 li a:hover{color:#369cd8;}
header .lang ul li.on a{color:#369cd8;}

/*모바일 메뉴*/
#m_Bg.on{display:block;}
#m_Bg{display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:99;}
#m_menu.on{right:0;}
#m_menu{width:90%; max-width:450px; height:100%; background-color:#222c36; position:fixed; right:-450px; top:0; z-index:9999; overflow-y:auto;}
#m_menu .top{height:105px; padding:53px 0 0 60px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#m_menu .top .lang{}
#m_menu .top .lang ul{}
#m_menu .top .lang ul li{float:left;}
#m_menu .top .lang ul li a{display:block; padding:0 18px; font-size:11px; font-weight:500; color:#fff; font-family: 'Kanit', sans-serif; position:relative;}
#m_menu .top .lang ul li:first-child a{padding-left:0;}
#m_menu .top .lang ul li:last-child a{padding-right:0;}
#m_menu .top .lang ul li a:after{content:""; display:block; width:1px; height:7px; background-color:rgba(255,255,255,0.2); position:absolute; right:0; top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#m_menu .top .lang ul li:last-child a:after{display:none;}
#m_menu .top .lang ul li.on a{color:#369cd8;}

#m_menu .menu{padding:0 48px 0 60px;}
#m_menu .menu .gnb{}
#m_menu .menu .gnb > li{padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
#m_menu .menu .gnb > li:first-child{border-top:1px solid rgba(255,255,255,0.3);}
#m_menu .menu .gnb > li > a{display:block; font-size:22px; color:#fff;}
#m_menu .menu .gnb .depth02{display:none;padding:30px 0 10px 25px ;}
#m_menu .menu .gnb .depth02 > li{}
#m_menu .menu .gnb .depth02 > li  > a{display:block; margin-bottom:10px; font-size:18px; color:#b5bbc8;}
#m_menu .menu .gnb .depth02 > li:last-child  > a{margin-bottom:0;}
#m_menu .menu .gnb .depth02 > li  > a:hover{color:#369cd8;}
#m_menu .m_menu_close{position:absolute; right:25px; top:44px;}
#m_menu .m_menu_close button{width:23px; height:23px; padding:0; background:url("/img/common/m_menu_close.png") no-repeat; border:none; outline:none;}




/*footer*/
footer{background-color:#212c37; }
footer button{padding:0; border:none; background:none; outline:none;}
footer .newsL{height:170px; padding:55px 0; background-color:#e8e9eb; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
footer .newsL .newsBox{font-size:0;}
footer .newsL .newsBox > div{display:inline-block; vertical-align:middle;}
footer .newsL .newsBox .tit{width:47.14285714286%;}
footer .newsL .newsBox .tit p{margin-bottom:5px; font-size:30px; font-weight:700; color:#4d5258; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
footer .newsL .newsBox .tit p > em{color:#369cd8;}
footer .newsL .newsBox .tit span{display:block; font-size:16px; color:#212837; line-height:1.3;}
footer .newsL .newsBox .email{width:52.85714285714%; font-size:0;}
footer .newsL .newsBox .email .box{display:inline-block; vertical-align:middle; width:calc(100% - 146px - 3px); height:60px; padding:0 25px; margin-right:3px; background-color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
footer .newsL .newsBox .email .box label{}
footer .newsL .newsBox .email .box label img{padding-top:3px; display:inline-block; vertical-align:middle;}
footer .newsL .newsBox .email .box input{width:calc(100% - 44px); height:100%; padding-left:20px; font-size:16px; color:#686e79;}
footer .newsL .newsBox .email .box input::placeholder{ font-size:16px; font-weight:500; padding:5px 0; color:#686e79;  font-family: 'Montserrat', sans-serif;}
footer .newsL .newsBox .email .box input:-ms-input-placeholde{ font-size:16px; font-weight:500; color:#686e79;  font-family: 'Montserrat', sans-serif;}
footer .newsL .newsBox .email .box input::-ms-input-placeholde{ font-size:16px; font-weight:500; color:#686e79;  font-family: 'Montserrat', sans-serif;}
footer .newsL .newsBox .email button{width:146px; height:60px; background:#212c37;  font-size:14px; font-weight:500; color:#fff;  font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
footer .newsL .newsBox label,
footer .newsL .newsBox input,
footer .newsL .newsBox button{display:inline-block; vertical-align:middle; padding:0; border:none; outline:none; background:none;}

footer .top{padding:35px 0; border-bottom:1px solid rgba(255,255,255,0.15); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
footer .top > div{height:100%;}
footer .top .call{float:left;}
footer .top .call a{display:inline-block; padding-left:40px; font-size:16px; font-weight:600; color:#fff; font-family: 'Montserrat', sans-serif; background:url("/img/common/icon_call.png") no-repeat left center;}
footer .top .menu{float:right; padding-right:25px;}
footer .top .menu ul{}
footer .top .menu ul li{float:left; margin-right:60px;}
footer .top .menu ul li a{display:block; font-size:14px; color:#ccc; }
footer .top .menu ul li:last-child a{color:#fff;}
footer .top .topBtn{position:absolute; right:0; top:0;}
footer .top .topBtn button{font-size:12px; color:#808991; font-family: 'Kanit', sans-serif; }
footer .top .topBtn button:before{content:""; display:block; width:13px; height:7px; margin:0 auto 5px; background:url("/img/common/icon_arrow02.png") no-repeat;}

footer .bottom{padding:80px 0;}
footer .bottom .logo{float:left;}
footer .bottom .logo img{}
footer .bottom .info{float:left; width:calc(100% - 343px); padding-left:110px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
footer .bottom .info ul{}
footer .bottom .info ul li{margin-bottom:12px;}
footer .bottom .info ul li:last-child{margin-bottom:0;}
footer .bottom .info ul li > span{display:inline-block; margin-right:40px; color:#808991; line-height:1.4}
footer .bottom .info ul.list01{margin-bottom:20px;}
footer .bottom .info ul.list01 li:first-child > span{font-weight:500;}
footer .bottom .info ul.list02{margin-bottom:30px;}
footer .bottom .info ul.list02 li > span{font-size:13px; color:#4c5862;}
footer .bottom .info .copy{font-size:12px; font-weight:500; color:#808991; letter-spacing: -0.05em; font-family: 'Montserrat', sans-serif;}
footer .bottom .family{position:absolute; right:0; top:0;}
footer .bottom .family button{width:187px; height:38px; padding-left:30px; font-size:14px; font-weight:600; color:#fff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; text-align:left; background:url("/img/common/icon_arrow03.png") no-repeat 85% center; border:1px solid #808991; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
footer .bottom .family ul{display:none; border:1px solid #808991; border-top:none; background-color:#212c37;}
footer .bottom .family ul li{}
footer .bottom .family ul li a{display:block; width:100%; padding-left:30px;  line-height:38px; font-size:14px; font-weight:400; color:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}