@charset "utf-8"; /* submenu -wide02 */
/*@latest 2022.06.24 jra */
/*@latest 2022.07.04 jra */
/*@latest 2022.07.19 jra */


/* sub visual */
#sub_visual { width: 100%; /* height: 230px; */ float: left; overflow: hidden; position: relative; background: #000; text-align: center; /* line-height: 230px; */ } 
#sub_visual img { width: 100%; height: auto; min-height: 100%; opacity: 0.9; display: block; position: absolute; left: -999px; right: -999px; bottom: -999px; top: -999px; margin: auto; } 
#sub_visual .bluebg { height: auto; color: white; position: relative; width: 100%;  text-align: left; padding: 50px 0 90px; } 
#sub_visual .sub_titbox { width: 100%; margin: 0 auto; box-sizing: border-box; display: inline-block; /* transform:translateY(10%); */ } 
#sub_visual .sub_titbox p.bTitle { font-size: 29px; line-height: 150%; letter-spacing: -0.5px; color: white; width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } 
#sub_visual .sub_titbox strong.bContent { font-size: 17px; clear: both; display: block; color: white; width: 100%; max-width: 1300px; margin: 0 auto; font-weight: 400; line-height: 150%; margin-top: 10px; box-sizing: border-box; padding: 0 15px; } 

@media (max-width:699px){
 #sub_visual { /* height:150px; */ margin-bottom: 0; } 
 #sub_visual img { opacity: 0.8; } 
 #sub_visual .sub_titbox { padding: 0; bottom: 15px; } 
 #sub_visual .sub_titbox p.bTitle { font-size: 20px; margin-top: 0; line-height: 25px; } 
 #sub_visual .sub_titbox strong.bContent { font-size: 16px; } 
 }


/* 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; margin: 30px 0; padding:0; } 
 }


/* sub Menu */
.subMenu .slidebar { display:none; } 
.subMenu { /* max-width:1300px; */ height: 60px; line-height: 60px; margin: 0 auto; box-sizing: border-box; position: relative; /* display: none; */ margin-top: -60px; background: rgba(0, 0, 0, 0.5); } 
.subMenu h3.menuNm { display: none; } 


/* sub Contents */
.subCon { float: left; width: 100%; position: relative; box-sizing: border-box; margin-bottom: 30px; border-top: 1px solid #efefef; } 


/* 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 {color: #fff;margin: 10px 0;border-width: 0;display: inline-block;vertical-align: middle;line-height: normal;box-sizing: border-box;} 
.subCon .location>li:nth-child(4)>a { font-weight: 600; } 
.subCon .location>li ul {width: 100%;opacity: 0;padding: 0;background: rgb(56 56 56 / 95%);box-sizing: border-box;position: absolute;min-width: 250px;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%; color: #fff; font-size: 15px; padding: 0 35px 0 20px; margin: 10px 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 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: "+";position: absolute;right: 18px;font-weight: 600;opacity: 0.6;top: 50%;transform: translate(0, -50%);} 
.subCon .location>li ul>li.selected>a>span:after {content: "-";opacity: 1;right: 19px;} 
.subCon .location>li:last-child ul { background: rgb(56 56 56 / 95%); } 
.subCon .location>li ul>li.deepest>a { font-weight: 600; } 
.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 { padding: 0 20px; font-size: 14px; } 

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

.subCon h4.tit { font-size: 18px; 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; } 


/* 메뉴 click시 서브메뉴 드롭 */
.subCon .location>li.selected>ul { visibility: visible; overflow: visible; opacity: 1; transform: rotateX(0) rotateY(0); } 
.subCon .location>li ul>li.selected>ul { visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); } 
.subCon .location>li>ul>li.selected>a { font-weight: 600; color: yellow; } 

.subCon .location>li:not(.home)>a:after { content: "+"; position: absolute; font-weight: 600; opacity: 0.6; right: 17px; top: 50%; transform: translate(0, -50%); }
.subCon .location>li:nth-child(2)>a:after { content: "-"; } 

@media (min-width:991px){
 .subCon .location { margin-top: -61px; height: 60px; } 
 .subCon .location>li {height: 60px;line-height: 60px;min-width: 250px;/* max-width: 30%; */border-right: 1px solid rgba(255, 255, 255, 0.2);background: rgba(0, 0, 0, 0.5);max-width: calc(33.333% - 27px);} 
 .subCon .location>li>a {width: 100%;font-size: 16px;padding: 0 35px 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
 .subCon .location>li.home { min-width: auto; border-right: none; color: #fff; } 
 .subCon .location>li.home:before { content: "\f015"; font-family: FontAwesome; background: rgba(0, 0, 0, 0.5); border: rgba(255, 255, 255, 0.2); border-width: 0 1px; float: left; padding: 0 20px; font-size: 16px; } 
 .subCon .location>li.home a { width: 55px; height: 60px; font-size: 0; margin: 0 0 0 -55px; } 
 .subCon .location>li>ul {visibility: hidden;opacity: 0;transform: rotateX(-90deg) rotateY(0);transform-origin: 0 0;} 
 .subCon .location>li ul>li>ul {visibility: hidden;opacity: 0;transform: rotateX(0) rotateY(-90deg);transform-origin: 0 0;} 
 .subCon h4.tit { font-size: 22px; padding: 55px 0 30px; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #ddd; } 
 }



@media (max-width:990px){
 .subCon { border-top: none; } 
 .subCon .location { z-index:11;height: 40px;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);width: 100%;background: rgb(0 0 0);/* padding: 0 5px; */} 
 .subCon .location>li {  position:static;float: left;padding: 0;vertical-align: middle;width: calc(33.333% - 17px);border-right:  1px solid rgba(255, 255, 255, 0.2);height: 40px;overflow: hidden;} 
 .subCon .location>li>a {position: relative;padding: 0 30px 0 18px;line-height: 40px;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box; margin:0;} 
 .subCon .location>li:not(.home)>a:after{right: 16px;}
 .subCon .location>li:not(.home)>a{font-size:15px;}
 .subCon .location li.home {background: url(/sample/template/wide/wide002/img/home.png)no-repeat 0px 3px;font-size: 0;background-position: center;position: relative;width: 50px;} 
 .subCon .location li.ftbd { font-weight: 800; } 
 .subCon .location li:last-child:after { display: none; } 
 .subCon .location>li ul>li>ul { display:block; visibility: visible; opacity: 1; transform: rotateX(0) rotateY(0); position:relative; left:0; float:left; padding: 20px 30px 20px 48px; border-top: none; } 
 .subCon h4.tit { padding: 30px 10px 10px; } 
 .subCon>div { padding: 0 10px; } 
 .subCon .location>li>ul { position: absolute; top:39px; width: 100%; left: 0; z-index: 2; overflow-y: scroll!important; max-height: calc(60vh - 90px); padding: 7px 0px; box-shadow: 0 6px 9px rgb(0 0 0 / 10%); } 
 .subCon .location>li ul li>ul li a {display: block;color: #ffffff;padding: 0px 0px 13px 13px;font-size: 14px;letter-spacing: -0.5px;border: none;line-height: 140%;word-break: keep-all;margin: 0;text-align: left; position:relative;} 
 .subCon .location>li>ul>li>a {padding: 6px 30px 6px 46px;font-weight: 500;font-size: 14px;width: 100%;box-sizing: border-box;line-height: 140%;margin: 0;text-align: left;} 
 .subCon .location>li ul>li { border: none; border-left: 1px solid rgba(255, 255, 255, 0.2); } 
 .subCon .location>li>ul>li { border: none; border-radius: 0; float: left; width: 100%; } 
 .subCon .location>li>ul>li:last-child { border-bottom:none; } 
 .subCon .location>li ul>li>a>span:after { top: 18px; } 
 .subCon .location>li ul li>ul li a:only-child { padding-right: 40px; } 
 .subCon .location>li>ul>li>ul li a { padding: 5px 15px; } 
 .subCon .location>li>ul>li.selected>a>span:after {opacity: 1;content: "-";} 
 .subCon .location>li ul li:not(.deepest)>a:hover { text-decoration: none; } 
 .subCon .location>li:nth-child(4){border-right: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; } 

 }


/* sub Visual : none */

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