@charset "utf-8";
/* @latest 2019.04.25*/

.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:300px; float:left; overflow:hidden; position:relative; background:#000;}
#sub_visual img {width:100%; min-height:100%; opacity:0.9; display:block;}
#sub_visual .bluebg {position:absolute; top:0; left:0; width:100%; height:100%; color:white; line-height:300px;}
#sub_visual .sub_titbox {width:100%; /* max-width:1300px; */ margin:0 auto; box-sizing:border-box; display:inline-block; position:absolute; bottom:25px;}
#sub_visual .sub_titbox p.bTitle {font-size:25px; line-height:30px; letter-spacing:-1px; 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:14px; clear:both; display:block; color:white; width:100%; max-width:1300px; margin:0 auto; 
										 font-weight:400; line-height:22px; margin-top:10px; box-sizing:border-box; padding:0 15px;}

    @media (max-width:599px){
        #sub_visual {height:200px; margin-bottom:0;}
        #sub_visual img {opacity:0.8;}
        #sub_visual .bluebg {line-height:230px;}
        #sub_visual .sub_titbox {padding:0; bottom:15px;}
        #sub_visual .sub_titbox p.bTitle {font-size:17px; margin-top:0; line-height:25px;}
        #sub_visual .sub_titbox strong.bContent {font-size:13px;}
    }



/* layout */
.sub_div_wrap {width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; position:relative;}


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

    @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 Menu */
.subMenu {float:left; width:250px; box-sizing:border-box; z-index:1; margin-bottom:40px; padding-right:30px; position:relative;}
.subMenu h3.menuNm {color:#fff; font-size:22px; padding:20px 19px 20px; box-sizing:border-box; text-align:left; 
                    width:auto; min-width:180px;border-bottom:none; position:relative; word-break:keep-all; background:#333; display:inline-block; 
                    box-sizing:border-box; vertical-align:middle;}
.subMenu h3.menuNm:before {font-size:26px; display:inline-block; position:absolute; right:3px; top:0; color:#0c4c8c; font-weight:600; margin-right:5px;}

.slidebar {font-size:12px; box-sizing:border-box; -moz-box-sizing:border-box; position:relative; -webkit-box-sizing:border-box; 
            border-top:1px solid #ddd; padding:20px 0 0 15px;}
.slidebar:after {width:30px; height:3px; background:#1576c8; float:left; margin-left:20px; margin-top:40px;}
.slidebar li {list-style:none; position:relative; border-left:1px solid #ddd;}
.slidebar li:last-child {border-bottom:none;}

.slidebar li.selected > a {color:#333333; border-bottom:none; font-weight:600;}
.slidebar li.selected > a:hover {color:#333;}
.slidebar li a {text-decoration:none; line-height:25px; display:block; text-transform:uppercase; padding:8px 15px; font-size:17px; font-weight:400;}
.slidebar li a.on {color:#333; font-weight:600;}
.slidebar li a.on:after {font-size:10px; line-height:25px; float:right; padding-right:5px; margin-right:-13px;}
.slidebar li a:hover {color:#333;}
.slidebar li a:focus {}
.slidebar > li:first-child {padding-top:5px;}
.slidebar > li:last-child {padding-bottom:10px; border-bottom:1px solid #ddd;}

/* sub leftmenu 3depts open/closed */
.slidebar li a > span {float:right;}
.slidebar li a > span:after {content:"+"; float:left; top:8px; position:absolute; right:14px; color:#333; font-size:26px;}
.slidebar li.selected > a > span:after {content:"";  float:left;}

.slidebar li ul {width:100%; padding:15px 0 25px; box-sizing:border-box;}
.slidebar li > ul li {border-bottom:none; float:none !important; margin:0; padding:0; border-left:none;}
.slidebar li:last-child a {border-bottom:none;}
.slidebar li > ul li:last-child a {border-bottom:none;}
.slidebar li > ul li a {display:block; color:#333; padding:0px 25px 10px 20px; font-size:13px; letter-spacing:-1px; font-weight:400; border:none; line-height:20px; opacity:0.7;}
.slidebar li > ul li a:before {content:"-"; float:left; padding-right:2px;}
.slidebar li > ul li a:hover {color:#333; font-weight:600; background:#fff;}
.slidebar li > ul li a.on {color:#333; font-weight:600; background:#fff;}
.slidebar li > ul li a.on:after {}
.slidebar li > ul li a span.bull {float:left; padding-right:3px; color:#213152; display:none;}
.slidebar li > ul li a span.bull:after {content:"";  display:none;}


    



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


/* sub location */
.subCon .location {box-sizing:border-box;}
.subCon .location li {list-style:none; font-size:12px; background-size:10px; }
.subCon .location li.home {background:url("/sample/template/wide/wide002/img/home.png")no-repeat 0px 0px;}
.subCon .location li.ftbd {font-weight:800;}
.subCon .location li:after {content:"\276D"; float:right; padding:0 8px; font-size:1em; line-height:15px; opacity:0.6;}
.subCon .location li:last-child:after {display:none;}

.subCon h4.tit {font-size:18px; box-sizing:border-box; padding-bottom:15px; display:block; float:left; width:100%; color:#333;}
.subCon > div {width:100%; display:block; clear:both;/* margin-top:32px;*/ box-sizing:border-box;}


    @media (min-width:991px){  
    	.subCon .location {text-align:right;}
    	.subCon .location li {display:inline-block; margin-left:-2px;}
    	.subCon .location li.home {padding-left:18px;}
        .subCon h4.tit {font-size:21px; padding:5px 0 21px; margin-bottom:20px; text-align:center; border-bottom:1px solid #ddd; }
    }
    @media (max-width:990px){
        .subCon .location {top:-50px; left:0; height:40px; line-height:40px; width:100%; overflow:hidden; 
                                       background:#f9f9f9; border-bottom:1px solid #f0f0f0; padding:0 15px;}
        .subCon .location li {float:left; padding:0; vertical-align:middle;}
        .subCon .location li:after {line-height:41px;}
        .subCon .location li.home { font-size:0; padding:0 15px; background-position:left 14px; position:relative;}
        .subCon .location li.home:after {position:absolute; padding:0; right:5px; font-size:12px;}

        .subCon h4.tit {padding:30px 10px 10px;}
        .subCon > div {padding:0 10px;}
    }


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