@charset "utf-8"; 
/* submenu -wide03 */
/*@latest 2022.07.04 jra */
/*@latest 2022.07.19 jra */
/*@latest 2024.01.22 ssj */



/* sub visual */
#sub_visual { width: 100%; /* height:300px; */ float: left; overflow: hidden; position: relative; background: #fff; border-top: 1px solid #efefef; box-sizing: border-box; } 
#sub_visual img { width: 100%; min-height: 100%; display: block; } 
#sub_visual .bluebg { width: 100%; /* height:100%; *//* color:white; */line-height: 200px; position: relative; } 
#sub_visual .sub_titbox { width: 100%; margin: 0 auto; padding: 50px 0 80px; box-sizing: border-box; display: block; } 
#sub_visual .sub_titbox .bTitle { font-size: 30px; font-weight: 400; line-height: 130%; letter-spacing: -0.5px; color: #fff; width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 15px; word-break: keep-all; box-sizing: border-box; position: relative; } 
#sub_visual .sub_titbox .bTitle * { font-size: 30px; line-height: 130%; color: #111; font-weight: 400; } 
#sub_visual .sub_titbox .bContent { font-size: 15.5px; color: #fff; font-weight: 400; line-height: 150%; clear: both; display: block; width: 100%; max-width: 1300px; word-break: keep-all; margin: 0 auto; margin-top: 25px; padding: 0 15px; box-sizing: border-box; } 
#sub_visual .sub_titbox .bContent * { font-size: 15.5px; color: #fff; font-weight: 400; line-height: 180%; } 

@media (min-width:991px){
 #sub_visual img { top: -999px; position: absolute; bottom: -999px; right: -999px; left: -999px; margin: auto; } 
 }

@media (max-width:990px){
 #sub_visual { /* margin-top:40px; */ } 
 #sub_visual img { min-height: 100%; position: absolute; } 
 #sub_visual .sub_titbox { padding: 30px 0; } 
 }

@media (min-width:600px) and (max-width:990px){
 #sub_visual .sub_titbox .bTitle,
 #sub_visual .sub_titbox .bTitle * { font-size: 27px; } 
 #sub_visual .sub_titbox .bContent,
 #sub_visual .sub_titbox .bContent * { font-size: 15px; } 
 }

@media (max-width:599px){
 #sub_visual .sub_titbox { padding: 20px 0; } 
 #sub_visual .sub_titbox .bTitle:before { background: #ec6a00; } 
 #sub_visual .sub_titbox .bTitle,
 #sub_visual .sub_titbox .bTitle * { font-size: 20px; } 
 #sub_visual .sub_titbox .bContent,
 #sub_visual .sub_titbox .bContent * { font-size: 15px; margin-top: 10px; } 
 #sub_visual .sub_titbox .bContent:empty { display: none; } 
 }



/* 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 { 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 .tit {/* display: none; */} 
.subCon>div { width: 100%; display: block; clear: both; box-sizing: border-box; max-width: 1300px; margin: 0 auto; } 
.subCon h4.tit { font-size: 18px; box-sizing: border-box; padding-bottom: 15px; display: block; width: 100%; max-width: 1300px; margin: 0 auto; } 

@media (min-width:991px){
 .subCon { width: 100%; position: relative; } 
 .subCon h4.tit { font-size: 22px; padding: 55px 0 30px; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #ddd; } 
 }


/* sub location */
.subCon .location { box-sizing: border-box; max-width: 1300px; margin: 0 auto; } 
.subCon .location>li {float: left;list-style: none;position: relative;box-sizing: border-box;} 
.subCon .location>li>a {margin: 10px 0;border-width: 0;box-sizing: border-box;display: inline-block;vertical-align: middle;line-height: normal;opacity: 0.9;font-weight: 400;} 
.subCon .location>li:nth-child(4)>a { font-weight: 600; } 
.subCon .location>li:last-child>a { font-weight: 600 !important; color: #0c4c8c; opacity:1; } 
.subCon .location>li ul { width: 100%; opacity: 0; padding: 0; background: rgba(249, 249, 249, 0.98); box-sizing: border-box; position: absolute; z-index: 1; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; min-width: 250px; border-right: 1px solid #efefef; } 
.subCon .location>li ul>li { list-style: none; position: relative; min-width: 100%; line-height: 35px; 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.on>li { display: block !important; } 
.subCon .location>li ul li a { width: 100%; color: #333; font-size: 15px; padding: 0 29px 0 19px; margin: 9px 0; border-width: 0; box-sizing: border-box; display: inline-block; vertical-align: middle; line-height: normal; word-break: keep-all; } 
.subCon .location>li ul li a.on { font-weight: 600; color: #0c4c8c; } 
.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:not(.deepest)>a:hover { text-decoration: underline; } 
.subCon .location>li ul>li>a>span:after { content: ""; width: 8px; height: 8px; position: absolute; top: 14px; right: 21px; border: 1px solid rgb(0 0 0 / 90%); border-width: 0 0 1px 1px; position: absolute; font-weight: 600; opacity: 0.8; transform: rotate(225deg); } 
.subCon .location>li:last-child ul { background: rgba(241, 241, 241, 0.98); } 
.subCon .location>li ul>li.selected:not(:first-child)>ul { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); border-top: 1px solid #efefef; } 
.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%; } 
.subCon .location>li ul li>ul li a { font-size: 14px; } 

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


/* 메뉴 클릭시 서브메뉴 드롭다운 */
.subCon .location>li.selected>ul { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); } 
.subCon .location>li ul>li.selected>ul { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); } 


@media (min-width:991px) {.subCon .location>li:not(.home)>a:after { content: ""; width: 10px; height: 10px; border: 1px solid rgb(0 0 0 / 90%); border-width: 0 0 1px 1px; position: absolute; font-weight: 600; opacity: 0.8; transform: rotate(-45deg); right: 17px; top: 22px; } 
 .subCon .location { margin-top: -60px; height: 60px; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } 
 .subCon .location>li {height: 60px;line-height: 60px;min-width: 250px;max-width: 30%;border-right: 1px solid #efefef;} 
 .subCon .location>li>a {width: 100%;line-height: 40px;font-size: 16.5px;padding: 0 41px 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
 .subCon .location>li:nth-child(2)>a:after { border-width: 1px 1px 0 0; top: 27px; } 
 .subCon .location>li.home {min-width: auto;border-right: none;height: 100%;width: 59px;} 
 .subCon .location>li.home:before {content: "\f015";font-family: FontAwesome;font-size: 19px;color: #0c4c8c;background: #f8f8f8;float: left;padding: 0 20px;height: 100%;border-right: 1px solid #efefef;border-width: 0 1px;} 
 .subCon .location>li.home a {width: 59px;height: 60px;font-size: 1px;display: block;text-indent: -9999px;margin: 0;position: absolute;} 
 .subCon>div { padding-top: 50px; } 
 }

@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: 100px; } 
 .subCon .tit { padding: 30px 10px 10px; } 
 .subCon>div { padding: 30px 10px 20px; } 
 .subCon>div script+p.fr { top: 9px; right: 10px; } 
 .subCon .location { height: 45px; background: #f8f8f8; border-bottom: 1px solid rgba(51, 51, 51, 0.1); } 
 .subCon .location>li { height: 45px; line-height: 45px; width: calc(33.333% - 15px); border-right: 1px solid rgba(51, 51, 51, 0.1); box-sizing: border-box; position: static; } 
 .subCon .location>li:nth-child(4) { border-right: 0; } 
 .subCon .location>li:last-child ul { background: #fff; } 
 .subCon .location>li>a { width: 100%; font-size: 15px; padding: 0 32px 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; } 
 .subCon .location>li:not(.home)>a:after { content: ""; width: 8px; height: 8px; top: 3px; right: 14px; border: 1px solid rgb(0 0 0 / 90%); border-width: 0 0 1px 1px; position: absolute; font-weight: 600; opacity: 0.8; transform: rotate(315deg); } 
 .subCon .location>li:nth-child(2)>a:after,
 .subCon .location>li:not(.home).on>a:after { top: 7px; border-width: 1px 1px 0 0; } 
 .subCon .location>li.home { min-width: auto; height: 100%; width: 45px; } 
 .subCon .location>li.home:before { content: "\f015"; font-family: FontAwesome; font-size: 16px; color: #0c4c8c; float: left; padding: 0 13px; height: 100%; border-width: 0 1px; } 
 .subCon .location>li.home a { width: 55px; height: 59px; font-size: 0; margin: 0 0 0 -55px; display: block; } 
 .subCon .location>li>ul { visibility: hidden; opacity: 0; transform-origin: 0 0; position: absolute; width: 100%; left: 0; z-index: 2; overflow-y: scroll; max-height: calc(60vh - 90px); padding: 7px 0px; box-shadow: 0 6px 9px rgb(0 0 0 / 10%); background-color: #fff; } 
 .subCon .location>li ul.on { display: block; visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); } 
 .subCon .location>li ul li>ul li a { 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.selected>ul { overflow-y: scroll; } 
 .subCon .location>li ul>li { border: none; } 
 .subCon .location>li>ul>li { border: none; background: #fff; border-bottom: 1px solid #f3f3f3; border-radius: 0; float: left; width: 100%; } 
 .subCon .location>li ul>li:last-child { border-bottom:none; } 
 .subCon .location>li ul>li>ul { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); position: relative; left: 0; } 
 .subCon .location>li>ul li ul { background: #f7f7f7!important; padding: 10px 30px 10px 52px; border-top: none; float: left; } 
 .subCon .location>li ul>li>ul.on { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); } 
 .subCon .location>li:nth-child(2).selected>a:after,
 .subCon .location>li ul>li.selected>a>span:after { transform: rotate(135deg); top: 15px; border-color: #fff; opacity: 1; } 
 .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: #0c4c8c; } 
 .subCon .location>li ul>li.deepest>a { font-weight: 600; } 
 .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.selected>a { font-weight: 600; color: #ffffff; background: #0c4c8c; } 
 .subCon .location>li>ul>li>a:focus { outline: auto; border: 1px solid #333 !important; } 
 .subCon .location>li>ul>li>ul li a { padding-bottom: 7px; } 
 .subCon .location>li ul li:not(.deepest)>a:hover { text-decoration: none; } 
 .subCon .location>li ul>li>a>span:after { transform: rotate(315deg); top: 11px; } 
 }

@media (max-width:599px){
 .subCon .location li { padding: 0; } 
 .subCon .location li:after { font-size: 11px; padding: 0; margin-left: 7px; opacity: 1; } 
 }


/* sub Visual : none */

.sub_visual_None~.inner #sub_visual { display: none; } 
.sub_visual_None~.inner .sub_div_wrap { border-top: 1px solid #efefef; /* padding-top:30px; */ } 
.sub_visual_None~.inner .sub_div_wrap .subMenu { margin-top: 0; }