@charset "utf-8";

html{
	font-size:16px !important;
	color:var(--m-color);
}
.enfont{font-family:'Poppins','pretendard','맑은 고딕','san-serif' !important;}
* {letter-spacing:-0.25px;word-break:keep-all; color: var(--text-color);}
body{overflow-x:hidden; font-size:inherit; padding-top: 6.25rem; color: var(--text-color);}
p{word-break:keep-all; line-height: 1.4;}
ol{list-style: none; padding:0; margin: 0;}
table{background-color: #fff;}
/* input,textarea{font-size: 0.9rem;} */

/*폰트사이즈 세팅*/

/*var*/
:root {
	--rem--12: 0.750rem;
	--rem--14: 0.875rem;
	--rem--16: 1rem;
	--rem--18: 1.125rem;
	--rem--20: 1.250rem;
	--rem--22: 1.375rem;
	--rem--24: 1.5rem;
	--rem--26: 1.625rem;
	--rem--28: 1.75rem;
	--m-color: #222;
	--s-colorwhite: #fff;
	  --s1-color: #a98d77;
    --s1-color--hover: #64350f;
	  --s2-color: #64350f;
    --s3-color: #706551;
    --s4-color: #505050;
    --s5-color: #f1eada;
    --s6-color: #90847a;
    --s7-color:#584823;
    --s8-color: #6d4220;
    --s9-color: #8a867f;
    --s10-color: #33291e;
    --s11-color: #2a2a2a;
    --back-color: #faf6ed;
    --text-color: #505050;
	  --innersize: 1380px;
    --shadow--default : 0px 4px 4px rgba(0,0,0,0.25);


    --font-weigt--300 : 300; 
    --font-weigt--500 : 500; 
    --font-weigt--600 : 600; 
    --font-weigt--700 : 700; 
}
.hidden1440{}
.visible1440{display:none;}
.hidden1024{}
.visible1024{display:none;}
.hidden768{}
.visible768{display:none;}
.hidden480{}
.visible480{display:none;}
.hide{display:none !important;}

@media all and (max-width: 1440px) {
	html{
		/* font-size:15px; */
	}
	.hidden1440{display:none !important;}
	.visible1440{display:block;}
}
@media all and (max-width: 1200px) {
    .hidden1200{display:none !important;}
    .visible1200{display:block;}
}
@media all and (max-width: 1024px) {
	html{
		/* font-size:14px; */
        
	}
	.hidden1024{display:none !important;}
	.visible1024{display:block;}
}
@media all and (max-width: 768px) {
	html{
	/*	font-size:19px !important; */
	}
	.hidden768{display:none !important;}
	.visible768{display:block;}
}
@media all and (max-width: 570px) {
	html{
		/* font-size:13px; */
	}
    
}
@media all and (max-width: 480px) {
	html{
		
	}
	.hidden480{display:none !important;}
	.visible480{display:block;}
}
@media all and (max-width: 390px) {
	html{
		font-size:3.9vw !important;
	}
}
/*//////폰트사이즈 세팅/////*/


/* common */
.flexbox{display: flex;}
.flexbox.row{flex-direction: row;}
.flexbox.col{flex-direction: column;}
.flexbox.row.reverse{flex-direction: row-reverse;}
.flexbox.col.reverse{flex-direction: column-reverse;}
.flexbox.wrap{flex-wrap: wrap;}

.fw-300{font-weight: var(--font-weigt--300) !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: var(--font-weigt--500) !important;}
.fw-600{font-weight: var(--font-weigt--600) !important;}
.fw-700{font-weight: var(--font-weigt--700) !important;}
.fw-800 {font-weight: 800 !important;}

.text-sm{}
.text-md{font-size: 1rem;}
.text-semi{font-size: 1.125rem !important;}
.text-lg{font-size: 2.188rem; line-height: 1.3;}
.text-xl{font-size: 2.375rem; line-height: 1.4;}
.text.center{ text-align: center;}

.fc-s2{color: var(--s2-color);}
.fc-s4{color: var(--s4-color) !important;}
.fc-s5{color: var(--s5-color) !important;}
.fc-s6{color: var(--s6-color) !important;}
.fc-s7{color: var(--s7-color) !important;}
.fc-s11{color: var(--s11-color) !important;}
.fc-white{color: #fff !important;}

.mt0{margin-top: 0 !important;}
.mt20{margin-top: 1rem !important;}
.mb0{margin-bottom: 0 !important;}
.mb30{margin-bottom: 1.5rem !important;}

.pt0{padding-top: 0 !important;}
.pt140{padding-top: 8.75rem !important;}
.pb0{padding-bottom: 0 !important;}
.pb50{padding-bottom: 2.5rem !important;}
.pb140{padding-bottom: 8.75rem !important;}


@media screen and (max-width:1024px){
    /* .text-lg{font-size: 1.15rem;} */

    /* .text-semi{font-size: 1.12rem !important;} */
    .text-lg{font-size: 2rem; }
    .text-xl{font-size: 2.2rem;}

}
@media all and (max-width: 768px) {
    .flexbox{flex-wrap: wrap;}
    .flexbox.row{flex-direction: column;}
    .flexbox.row.reverse{flex-direction: column;}

    .flexbox>.img{width: 100%;}

    .text-lg{font-size: 1.5rem; }
    .text-xl{font-size: 1.6rem;}

    
    
}

/** 헤더 시작  **/
#header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1000;
  transition: background-color 0.2s;
	height: 6.25rem;
    color: var(--s1-color);
	background-color:#fff;	
	/* box-shadow: 1px 1px 3px 3px #00000015; */
}
#header::after{content: ''; position:absolute; left: 0; top: 100%; width: 100%; height: 0; backdrop-filter: blur(3px); background-color: rgba(255,255,255,0.85); transition: height 0.2s;}
#header.on::after{height: 100%;}

.header_inner{
  display: flex;
  align-items: center;
  height: 100%;
	width:90%;
	max-width:var(--innersize);
	margin:0 auto;
  justify-content: space-between;
}

.logo{
  height: 48% !important;
  overflow: hidden;
  width: auto;
  flex-shrink: 0;
}

.logo a{
    display:inline-block;
    height: 100%;
}
	
 .logo a img{
    width: auto;
	height: 100%;
	object-fit: contain;
    text-align: left;
 }

.header_right{
    display: flex;
    align-items: center;
    height: 100%;
}

.header_main_menu{
    display:flex;
    position:relative;
    height: 100%;
    transition: all 0.3s;
    margin-right: -1.375rem;
}


.header_main_menu_li {
    height: 100%;
    padding: 0 1.25rem;
    transition: 0.15s ease-in-out;
}
.header_sub_menu_wrap{ overflow: hidden; height: 0; 
    z-index: 1000; 
position: absolute;
    left: 0;
    width: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s 
ease-in-out; transition-property: opacity, visibility, transform;}
#header.on .header_sub_menu_wrap{height: 100%; 
opacity: 1;
visibility: visible;
}
.header_main_menu_li ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: 0.15s ease-in-out;
    gap: 9%;
}

.header_main_menu_li a{font-size: 1.375rem; font-weight: 500; color: var(--s1-color); white-space: nowrap;}
.header_main_menu_li > a {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    position: relative;
    white-space:nowrap;
}
.header_main_menu_li:hover> a{color:var(--s2-color); font-weight: 600; transition: all .3s cubic-bezier(.25, .46, .45, 1);}
.header_main_menu_li:hover > a::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.188rem;
    border-radius: 0.125rem;
    background: var(--s2-color);
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.header_sub_menu {
    text-align: left;
    padding: 0.85rem 0; 
}
.header_sub_menu li{padding: 0 1.25rem;}
.header_sub_menu a {
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    background-color: transparent; 
    transition: background-color 0.3s, color 0.3s;
    justify-content: flex-start;
}

.header_sub_menu a:hover {
    color: var(--s2-color); 
    font-weight: 600;
}

.header_main_btns{margin-left: 2.5rem; align-content: center;}
.header_main_btns button, .header_main_btns a{display: flex; justify-content: center; align-items: center; min-width: 8rem; font-size: 16px; border: 0; border-radius: 2rem; text-align: center; height: 1.9rem; font-weight: 500; line-height: 1; color: #fff; background-color: var(--s1-color); transition: all 0.3s;}
.header_main_btns button:hover, .header_main_btns a:hover{background-color: var(--s1-color--hover);}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 모바일 header */
.ham_btn, .ham_btn span { display: inline-block;  transition: all .4s;  box-sizing: border-box;}
.ham_btn {  position: relative;  width: 30px;  height: 22px;display:none; border: 0; background:none; margin-left: 1rem;}
.ham_btn span { position: absolute;  left: 0;  width: 100%;  height: 2px;  background-color: #6E6E6E;  border-radius: 10px;}
.ham_btn span:nth-of-type(1) { top: 0 !important;}
.ham_btn span:nth-of-type(2) { top: 50% !important; transform:translateY(-50%);}
.ham_btn span:nth-of-type(3) {bottom: 0 !important; top: unset !important; }
.ham_btn.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
.ham_btn.active span:nth-of-type(2) { opacity: 0;}
.ham_btn.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}
.mobile_header{width:100%;position:fixed;height:100vh;top:0;left:40%;z-index:50000;opacity: 0;visibility: hidden;transition: opacity 0.4s ease, visibility 0.4s ease ,all 1s;}
.mobile_header .ham_btn{z-index:51000; right: 5%; position: absolute; top: 2rem; transform: translateY(-50%);}
.hammenu_wr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
    
}
.hammenu_wr.active {
    
}

.hammenu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
#mobile_header_wrap {
  position: relative;
    width: 90%;
    color: #fff;
    z-index: 102;
    display: flex;
    flex-direction: column;
	margin:0 auto;
	margin-top:4rem;
}

.hammenu_li_box{
/*	display: flex;*/
    flex-direction: column;
	width:100%;
}

.hammenu_li {
    padding: 10px 0;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: bold;
    /* color: #6E6E6E; */
    border-bottom: 1px solid #d9d9d9;
    background: url("../images/selectbox_icon.svg") no-repeat calc(97%) center;
}

.hammenu_li span {
    display: inline-block;
    padding: 5px 0;
}
.hammenu_li.on span{color: var(--s1-color);}
.ham_sub_menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease; 
    background-color: #E8E8E8;
}

.ham_sub_menu.open {
    max-height: 200px;
}
.ham_sub_menu li {
    margin: 10px 0;
}

.ham_sub_menu a {
    /* color: #aaa; */
    color: #6E6E6E;
    text-decoration: none;
    font-size: 1.15rem;
    padding-left: 15px;
    display: block;
    transition: opacity 0.3s ease;
}

.ham_sub_menu a:hover {
    opacity: 0.4;
}

/* 열기/닫기 효과 */
.hammenu_li.y.on + .ham_sub_menu {
   /* display: block;*/
	max-height:200px;
}

.hammenu_li_login{
	margin: 10px 0;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

.hammenu_li_login ul{
	display:flex;
}
.hammenu_li_login a{
	font-size: 1.2rem;
    font-weight: bold;
	color:#fff;
}
.hammenu_li_login li{
	position:relative;
}
.hammenu_li_login li:nth-child(1){
margin-right:2rem;
}
.hammenu_li_login li:nth-child(1):after{	
	content:'';
	width:1px;
	height:80%;
	background:#555;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-1rem;	
}
/******  모바일용 헤더 끝 *****/
@media all and (max-width: 1600px) {
    .header_main_menu{margin-right:-1vw; }
    .header_main_menu_li, .header_sub_menu li{padding: 0 1vw;}
}
@media all and (max-width: 1440px) {
    .header_main_btns{margin-left: 1.73vw; }
    .header_main_menu{margin-right:-0.625vw; }
    .header_main_menu_li, .header_sub_menu li{padding: 0 0.625vw;}
    .header_main_menu_li a{font-size: 1.3rem;}
}
@media all and (max-width: 1200px) {
.header_main_menu{display:none;}
.ham_btn{display:inline-block;}
.mobile_header.active{opacity: 1;visibility: visible;left: 0%;}
}

@media all and (max-width: 1200px) {
    body{padding-top: 5rem;}
   #header{ height: 5rem;}
    
}
@media all and (max-width: 768px) {
     body{padding-top: 4rem;}
    .header_main_btns{display: none;}
    #header{ height: 4rem;}
}


#container_title{display:none;}




/* ===================== footer ===================== */

/* quick_menu */
.quick_menu{z-index: 500; position: fixed; right: 2.6vw; bottom: 5%;}
.quick_menu ul{display: flex; flex-direction: column; align-items: flex-end; gap:1.125rem;}
.btn_quick{text-align: center; font-size: 1.438rem; height: 5.813rem; font-weight: 700; }
.btn_quick a{max-width: 13.375rem; width: 5.813rem; position: relative; color: inherit; display: flex; align-items: center; height: inherit; border-radius: 3rem; background-color: #fff;  transition: all 0.3s; box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.26);}
.btn_quick a:hover{width: 13.375rem;}
.btn_quick a::before{content: ''; position: relative; top: 0;  flex-shrink: 0; transform: translateX(0); display: block; width: 5.813rem; height:  5.813rem; scale: 1.01; transition: all 0.3s;}
.btn_kakao a::before{background: url("../images/icon_kakao.svg") no-repeat center center/contain;}
.btn_instagram a::before{background: url("../images/icon_instagram.svg") no-repeat center center/contain;}
.btn_reservation a::before{background: url("../images/icon_calender.svg") no-repeat center center/contain;}
.btn_map a::before{background: url("../images/icon_map.svg") no-repeat center center/contain;}

.btn_quick span{opacity: 0; overflow: hidden; white-space:nowrap; width: 0; padding-right: 0.9rem; display: block; height:inherit; align-content: center; font: inherit; color: inherit; margin: 0 auto; transition: all 0.15s;}
.btn_quick:hover span { width: 100%; flex: 1; opacity: 1;}
.btn_top {width: 5.813rem; margin-left: auto; }
.btn_top button{background-color: unset; border: 0;  border-radius: 3rem; box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.26);}
.btn_top img{width: 100%;}

/* footer */
#ft{min-height: 12.5rem; padding:2.7rem 0 ; color: #fff; background-color:#222;}
.ft_inner{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	display: flex;
  flex-direction: row-reverse;
	justify-content: space-between;
  align-items: flex-start;
	width: 90%;
	margin: 0 auto;
	max-width:calc(var(--innersize) - 4.125rem*2);
  gap: 2rem;
}

.ft_inner a{
	color:#fff;
	font-weight:600;
	font-size:16px;
}

.ft_top{
	display:flex;
	/* padding:1rem 0; */
  line-height: 1;
}
.ft_top a{
	font-size:1.125rem;
  font-weight: 700;
  color:#fff;
  letter-spacing: 0.05em;
}

.ft_top li:not(:last-child) a{margin-right:1.25rem;}  
/* .ft_top li .ft_privacy_btn{font-weight: 600;} */

.ft_top_bar::after{

	content: '';
	display: block;
	width: 1px;
	right:-1rem;
	height:80%;
	background:#BEBEBE;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.ft_top li:last-child a:after {display:none;}
.ft_bottom{
	/* display: flex; */
	/* margin-top: 1.25rem; */
	text-align:left;
  flex:1;
}

.ft_logo{

	width: 117px;
	height: 80px;
	overflow: hidden;

	
}
.ft_logo span{

	display: block;
	width: 100%;
	height: 100%;
	/* background-image: url(../portfolio01/img/logo3.png); */
	background-size: 500px 350px;
	border-radius: 10px;
	background-position: -316px -393px;
	filter: invert(100%);
}
.ft_inner2{display: flex; flex-wrap: wrap; column-gap: 3.438rem; row-gap: 0.25rem; margin-top: 1.25rem;}
.ft_company{}
.ft_company_txt01{
	font-size:1rem;
	font-weight:100;
	line-height:1.4;
  letter-spacing: 0.05em;
	/* margin-right:1rem; */
	position:relative;
  color:#fff;
}
.ft_company_txt02{
  font-size:1.125rem;
  font-weight:700;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: 0.05em;
  line-height: 1;
}

.copyright{
	color:#fff;
  font-size:1rem;
	font-weight:100;
	line-height:1.4;
  margin-top: 0.25rem;
}
@media all and (max-width: 1800px) {

}/**/
@media all and (max-width: 1440px) {
.ft_inner2{column-gap:2.86vw;}
}/**/
@media all and (max-width: 1024px) {

}/**/
@media all and (max-width: 768px) {
.ft_top{padding-bottom: 0.95rem; border-bottom: 1px solid #333;   width: 100%;}

/* .ft_bottom{margin-top:1rem;} */
.ft_company{gap: 0.75rem; flex-direction:column;}
.ft_inner2>div{ flex-direction:column;}
/* .ft_inner2>div:not(:first-child),.ft_company_txt01:not(:first-child){margin-top: 0.263rem;} */
.ft_company_txt01{margin-right: 0;}
.ft_company_txt01:after{display:none;}

.copyright{margin-top:1.5rem;}
}/**/
@media all and (max-width: 570px) {

}/**/
@media all and (max-width: 480px) {

/* .ft_company_txt02 {font-size: 1.8rem;margin-bottom:1rem;} */
}/**/

/* ===================== // footer ===================== */




/* img */
.img {overflow: hidden;}
.img img{width: 100%; object-fit: contain;}

/* icon */
.naver-blog-img{position: relative; z-index: 1;}
.naver-blog-img::before{content: ''; z-index: 10; display: block; position: absolute; top:0.5rem; right: 0.5rem; width: 2rem; height: 2rem; background: url('../images/logo_naver_blog.png?ver=2') no-repeat center center/contain;}



/* title */
.section_titlebox{ margin-bottom: 4.688rem; text-align: center; }
.section_titlebox.left{text-align: left;}

.main_cate{text-transform: uppercase; font-size:1.375rem; font-weight:300; color:var(--s1-color);/*margin-bottom:0.6rem;*/}
.main_cate.semi{ font-size:1.563rem;}
.sub_cate{font-size:1.75rem; font-weight:100; color:var(--s1-color);}


.section_title{font-size:2.813rem; font-weight:700; line-height:1.2; color:var(--s2-color);}
.main_cate + .section_title{margin-top: 0.6rem;}
.section_title_desc{font-size:1.438rem; line-height:1.3; color: var(--s3-color);}
.section_title_desc02{font-size:1.375rem; line-height:1.45;  color: var(--s4-color);}
.section_title + .section_title_desc{margin-top:1rem;}
.section_title_desc + .section_title_desc{margin-top: 0.8rem;}
.section_title_desc + .moreview,.section_title_desc + .moreview_btn{margin-top: 3.125rem;}
.moreview_btn{overflow: hidden; position: relative;  min-width: 15rem; min-height: 4.125rem; display: inline-flex; justify-content: center; align-items: center; gap: 0.875rem; text-align: center; align-content: center; font-weight: 600; font-size: 1.625rem; border-radius: 2rem; color:#FFFBF1; border:2px solid  #FFFBF1; /*background-color: var(--s3-color);*/ transition: all 0.4s; }
.moreview_btn::before{content: ''; z-index: -1; position: absolute; left: 0; top: 0; transform: translateX(-65%); width: 100%; height: 100%; opacity: 0; transition: all 0.35s; background-color:#FFFBF1;}
.moreview_btn::after{content: ''; display: block; width: 0.625rem; height: 1rem; background: url("../images/btn_more_arrow.png") no-repeat center center/contain; transition: inherit;}
.moreview_btn:hover{color:var(--s10-color); background: #FFFBF1;}
.moreview_btn:hover::before{transform: translateX(0);  opacity: 0.7;}
.moreview_btn::after{
  content: '';
  display: block;
  width: 1.5rem;
  height: 1rem;
  background-image: url("../images/btn_more_arrow_befor_right.png"), url("../images/btn_more_arrow.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center right, center left;
  background-size: 0.625rem 1rem, 0.625rem 1rem;
}
.moreview_btn:hover::after{
  /* 호버 시: 오른쪽 아이콘은 after_right, 왼쪽 아이콘은 left */
  background-image: url("../images/btn_more_arrow_after_right.png"), url("../images/btn_more_arrow_left.png");
}
/* .moreview_btn:hover{background-color: var(--s1-color--hover);}  */

.content_titlebox{margin-bottom: 2.5rem;}
.content_titlebox.center{text-align: center;}
.content_title{font-size: 3.438rem; font-weight: 700; line-height: 1.3;}
b.content_title{display: block;}
.content_title_desc{/*font-size:1rem;*/ font-size: 1.438rem; line-height:1.5;}
.content_title + .content_title_desc{margin-top:1rem;}
.content_title_desc + .content_title_desc{margin-top: 1em;}

.content_title.semi{font-size: 3.75rem; }
.content_title.lg{font-size: 7.5rem;}

.titlebox{text-align: center;}
.titlebox.left{text-align: left;}
.detail_titlebox{margin-bottom: 1rem;}
.detail_title{font-size: 1.875rem; font-weight: 700; line-height: 1.3; color: var(--s2-color);}
.detail_title_desc{color: var(--s4-color); font-weight: 300;  font-size: 1.375rem; line-height: 1.4;}
.detail_title + .detail_title_desc{margin-top: 0.8rem; }
.detail_title_desc + .detail_title_desc{margin-top: 0.8rem;}

.detail_title.semi{font-size:2.063rem; font-weight: 700;}
/* .detail_title.semi + .detail_title_desc{font-size:1.563rem;} */
.detail_title.lg{font-size:4.063rem; font-weight: 700;}
.detail_title.lg + .detail_title_desc{font-size:1.563rem;}

.detail_title + .text {margin-top: 1.875rem;}
.text{font-size:1.375rem; line-height:1.45; font-weight: 300; color: var(--s4-color);}

/* section */
.sub_content_wr .inner{max-width:var(--innersize);width:90%;margin:0 auto;}
.color_m{color:var(--s1-color) !important;}
.color_s{color:var(--s2-color) !important;}

.main_section{width:100%;position:relative;}
.main_section .inner{max-width:var(--innersize);width:90%;margin:0 auto;}
.section, .section_padding{width:100%;position:relative;padding:9.063rem 0 9.375rem;}
/* .section:last-of-type, .section:only-child{padding-bottom: 10rem;} */
.section .inner{max-width:var(--innersize);width:90%;margin:0 auto;}
.section.border_bottom--dashed::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width:var(--innersize); width:90%; border-bottom: 2px dashed #d9d9d9;}
.section.back_color{background-color: var(--back-color);}
.section.back_color--green{background-color: #F6FFEF;}

.section>.bg_image img{width: 100%; object-fit: cover;}
.section>.bg_image + .inner{position: absolute; top:  9.063rem; left: 50%; transform:translateX(-50%);}

/* swiper */
.swiper_area {position: relative;}
.swiper-button-prev,.swiper-button-next{width: 1.563rem; height: 2.563rem; background: url('../images/slide_btn_prev.png?ver=1') no-repeat center center/contain; transition: opacity 0.2s;}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity:0.6;}
.slide_btn_wrap .swiper-button-prev,.slide_btn_wrap .swiper-button-next{width: 1.3rem; height: 1.3rem; background: url('../images/slide_btn_prev_small.png') no-repeat center center/contain;}

.swiper-button-prev{}
.swiper-button-next{rotate: 180deg;}



/* banner */
.bnner {align-content: center; min-height: 26.563rem;}
.bnner .titlebox * {color: #fff;}

.bnner_fix{z-index: -1; position: relative; overflow: hidden; display: flex; align-items: center; height: 21.875rem; min-height: 21.875rem;}
.bnner_fix::before {content: ""; z-index: -1; position: absolute;  top: 0; left: 0; width: 100%; height: 100%; background-attachment:fixed !important;}
.bnner_fix .titlebox * {color: #fff;}
.bnner_fix .titlebox .sub_cate{font-weight: 300;}
.bnner_fix .titlebox .sub_cate + .detail_title{margin-top: 0.563rem;}


@media all and (max-width: 1440px) {
    /* title */    
    .main_cate{font-size:1.3rem;}
    .main_cate.semi{ font-size:1.5rem;}
    .sub_cate{font-size:1.7rem;}

    .section_titlebox{margin-bottom: 2rem;}
    .section_title{font-size: 2.8rem;}
    .section_title_desc{font-size:1.4rem;}
    .section_title_desc02{font-size:1.3rem;}
    .section_title + .section_title_desc{margin-top:0.8rem;}
    .section_title_desc + .section_title_desc{margin-top: 0.6rem;}
    .flexbox.row .section_title_desc + .moreview{margin-top: 1.3rem;}
    
    .section_title_desc + .moreview,.section_title_desc + .moreview_btn{margin-top: 3rem;}
    .moreview_btn{min-height: 3rem; font-size: 1.6rem;}

    .content_title{font-size: 3rem;}
    .content_title_desc{font-size: 1.4rem; }
    .content_title + .content_title_desc{margin-top:1rem;}
    .content_title_desc + .content_title_desc{margin-top: 1em;}

    .content_title.lg{font-size: 7rem;}

    .detail_title{font-size: 1.7rem;}
    .detail_title_desc{font-size: 1.3rem;}

    .detail_title.semi{font-size:1.8rem; }
    .detail_title.lg{font-size:4rem; }
    .detail_title.lg + .detail_title_desc{font-size:1.5rem;}

    .text{font-size:1.2rem;}
    .detail_title + .text {margin-top: 1rem;}

    .content_title.semi{font-size: 3.7rem; }
    .content_title.lg{font-size: 7rem;}

}
@media all and (max-width: 1024px) {
    .section, .section_padding{padding:8rem 0;}
    
    
    
    
    /* title */    
    /* .main_cate{font-size:1.3rem;}
    .main_cate.semi{ font-size:1.5rem;}
    .sub_cate{font-size:1.7rem;}

    .section_titlebox{margin-bottom: 2rem;}
    .section_title{font-size: 2.8rem;}
    .section_title_desc{font-size:1.4rem;}
    .section_title_desc02{font-size:1.3rem;}
    .section_title + .section_title_desc{margin-top:0.8rem;}
    .section_title_desc + .section_title_desc{margin-top: 0.6rem;}
    .flexbox.row .section_title_desc + .moreview{margin-top: 1.3rem;}
    
    .section_title_desc + .moreview,.section_title_desc + .moreview_btn{margin-top: 3rem;}
    .moreview_btn{min-height: 3rem; font-size: 1.6rem;}



     */


    

    
    .content_title{font-size: 2.8rem;}
    .content_title_desc{font-size: 1.4rem; }
    .section_title_desc02{font-size:1.3rem;}
    .content_title + .content_title_desc{margin-top:1rem;}
    .content_title_desc + .content_title_desc{margin-top: 1em;}

    .content_title.semi{font-size: 3rem; }
    .content_title.lg{font-size: 7rem;}

    .detail_title{font-size: 1.4rem;}
    .detail_title_desc{font-size: 1.15rem;}

    .detail_title.semi{font-size:1.8rem; }
    .detail_title.lg{font-size:3rem; }
    .detail_title.lg + .detail_title_desc{font-size:1.5rem;}

    .text{font-size:1.3rem;}

    /* swiper */
    .slide_btn_wrap .swiper-button-prev,.slide_btn_wrap .swiper-button-next{width: 1.15rem; height: 1.15rem; }


    /* .section>.bg_image + .inner{position: relative; top:  9.063rem; left: 50%; transform:translateX(-50%);} */


    /* banner */
    .bnner {min-height: 20rem;  height: 20rem;}

    .bnner_fix{height: 18rem; min-height: 18rem;}


}
@media all and (max-width: 768px) {
    .section, .section_padding{padding:6rem 0;}
    
    .main_cate{font-size:1.15rem;}
    .main_cate.semi{ font-size:1.25rem;}
    .sub_cate{font-size:1.45rem;}
    
    .section_title{font-size: 2.2rem;}
    .section_title + .section_title_desc br{display: none;}
    .section_title_desc{font-size:1.2rem;}
    .section_title_desc02{font-size:1.1rem;}


    .content_titlebox{margin-bottom: 2rem;}
    .content_title{font-size: 2.05rem;}
    .content_title_desc{font-size: 1.2rem; }
    /* .section_title_desc02{font-size:1.3rem;} */
    .content_title + .content_title_desc{margin-top:0.8rem;}
    .content_title_desc + .content_title_desc{margin-top: 0.6rem;}
    
    .content_title.semi{font-size: 2.8rem; }
    .content_title.lg{font-size: 3.5rem;}

    .detail_titlebox{margin-bottom: 0.8rem;}
    .detail_title{font-size: 1.15rem;}
    .detail_title_desc + .detail_title_desc{margin-top: 0.6rem;}
    .detail_title_desc{ font-size: 1rem;}

    .detail_title.semi{font-size:1.4rem; }
    .detail_title.lg{font-size:2.6rem; }
    .detail_title.lg + .detail_title_desc{font-size:1.3rem;}
    
    .moreview_btn{ font-size: 1.3rem;}


    .text{font-size:1rem;}
    .detail_title + .text {margin-top: 0.6rem;}

    .bnner_fix::before {
      background-attachment: scroll !important;
      height: auto !important;
      min-height: 100%;
    }
}


/* ===================== 동일 모션 ===================== */
.section-with-motion {
  position: relative;
  overflow: hidden;
}

.section-with-motion .inner {
  position: relative;
  z-index: 2;
}

/* === 모션 트랙 === */
.motion_track {
  position: absolute;
  top: 59%;
  left: 0;
  display: flex;
  width: max-content;
  height: 8.125rem;
  animation: scrollTrack 50s linear infinite;
  z-index: -1;
  pointer-events: none;
}

/* 트랙 안의 이미지 */
.motion_track img {
  width: auto;
  height: 100%;
  object-fit: contain;
  margin-right: 17vw; 
  flex-shrink: 0;
}


@keyframes scrollTrack {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media all and (max-width: 1024px) {
    .motion_track {height: 12vw;}
}

/* 원형 배경 모션 */
.circle_motion_bg{position: relative; z-index: 0; overflow: hidden;}
.circle_motion_bg::before{content: ''; position: absolute; top: 7rem;
  left: 50%; transform: translateX(-50%) rotate(0deg); transform-origin: center center; width: 84.53vw; height: 84.53vw; background:url("../images/circle_motion_bg03.png") no-repeat center center /contain; animation:circleTrack 4.5s cubic-bezier(0.22, 0.61, 0.36, 1)  infinite 1s;
  z-index: -1;
  pointer-events: none;}

@keyframes circleTrack {
  0% {
    transform: translateX(-50%)  rotate(0deg);
  }
  35% {
    transform: translateX(-50%) rotate(360deg); 
  }
  100% {
    transform: translateX(-50%) rotate(360deg); 
  }
}


/* ===================== // 동일 모션 ===================== */


/* ===================== index ===================== */

/* 메인 비주얼 (main_visual.php 포함 시 사용) */
.main_visual .swiper-button-prev, .main_visual .swiper-button-next{background-image: url("../images/slide_btn_prev_white.png?ver=1");}
.main_visual .swiper-button-prev{left: 11.56vw;}
.main_visual .swiper-button-next{right: 11.56vw;}



.main_visual{width:100%; position:relative;}
.main_visual .visual_slide_textbox{margin-top: 0 !important; position: absolute; z-index: 10; top: 50%; left: 7.5vw; text-align: center;}
.main_visual .swiper-slide01 .visual_slide_textbox{ transform: translateY(-70%);}
.main_visual .swiper-slide02 .visual_slide_textbox{ transform: translateY(-70%);}
/* .main_visual img{width:100%;height:100%; min-height: 23rem; object-fit:cover;} */
.main_visual .visual_slide_sub_title{  margin-bottom:0.7vw;  font-size: 1.5vw; font-weight: 500; letter-spacing: 1.3em; padding-left: 1.3em; color: #71645a; text-shadow: 0 0 4px rgba(255,255,255,0.4),  0 0 8px rgba(255,255,255,0.4),  0 0 13px rgba(255,255,255,0.4); }
.main_visual .visual_slide_title{white-space: nowrap; width: auto; }


.main_visual .swiper-slide01 .visual_slide_title{ font-size:5.2vw; font-weight: 900; color: #575757; letter-spacing: 0.02em; text-shadow: 0 0 4px rgba(255,255,255,0.59),0 0 8px rgba(255,255,255,0.59), 0 0 21px rgba(255,255,255,0.59);}
.main_visual .swiper-slide01 .visual_slide_title span, .main_visual .visual_slide_title i{display: inline-block; font-style: normal; letter-spacing: inherit; color: inherit;}
.main_visual .swiper-slide01 .visual_slide_title .fs{font-size:1.06em; }
.main_visual .swiper-slide01 .visual_slide_title .color_green01{ color: #629046;}
.main_visual .swiper-slide01 .visual_slide_title .color_green02{ color: #1f6263;}
.main_visual .swiper-slide01 .visual_slide_title .color_green02{ color: #1f6263;}
.main_visual .swiper-slide01 .visual_slide_desc{font-weight: 600; /*margin-top: 1.3vw;*/margin-top:1.25rem; font-size: 1.15rem; line-height: 1.3; color: #20441d; letter-spacing: 0.04em; text-shadow:0 0 4px rgba(255,255,255,0.59), 0 0 8px rgba(255,255,255,0.59),   0 0 21px rgba(255,255,255,0.59); }

.main_visual .swiper-slide02 .visual_slide_title{font-size:6vw; font-weight: 800; color: #6d6d6d; letter-spacing:0; }
.main_visual .swiper-slide02 .visual_slide_desc{display: inline-block; white-space: nowrap; font-weight: 500; /*margin-top: 1.3vw;*/margin-top:1.25rem;  font-size: 2vw; line-height: 1.3; color: #fff; letter-spacing: 0.1em; padding: 0.25em 0.6em; background-color: #6c733f;}

/* 상담예약 퀵 */
.section_quick_reservation{height: 0;  position: relative; z-index: 10;}
.section_quick_reservation>.inner{transform: translateY(-50%);}

/* 루메라피부과의원의 이벤트 */
.main_section.section_evnet{padding-top: 6.125rem; padding-bottom:3.438rem; background-color: var(--s10-color); color: #fff;}
.main_section.section_evnet .main_sec_evnet_slide{width: calc(100vw * 0.625);}
.main_sec_evnet_slide .swiper-slide {width: 400px;}
.main_sec_evnet_slide .slide_btn_wrap{position: absolute; bottom: 2.5rem; width: auto; top: unset; left: calc(-29.063rem +  2.5rem); transform: translateZ(0); gap: 1rem; backface-visibility: hidden; will-change: transform;}
.main_sec_evnet_slide  .slide_btn_wrap .swiper-pagination{gap: 10px; padding: 0;}
.main_sec_evnet_slide .swiper-pagination-bullet{width: 0.5rem !important; height: 0.5rem !important; opacity: 0.5 !important; border-radius: 2rem; background-color: #fff; margin: 0 !important;}
.main_sec_evnet_slide .swiper-pagination-bullet-active{ width: 4.063rem !important; opacity: 1 !important;}
.main_sec_evnet_slide .swiper-button-prev, .main_sec_evnet_slide .swiper-button-next{width: 2rem; height: 2rem; background: url("../images/main_sec_evnet_slide_btn_prev.png") no-repeat center center /contain;}

.main_section.section_evnet .section_titlebox{ padding: 2.5rem; color: #fff;  width: 29.063rem;  flex-shrink: 0;}
.main_section.section_evnet .section_titlebox *{color: #fff;}
.main_section.section_evnet .section_titlebox>a{font-size: 1.375rem; font-weight: 100;}
.main_section.section_evnet .section_titlebox .section_title{margin-top:4.063rem;}
.main_section.section_evnet .section_title_desc{font-size: 1.875rem; color:#827b73; margin-top: 0.6rem;}
.main_section.section_evnet .section_title_desc b{color: inherit;}

/* =====================
   LUMERA EVENT 반응형
   기존 .main_section.section_evnet 관련 CSS 아래에 추가
   ===================== */

/* 1440px 이하 – 살짝 여유 있게 정렬 */
@media all and (max-width: 1440px) {
  .main_section.section_evnet .inner > .flexbox{
    align-items: flex-start;
    gap: 2.5rem;
  }

  .main_section.section_evnet .section_titlebox{
    width: 26rem;
    padding: 2.5rem 2rem;
  }

  /* 슬라이드 영역은 flex로 너비 유동 */
  .main_section.section_evnet .main_sec_evnet_slide{
    width: auto;
    flex: 1 1 0;
  }

  /* 좌측 음수값 대신 안쪽으로 붙이기 */
  .main_sec_evnet_slide .slide_btn_wrap{
    left: 2rem;
  }
}

/* 1200px 이하 – 타이틀/슬라이드 비율 조정 */
@media all and (max-width: 1200px) {
  .main_section.section_evnet .inner > .flexbox{
    gap: 2rem;
  }

  .main_section.section_evnet .section_titlebox{
    width: 22rem;
    padding: 2rem 1.5rem;
  }

  .main_section.section_evnet .main_sec_evnet_slide{
    width: auto;
    flex: 1 1 0;
  }

  .main_sec_evnet_slide .slide_btn_wrap{
    left: 1.5rem;
  }
}

/* 1024px 이하 – 세로(단일 컬럼) 레이아웃으로 변경 */
@media all and (max-width: 1024px) {
  .main_section.section_evnet{
    padding-top: 8rem;
    padding-bottom: 3rem;
  }

  /* 타이틀/슬라이드 세로 쌓기 */
  .main_section.section_evnet .inner > .flexbox{
    flex-direction: column;
  }

  .main_section.section_evnet .section_titlebox{
    width: 100%;
    padding: 0 0 2rem;
  }

  .main_section.section_evnet .section_titlebox .section_title{
    margin-top: 1.5rem;
  }

  .main_section.section_evnet .main_sec_evnet_slide{
    width: 100%;
  }

  /* 네비/페이지네이션을 슬라이드 아래로 이동 */
  .main_sec_evnet_slide .slide_btn_wrap{
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    gap: 1.5rem;
  }

  .main_sec_evnet_slide .swiper-pagination{
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main_sec_evnet_slide .swiper-button-prev,
  .main_sec_evnet_slide .swiper-button-next{
    position: static;
    transform: none;
  }
}

/* 768px 이하 – 폰트/여백 축소, 중앙 정렬 */
@media all and (max-width: 768px) {
  .main_section.section_evnet{
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }

  .main_section.section_evnet .section_titlebox{
    text-align: center;
    padding: 0 0 1.75rem;
  }

  .main_section.section_evnet .section_titlebox > a{
    display: inline-block;
    margin-bottom: 0.75rem;
    font-size: 1rem;
  }

  .main_section.section_evnet .section_titlebox .section_title{
    margin-top: 0;
    font-size: 2rem;
  }

  .main_section.section_evnet .section_title_desc{
    font-size: 1.25rem;
    margin-top: 0.5rem;
  }

  .main_sec_evnet_slide .swiper-button-prev,
  .main_sec_evnet_slide .swiper-button-next{
    width: 1.6rem;
    height: 1.6rem;
  }

  .main_sec_evnet_slide .swiper-pagination-bullet{
    width: 0.45rem !important;
    height: 0.45rem !important;
  }
}

/* 480px 이하 – 더 타이트하게 */
@media all and (max-width: 480px) {
  .main_section.section_evnet{
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }

  .main_section.section_evnet .section_titlebox .section_title{
    font-size: 1.75rem;
  }

  .main_section.section_evnet .section_title_desc{
    font-size: 1.1rem;
  }
}


@media all and (max-width: 1600px) {
    .main_visual .swiper-button-prev{left: 8%;}
    .main_visual .swiper-button-next{right: 8%;}
}
@media all and (max-width: 1440px) {
    /* 메인 비주얼 폰트 축소 필요시 사용 */
}
@media all and (max-width: 1024px) {
    /* 모바일용 메인 비주얼 커스터마이징은 주석 참고 */
}
@media all and (max-width: 768px) {
    /* object-position 조정용 주석 */
}





/* 루메라피부과의원 시술 */
.main_section02{
    z-index: 0;
    background:url("../images/main_sec02_back.png") no-repeat center center/cover;
}
#main .main_sec02_slide{
    width: calc(100% + 5.46vw * 2);
    padding: 0 5.46vw;
    margin-left: -5.46vw;
}
.main_sec02_slide .slide_textbox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 19.8%;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.57);
    transition: all 0.3s;
}
.main_sec02_slide .slide_textbox .slide_cate{
    font-size: 0.813rem;
    font-weight:100;
    color: inherit;
}
.main_sec02_slide .slide_textbox .slide_title{
    font-size: 1.25rem;
    font-weight: 700;
    color: inherit;
}
.main_sec02_slide .slide_textbox .slide_cate + .slide_title{margin-top:0.25rem;}
.main_sec02_slide .slide_textbox .slide_desc{
    opacity: 0;
    overflow: hidden;
    height: 0;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.5;
    color: inherit;
    transition: all 0.3s;
}
.main_sec02_slide-item:hover .slide_textbox{height: 100%;}
.main_sec02_slide-item:hover .slide_textbox .slide_desc{
    opacity: 1;
    height: auto;
    margin-top: 2.813rem;
}
.main_section02 .motion_track{
    bottom: 4.375rem;
    top: unset !important;
    z-index: -1;
}


@media all and (max-width: 1600px) {
    .main_section02 .swiper-button-prev{ left: 2%;}
    .main_section02 .swiper-button-next{ right: 2%;}
}
@media all and (max-width: 1024px) {
    .main_section02 .motion_track{bottom: 4rem;}
}


/* 루메라피부과의원 FIT 솔루션 */
.main_section03{
    padding-top: 5.813rem;
    padding-bottom: 5.813rem;
  /*  background-color: var(--s5-color);*/
    background: url('../images/main_sec03_back.png') no-repeat center/cover;
}
.main_section03 .img{
    width: 52vw;
    border-radius: 0 1rem 1rem 0;
    overflow: hidden;
}
.main_section03 .section_titlebox{padding-left:6.875rem;}


@media all and (max-width: 1440px) {
    
.main_section03 .section_titlebox{ padding-left: 3.5rem;}
}

@media all and (max-width: 1024px) {
    .main_section03 .flexbox{flex-direction: column !important; gap: 3rem;}
    .main_section03 .section_titlebox{ padding-left:0;}
    .main_section03 .flexbox>.inner{width: 90% !important;}
    .main_section03 .flexbox>.img{ width: 95% !important; margin-left: -5% !important;}
}
@media all and (max-width: 768px) {
}



/* 루메라피부과의원 약속 */
.main_section04{
    background: url("../images/main_sec04_back.png") no-repeat center center/cover;
}

.section_box.section04.main_section04 .flexbox{gap:1.875rem; width:71.87%; margin:0 auto;}
@media (max-width:1440px){
  /* .section_box.section04.main_section04{margin-top:4rem;} */
  .section_box.section04.main_section04 .inner{padding:4.5rem 0; width:92%;}
}

@media (max-width:1024px) and  (min-width:570px){
/* 카드(박스) 내부 구성: 텍스트 왼쪽, 이미지 오른쪽 */
.section_box.section04.main_section04 .box{display:flex; align-items:center; gap:1.25rem;}
.section_box.section04.main_section04 .box .box_text_area{order:1; flex:1 1 auto; min-width:0; text-align:left;}
.section_box.section04.main_section04 .box .img{order:2; flex:0 0 auto;}
.section_box.section04.main_section04 .box .img img{display:block; height:auto; width:auto; max-width:200px;}
.section_box.section04.main_section04 .box .img + .box_text_area{margin-top:0;}


.section_box.section04.main_section04 .box{flex-direction:row; align-items:center; gap:0.875rem;}
  .section_box.section04.main_section04 .box .img{order:2; flex:0 0 220px;}
  .section_box.section04.main_section04 .box .box_text_area{order:1; flex:1 1 auto; min-width:0; width:auto; text-align:left;}
  .section_box.section04.main_section04 .box .img img{width:220px; max-width:220px;}


}
@media (max-width:1024px){

    /* index_jh 전용: section04(main_section04) 레이아웃 및 반응형 */
.section_box.section04.main_section04{position:relative; overflow:visible; /*margin-top:6rem;*/ transform-origin:center center;}
.section_box.section04.main_section04 .inner{position:relative; margin:0 auto; width:90%; max-width:var(--innersize,1380px); padding:5.813rem 0; overflow:visible;}
.section_box.section04.main_section04 .section_titlebox,
.section_box.section04.main_section04 .flexbox{position:relative; z-index:2;}



  /* .section_box.section04.main_section04{margin-top:3rem;} */
  .section_box.section04.main_section04 .inner{max-width:var(--innersize,100%); width:100%; transform:none !important;}
  /* 1024px 이하: flexbox 자식(.box)들을 세로 스택, 각 .box 내부는 가로(텍스트+이미지 한 줄) 유지 */
  .section_box.section04.main_section04 .flexbox{width:92%; margin-left:auto; margin-right:auto; gap:1rem; flex-direction:column;}
  .section_box.section04.main_section04 .flexbox > .box{flex:0 0 100%; width:100%;}
  
}

/* 480px 이하: 너무 좁은 화면에서는 이미지 폭을 살짝 줄여 라인 브레이크 방지 */
@media (max-width:570px){
  .section_box.section04.main_section04 .box{gap:0.75rem;}
  /* .section_box.section04.main_section04 .box .img{flex:0 0 200px;} */
  /* .section_box.section04.main_section04 .box .img img{width:200px; max-width:200px;} */
}





/* 루메라 시설안내 */
.main_section07 {background: url("../images/main_sec07_back.png") no-repeat center center/cover;}
.main_sec07_slide .swiper {
    overflow: visible;
    max-width: 77.813rem;
    width: 90%;
}
.main_sec07_slide-item {
    overflow: hidden;
    scale: 0.72;
    transition: all .3s ease-in-out .15s;
    border-radius:2.75rem;
}
.main_sec07_slide-item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-color:var(--s3-color);
    transition:inherit;
}
.main_sec07_slide-item.swiper-slide-active{
    scale: 1;
    box-shadow: 0 0 51px rgba(255, 255, 255, 0.72);
}
.main_sec07_slide-item.swiper-slide-active::before{opacity: 0;}
.main_sec07_slide .swiper-button-prev,
.main_sec07_slide .swiper-button-next{
    background: url("../images/main_sec07_slide_btn_prev.png") no-repeat center center /contain;
}
.main_sec07_slide .swiper-button-prev{left: 1.44% !important;}
.main_sec07_slide .swiper-button-next{right: 1.44% !important;}

.main_sec07_slide  .swiper-pagination{bottom: -10.6% !important; transform: translateY(100%) !important;}
.main_sec07_slide  .swiper-pagination .swiper-pagination-bullet{background-color: #fff !important; opacity: 0.5; margin: 0 !important;}
.main_sec07_slide  .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}

@media all and (max-width: 1600px) {
    .main_section06 .contact{padding-left:10.15vw;}
}
@media all and (max-width: 1440px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    .main_sec07_slide-item.swiper-slide img{min-height: 12.5rem; object-fit: cover;}
}
@media all and (max-width: 768px) {
    
}






/* 오시는 길 */
.main_section06 {color: #ffffff; background-color: #301900;}
.main_section06 .contact *{color: #ffffff; }


@media all and (max-width: 1600px) {
    .main_section06 .contact{padding-left:10.15vw;}
}
@media all and (max-width: 1440px) {
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1024px) {
    
}
@media all and (max-width: 768px) {
    
}

/* ===================== // index ===================== */


/* ===================== sub common ===================== */
.sub_page_title_area{position: absolute; top: 50%; left: 50%; z-index: 1; /* color: #fff; */ text-align: center; transform: translate(-50%, -50%); max-width:var(--innersize); width: 90%;}
.sub_page_title_area_inner{display: inline-block;}
.sub_page_title_area_inner  *{position: relative; width: fit-content; margin-left: auto; margin-right: auto;}
.sub_page_title_area_inner  *::after{
    content: ''; z-index: -1; position: absolute;
    z-index: -1;
    position: absolute;
    left: -5%;
    top: 55%;
    width: 110%;
    height: 35%;
    /* background: #a4a4a8; */
    background: #101010;
    filter: blur(11px);
    border-radius: 30em;
    opacity: 0.14;
    mix-blend-mode: multiply;
}

.sub_page_title_area .sub_page_title{color: #fff; font-size: 4.063rem; font-weight: 700; line-height: 1.3;}
.section_title span{color: inherit;}
.sub_page_title_area .sub_page_title + small{font-weight: 100; font-size: 1.25rem; color: #fff;}
.sub_page_title_area .sub_page_desc{margin-top: 2.125rem; font-size: 1.25rem; color: #fff;}
.sub_page_title_area .sub_page_title + .sub_page_desc{margin-top: 0.688rem;}
.sub_page_title_area small + .sub_page_desc{margin-top: 2.125rem;}
/* .sub_page_title_area ul{display: flex; justify-content: center; align-items: center; gap: 5px; margin-top: 0.5rem;}
.sub_page_title_area ul li{color: #fff; display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 500;}
.sub_page_title_area ul li:not(:first-child)::before{content: ''; display: block; width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; rotate: 45deg;} */


/* .sub_content_wr{margin-top:8rem;} */
/*sub-visual*/
.sub_visual{width:100%; height:34.375rem; position:relative;}
.sub_visual img{width:100%;height:100%;object-fit:cover;/*filter:brightness(0.55);*/}
/*.sub_visual .mv_textbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;width:90%;pointer-events:none;}
.sub_visual .mv_textbox .cate{font-size:1rem;font-weight:500; color:#fff;word-break:keep-all;margin-bottom:0.6rem;}
.sub_visual .mv_textbox .title{font-size:3.2rem;font-weight:700; color:#fff;word-break:keep-all;margin-bottom:1.2rem;letter-spacing:-2px;}
.sub_visual .mv_textbox .text{font-size:1.1rem;word-break:keep-all; color:#fafafa; font-weight:500;}*/
/* .sub_visual .mv_textbox{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:left;width:90%;pointer-events:none;max-width:var(--innersize);}
.sub_visual .mv_textbox .cate{font-size:1rem;font-weight:500; color:#fff;word-break:keep-all;margin-bottom:0.8rem;text-indent:0.3rem;color:#ddd;}
.sub_visual .mv_textbox .title{font-size:3.2rem;font-weight:700; color:#fff;word-break:keep-all;margin-bottom:1.6rem;letter-spacing:-2px;}
.sub_visual .mv_textbox .text{font-size:1.1rem;word-break:keep-all; color:#fafafa; font-weight:500;line-height:1.5} */
/*Main-visual end*/


@media all and (max-width: 1024px) {
  .sub_visual{height:23rem;}

  .sub_page_title_area .sub_page_title{font-size: 4rem;}
  .sub_page_title_area .sub_page_desc{font-size: 1.2rem;}
  .sub_page_title_area small + .sub_page_desc{margin-top: 2rem;}
  .sub_page_title_area small{font-size: 1.2rem;}

}
@media all and (max-width: 768px) {
  .sub_visual{height:20rem;}
  .sub_page_title_area .sub_page_title{font-size: 2.7rem;}
  .sub_page_title_area small + .sub_page_desc{margin-top: 1.5rem;}
}

/* ===================== // sub common ===================== */


/* ===================== 루메라피부과의원 ===================== */
/* 루메라피부과의원이 드리는 약속 */
#about_us01 .section01{background: url("../images/about_us01_sec01_back.png") no-repeat center center / cover;}

.hexagon_list{display: flex; justify-content: space-between; align-items: center; }
.hexagon_shadow{ filter: drop-shadow(0 8px 20px rgba(127, 114, 97, 0.05));}
.hexagon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* width: 25.313rem;        
    height: 29.5rem;     */
     /* 동일 비율 유지: 가로 기준으로 세로를 calc로 산출 */
    /* 1440 이하에서는 뷰포트 기준으로 유연한 가로 폭을 쓰고, 세로는 같은 식으로 계산 */
    --hex-w: min(25.313rem, 28vw);
    width: var(--hex-w);
    height: calc(var(--hex-w) * 1.165); 
    /* 29.5 / 25.313 ≈ 1.165 */
    text-align: center;
    background: #fffefc;
    box-shadow: 0 8px 20px rgba(127,114,97,0.05);
    clip-path: polygon(
        50% 0%,  
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
}

#about_us01 .section01 .hexagon .detail_title::before{content: ''; display: block; width:5.688rem; height: 5.688rem;  margin: 0 auto 1.875rem;}
#about_us01 .section01 .hexagon_shadow:nth-child(1) .detail_title::before{background: url("../images/about_us01_sec01_icon01.png") no-repeat center center / contain;}
#about_us01 .section01 .hexagon_shadow:nth-child(2) .detail_title::before{background: url("../images/about_us01_sec01_icon02.png") no-repeat center center / contain;}
#about_us01 .section01 .hexagon_shadow:nth-child(3) .detail_title::before{background: url("../images/about_us01_sec01_icon03.png") no-repeat center center / contain;}

#about_us01 .section01 .bottom_text{text-align: center; margin-top: 4.688rem;}

/* 루메라피부과의원 */
#about_us01 .section02{z-index: -1; height: 37.5rem; position: relative; overflow: hidden; display: flex; align-items: center;}
#about_us01 .section02::before {
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/about_us01_sec02_back.png?ver=1") no-repeat 92% center/cover; background-attachment:fixed;
    z-index: -1;
    background-position-y: 2%;
}
#about_us01 .section02 .titlebox * {color: var(--s5-color);}
#about_us01 .section02 .titlebox .sub_cate + .detail_title{margin-top: 2.125rem;}

/* 루메라피부과의원이 추구하는 가치 */
#about_us01 .section03 {background: url("../images/about_us01_sec03_back.png?ver=1") no-repeat center center/cover;}
#about_us01 .section03 .value_list li{display: flex; align-items: center;}
#about_us01 .section03 .value_list li:nth-child(even){flex-direction: row-reverse; }
#about_us01 .section03 .value_list li:nth-child(even) .titlebox{text-align: right; padding-right: 9.78%;}
#about_us01 .section03 .value_list li:nth-child(odd) .titlebox{text-align: left; padding-left: 9.78%;}

/* #about_us01 .section03 .value_list li> .img{width: 50%;} */
#about_us01 .section03 .value_list li:nth-child(even) .img{width:calc(50% + 4.5rem); margin-right: -4.35rem;}
#about_us01 .section03 .value_list li:nth-child(odd) .img{width:calc(50% + 4.5rem + 1.313rem); margin-left: -4.35rem; margin-right: -1.313rem;}
#about_us01 .section03 .value_list li .titlebox{position: relative; width: 50%; }
#about_us01 .section03 .value_list li .titlebox::after{content:''; z-index: -1; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%); width: 63.75rem; height: 62.438rem; background: url("../images/about_us01_sec03_title_back.png") no-repeat center center;}
#about_us01 .section03 .value_list li .titlebox .title_img{display: inline-block}
#about_us01 .section03 .value_list li .titlebox .title_img img{width: 100%; max-height: 8.375rem;  object-fit: contain;}
#about_us01 .section03 .value_list li .titlebox .title_img + .text{margin-top: 3.125rem;}
/* ===================== // 루메라피부과의원 ===================== */


/* ===================== FIT 솔루션 ===================== */
/* FIT 솔루션이란? */
#about_us02 .section01{background: url("../images/about_us02_sec01_back.png") no-repeat center center / cover;}
#about_us02 .section01 .titlebox{padding-left:6.25rem;} 
#about_us02 .section01 .img{overflow: hidden; border-radius: 0 3.25rem 3.25rem 0 ; box-shadow: -20px 11px 7px rgba(0,0,0,0.19);}

#about_us02 .section02 {background: url("../images/about_us02_sec02_back.png") no-repeat center center / cover;}
#about_us02 .section02 .flexbox{gap: 1.25rem;}


.point_circle_text{text-align: center; margin: 14.063rem auto 6.25rem; font-size: 3.75rem; color: var(--s2-color); line-height: 1.8;}
.point_circle_text b{color: inherit; font-weight: 800;}
.point_circle{position: relative; padding-top: 0.333em; color:inherit;}
.point_circle::before{content: ''; position:absolute; top:0; left:50%; transform: translateX(-50%); width:0.133em; height: 0.133em; border-radius: 50%; background-color: var(--s2-color);} 


/* fit */
.img_fit{position: absolute;     left: 50%;
    width: 64.53vw;
    transform: translate(-50%, 0);
    bottom: 16%;}

.fit_map {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.fit_image {
  width: 100%;
  display: block;
  border-radius: 0.5rem;
}

/* 기본 포인트 스타일 */
.fit_label {
  position: absolute;
  display: flex;
  align-items: center;
  color: #784e2d;
  font-weight: 600;
  font-size: 0.95rem;
}

/* 점 */
.fit_label .fit_dot {
  width: 10px;
  height: 10px;
  background-color: #c7a27e;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  animation: pulse 1.8s infinite ease-in-out;
}

/* 점선 */
.fit_label .fit_line {
  flex: 1;
  height: 1px;
  border-bottom: 1px dashed #c7a27e;
  margin: 0 6px;
  opacity: 0.8;
  animation: drawLine 2.5s ease-out infinite alternate;
}

/* 텍스트 */
.fit_label .fit_text {
  background-color: #c7a27e;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  font-size: 0.9rem;
  white-space: nowrap;
}

/* --- 각 위치 지정 (이미지 기준으로 조정) --- */
.fit_tone {
  top: 35%;
  left: 5%;
  flex-direction: row-reverse;
}

.fit_acne {
  top: 55%;
  left: 8%;
  flex-direction: row-reverse;
}

.fit_redness {
  top: 35%;
  right: 5%;
  /* flex-direction: row-reverse; */
}

.fit_lifting {
  top: 55%;
  right: 8%;
  /* flex-direction: row-reverse; */
}

/* --- 모션 --- */
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.6); opacity: 0.6; }
}

@keyframes drawLine {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}


#about_us02 .section03 {margin-top: -6.35vw;}

/* FIT 리스트 */
#about_us02 .section04 {background-color: #fcf9f4;}
#about_us02 .section04 ul li{min-height: 33rem;}
#about_us02 .section04 ul li:nth-child(1){ background: url('../images/about_us02_sec04_img01.png') no-repeat center center/cover;}
#about_us02 .section04 ul li:nth-child(2){ background: url('../images/about_us02_sec04_img02.png') no-repeat center center/cover;}
#about_us02 .section04 ul li:nth-child(3){ background: url('../images/about_us02_sec04_img03.png') no-repeat center center/cover;}
#about_us02 .section04 ul li:nth-child(4){ background: url('../images/about_us02_sec04_img04.png') no-repeat center center/cover;}
#about_us02 .section04 ul li .text_box{width: 50%; min-height: inherit; display: flex; flex-direction: column; justify-content: space-between; padding:5.938rem 3.75rem; background-color: rgba(0,0,0,0.2);}
#about_us02 .section04 ul li:nth-child(odd) .text_box{justify-self: flex-end;}
#about_us02 .section04 ul li .text_box * {color: #fff;}

/* ===================== // FIT 솔루션 ===================== */

/* ===================== 의료진 소개 ===================== */
#about_us03 .section01{background: url("../images/about_us03_sec01_back.png") no-repeat center center/cover;}
.doctor_list>li{display: flex; align-items: center;}
.doctor_list>li:nth-child(even) {flex-direction: row-reverse;}
.doctor_list>li:not(:first-child) {margin-top: 15.625rem;}
.doctor_list>li:nth-child(even) {flex-direction: row-reverse;}

/* 사진 카드 */
.doctor-photo-wrap {
    width: 39.56%;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow:15px 30px 10px rgba(126,114,96,0.15);
}

.doctor-photo {
  width: 100%;
  height: auto;
  display: block;
}

/* 텍스트 */
.doctor-info {
    position: relative;
    flex: 1;
    padding:12rem 6.66% 12.5rem;
    font-size :1.875rem;
}
.doctor_list>li:nth-child(even) .doctor-info {padding-left: 17.75%;}

.doctor_list>li:nth-child(odd) .doctor-info::after{content: ''; z-index: -1; position: absolute; top: 0; left: calc(-16.35% * 2); width: calc(73.69vw + 16.35%); height: 100%; border-radius:28.125rem 0 0 28.125rem; background:url("../images/about_us03_sec01_img01_back.png") no-repeat right center /cover; box-shadow: 0 29px 27px rgba(126,114,96,0.24)}
.doctor_list>li:nth-child(even) .doctor-info::after{content: ''; z-index: -1; position: absolute; top: 0; right: calc(-16.35% * 2); width: calc(73.69vw + 16.35%); height: 100%; border-radius: 0 28.125rem 28.125rem 0; background:url("../images/about_us03_sec01_img02_back.png") no-repeat left center /cover; box-shadow: 0 29px 27px rgba(126,114,96,0.24)}

.doctor-name {
  font-size: 3.125rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
  display: block;
}

.doctor-name span {
  font-size: 1.875rem;
  font-weight: 400;
  margin-left: 0.5rem;
}

.doctor-name-en {
  color: var(--s2-color);
  margin-bottom: 4.5rem;
  font-size: 1.875rem;
}

.doctor-career li {
    font-size: 1.875rem;
    margin-bottom: 2.25rem;
    position: relative;
    color: #716357;
}

.doctor-career li::before { content: "· ";}


/* 하단 배너 */
#about_us03 .section02{background:url("../images/about_us03_sec02_back.png?ver=1") no-repeat left center /cover; }

@media all and (max-width: 1440px) {
    .doctor_list>li:nth-child(odd) .doctor-info {padding-right: 0;}
    .doctor_list>li:nth-child(even) .doctor-info {padding-left: 6.66%;}
}
@media all and (max-width: 1200px) {
    .doctor_list>li:nth-child(even) .doctor-info {padding-left: 0;}
}


/* ===================== // 의료진 소개 ===================== */

/* ===================== 의료장비 소개 ===================== */
/* 루메라피부과의 프리미엄 의료기기 */
#about_us04 .section01 {overflow: hidden; background:url("../images/about_us04_sec01_back.png") no-repeat center center/cover;}
#about_us04 .section01 .section_titlebox {margin-bottom: 5.625rem;}
#about_us04 .section01 .section_titlebox .title_img {display: inline-block;}
#about_us04 .section01 .section_titlebox .detail_title + .title_img {margin-top: 1.25rem;}
#about_us04 .section01 .section_titlebox .text-xl{display: inline-block;  padding: 0.44rem 1.563rem; border-top: 4px solid var(--s6-color); border-bottom: 4px solid var(--s6-color);}
#about_us04 .section01 .section_titlebox .title_img + .text-xl{margin-top:1.563rem;}

#about_us04 .section01 .flexbox{justify-content: space-between; gap: 4.6%; align-items: flex-start;}
#about_us04 .section01 .devices_img{overflow: visible; position: relative; transform: translateY(-12.18%); left: 1rem;}
#about_us04 .section01 .devices_img::before{content: ''; z-index: -1; position: absolute; right: -1.438rem; bottom: 4.67%; width: calc(50vw + 1.438rem + 20%); height: 72.33%; border-radius:0 50rem 50rem  0; background-color: rgba(218,218,217,0.8);}

.devices_desc_list li{display: flex; align-items: baseline; gap: 1rem; letter-spacing: -0.03em; padding:1rem 2.2rem 1rem 3rem; max-width: 38.125rem; min-height: 4.313rem; font-size: 1.875rem; font-weight: 500; border-radius: 4rem; background-color: rgba(255,255,255,0.5);}
.devices_desc_list li::before{content: ''; display: block; flex-shrink: 0; width: 1.313rem; height: 1.25rem; background: url("../images/icon_chked.png") no-repeat center center/contain;}
.devices_desc_list li:not(:first-child){margin-top: 2.813rem;}


/* 장비 소개 */
.devices_list{display: flex; align-items: center; flex-wrap: wrap; column-gap: 4.063rem; row-gap: 4.188rem;}
.devices_list>li{position: relative; width: calc((100% - (4.063rem * 2)) / 3); border-radius: 1.563rem; overflow: hidden; transition:all 0.5s;}
.devices_list>li::after{content: ''; opacity: 0; z-index: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(24,16,12,.75);}
.devices_item_textbox{z-index: 1; position: absolute; top: 2rem; bottom: 2rem; left: 2.5rem; width: calc(89% - 1.5rem); max-height: 100%; padding-right: 1rem; overflow: auto; transition:inherit;}
.devices_item_textbox * {transition:inherit;}
.devices_item_title{display: block; font-size:2.063rem; }
.devices_item_textbox .titlebox .text + .devices_item_title{margin-top: 0.438rem;}
.devices_item_textbox .detail_title_desc{height: 0;     overflow: hidden; visibility: hidden; opacity: 0; color: #fff ;}
.devices_item_textbox .titlebox + .detail_title_desc{margin-top: 2.688rem; }



/* 배너  */
#about_us04 .section03.bnner{ background:url("../images/about_us03_sec02_back.png?ver=1") no-repeat center center/cover;}

@media all and (min-width: 1025px) {
    /* 장비 소개 */
    .devices_list>li:hover::after{visibility: visible; opacity:1;}
    .devices_list>li:hover .devices_item_textbox * {color: #fff !important;}
    .devices_list>li:hover .detail_title_desc {height: auto; visibility: visible; opacity: 1;}
}
/* ===================== // 의료장비 소개 ===================== */



/* ===================== 진료안내 / 오시는길 ===================== */
/* 루메라피부과의원 */
#about_us05 .section01{overflow: hidden; background:url("../images/about_us05_sec01_back.png") no-repeat center bottom/cover;}
#about_us05 .section01::after{content: ''; opacity: 0.2; z-index: 0; position: absolute; right: -1.04vw; top:-2.6vw; width:27.34vw; height:26.92vw; background:url("../images/about_us05_sec01_logo.svg?ver=1") no-repeat center bottom/cover;}

#about_us05 .section01 #map{min-height: 32.188rem; }
#about_us05 .section01 .map_box{position: relative;}
#about_us05 .section01 .map_box::after{content: ""; z-index: -1; position: absolute; left: 0; top: 1.438rem; width: calc(100% + 1.25rem); height: 100%; background-color:var(--s1-color); opacity: 0.3;}
#about_us05 .section01 .contact{transform: translateY(0.6%); padding-left: 13.5%;}
#about_us05 .section01 .contact>div{border-color: var(--s2-color);}
#about_us05 .section01 .content_title{color: var(--s2-color);}
#about_us05 .section01 .detail_title{color: var(--s2-color);}
#about_us05 .section01 .contact .contact_right *{color: var(--s2-color);}
#about_us05 .section01 .contact .contact_right .tel {color: var(--s2-color);}
#about_us05 .section01 .contact .sns_name::before{background-image: url("../images/kakao_logo02.png?ver=1");}


/* 진료공간 */
.treatment_space_thumb_swiper {margin-bottom: 3.125rem;}
.treatment_space_swiper_area .swiper-slide img{width: 100%;}
.treatment_space_swiper .swiper-slide{height: 12.5rem; object-fit: contain;}
.treatment_space_swiper .swiper-slide img{object-fit: cover;  height: 100%;}
.treatment_space_swiper_area .swiper-scrollbar{left: 0 !important; position: relative; width: 100%; height: 5px !important; margin-top: 2.875rem; background: #ececec !important; border-radius: 0 !important;}
.treatment_space_swiper_area .swiper-scrollbar-drag{background: #dcc5b3 !important; border-radius: 0 !important;}
/* .treatment_space_swiper_area .swiper-pagination{position: relative; width: 100%; height: 5px !important; margin-top: 2.875rem; background: #ececec !important;} */
/* .treatment_space_swiper_area .swiper-pagination-progressbar-fill{background: #dcc5b3 !important;} */

.treatment_space_swiper_area .swiper-button-prev, .treatment_space_swiper_area .swiper-button-next{width: 2.313rem; height: 3.375rem; background: url("../images/about_us05_sec02_slide_prev_btn.png") no-repeat center center / contain;}
.treatment_space_swiper_area .swiper-button-prev{    left: 14.58%;}
.treatment_space_swiper_area .swiper-button-next{    right: 14.58%;}


/* 배너  */
#about_us05 .section03.bnner{background:url("../images/about_us03_sec02_back.png?ver=1") no-repeat center center/cover;}
/* ===================== // 진료안내 / 오시는길 ===================== */