/*헤더 - t*/
.header-top {
	height: 4.6rem;
	background: #53555A;
}
.header-top .innerframe-1720{
	display: flex;
	justify-content: space-between;
	height: 100%;
	margin: 0 auto;
	background: #53555A;
}
.header-top .top-menu {
	display: flex;
	align-items: center;
	background-color: #53555A;
}
.header-top .top-menu > li {
	height: 100%;
}
.header-top .top-menu > li > a {
	display: block;
	padding: 1.5rem 2rem;
	height: 100%;
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	border-right: 0.1rem solid rgba(255, 255, 255, 0.10);
} 
.header-top .top-menu > li > a:hover {
	background: #34368A;
}
.header-top .top-menu.left > li:first-child > a,
.header-top .top-menu.right > li:first-child > a  {
	border-left: 0.1rem solid rgba(255, 255, 255, 0.10);
}
/*헤더*/
.wrap > header.n-header {
	background-color:#fff!important;
	
}
.n-header .gnb-depth1 > li > a{
	color: #34368A;
}
.n-header .gnb-depth1 > li > a.active{
	color:#ffff;
}
.n-header .menu-mobile span{
	background: #34368A;
}
.wrap > header.n-header {
    border-bottom: 0.1rem solid #d9d9d9;
}
.main-logo.hive > a {
	width: 10.5rem;
	height: auto;
}

.sub-cont{
	padding:0!important;
}
/* 서브페이지 비주얼영역 */
.sub-visual-area {
	background-color: rgba(0, 0, 0, 0.8);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sub-visual-area.center {
	background-image: url(/_res/seojeong/ctl/img/bg-sub-center.png);
	background-position: center bottom;
}
.sub-visual-area.assist {
	background-image: url(/_res/seojeong/ctl/img/bg-sub-assist.png);
}
.sub-visual-area.program {
	background-image: url(/_res/seojeong/ctl/img/bg-sub-program.png);
}
.sub-visual-area.community {
	background-image: url(/_res/seojeong/ctl/img/bg-sub-community.png);
	background-position: center top;
}
/* 서브페이지 레이아웃 */
.kukje-sub-cont {
	padding: 0 5rem;
	max-width: 172rem;
	margin: 10rem auto 18rem;
}
.kukje-sub-cont.type01 {
	display: flex;    
	align-items: flex-start;
}
.kukje-sub-cont.type01 .cont-right {
	flex: 1;
	margin-left: 14.5rem;
}
.kukje-sub-cont.type01 .cont-left {
	min-width: 27rem;
	max-width: 27rem;
}
.kukje-sub-cont .sub-cont {
	margin-bottom: 0;
}
/* 서브페이지 탭 메뉴 */
.tit-menu {
	color: #222;
	font-size: 4.2rem;
	font-weight: 700;
}
.tab-menu {
	margin-top: 2.8rem;
}
.tab-menu > li:first-child > a {
	border-top: 0.4rem solid #222;
}
.tab-menu > li > a {
	display: block;
	position: relative;
	padding: 2rem 2rem 2rem 0;
	font-size: 2rem;
	font-weight: 500;
	color: #666;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	transition: all 0.3s ease-in-out;
}
.tab-menu > li.active > a::after,
.tab-menu > li > a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.8rem;
	height: 1.6rem;
	background: url(/_res/seojeong/inter/img/ico-tab-arr.png) right center / 100% no-repeat;
	transition: opacity 0.2s ease-in-out;
	opacity:0;
}
.tab-menu > li.active > a,
.tab-menu > li > a:hover {
	color: #34368A;
	border-bottom: 1px solid #34368A;
}
.tab-menu > li.active > a::after,
.tab-menu > li > a:hover::after {
	opacity:1;
}
/* 타이틀 공통 */
.cont-right .tit-bullet {
	margin: 0 0 4rem 0;
}
.kukje-sub-cont .tit-policy {
	margin: 6rem 0 1.5rem;
}
@media (max-width: 1190px){
	/* 서브페이지 레이아웃 */
	.kukje-sub-cont.type01 {
    	flex-direction: column;
	}
	.kukje-sub-cont.type01 .cont-right {
		flex: none;
		margin-left: 0;
		width: 100%;
	}
	/* 서브페이지 탭메뉴 */
	.tab-menu {
		display: none;	
	}
	/* 타이틀 공통 */
	.cont-right .tit-bullet {
		margin: 4rem 0 2rem 0;
	}
}
@media (max-width: 1000px){
	/*헤더 gnb*/
	.header-wrap .gnb{
		display:none;
	}
	.menu-mobile{
		display:block!important;
	}
}
@media (max-width: 768px){ 
	/* 헤더 - t */
	.header-top {
		height:4rem;
	}
	.header-top .innerframe-1720{
		padding:0;
	}
	.header-top .top-menu{
		flex:1
	}
	.header-top .top-menu > li{
		width:100%;
	}
	.header-top .top-menu > li:nth-of-type(1){
		display:none;
	}
	.header-top .top-menu > li > a{
		padding: 1.5rem 1.5rem;
		width:100%;
		text-align:center;
	}
	/* 서브페이지 레이아웃 */
	.kukje-sub-cont {
		padding: 0 2rem;
		max-width: 100%;
		margin: 4rem auto 6rem;
	}
	.tit-menu  {
		font-size: 3.2rem;
	}
	/* 서브페이지 탭 메뉴 */
	.header-kukje .top-menu.right {
		display: none;
	}
	.header-kukje .top-menu.left {
		width: 100%;
	}
	.header-kukje .top-menu.left > li {
		flex: 1;
	}
	.header-kukje .top-menu.left > li > a {    
		padding: 1.2rem 1rem;
		font-size: 1.4rem;
		text-align: center;
	}
	/* 타이틀 */
	.kukje-sub-cont .tit-policy {
		margin: 4rem 0 1.5rem;
	}
}