@charset "utf-8";

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Black.eot');
    src: url('fonts/NotoSansKR/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Black.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Bold.eot');
    src: url('fonts/NotoSansKR/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Bold.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Medium.eot');
    src: url('fonts/NotoSansKR/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Medium.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Regular.eot');
    src: url('fonts/NotoSansKR/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Regular.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-DemiLight.eot');
    src: url('fonts/NotoSansKR/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-DemiLight.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-DemiLight.ttf') format('truetype');
    font-weight: 350;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Light.eot');
    src: url('fonts/NotoSansKR/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Light.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family:'Noto Sans KR';
    src: url('fonts/NotoSansKR/NotoSans-Thin.eot');
    src: url('fonts/NotoSansKR/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSansKR/NotoSans-Thin.woff') format('woff'),
         url('fonts/NotoSansKR/NotoSans-Thin.ttf') format('truetype');
    font-weight: 200;
}

/* Nav */
.headerWrap{height:40px;box-sizing:border-box;background:url(/images/nav_bg.gif) no-repeat left top;}
.headerWrap a{font-family:'Noto Sans KR', sans-serif;text-decoration:none;}
.headerWrap ul,
.headerWrap li{padding:0;margin:0;list-style:none;}
.headerWrap ul{width:880px;position:relative;font-size:0;text-align:center;}
.headerWrap ul .navDepth01{text-align:center;display:inline-block;padding-bottom:4px;}
.headerWrap ul .navDepth01 > a{height:40px;display:block;padding:0 30px;line-height:40px;color:#fff;font-size:16px;font-weight:400;letter-spacing:-0.03em;position:relative;}
.headerWrap ul .navDepth01 > a:after{width:1px;height:19px;position:absolute;right:0;top:12px;content:"";background:rgba(255, 255, 255, .3);}
.headerWrap ul .navDepth01:last-child > a:after{display:none;}
.headerWrap ul .navDepth01:hover .navDepth02{display:inline-block;}
.headerWrap ul .navDepth02{width:auto;position:absolute;top:44px;padding:0 15px;display:none;border:1px solid #e6e6e6;border-radius:10px;background:linear-gradient(to bottom, #fff 40%, #ececec);}
.headerWrap ul .navDepth02 li{float:left;}
.headerWrap ul .navDepth02 li a{height:35px;line-height:35px;font-size:13px;font-weight:400;padding:0 15px;display:inline-block;color:#6e6e6e;}
.headerWrap ul > li:nth-child(1) .navDepth02{left:15px;}
.headerWrap ul > li:nth-child(2) .navDepth02{left:100px;}
.headerWrap ul > li:nth-child(3) .navDepth02{left:225px;}
.headerWrap ul > li:nth-child(4) .navDepth02{left:340px;}
.headerWrap ul > li:nth-child(5) .navDepth02{left:460px;}
.headerWrap ul > li:nth-child(7) .navDepth02{right:15px;}

/* Main */
.mainBannerWrap .mainSlider{width:880px;}
.mainTabBanner dl, .mainTabBanner dt, .mainTabBanner dd{padding:0;margin:0;}
.mainTabBanner ul, .mainTabBanner ol, .mainTabBanner li{list-style:none;padding:0;margin:0;}
.mainTabBanner ul{position:relative;}
.mainTabBanner ul li.tabMain dl dd{display:block;}
.mainTabBanner ul li{float:left;margin-right:4px;}
.mainTabBanner ul li dl dt{width:136px;height:29px;line-height:29px;border-radius:5px;font-size:16px;background:#9cc8d4;cursor:pointer;color:#fff;font-family:'Noto Sans KR', Arial, sans-serif;text-align:center;}
.mainTabBanner ul li dl dt span{display:inline-block;position:relative;}
.mainTabBanner ul li dl dt span:after,
.mainTabBanner ul li dl dt span:before{width:11px;height:11px;border:2px solid #fff;border-radius:50%;position:absolute;top:9px;content:"";box-sizing:border-box;}
.mainTabBanner ul li dl dt span:before{left:-16px;}
.mainTabBanner ul li dl dt span:after{right:-16px;}
.mainTabBanner ul li dl dd{display:none;}
.mainTabBanner ul li dl dd{position:absolute;left:0;top:32px;}
.mainTabBanner ul li:hover dl dt{background:#499ab0;}
.mainTabBanner ul li:hover dl dd{display:block;}


/* Common */
.alignC{text-align:center;}