@charset "utf-8";

/*** font ***/
.nanum{font-family: 'Nanum Gothic', sans-serif;}


/*** common style ***/
.af::after{ content: ""; display: block; clear: both;}
.w1200{ width:1200px; margin:auto;}


/*** header ***/
header{width: 100%;max-width: 1920px; height: 120px;margin: auto;}
header.mainHeader{position: fixed;top:0;left:0;right:0; z-index: 100; width: 100%; height: 120px;background: rgba(0,0,0,0.43);padding:0 97px;box-sizing:border-box;}
header.mainHeader.scroll_on{background-color: rgba(0,0,0,0.7); }


header .header__logo{position: relative;float: left;}
header .header__logo a{display: block;width: 263px;height: 120px;}
header .header__logo a img{position: absolute;left: 0; top: 0; right: 0; bottom: 0; width: 100%; margin: auto;}

header .header__gnb{position:relative; z-index:999;float: left;}
header.mainHeader .header__gnb{margin-left: 7%;}
header.subHeader .header__gnb{/* float: right */;position: absolute;right:0;top:0px;}

header .header__gnb > ul > li{position:relative; float: left;z-index: 999;}
header .header__gnb > ul > li > a{display:block;padding:0 34px;box-sizing:border-box;font-size:22px;line-height: 120px;color: #d6d6d5;font-weight: 700;transition:0.3s;}
header.subHeader .header__gnb > ul > li > a{color: #030303;}
header .header__gnb > ul > li:hover > a,
header .header__gnb > ul > li:focus > a,
header .header__gnb > ul > li.current > a,
header .header__gnb > ul > li .header__gnbDepth2 li:hover a,
header .header__gnb > ul > li .header__gnbDepth2 li:focus a{color: #2161d6}

header .header__gnb > ul > li .header__gnbDepth2{display:none;position: absolute;top:120px;left:0;right:0;width: 100%;height: auto;padding:30px 0;text-align: center;}
header .header__gnb > ul > li .header__gnbDepth2 li a{font-size:18px;line-height: 2;color: #6c6c6c;transition:0.3s;}

/*header__login*/
header.mainHeader .header__login{float: right;margin-right: 130px;}

header.subHeader{position: fixed;top:0;left:0;right:0; z-index: 100; width: 100%;background-color: #fff;}
header.subHeader.scroll_on{background-color: rgba(255,255,255,0.9); }
header.subHeader .subHeader__inner{position: relative;}
header.subHeader .header__login{position: absolute;top:0;right:30px;z-index: 999999;}

header .header__login ul li{position: relative;float: left;}
header.mainHeader .header__login ul li:first-child{margin-right: 21px;}
header.subHeader .header__login ul li:first-child{margin-right: 19px;}

header.mainHeader .header__login ul li:first-child:before{content: "";position: absolute;top:50%;right:-11px;transform:translateY(-50%);width:2px;height: 21px;background-color: #f7e1bc;}
header.subHeader .header__login ul li:first-child:before{content: "";position: absolute;top:50%;right:-11px;transform:translateY(-50%);width:2px;height: 18px;background-color: #8a8989;}

header.mainHeader .header__login ul li a{font-size:18px;line-height: 120px;color: #f7e1bc;font-weight: 500;transition:0.3s;}
header.subHeader .header__login ul li a{font-size:16px;line-height: 34px;color: #8a8989;font-weight: 500;transition:0.3s;}

header .header__login ul li:hover a,
header .header__login ul li:focus a{color: #0b5ef6;}


/* header__bg */
.header__bg{display: none;position: fixed;top:120px;left:0;right:0;width: 100%;height: 266px;background-color: rgba(255,255,255,1);}
header.mainHeader .header__bg{z-index:99; background-color: rgba(255,255,255,0.82);}
header.subHeader .header__bg{z-index:99; border-bottom: 1px solid #e0e0e2;}


/*** footer ***/
footer{padding:12px 0 40px;border-top:1px solid #e1e1e1}
footer .footer__logo{float: left;margin:23px 49px 0 0;}
footer .footer__contents{float: left;}
footer .footer__contents .footer__content1 ul{display: inline-block;margin-right:10px;vertical-align: middle;}
footer .footer__contents .footer__content1 ul li{position:relative;float: left;margin-right:18px;font-size:16px;color: #000;font-weight: 700;cursor: pointer;transition: 0.3s}
footer .footer__contents .footer__content1 ul li a{font-size:16px;color: #000;font-weight: 700;transition: 0.3s;}
footer .footer__contents .footer__content1 ul li:hover,
footer .footer__contents .footer__content1 ul li:focus,
footer .footer__contents .footer__content1 ul li a:hover,
footer .footer__contents .footer__content1 ul li a:focus{color: #0b5ef6;}
footer .footer__contents .footer__content1 .button--businessInfo{display: inline-block;width: 97px;margin-left: 12px;padding-left:7px;box-sizing:border-box;vertical-align: middle;font-size:12px;line-height: 19px;color: #5b5a5a;background:#e9e9e9 url(/img/layout/footer__buttonArrow.png) no-repeat 93% 70%;border-radius: 5px;transition:0.3s;}
footer .footer__contents .footer__content1 .button--businessInfo:hover,
footer .footer__contents .footer__content1 .button--businessInfo:focus{background:#0b5ef6 url(/img/layout/footer__buttonArrowH.png) no-repeat 93% 70%;color: #fff;}
footer .footer__contents .footer__content1 ul li:before,
footer .footer__contents .footer__content2 ul li:before{content: "";position: absolute;top:59%;right:-9px;transform: translateY(-50%);width: 1px;height: 15px;background-color: #b8b8b8;}
footer .footer__contents .footer__content1 ul li:last-child,
footer .footer__contents .footer__content2 ul li:last-child{margin-right: 0;}
footer .footer__contents .footer__content1 ul li:last-child:before,
footer .footer__contents .footer__content2 ul li:last-child:before{display: none;}

footer .footer__contents .footer__content2{margin: 10px 0;}
footer .footer__contents .footer__content2 ul li{position:relative;float: left;margin-right:15px;font-size:14px;color: #000;font-weight: 300;}
footer .footer__contents .footer__content2 ul li:before{right:-8px;background-color: #000000;}

.copyright{font-size:12px;color: #9e9e9e;}

.fonts_14{font-size:14px;}
.fonts_12{font-size:12px;}
.fonts_10{font-size:10px;}

/*** top button ***/
.button--top{width:100%;margin-top:5px;border:1px solid #ddd;font-size:0.875rem;line-height:30px;font-weight:700;text-align: center;transition: 0.3s;box-sizing:border-box; background-color: #fff;cursor: pointer;}
.button--top:hover,
.button--top:focus{background-color: #f3f3f3;}

/* IE */
.ir{display:block;overflow:hidden !important;position:absolute !important;top:-1000em;left:0;z-index:-1;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;background:none !important;}
/* X-button */
.x-btn01 {position:absolute;top:0;right:0;width:30px;height:30px;}
.x-btn01:after {position:absolute;right:50%;top:50%;width:23px;height:2px;background:#000;transform:translate(50%,-50%) rotate(45deg);content:'';}
.x-btn01:before {position:absolute;left:50%;top:50%;width:23px;height:2px;background:#000;transform:translate(-50%,-50%) rotate(-45deg);content:'';}
.x-btn01.c01:after {background:#fff;}
.x-btn01.c01:before {background:#fff;}
.limit-ie {display:none;position:fixed;top:0;left:0;right:0;z-index:9999;height:130px;background:rgba(0,0,0,0.8);}
.limit-ie.active {display:block;}
.limit-ie .cont {display:flex;align-items:center;position:relative;max-width:1920px;width:100%;height:130px;margin:0 auto;}
.limit-ie p {padding:0 70px 0 20px;font-size:18px;color:#fff;}
.limit-ie p > a {display:inline-block;margin-left:10px;font-size:18px;color:#fff;border-bottom:1px solid #fff}
.limit-ie .x-btn01 {top:calc(50% - 13px);right:20px}
@media screen and (max-width: 1023px) {
    .limit-ie {height:70px;}
    .limit-ie .cont {height:70px;}
    .limit-ie p {font-size:12px;}
    .limit-ie p > a {font-size:12px;}
}