@charset "utf-8";

/* header */
#header .top{background:#e4e4e4; position: relative;}
#header .top>div{display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack: justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1406px;height:37px;margin:0 auto;}
#header .top>div .quickLink{display:flex;display:-webkit-box;display:-ms-flexbox;}
#header .top>div .quickLink::after{content: ""; display: block; width: calc((100vw - 1406px)/2 + 30px); min-width: 30px; height: 37px; background-color: #ffc163; position: absolute; left: 0; top: 0;}
#header .top>div .quickLink a{display: block; min-width: 120px; height: 37px; padding: 0 30px; position: relative; box-sizing: border-box; margin-right: 0!important; text-align: center; line-height: 37px; vertical-align: middle; z-index: 2;}
#header .top>div .quickLink a::after{content: ""; display: block; width: 100%; height: 100%; background-color: #fff;  transform:skew(45deg); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; border-right: 1px solid #ddd; border-top-right-radius: 6px; z-index: -1; box-sizing: border-box;}
#header .top>div .quickLink a:first-child::after{background-color: #ffc163; border-right: 0;}
#header .top>div span{margin-right:8px;color:#747474;font-family: PretendardSB,sans-serif;}
#header .top>div span strong{color:#000000;font-family: PretendardSB,sans-serif;}
#header .top>div a{display:inline-block;color:#ff9801;font-family: PretendardSB,sans-serif;letter-spacing: -0.025em;}
#header .top>div a:not(:last-child){margin-right:32px}
#header .top>div a.logout, #header .top>div a.login{display:inline-block;width:85px;height:27px;line-height: 27px;background:#ff9a02;border-radius: 20px;color:#ffffff;text-align: center;}
#header .top .lang{color:#000;padding:0 44px 0 12px;border:none;background:url(../../../images/ko/common/ico/selArrow1.png) no-repeat right 20px center;-webkit-appearance: none; -moz-appearance: none; appearance: none;font-family: PretendardM,sans-serif;letter-spacing: -0.025em;}

#header .bottom{position:relative;background:#ffc163;z-index:10;}
#header .bottom>div{display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1420px;height:82px;margin:0 auto;padding:0 7px;box-sizing: border-box;transition:.3s}
.logo{margin-right: 125px;}
.logo>a{display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.logo>a img{vertical-align: top;transition:.3s}
.logo>a span{display:block;margin-left:6px;color:#000000;font-size:20px;font-family: PretendardSB,sans-serif;line-height: 1;transition:.3s}

#gnb{width:870px}
#gnb>ul{display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack: justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:82px;transition:.3s}
#gnb>ul>li{display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:82px;transition:.3s}
#gnb>ul>li>a{color:#161616;font-size:18px;font-family:NanumSquareNeoEB,sans-serif;letter-spacing: -0.025em;transition:.3s}
#gnb>ul>li>a::before{content:"";display:block;position:absolute;bottom:0px;left:50%;right:50%;height:2px;background:#fff;transition:.3s}
#gnb>ul>li>a:hover{color:#ffffff}
#gnb>ul>li>a:hover::before{left:0;right:0}
#gnb>ul>li>div{display:none;position:absolute;top:78px;left:50%;transform: translateX(-50%);width:185px;background:#fff;padding:32px 0 28px 24px;border-radius: 20px;box-shadow: -8px 5px 16px 0px rgba(0, 0, 0, 0.13);box-sizing: border-box;}
#gnb>ul>li>div>ul>li:not(:last-child){margin-bottom:10px}
#gnb>ul>li>div>ul>li>a{position:relative;color:#000;font-family:NanumSquareNeoB,sans-serif;transition:.3s}
#gnb>ul>li>div>ul>li>a::before{content:"";display:block;position:absolute;bottom:-4px;left:50%;right:50%;height:2px;background:#ff9902;transition:.3s}
#gnb>ul>li>div>ul>li>a:hover{color:#ff9902}
#gnb>ul>li>div>ul>li>a:hover::before{left:0;right:0}
.moveArea{position:relative;display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-10px;}
.moveArea .searchBtn{display:inline-block;width:46px;height:46px;margin-right:5px;background:url(../../../images/ko/common/header/searchBtn.png) no-repeat right 5px bottom 5px transparent;border-radius: 100%;text-indent: -9999px;transition:.3s}
.moveArea .searchBtn.on{background:url(../../../images/ko/common/header/searchBtnOn.png) no-repeat right 5px bottom 5px #000;}
.searchPop{display:none;position:absolute;top:62px;right:-148px;width:492px;height:70px;background:#fff;border:2px solid #484848;border-radius: 28px;box-shadow: -3px 2px 21px 0px rgba(0, 0, 0, 0.13);box-sizing: border-box;}
.searchPop form, .searchPop fieldset, .searchPop fieldset>div{height:100%;font-size:0} 
.searchPop select{border:none;width:136px;height:100%;padding:0 36px 0 32px;background:url(../../../images/ko/common/ico/selArrow1.png) no-repeat right 20px center;color:#0d0c22;font-family: PretendardB,sans-serif;font-size:16px;box-sizing: border-box;-webkit-appearance: none; -moz-appearance: none; appearance: none}
.searchPop .inputArea{position:relative;display:inline-block;width:calc(100% - 136px);height:100%;vertical-align: top;}
.searchPop .inputArea::after{content:"";display:block;position:absolute;top:23px;left:-2px;width:1px;height:24px;background:#ccccd0}
.searchPop .inputArea input[type="text"]{border:none;width:100%;height:100%;padding:0 200px 0 12px;background:transparent;font-family: PretendardM,sans-serif;font-size:16px;box-sizing: border-box;}
.searchPop .rescanChk + label{position:absolute;top:24px;right:88px;color:#b2b2b2;font-size:14px;font-family: PretendardM,sans-serif;}
.searchPop .popSearchBtn{position:absolute;top:12px;right:20px}

@media screen and (max-width:1730px) {
    .searchPop{right:-16px}
}

/* fix */
#header.fix .bottom{position:fixed;top:0;left:0;width:100%;box-shadow: 0 4px 8px rgba(0,0,0,0.04);z-index:10;}
#header.fix .bottom>div{height:75px}
#header.fix .logo>a img{width:120px}
#header.fix .logo>a span{font-size:20px}
#header.fix #gnb>ul{height:75px}
#header.fix #gnb>ul>li{height:75px}
#header.fix #gnb>ul>li>a{font-size:17px}
#header.fix #gnb>ul>li>div{top:63px}
#container.on{margin-top:90px}
@media screen and (max-width:1436px) {
    #header.fix .bottom{width:auto}
}


.containerTop{padding:16px 0 60px 0;background:#f5f5f5;}
.containerTop>div{width:1406px;margin:0 auto;}
.containerTop .navigation{margin-bottom:28px;font-size:0;text-align: right;}
.containerTop .navigation>li{display:inline-block}
.containerTop .navigation>li img{vertical-align: sub;}
.containerTop .navigation>li{margin-left:20px;padding-left:20px;background:url(../../../images/ko/common/ico/locationArrow.png) no-repeat left center;}
.containerTop .navigation>li>a{color:#646464;font-size:15px;font-family: PretendardM,sans-serif;letter-spacing: -0.025em;}
.containerTop .navigation>li.currentPage>a{color:#000}
.containerTop .navigation>li.home{margin-left:0;padding-left:0;background:none}
.containerTop .title{color:#000;font-size:36px;font-family:NanumSquareNeoEB,sans-serif;letter-spacing: -0.025em;text-align: center;}
.containerTop .mainSummary{margin-top:24px;color:#646464;font-size:16px;font-family: PretendardM,sans-serif;letter-spacing: -0.025em;text-align: center;}

#content{position:relative;width:1406px;min-height:430px;margin:0 auto;padding:56px 0 120px 0;z-index:2;}


.banner{padding:22px 0;border-top:1px solid #f2f2f2;}
.banners{width:1406px;margin:0 auto}
.banners .inner{position:relative;padding:0 52px;overflow: hidden;}
.banner .swiper-wrapper{z-index:auto;}
.banners .inner .item{width:auto}
.banners .inner .item:not(:last-child){margin-right:100px}
.banners .swiperPrev{position:absolute;top:0;left:0;width:13px;height:100%;background:url(../../../../images/ko/common/bannerPrev.png) no-repeat center #fff;cursor:pointer}
.banners .swiperNext{position:absolute;top:0;right:0;width:13px;height:100%;background:url(../../../../images/ko/common/bannerNext.png) no-repeat center #fff;cursor:pointer;}

#footer{background:#32384a}
#footer>div{width:1406px;padding:32px 26px 64px 26px;margin:0 auto;box-sizing: border-box;}
.footerMenu{margin-bottom:32px}
.footerMenu .privacy>a{color:#fff;font-family: PretendardM,sans-serif;}
.address address{color:#8e96ae;font-family: PretendardM,sans-serif;line-height: 22px;}
.address address strong{display:block;color:#fff;font-family: PretendardM,sans-serif;}
.copyright{color:#8e96ae;font-family: PretendardM,sans-serif;line-height: 22px;}

.mustText{display: inline-block; vertical-align: middle; color: #ff0000; margin: 0 4px;}

.tabMenu3{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px;}
.tabMenu3 li{margin-right: 6px;}
.tabMenu3 li:last-child{margin-right: 0px;}
.tabMenu3 li a{display: block; text-align: center; color: #757577; border: 2px solid #d9e1e7; border-radius: 16px; font-size: 16px; font-family: PretendardB,sans-serif; line-height: 44px; min-width: 130px; padding: 0 15px; box-sizing: border-box;}
.tabMenu3 li.on a{color: #fff; background-color: #4767e7; border-color: #4767e7;}