@charset "utf-8";
/* submenu -wide07 */
/*@latest 
2025.07.17 ssj 
2025.07.30 ssj */




/* sub visual */
body>.inner {position: relative;}
#sub_visual {width:100%;height: 100%;float:left;overflow:hidden;position:relative;/* background:#000; */transition: all 1s;position: absolute;/* min-height: 100vh; */}
#sub_visual img {width:100%;min-height:100%;opacity:0.9;display:block;position: absolute;left: -999px;right: -999px;bottom: -999px;top: -999px;margin: auto;}
#sub_visual .bluebg {width:100%;height:100%;position: relative;}
#sub_visual .sub_titbox {width:100%; margin:0 auto; box-sizing:border-box; display:inline-block; text-align:center; margin: 50px 0 90px;}
#sub_visual .sub_titbox .bTitle {font-size: 30px; line-height:120%; letter-spacing:-0.5px; font-weight: 400; color:white; width:100%; max-width:1300px;  margin:0 auto; padding:0 15px; box-sizing:border-box;}
#sub_visual .sub_titbox .bContent {display:block; width:100%; max-width:1300px; margin:20px auto 0; box-sizing:border-box; padding:0 15px; font-size: 17px; font-weight:400; color:white; line-height:150%; clear:both;}

body>.inner {height: auto;/* min-height: 100vh; */display: flex;flex-direction: column;width: 100%;}
    @media (min-width:991px){
        
    }
    @media (max-width:799px){
        #sub_visual .sub_titbox {margin: 30px 0 70px;}
        #sub_visual .sub_titbox .bTitle {font-size: 23px;font-weight: 400;}
        #sub_visual .sub_titbox .bContent {font-size:15px;}
    }
    @media (max-width:599px){
        #sub_visual img {opacity:0.8;}
        #sub_visual .sub_titbox .bContent {font-size: 15px;margin-top: 10px;word-break: keep-all;}
    }



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

    @media (min-width:991px){
        .subMenu,.subCon {width:100%;}
        .sub_div_wrap {padding-top: 30px;}
    }
    @media (max-width:990px){
        .subMenu {display:none;}
        .sub_div_wrap {margin-top: 50px !important;}
    }





/* sub Menu */
.subMenu {margin:0 auto;box-sizing:border-box;position:relative; background-position: bottom;}
.subMenu h3.menuNm {display:none;}



/* sub Contents */
.subCon {float:left;width:100%;position:relative;text-align: center;box-sizing:border-box;}
.subCon h4.tit {font-size:18px; box-sizing:border-box; padding-bottom:15px; display:block; width:100%; max-width:1300px; margin:0 auto; text-align: left;}
.subCon > div {width:100%;display:block;clear:both;box-sizing:border-box;max-width:1300px;text-align: left;height: 100%;margin: 0 auto;background: #fff;border-radius: 20px;box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .1);padding: 30px;position: relative;min-height: 50vh;margin-bottom: 50px;}
.subCon > div > p.fr {position: absolute; right: 10px; top: -90px;}

/* sub location */
.subCon .location {width: 100%;max-width: 1300px; display: inline-block;margin: 0 auto;text-align: right; box-sizing:border-box; }
.subCon .location > li {list-style:none;position:relative;display: inline-block;vertical-align: middle;}
.subCon .location > li > a {font-size: 15px;padding: 0 7px; border-width:0;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:135%;word-break:keep-all;font-family: 'Noto Sans KR';}
.subCon .location > li:last-child > a {font-weight:600;}

.subCon .location > li:not(:last-child):after {content:"";margin: -1px 4px 0 1px;font-size: 15px; width: 6px;height: 6px;display: inline-block;border: 1px solid #333;transform: rotate(45deg);border-width: 1px 1px 0 0;vertical-align: middle;opacity: 0.7;}
.subCon .location > li:nth-child(2) > a:after,
.subCon .location > li:not(.home):hover > a:after {content:"";border-width:1px 1px 0 0;top:27px;border-color:rgba(0,0,0,0.9);display:none;}


.subCon .location > li ul {width:100%;opacity:0;padding:0;background:#f9f9f9;box-sizing:border-box;position:relative;z-index:1;}
.subCon .location > li ul>li {list-style:none;position:relative;min-width:100%;line-height:40px;border:1px solid rgba(255,255,255,0.2);border-width:0 1px 0;box-sizing:border-box;}
.subCon .location > li ul>li:last-child {border-width:0 1px 1px;}
.subCon .location > li ul li a {width:100%; padding:0 35px 0 15px; margin:10px 0; border-width:0; box-sizing:border-box; display:inline-block; color:#333; font-size:16px; line-height:140%; word-break:keep-all; vertical-align:middle;}
.subCon .location > li ul li a span.bull {display:none;}
.subCon .location > li ul li:not(.deepest) > a:hover {text-decoration:underline;}
.subCon .location > li ul>li>a>span:after {content:""; width:10px; height:10px; border:1px solid rgba(0,0,0,0.8); border-width:0 1px 1px 0; position:absolute; right:18px; opacity:0.6; top:14px; transform:rotate(-45deg);}
.subCon .location > li ul>li.deepest>a>span:after {content:"";}
.subCon .location > li ul>li.deepest>a {font-weight:600;}

.subCon .location li.home {background: url("/sample/template/wide/wide002/img/home.png")no-repeat 0px 0px;font-size:0;padding: 0 0 0 16px;background-position: left 4px;position:relative;box-sizing: border-box;height: 20px;}
.subCon .location li.home>a {text-indent: -999px; overflow: hidden; padding: 0;}

/* unactive 2depts's 3depts menu ul */
.subCon .location > li ul li ul {position:absolute; top:0; left:100%; margin-left:1px; border:1px solid rgba(0,0,0,0.05);}
.subCon .location > li ul li>ul li a {padding:0 15px; font-size:15.5px;}
/* 3 depts open (not active page) */
.subCon .location > li ul li:not(.deepest):hover ul {display:block !important;}


    @media (min-width:991px){  
        .subCon .location {padding-top: 120px;}

        /* hover fx*/
        .subCon .location > li > ul {visibility:hidden; opacity:0; transition:0.5s ease-in-out; transform:rotateX(-90deg) rotateY(0); transform-origin:0 0;
                                    border:1px solid rgba(0,0,0,0.05); border-top:none; display: none;}
        .subCon .location > li > ul:hover >li {display:block;}                                    
        .subCon .location > li ul>li>ul {visibility:hidden; opacity:0; transition:0.5s ease-in-out; transform:rotateX(0) rotateY(-90deg); transform-origin:0 0;}
        .subCon .location > li ul>li:hover > ul {visibility:visible;  opacity:1; transform:rotateX(0) rotateY(0);}                                
        .subCon h4.tit {/* font-size:22px; */margin-bottom:0px;margin-top: -60px !important;padding-top: 0 !important;padding-right:300px;}
    }

    @media (max-width:990px){
        .subCon {padding-top:20px;}
        .subCon .location {padding: 40px 0 10px;}
        .subCon .location li.ftbd {font-weight:800;}
        .subCon .location li:last-child:after {display:none;}
        .subCon .location > li ul {display:none;}

        .subCon h4.tit {padding: 70px 10px 10px !important;font-size:25px !important;margin-top: -110px;}
        .subCon > div {padding:10px; border-radius: 20px 20px 0 0;}
    }


    @media (max-width:599px){
        .subCon .location li {padding:0 5px 0 3px;}
        .subCon .location li:after {font-size:11px; padding:0; margin-left:7px;}
        .subCon > div > p.fr {top: -70px;}
    }