@charset "utf-8";
.sub-page-content{margin-bottom:150px;}
.sub-contents .fix-layout{max-width:1424px;}

.sub-top-bg {max-width:2000px; position: relative; background-repeat: no-repeat; width: 100%; height: 300px; margin: 0 auto;  background:#222; 
background:url(/resources/custom/images/dormitory/sub/sub-top-bg.jpg);}
.sub-top-bg:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; top:0; left:0;}
.sub-top-ttl{display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0 12px;}
.sub-top-ttl h3{color: #fff; font-size: 32px; font-family:'Gmarket';  font-weight:500; text-align:center; z-index: 1; word-break:keep-all;}

/*page_nav*/
.page_nav{width:100%; border-bottom:1px solid #7f7f7f; margin:70px 0; padding-bottom:40px;}
.lnb:after{content:""; display:block; clear:both;}
.lnb .home{float:left; width:50px; height:50px; background:url(/resources/custom/images/dormitory/sub/sub_nav_home.png)no-repeat center; text-indent:-9999px; margin-right:10px;}
.lnb-item > ul > li > a{display:block; width:200px; height:50px; float:left; line-height:50px;  padding:0 12px; font-family:'Gmarket'; color:#333333;}
.lnb .sub-menu{position:relative; padding-top:50px; float:left; height:0px; overflow:hidden; float:left; width:200px; }
.lnb .sub-menu{height:50px;}
.lnb .sub-menu a{color:#fff; line-height:50px; display:block; width:100%; height:100%; padding:0 12px;}
.lnb .sub-menu .active{position:absolute; height:50px; top:0; left:0; }
.lnb-item {position: relative; float: left; width: 200px; height: 50px; /*font-size: 16px; font-weight: 600;*/font-size: 18px;font-weight: 300; z-index: 1; background: url(/resources/custom/images/dormitory/sub/sub_nav_arrow.png)no-repeat 95% center / 30px auto;}
.lnb-item.first {background: none !important;}
.lnb-item > ul				{ position: absolute; top: 0; left: 0; right: 0; padding-top: 50px; height: 0px; overflow: hidden;}
.lnb-item > ul .active		{ position: absolute; top: 0; left: 0; right: 0; height: 50px;}
.lnb-item > ul .active.open a {font-weight: 400; }
.lnb-item > ul .active.open a:active, .lnb-item > ul .active.open a:focus {color: #4dbabe;}
.lnb-item > ul:hover			{ background:rgba(0, 0, 0, 0.1); }
.lnb-item .active > a			{ border-left-width: 0; margin-left: 0; border-top-width: 1px; padding-right: 0; bottom: 0;}
.lnb-item .active > a:after		{ content: ""; display: block; position: absolute; /*width: 30px;*/ height: 30px; right: 0px; top: 5px; }
.lnb-item ul > li.active{border-left:none;}

.contentsTitle{font-family:'Gmarket'; font-size:32px; margin-bottom:40px; color: transparent;}

@media screen and (max-width: 1024px){
	.sub-top-bg{height:200px;}
	.sub-top-bg .sub-top-deco{background-size:100% 30%;}
	.sub-top-bg .sub-top-ttl{top:40%;}
	.sub-page-content{width:100%; padding-left:0;}
	#body .contentsTitle{padding-top:20px;}
	.main_tit{padding:70px 0 20px;}
	
	.sub-top-ttl h3{font-size:24px;}
}

@media all and (max-width: 800px) {
.page_nav{display:none;}
}

@media all and (max-width: 500px) {
		.sub-top-ttl h3{font-size:18px;}
}