@charset "UTF-8";

/* ====================================================
   COMMON LAYOUT
==================================================== */
#wrapper {
	width: 100%;
	/* height: 100%; */
}

.wrap {
	width: 100%;
	position: relative;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

/* ¼½¼Ç Æеù (À§¾Æ·¡ ¿©¹é °øÅëÈ­) */
.section-pd {
	padding-top: clamp(40px, 8vw, 100px);
	padding-bottom: clamp(40px, 8vw, 100px);
}


/* ====================================================
   HEADER
==================================================== */
#header {
	border-bottom: 1px solid #E2E2E2;
}
#header.intro {
	height:70px;
}

#header .container {
	max-width: 1200px;
	margin: 0 auto;
}
#header.intro .container {
	height:inherit;
}
#header .container .left_area {
	display: flex;
	align-items: center;
	padding: 18px 0;
}
#header.intro .container .left_area {
	height:inherit;
	padding:0;
}
#header .logo {
	display: inline-block;
	padding-left: 20px;
	font-size: 0;
}

#header .logo img {
	width: clamp(163px, 13.5vw, 203px);
	height: auto;
}

#header .logo img.img_mega {
	width: clamp(130px, 13.5vw, 220px) !important;
}

#header .logo img.img_nrj {
	width: clamp(178px, 14.8vw, 222px);
}

#header .logo img.img_seochob {
	width: clamp(178px, 14.8vw, 222px);
}

/* °­ºÏÁß°è°ü ¿ÀÇ : °­ºÏ Ä·ÆÛ½ºÀÏ ¶§¸¸ ÁöÁ¡¼±Åà ³ëÃâ */
.container .branch-switch {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 16px;
	font-family: Pretendard;
	width: fit-content;
	padding-left: 18px;
}

.container .branch-switch .branch-item {
	position: relative;
	padding-right: 12px;
	color: #BBB;
	font-size: 20px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.4px;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}

.container .branch-switch .branch-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #ddd;
}

.container .branch-switch .branch-item:hover,
.container .branch-switch .branch-item.on {
	color: #555 !important;
	font-weight: 600;
}

.container .branch-switch .bar {
	display: none;
}

.container .header-menu.active .branch-switch {
	display: none;
}

.container .branch-switch .branch-item .icon-link {
	display: inline-block;
	width: 20px;
	height: 20px;
	aspect-ratio: 1/1;
	margin-left: 2px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M9.516 6C9.38339 6 9.25622 6.05268 9.16245 6.14645C9.06868 6.24022 9.016 6.36739 9.016 6.5C9.016 6.63261 9.06868 6.75979 9.16245 6.85355C9.25622 6.94732 9.38339 7 9.516 7H12.293L8.146 11.146C8.09951 11.1925 8.06264 11.2477 8.03748 11.3084C8.01232 11.3692 7.99937 11.4343 7.99937 11.5C7.99937 11.5657 8.01232 11.6308 8.03748 11.6916C8.06264 11.7523 8.09951 11.8075 8.146 11.854C8.19249 11.9005 8.24768 11.9374 8.30842 11.9625C8.36916 11.9877 8.43426 12.0006 8.5 12.0006C8.56574 12.0006 8.63084 11.9877 8.69158 11.9625C8.75232 11.9374 8.80751 11.9005 8.854 11.854L13 7.707V10.484C13 10.6166 13.0527 10.7438 13.1464 10.8376C13.2402 10.9313 13.3674 10.984 13.5 10.984C13.6326 10.984 13.7598 10.9313 13.8536 10.8376C13.9473 10.7438 14 10.6166 14 10.484V6.5C14 6.36739 13.9473 6.24022 13.8536 6.14645C13.7598 6.05268 13.6326 6 13.5 6H9.516ZM12.766 17C13.3616 17.0001 13.9376 16.7877 14.3904 16.4009C14.8432 16.014 15.1431 15.4783 15.236 14.89C15.7469 14.7326 16.194 14.4156 16.5115 13.9854C16.8289 13.5552 17.0002 13.0346 17 12.5V5.5C17 4.83696 16.7366 4.20107 16.2678 3.73223C15.7989 3.26339 15.163 3 14.5 3H7.5C6.95946 2.99981 6.43342 3.17482 6.00072 3.4988C5.56803 3.82278 5.252 4.27827 5.1 4.797C4.51374 4.89203 3.98046 5.19266 3.59567 5.64507C3.21088 6.09747 2.99971 6.67209 3 7.266V13.5C3 14.4283 3.36875 15.3185 4.02513 15.9749C4.6815 16.6313 5.57174 17 6.5 17H12.766ZM4 7.266C3.99963 6.9555 4.09562 6.65254 4.27474 6.39892C4.45385 6.14529 4.70726 5.9535 5 5.85V12.5C5 13.163 5.26339 13.7989 5.73223 14.2678C6.20107 14.7366 6.83696 15 7.5 15H14.18C14.0766 15.2924 13.8851 15.5456 13.6319 15.7247C13.3787 15.9038 13.0762 16 12.766 16H6.5C5.83696 16 5.20107 15.7366 4.73223 15.2678C4.26339 14.7989 4 14.163 4 13.5V7.266ZM7.5 4H14.5C14.8978 4 15.2794 4.15804 15.5607 4.43934C15.842 4.72064 16 5.10218 16 5.5V12.5C16 12.8978 15.842 13.2794 15.5607 13.5607C15.2794 13.842 14.8978 14 14.5 14H7.5C7.10218 14 6.72064 13.842 6.43934 13.5607C6.15804 13.2794 6 12.8978 6 12.5V5.5C6 5.10218 6.15804 4.72064 6.43934 4.43934C6.72064 4.15804 7.10218 4 7.5 4Z' fill='%23BBBBBB'/></svg>") no-repeat center center;
	background-size: contain;
}

.container .branch-switch .branch-item.on .icon-link {
	display: none;
}


/* ====================================================
   FOOTER
==================================================== */
#footer {
	padding: 25px 0;
	border-top: 1px solid #E2E2E2;
}

#footer .copy {
	line-height: 20px;
	font-size: 12px;
	color: #C5C5C5;
	text-align: center;
}


/* ====================================================
   TOP FIX BUTTON (±¸¹öÀü - ÇÏÀ§È£È¯)
==================================================== */
.scroll_btn_wrap {
	position: fixed;
	bottom: 100px;
	right: 3%;
	cursor: pointer;
	z-index: 5;
}

.scroll_btn {
	position: fixed;
	bottom: 4%;
	right: 4%;
	z-index: 100;
	display: block;
}

.scroll_btn_top {
	height: 0;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	margin-bottom: 5px;
	transition: ease-in all .2s;
}

.scroll_btn_top.on {
	height: 60px;
	opacity: 1;
	visibility: visible;
}


/* ====================================================
   FLOATING QUICK MENU (½Å±Ô)
==================================================== */
/* 񃧯: PC */
.float-quick-menu .quick-menu {
	position: fixed;
	bottom: 66px;
	right: 30px;
	width: 50px;
	overflow: hidden;
	z-index: 999;
	transition: width .3s ease, padding-bottom .24s ease;
	padding-bottom: 0;
}

.float-quick-menu.show_bottom_bn .quick-menu {
	bottom: 130px;
}

.float-quick-menu.scrolled .quick-menu {
	padding-bottom: 58px;
}

.float-quick-menu .quick-menu .quick-menu-list {
	display: flex;
	flex-flow: column;
	height: auto;
	justify-content: center;
	min-width: 156px;
	padding: 10px 0;
	border: 0;
	z-index: 99;
	gap: 10px;
}

.float-quick-menu .quick-menu .quick-menu-list li {
	align-items: center;
	display: flex;
	height: 50px;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
}

.float-quick-menu .quick-menu .quick-menu-list li a {
	align-items: center;
	border-radius: 50px;
	box-sizing: border-box;
	display: flex;
	height: 50px;
	justify-content: center;
	background: #F1F3F8;
}

.float-quick-menu .quick-menu .quick-menu-list li a span {
	display: none;
	color: #222;
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.35px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
}

.float-quick-menu .quick-menu .quick-menu-list li a:hover span {
	color: #222;
}

/* Ä«Ä«¿ÀÅå ¹öÆ° */
.float-quick-menu .quick-menu .quick-menu-list li.kakao a {
	background: #FAE100;
}

.float-quick-menu .quick-menu .quick-menu-list li.kakao a .quick-icon {
	background: url("https://img.megastudy.net/campus/library/v2015/library/common/kakao.png") no-repeat center;
}

/* °í°´¼¾ÅÍ ¹öÆ° */
.float-quick-menu .quick-menu .quick-menu-list li.cs a {
	background: #F1F3F8;
}

.float-quick-menu .quick-menu .quick-menu-list li.cs a .quick-icon {
	background: url("https://img.megastudy.net/campus/library/v2015/library/common/msg.png") no-repeat center;
}

/* ¿À½Ã´Â±æ ¹öÆ° */
.float-quick-menu .quick-menu .quick-menu-list li.map a {
	background: #F1F3F8;
}

.float-quick-menu .quick-menu .quick-menu-list li.map a .quick-icon {
	background: url("https://img.megastudy.net/campus/library/v2015/library/common/map.png") no-repeat center;
}

/* TOP ¹öÆ° */
.float-quick-menu .quick-menu .top-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #404040;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' fill='none' viewBox='0 0 15 22'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='m14 7.5-6.5-6m0 0L1 7.5m6.5-6v20'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
}

.float-quick-menu.scrolled .quick-menu .top-btn {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition: opacity .22s ease, transform .22s ease;
}

/* OPEN »óÅ (È®Àå) */
.float-quick-menu.open .quick-menu {
	min-width: 156px;
	width: auto;
}

.float-quick-menu.open .quick-menu .quick-menu-list {
	background: transparent;
	border: none;
	border-radius: 0;
}

.float-quick-menu.open .quick-menu .quick-menu-list li {
	padding: 0;
}

.float-quick-menu.open .quick-menu .quick-menu-list li a {
	justify-content: end;
	gap: 23px;
	padding: 0 11px 0 20px;
	width: 100%;
}

.float-quick-menu.open .quick-menu .quick-menu-list li a span {
	display: block;
	opacity: 1;
	visibility: visible;
}

.float-quick-menu.open .top-btn {
	margin: 15px 0 0 auto;
}

/* PC Àü¿ë ¼û±è */
.float-quick-menu .plus-btn {
	display: none;
}

.float-quick-menu .quick-menu .quick-menu-list li.call {
	display: none;
}

.float-quick-menu .map .map-link.mo {
	display: none;
}

.float-quick-menu .map .map-link.pc {
	display: flex;
}

/* ¹öÆ°/¾ÆÀÌÄÜ °øÅë »çÀÌÁî º¸Á¤ (PC+MO °ø¿ë) */
.float-quick-menu .quick-menu-list li a {
	width: 50px;
	height: 50px;
}

.float-quick-menu .quick-menu-list li a .quick-icon {
	width: 28px;
	height: 28px;
	background-size: contain;
}

.float-quick-menu .top-btn {
	width: 50px;
	height: 50px;
}

/* ====================================================
   TABLET (768px ~ 1199px)
==================================================== */
@media (max-width: 1199px) and (min-width: 768px) {
	
	#header.intro {
		height:55px;
	}
}

/* ====================================================
   MO (767px ÀÌÇÏ)
==================================================== */
@media (max-width: 767px) {
	#header.intro {
		height:48px;
	}
	#header .container .left_area {
		padding: clamp(12px, calc(18vw / 7.6), 24px) 0;
	}
	
	.inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* Ç÷ÎÆà Äü¸Þ´º MO */
	.float-quick-menu {
		position: fixed;
		z-index: 10;
		right: 16px;
		bottom: 70px;
	}
	
	.float-quick-menu.scrolled .quick-menu {
		padding-bottom: 0;
	}
	
	.float-quick-menu .quick-menu {
		position: relative;
		overflow: visible;
		right: 0;
		bottom: 0;
	}
	
	.float-quick-menu .quick-menu-list li a {
		width: auto;
		height: 50px;
		padding: 0 20px;
		border-radius: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		text-decoration: none;
		background: #F1F3F8;
		box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
	}
	
	.float-quick-menu .quick-menu-list li.kakao a {
		background: #FAE100;
	}
	
	.float-quick-menu .quick-menu-list li a span {
		display: block;
		color: #222;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -0.35px;
		opacity: 1;
		visibility: visible;
	}
	
	.float-quick-menu .quick-menu-list li a .quick-icon {
		width: 22px;
		height: 22px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.float-quick-menu .quick-menu .quick-menu-list {
		position: absolute;
		right: 6px;
		bottom: 70px;
		display: flex;
		flex-direction: column;
		gap: 6.2px;
		min-width: 160px;
		padding: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(10px);
		transition: opacity .22s ease, transform .22s ease, bottom .22s ease, visibility 0s linear .22s;
	}
	
	.float-quick-menu.scrolled .quick-menu .quick-menu-list {
		bottom: 129px;
	}
	
	.float-quick-menu.open .quick-menu .quick-menu-list {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		transition: opacity .22s ease, transform .22s ease, bottom .22s ease;
	}
	
	.float-quick-menu .plus-btn {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 58px;
		height: 58px;
		display: block;
		font-size: 0;
		background: url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/common/btn_plus.png") no-repeat center/contain;
		transition: bottom .22s ease, background .22s ease;
	}
	
	.float-quick-menu.scrolled .plus-btn {
		bottom: 59px;
	}
	
	.float-quick-menu.open .plus-btn {
		background: url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/common/btn_close.png") no-repeat center/contain;
	}
	
	.float-quick-menu .quick-menu .top-btn {
		position: absolute;
		right: 6px;
		bottom: 0;
		width: 50px;
		height: 50px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(8px);
		transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
	}
	
	.float-quick-menu.scrolled .quick-menu .top-btn {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
		transition: opacity .22s ease, transform .22s ease;
	}
	
	.float-quick-menu .quick-menu-list li {
		opacity: 0;
		transform: translateY(6px);
		transition: opacity .2s ease, transform .2s ease;
	}
	
	.float-quick-menu.open .quick-menu-list li {
		opacity: 1;
		transform: none;
	}
	
	.float-quick-menu.open .quick-menu-list li:nth-child(1) {
		transition-delay: .02s;
	}
	
	.float-quick-menu.open .quick-menu-list li:nth-child(2) {
		transition-delay: .06s;
	}
	
	.float-quick-menu.open .quick-menu-list li:nth-child(3) {
		transition-delay: .10s;
	}
	
	.float-quick-menu.open .quick-menu-list li:nth-child(4) {
		transition-delay: .14s;
	}
	
	.float-quick-menu .kakao .quick-icon {
		background-image: url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/common/kakao.png");
	}
	
	.float-quick-menu .cs .quick-icon {
		background-image: url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/common/msg.png");
	}
	
	.float-quick-menu .call .quick-icon {
		background-image: url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/common/call.png");
	}
	
	.float-quick-menu .map .quick-icon {
		background-image: url("https://img.megastudy.net/campus/library/v2015_mob/asset/img/common/map.png");
	}
	
	.float-quick-menu .map .map-link.pc {
		display: none;
	}
	
	.float-quick-menu .map .map-link.mo {
		display: flex;
	}
	
	.float-quick-menu .quick-menu .quick-menu-list li.call {
		display: block;
	}
}

@media screen and (max-width: 479px) {
	.container .branch-switch {
		gap: 2.8vw;
		padding-left: 3.4vw;
	}
	
	.container .branch-switch .branch-item {
		font-size: 4vw;
		letter-spacing: -0.1vw;
		padding-right: 3vw;
	}
	
	.container .branch-switch .branch-item:not(:last-child)::after {
		height: 4vw;
	}
	
	.container .branch-switch .branch-item .icon-link {
		width: 4.5vw;
		height: 4.5vw;
		margin-left: 0.8vw;
	}
}