/* 입학홈페이지 헤더 */
.wrap > header {
	background-color: #fff !important;
	border-bottom: 0.1rem solid #cecece;
}

.iphak-site .wrap .main-wa{display:none;}

.wrap > header::before {
	content:"";
	display: block;
	position: absolute;
	top: 4.4rem;
	width: 100%;
	height: 0.1rem;
	background: #cecece;
}
.header-wrap.iphak {    
	flex-direction: column;    
	max-width: 172rem;    
	height: 15rem;
}
.header-top {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0.7rem 0;
	width: 100%;
	color: #333;
}
.header-top > .link-intro, 
.header-top > .link-home {
	font-size: 1.4rem;
}
.header-top > .link-home {
	position: relative;
	margin-left: 2.6rem;
}
.header-top > .link-home::after {
	content:"";
	display: block;
	position: absolute;
	right: calc(100% + 1.3rem);
	top: 0.2rem;
	width: 0.1rem;
	height: 1.4rem;
	background: #656565;
}
.header-top > .btn-fsize {
	display: flex;
	align-items: center;
	margin-left: 1.8rem;
	font-size: 1.5rem;
}
.header-top > .btn-fsize > button {
  	position: relative;
	margin-left: 1rem;
	width: 3rem;
	height: 3rem;
	border: 0.1rem solid #666666;
}

.header-top > .btn-fsize > button::before, 
.header-top > .btn-fsize > button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
}
.header-top > .btn-fsize > button.plus::before{
  width: 0.1rem;
  height: 1rem;
}
.header-top > .btn-fsize > button.plus::after{
  width: 1rem;
  height: 0.1rem;
}
.header-top > .btn-fsize > button.minus::after{
  width: 1rem;
  height: 0.1rem;
}
.header-bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;    
	height: var(--header-pcH);
}
.header-bot > .logo-main > a {
	display: block;
	width: 23rem;
	height: auto;
}
.header-bot > .logo-main > a > img {
	width: 100%;
}
.header-bot .gnb-depth1 {
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.header-bot .gnb-depth1 {
	display: flex;
	align-items: center;
}
.header-wrap.iphak .gnb-depth1 > li > a {
	width: 18rem;
	color: #000;
	font-size: 1.8rem;
	word-break: keep-all;
	text-align: center;
}
.header-wrap.iphak .gnb-depth1 > li > a.active {
	color: #fff;
}
}
.header-wrap.iphak .gnb-depth2 > li > a { 
	word-break: break-all;
}
/* 서브페이지 비주얼영역 */
.sub-visual-area {
	background-color: rgba(0, 0, 0, 0.8);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sub-visual-area.adult {
	background-image: url(/_res/seojeong/iphak/img/bg-sub-visual01.png);
}
.sub-visual-area.regular {
	background-image: url(/_res/seojeong/iphak/img/bg-sub-visual01.png);
}
.sub-visual-area.advanced {
	background-image: url(/_res/seojeong/iphak/img/bg-sub-visual03.png);
}
.sub-visual-area.master {
	background-image: url(/_res/seojeong/iphak/img/bg-sub-visual05.png);
}
.sub-visual-area.notice {
	background-image: url(/_res/seojeong/iphak/img/bg-sub-visual05.png);
}
.floating-menu {
	position: fixed;
	/*top: 80%;*/top: 72%;
	left: calc(100% -  20rem);
	width: 10rem;
	height: 10rem;
	z-index: 11;
	border-radius: 50%;
	background: #FAE100;
	box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);
}
.floating-menu > img {
	position: absolute;
	top: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 5rem;
	height: 5.6rem;
}
.floating-menu.mfi {
	top: 85%;
	background: #34368A;
}
@media (max-width: 1400px){
	.gnb {
		text-indent: -9999px;
	}
	.header-bot .menu-mobile span {
		background: #222;
	}
	.m-menu-list.iphak {
		padding: 14rem 5rem 2rem;
	}
	/* 모바일 메뉴 */
	body.on {
		overflow: hidden;
	}
	.menu-mobile{
		display: block;
	}
}
@media (max-width: 768px){
	.wrap > header::before {
		display: none;
	}
	.header-wrap.iphak { 
		height: var(--header-mobileH);
	}
	.header-top {
		display: none;
	}
	.header-bot {
		height: var(--header-mobileH);
	}
	.header-bot > .logo-main > a {
		width: 14rem;
	}
	.m-menu-list.iphak > ul {
		height: calc(100% - 5rem);
	}
	.m-menu-list.iphak {
		padding: 16rem 2rem 2rem;
	}
	.m-menu-list.iphak > .m-menu-bottom {
		top: 8rem;
	}
	.floating-menu {
		top: 77%;
		left: calc(100% - 8rem);
		width: 6rem;
		height: 6rem;
	}
	.floating-menu > img {
		top: 1.3rem;
		width: 3rem;
		height: 3.6rem;
	}
}