@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

/* fonts.css */
@font-face {
  font-family: 'Edensor';
  src:
    url('/fonts/edensor.woff') format('woff'),
    url('/fonts/edensor.ttf') format('truetype'),
    url('/fonts/edensor.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  /* 필요하면 아래처럼 로컬 설치 폰트명도 탐색 가능
  local('Edensor'), local('Edensor Regular'),
  */
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-moz-selection {background: #000000; /*메인색*/ color: #e6e6e6;text-shadow: none;}
::selection {background: #000000; color: #e6e6e6; text-shadow: none;}
html, body, div, span, object, iframe, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, legend, caption, table, tbody, thead, tfoot, tr, th, td, summary, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, b, i, a, small, menu, nav, section, time, mark, audio, video, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, button {margin:0;padding:0; border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;color:inherit;letter-spacing: -1px;}
dl,ul,ol,menu,li {list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
input,select,textarea,button {font-family:"Noto Sans KR";background:none; vertical-align: middle;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #bbb !important;}
img {border:0; max-width:100%}
table {border-collapse:collapse; table-layout: fixed;}
a {text-decoration:none;}
a:hover {transition:.3s all ease}
blockquote {font-style:italic;border-left:5px #000 solid; padding-left:20px;margin:40px 20px;}
div,p {word-break:keep-all;}
b, strong {font-weight:700;}
html{font-size:16px;scroll-behavior: smooth;}
body {color:#333; font-family:"Noto Sans KR","Apple SD Gothic NEO",dotum,sans-serif; background:#fff;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;}

:root {
	--main-color: #a58c59;
	--table-bg-color: #f5f1ee;
	--gold-font: #a58c59;
	--green-font: #667b74;
}
.no_scroll {overflow: hidden;}
.mo_none {display: block !important;}
.mo_flex_none {display: flex !important;}
.pc_none {display: none !important;}
.pc_flex_none {display: none !important;}
.m_auto {margin: 0 auto;}
.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}
.mt1 {margin-top: 1rem;}
.mt2 {margin-top: 2rem;}
.mt3 {margin-top: 3rem;}
.mb1 {margin-bottom: 1rem;}
.mb2 {margin-bottom: 2rem;}
.mb3 {margin-bottom: 3rem;}
.col1 {width: calc(100%/12);}
.col2 {width: calc(100%/6);}
.col3 {width: calc(100%/4);}
.col4 {width: calc(100%/3);}
.col6 {width: calc(100%/2);}
.flex {display: flex;}

.gold-font {color: var(--gold-font);}
.green-font {color: var(--green-font);}

.select_style1 {
	padding: 1rem 2rem 1rem 1rem;
	background-color: var(--table-bg-color);
}
.select_style2 {
	border: 1px solid #ccc;
	padding: 0.75rem 2rem 0.75rem 1rem;
}
.input_search {
    display: flex;
    align-items: center;
    background: var(--table-bg-color);   /* 이미지 배경색 느낌 */
    border: 1px solid #eee;
    padding: 0.3rem 0.75rem;
    max-width: 250px; /* 필요시 조절 */
    border-radius: 3px;
}
.input_search input {
    border: none;
    background: transparent;
    flex: 1;
	min-width: 0;       /* 버튼 영역 침범 방지 */
    font-size: 1rem;
    outline: none;
}
.input_search button {
    background: none;
    border: none;
    cursor: pointer;
	flex-shrink: 0;     /* 버튼 크기 고정 */
    padding: 0;
}
.input_search button img {
    width: 1rem;        /* 크기 명시 */
    height: 1rem;
    display: block;     /* inline 이미지 여백 제거 */
}
input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:checked + label:before {
	background-image: url('/images/common/icon_check.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
input[type="radio"]:checked + label:before {
	background-image: url('/images/common/icon_check.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;	
}
.btn_style1 {
	display: inline-block;
	color: #fff;
	font-size: 1.1rem;
	padding: 0.75rem 4rem;
	background-color: var(--main-color);
	cursor: pointer;
}
.btn_style2 {
	font-size: 1rem;
	border-radius: 2rem;
	padding: 1rem 3rem;
	background-color: #fff;
	cursor: pointer;
}
.btn_submit {
	background-color: #a58c59;
	height: 4rem;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	position: relative;
	width: 100%;
	margin-bottom: 1rem;
	font-weight: 600;
}
.btn_submit i {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1rem;
	width: 2.1rem;
	height: 2.1rem;
	margin: auto;
	background-image: url('/images/common/btn_enter.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.textarea_style1 {
	width: 100%;
	border: 1px solid #ccc;
	padding: 2rem;
}

.tbl_basic {
	width: 100%;
	font-size: 1.1rem;
	border-top: 2px solid var(--main-color);
}
.tbl_basic td, 
.tbl_basic th {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #c6c6c6;
	padding: 1rem;
}
.tbl_basic th {background-color: var(--table-bg-color);}
.tbl_basic td {text-align: center;}
.tbl_basic .type_wait {color: #bbbbbb;}
.tbl_basic .type_pending {color: #a5987c;}
.tbl_basic .type_complete {color: var(--main-color);}

.tbl_reservation {
	width: 100%;
	font-size: 1.1rem;
}

.tbl_reservation td, 
.tbl_reservation th {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #c6c6c6;
	padding: 1rem;
}
.tbl_reservation th {text-align: left; padding-left: 3rem;}
.tbl_reservation select,
.tbl_reservation input[type='text'] {font-size: 1.1rem;}

#html_element, #html_element2 {
	margin:0 auto;
	display: flex;
	justify-content: center;
}


/************** pop *************/
	/*메인팝업*/
	#div_laypopup{
		display:none;
		position:absolute;
		top: 50%;
		left: 50%;
		max-width:600px;
		color:white;
		text-align:center;
		z-index:5;
		box-shadow:0 0 20px #000;
		transition: 1s all ease;
		transform: translateX(-50%) translateY(-50%);
	}	
	.todayClose {
		position: absolute;
		right: 6px;
		bottom: 5px;
		margin: 0;
		padding: 0;
		color: #fff;
		text-shadow: 0 0 5px #000;
		z-index: 100;
	}
	.todayClose input{vertical-align:middle;}
	.justClose {
		display:inline-block;
		font-size: 0.9em;
		color:#000;
		cursor:pointer;
		line-height: 1.2em;
		border:1px solid #ccc;
		padding:0px 2px 1px 2px;
		margin-left:3px;
		margin-top:2px;
		background-color:#FFF;
		text-shadow:none;
	}

	#overlay_t {
		position: fixed; right: 0; top: 0; bottom: 0; left: 0; 
		opacity: 0.7; 
		filter: alpha(opacity = 50); /* IE7 & 8 */ 
		background-color: #000; 
		z-index: 99; 
		display:none;
	}
	.popup_layer {
		position:absolute; top:100px; left:0; right: 0;
		display:none;
		width:90vw; 
		max-width:1200px;
		border:solid 1px #ccc; 
		box-shadow: 0px 1px 20px #333; 
		padding: 3vw 3vw 1vw;
		margin: 0 auto;
		background-color: #eeeeee;
		z-index:100;
	}
	.popup_layer input::-moz-placeholder {color: #000;}
	.popup_layer .close{position: absolute; top:3%; right:2%;cursor: pointer;}

/****************************/

/********* quickbar **********/
	#quick_right {
		position: fixed;
		right: 20px;
		top: 13%;
		z-index: 9;
		text-align: center;
		padding-top: 1rem;
		border: 1px solid #e2d6be61;
		border-radius: 3rem;
		background-color: #ffffffe5;
	}
	#quick_right li {
		padding: 0.5rem;
		margin-bottom: 1rem;
		cursor: pointer;
	}
	#quick_right li.last {
		padding: 0;
		margin-bottom: 0;
	}
	#quick_right li img{transform: scale(0.75);}
	#quick_right li.last img {
		width: 100%;
		transform: translateY(6px);
	}
	#quick_right li span {
		display: block;
		font-weight: 500;
	}
	#quick_right_mo {
		display: none;
		position: fixed;
		right: 2.5%;
		bottom: 5%;
		z-index: 9;
		text-align: center;
	}
	#quick_right_mo li {
		border: 1px solid #e2d6be61;
		border-radius: 100%;
		padding: 0.75rem;
		background-color: #fff;
		margin-bottom: 0.5rem;
		width: 4rem;
		height: 4rem;
		display: flex;
		align-items: center;
	}
	#quick_right_mo li.last {
		color: #fff;
		font-weight: 600;
		font-size: 1.25rem;
		background-color: var(--main-color);
	}

/****************************/

/********* header **********/
	#header {transition: .3s all ease;}
	#header.fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 21;
		margin: 0 auto;
		background-color: #fff;
	}
	#header .gnb {
		display: flex;
		width: min(1740px, 95%);
		padding: 2rem 0;
		margin: 0 auto;
		justify-content: space-between;
		align-items: center;
	}	
	#header #btn-counsel {
		position: absolute;
		left: 6%;
		width: 9%;
	}
	#header #quickmenu {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		padding: 15px 10px;
		width: 90px;
		z-index: 993;
		background: #fff9d9;
	}
	#header #quickmenu .util {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}
	#header #quickmenu .util ul {padding: 0 10px;}
	#header #quickmenu .util ul li {
		position: relative;
		padding: 15px 0;
		border-top: solid 1px rgba(0, 0, 0, 0.25);
	}
	#header #quickmenu .util ul li:first-child {border: 0;}
	#header #quickmenu .util ul li.on:after {
		content: "";
		display: block;
		position: absolute;
		right: -15px;
		top: 50%;
		width: 18px;
		height: 23px;
		background: url("../images/common/icon_point_arrow.png") 50% 50% no-repeat;
		transform: translate(0, -50%);
	}
	#header #quickmenu .util ul li a {
		display: block;
		color: #2e2e2e;
		font-size: 12px;
		line-height: 15px;
		text-align: center;
		padding-top: 50px;
		background-size: 50% auto;
		background-repeat: no-repeat;
		background-position: top center;
	}
	#header #quickmenu .util ul li a.icon-kakao {background-image: url("../images/common/icon_kakao_q.png") }
	#header #quickmenu .util ul li a.icon-counsel {background-image: url("../images/common/icon_counsel_q.png") }
	#header #quickmenu .util ul li a.icon-price {background-image: url("../images/common/icon_price_q.png") }
	#header #quickmenu .util ul li a.icon-model {background-image: url("../images/common/icon_model_q.png") }
	#header #quickmenu .util ul li a.icon-map {background-image: url("../images/common/icon_map_q.png") }
	#header #quickmenu .util ul li a.icon-tel {background-image: url("../images/common/icon_tel_q.png") }

	#header #quickmenu .detail {
		position: fixed;
		left: 90px;
		right: 0;
		width: auto;
		max-width:678px;
		top:0;
		bottom: 0;
		background-color: #fff;
	}
	#header #quickmenu .detail > ul > li {
		display: none;
		text-align: left;
	}
	#header #quickmenu .detail > ul > li h3 {
		width: 100%;
		color: #fff;
		font-size: 2rem;
		line-height: 65px;
		font-weight: 500;
		text-align: center;
		background-color: #42465a;
	}
	#header #quickmenu .detail > a.close {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 65px;
		height: 65px;
		background: url("../images/common/header_close.png") 50% 50% no-repeat;
	}
	#header #quickmenu .detail > ul > li.show {display: block;}
	#header #quickmenu .detail-wrap {padding: 40px 20px;}
	#header #quickmenu .detail-wrap input[type='text'] {
		width: 100%;
		border: 1px solid #BEBEBE;
		padding: 0.75rem;
	}
	#header #quickmenu .detail-wrap select {
		width: 100%;
		color: gray;
		padding: 0.75rem;
	}
	#header #quickmenu .detail-wrap textarea{
		width: 100%;
		border: 1px solid #bebebe;
		padding: 0.75rem;
	}
	#header #quickmenu .detail-wrap .privacy {margin-top: 1rem;}
	#header #quickmenu .detail-wrap .privacy span{
		font-size: 1.25rem;
		vertical-align: middle;
		margin-left: 0.5rem;
	}
	#header #quickmenu .detail-wrap .privacy .btn-agree{
		font-size: 1rem;
		font-weight: 600;
		vertical-align: middle;
	}
	#header #quickmenu .detail-wrap .btn-submit-wrap {
		text-align: center;
		margin-top: 2rem;
	}
	#header #quickmenu .detail-wrap .btn-submit-wrap button{
		font-size: 1.5rem;
		font-weight: 600;
		color: #fff;
		border-radius: 10px;
		padding: 0.5rem 3rem;
		background-color: #8b816c;
		cursor: pointer;
	}	
	#header .gnb .icons {flex:1; display: flex;}
	#header .gnb .icons li {margin-right: 0.5rem;}
	#header .gnb .icons li a {
		width: 3rem;
		display: inline-block;
	}
	#header .gnb .logo {flex:1}
	#header .gnb .logo {
		position: relative;
		max-width: min(219px, 37%);
		z-index: 20;
	}
	#header .gnb .mypage {
		flex:1; 
		display: flex;
		justify-content: right;
	}
	#header .gnb .mypage li {margin-left: 1rem;}
	#header .gnb .mypage li a{
		padding: 0.25rem 1rem;
		color: var(--main-color);
		font-weight: 600;
		border-radius: 1rem;
		background-color: #fff;
	}
	#header .gnb .mypage li a.active{
		color: #fff;
		background-color: var(--main-color);
	}
	#header .gnb .mypage li a:hover{
		color: #fff;
		background-color: var(--main-color);
	}
	#header .gnb_mobile_btn {
		display: none;
		position: absolute;
		right: 5%;
		cursor: pointer;
	}
	#header .gnb_mobile_btn img {width: min(35px, 75%);}

	#header .lnb {
		display: flex;
		justify-content: center;
	}
	#header .lnb > ul {display: flex;}
	#header .lnb > ul > li {
		position: relative;
		color: #191919;
		font-size: 1.25rem;
		border-bottom: 3px solid #fff;
		padding: 1rem;
		margin: 0 1rem;
		transition-duration: 0.5s;
	}
	#header .lnb > ul > li:hover{
		color: #8b816c;
		border-bottom: 3px solid #8b816c;
	}
	#header .lnb > ul > li.gnb_menu_btn {
		border-bottom-color:#fff !important;
		cursor: pointer;
	}
	#header .lnb > ul > li:hover .snb {
		visibility: visible;
		opacity:1;
	}
	#header .lnb > ul > li:hover .snb li {	transform: translateY(0);}

	#header .snb {
		display: flex;
		visibility: hidden;
		opacity:0;
		position: absolute;
		left: 0;
		top: 100%;
		color: #191919;
		padding: 1rem 1rem 1rem 0;
		z-index: 3;
	}
	#header .snb li {
		white-space: nowrap;
		font-size: 1.1rem;
		margin-right: 1.5rem;
		transform: translateY(-1rem);
		transition-duration: 0.5s;
	}
	#header .snb li:hover {color: #8b816c;}
	#header .snb_bg {
		position: absolute;
		display: none;
		width: 100%;
		height: 3.75rem;
		background-color: #fffa;
		z-index: 2;
	}
	#header .snb_bg.active {display: block;}

	#gnb_all {
		display: block;
		visibility: hidden;
		position: absolute;
		width: 100%;
		background: transparent;
		z-index: 11;
		left: 0;
		top: 0;
		height: 100vh;
		transition: 0.5s linear;
		opacity: 0;
		overflow-y: scroll;
	}
	#gnb_all.active {
		visibility: visible;
		opacity: 1;
		transition: 0.5s linear;
	}
	#gnb_all .gnb_all_close {
		position: absolute;
		right: 10%;
		top: 10%;
		cursor: pointer;
		z-index: 11;
	}
	#gnb_all .mo_login  {
		font-size: 1.5rem;
		font-weight: 600;
		color: #fff;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin-top: 90px;
	}
	#gnb_all .mo_login ul {
		display: flex;
		justify-content:center
	}
	#gnb_all .mo_login ul li {
		flex: 1;
		text-align: center;
		padding: 1rem 0px;
	}
	#gnb_all .mo_login ul li:nth-child(1) {
		border-right: 1px solid #fff;
	}
	#gnb_all .menu {
		display: flex;
		flex-wrap: wrap;
		color: #fff;
		width: 80%;
		max-width: 1160px;
		text-align: center;
		margin: 0 auto;
		padding-top: 50%;
		transform: translateY(-50%);
	}
	#gnb_all .menu > div {
		width: 20%;
		margin-bottom: 4rem;
	}
	#gnb_all .menu .tit {
		display: inline-block;
		font-size: 1.25rem;
		font-weight: 600;
		margin-bottom: 2rem;
	}
	#gnb_all .menu > div > ul {
		font-size: 1.15rem;
	}
	#gnb_all .menu > div > ul li {margin-bottom: 0.25rem;}
	#gnb_all .menu > div > ul dl {
		color: #e8d7b7;
		font-size: 1rem;
	}
	#gnb_all_bg {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
		background-color: #b6a78a;
		background-image: url('/images/common/gnb_all_bg.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 75%;
	}
	
/******************************/

/*********** index ************/
	.container1920 {
		width: 1920px;
		max-width: 100%;
		margin: 0 auto;
	}
	.container1740 {
		width: min(1740px, 90%);
		margin: 0 auto;
	}
	.container1500 {
		width: min(1500px, 90%);
		margin: 0 auto;
	}
	.container1200 {
		width: min(1200px, 90%);
		margin: 0 auto;
	}
	#titArea {
		margin: 5% 0;
		text-align: center;
	}
	#titArea h1 {font-family: "Nanum Myeongjo";}
	.section1.fixed {margin-top: 196px !important;}

	#index {overflow: hidden;}
	#index .section1 .mySwiper {
		width: 100%;
	}
	#index .section1 .swiper-slide {
		width: 100%;
		height: 100%;
	}

	/* 이미지가 슬라이드에 꽉 차도록 */
	#index .section1 .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover; /* 필요한 경우 contain으로 변경 */
		display: block;
	}

	#index .section1-pagination {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 6vh;
		width: min(177px, 70vw);
		display: flex;
		align-items: center;
		gap: 10px;
		pointer-events: none;
		z-index: 1;
	}
	#index .section1-progress {
		flex: 1;
		height: 6px;
		background: rgba(255,255,255,0.25) !important;
		border-radius: 3px;
		overflow: hidden;
	}
	#index .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #fff !important;
	}

	#index .section1-fraction {
		color: #fff;
		font-size: 1rem;
		position: absolute;
		right: -2rem;
	}

	#index .section2 {padding: 5% 0;}
	#index .section2 > div {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#index .section2 .left h2 {
		font-family: "Edensor";
		font-size: 5rem;
		letter-spacing: 2px;
		margin-bottom: 2rem;
	}
	#index .section2 .left p {
		font-size: 1.5rem;
		letter-spacing: -2px;
	}
	#index .section2 .right {display: flex;}
	#index .section2 .right li {
		margin-left: 3rem;
		cursor: pointer;
	}
	#index .section2 .right .imgBox {margin-bottom: 2rem;}
	#index .section2 .right .imgBox {overflow: hidden;}
	#index .section2 .right .imgBox img {
		display: block;
		width: 100%;
		transition: transform 0.5s ease;
	}
	#index .section2 .right .imgBox:hover img {transform: scale(1.1);}
	#index .section2 .right h3 {
		font-family: "Edensor";
		font-size: 2rem;
		letter-spacing: 2px;
		margin-bottom: 0.5rem;
	}
	#index .section2 .right p {
		font-size: 1.5rem;
	}

	#index .section3 {
		position: relative;
		text-align: center;
		padding: 5% 0;
		background-color: #e3eaef;
	}
	#index .section3 h2 {
		font-family: "Edensor";
		font-size: 5.5rem;
		letter-spacing: 2px;
		margin-bottom: 0.75rem;
	}
	#index .section3 .sub {
		font-size: 1.5rem;
		margin-bottom: 5rem;
	}
	#index .section3 .category {
		display: flex;
		justify-content: center;
		font-size: 1.3rem;
		margin-bottom: 4rem;
	}
	#index .section3 .category li {
		position: relative;
		margin-left: 1rem;
		margin-right: 1rem;
		cursor: pointer;
	}
	#index .section3 .category li:after {
		display: block;
		content: "";
		width: 1px;
		height: 1rem;
		background-color: #000;
		position: absolute;
		right: -1rem;
		top: 0.5rem;
	}
	#index .section3 .category li:last-child:after {display: none;}
	#index .section3 .youtube-swiper { 
		padding: 10px 40px;
		position: relative;
		margin-bottom: 5rem;
	}
	#index .section3 .swiper-slide { width: auto; }

	#index .section3 .yt-item {
		margin: 0 0.5rem;
		transition: transform 0.3s ease;
	}
	/* #index .section3 .yt-item:hover { transform: translateY(-1rem); } */

	#index .section3 .yt-item img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	/* 페이지네이션 progressbar 스타일 */
	#index .section3 .swiper-pagination {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: min(177px, 70vw);
		height: 4px;
		background: rgba(0,0,0,0.1);
		margin-top: 2rem;
		border-radius: 2px;
	}
	#index .section3 .swiper-pagination-progressbar-fill {
		background: #222; /* 원하는 색상 */
		border-radius: 2px;
	}

	#index .section3 .youtube-modal {
		display: none;
		position: fixed;
		left: 0; top: 0;
		width: 100%; height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 1000;
		justify-content: center;
		align-items: center;
	}
	#index .section3 .youtube-modal-content {
		position: relative;
		background: #000;
		padding: 0;
		border-radius: 10px;
		box-shadow: 0 0 20px rgba(0,0,0,0.5);
	}
	#index .section3 .youtube-close {
		position: absolute;
		top: -40px; right: -40px;
		background: none;
		border: none;
		font-size: 2rem;
		color: #fff;
		cursor: pointer;
	}
	#index .section3 .viewmore {
		margin-bottom: 5rem;
	}
	#index .section3 .marquee {
		display: flex;
		width: 200%; /* 두 줄을 이어붙이기 위해 */
		position: absolute;
		bottom: -2.6rem;
	}
	#index .section3 .marquee-content {
		display: inline-block;
		white-space: nowrap;
		font-family: "Edensor";
		font-size: 10rem;
		color: #c5d5e1;
		letter-spacing: 2px;
		animation: marquee 80s linear infinite;
	}
	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

	#index .section4 {
		position: relative;
		text-align: center;
		padding: 5% 0;
	}
	#index .section4 h2 {
		font-family: "Edensor";
		font-size: 5.5rem;
		letter-spacing: 2px;
		margin-bottom: 0.75rem;
	}
	#index .section4 .sub {
		font-size: 1.5rem;
		margin-bottom: 5rem;
	}
	#index .section4 .imgList {
		display: flex;
		text-align: left;
		gap: 2rem; /* li 간격 */
	}
	#index .section4 .imgList li {
		display: flex;
		flex-direction: column;
		gap: 2rem; /* top-bottom 간격 */
		transition: transform 0.3s ease; /* 부드러운 애니메이션 */
	}
	#index .section4 .imgList li:hover {transform: translateY(-1rem); /* 위로 10px */}
	#index .section4 .imgList .top,
	#index .section4 .imgList .bottom {position: relative;}
	#index .section4 .tit {font-weight: 600;font-size: 1.5rem;}
	#index .section4 .exp {font-size: 1.25rem;}
	#index .section4 .more {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#index .section5 {
		position: relative;
		padding: 9% 0;
		background-color: #fcf5ed;
		background-image: url('/images/index/index_bna_bg.png?v=2');
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: 90% bottom;
	}
	#index .section5 .cardWrap {
		display: flex;
	}
	#index .section5 #twentytwenty-box {margin-right: 7rem;}
	#index .section5 .twentytwenty-container {width: 498px;}
	#index .section5 #twentytwenty-box p {
		text-align: center;
		font-size: 1.5rem;
		font-weight: 200;
		margin-top: 2rem;
	}
	#index .section5 .my-view {
		display: flex;
		flex-wrap:wrap;
		width: 27%;
	}
	#index .section5 .my-view li {
		width: 50%;
		display: inline-block;
	}
	#index .section5 .my-view li a {
		position: relative;
		display: inline-block;
		border-radius: 100%;
		overflow: hidden;
	}
	#index .section5 .my-view li a.active {
		background-color: #0007;
	}
	#index .section5 .my-view li img {display: block;}
	#index .section5 .my-view li .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: white;
		font-size: 1.25rem;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		transition: opacity 0.3s;
		background: rgba(0, 0, 0, 0.5);
		cursor: pointer;
	}
	#index .section5 .titBox {
		position: absolute;
		right:5%;
		bottom:10%;
		text-align: right;
	}
	#index .section5 .tit {
		font-family: "Edensor";
		font-size: 5rem;
		letter-spacing: 2px;
	}
	#index .section5 .sub {
		font-size: 1.5rem;
	}

	#index .section6 {
		position: relative;
		text-align: center;
		padding: 5% 0;
	}
	#index .section6 h2 {
		font-family: "Edensor";
		font-size: 5.5rem;
		letter-spacing: 2px;
		line-height: 5.5rem;
		margin-bottom: 0.75rem;
	}
	#index .section6 .sub {
		font-size: 1.5rem;
		margin-bottom: 5rem;
	}
	#index .section6 .activitySwiper {margin-bottom: 3rem;}
	#index .section6 .activitySwiper .swiper-slide { height: auto; }
	#index .section6 .swiper-pagination {bottom:-5%}
	#index .section6 .swiper-pagination-bullet {
	  width: 10px;
	  height: 10px;
	  background: #ccc;
	  opacity: 1;
	  border-radius: 50%;
	  transition: all 0.3s;
	  margin: 0 6px !important;
	}
	#index .section6 .swiper-pagination-bullet-active {
	  width: 30px;
	  border-radius: 10px;
	}
	#index .section6 .swiper-button-prev,
	#index .section6 .swiper-button-next {color: #d5d5d5;}

	#index .section6 .tit {
		margin: 1rem 0;
		font-family: "Edensor";
		font-size: 3rem;
		letter-spacing: 2px;
	}
	#index .section6 .exp {margin-bottom: 3rem;}

	.intro-page .main-visual {
		position: relative;
		width: 100%;
		height: 680px;
		background: url('/images/intro/banner_introduce.jpg') no-repeat center center/cover;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.intro-page .text-box {
		position: relative;
		z-index: 2;
		max-width: 55%;
		padding: 2rem;
		color: #fff;
		right: 10%;
		text-align: right;
	}
	.intro-page .text-box .eng {
		font-family: 'Edensor';	
		font-size: 3.5rem;
		letter-spacing: 2px;
		margin-bottom: 1.5rem;
	}
	.intro-page .text-box .kor {
		font-family: "Nanum Myeongjo";
		font-size: 1.75rem;
		margin-bottom: 3rem;
	}
	.intro-page .main-visual .logo {
		position: absolute;
		right: 10%;
		bottom: -24%;
		font-size: 24rem;
		font-family: 'Edensor';
		letter-spacing: 2px;
		color: #8b816c; 
	}
	#onlyLej .face {
		padding-top: 10%;
		margin-bottom: 10rem;
	}
	#onlyLej .face h1 {
		position: relative;
		font-size: 6rem;
		font-family: "Edensor";
		letter-spacing: 2px;
		margin-bottom: 1.5rem;
	}
	#onlyLej .face h1:after {
		position: absolute;
		content: "";
		width: 35%;
		height: 1px;
		background-color: #acabaa;
		transform: translateY(-50%);
		top: 50%;
		right: 0;
	}
	#onlyLej .face p {
		font-size: 1.5rem;
		color: var(--main-color);
		margin-bottom: 3rem;
		font-weight: 500;
	}
	#onlyLej .face .exp {
		font-size: 1.15rem;
		margin-bottom: 8rem;
	}
	#onlyLej .face .exp i {color: var(--main-color);}

	#onlyLej .consultation {margin-bottom: 10%;}
	#onlyLej .consultation ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#onlyLej .consultation li {flex: 0 0 50%;}
	#onlyLej .consultation li.ment.left {padding-left: 5rem;}
	#onlyLej .consultation li h2 {
		font-family: "Edensor";
		letter-spacing: 2px;
		font-size: 4rem;
		margin-bottom: 1rem;
	}
	#onlyLej .consultation li div {
		font-size: 1.1rem;
		line-height: 1.75rem;
		padding-right: 2rem;
	}

	#staff .section2 {margin-top: 8%;}
	#staff .section4 {
		position: relative;
		text-align: center;
		padding: 5% 0;
	}
	#staff .section4 h2 {
		font-family: "Edensor";
		letter-spacing: 2px;
		font-size: 5.5rem;
		line-height: 5.5rem;
		margin-bottom: 0.75rem;
	}
	#staff .section4 .sub {
		font-size: 1.5rem;
		margin-bottom: 5rem;
	}
	#staff .section4 .activitySwiper {margin-bottom: 3rem;}
	#staff .section4 .activitySwiper .swiper-slide { height: auto; }
	#staff .section4 .swiper-pagination {bottom:-5%}
	#staff .section4 .swiper-pagination-bullet {
	  width: 10px;
	  height: 10px;
	  background: #ccc;
	  opacity: 1;
	  border-radius: 50%;
	  transition: all 0.3s;
	  margin: 0 6px !important;
	}
	#staff .section4 .swiper-pagination-bullet-active {
	  width: 30px;
	  border-radius: 10px;
	}
	#staff .section4 .swiper-button-prev,
	#staff .section4 .swiper-button-next {color: #d5d5d5;}

	#staff .section4 .tit {
		margin: 1rem 0;
		font-family: "Edensor";
		letter-spacing: 2px;
		font-size: 3rem;
	}
	#staff .section4 .exp {margin-bottom: 3rem;}

	#safety .face {
		padding-top: 10%;
		margin-bottom: 7rem;
	}
	#safety .face h1 {
		position: relative;
		font-size: 6rem;
		font-family: "Edensor";
		letter-spacing: 2px;
		margin-bottom: 1.5rem;
	}
	#safety .face h1:after {
		position: absolute;
		content: "";
		width: 45%;
		height: 1px;
		background-color: #acabaa;
		transform: translateY(-50%);
		top: 50%;
		right: 0;
	}
	#safety .face p {
		font-size: 1.5rem;
		color: var(--main-color);
		margin-bottom: 3rem;
		font-weight: 500;
	}
	#safety .consultation {margin-bottom: 10%;}
	#safety .consultation ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#safety .consultation li {flex: 0 0 50%;}
	#safety .consultation li.ment.left {padding-left: 5rem;}
	#safety .consultation li h2 {
		font-family: "Edensor";
		font-size: 4rem;
		letter-spacing: 2px;
	}
	#safety .consultation li h3 {
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
	#safety .consultation li div {
		font-size: 1.1rem;
		line-height: 1.75rem;
		padding-right: 2rem;
	}

	#location .map-wrap {
		padding-top: 5%;
		padding-bottom: 10%;
		background-color: #f8f4f3;
	}
	#location .map-wrap h1 {
		text-align: center;
		font-family: "Edensor";
		font-size: 3rem;
		letter-spacing: 2px;
		margin-bottom:2rem;
	}
	#location .map-tab {
		display: flex;
		border-bottom: 1px solid #eee;
	}
	#location .map-tab button {
		flex: 1;
		padding: 15px 0;
		border: none;
		cursor: pointer;
		font-size: 16px;
		background: #fff;
		color: #000;
	}
	#location .map-tab button.active {
		background: #a48958; /* 황토색 */
		color: #fff;
	}
	#location .map-content {
		position: relative;
		background: #fff;
		height: 600px;
		border: 1px solid #f1edea;
		margin-top: 10px;
		overflow: hidden;
	}
	#location .map-content .map-box {
		width: 100%;
		height: 600px;
	}
	#location #daumRoughmapContainer1759503598145 {width: 100% !important;}
	#location #daumRoughmapContainer1759503598145 .wrap_map {height: 600px}
	#location #map2 > iframe {height: 600px;}
	#location .clueWrap {padding: 3rem 0;}
	#location .clue {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#location .clue li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-right: 1px solid #ccc;
		padding: 0 1rem 0 6%;
		flex: 0 0 33%;
		min-height: 170px;
		margin-bottom: 0.5rem;
	}
	#location .clue li:last-child {border-right: 0;}
	#location .clue li h2 {
		font-weight: 600;
		margin-bottom: 0.5rem;
	}
	#location .clue li h2 + div {font-size: 1.15rem;}
	#location .clue li dl {display: flex;}
	#location .clue li dt {width: 20%;margin-right: 1rem;}
	#location .clue li .tel {
		font-family: "Edensor"; 
		font-size: 3rem; 
		letter-spacing: 2px;
	}
	#location .clue li .tel i {color: #8b816c;}
	#location .parking {
		display: flex;
		padding: 3rem 7rem;
		background-color: #fff;
		align-items: center;
		justify-content: space-between;
	}
	#location .parking .exp {
		padding-left: 2rem;
		font-weight: 600;
		font-size: 1.15rem;
	}
	#location .parking .line {
		flex: 3;
		height: 1px;
		background-color: #dddee0;
		margin: 0 2rem;
	}
	#location .parking .address {flex: 5;}
	
	#privacy h1 {
		text-align: center;
		margin: 5rem 0;
	}
	#privacy pre {
		font-size: 1.25rem;
		white-space: pre-wrap;   /* 줄바꿈 허용 */
		word-wrap: break-word;   /* 단어 단위로 잘라줌 */
	}

	.board-page .tableArea {margin-bottom: 3%;}
	.board-page .searchArea {
		display: flex; 
		gap: 0.5rem;
		margin-bottom: 1rem;
	}

	.counsel-page .applyArea {padding-bottom: 10%;}

	.sub-page .main-visual .bg {
		position: relative;
		height: 62vh;
		min-height: 320px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.sub-page .main-visual .content {
		width: 77%;
	}
	.sub-page .main-visual h2 {
		font-family: "Edensor"; 
		font-size: 3rem;
		letter-spacing: 2px;
		line-height: 100%;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.sub-page .main-visual h1 {
		font-family: "Nanum Myeongjo"; 
		font-size: 4rem;
		margin-bottom: 2rem;
	}
	.sub-page .main-visual p {
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	.sub-page .main-visual ul {
		display: flex; 
		flex-wrap:wrap;
		width: 40%;
	}
	.sub-page .main-visual li {
		width: 48%; 
		margin-right: 2%;
		border: 1px solid #a58c59;
		border-radius: 2rem;
		padding: 0.5rem;
		margin-bottom: 2%;
		text-align: center;
	}
	.sub-page .main-visual ul.oneway {width: 20%;}
	.sub-page .main-visual ul.oneway li {width: 100%;}

	.sub-page .section2 {text-align: center;}
	.sub-page .section2 .detail {
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1.5rem;
		padding: 0 5%;;
		margin-top: 5vh;
		margin-bottom: 5vh;
	}
	.sub-page .section2 .detail li {
		flex: 0 0 calc(50% - 1.5rem); /* 2열로 나누기 (간격 고려) */
		font-size: 1.5rem;
		font-weight: 500;
		text-align: center;
		line-height: 1.5;
		border: 2px solid #ddd3c0;
		border-radius: 40px;
		padding: 1rem 0;
		background-color: #ede7d9;
	}
	.sub-page .section2 .sign {
		font-family: "Edensor";
		font-size: 1.6rem;
		margin-top: 10vh;
		margin-bottom: 3rem;
	}
	.sub-page .section2 .sign span {
		letter-spacing: 0px;
		border-top: 2px solid #dcd2bf;
		border-bottom: 2px solid #dcd2bf;
		padding: 0.9rem 5rem;
	}
	.sub-page .section2 .subject {
		font-family: "Edensor";
		font-size: 6rem;
		letter-spacing: 2px;
	}
	.sub-page .section2 .sub {
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: 2rem;
	}
	.sub-page .section2 .exp {
		font-size: 1.15rem;
		line-height: 1.8rem;
	}
	.sub-page .section2 .nose-page {
		display: flex;
		justify-content: space-between;
		gap: 2rem;
		margin-top: 8vh;
		margin-bottom: 10vh;
	}

	#cellfix-nose .main-visual .bg {background-image: url("/images/nose/cellfix01-1.jpg");}
	#closed-rhinoplasty .main-visual .bg {background-image: url("/images/nose/closed01-1.jpg");}
	#non-implant .main-visual .bg {background-image: url("/images/nose/non_implant01-1.jpg");}
	#alar .main-visual .bg {background-image: url("/images/nose/alar01-1.jpg");}
	#yongko .main-visual .bg {background-image: url("/images/nose/yongko01-1.jpg");}

	#fore-fting .main-visual .bg {background-image: url("/images/lifting/forefting01-1.jpg");}
	#ultherapy .main-visual .bg {background-image: url("/images/lifting/ultherapy01-1.jpg");}
	#thermage .main-visual .bg {background-image: url("/images/lifting/thermage01-1.jpg");}
	#titanium .main-visual .bg {background-image: url("/images/lifting/titanium01-1.jpg");}

	#fat-grafting .main-visual .bg {background-image: url("/images/fat/fat_grafting01-1.jpg");}
	#radius .main-visual .bg {background-image: url("/images/quick/radius01-1.jpg");}

	#event .gallery {
		display: flex;
		flex-wrap:wrap;
		justify-content: left;
		gap: 1.4rem;
	}
	#event .gallery li {
		flex: 0 0 calc((100% - (1.4rem * 2)) / 3);
		list-style: none;
	}
	#event .gallery li img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover; /* 필요하면 일정한 비율로 채움 */
	}
	#event .gallery-view {margin-bottom: 10%;}
	#event .gallery-view .tit {
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 2rem; 
	}
	#event .gallery-view .img {text-align: center;}
	#event .gallery-view .exp {font-size: 1.2rem;}

	#activities .gallery {
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
		gap:2rem;
	}
	#activities .gallery li {flex: 0 0 30%;}
	#activities .gallery li img {width: 100%;}
	#activities .gallery-view {margin-bottom: 10%;}
	#activities .gallery-view .tit {
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 2rem; 
	}
	#activities .gallery-view .img {text-align: center;}
	#activities .gallery-view .exp {font-size: 1.2rem;}

/********* pager **********/
.pager {
	text-align: center;
	margin-top: 5%;
	display: flex;
	justify-content: center;
}
.pager:after{content:""; display:block; clear:both;}
.pager li {padding: 0 2px;}
.pager a{
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	color:#000;
	cursor:pointer;
	border: 1px solid #dadada;
}
.pager a.active{
	font-weight:bold;
	background: #000;
	color: #fff;
}
.pager .pprev {background: url('/images/common/pager_pprev.png') no-repeat; background-position: center; text-indent: -999999px;}
.pager .prev {background: url('/images/common/pager_prev.png') no-repeat; background-position: center; text-indent: -999999px;}
.pager .next {background: url('/images/common/pager_next.png') no-repeat; background-position: center; text-indent: -999999px;}
.pager .nnext {background: url('/images/common/pager_nnext.png') no-repeat; background-position: center; text-indent: -999999px;}

/**************************/

/******* 서브 공통 ********/
	.sub-common .common2 {
		position: relative;
		text-align: center;
		padding: 0 0 5%;
		margin: 5% 0;
	}
	.sub-common .common2 .subject {
		font-family: "Edensor";
		font-size: 6rem;
		letter-spacing: 2px;
	}
	.sub-common .common2 .sub {
		font-size: 1.75rem;
		margin-bottom: 5rem;
	}
	.sub-common .common3 {margin-bottom: 5%;}
	.sub-common .activitySwiper {width: 86%;}
	.sub-common .activitySwiper .swiper-slide { height: auto; }
	.sub-common .swiper-pagination {bottom:5%}
	.sub-common .swiper-pagination-bullet {
	  width: 10px;
	  height: 10px;
	  background: #ccc;
	  opacity: 1;
	  border-radius: 50%;
	  transition: all 0.3s;
	  margin: 0 6px !important;
	}
	.sub-common .swiper-pagination-bullet-active {
	  width: 30px;
	  border-radius: 10px;
	}
	.sub-common .swiper-button-prev,
	.sub-common .swiper-button-next {color: #d5d5d5;}
	.sub-common .tit {
		margin: 1rem 0;
		font-family: "Edensor";
		font-size: 3rem;
		letter-spacing: 2px;
	}
	.sub-common .exp {margin-bottom: 3rem;}

/************************/

/******** footer ********/
	.footer1 {display: flex;}
	.footer1 .contactWrap {
		display: flex;
		justify-content: center;
		align-items: center;
		flex: 1;
		color: #fff;
		font-size: 1.5rem;
		background-color: #313131;
		background-image: url("/images/common/bg_footer.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right bottom;
	}
	.footer1 .contact {
		width: 70%;
	}
	.footer1 .contact h2 {
		font-weight: 500;
		margin-bottom: 0.5rem;
	}
	.footer1 .contact .p1,
	.footer1 .contact .p2 {
		font-size: 1.25rem;
		margin-bottom: 5rem;
	}
	.footer1 .contact .p2 dl {display: flex;}
	.footer1 .contact .p2 dt {margin-right: 2rem;}
	.footer1 .contact .p3 {
		font-family: "Edensor";
		font-size: 3.5rem;
		letter-spacing: 2px;
	}
	.footer1 .contact .p3 a {letter-spacing: 3px;}
	.footer1 .contact .p3 i {color: #8b816c;}

	.footer2 {
		background: #8b816c;
		color: #fff;
		font-size: 0.875rem;
		line-height: 1.6;
		padding: 3rem 1rem;
	}
	.footer2 .footer-inner {
		display: flex;
		font-size: 1.05rem;
		justify-content: space-between;
		align-items: flex-start;
	}
	.footer2 .footer-logo {flex:1}
	.footer2 .footer-logo img {max-width: 229px;}
	.footer2 .footer-info {
		flex: 3;
		margin: 0 3rem;
	}
	.footer2 .footer-info .copy {
		margin-top: 10px;
		font-size: 0.75rem;
		color: #ddd;
	}
	.footer2 .footer-menu li {margin-bottom: 8px;}
	.footer2 .footer-menu a {
		color: #fff;
		text-decoration: none;
	}
	.footer2 .footer-menu a:hover {text-decoration: underline;}

/************************/