@font-face {
    font-family: 'SortsMillGoudy';
    font-style: italic;
    src: url('/font/SortsMillGoudy-Italic.woff') format('woff');
}
@font-face {
    font-family: 'SortsMillGoudy';
    font-style: normal;
    src: url('/font/SortsMillGoudy-Regular.woff') format('woff');
}
	
.eng_b2{font-family: 'SortsMillGoudy';}
.hams{font-family: 'SortsMillGoudy';}
.Sorts{ font-family: 'SortsMillGoudy';}
@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.mj{ font-family: 'KBIZHanmaumMyungjo';}
.engf{font-family: 'Century Gothic', sans-serif;}
.pret{ font-family: 'Pretendard';}

@font-face { 
    font-family: 'Pretendard'; font-style: normal; 
    font-weight: 100; 
    src: url(/font/Pretendard-Thin.woff2) format('woff2'),
         url(/font/Pretendard-Thin.woff) format('woff'), 
         url(/font/Pretendard-Thin.otf) format('opentype'); 
} 

@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; font-weight: 300; 
    src: url(/font/Pretendard-Light.woff2) format('woff2'), 
         url(/font/Pretendard-Light.woff) format('woff'), 
         url(/font/Pretendard-Light.otf) format('opentype'); 
} 
@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; font-weight: 400; 
    src: url(/font/Pretendard-Regular.woff2) format('woff2'), 
         url(/font/Pretendard-Regular.woff) format('woff'), 
         url(/font/Pretendard-Regular.otf) format('opentype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; font-weight: 500; 
    src: url(/font/Pretendard-Medium.woff2) format('woff2'), 
        url(/font/Pretendard-Medium.woff) format('woff'), 
        url(/font/Pretendard-Medium.otf) format('opentype'); 
} 

@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; font-weight: 600; 
    src: url(/font/Pretendard-SemiBold.woff2) format('woff2'), 
        url(/font/Pretendard-SemiBold.woff) format('woff'), 
        url(/font/Pretendard-SemiBold.otf) format('opentype'); 
} 

@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; font-weight: 700; 
    src: url(/font/Pretendard-Bold.woff2) format('woff2'), 
        url(/font/Pretendard-Bold.woff) format('woff'), 
        url(/font/Pretendard-Bold.otf) format('opentype'); 
} 

@font-face { 
    font-family: 'Pretendard'; 
    font-style: normal; font-weight: 900; 
    src: url(/font/Pretendard-ExtraBold.woff2) format('woff2'), 
        url(/font/Pretendard-ExtraBold.woff) format('woff'), 
        url(/font/Pretendard-ExtraBold.otf) format('opentype'); 
} 


.map_size_all{width: 90%; max-width: 1500px; margin: 0 auto;}
.poto_wp{width: 100%; height: auto; display: inline-block; background: #f9f9f9;}
.section03{position: relative;}
.btn_plus{position: absolute; right: 0px; top: 0px;}
@media only screen and (max-width: 900px) {	
.m_center_img img{ display: block; margin: 0 auto;}
.btn_plus{position: absolute; right: 0px; top: 0px; width: 30px;}
	}

/********폰트속성정리********/
.h5{height: 5px!important;}
.index_f50m{font-size: 50px!important;word-break: keep-all;}
.index_f30m{font-size: 30px!important;word-break: keep-all;}
.index_f25m{font-size: 25px!important;word-break: keep-all;}
.index_f18m{font-size: 18px!important;word-break: keep-all;}
.index_f10m{font-size: 10px!important;word-break: keep-all;}
.index_f150{font-size: 150px!important;word-break: keep-all;}			
.index_f130{font-size: 130px!important;word-break: keep-all;}
.index_f100{font-size: 100px!important;word-break: keep-all;}
.index_f90{font-size: 90px!important;word-break: keep-all;}	
.index_f80{font-size: 80px!important;word-break: keep-all;}		
.index_f70{font-size: 70px!important;word-break: keep-all;}		
.index_f60{font-size: 60px!important;word-break: keep-all;}			
.index_f50{font-size: 50px!important;word-break: keep-all;}	
.index_f40{font-size: 40px!important;word-break: keep-all;}
.index_f35{font-size: 35px!important;word-break: keep-all;}
.index_f30{font-size: 30px!important;word-break: keep-all;}
.index_f25{font-size: 25px!important;word-break: keep-all;}
.index_f20{font-size: 20px!important;word-break: keep-all; line-height: 25px;}
.index_f18{font-size: 18px!important;word-break: keep-all; line-height: 25px;}
.index_f16{font-size: 16px!important;word-break: keep-all; line-height: 25px;}
.index_f14{font-size: 14px!important;word-break: keep-all;}
.index_f10{font-size: 10px!important;word-break: keep-all;}
.index_line{width: 100px;  height: 2px; background: #fff; opacity: 0.2}
.index_color_sub{color: #fff!important; text-shadow: 1px 2px 1px rgba(000,000,000,0) }	
.index_line2{width: 100px;  height: 2px; background: #333; opacity: 0.2}
.index_color_sub2{color: #333!important; text-shadow: 1px 2px 1px rgba(000,000,000,0) }		
	
 @media only screen and (max-width: 1540px) {
 .index_f20{font-size:16px !important;}
 .index_f16{font-size:15px !important;}
 }

 @media only screen and (max-width: 1100px) {
  .index_f20{font-size:14px !important;}
 .index_f16{font-size:13px !important;}
 }
 @media only screen and (max-width: 900px) {
.index_f150{font-size: 100px!important;word-break: keep-all;}			
.index_f130{font-size: 100px!important;word-break: keep-all;}
.index_f100{font-size: 50px!important;word-break: keep-all;}
.index_f90{font-size: 40px!important;word-break: keep-all;}		 
.index_f80{font-size: 50px!important;word-break: keep-all;}		
.index_f70{font-size: 45px!important;word-break: keep-all;}		
.index_f60{font-size: 40px!important;word-break: keep-all;}	
.index_f50{font-size: 35px!important;word-break: keep-all;}	
.index_f40{font-size: 30px!important;word-break: keep-all;}
.index_f35{font-size: 28px!important;word-break: keep-all;}
.index_f30{font-size: 25px!important;word-break: keep-all;}
.index_f25{font-size: 14px!important;word-break: keep-all;}
.index_f20{font-size: 14px!important;word-break: keep-all; line-height: 25px;}
.index_f18{font-size: 14px!important;word-break: keep-all; line-height: 25px;}
.index_f16{font-size: 15px!important;word-break: keep-all; line-height: 25px;}
.index_f14{font-size: 15px!important;word-break: keep-all;}
.index_f10{font-size: 9px!important;word-break: keep-all;}
	  }
	
.index_f25sm{font-size: 25px!important;word-break: keep-all;}
.index_f16sm{font-size: 16px!important;word-break: keep-all;}
.text_up{text-transform: uppercase;}
.word_keep{word-break: keep-all;}
.index_color{color: #ae7e6d!important;}
.index_color2{color: #644d33!important;}	

.index_bg{background: #a57462!important;}
.index_bg2{background: #A57462!important;}
.index_ib{display: inline-block!important;}
.index_ls10{letter-spacing: 10px!important;}
.index_ls20{letter-spacing: 20px!important;}
.text_center{text-align: center;}
.index_line1{line-height: 20px;}
.index_line2{line-height: 25px;}
 @media only screen and (max-width: 900px) {
.index_ls10{letter-spacing: 5px!important;}
.index_ls20{letter-spacing: 10px!important;}
.text_center{text-align: center;}
.index_line1{line-height: 20px;}
.index_line2{line-height: 25px;}	 
	}
/********폰트속성정리********/	

/********가로사이즈 정리********/
.index_w1200{ width: 95%; max-width: 1300px; margin: 0 auto;}
.index_w50{ width: 100%; max-width: 50%; margin: 0 auto;}
.index_w60{ width: 100%; max-width: 60%; margin: 0 auto;}
.index_w70{ width: 100%; max-width: 70%; margin: 0 auto;}
.index_w80{ width: 100%; max-width: 80%; margin: 0 auto;}
.index_w90{ width: 100%; max-width: 90%; margin: 0 auto;}
.index_w95{ width: 100%; max-width: 95%; margin: 0 auto;}
/********가로사이즈 정리********/
	
/********폰트색상 정리********/
.c_g{color:#999!important;}
.c_by{color: #3e3838!important;}
/********폰트색상 정리********/
	
/********라인표기 정리********/
.index_g_line{ width: 50px; height: 2px; background: #999; display: block; margin: 0 auto;}	
.index_b_line{ width: 50px; height: 2px; background: #000; display: block; margin: 0 auto;}	
.index_w_line{ width: 50px; height: 2px; background: #fff; display: block; margin: 0 auto;}	
/********라인표기  정리********/
	
/********상하 마진   정리********/
.index_mar10{margin: 10px 0 10px 0;}
.index_mar20{margin: 20px 0 20px 0;}
.index_mar30{margin: 30px 0 30px 0;}
.index_mar40{margin: 40px 0 40px 0;}
.index_mar40{margin: 50px 0 50px 0;}
/********상하 마진  정리********/	
	
/********상하 패딩   정리********/
.index_pa10{padding  10px 0 10px 0;}
.index_pa20{padding: 20px 0 20px 0;}
.index_pa30{padding: 30px 0 30px 0;}
.index_pa40{padding: 40px 0 40px 0;}
.index_pa40{padding: 50px 0 50px 0;}
/********상하 패딩  정리********/	
.index_sw{box-shadow : 4px 2px 15px rgba(102,102,102,0.4);}
.index_text_sw{text-shadow: 1px 2px 1px rgba(000,000,000,0.1) }
@media only screen and (max-width: 900px) {
.index_f25sm{font-size: 40px!important;word-break: keep-all;} 
.index_f16sm{font-size: 30px!important;word-break: keep-all;}
.index_f50m{font-size: 70px!important;word-break: keep-all;}	
.index_f18m{font-size: 40px!important;word-break: keep-all;}
.index_f10m{font-size: 25px!important;word-break: keep-all;}
}	
.eff{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.gyc{color:#666;}
.left_pull{float:left;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.w33{width:33.33333333%}
.w20{width:20%}
.w5{width:5%}
.w10{width:10%}
.w25{width:25%}
.w30{width:30%}
.w40{width:40%}
.w60{width:60%}
.w50{width:50%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w33m{width:33.33333333%}
.w20m{width:20%}
.w5m{width:5%}
.w10m{width:10%}
.w25m{width:25%}
.w30m{width:30%}
.w40m{width:40%}
.w60m{width:60%}
.w50m{width:50%}
.w70m{width:70%}
.w80m{width:80%}
.w90m{width:90%}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.f25{font-size:25px !important;}
.f30{font-size:30px !important;}
.f35{font-size:35px !important;}
.f40{font-size:40px !important;}
.f45{font-size:45px !important;}
.f50{font-size:50px !important;}
.f100{font-size:100px !important; }
.m_color{ color:#b18b66;}
.plus_icon{ display:table-cell; vertical-align:middle;}
.fw100{ font-weight:100 !important;}
.fw300{ font-weight:300 !important;}
.fw500{ font-weight:500 !important;}
.fw900{ font-weight:900 !important;}
.g333c{color:#333 !important;}
.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_center{text-align: center !important;}
.letter_sp{ letter-spacing:-1px;}
.letter_sp5{ letter-spacing:5px;}
.letter_sp10{ letter-spacing:10px;}
.letter_sp20{ letter-spacing:20px;}
.clear_fix{clear:both !important;}
.c_w{ color:#fff !important;}
.c_b{ color:#000 !important;}
.c_y{ color:#e5cc68 !important;}
.hive_b{ width:95%; max-width:1150px !important; margin:0 auto; font-size:16px; padding:80px 0 50px 0 !important; display:block; }
.pc{}
.mobile{ display:none!important;}
.mobile2{ display:none!important;}
@media only screen and (max-width: 900px) {
.hive_b{ width:95% !important; max-width:1250px !important; margin:0 auto; font-size:14px; padding:10px 0 10px 0 !important; }	
.pc{ display:none !important;}
.mobile{ display:block!important;}
.h10{height:5px;}
.h20{height:10px;}
.h30{height:15px;}
.h40{height:20px;}
.h50{height:25px;}
.h60{height:30px;}
.h70{height:35px;}
.h80{height:40px;}
.h90{height:45px;}
.h100{height:80px;}
}
@media only screen and (max-width: 500px) {

.mobile2{ display:block!important;}
}
body,html{overflow-x: hidden;}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;}
.hd_pops_footer .hd_pops_reject{background:#fff;text-align:left; color: #333;}
.hd_pops_footer .hd_pops_close{background:#a57462;position:absolute;top:0;right:0; color: #fff}
@media only screen and (max-width: 900px) 
{
#hd_pop {z-index:1000; top:120px; position:relative;margin:0 auto;height:0; max-width:90% !important;}
#hd_pop h2 {position:absolute;  font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px;background:#fff; top:0px !important; left:0% !important; right:0px !important; margin: auto !important; margin-left:0px !important;}
.hd_pops img{max-width:100%; width:100% !important; } 
.hd_pops_con { width:100% !important; max-width:900px !important; height:auto !important;}
.hd_pops_footer {padding: 0;background:#fff;text-align:left;position:relative; top:-8px;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0; margin-right:8px;}
.hd_pops_footer .hd_pops_reject{background:#fff;text-align:left;color: #333;}
.hd_pops_footer .hd_pops_close{background:#a57462;position:absolute;top:0;right:0;olor: #fff}}
}


/* Swiper */
#main_slide .swiper-container {
  width: 100%;
  height: 100vh;
 
  overflow: hidden;
}
/* Swiper slides */
#main_slide .swiper-slide {
	position: relative; width: 100%;overflow: hidden;
}
	
.swiper-container .swiper-pagination-bullet { width: 100px; height: 6px;border-radius: 5px;  background:rgba(78,78,78,0.5); margin: 3px!important; opacity: 1; vertical-align: middle; }
.swiper-container .swiper-pagination-bullet-active { width: 100px; height: 6px; background: #fff;  vertical-align: middle;/** transition: width .5s;**/ border-radius: 5px;  }	
	@media only screen and (max-width: 900px) 
{
.swiper-container .swiper-pagination-bullet { width: 40px; height: 6px;border-radius: 5px;  background:rgba(78,78,78,0.5); margin: 3px!important; opacity: 1; vertical-align: middle; }
.swiper-container .swiper-pagination-bullet-active { width: 40px; height: 6px; background: #fff;  vertical-align: middle;/** transition: width .5s;**/ border-radius: 5px;  }		
	}
.swiper-container .swiper-slide.swiper-slide-active .slide-image, .swiper-slide.swiper-slide-duplicate-active .slide-image {
transform:scale(1);transition-delay:.3s;transition-duration:5.7s;
}
.slide-image {transform:scale(1.2);
  height: 100%;  
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 1400ms ease;
}

@media only screen and (max-width: 900px) 
{
#main_slide .swiper-container {  width: 100%;  height:auto;}
.slide-image{background-size: cover; background-position: 80%;}
}

.text_wrap{position: absolute; bottom: 25%; width: 100%; left: 20%;} 	
.sl_text_efs{overflow: hidden;position: absolute; bottom: 100px;  width: 100%; text-align: center; left: 0%; z-index: 100000; height: 250px;-webkit-filter: blur(0px);
            filter: blur(0px);}
.sl_text_efs3{overflow: hidden;position: absolute; bottom: 0px;   width: 100%; text-align: center; left: 0%;z-index: 100000; height: 80px;-webkit-filter: blur(0px);
            filter: blur(0px);}
.sl_text_efs>div {
	font-size:45px;
	letter-spacing:-.03em;
	font-weight: 100;
	transform:translateY(150%);
	-webkit-transform:translateY(150%);
	-moz-transform:translateY(150%);
	-ms-transform:translateY(150%);
	-o-transform:translateY(150%);
	 -webkit-filter: blur(12px);
            filter: blur(12px);
	word-break: keep-all;
	/**text-transform: uppercase;**/
}
.swiper-slide.swiper-slide-active .sl_text_efs>div {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transition:1.5s ease-in-out;
	-webkit-transition:1.5s ease-in-out;
	-moz-transition:1.5s ease-in-out;
	-ms-transition:1.5s ease-in-out;
	-o-transition:1.5s ease-in-out
		  -webkit-filter: blur(0px);
   filter: blur(0px);
}
.sl_text_efs2>div {
	
	transition-delay:0.8s;
	transform:translateY(-150%);
	-webkit-transform:translateY(-150%);
	-moz-transform:translateY(-150%);
	-ms-transform:translateY(-150%);
	-o-transform:translateY(-150%)
}
.swiper-slide.swiper-slide-active .sl_text_efs2>div {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transition:2s ease-in-out;
	-webkit-transition:2s ease-in-out;
	-moz-transition:2s ease-in-out;
	-ms-transition:2s ease-in-out;
	-o-transition:2s ease-in-out
}

.sl_text_efs3>div {
	transform:translateY(150%);
	-webkit-transform:translateY(150%);
	-moz-transform:translateY(150%);
	-ms-transform:translateY(150%);
	-o-transform:translateY(150%);
	 -webkit-filter: blur(12px);
     filter: blur(12px);
	word-break: keep-all;
	/**text-transform: uppercase;**/
}
.swiper-slide.swiper-slide-active .sl_text_efs3>div {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transition:1.5s ease-in-out;
	-webkit-transition:1.5s ease-in-out;
	-moz-transition:1.5s ease-in-out;
	-ms-transition:1.5s ease-in-out;
	-o-transition:1.5s ease-in-out
		  -webkit-filter: blur(0px);
   filter: blur(0px);
}
	.bk_ms1{background:url(/img/1.jpg)60%; background-size: cover; }
	.bk_ms2{background:url(/img/2.jpg)60%; background-size: cover; }
	.bk_ms3{background:url(/img/3.jpg)60%; background-size: cover; }
	.bk_ms4{background:url(/img/4.jpg)60%; background-size: cover; }
	.bk_ms5{background:url(/img/5.jpg)60%; background-size: cover; }

   
@media only screen and (max-width: 900px) 
{
	
 .text_wrap{position: absolute; bottom: 5%; width: 100%; left: 0%;} 	
.sl_text_efs{bottom:  180px; height: auto;}
.sl_text_efs img{width: 50%}
.sl_text_efs3{bottom: 80px; height: 80px;}

.bk_ms1{background:url(/img/1.jpg)40%; background-size: cover; }
.bk_ms2{background:url(/img/2.jpg)60%; background-size: cover; }
.bk_ms3{background:url(/img/3.jpg)50%; background-size: cover; }
.bk_ms4{background:url(/img/4.jpg)50%; background-size: cover; }
.bk_ms5{background:url(/img/5.jpg)50%; background-size: cover; }
	
   }

	.main_pos {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 1000;
}
	.swiper-button-prev{
	background: url(/img/prevn.png);
	width: 16px;
	height: 18px;
	left: 5%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.swiper-button-next {
	background: url(/img/nextn.png);
   width: 16px;
	height:18px;
	right: 5%;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.reservation-btn {
    display: inline-block;
    color: white; /* 기본 글씨 색상 */
    border: 1px solid white; /* 흰색 보더 */
    padding: 10px 50px;
    text-decoration: none;
	border-radius: 20px;
    position: relative;
    overflow: hidden; /* 배경 애니메이션 overflow 조정 */
    transition: color 0.4s ease; /* 글자색 전환 */
    z-index: 10; /* 글자가 항상 위에 있도록 */
}
	@media only screen and (max-width: 900px) 
{
.reservation-btn {

    padding: 5px 20px;

}	
	  }

.reservation-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,0.1); /* 마우스 오버 시 배경색 흰색 */
    transition: left 0.4s ease; /* 부드러운 배경 애니메이션 */
    z-index: 0; /* 배경이 글자 아래에 위치 */
}

.reservation-btn:hover {
    color:#fff; /* 글자색을 검정으로 변경 */
}
.reservation-btn:hover::after{
    left: 50%;transform: translate(-50%, -50%);
}
.reservation-btn:hover::before {
    left: 0; /* 배경이 왼쪽에서 오른쪽으로 채워지도록 */
}







.custom-container {
    width: 100%;
    height: auto; 
    display: inline-block;
    margin: 0 auto;
    position: relative;
    padding: 0;
   
}

ul.custom-tabs {
	position: absolute;
    margin: 0;
    padding: 0;
	top: -50px; left: 300px;
    list-style: none;
    font-size: 0;
    width: 100%;
}

ul.custom-tabs li {
    background: none;
    color: #222;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    width: auto;
    border-radius: 0;
    padding: 0;
    margin: 10px;
    transition: background 0.3s ease, color 0.3s ease; /* 배경색과 글자색 전환에 대한 부드러운 애니메이션 */
    text-align: center;
    font-size: 16px; 
    box-sizing: border-box;
    border-left: 0;
    font-weight: 400;
}

ul.custom-tabs li.current_custom {
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: bold;
    transition: top 0.3s ease; /* Transition for smooth movement */
}

.custom-tab-content {
    visibility: hidden;
    position: absolute;
    width: 100%;
	background: #fff;
	display: inline-block;
    margin: 0 auto;
}

.custom-tab-content.current_custom {
    visibility: visible;
	background: #fff;
	display: inline-block;
	height: auto;
    position: relative;
}

/* Media Queries */
@media only screen and (max-width: 1355px) {
    .custom-tab-content {
        visibility: hidden;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0;
    }    
}

@media only screen and (max-width: 900px) {
  ul.custom-tabs {
	position:  relative;
    margin: 0;
    padding: 0;
	top: 0px; left: 0px;
    list-style: none;
    font-size: 0;
    width: 100%;
}
	

    .custom-tab-content {
        overflow: hidden;
        visibility: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    ul.custom-tabs li {
        margin: 20;
    }
}

.container2 {
  position: relative;
  width: 100%;

  height: 80vh;
  display: flex;
	background: #eee;
	
}

.section2 {
  flex: 1;
  text-align: center;
  position: relative;
  cursor: pointer;
  
  transition: opacity 0.3s;
}
		
@media (max-width: 900px) {
.container2 {
  position: relative;
  width: 100%;
	
  height: auto;
  display: block;
	background: #eee;
	
}
.section2 {
  flex: auto;
	padding: 20px 0 20px 0;
  text-align: center;
  position: relative;
  cursor: pointer;  width: 100%;
	height: auto;

  transition: opacity 0.3s;
}

}
	
	
	
.section2:before{content: ''; width: 1px; height: 100%; background: #fff; opacity: 0.1; position: absolute; right: 0px; top: 0px; z-index: 1;}
	
.text22 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: opacity 0.3s;
  opacity: 0.2; /* 초기 불투명도를 0.5로 설정 */transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; 
}

.text22.active {
  opacity: 1; /* 마우스 오버한 섹션의 텍스트 불투명도를 1로 설정 */
	 top: 49%;transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; 
}

.background2 {
  position:  absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-image: url('/img/m1.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1; 
	pointer-events:none; 
	transform-origin:center center; 
	transform-origin:center center; 
	transform-origin:center center; 
	transform-origin:center center; 
	
	/* Add transitions */
	transition:
 transform .3s ease .3s, /* Added delay equal to the duration of the opacity transition */
    opacity .3s ease,
    background-image .3s ease-in-out ; /* transition for background image added */
}


@media (max-width: 900px) {

	.background2 {
  position:  absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	background-image: url('/img/m11.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1; 
	pointer-events:none; 
	transform-origin:center center; 
	transform-origin:center center; 
	transform-origin:center center; 
	transform-origin:center center; 
	
	/* Add transitions */
	transition:
 transform .3s ease .3s, /* Added delay equal to the duration of the opacity transition */
    opacity .3s ease,
    background-image .3s ease-in-out ; /* transition for background image added */
}.section2:before{content: ''; width: 150%; height: 1px; background: #fff; opacity: 0.1; position: absolute; right: -20%; top:auto; bottom: 0px; z-index: 10;}
		
.text22 {
  position:  relative;
  top: 0%;
  left: 0%;
	margin: 0 auto;
  transform: translate(0%, 0%);
  z-index: 1;
  transition: opacity 0.3s;
  opacity: 0.2; /* 초기 불투명도를 0.5로 설정 */transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; 
	padding: 30px;
}
.text22 img{width: 100%; display: block; margin: 0 auto;}
.text22.active {
  opacity: 1; /* 마우스 오버한 섹션의 텍스트 불투명도를 1로 설정 */
	 top: 0%;transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; 
}


	}
	

.index_btn_wrap {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* 최소 120px 크기의 버튼이 균등하게 배치 */
        gap: 10px; /* 버튼 간격 */
    }
.btn_warps2 {
        padding: 0px;
    
        border-radius: 0px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
.index_btn_wrap2 {
        width: 100%;
        display: flex;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* 최소 120px 크기의 버튼이 균등하게 배치 */
        gap: 10px; /* 버튼 간격 */
    }
		
	
.index_btn {
		cursor: pointer;
        background: #a57462;
        font-size: 16px;
        border-radius: 0px; /* 둥근 테두리로 시각적 개선 */
        padding: 10px;
        border: 0;
        text-align: center;
        color: #fff;
        height: 40px; /* 조금 더 넓은 고정 높이 설정 */
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s ease; /* 배경색 전환 효과 */
    }
.index_btn2 {
		cursor: pointer;
        background: #eee;
        font-size: 16px;
        border-radius: 0px; /* 둥근 테두리로 시각적 개선 */
        padding: 10px;
        border: 0;
        text-align: center;
        color: #000;
        height: 40px; /* 조금 더 넓은 고정 높이 설정 */
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s ease; /* 배경색 전환 효과 */
    }
.index_btn:hover {
        background: #553A31; /* 호버 시 조금 더 밝은 색상으로 변경 */
    }

.index_btn2:hover{background: #553A31; color: #fff;}
.board_wp_size{display:table; width:100%; overflow:hidden; margin:0px auto 0px auto;}
.board_img{ position:relative; display:table; width:1920px ; left:50%; margin-left:-960px;}
@media (max-width: 1300px) {	
.board_img{ position:relative; display:table; width:140%; left:50%; margin-left:-70%;}
 }
@media (max-width: 900px) {	
.board_img{ position:relative; display:table; width:300%; left:0%; margin-left:-35%;}
 }





		
.special-slider .swiper-slide {
    padding: 0;
    opacity: 0.5; /* Start with lower opacity */
    overflow: hidden;
    width: 25%;
    max-width: 300px;
    transition: width 0s ease-in-out, opacity 0.6s ease-in-out; /* Smooth transitions */
}

.special-slider .swiper-slide-active {
    opacity: 1; /* Fully opaque when active */
    padding: 0;
    width: 50%; /* Increase width for active slide */
    max-width: 1200px;
}
	@media only screen and (max-width: 900px) 
{
		
.special-slider .swiper-slide {
    padding: 0;
    opacity: 0.5; /* Start with lower opacity */
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    transition: width 0s ease-in-out, opacity 0.6s ease-in-out; /* Smooth transitions */
}

.special-slider .swiper-slide-active {
    opacity: 1; /* Fully opaque when active */
    padding: 0;
    width: 100%; /* Increase width for active slide */
    max-width: 100%;
}
	}
.special-slider .swiper-slide .sig_text{
    opacity: 0;   position: absolute;    transition: all 0s ease; /* Add transition for smooth effect */
}

.special-slider .swiper-slide-active .sig_text {
    opacity: 1; 	  position:  relative!important;   
}	
	
@media only screen and (max-width: 900px) 
{
	.sig_text{width: 100%;}
.special-slider .swiper-slide .sig_text{
    opacity: 0;   position: relative;    transition: all 1.8s ease; /* Add transition for smooth effect */
}

.special-slider .swiper-slide-active .sig_text {
    opacity: 1; 	  position:  relative;   
}	
	
	}
.special-slider .swiper-slide .sig_img{
    width: 100%; border-radius: 0px; overflow: hidden; transition: border-radius 0.5s ease; /* transition 추가 */
}

.special-slider .swiper-slide-active .sig_img {
    width: 50%;  border-radius: 0px;
}	
		
@media only screen and (max-width: 900px) 
{
.special-slider .swiper-slide-active .sig_img {
    width: 100%;  border-radius: 20px;
}
.sig_img img{width: 100%}	
	}
.special-slider .swiper-slide .sig_no_text{
    opacity: 1; 
}

.special-slider .swiper-slide-active .sig_no_text{
    opacity: 0; 
}	
.special-slider .swiper-slide .sigred{
     border-radius: 0px;   filter: grayscale(100%) blur(2px);
    transform: translateY(-1%) scale(1); /* Initially translate downwards */
	transition: all 0.5s ease; /* Add transition for smooth effect */
}

.special-slider .swiper-slide-active .sigred {
    border-radius: 30px;  filter: grayscale(0%) blur(0px);
    transform: translateY(0%) scale(1); /* Initially translate downwards */
}	
	
.swiper-slide.mainv:hover .hover-zoom {
    border-radius: 30px;
  transition: border-radius 0.3s ease; /* 테두리에 애니메이션 효과를 추가합니다. */
		
	 filter: grayscale(50%); /* 흑백 처리 */
				/**-webkit-transform:scale(1.1); 
            -moz-transform:scale(1.1); 
            -o-transform:scale(1.1); 
            transform:scale(1.1);
	-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
		transition: all 0.5s ease; **/
				
  }
		
.hover-zoom { -webkit-transform:scale(1.0); /*  크롬 */
            -moz-transform:scale(1.0); /* FireFox */
            -o-transform:scale(1.0); /* Opera */
            transform:scale(1.0);
			-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
		transition: all 0.5s ease; 
    }
 .hover-zoom:hover {
        transform: scale(1.0);
    }
	.mainv{position: relative; }
	.sig_no_text{position: absolute; height: 130px; right:30px; top: 10px;  transform: rotate(90deg); /* 요소를 90도 회전 */}
	.sig_wrap{max-width: auto; float: right; width: 90%; margin-right: 0%; position: relative;}
	.sig_text img{ } 
	.sig_wp{width: 50%; float: left;}

	.bns1{position: absolute; left: 30px; bottom: 120px; z-index: 100;}
	.bns2{position: absolute; left: 0px; bottom: 120px; z-index: 100;}
	.sigred{ width: 100%; height: auto; background-size:cover; overflow: hidden;}
	.sigred img {
    transition: transform 0.3s ease-in-out; /* Smooth transition for scaling */ cursor: pointer
}

.sigred img:hover {
    transform: scale(1.1); /* Slightly enlarge the image on hover */
}
	@media only screen and (max-width: 1650px) {
	.sig_text img{ width: 100% } 
	.sigred img { width: 100%}
		.vvh2{width: 100%; max-width: 305px;}
			}
	@media only screen and (max-width: 900px) 
{	.sig_no_text{position: absolute; right: -30px; top: 70px;  transform: rotate(90deg); /* 요소를 90도 회전 */}
	.sig_wrap{max-width: auto; float: right; width: 90%; margin-right: 0%; position: relative;}
	.sig_text img{ width: 100%; } 
	.sig_wp{width: 100%; float: left;}
	.mo_text_all{width: 100%; max-width: 50%;}
	.bns1{position: absolute; left: 30px; bottom: 120px; z-index: 100;}
	.bns2{position: absolute; left: 0px; bottom: 120px; z-index: 100;}
	.sigred{ width: 100%; height:auto;  overflow: hidden;}
	.sigred img {
    transition: transform 0.3s ease-in-out; /* Smooth transition for scaling */ cursor: pointer
}

	
	}
	.vvh{visibility: hidden}
	.vvh2{position: absolute; }