@charset "utf-8";
/* @latest 2020.01.07 ssj */

.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: 190px;line-height: 190px;float:left;overflow:hidden;position:relative;background:#000;}
#sub_visual img {width:100%;min-height:100%;opacity:0.9;display:block;/* position: absolute; */}
#sub_visual .bluebg {position:absolute;top: 0;left:0;width:100%;height:100%;color:white;}
#sub_visual .sub_titbox {width:100%;/* max-width:1300px; */margin:0 auto;box-sizing:border-box;display:inline-block;
						position:absolute;top: 50%;transform: translateY(-50%);text-align: center;}
#sub_visual .sub_titbox p.bTitle {font-size: 30px;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: 17px; clear:both; display:block; color:white;  width:100%;  max-width:1300px; padding:0 15px;
										 margin:0 auto; font-weight:400; line-height:22px; margin-top: 20px; box-sizing:border-box; word-break: keep-all;}

	@media (min-width:600px) and (max-width:990px){
		#sub_visual .sub_titbox p.bTitle {font-size: 23px;}
	}
    @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: 15px;}
    }

    @media (min-width:991px){
        .wrap_left_template #sub_visual {height:250px;}
        .wrap_left_template #sub_visual .bluebg {line-height:250px;}
        .wrap_left_template #sub_visual .sub_titbox {position:relative; line-height:normal; bottom:auto; vertical-align:middle; text-align:center;}
    }




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

.wrap_left_template .subMenu {display:none;}

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

    @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 (min-width:991px){
        .sub_div_wrap {padding-top:60px;}

        .wrap_left_template .subMenu + .subCon {width:100% !important; margin-top:0; padding:0;}
    }

    @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;}
.subMenu h3.menuNm {color:#fff;font-size: 26px;font-weight: 400;/* height: 135px; */padding: 79px 20px 30px;box-sizing:border-box;
					text-align:left;width:100%; background: url(/sample/img/submenu/sub_leftmenubg.jpg)  #0c4ca3;
					background-repeat: no-repeat;}

.slidebar {font-size:12px; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.slidebar li {list-style:none;position:relative;/* margin-bottom:2px; */}
.slidebar li:last-child>a {/* border-bottom:2px solid #ddd; */border-bottom: none;}

.slidebar li.selected > a {color:#333333;background: #f3f3f3;border-bottom: none;}
.slidebar li.selected > a:hover {color:#0c4ca3;}
.slidebar >li>a {text-decoration:none;line-height:25px;display:block;text-transform:uppercase;color:#333;padding: 10px 40px 10px 20px;
				font-size: 16px;font-weight:600;border-bottom: 1px solid #ddd;}
.slidebar li a.on {color:#333333;background: #eeeeee;}
.slidebar li a:hover {color: #0c4ca3;}
.slidebar li a:focus {}

/* sub leftmenu 3depts open/closed */
.slidebar li a > span {float:right;}
.slidebar li a > span:after {content:"\276f";float:left;top:10px;position:absolute;right: 15px;font-size: 13px;display:inline-block;
							transform:rotate(90deg);}
.slidebar li.selected > a > span:after {    content:"\276f"; float:left; transform:rotate(-90deg); display:inline-block;}

.slidebar li ul {width:100%;padding:0;border-bottom:1px solid #ddd;box-sizing:border-box;border-top:none;/* margin-bottom:10px; */}
.slidebar li > ul li {border-bottom:none; float:none !important; margin:0; padding:0;}
.slidebar li > ul li:last-child {border-bottom:none;}
.slidebar li > ul li a {word-break: keep-all;display:block;color:#333;padding: 14px 10px 2px 20px;font-size: 14.5px;letter-spacing: -0.5px;
						font-weight:400;line-height: 140%;border:none;}
.slidebar li > ul li:last-child a {padding-bottom: 20px;}
.slidebar li > ul li a:hover {color:#0c4ca3;font-weight:400;background:#fff;text-decoration: underline;}
.slidebar li > ul li a.on {color:#0c4ca3;font-weight: 600;background:#fff;}
.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%; 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: 16.5px;background-size:10px;}
.subCon .location li.home {background:url("/sample/template/wide/wide002/img/home.png")no-repeat 0px center;}
.subCon .location li.ftbd {font-weight:800;}
.subCon .location li:after {content:"\276D";float:right;padding: 0 15px;font-size:1em;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%;}
.subCon > div {width:100%; display:block; clear:both;/* margin-top:32px;*/ box-sizing:border-box;}

	@media (min-width:991px) and (max-width:1330px){
		.subCon .location {padding:0 15px;}
	}

    @media (min-width:991px){  
    	.subCon .location {position: absolute;left: 0;top: 0;height: 60px;line-height: 60px;width: 100%;
    						border-bottom: 1px solid #efefef;}
    	.subCon .location li {display:inline-block; margin-left:-2px;}
    	.subCon .location li.home {padding-left: 25px;}
        .subCon h4.tit {font-size: 30px;padding: 75px 0 27px;margin-bottom:20px;text-align: left;border-bottom: 1px solid #333;margin-bottom: 50px;}


        .wrap_left_template .subCon .location {text-align:center; padding:20px 15px; border-bottom:1px solid #ddd; background:#f9f9f9; margin-bottom:20px;}
        .wrap_left_template .subCon .location li {font-size:15px;}
        .wrap_left_template .subCon .location li:after {line-height:19px; opacity:0.5;}
        .wrap_left_template .subCon h4.tit {font-size:20px;}

    }
    @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 15px;}
        .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;}
    }