@charset "utf-8";
/* submenu -left16 */
/* @latest 2021.11.26 YHY */
/* @latest 2021.12.14 SSJ */
/* @latest 2021.12.21 YHY */


.contents {width:100%; float:left; overflow:hidden; position:relative; min-height:750px; min-width:320px;}

	@media (max-width:599px){
    .contents {min-height:auto;}
    .contents > .inner {padding:0 !important;}
  }


/* sub visual */
#sub_visual {width:100%; height: auto;float:left;overflow:hidden;position:relative;background:#000;}
#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%;min-height: 80px;max-width: 1300px;color:white;margin: 50px auto 90px;position: relative;text-align: left;}
#sub_visual .sub_titbox {width:100%; margin:0 auto;box-sizing:border-box;display:inline-block;}
#sub_visual .sub_titbox p.bTitle {font-size: 27px;line-height:30px;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: 16px; 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:599px){
        #sub_visual {margin-bottom:0;}
        #sub_visual img {opacity:0.8;}
        #sub_visual .bluebg {margin: 30px 0;}
        #sub_visual .sub_titbox {padding:0; bottom:15px;}
        #sub_visual .sub_titbox p.bTitle {font-size: 20px;}
        #sub_visual .sub_titbox strong.bContent {font-size: 15px;}
    }



/* layout */
.sub_div_wrap {clear:both;width:100%;max-width:1300px;margin:0 auto;box-sizing:border-box;position:relative;}
.sub_div_wrap::after {content:"";display:block;clear:both;}

	@media (min-width:1300px){
		.subMenu {width:20%;}
    .subMenu + .subCon {width:80% !important;margin-bottom: 130px;}
  }
  @media (max-width:1299px){
    .sub_div_wrap {float:left;}
  }
  @media (min-width:991px){
    .subMenu,.subCon {}
  }

  @media (min-width:1100px) and (max-width:1299px){
    .sub_div_wrap .subMenu {width:22%;}
    .sub_div_wrap .subMenu + .subCon {width:78% !important;}
  }
  @media (min-width:991px) and (max-width:1099px){
    .sub_div_wrap .subMenu {width:24%;}
    .sub_div_wrap .subMenu + .subCon {width:76% !important;}
	}
  @media (max-width:990px){
    .subMenu {display:none;}
    #sub_visual .bluebg {margin: 30px 0;}

    .sub_div_wrap {padding-top:0;}
  }



/* sub Menu */
.subMenu {float:left;width:250px;box-sizing:border-box;z-index:1;margin-bottom: 130px;padding-right:30px; margin-top:40px;}
.subMenu h3.menuNm {color: #333;font-size: 24px;padding: 0 0 18px;box-sizing:border-box;text-align:left;width:100%;border-bottom: none;position: relative;font-weight: 500;}
.topBGbox .subMenu {margin-top:0;}

.slidebar {font-size:12px;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;position: relative;-webkit-box-sizing:border-box;overflow: hidden;}
.slidebar li {list-style:none;position:relative;}
.slidebar>li {border:1px solid #ccc;border-width: 1px 1px 0px;border-top-color: #eeeeee;overflow: hidden;}
.slidebar>li:first-child {border-radius:5px 5px 0 0;border-top-color: #ccc;margin-top: 0;}
.slidebar>li:last-child:not(.selected) {border-bottom: 1px solid #ccc; border-radius: 0 0 5px 5px;}
.slidebar li > ul li.deepest a {padding-top: 0 !important;}
.slidebar>li.selected + li {border-top:none;}

/* 20251125 :: 이민혁 웹 접근성 조치 활성 / 비활성 상태 업그레이드 text-decoration, text-underline-offset */
.slidebar li.selected > a,
.slidebar>li.deepest>a {color: #fff !important;background: #004a98;font-weight: 600;padding-bottom: 13px; text-decoration: underline; text-underline-offset: 4px;}
.slidebar li.selected > a:hover {color: #fff;}
.slidebar li a {text-decoration:none;line-height:25px;display:block;text-transform:uppercase;padding: 15px 55px 16px 20px;font-size: 16px;font-weight: 400;word-break: break-all;font-weight: 600;position: relative;word-break:keep-all;letter-spacing: -0.5px;}
.slidebar li a:only-child {padding-right:40px;}
.slidebar li:not(.selected) a.on {color: #0c4c8c;font-weight:600;}
.slidebar>li>ul>li>a.on {text-decoration:underline;}
/* .slidebar li a:focus {outline: auto;border: 1px solid #333 !important;} */

/* sub leftmenu 3depts open/closed */
.slidebar li a > span {float:right;}
.slidebar li a > span:after {content: "";width: 5px;height: 5px;display: inline-block;border: 1px solid #7b7e97;border-width: 0 1px 1px 0;transform: rotate(45deg);float: right;position: absolute;right: 20px;top: 50%;margin-top: -6px;color: #333;transition: transform 0.5s, border-color 0.5s;}
.slidebar li.selected > a > span:after {border-color: #fff; right: 20px;margin-top: -2px;transform: rotate(-135deg);}
.slidebar li ul {width:100%;padding: 17px 20px;box-sizing:border-box;border-top: 1px solid #eee;}
.slidebar li.selected {border: 1px solid #004a98;/* border-radius: 5px; */}
.slidebar li.deepest + .selected {border:1px solid #ccc;}
.slidebar li > ul li {border-bottom:none; float:none !important; margin:0; padding:0;}
.slidebar li > ul li:last-child a {border-bottom:none;padding-bottom: 0;}
.slidebar li > ul li a {display:block;overflow:hidden;color:#333;padding: 0px 0px 13px 13px;font-size: 15px;letter-spacing: -0.5px;border:none;line-height: 140%;word-break: keep-all;}
.slidebar li > ul li a:hover {text-decoration: underline;}
.slidebar li > ul li a span.bull {width: 4px;height: 4px;display: inline-block;color:#213152;position: absolute;left: 0;top: 8px;text-indent: -999px;overflow: hidden;background: #004a98;/* display: none; */}
.slidebar li > ul li a span.bull:after {content:""; display:none;}
@media (max-width:990px){
    .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 !important;}
    .subCon .location>li>ul>li>a {padding: 6px 30px 6px 46px;font-weight: 500;font-size: 15px;width: 100%;float: left;box-sizing: border-box;line-height: 140%;}
    .subCon .location>li>ul>li>a .bull {display:none;}
    .subCon .location>li>ul>li>a > span:after {right: 12px;}
    .subCon .location>li>ul>li>ul {padding: 10px 30px 10px 52px;border-bottom: 1px solid #eee;border-top: none;float: left;}
/*    .subCon .location .deepest {display:block !important;float: left;}*/
    .subCon .location>li>ul>li>ul li a {padding-bottom: 7px;font-weight: 400;}
    .slidebar li.selected > a {color: #333 !important;background:#ccc;font-weight: 600;padding-bottom: 13px;}
}



/* sub Contents */
.subCon {float:left; width:100%; min-height:600px; box-sizing:border-box; margin-bottom:30px;}



/* sub location */
.subCon .location {box-sizing:border-box;}
.subCon .location>li {list-style:none;font-size: 14px;background-size:10px;box-sizing: border-box;}
.subCon .location>li.ftbd {font-weight:800;}
.subCon .location>li>a:after {content:"";width: 5px;height: 5px;display: inline-block;border: 1px solid #7b7e97;border-width: 0 1px 1px 0;transform: rotate(-45deg);float:right;position: absolute;right: 13px;top: 50%;margin-top: -2px;color: #333;}
.subCon .location>li:first-child > a:after {display: none;}
.subCon .location>li:last-child {}
.subCon .location>li:last-child>a:only-child:after {display:none;}
.subCon .location>li.home:after {display:none;}

.subCon h4.tit, .fs30.pb10.fw500 {font-size:18px;font-weight:700;color:#000; box-sizing:border-box; padding-bottom:15px; display:block; float:left; width:100%;}
.fs30.pb10.fw500 {padding-left:0 !important; font-weight:600;}
.subCon > div {width:100%;display:block;clear:both;box-sizing:border-box;position: relative;}
.subCon .location>li a,
.subCon .location>li strong {float:left;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing: border-box;}

    @media (min-width:991px){
    	.subCon {margin-top:40px;}
    	.subCon .location {position: absolute;left: 0;top: 0;margin-top: -51px;height: 50px;line-height: 50px;background: #f4f5f9;width: 100%;}
    	.subCon .location>li {position:relative;float: left;min-width: 190px;height: 50px;overflow: hidden;border-right: 1px solid #dcdde2;max-width: calc(33% - 20px);}
    	.subCon .location>li ul {display: none !important;}

    	.subCon .location>li a,
    	.subCon .location>li strong {padding: 0px 30px 0 20px;color:#333;letter-spacing:-0.5px;}
    	.subCon .location>li a[href*="void(0)"]:hover,
    	.subCon .location>li:last-child a:hover {cursor: default;}
    	.subCon .location>li a:focus {outline-offset:-3px;}
    	.subCon .location>li.home {height: 50px;box-sizing: border-box;text-align: center;min-width: auto;border-left: 1px solid #dcdde2;}
    	.subCon .location>li.home a {overflow:hidden;font-size: 14px;width: 100%;float: left;position: relative;padding: 0 10px !important;vertical-align: middle;clear: both;}
      .subCon h4.tit, .fs30.pb10.fw500 {font-size: 30px;padding: 0 0 10px 0;text-align: left; opacity:0.7;}
      .subCon > div> p.fr #cnrs_btn {position: absolute; right: 10px; top: 0px; margin-top: -77px;}
    }
    @media (min-width:991px) and (max-width:1299px){
      .subCon {padding:0 10px;}
    }
    @media (max-width:990px){
      .subCon {position:relative; margin-bottom:120px;}
      .subCon .location {top:-50px; left:0; height:40px; line-height:40px; width:100%; overflow:hidden; background:#f4f5f9; border-bottom:1px solid #f0f0f0; padding: 0 5px;}
      .subCon .location>li {float:left;vertical-align:middle;max-width: calc(33% - 11px);border-right: 1px solid #dcdde2;height: 40px;overflow: hidden;}
      .subCon .location>li:nth-child(3):last-child {max-width:53% !important;}
      .subCon .location>li>a,
      .subCon .location>li>strong {position:relative;padding: 0 30px 0 10px;line-height: 40px;}
      .subCon .location>li>a:after {margin-top: -3px;}
      .subCon .location>li.home {font-size:0; background-position:left 14px; position:relative; background: url("/sample/template/wide/wide002/img/home.png")no-repeat 8px center;}
      .subCon .location>li.home>a {padding-right: 23px;}
      .subCon .location>li.home>a:after {display:none;}
      .subCon h4.tit, .fs30.pb10.fw500 {padding:30px 10px 10px;font-size: 22px;}
      .subCon > div {padding:0 10px;}

      .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%);}
      .subCon .location>li>ul li ul {display:none;background: #f7f7f7;}
      .subCon .location>li:nth-child(2) ~ li >a:after {transform:rotate(45deg);}
      .subCon .location>li:last-child>a:only-child:after {display:none;}
    }
    @media (max-width:599px){
      .subCon .location>li>a:after {font-size:11px;padding:0;margin-left:7px;}
    }



/* sub Visual : none  */
    @media (min-width:991px){
      .sub_visual_None ~ .inner #sub_visual {display: block !important;height: 50px;background: #f4f5f9;}
      .sub_visual_None ~ .inner #sub_visual img {display:none;}
      .sub_visual_None ~ .inner .sub_div_wrap {/*padding-top: 40px;*/}
    }
.sub_visual_None .head-group {/* position:relative; */}

/* .fixedheadWrap ~ .inner {margin-top:152px;}
@media (max-width:990px) {
	.fixedheadWrap ~ .inner {margin-top:0;}
} */