@charset "utf-8"; 
/* submenu - wide07 */
/*@latest 2024.11.20 SSJ */
/*@latest 2024.12.12 OSY */





/* sub visual */
#sub_visual {width:100%; height:auto; float:left; overflow:hidden; position:relative; background:#000; transition:all 1s;} 
#sub_visual img {object-fit:cover; width:100%; min-height:100%; display:block; width:100%; min-height:100%; opacity:0.7; display:block; position:absolute; left:-999px; right:-999px; bottom:-999px; top:-999px; margin:auto;} 
#sub_visual .bluebg {width:100%; height:100%; color:white; position:relative;} 
#sub_visual .sub_titbox {width:100%; margin:0 auto; box-sizing:border-box; display:inline-block; text-align:center; /* padding:50px 0; */} 
#sub_visual .sub_titbox .subTit {font-size:15px; line-height:120%; font-weight:600; letter-spacing:.5px; color:white; width:100%; max-width:1300px; margin:0 auto; padding:0 15px; box-sizing:border-box; color:#b08c64; font-family:'Noto Sans KR'; padding-top:130px;} 
#sub_visual .sub_titbox .subTit + .bTitle {padding-top:20px;}
#sub_visual .sub_titbox .bTitle {font-size:40px; line-height:140%; letter-spacing:-0.5px; font-weight:200; color:white; width:100%; max-width:1300px; margin:0 auto; padding:0 15px; box-sizing:border-box; font-family:'Noto Sans KR'; padding-top:130px;} 
#sub_visual .sub_titbox .bContent {display:block; width:100%; max-width:1300px; margin:10px auto 0; box-sizing:border-box; padding:0 15px; font-size:22px; font-weight:400; color:white; line-height:150%; clear:both; font-family:'Noto Sans KR'; padding-bottom:130px;} 
#sub_visual .sub_titbox .bTitle:empty {}
#sub_visual .sub_titbox .bContent:empty {}

    @media all and (min-width:800px) and (max-width:991px){
        #sub_visual .sub_titbox .subTit {padding-top:100px;}
        #sub_visual .sub_titbox .bTitle {padding-top:100px;}
        #sub_visual .sub_titbox .bContent {padding-bottom:100px;}
    }
    @media (max-width:990px){
        #sub_visual .sub_titbox .bTitle {font-size:34px;}
    }
    @media (max-width:799px){
        #sub_visual .sub_titbox {} 
        #sub_visual .sub_titbox .subTit {padding-top:80px;}
        #sub_visual .sub_titbox .bTitle {font-size:30px; font-weight:400; padding-top:80px;} 
        #sub_visual .sub_titbox .bContent {font-size:15px; padding-bottom:80px;} 
    }

    @media (max-width:599px){
        #sub_visual img {opacity:0.8;} 
        #sub_visual .sub_titbox .bTitle {font-size:26px;}
        #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%;} 
    }

    @media (max-width:990px){
        .subMenu {display:none;} 
        #sub_visual .bluebg{min-height:80px;}
    }



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


/* sub Contents */
.subCon {float:left; width:100%; position:relative; text-align:center; box-sizing:border-box; margin-bottom:30px;} 

/* sub location */
.subCon .location {box-sizing:border-box; max-width:1300px; margin:0 auto;} 
.subCon .location>li {list-style:none; display:inline-block;} 
.subCon .location>li>a {color:#939393; 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 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; transition:all .3s; 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; color:#0c4c8c;} 
.subCon .location li a{word-wrap:break-word; word-break:keep-all;}


/*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;} */

.subCon h4.tit {font-size: 38px;box-sizing:border-box;padding-bottom:15px;display:block;width:100%;max-width:1300px;margin:0 auto;} 
.subCon>div {width:100%; display:block; clear:both; box-sizing:border-box; max-width:1300px; margin:0 auto; text-align:left;} 


    @media (min-width:991px){
        .subCon .location {text-align:right; display:inline-block; padding-top:20px; width:100%;} 
        .subCon .location>li>a {font-size:15px; padding:0 7px;} 
        .subCon .location>li:not(:last-child):after {content:""; font-size:15px; margin:0 5px 0 0px; width:7px; height:7px; border:1px solid #9c9c9c; transform:rotate(45deg); vertical-align:middle; display:inline-block; border-width:1px 1px 0 0;} 
        .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.home {} 
        .subCon .location>li.home:before {content:"";width:19px;height:17px;display:inline-block;background:url(/images/wzwg/site/mngr/layout/home2.png); vertical-align:middle;/* background-size:100%; */} 
        .subCon .location>li.home a {text-indent:-9999px; overflow:hidden; font-size:1px; width:1px; height:1px; padding:0 4px; color:#fff;}
        .subCon h4.tit {font-size:40px; padding:90px 0 30px; margin-bottom:20px; text-align:center; font-family:'Noto Sans KR';} 

        /* 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!important;} 
        .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);} 

    }


    @media (max-width:990px){
        .subCon {border-top:none;} 
        .subCon .location {top:-50px; left:0; height:40px; line-height:40px; width:100%; overflow:hidden; background:#f9f9f9; border-bottom:1px solid #f0f0f0;} 
        .subCon .location>li {float:left; vertical-align:middle; width:calc(33.333% - 18px); border-right:1px solid #dcdde2; height:40px; overflow:hidden;} 
        .subCon .location li {float:left; font-size:15px; background-size:10px; padding:0; vertical-align:middle;} 
        .subCon .location li.home {background:url("/sample/template/wide/wide002/img/home.png")no-repeat 0px 0px; font-size:0; background-position:center; position:relative; width:50px;} 
        .subCon .location>li:not(.home)>a:after {content:""; width:7px; height:7px; padding:0; display:inline-block; border:1px solid #7b7e97; border-width:0 1px 1px 0; transform:rotate(225deg); float:right; position:absolute; right:14px; top:50%; margin-top:-2px; color:#333;} 
        .subCon .location>li>a {position:relative; padding:0 33px 0 12px; line-height:40px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; box-sizing:border-box; color:#000; text-align:left;} 
        .subCon .location>li:nth-child(2) ~ li >a:after {transform:rotate(45deg); margin-top:-6px;} 
        .subCon .location li.ftbd {font-weight:800;} 
        .subCon .location li:last-child:after {display:none;} 
        .subCon .location>li>ul {display:none; position:absolute; z-index:9; left:0; top:40px; width:100%; max-height:calc(60vh - 90px); overflow-y:scroll; padding:7px 0px; background:#fff; box-shadow:0 6px 9px rgb(0 0 0 / 10%); opacity:1;} 
        .subCon h4.tit {padding:60px 10px 30px; font-size:34px;} 
        .subCon>div {padding:0 10px;} 
        .subCon .location>li ul li:not(.deepest)>a:hover {text-decoration:none;} 
        .subCon .location>li>ul>li {border:none; background:#fff; border-radius:0; float:left; width:100%; border-bottom:1px solid #f3f3f3;} 
        .subCon .location>li>ul>li>a {padding:6px 30px 6px 46px; font-weight:500; font-size:15px; width:100%; box-sizing:border-box; line-height:140%; margin:0; display:block; text-align:left;} 
        .subCon .location>li>ul>li:last-child {border-bottom:none;} 
        .subCon .location>li>ul>li>a:focus {outline:auto; border:1px solid #333 !important;} 
        .subCon .location>li>ul>li>ul {padding:10px 30px 10px 52px; border-bottom:1px solid #eee; border:none; float:left;} 
        .subCon .location>li>ul>li.selected>a {font-weight:600; background:#ccc;} 
        .subCon .location>li>ul li ul {display:none; background:#f7f7f7; opacity:1;} 
        .subCon .location>li ul>li>a>span:after {right:18px; top:9px; transform:rotate(45deg);} 
        .subCon .location>li>ul>li.selected>a>span:after {opacity:1; border-color:#fff; top:15px; transform:rotate(-135deg);} 
        .subCon .location>li ul li ul {position:relative; top:0; left:0; margin-left:0;} 
        .subCon .location>li>ul>li>ul li a {padding-bottom:7px; font-weight:400; display:block; color:#333; padding:0px 0px 13px 13px; font-size:15px; letter-spacing:-0.5px; border:none; line-height:140%; word-break:keep-all; margin:0; text-align:left;} 
        .subCon .location>li ul li:not(.deepest):hover ul {display:none;} 
        .subCon .location>li>ul li.selected a span.bull {width:4px; height:4px; display:inline-block; position:absolute; left:0; top:8px; text-indent:-999px; overflow:hidden; background:#333;} 
        .subCon .location>li:nth-child(4){border-right:0;}
    }

    @media (max-width:799px) {
        .subCon h4.tit {font-size:30px;}
    }
    @media (max-width:599px) {
        .subCon h4.tit {font-size:26px;}
        .subCon .location li:after {font-size:11px; padding:0; margin-left:7px;} 
    }



/* sub Visual :none */

.sub_visual_None~.inner #sub_visual {height:0;} 
.sub_visual_None~.inner #sub_visual .sub_titbox .subTit {display:none;} 
.sub_visual_None~.inner #sub_visual .sub_titbox .bTitle {display:none;} 
.sub_visual_None~.inner #sub_visual .sub_titbox .bContent {display:none;} 
.sub_visual_None~.inner .sub_div_wrap {border-top:1px solid #efefef;} 
.sub_visual_None~.inner .sub_div_wrap .subMenu {margin-top:0;} 
.sub_visual_None~.inner .subCon .location>li>a {color:#333;} 
.sub_visual_None~.inner .subCon .location>li:not(:last-child):after {color:#333;}