@charset 'utf-8';

/* 공통 */
#wrap {position: relative;width: 100%;}
.cf:after,ul:after,dl:after{content:''; display:block; clear:both;}


/* 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;z-index: 10;background: #fff;width: 100%;}
header .headerBg{position: absolute;top: 0;left: 0;width: 100%;height: 333px;background: rgba(255,255,255,.8);display: none;}
header .navWrap{position: relative;width: 95%;max-width:1720px;margin: 0 auto;}
header .navWrap h1{position: relative;float: left;width: 160px;height: 60px;background: url("../../img/common/logo.png") no-repeat center;margin-right: 135px;margin-top: 5px;}
header .navWrap h1 a{display: block;width: 100%;height: 100%;overflow: hidden;text-indent: -1000px;}

header .navWrap nav{position: relative;float: left;width: 1233px;padding: 5px 0;box-sizing:border-box;}
header .navWrap nav #gnb{position: relative;}
header .navWrap nav #gnb > li{position: relative;float: left;}
header .navWrap nav #gnb > li a.gnbBtn{position: relative;display: block;font-size: 19px;font-weight: 500;color: #222;padding: 22px 60px 20px;box-sizing:border-box;text-align: center;}
header .navWrap nav #gnb > li a.gnbBtn span{position: absolute;top: 50%;right: 0;transform:translateY(-50%);display: block;width: 2px;height: 10px;background: #b8b8b8;}
header .navWrap nav #gnb > li:last-child a.gnbBtn{font-size: 18px;font-weight: 500;color: #009edd;width: 130px;text-align: center;border: 2px solid #009edd;border-radius:20px;padding: 9px 0;margin: 10px 0 0  36px;transition:all .3s;}
header .navWrap nav #gnb > li:last-child a.gnbBtn:hover{background: #009edd;color: #fff;transition:all .3s;}
header .navWrap nav #gnb > li:nth-child(5) a.gnbBtn span{display: none;}
header .navWrap nav #gnb > li:last-child a.gnbBtn span{display: none;}

header .navWrap nav .lnb{position: absolute;top: 66px;left: 0;width: 100%;height: 260px;border-left: 1px solid #fff;display: none;}
header .navWrap nav #gnb > li:nth-child(5) .lnb{border-right: 1px solid #fff;}
header .navWrap nav .lnb li{position: relative;}
header .navWrap nav .lnb li:first-child{padding-top: 37px;}
header .navWrap nav .lnb li a{display: block;text-indent: 65px;font-size: 15px;color: #202223;font-weight: 400;letter-spacing: -.25px;padding: 8px 0;box-sizing:border-box;}
header .navWrap nav .lnb li a:hover{color: #009edd;text-decoration: underline;text-underline-position: under;}

header .lang{position: relative;float: right;padding: 23px 0 0;box-sizing:border-box;}
header .lang a{font-size: 12px;font-weight: 500;color: #222;}
header .lang a span{display: inline-block;margin: 6px 10px 0 8px;}
header .lang a .arrowImg{display: inline-block;margin-top: 9px;}
header .lang a.active .arrowImg{transform:rotate(-180deg);transition:all .3s;}
header .lang ul{position: absolute;top: 50px;left: -6px;background: #fff;width: 90px;padding: 0 5px;box-sizing:border-box;display: none;}
header .lang ul li{text-align: center;padding: 5px 0;box-sizing:border-box;}

header .allMenuBtn{position: relative;float: right;width: 30px;height: 20px;margin: 25px 0 0;display: none;}
header .allMenuBtn span.bar{position: relative;display: block;width: 30px;height: 2px;background: #009edd;margin-bottom: 7px;}



/* allMenu */
.allMenuWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.8);overflow: hidden;z-index: 11;display: none;}
.allMenuWrap #allMenu{position: fixed;top: 0;right: -450px;width: 100%;max-width:450px;height: 100vh;background: #fff;overflow-y: scroll;transition:all .3s;}
.allMenuWrap #allMenu .allMenuStep{position: relative;padding: 32px 18px 31px 31px;box-sizing:border-box;}
.allMenuWrap #allMenu .allMenuStep a.allMenuCuBtn{display: block;float: left;font-size: 18px;color: #fff;font-weight: 500;width: 130px;text-align: center;padding: 13px 0 14px;box-sizing:border-box;background: #009edd;border-radius:25rem;margin-top: 3px;}
.allMenuWrap #allMenu .allMenuStep .langWrap{float: right;}
.allMenuWrap #allMenu .allMenuStep .langWrap a{display: block;width: 51px;height: 51px;border-radius:25rem;border: 3px solid transparent;box-sizing:border-box;float: left;}
.allMenuWrap #allMenu .allMenuStep .langWrap a.on{border: 3px solid #009edd;}
.allMenuWrap #allMenu .allMenuStep .langWrap a.korLangBtn{background: url("../../img/common/koreaLang_mob.png") no-repeat center;margin-right: 15px;}
.allMenuWrap #allMenu .allMenuStep .langWrap a.engLangBtn{background: url("../../img/common/englishLang_mob.png") no-repeat center;margin-right: 29px;}
.allMenuWrap #allMenu .allMenuStep .allMenuCloseBtn{display: block;float: right;margin-top: 13px;}

.allMenuWrap #allMenu #gnb{position: relative;}
.allMenuWrap #allMenu #gnb > li{position: relative;background: #fff;border-bottom: 1px solid #e8e8e8;transition:all .3s;}
.allMenuWrap #allMenu #gnb > li a.gnbBtn{display: block;font-family: 'Roboto';color: #222;font-size: 24px;font-weight: 700;text-indent: 31px;padding: 19px 0 22px;box-sizing:border-box;transition:all .3s;}
.allMenuWrap #allMenu #gnb > li a.gnbBtn:hover{background: #f0f0f0;}
.allMenuWrap #allMenu .lnb{position: relative;background: #f0f0f0;display: none;transition:all .3s;}
.allMenuWrap #allMenu .lnb li a{display: block;font-family: 'Roboto';font-size: 17px;font-weight: 400;color: #222;padding: 10px 0;box-sizing:border-box;text-indent: 75px;}
.allMenuWrap #allMenu .lnb li:last-child{padding-bottom: 30px;}

.allMenuWrap #allMenu #gnb > li:last-child a.gnbBtn{display: none;}

.allMenuWrap #allMenu #gnb > li.on{background: #f0f0f0;transition:all .3s;}
.allMenuWrap #allMenu #gnb > li.on a.gnbBtn{padding: 39px 0 24px;transition:all .3s;}
.allMenuWrap #allMenu #gnb > li.on .lnb{display: block;transition:all .3s;}

.allMenuWrap #allMenu.active{right: 0;transition:all .3s;}



/* footer */
footer{position: relative;width: 100%;background: #072b52;}

footer .footerWrap{position: relative;width: 95%;max-width:1400px;margin: 0 auto;}

footer .footerStep1{position: relative;width: 100%;border-bottom: 1px solid #2c4b6c;padding: 32px 0 31px;box-sizing:border-box;}
footer .footerStep1 .snsBox{position: relative;float: left;}
footer .footerStep1 .snsBox a{display: block;float: left;overflow: hidden;text-indent: -1000px;}
footer .footerStep1 .snsBox a.snsLink01{width: 21px;height: 16px;background: url("../../img/main/sns01_off.png") no-repeat center;margin-right: 20px;}
footer .footerStep1 .snsBox a.snsLink02{width: 18px;height: 18px;background: url("../../img/main/sns02_off.png") no-repeat center;margin-right: 20px;}
footer .footerStep1 .snsBox a.snsLink03{width: 21px;height: 18px;background: url("../../img/main/sns03_off.png") no-repeat center;}
footer .footerStep1 .snsBox a.snsLink01:hover{background: url("../../img/main/sns01_on.png") no-repeat center;}
footer .footerStep1 .snsBox a.snsLink02:hover{background: url("../../img/main/sns02_on.png") no-repeat center;}
footer .footerStep1 .snsBox a.snsLink03:hover{background: url("../../img/main/sns03_on.png") no-repeat center;}
footer .footerStep1 ul{position: relative;float: right;}
footer .footerStep1 ul li{float: left;margin-right: 64px;}
footer .footerStep1 ul li:last-child{margin-right: 0;}
footer .footerStep1 ul li a{color: #ccc;font-size: 14px;font-weight: 400;transition:all .3s;}
footer .footerStep1 ul li a:hover{color: #fff;transition:all .3s;}

footer .footerStep2{position: relative;padding: 68px 0 75px;box-sizing:border-box;}

footer .footerStep2 .addressBox{position: relative;float: left;font-family: 'Noto Sans KR';letter-spacing: 0;}
footer .footerStep2 .addressBox .companyName{font-size: 14px;color: #9ca8b2;font-weight: 500;padding: 15px 0 12px;}
footer .footerStep2 .addressBox address{font-size: 14px;color: #9ca8b2;font-weight: 300;padding-bottom: 27px;}
footer .footerStep2 .addressBox .CEOinfo{font-size: 13px;color: #687987;font-weight: 300;padding-bottom: 40px;line-height: 1.6;}
footer .footerStep2 .addressBox .CEOinfo span{font-size: 13px;color: #687987;font-weight: 300;}
footer .footerStep2 .addressBox .CEOinfo a{font-size: 13px;color: #687987;font-weight: 300;transition:all .3s;}
footer .footerStep2 .addressBox .CEOinfo a:hover{color: #f1f1f1;transition:all .3s;}
footer .footerStep2 .addressBox .copyRight{font-family: 'Roboto';font-size: 12px;color: #9ca8b2;font-weight: 400;}
footer .footerStep2 .addressBox p span{display: inline-block;margin-left: 40px;}
footer .footerStep2 .addressBox address span{display: inline-block;margin-left: 40px;}

footer .footerStep2 .logoBox{position: relative;float: right;}
footer .footerStep2 .logoBox .logoWrap{position: relative;height: 71px;margin: 0 auto 29px;}
footer .footerStep2 .companyIntroBtnWrap a{display: block;width: 187px;background: #808991;font-size: 10px;color: #fff;text-align: center;letter-spacing: 0;font-weight: 400;padding: 14px 0 13px;box-sizing:border-box;transition:all .3s;}
footer .footerStep2 .companyIntroBtnWrap a img{display: inline-block;margin-left: 8px;}
footer .footerStep2 .companyIntroBtnWrap a:hover{background: #6c7176;transition:all .3s;}