@charset "utf-8";
/* submenu - wide09 */
/*@latest 2026.08.21 ssj */
/*@latest 2026.08.26 ssj */
/*@latest 2026.08.31 ssj */


.inner:has(#sub_visual) {position:relative;display: flex;flex-direction: column;gap: 5px;}

/* sub visual */
#sub_visual {width: 100%;max-width: 95%;border-radius: 30px;margin: 0 auto;overflow: hidden;position: relative;/* background: #000; */box-sizing: border-box;transition: all 1s;height: 250px;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);} 
    
#sub_visual img {object-fit: cover;width: 100%;min-height: 100%;display: block;width: 100%;min-height: 100%;/* opacity: 0.8; */display: block;position: absolute;left: -999px;right: -999px;bottom: -999px;top: -999px;margin: auto;} 
#sub_visual .bluebg {width: 100%;max-width: 1660px;padding: 0 30px;box-sizing: border-box;margin: 0 auto;height:100%;/* color:white; */position: relative;} 
#sub_visual .sub_titbox {width: 100%;margin: 0 auto;box-sizing: border-box;display: block;text-align: left;/* display: none; */padding-top: 110px;} 
#sub_visual .sub_titbox .bTitle {position: relative;font-size: 19px;line-height: 140%;letter-spacing: -0.5px;font-weight: 500;color: #1c1c1c;width: 100%;box-sizing: border-box;font-family: 'Noto Sans KR';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
#sub_visual .sub_titbox .bTitle * { font-size: 30px; line-height: 130%; color: #111; font-weight: 400; } 
#sub_visual .sub_titbox .bContent {display: block;width: 100%;margin: 10px auto 0;box-sizing: border-box;font-size: 16px;font-weight: 400;color: #151515;line-height: 130%;clear: both;text-align: left;font-family: 'Noto Sans KR';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
#sub_visual .sub_titbox .bContent * { font-size: 15.5px; color: #fff; font-weight: 400; line-height: 180%; } 
#sub_visual .sub_titbox .bTitle:empty + .bContent {margin-top:0;}



    @media (max-width:1669px){
        #sub_visual {width: calc(100% - 20px); max-width: 100%; margin: 0 10px;}
    }
    @media (min-width: 991px) and (max-width:1669px){
        #sub_visual .bluebg {padding: 0 20px;}
    }
    @media (min-width:991px){
        #sub_visual img { top: -999px; position: absolute; bottom: -999px; right: -999px; left: -999px; margin: auto; } 
        #sub_visual:has(.bTitle:empty, .bContent:empty)   {height:200px;}
        #sub_visual .sub_titbox:has(.bTitle:empty, .bContent:empty) {padding-top: 105px;}
        #sub_visual:has(.bTitle:empty, .bContent:empty) ~ .sub_div_wrap .subCon h4.tit {top: -160px;}
        #sub_visual:has(.bTitle:empty + .bContent:empty) ~ .sub_div_wrap .subCon h4.tit {top: -141px;}
        #sub_visual .sub_titbox .bContent {padding-right: 20%;}
    }

    @media (max-width:990px){
        .inner:has(#sub_visual) {padding-top: 50px;gap: 0;}
        #sub_visual {height: 200px; border-radius: 15px;}
        #sub_visual .sub_titbox {padding-top: 100px;}
        #sub_visual:has(.bTitle:empty),
        #sub_visual:has(.bContent:empty)   {height: 150px;/* margin-top: 50px; */}
        #sub_visual .sub_titbox:has(.bTitle:empty, .bContent:empty) {padding-top: 80px;}
        #sub_visual:has(.bTitle:empty, .bContent:empty) ~ .sub_div_wrap .subCon h4.tit  {top: 85px;}
        #sub_visual:has(.bTitle:empty + .bContent:empty) ~ .sub_div_wrap .subCon h4.tit {top: 103px;}
        
        #sub_visual img {min-height: 100%; position:absolute; } 
        #sub_visual .sub_titbox .bTitle {font-size: 17px;text-align: center;} 
        #sub_visual .sub_titbox .bContent {text-align: center;} 
        
        
    }

    @media (min-width:600px) and (max-width:990px){

    }

    @media (max-width:599px){
        #sub_visual .sub_titbox {padding-top: 95px;}
        #sub_visual .sub_titbox .bTitle {font-size: 16px;}
        #sub_visual .sub_titbox .bContent {font-size:14px;}
    }



/* layout */
.sub_div_wrap {width: 100%; float: left; background: #fff; margin: 0 auto; box-sizing: border-box; } 

    @media (min-width:991px){
    .sub_div_wrap { position: relative; } 
    .subMenu,
    .subCon { width: 100%; position: relative; } 
    }

    @media (max-width:990px){
    .subMenu { display: none; } 
    }



/* sub Menu */

.subMenu .slidebar { display:none; } 
.subMenu {display: none;max-width: 1300px;height: 60px;line-height: 60px;margin: -31px auto 0;box-sizing: border-box;position: relative;} 
.subMenu .menuNm { display: none; } 


/* sub Contents */
.subCon { float: left; width: 100%; box-sizing: border-box; } 
.subCon>div { width: 100%; display: block; clear: both; box-sizing: border-box; max-width: 1300px; margin: 0 auto; } 
.subCon h4.tit {box-sizing: border-box;padding-bottom: 15px;display: block;width: 100%;margin: 0 auto;font-family: 'esamanru';font-weight: 300;position: absolute;max-width:100%;text-align: center;padding: 0 30px !important;max-width: 1660px !important;left: 50%;transform: translateX(-50%);padding-bottom: 0 !important;} 
.subCon h4.tit:before {display:none;}

    @media (min-width: 991px){
        .subCon h4.tit {font-size: 40px !important;top: -205px;text-align: center !important;} 
    }
    @media (min-width: 991px) and (max-width:1750px){
        .subCon h4.tit {font-size: 35px !important;}
    }
    @media (min-width: 1670px) and (max-width:1750px){
        .subCon h4.tit {padding:0 50px !important;}
    }


/* sub location */
.subCon .location {box-sizing: border-box;width: 100%;width: auto;max-width: 1600px !important;margin: 0 auto;height: 50px;background: #fff;overflow: hidden;border-radius: 15px;position: relative;top: -30px;left: 50%;display: inline-block;transform: translateX(-50%);z-index: 2;box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 5%);} 
.subCon .location:hover {overflow:visible;}
.subCon .location>li {float: left;list-style: none;position: relative;/* overflow: hidden; */} 
.subCon .location>li:hover {z-index:2;}
.subCon .location>li:hover > ul {opacity:1;height: auto;}
.subCon .location>li>a {border-width: 0;box-sizing: border-box;display: block;vertical-align: middle;font-weight: 400;position: relative;line-height: 48px;font-size: 17px;font-family: 'Noto Sans KR';padding: 0 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box;color: #333;} 
.subCon .location>li:last-child>a {font-weight: 600 !important;color: #e26b80;} 
.subCon .location>li ul {min-width: 200px;width: 100%;opacity: 0;padding: 0;background: rgb(255 255 255);box-sizing: border-box;position: absolute;text-align: center;left: 50%;transform: translateX(-50%);margin-left: -5px;box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 5%);/* border: 1px solid #363636; */border-radius: 10px 10px 20px 20px;/* margin-top: 5px; */padding: 8px 0;height: 0;/* overflow: hidden; */} 
.subCon .location>li ul>li { list-style: none; position: relative; min-width: 100%; box-sizing: border-box; } 
.subCon .location>li ul>li:last-child { border-width: 0 1px 1px; } 
.subCon .location>li ul.on>li { display: block !important; } 
.subCon .location>li ul li a {width: 100%;font-size: 15px;padding: 8px 20px 8px 30px;box-sizing: border-box;display: inline-block;vertical-align: middle;line-height: 16px;word-break: break-all;font-family: 'Noto Sans KR';/* word-break: keep-all; *//* overflow-wrap: break-word; */} 
.subCon .location>li ul li a.on { font-weight: 600; } 
.subCon .location>li ul li a.select { font-weight: 600; } 
.subCon .location>li ul li a span.bull {display:none;}
.subCon .location>li ul li a:before {content:"";width: 5px;height: 5px;display: inline-block;background: #ddd;border-radius: 100%;position: absolute;left: 15px;top: 14px;display: none;} 
.subCon .location>li ul>li:has(ul)>a>span:after {transition: all .4s;content: "";width: 7px;height: 7px;border: 1px solid rgb(0 0 0);border-width: 0 0 1px 1px;position: absolute;font-weight: 600;transform: rotate(225deg);right: 20px;top: 12px;display: none;} 
.subCon .location>li ul>li.selected>ul { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); background: #f6f6f6; } 
.subCon .location>li.selected>ul { display: block; visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); margin-top: 5px; } 
.subCon .location>li:not(.home):has(ul)>a:after {transition: all .4s;content: "";border-top: 7px solid #e26b80;border-left: 4px solid transparent;border-right: 4px solid transparent;display: inline-block;position: absolute;font-weight: 600;/* transform: rotate(-45deg); */right: 29px;top: 21px;} 
.subCon .location>li:not(.home):before {transition: all .4s;display: block;content: "";width: 7px;height: 7px;border: 1px solid #7f7f7f;border-width: 2px 2px 0 0;border-radius: 2px;position: absolute;top: 21px;right: -4px;transform: rotate(45deg);} 
.subCon .location>li:last-of-type:before { content:none; } 
.subCon .location>li.home {width: 50px;height: 50px;position: relative;background: linear-gradient(145deg, #ec86ab 0%, #ea5b89 74%);/* background: #ffffff; *//* border: 2px solid #e1e0e0; */border-radius: 17px;box-sizing: border-box;left: 0px;z-index: 0;} 
.subCon .location>li.home a {padding: 0;font-size: 1px;text-indent: -9999999px;/* background:url(/images/wzwg/site/mngr/layout/home_b.png) no-repeat center / 16px; */} 
.subCon .location>li.home:before {content:"";width: 10px;height: 10px;display: inline-block;background: #fff;border-radius: 3px;transform: rotate(45deg);position: absolute;left: 50%;top: 18px;margin-left: -5px;z-index: -1;}
.subCon .location>li.home:after  {content:"";width: 12px;height: 9px;display: inline-block;background: #fff;border-radius: 3px;position: absolute;left: 50%;top: 21px;margin-left: -6px;z-index: -1;}
.subCon>div {padding-top: 50px;} 
.subCon .location li a { word-wrap: break-word; word-break: keep-all; } 
.subCon .location>li:not(.home) + li { margin-left:5px; } 

.subCon .location>li>a:focus+ul,
.subCon .location>li>a:active+ul,
.subCon .location>li>a:hover+ul  {display: block;}

    @media (min-width: 991px){
        .subCon .location>li ul li:not(.deepest)>a:hover {/* background: #eaeaea; */text-decoration: underline;} 
        .subCon .location>li ul li>a:hover+ul,.subCon .location>li ul li>ul:hover {/* display: none; */height: auto !important;opacity: 1;z-index: 2;}
        .subCon .location>li:not(.home):has(ul)>a {padding: 0 44px 0 24px;} 
    }
    @media (min-width: 991px) and (max-width: 1630px){
        .subCon .location {/* width: calc(100% - 20px); */}
    }
    @media (max-width: 990px){
    .subCon .location>li.home:before {top: 14px;}
    .subCon .location>li.home:after {top: 17px;}
    }


/*unactive 2depts's 3depts menu ul*/
.subCon .location>li ul li ul {position: absolute;top: 0;left: calc(100%);margin-top: 0;/* display: none; */transform: none;} 

/* 3 depts open (not active page) */
.subCon .location>li ul li>ul.on { display: block !important; } 


/* share btn*/
.subCon>div script+p.fr {position: absolute;top: -30px;left: 50%;transform: translateX(-50%);height: 0;background: #333;padding-right: 40px;z-index: 2;} 
.subCon>div script+p.fr>a {width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #fff; text-align: center; border-radius: 15px; box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 5%);}
.subCon>div script+p.fr>a img {vertical-align: middle;}


    @media (min-width:991px) and (max-width:1299px){
    .subCon>div script+p.fr>a { right: 1%; } 
    }

    @media (max-width:990px){
    #sub_visual .bluebg { min-height: 80px; } 
    .subCon .tit { padding: 30px 10px 10px; } 
    .subCon>div {padding: 0px 10px 20px;} 
    .subCon>div script+p.fr {/* top: 9px; *//* right: 10px; */top: 181px;transform: none;left: auto;right: 10px;padding-right: 0;} 
    .subCon>div script+p.fr>a {width: 40px;height: 40px;box-shadow: none;background: transparent;line-height: 36px;}
        
    .subCon h4.tit {font-size: 28px !important;top: 100px;text-align: center !important;} 
    .subCon .location>li {width: auto;/* position: static; */border-right: 1px solid #ffffff63;margin-left: 0!important;} 
    .subCon .location>li:not(.home):before {top: 16px;}
    .subCon .location>li:last-of-type { border:0; } 
    .subCon .location>li>a {line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box;font-size: 14px;padding: 0 20px;} 
    .subCon .location>li.home {width: 40px;height: 40px;border-radius: 10px;} 
    .subCon .location {height: 40px;width: calc(100% - 15px);top: -20px;} 
    .subCon .location>li>ul {display: none !important;z-index: 10;left: 39%;width: calc(100% - 39%);max-height: calc(60vh - 90px);overflow-y: auto;opacity: 1;} 
    .subCon .location>li>ul>li>a { padding: 8px 30px 8px 15px; width: 100%; box-sizing: border-box; line-height: 140%; margin: 0; display: block; } 
    .subCon .location>li:not(.home):has(ul)>a:after {display:none;}
    .subCon .location>li ul li ul { position: relative; top: 0; left: 0; margin-left: 0; max-width: 100%; } 
    .subCon .location>li>ul li ul { display: none; opacity: 1; } 
    .subCon .location>li>ul>li>ul { padding: 10px; box-shadow: none; border-width: 1px 0; border-radius: 0; margin: 0; } 
    .subCon .location>li>ul>li:last-child>ul { border-width: 1px 0 0; } 
    .subCon .location>li ul>li>a>span:after { transform: rotate(315deg)!important; top: 12px!important; right: 15px!important; } 
    .subCon .location>li>ul>li.selected>a>span:after { transform: rotate(135deg)!important; top: 17px!important; } 
    .subCon { border-top: none; } 
    .subCon .location li.ftbd { font-weight: 800; } 
    .subCon .location li:last-child:after { display: none; } 
    .subCon .location>li ul li:not(.deepest)>a:hover {/* text-decoration: none; */background: #f2f2f2;} 
    .subCon .location>li>ul>li:last-child { border-bottom:none; } 
    .subCon .location>li>ul>li>a:focus { outline: auto; background: #e2e2e2; } 
    .subCon .location>li>ul>li>ul li a { padding: 7px 10px; / } 
    .subCon .location>li ul li:not(.deepest):hover ul { display: none; } 
    }

    @media (max-width:599px){

    }



/* sub Visual : none */
#sub_visual[style="display: none;"]~ .sub_div_wrap .subCon .location {top: 0;margin-top: 10px;}
#sub_visual[style="display: none;"] ~ .sub_div_wrap .subCon h4.tit {position: relative;top: auto;left: 0;transform: none;margin: 30px auto 50px;max-width: 1600px !important;padding: 0 0 15px !important;border-bottom: 2px solid #ececec;}
#sub_visual[style="display: none;"] ~ .sub_div_wrap .subCon>div script+p.fr {top: 24px;}