@charset "utf-8";

/* ============================================================
	.
	. cspage style
	.
=============================================================== */
.boardpage .global-contact header { display: none; }
.boardpage {
	--page-section-padding: 9rem 0;
	--page-section-padding-narrow: 5rem 0;
}
.boardpage .layout-title { width: 900px; margin: 0 auto; }
.boardpage .layout-contents { width: 900px; margin: 0 auto; }
.boardpage .layout-data { width: 1300px; margin: 0 auto; }
.boardpage .layout-slider { width: 1300px; margin: 0 auto; }
.boardpage .layout-slider .slider-control,
.boardpage .layout-data .slider-control { width: 900px !important; margin: 0 auto; }

@media (max-width: 567.98px) {
	.boardpage {
		--page-section-padding: 5.5rem 0;
		--page-section-padding-narrow: 4rem 0;
	}
	.boardpage .layout-title { width: calc(100% - 4rem); }
	.boardpage .layout-contents { width: calc(100% - 4rem); }
	.boardpage .layout-data { width: calc(100% - 4rem); }
	.boardpage .layout-data .slider-control { width: 100% !important; }
	.boardpage .layout-slider { width: 100%; }
	.boardpage .layout-slider .slider-control { width: calc(100% - 4rem) !important; }
	.boardpage .layout-slider .swiper-slide:first-child { margin-left: 3rem !important; }
	.boardpage .layout-slider .swiper-slide:last-child { margin-right: 3rem !important; }
	.boardpage .footerArea .container { width: calc(100% - 4rem) !important; }
	.boardpage .sitemap .sitemap-slider .swiper-slide:first-child { margin-left: 2rem !important; }
	.boardpage .sitemap .sitemap-slider .swiper-slide:last-child { margin-right: 2rem !important; }
	.boardpage .sitemap .sitemap-slider .slider-control { width: calc(100% - 4rem) !important; }
}
@media (min-width: 568px) and (max-width: 767.98px) {
	.boardpage .layout-title { width: calc(100% - 8rem); }
	.boardpage .layout-contents { width: calc(100% - 8rem); }
	.boardpage .layout-data { width: calc(100% - 8rem); }
	.boardpage .layout-data .slider-control { width: 100% !important; }
	.boardpage .layout-slider { width: 100%; }
	.boardpage .layout-slider .slider-control { width: calc(100% - 8rem) !important; }
	.boardpage .layout-slider .swiper-slide:first-child { margin-left: 4rem !important; }
	.boardpage .layout-slider .swiper-slide:last-child { margin-right: 4rem !important; }
	.boardpage .footerArea .container { width: calc(100% - 12rem) !important; }
	.boardpage .sitemap .sitemap-slider .swiper-slide:first-child { margin-left: 6rem !important; }
	.boardpage .sitemap .sitemap-slider .swiper-slide:last-child { margin-right: 6rem !important; }
	.boardpage .sitemap .sitemap-slider .slider-control { width: calc(100% - 12rem) !important; }
}
@media (min-width: 768px) and (max-width: 999.98px) {
	.boardpage .layout-title { width: calc(100% - 10rem); }
	.boardpage .layout-contents { width: calc(100% - 10rem); }
	.boardpage .layout-data { width: calc(100% - 10rem); }
	.boardpage .layout-data .slider-control { width: 100% !important; }
	.boardpage .layout-slider { width: 100%; }
	.boardpage .layout-slider .slider-control { width: calc(100% - 10rem) !important; }
	.boardpage .layout-slider .swiper-slide:first-child { margin-left: 5rem !important; }
	.boardpage .layout-slider .swiper-slide:last-child { margin-right: 5rem !important; }
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.boardpage .layout-title { width: calc(100% - 12rem); }
	.boardpage .layout-contents { width: calc(100% - 12rem); }
	.boardpage .layout-data { width: calc(100% - 12rem); }
	.boardpage .layout-data .slider-control { width: 100% !important; }
	.boardpage .layout-slider { width: 100%; }
	.boardpage .layout-slider .slider-control { width: calc(100% - 12rem) !important; }
	.boardpage .layout-slider .swiper-slide:first-child { margin-left: 6rem !important; }
	.boardpage .layout-slider .swiper-slide:last-child { margin-right: 6rem !important; }
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
	.boardpage .layout-title { width: 750px; margin: 0 auto; }
	.boardpage .layout-contents { width: 750px; margin: 0 auto; }
	.boardpage .layout-data { width: 1050px; margin: 0 auto; }
	.boardpage .layout-slider { width: 1050px; margin: 0 auto; }
	.boardpage .layout-slider .slider-control,
	.boardpage .layout-data .slider-control { width: 750px !important; margin: 0 auto; }
}
@media (min-width: 1300px) and (max-width: 1399.98px) {
	.boardpage .layout-title { width: 800px; margin: 0 auto; }
	.boardpage .layout-contents { width: 800px; margin: 0 auto; } 
	.boardpage .layout-data { width: 1100px; margin: 0 auto; }
	.boardpage .layout-slider { width: 1100px; margin: 0 auto; }
	.boardpage .layout-slider .slider-control,
	.boardpage .layout-data .slider-control { width: 800px !important; margin: 0 auto; }
}
@media (min-width: 1400px) and (max-width: 1499px) {
	.boardpage .layout-title { width: 850px; margin: 0 auto; }
	.boardpage .layout-contents { width: 850px; margin: 0 auto; } 
	.boardpage .layout-data { width: 1150px; margin: 0 auto; }
	.boardpage .layout-slider { width: 1150px; margin: 0 auto; }
	.boardpage .layout-slider .slider-control,
	.boardpage .layout-data .slider-control { width: 850px !important; margin: 0 auto; }
}

/* ==============================
	origin
================================= */
.beofre_after .tmenu li:last-child { display:none; }

/* ==============================
	page common
================================= */
.boardpage { position: relative; }
.boardpage .page-header-bg { 
	background-repeat: no-repeat;
	background-position: center top;
	animation: boardpagebg 1s ease-out 1 forwards;
	background-size: auto 100%; /* 다시 원래 크기로 돌아감 */
	opacity: 0.5;
	height: inherit;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
}
@keyframes boardpagebg {
	0% {
		background-size: auto 120%; /* 기본 크기 */
	}
	100% {
		background-size: auto 100%; /* 다시 원래 크기로 돌아감 */
	}
}
.boardpage .page-header-bg.cscenter-header-01 { background-image: url('/imgs/subpage/cscenter/cscenter-header-01.jpg'); }
.boardpage .page-header-bg.cscenter-header-02 { background-image: url('/imgs/subpage/cscenter/cscenter-header-02.jpg'); }
.boardpage .page-header-bg.cscenter-header-03 { background-image: url('/imgs/subpage/cscenter/cscenter-header-03.jpg'); }
.boardpage .page-header-bg.cscenter-header-04 { background-image: url('/imgs/subpage/cscenter/cscenter-header-04.jpg'); }
.boardpage .footer-space .beige { display: none; }

.boardpage .sub article {
	margin: 0 auto !important;
} /* old */
.boardpage { 
	width: auto;
	height: auto;
	min-width: 360px;
}
.boardpage .page-header {
	position: relative;
	box-sizing: border-box;
	color: #fff;
	background-color: #000000;
	height: 32rem;
}
.boardpage .page-header .page-title {
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1.3;
	text-transform: capitalize;
	padding-right: 0;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	position: absolute;
	z-index: 2;
	bottom: 5rem;
	left: 50%;
	transform: translateX(-50%);
}
.boardpage .page-subject {
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: 600;
	backdrop-filter: blur(20px);
	padding: 5rem 0;
	background-color: rgba(25, 61, 61, 0.8);
	color: var(--color-point);
	background-image: url('/imgs/main/bg-logo.png');
	background-size: contain; 
}
.boardpage .faq-tab {
	display: grid;
	grid-template-columns: repeat(5, 1fr);	
}
.boardpage .faq-tab a {
	border: 1px solid #ddd;
	padding: 1rem;
	margin-left: -1px;
	line-height: 1.2;
}

@media (max-width: 567.98px) {
	.boardpage #warp { padding-bottom: 0 !important; }
	.boardpage .page-header {
		padding-bottom: 3rem;
		height: 24rem;
	}
	.boardpage .page-header .page-title {
		font-size: 2.6rem;
		padding-right: 10%;
	}
	.boardpage .faq-tab {
		display: grid;
		grid-template-columns: repeat(2, 1fr);	
	}
	.boardpage .faq-tab a {
		margin-top: -1px;
		margin-left: -1px;
		margin-left: 0;
	}
}
@media (min-width: 568px) and (max-width: 999.98px) {
	.boardpage .page-header-bg { 
		background-size: auto 70%;
	}
	.boardpage .page-header .page-title {
		padding-right: 10%;
	}
}
@media (min-width: 1000px) and (max-width: 1199.98px) {
	.boardpage .page-header-bg { 
		background-size: auto 70%;
	}
	.boardpage .page-header .container {
		padding-right: 15%;
	}
}
@media (min-width: 1200px) and (max-width: 1299.98px) {}
@media (min-width: 1300px) and (max-width: 1399.98px) {}
@media (min-width: 1400px) and (max-width: 1499px) {}


/* ============================================================
	slider common
=============================================================== */
.boardpage .swiper-pagination-progressbar-fill { background-color: #b8755a !important; }
.boardpage .swiper-container-free-mode > .swiper-wrapper { transition-timing-function : linear; }
.boardpage .swiper { padding-bottom: 2rem !important; }
.boardpage .slider-control {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 1rem;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.boardpage .swiper-scrollbar { width: 100% !important; }
.boardpage .swiper-scrollbar .swiper-scrollbar-drag { background: #cf8061; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 0 !important;
	bottom: 0 !important;
}


/* ==============================
	old style
================================= */
.bg_pink { background-color: #fff !important; }
.bg_gray { background-color: #fff !important; }

.boardpage .global-contact header {
	display: none;
}
.enquirypage .sub article {
  padding: 0 0 130px !important;
}
.boardpage select {background:url('/img/btn/select_more.png')no-repeat 97% center;}
.boardpage .join .member_join_table input[type="text"], input[type="password"], select { padding: 0 10px !important; }
.boardpage .contactus .member_join_table select + textarea { height: 200px; }
.boardpage .txt-article {
	font-size: 1.1rem;
	line-height: 1.5;
	margin-bottom: 2rem;
	font-weight: 800;
	color: var(--color-locationblue);
}