@charset "utf-8";
/* Header */
#header{width:100%;height:138px;position:fixed;top:0;left:0;z-index:110;background:#fff;border-bottom:1px solid #dddd;}
#header .headerWrap{padding:0 41.5px 0 70px;display:flex;justify-content:space-between;max-width:1903px;margin:0 auto;}
#header h1{padding-top:50px;font-size:0;}
#header .navList{text-align:center;}
#header .navList #gnb .depth > ul li .depth2{display:none;}
#header #gnb{display:flex;justify-content:center;position:relative;z-index:12;}
#header #gnb > li{padding:0 28.5px;}
#header #gnb > li span{position:relative;display:block;}
#header #gnb > li span a{line-height:138px;color:#222;display:block;font-weight:700;font-size:2.2rem;position:relative;letter-spacing:-0.04em;}
#header #gnb > li:hover span:after{width:100%;height:4px;background:#333;bottom:0;left:0;content:'';position:absolute;}
#header #gnb .depth{display:none;position:absolute;left:50%;transform:translateX(-50%);width:220px;text-align:center;padding-top:35px;}
#header #gnb .depth > ul li{letter-spacing:-0.04em;color:#333;line-height:2.1;margin-bottom:5px;}
#header #gnb .depth > ul li:last-child{margin-bottom:0;}
#header #gnb .depth > ul li a{display:block;font-size:2rem;color:#333;font-weight: 300;}
#header #gnb .depth > ul li a:hover{font-weight:700;}
#header #gnb .depth.noDepth ul{display:none !important;}

#header.typeHover .headerWrap{position:relative;}
#header.typeHover .headerWrap:after{width:100vw;height:calc(100% + 75px);position:absolute;left:50%;top:139px;transform:translateX(-50%);z-index:11;background:#fff;content:"";display:none;}
#header.typeHover #gnb .depth{height:calc(100% - 50px);display:block;padding:14px 0;}
#header.scroll #gnb > li > span a,
#header.typeHover #gnb > li > span a{color:#222;}
#header.typeHover #gnb > li:hover > span a{color:#0d72ba;}
#header.typeHover #gnb > li:hover .depth > ul li .depth3 a:hover{color:#0d72ba;}

#header .btnList{display:none;}
#header .btnList{position:absolute;right:53px;top:58px;}
#header .btnList .btnAllNav{margin-left:28px;}
#header .btnList .btnAllNav a{width:26px;height:22px;display:block;border-top:2px solid #222;position:relative;}
#header .btnList .btnAllNav a:before,
#header .btnList .btnAllNav a:after{height:2px;background:#222;position:absolute;right:0;content:"";}
#header .btnList .btnAllNav a:before{width:34px;top:8px;}
#header .btnList .btnAllNav a:after{width:26px;bottom:0;}

.allNavView{width:100%;height:100%;position:fixed;left:0;top:0;z-index:111;background:rgba(0, 0, 0, .5);transition:all .3s ease-in-out;}
.allNavView .allNavCont{width:300px;height:100%;overflow-y:auto;background:#fff;position:fixed;right:-300px;top:0;}
.allNavView .allNavCont #gnb{padding:40px 20px 0;display:block;}
.allNavView .allNavCont #gnb li{text-align:left;}
.allNavView .allNavCont #gnb > li{border-bottom:1px solid #ddd;}
.allNavView .allNavCont #gnb > li:nth-child(1){border-top:1px solid #ddd;}
.allNavView .allNavCont #gnb li ul{padding:0 10px 20px 10px;}
.allNavView .allNavCont #gnb li ul li{padding:3px 0;}
.allNavView .allNavCont #gnb li span a{color:#444;font-weight:normal;font-size:1.6rem;line-height:20px;display:block;padding:15px 5px;}
.allNavView .allNavCont #gnb li span a.allTitleActive{color:#767fc3;font-weight:500;}
.allNavView .allNavCont #gnb li .depth{display:none;}
.allNavView .allNavCont #gnb li .depth ul li{line-height:18px;}
.allNavView .allNavCont #gnb li .depth a{font-size:1.4rem;position:relative;padding-left:10px;display:block;}
.allNavView .allNavCont #gnb li .depth a:hover{color:#767fc3;}
.allNavView .allNavCont #gnb li .depth a:before{width:2px;height:2px;background:#999;border-radius:50%;position:absolute;left:3px;top:10px;content:"";}
.allNavView .allNavCont #gnb li .depth ul li ul{margin-top:3px;padding-bottom:0;}
.allNavView .allNavCont #gnb li .depth ul li ul li a{font-size:1.2rem;}
.allNavView .allNavCont #gnb li .depth ul li ul li a:before{width:4px;height:1px;border-radius:0;top:9px;}
.allNavView .allNavCont .allNavClose{position:absolute;right:20px;top:0;font-weight:300;font-size:3rem;transform:rotate(45deg);cursor:pointer;z-index:11;}
.allNavView .allNavCont .topList{display:none;}


@media screen and (max-width:1710px){
#header #gnb > li{padding:0 15px;}
}

@media screen and (max-width:1550px){
#header{height:110px;}
#header .navList{display:none;}
#header .headerWrap{padding:0 20px;}
#header #gnb > li span a{line-height:110px;}
#header h1{padding-top:35px;}

#header .btnList{display:block;right:20px;top:44px;}
}

@media screen and (max-width:767px){
#header{height:60px;}
#header #gnb > li span a{line-height:60px;}
#header h1{padding-top:15px;}
#header h1 img{width:130px;}
#header .headerWrap{padding:0 15px;}

#header .btnList{top:19px;}

.allNavView .allNavCont #gnb li span a{font-size:1.8rem;}
.allNavView .allNavCont #gnb li .depth a{font-size:1.6rem;}
.allNavView .allNavCont .topList{display:block;padding:9px 20px 10px;display:flex;}
.allNavView .allNavCont .topList li{margin-right:10px;}
.allNavView .allNavCont .topList li a{display:inline-block;border:1px solid #ddd;padding:1px 10px 2px;}
.allNavView .allNavCont #gnb{padding-top:32px;}
.allNavView .allNavCont #gnb li .depth a:before{top:8px;}
}