/* sub 상단 menu */
#top_layout .open #gnb { border-bottom: 1px solid #ddd; }

/* 레이아웃  */
.sub-contents{
	max-width:1440px;
	margin:0 auto;}
.lnb{
	width:18%;
	margin:42px 3% 0 0;
	}
.contants_container{
	width:79%;}



@media(max-width:1023px){
	.lnb{display:none;}
	.contentBody{width:100vw;}

}



/* 왼쪽메뉴 */

.lnb h1 {padding: 60px 0 30px 0; margin-bottom: 20px; font-size: 22px;  line-height: 1.0em; border-bottom: 2px solid #dfdfdf; background: url(../images/sub/left_tit_bg.png) no-repeat left top; /* color: #5c8b48; border-bottom: 2px solid #5c8b48; text-align:center; */}
.lnb ul li:nth-last-child(1) {border-bottom: 0px solid #dcdcdc;}

.lnd_th2 > a {
	display: block;
	padding: 12px 20px 12px 32px; 	
	}
.lnd_th2 > a {
	background: url(../images/sub/menu-point_over.svg) no-repeat; 	
	background-size:12px; 
	background-position:92% 50%;
	}
.lnd_th2 > a.active{
	background: url(../images/sub/menu-point.svg) no-repeat ; 	
	background-color:var(--one-color);
	background-size:12px; 
	background-position:92% 50%;
	border-radius:4px; 
	}
.lnd_th2> a > b{
	font-weight:500;
	}
.lnd_th2> a:hover > b{
	color:var(--one-color);
	font-weight:600;
	}
.lnd_th2> a.active > b{
	color:var(--white);
	}

.content_top {width: 100%; padding: 20px 1rem 10px 1rem;}
.sub-tit{font-size: 28px;}

/* content */
#svisual_layout::before{
	position:absolute;
	content:'';
	display:block
	width:100%;
	height:150px;
	background-color:#fff;
}
#svisual_layout{position:relative;max-width:1920px; margin:80px auto 0 auto;}
section#sub-visual.bg1{background-size: 100% 100% !important;background-repeat: no-repeat !important;height: 210px;}
#svisual_layout #sub-visual > .layout{height: 100%;}
#svisual_layout #sub-visual > .layout > div{text-align:center;width:100%; }
.sv_bg{width: 100%; height: 100%; position:relative; }
.bg_h{height:100%;}
.ad-b-txt{font-weight:500; font-size:40px;color:#181818;
}
#svisual_layout #sub-visual > .layout .ad-txt{font-size:20px;color:#fff;}

.location-bar{
	background-image: linear-gradient(-45deg, #f7f7f7 25%, #fff 25% 50%, #f7f7f7 50% 75%, #fff 75%);
	background-size: 12px 12px;
	background-repeat: repeat;
	}
.contentBox{background:url('/html/images/content_bg.png');background-repeat:repeat-x;background-repeat-y: no-repeat !important;background-position:left top;padding-top:65px;}

.contentTitle{display:inline-block; line-height: 2.8em;font-size:14px;color:#7f7f7f;}
.contentTitle span{font-size:14px;color:#7f7f7f;}

/*  현 페이지 위치  */
.location_ul{display:flex;}
.location_ul > li,
.location_ul > li > a{font-size:13px;color:#7f7f7f;}
.location_ul > li.home img{width:15px;height:14px; margin-right:5px}
.location_ul > li::after{content:">";padding: 0 5px;}
.location_ul > li:nth-last-child(1)::after{display:none;}



@media(min-width:769px) and (max-width:1024px){
	#svisual_layout{margin: 0 auto;}
	section#sub-visual.bg1{background-size: cover !important;height:25vw}
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:768px){
	#svisual_layout{margin: 0 auto;}
	section#sub-visual.bg1{background-size: cover !important;height:32vw}
	#svisual_layout #sub-visual > .layout .ad-b-txt {font-size: 4.2vw;    /* margin-bottom: 2.8vw; */}
	#svisual_layout #sub-visual > .layout .ad-txt {font-size: 2.8vw;}
	.content_tit{font-size:20px;background: none !important;padding:0}
}
@media(max-width:480px){
	#svisual_layout{position: absolute; width: 1px; height: 1px; margin: 0 auto; /*margin: -1px;*/ overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
	.contentBox{background-size: auto 10px; padding-top: 10vw;}
	section#sub-visual.bg1{background-size: cover !important;height:38vw}
	#svisual_layout #sub-visual > .layout .ad-b-txt {}
	#svisual_layout #sub-visual > .layout .ad-txt {font-size: 3.8vw;}
	.contentBody .content_top h3.sub-tit{font-size:22px;}
	.content_tit{background:none !important;padding:0;font-size:4.5vw ;}
	.content_text{font-size:4vw;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
	.contentBox{background-size: auto 10px;padding-top:10vw}
	section#sub-visual.bg1{background-size: cover !important;height:40vw}
	#svisual_layout #sub-visual > .layout .ad-b-txt {font-size: 6vw;    /* margin-bottom: 2.8vw; */}
	#svisual_layout #sub-visual > .layout .ad-txt {font-size: 3.8vw;}
	.contentBody .content_top {padding-bottom: 20px;}
	.contentBody .content_top h3.sub-tit{font-size:6vw}
	.content_tit{background:none !important;padding:0;font-size:5.5vw;}
	.content_text{font-size:4vw; margin: 0 0 5vw 0;}
}   
/* fold*/
@media(max-width:320px){
	.contentBox{background-size: auto 10px;padding-top:10vw}
	section#sub-visual.bg1{background-size: cover !important;height:40vw}
	#svisual_layout #sub-visual > .layout .ad-b-txt {font-size: 6vw;    /* margin-bottom: 2.8vw; */}
	#svisual_layout #sub-visual > .layout .ad-txt {font-size: 3.8vw;}
	.content_tit{background:none !important;padding:0;font-size:5.5vw;}
	.content_text{font-size:4vw; margin: 0 0 5vw 0;}
}