@charset "utf-8";

/************************************************************************
* HEADER *
************************************************************************/
header{width:980px;height:120px;position:absolute;top:10px;left:10px;transition:all 0.2s ease;z-index: 9999;}
header .headerBox{width:100%;height:100%;padding-top:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
/*
.headerBox:after{width:120%;height:1px;background:rgba(255,255,255,0.1);position:absolute;bottom:5px;left:-10%;display:block;content:"";}
*/
header .headerBox>*:not(nav){-ms-flex-negative:0;flex-shrink:0;}

header .headerBox .CIBox{width: 305px;}

header .headerBox .NaviBox{position: relative;}
header .headerBox .NaviBox .mem-ico{width: fit-content; position:relative;top:-20px;right:20px;display: flex;}
header .headerBox .NaviBox .mem-ico>a{font-size: 13px;}
header .headerBox .NaviBox .mem-ico>*{padding: 0;color: #fff;}
header .headerBox .NaviBox .mem-ico>* img{display:inline-block;}

header .headerBox .NaviBox .mem-ico img.mt{display: inline-block;}
header .headerBox .NaviBox .mem-ico img.st{display: none;}

header .CIBox .logo{width:305px;margin-top: 10px; transition:all 0.2s ease;}
header .CIBox .logo *{width:100%;height:100%;}


header .headerBox .NaviBox .TNavi{width: 623px;height: 75px; position: absolute;top:-20px;right:0;background:url(/img/ nv-b.jpg) no-repeat 0px 10px;}


header nav,
header .depth1,
header .depth1>li{height:100%;}
header .depth1,
header .depth1>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

header nav{margin:0 auto;}
header nav a{color:rgba(255,255,255,.9);}

header .depth1{margin-top: 20px; }
header .depth1>li{position:relative;}
header .depth1>li>a{height: 25px;padding:0 20px;padding-top: 0; margin-top: -60px; font-size:14px;font-family: 'Pretendard-Medium';letter-spacing:0;text-transform:capitalize;position:relative;z-index:1;}
header .depth1>li.white>a{color:#faba1a !important;}

header .depth2{width:100%;height:0;padding:0;position:absolute;top:25px;left:50%;overflow:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#ff8400;border-bottom-left-radius: 10px; border-bottom-right-radius:10px; transition:all 0.2s linear;}

header .depth1>li:nth-child(2) .depth2, header .depth1>li:nth-child(3) .depth2 {width:160% !important;}
header .depth1>li:nth-child(4) .depth2 {width:180px !important;}

header .depth1>li:nth-child(1) .depth2, header .depth1>li:nth-child(5) .depth2{width:100% !important;}


header .depth2>li{overflow:hidden;opacity:0;transform:translateY(100%);}
header .depth2>li>a{display:block;font-size:14px;font-weight:300;letter-spacing: -0.04em; text-align:center;white-space:nowrap;padding:1px 0;}
header .depth2>li>a:hover{color:#fff;font-weight: 700;}

header .depth2.on{height:auto;padding:4px 0 7px 0;}
header .depth2.on>li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0.16s;transition-delay:0.16s;}




/************************************************************************
* left menu *
************************************************************************/
.side{position:relative;z-index:30;width:210px;font-size:0;line-height:0;margin-left: 30px !important;}
.side .side_title{position:relative;height:100px;background:#01b097;color:#fff;font-size:28px;line-height:110px !important;font-weight:400;text-align:center;line-height:36px;border-top-left-radius:25px;border-top-right-radius:25px;}
.side .side_title:before{display:inline-block;height:100%;vertical-align:middle;}
.side .side_title span{opacity:0.5;position:absolute;left:0;right:0;bottom:40px;color:#fff;font-size:12px;font-weight:200;line-height:24px;letter-spacing:0.5em;}
.side .side_smenu{width: 188px; position:relative; background:url(/img/01company/left_bg.gif);padding-right: 6px;}
.side .smenu *{transition-property:all;transition-duration:0.25s;transition-timing-function:ease-in-out;}
.side .smenu .depth1_text:after,
.side .smenu .depth2_text:after{display:block;position:absolute;top:0;right:19px;bottom:0;margin-top:auto;margin-bottom:auto;background-image:url(/img/side_sprite.png);font-size:0;}
.side .smenu .depth_text[target='_blank']:after{background-image:url(/site/public/images/sprite/blank_sprite.png);}
.side .smenu .depth1_item + .depth1_item{border-top:solid 1px #ccc;}
.side .smenu .depth1_item:last-child{border-bottom:solid 1px #ccc;}
.side .smenu .depth1_text{display:block;position:relative;padding:8px 45px 8px 20px;color:#262626;font-size:14px;text-decoration:none;line-height:130%;word-break:keep-all;transition-property:background,color,box-shadow;}
.side .smenu .depth1_text:hover{background-color:#28a6a1;color:#fff;}
.side .smenu .depth1_item.has .depth1_text:after{width:17px;height:17px;background-position:left top;transition:none;content:'닫힘';}
.side .smenu .depth1_item.has .depth1_text:hover:after{background-position:left 33.33%;}
.side .smenu .depth1_text[target='_blank']:after{width:17px;height:17px;background-position:left 50%;transition:none;}
.side .smenu .depth1_text[target='_blank']:hover:after{background-position:left 100%;}
.side .smenu .depth1_item.active{position:relative;z-index:10}
.side .smenu .depth1_item.active .depth1_text{border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#28a6a1;color:#fff;font-weight:600; line-height:130%border-bottom:solid 1px #ccc;}
.side .smenu .depth1_item.active .depth1_text:before{visibility:visible;opacity:1}
.side .smenu .depth1_item.active .depth1_text:hover{color:#fff;text-decoration:none;}
.side .smenu .depth1_item.has.active .depth1_text:after{background-position:left 66.66%;content:'열림';}
.side .smenu .depth1_item.has.active .depth1_text:hover:after{background-position:left 100%;}
.side .smenu .depth2{transition-property:visibility,opacity,background-color}
.side .smenu .depth2_list{transition-property:padding-top,padding-bottom;}
.side .smenu .depth2_item{margin-top:0;transition-property:margin-top}
.side .smenu .depth2_text{display:block;position:relative;padding-right:12px;padding-left:15px;text-decoration:none;transition:none;}
.side .smenu .depth2_text:before{display:none;opacity:0;visibility:hidden;position:absolute;top:10px;left:20px;width:4px;height:4px;border-radius:50%;background-color:#9b9b9b;transition-property:visibility,opacity;}
.side .smenu .depth2_item.has .depth2_text:after{display:inline-block;opacity:0;visibility:hidden;position:relative;top:9px;margin-left:5px;vertical-align:top;transition-property:visibility,opacity,background-color}
.side .smenu .depth2_text[target='_blank']:after{display:inline-block;top:auto;right:auto;bottom:auto;width:0;height:0;margin-left:5px;transition:none;}
.side .smenu .depth1_item.active .depth2{opacity:1;visibility:visible;border-top:2px solid #01b097;}
.side .smenu .depth1_item.active .depth2_list{padding-top:15px;padding-bottom:12px}
.side .smenu .depth1_item.active .depth2_item{margin-top:11px}
.side .smenu .depth1_item.active .depth2_item:first-child{margin-top:0}
.side .smenu .depth1_item.active .depth2_text{color:#444;font-size:13px;line-height:16px;letter-spacing:-0.03em;word-break:keep-all;}
.side .smenu .depth1_item.active .depth2_text:before{display:block;opacity:1;visibility:visible;backgrounemd-color:#949494;}
.side .smenu .depth1_item.active .depth2_text:hover{color:#01b097;}
.side .smenu .depth1_item.active .depth2_text:hover:before{background-color:#01b097;}
.side .smenu .depth1_item.active .depth2_item.has .depth2_text:after{opacity:1;visibility:visible;width:10px;height:6px;background-position:left 76.62338%}
.side .smenu .depth1_item.active .depth2_text[target='_blank']:after{width:17px;height:17px;margin-top:3px;background-position:left top;}
.side .smenu .depth1_item.active .depth2_text[target='_blank']:hover:after{background-position:left 25%;}
.side .smenu .depth1_item.active .depth2_item.active .depth2_text{color:#01b097;}
.side .smenu .depth1_item.active .depth2_item.active .depth2_text:before{background-color:#01b097;}
.side .smenu .depth1_item.active .depth2_item.has.active .depth2_text:after{width:10px;height:6px;background-position:left 87.01299%}
.side .smenu .depth3{transition-property:visibility,opacity}
.side .smenu .depth3_list{margin-top:0;padding-top:0;transition-property:margin-top,padding-top,margin-bottom,padding-bottom}
.side .smenu .depth3_item{margin-top:0;transition-property:margin-top}
.side .smenu .depth3_text{position:relative;padding-left:0;color:#696969;font-size:0;line-height:0;letter-spacing:-0.03em;transition:none;}
.side .smenu .depth3_text:before{display:block;opacity:0;visibility:hidden;position:absolute;top:9px;left:0;width:0;height:0;background-color:#909090;transition:none;}
.side .smenu .depth3_text[target='_blank']:after{display:inline-block;width:0;height:0;margin-left:5px;transition:none}
.side .smenu .depth1_item.active .depth2_item.active .depth3{visibility:visible;opacity:1}
.side .smenu .depth1_item.active .depth2_item.has.active .depth3_list{margin-top:8px;margin-bottom:2px;padding:13px 15px 13px 35px;background-color:#f5f5f5;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_item{margin-top:7px;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_item:first-child{margin-top:0}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text{padding-left:10px;font-size:14px;line-height:18px;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text:before{opacity:1;visibility:visible;width:2px;height:2px;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text:hover{text-decoration:underline}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text.active{color:#313131;}
.side .smenu .depth1_item.active .depth2_item.active .depth3_text.active:before{border-color:#000;}

.select-nav-wrapper{display:none;}