@charset "utf-8";
/* common class */
:root {
	--hh: 8.25rem;
}

/* show/hide */
.v1920, .v1600, .v1440, .v1280, .v1024, .v800, .v600, .v480, .v320 { display: none !important;}
@media screen and (max-width: 1920px) {
	.v1920 { display: block !important; }
	.v1920_none { display: none !important; }
}
@media screen and (max-width: 1600px) {
	.v1600 { display: block !important; }
	.v1600_none { display: none !important; }
}
@media screen and (max-width: 1440px) { 
	.v1440 { display: block !important; }
	.v1440_none { display: none !important; }
}
@media screen and (max-width: 1280px) { 
	.v1280 { display: block !important; }
	.v1280_none { display: none !important; }
}
@media screen and (max-width: 1024px) {
	.v1024 { display: block !important; }
	.v1024_none { display: none !important; }
}
@media screen and (max-width: 800px) { 
	.v800 { display: block !important; }
	.v800_none { display: none !important; }
}
@media screen and (max-width: 600px) { 
	.v600 { display: block !important; }
	.v600_none { display: none !important; }
}
@media screen and (max-width: 480px) { 
	.v480 { display: block !important; }
	.v480_none { display: none !important; }
}
@media screen and (max-width: 320px) { 
	.v320 { display: block !important; }
	.v320_none { display: none !important; }
}

/* color */
.c-yellow {
	color: #f0ff00 !important;
}
.c-point {
	color: #07d2ea !important;
}
.c-point2 {
	color: #0073ae !important;
}

/* 리스트 스타일 */
.c-middot-list > li {position: relative;padding-left: 1.25rem;font-size: 1.125rem;font-weight: normal;line-height: 1.6;letter-spacing: -0.9px;}
.c-middot-list > li:after {position: absolute;top: 0.6875rem;left: 0;width: 8px;height: 8px;border-radius: 100%;background-color: #008581;content:'';}
.c-middot-list > li+li {margin-top: 0.375rem;}
.dash-list > li {position: relative;padding-left: 1rem;font-size: 1.125rem;font-weight: normal;line-height: 1.6;letter-spacing: -0.9px;}
.dash-list > li:after {position: absolute;top: 0.875rem;left: 0;width: 6px;height: 1px;background-color: #333;content:'';}
.dash-list > li+li {margin-top: 0.375rem;}

/* 비디오 */
.video {position: relative;width: 100%;margin:0 auto;border:3px solid #008581;box-sizing: border-box;}/* 임시 색상 */
.video:after {display: block;padding-top: 56.4%;content: "";}
.video.no-border {border:none;}
.video .post-play {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 100;}
.video .post-play:after {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.6);content: url(/resource/images/play2.png);}
.video .post-play img {width: 100%;height: 100%;}
.video .post {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 100;}
.video .post img {width: 100%;height: 100%;}
.video iframe,
.video object,
.video embed,
.video video,
.video .video-file {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
iframe,
video {max-width: 100%;}

/* 반응형 카카오맵 */
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.root_daum_roughmap .cont {display: none !important;}

/* Top */
#top {
	display: none;
	position: fixed;
	right: 1.5rem;
	bottom: 2rem;
	width: 4.6875rem;
	height: 4.6875rem;
	z-index: 1000;
}

/* Popup */
#popSlide {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

#popSlide.visible {
	visibility: hidden;
	opacity: 0;
	pointer-events: none; /* 클릭 방지 */
	z-index: -1;
}
#popSlide .pop-wrap {
	width: 100%;
	max-width:36.875rem;
}
#popSlide .pop-head {
	position: relative;
	width: 100%;
	margin-bottom: 1.75rem;
}
#popSlide .pop-head h1 {
	color: #fff;
	font-size: 3.125rem;
	text-align: center;
}
#popSlide .pop-head .close {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 4.375rem;
	width: 2.625rem;
	height: 2.625rem;
	text-indent: -99999px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='43px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M41.985,40.851 L39.851,42.985 L20.744,23.878 L2.262,42.360 L0.140,40.238 L18.622,21.756 L0.015,3.149 L2.149,1.015 L20.756,19.622 L39.738,0.640 L41.860,2.762 L22.878,21.744 L41.985,40.851 Z'/%3E%3C/svg%3E");
	background-size: cover;
	transform: translateY(-50%);
}
#popSlide .pop-body {
	position: relative;
	padding: 0 4.375rem;
}
#popSlide .pop-body .swiper-slide img {
	width: 100%;
}
#popSlide .pop-body .dayCheck {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.875rem;
	padding: 1.125rem 0;
	background-color: #242424;
}
#popSlide .pop-body .dayCheck input {
	width: 1rem;
	height: 1rem;
}
#popSlide .pop-body .dayCheck label {
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
}

/* Header */
.nav-up {
	transform: translateY(-100.1%);
	transition: transform 0.2s;
}

.nav-down {
	transition: transform 0.2s;
}
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--hh);
	padding: 0 5rem;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	z-index: 1001;
}
header .logo {
	margin-right: 4.375rem;
}
header .popBell {
	position: relative;
	width: 2.75rem;
	height: 2.75rem;
	margin-left: auto;
	background-image: url(/resource/images/icon/ic_bell.png);
	background-repeat: no-repeat;
	background-size: cover;
}
header .popBell span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	width:1.25rem;
	height:1.25rem;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	border-radius: 100%;
}
#gnb {
	align-items: center;
	height: 100%;
}
#gnb .dep1 {
	display: flex;
	gap: 4.375rem;
	height: 100%;
}
#gnb .dep1-item {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}
#gnb .dep1-link {
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -1.2px;
}
#gnb .dep1-item:hover .dep1-link {
	color: #0073ae;
}
#gnb .dep2 {
	display: none;
	flex-direction: column;
	gap: 1.125rem;
	position: absolute;
	top: 99%;
	left: 50%;
	padding: 2rem 3.25rem;
	border-top: 0.25rem solid #0073ae;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	transform: translateX(-50%);
}
#gnb .dep2-link {
	display: block;
	width: 100%;
	font-size: 1.25rem;
	text-align: center;
	white-space: nowrap;
}
#gnb .dep2-link:hover {
	color: #0073ae;
	font-weight: 700;
}

#ham {
	display: none;
	width: calc(3.875rem / 2);
	height: 1.5rem;
	text-indent: -9999999px;
	background-image: url(/resource/images/icon/ic_ham.png);
	background-size: cover;
}


/* Footer */
footer {
	width: 100%;
	padding: 4.5rem 1rem;
	text-align: center;
	background-color: #0073ae;
}
footer .f-logo {
	margin-bottom: 3.75rem;
}
footer .f-info {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.5rem;
}
footer .f-info span {
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-size: 1.375rem;
}
footer .f-info span:not(:first-child):before {
	width: 1px;
	height: 1rem;
	margin: 0 0.825rem;
	background-color: #fff;
	content:'';
}
#fnb {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3.75rem;
}
#fnb li {
	display: inline-flex;
	align-items: center;
}
#fnb li:not(:first-child):before {
	width: 1px;
	height: 1rem;
	margin: 0 0.825rem;
	background-color: #fff;
	content:'';
}
#fnb li a {
	color: #fff;
	font-size: 1.375rem;
}

@media screen and (max-width:1680px) {
	header .logo img {
		height: 2rem;
	}
	header .popBell {
		width: 2rem;
		height: 2rem;
	}
	header .popBell span {
		width: 0.825rem;
		height: 0.825rem;
		font-size: 0.625rem;
	}
	#gnb .dep1 {
		gap: 3.375rem;
	}
	#gnb .dep1-link {
		font-size: 1.25rem;
	}
	#gnb .dep2-link {
		font-size: 1.125rem;
	}
}
@media screen and (max-width:1480px) {
	header {
		padding: 0 3rem;
	}
}
@media screen and (min-width:1281px) {
	#gnb {
		display: flex !important;
	}
	#gnb .dep1-item:hover .dep1-link + .dep2 {
		display: flex !important;
	}
}
@media screen and (max-width:1280px) {
	:root {
		--hh: 5rem;
	}

	#top {
		bottom: 1rem;
		right: 0.5rem;
		width: 2.6875rem;
    	height: 2.6875rem;
	}

	header {
		padding: 0 1rem;
	}

	#gnb {
		display: none;
		position: fixed;
		top: var(--hh);
		left: 0;
		height: calc(100vh - var(--hh));
		width: 100%;
		background-color: #052f66;
	}
	#gnb .dep1 {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		width: 100%;
	}
	#gnb .dep1-item {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
	}
	#gnb .dep1-link {
		color: #fff;
	}
	#gnb .dep1-item:hover .dep1-link {
		color: #fff;
	}
	#gnb .dep2 {
		display: none;
		position: static;
		/* gap: 0.5rem 0; */
		width: 100%;
		margin-top: 1rem;
		padding: 0;
		border-top: none;
		box-shadow: none;
		background-color: transparent;
		transform: translateX(0);
	}
	#gnb .dep1-item:hover .dep1-link + .dep2 {
		display: none;
	}
	#gnb .dep2-item {
		width: 100%;
	}
	#gnb .dep2-item + .dep2-item {
		margin-top: 0.5rem;
	}
	#gnb .dep2-link {
		color: #648cbf;
		font-weight: bold;
	}

	#ham {
		display: block;
		margin-left: 2rem;
	}
}
@media screen and (max-width:1024px) {
	footer .f-info.fi-1 {
		flex-direction: column;
	}
	footer .f-info.fi-1 span:before {
		display: none;
	}
}
@media screen and (max-width:800px) {
	#popSlide .pop-head h1 {
		font-size: 1.5rem;
	}
	#popSlide .pop-head {
		margin-bottom: 1rem;
	}
	#popSlide .pop-head .close {
		width: 1.5rem;
		height: 1.5rem;
		right: 2.125rem;
		background-size: 100% 100%;
	}
	#popSlide .pop-body {
		padding: 0 2.125rem;
	}
	#popSlide .pop-body .dayCheck {
		padding: 1rem 0;
	}
	#popSlide .pop-body .dayCheck label {
		font-size: 0.875rem;
	}
	#popSlide .pop-body .dayCheck input {
		width: 0.875rem;
		height: 0.875rem;
	}
	#popSlide  .swiper-button-next {
		right: 0.25rem;
	}
	#popSlide  .swiper-button-prev {
		left: 0.25rem;
	}
	#popSlide  .swiper-button-next:after, 
	#popSlide  .swiper-button-prev:after {
		font-size: 1.5rem;
	}

	#gnb .dep1-link {
		font-size: 1.125rem;
	}
	#gnb .dep2-link {
		font-size: 1rem;
	}
	#ham {
		margin-left: 1.25rem;
	}

	footer {
		padding: 3.125rem 1rem;
	}
	footer .f-logo {
		margin-bottom: 1.625rem;
	}
	footer .f-logo img {
		width: 7.75rem;
	}
	footer .f-info {
		margin-top: 0;
	}
	footer .f-info span {
		font-size: 0.875rem;
		line-height: 1.6;
	}
	footer .f-info span:not(:first-child):before {
		height: 0.625rem;
		margin: 0 0.5rem;
	}
	footer .f-info.fi-2 {
		flex-wrap: wrap;
	}
	footer .f-info.fi-2 span:last-child {
		display: block;
		width: 100%;
		text-align: center;
	}
	footer .f-info.fi-2 span:last-child:before {
		display: none;
	}

	#fnb {
		margin-top: 2.125rem;
	}
	#fnb li a {
		font-size: 0.875rem;
	}
	#fnb li:not(:first-child):before {
		height: 0.625rem;
		margin: 0 0.5rem;
	}
}