@import url("/css/common.css");
@import url("board_yth.css");


#header .logo a:hover {color:#333; text-decoration: none;}
#header .logo span {vertical-align: middle;}
#header .logo .logo_name {vertical-align: middle; font-weight: 700;}

.mobi_logo .mobi_txt {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 150%;}
.mobi_logo .mobi_txt .logo_name {display: inline-block; width: 100%; font-size: 20px; font-weight: 800;}

.mobi_logo {height: 82px; line-height: 82px;}
.menu_wrap {padding-top: 82px;}

#nav {z-index:55;}
#nav .inner {padding-right: 0;}
#nav .gnb > li {width: 20%;}
#nav .sub_gnb {height: auto;}

#footer {background: #fff; border-top:1px solid #cdcdcd;}
#footer .inner {padding:22px 0 60px 0;}
#footer .f_info {margin-top: 0;}

.top_visual {width: 100%; height: 232px; line-height: 232px; background: url("/images/youth/main/sub_title_bg.png") no-repeat center;}
.top_visual .inner {position: relative; overflow: hidden; width: 1200px; height: 100%; margin: 0 auto;}
.top_visual .youth_pic { z-index: 1; position:absolute;	left:10%; bottom:0;}
.top_visual .vtext {width:50%; position: absolute; right:0; top:28%; display: inline-block; line-height:160%; vertical-align: middle; letter-spacing:-1.5px; z-index: 5; color: #333;}
.top_visual .vtext .text1 {font-size: 2em;}
.top_visual .vtext .text2 {margin-top: 23px; font-size: 1.2em; line-height:150%;}


.top_visual .innerWrap {text-align: center;}

.sb_cont {margin-top: 10px; padding-top:25px; border-top:1px solid #cdcdcd;}

.sub_lnb {border-color:#fff;}
.sub_lnb .lnb_tit {background: #ff8e5b;}
.sub_lnb .dep1 > li > a {border-bottom-color:#cdcdcd;}
.sub_lnb .dep1 > li > a:hover {color:#ff8e5b;}
.sub_lnb .dep1 > li > a.on {position: relative; background: #fff; color:#ff8e5b;}
.sub_lnb .dep1 > li > a.on:before {content:""; display: block; width: 100%; height: 1px; position: absolute; top: -1px; left: 0; background: #cdcdcd;}

.sub_lnb .dep2 { background:#fff;}





/* pc 1차분기 */
@media screen and (max-width:1200px) {
 	.top_location .loc {width: 98%;}
 	.top_visual .inner {width: 1024px;}
	.top_visual .youth_pic  {width: 38%; left: 40px;}
 	
}

 
/* Tablet CSS */
@media screen and ( max-width:1024px ){
 	.top_visual .inner {width: 98%; padding:0 1%; text-align:center;}
 	.top_visual .vtext {left:7%;}
	.top_visual .youth_pic {left:auto; right:0;}

 	

}	

/* Mobile CSS */
@media screen and ( max-width:797px ){
	#header .logo .logo_name {font-weight: 800;}
	#top .family_site .item {width:25%;}
	
 	.top_visual {height:auto; line-height:140%; background-size:cover;}
	.top_visual .inner {padding:20px 1% 130px;}
	.top_visual .vtext {position:static;width:auto;}
	.top_visual .vtext .text1 img {width:80%;}
	.top_visual .vtext .text2 {margin-top:15px; font-size:1.1em;}
	.top_visual .youth_pic {width:230px; right:50%; transform:translate(50%,0);}


 	#footer .inner {width: 90%;	}
}