.sbleft_menu *{font-family: "NotoSans";}
.sbleft_menu{float: left;width: 282px;margin-left:40px;}
.sbleft_menu > h2{
	color: #fff;
	font-size: 22px; 
	letter-spacing: -1px;
	font-weight: 600;
	text-align: center;
	height: 85px;
	line-height: 85px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d56c0+0,6324e3+90 */
	background: #2d56c0; /* Old browsers */
	background: -moz-linear-gradient(left,  #2d56c0 0%, #6324e3 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2d56c0 0%,#6324e3 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2d56c0 0%,#6324e3 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d56c0', endColorstr='#6324e3',GradientType=1 ); /* IE6-9 */
	position: relative;
}
.sbleft_menu > h2:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/images/re18/sub/leftMenuBg.png') no-repeat left center;
}
.sbleft_menu > ul{}
.sbleft_menu > ul > li{border-bottom: 1px solid #dedede;}
.sbleft_menu > ul > li:first-child{border-top: 1px solid #e6e9f1;}
.sbleft_menu > ul > li > a, .sbleft_menu > ul > li > .util_line > a{display: block;padding: 15px 20px 15px 15px;text-decoration:none;}
.sbleft_menu > ul > li > a span, .sbleft_menu > ul > li > .util_line > a span{color: #5c5c5c;font-size: 15px;font-weight: 500;letter-spacing:-1px;}
.sbleft_menu > ul > li > a.on,
.sbleft_menu > ul > li > a:hover{background: #fff;}
.sbleft_menu > ul > li > a.on span,
.sbleft_menu > ul > li > a:hover span{color: #2d56c0;}
.sbleft_menu > ul > li.select > a{background: #fff;}
.sbleft_menu > ul li.select > a span{color:#2d56c0; font-weight:bold;}
.sbleft_menu > ul > li > a.ym{background:url('/images/re18/sub/jsub_bg3.png') 168px center no-repeat;}
.sbleft_menu > ul > li > a.ym:hover{color: #5c5c5c;}
.sbleft_menu > ul > li > a.ym.on{background:url('/images/re18/sub/jsub_bg4.png') 168px center no-repeat #378ed5;color:#fff;}
.sbleft_menu > ul > li > ul{/*display: none;*/border-top: 1px solid #dedede;padding: 15px 20px; background-color:#f8f8f8;}
.sbleft_menu > ul > li .util_line{position:relative;}
.sbleft_menu > ul > li > ul > li{margin-top: 10px;}
.sbleft_menu > ul > li > ul > li:first-child{margin-top: 0;}
.sbleft_menu > ul > li > ul > li > a{display: block;color: #666;font-size: 14px;font-weight: 500;padding-left: 10px;background: url('/images/re18/sub/jsub_bg2_new.png') no-repeat left 9px;}
.sbleft_menu > ul > li > .util_line > span.util{position:absolute;top:18px;right:10px;cursor: pointer;width: 11px;height: 7px;background: url(/images/re18/sub/jsub_bg3.png) 0 center no-repeat;}
.sbleft_menu > ul > li > .util_line > span.util a{display:block; width:0px; height:0px; font-size:0; text-indent:-99999px;}
.sbleft_menu > ul > li.has_sub.active > .util_line a{background:#378ed5;}
.sbleft_menu > ul > li.has_sub.active > .util_line a span{color:#fff;}
.sbleft_menu > ul > li.has_sub.active > .util_line > span.util{background: url(/images/re18/sub/jsub_bg4.png) 0 center no-repeat;}
.sbleft_menu > ul > li.has_sub .has_sub > .util_line a span{color: #666;font-size: 14px;font-weight: 500;padding-left: 10px;background: url(/images/re18/sub/jsub_bg2_new.png) no-repeat left center;}
.sbleft_menu > ul > li.has_sub > ul > li a span{color: #666;font-size: 14px;font-weight: 500;}
.sbleft_menu > ul > li > ul > li > div a.on span{font-weight:bold !important;color:#2679bf !important;}
.sbleft_menu > ul > li > ul > li > a.on span{font-weight:bold !important;color:#2679bf !important;}
.sbleft_menu > ul > li > ul > li ul{padding-left:12px;}
.sbleft_menu > ul > li > ul > li ul ul > li a span{font-size:13px !important;}
.sbleft_menu > ul > li > ul > li ul ul > li::before{content:"-";display:inline-block;font-size:15px;font-weight:bold;}

#sub{background: #fff;width: 830px;padding: 32px 26px 90px;margin-left: 10px;}
#sub .blueh3{background: url('/images/re18/sub/jsub_bg5.gif') no-repeat left 2px;font: 15px "NanumGothic";font-weight:bold;}
.blueh33 { background: url(/images/re18/sub/jsub_bg5.gif) no-repeat left 2px;font: 15px "NanumGothic";font-weight: bold;}
#sub .tblType01 tr th {background:#f7f7f7;border-top:1px solid #888;border-bottom:1px solid #dedede;}

#sub.new_center .strapline {position: relative;}
#sub.new_center .strapline a.sb_printing{position: absolute;top: 16px;right: 0;}
#sub.new_center .strapline .state_box .state span{margin: 0 6px;}
#sub.new_center .strapline .state_box .state span > img{vertical-align: -2px;}

.chartercontent{height:auto;background-size:100% 100%;}

.jiso_tab{display:none;}

@media screen and (max-width: 1024px){
.contents{background:none;}
.sbleft_menu{display: none;}
#sub{float:none;width:calc(100% - 60px);padding:15px 20px;margin:0 auto;}	
.jiso_tab{display:block;position:relative;margin:0 auto 30px;}
.jiso_tab > a{display: block;position:relative;width: 100%;padding:15px 0;background: url(/images/combine/tabSelect-bg.jpg) repeat 100% 50%;font-size:15px;color: #fff;text-decoration: none;text-align: center;vertical-align: middle;cursor:pointer;}
.jiso_tab_cont{display:none;position:absolute;top:0;left:-1px;width:100%;z-index:10;}
.jiso_tab_cont li{border-top:1px solid #fff;}
.jiso_tab_cont li:first-child{border-top: 0 none;}
.jiso_tab_cont li a{display: block;width: 100%;padding:15px 0;margin-left: 1px;background-color: #d5e3ee;text-decoration: none;text-align: center;vertical-align: middle;font-size:15px;}
.jiso_tab_cont li a:hover,
.jiso_tab_cont li a.on{background: url(/images/combine/tab-on.png) repeat 0 0;color: #fff;}
}