@charset "UTF-8";

:root{
  --transition-custom02: all 0.2s ease-in-out; 
	--transition-custom03: all 0.3s ease-in-out;
	--transition-custom08: all 0.8s ease-in-out;	
  --transition-custom10: all 1.0s ease-in-out;	
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-suit: 'SUIT', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-Myeongjo: 'NanumMyeongjo', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-IvyMode: 'IvyMode', '나눔명조', '명조', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}


.main:not(.body_scroll) #header {background:rgba(40,40,40,0.28);}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:transparent;}

.main:not(.body_scroll) #header:not(:hover) .hd_box:before {opacity: 0;}
.main:not(.body_scroll) .gnb_open #header:not(:hover) .hd_box:before,
.main:not(.body_scroll) .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_logo a .t,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit {color:#fff;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela > li + li:before {background:rgba(255,255,255,0.5);}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a i {background-image: url(../images/layout/hd_member_0101_w.png); opacity: 1;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_login i.i_login {background-image: url(../images/layout/hd_member_0101_w.png);}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_loginOut i.i_login {background-image: url(../images/layout/hd_member_0101_w.png);}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_join i.i_join {background-image: url(../images/layout/hd_member_0102_w.png); } 
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a.btn_mypage i.i_join {background-image: url(../images/layout/hd_member_0102_w.png); } 

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit i { background-image: url(../images/layout/hd_language_icon_w.png); opacity: 1;}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo img {opacity: 0;}

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0102_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0104_w.png); }

.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox { border-color:rgba(255,255,255,0.6)}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox .hd_sch_btn {background-image: url(../images/layout/hd_icon_sch_w.png); opacity: 0.75; }
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox input[type="text"]::placeholder { color:rgba(255,255,255,0.5);}

@media (max-width:1160px) {
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_logo a .t {color:#fff;}

	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box {background:transparent;}
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo { background-image: url(../images/layout/hd_logo_w.png); background-repeat: no-repeat; background-size:contain; }
	.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_box .hd_logo img {opacity: 0;}

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w_mo.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w_mo.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w_mo.png); }

  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sch {background-image: url(../images/layout/hd_icon_sch_w_mo.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_sitemap {background-image: url(../images/layout/hd_icon_hamb_w_mo.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.iconBtn_mMenu {	background-image: url(../images/layout/hd_icon_hamb_w_mo.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_my {background-image: url(../images/layout/mNav_icon_0101_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_login {background-image: url(../images/layout/mNav_icon_0102_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_join {background-image: url(../images/layout/mNav_icon_0103_w.png); }
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header .hd_side_util .btn_ico.ico_logout {background-image: url(../images/layout/mNav_icon_0104_w.png); }
}


.main #header { position:fixed; z-index:100; }


/* common */
.tx_ellip1 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.tx_ellip2 {word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}


/* btn style */
.btn_mainCall .b_t { font-size:1.25rem; font-weight: 500; }
.btn_mainCall .i_call {width:1.75rem; height: 1.75em; background-image: url(../images/main/main_icon_call0201.png);}
@media (max-width:960px) {
  .btn_mainCall .i_call {width:1.5rem; height: 1.5rem; }
}
@media (max-width:460px) {
  .btn_mainCall .i_call {width:1.25rem; height: 1.25rem; }
}


.main .in_cover > .in_w { max-width:1400px;}
.main .main_reserv > .in_w { z-index:5; }


.main .contents { }
.main article { position:relative; width:100%; /*overflow: hidden;*/}
.main section { position:relative;}


.main .h3_w { margin-bottom:0; padding-bottom:0.875rem; border-bottom: 0.125rem solid #222;}
.main .h3_w h3 { flex:1; font-size:1.5rem; font-weight: 500; letter-spacing: -0.036em;}
@media (max-width:1160px) {
  .main .h3_w h3 { font-size:1.625rem; }
}
@media (max-width:6400px) {
  .main .h3_w h3 { font-size:1.5rem; }
}

.main .ico_path::before,
.main .ico_path::after {background:#666666; }

.main .h3_tag_w { display: flex; gap:0.625rem; margin-bottom:1.125rem; }
.main .h3_tag_w h3 {flex:1;}
.main .h3_tag_w h3 .t { display: inline-flex; align-items: center; justify-content: center; width:5rem; height: 1.875rem; color:#fff; line-height: 1.1; font-size:0.9375rem; font-weight: 400; background:#01a0b1; letter-spacing: -0.036em; border-radius: 1rem;}


.main article h2 { display: flex; align-items: flex-end; gap:0.75rem; margin-bottom:3rem; padding-bottom:1rem;  line-height: 1; border-bottom:1px solid #dddddd;}
.main article h2 .x { margin-bottom:0.25rem; font-size:0.875rem; font-weight: 500; letter-spacing: 0;}
.main article h2 .t {font-size: 2rem; font-weight: 600; letter-spacing: -0.048em;}
@media (max-width:1160px) {
  .main article h2 { margin-bottom:2.5rem; font-size:2.5rem;}
}
@media (max-width:768px) {
  .main article h2 { margin-bottom:1.75rem; font-size:2.125rem;}
}
@media (max-width:460px) {
  .main article h2 { margin-bottom:1.5rem; font-size:2rem;}
}

.sec_vis {position:relative; }
.main_vis {position:relative; }
.main_vis,
.main_vis_swiper,
.main_vis_swiper .swiper-slide .w { height: 100vh; min-height: 900px; max-height: 1200px;}
.main_vis_swiper .swiper-slide .w img {width:100%; height: 100%; object-fit: cover; }
.main_vis_swiper .swiper-slide-active .w img { animation:visAni 3.5s 0.5s; animation-fill-mode:both; }
@keyframes visAni{
	from { transform:scale(1.15); }
	to { transform:scale(1); }
}
@media (max-width:1160px) {
  .main_vis { height: auto; min-height:36.5rem; max-height: 640px; overflow: hidden;}
  .main_vis:before {content:''; display: block; padding-top:120%;}
  .main_vis_swiper { position:absolute; left:0; top:0; right:0; height: 100%; min-height:auto; }
  .main_vis_swiper .swiper-slide .w { height: 100%; min-height:auto; }
  
}
@media (max-width:960px) {
  .main_vis_swiper .swiper-slide .w img.pc {display: none;}
  .main_vis_swiper .swiper-slide .w img.mo {display: block!important;}
}

.main_vis .main_vis_tit {z-index:10; position:absolute; top:0; left:0; right:0; padding-top:100px; padding-bottom:370px; height: 100%; color:#fff; box-sizing: border-box;}
.main_vis .main_vis_tit .in_w {display: flex; align-items: center; justify-content: center; height: 100%; box-sizing: border-box;}
.main_vis .main_vis_tit .t_w { position:relative; padding-bottom:100px; width:100%;}
.main_vis .main_vis_tit .t_w .tx { margin-bottom:1rem; min-height: 1.75rem; font-size:1.25rem; letter-spacing: -0.036em; font-weight: 200;  } 
.main_vis .main_vis_tit .t_w .t {font-size:3.25rem; font-weight: 600; letter-spacing: -0.036em; text-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.15); }
.main_vis .main_vis_tit .t_w .x { margin-top:1.5rem; font-size:1.375rem; letter-spacing: -0.036em; font-weight: 200; text-shadow: 0.125rem 0.125rem 0.375rem rgba(0,0,0,0.15);}
.main_vis .main_vis_tit .btn_w { margin-top:2rem; }
.main_vis .main_vis_tit .btn_go { gap:1.75rem; padding:0 0.25rem; height: 3rem; border-bottom:1px solid #fff; box-sizing: border-box;}
.main_vis .main_vis_tit .btn_go .i_arw { margin-top:-0.125rem; background-image: url(../images/main/main_icon_arw0301.png); }
@media (max-height:1100px) {
  .main_vis .main_vis_tit { padding-bottom:350px;}
}
@media (min-width:1161px) {
  .main_vis .main_vis_tit { padding-left:50px; }
}
@media (max-width:1160px) {
  .main_vis .main_vis_tit {padding-bottom:8.125rem;}
  .main_vis .main_vis_tit .t_w {padding-left:3vw; padding-right:3vw; padding-bottom:60px; width:auto; text-align: center;}
  .main_vis .main_vis_tit .t_w .t { font-size:2.75rem; }
}
@media (max-width:768px) {
  .main_vis .main_vis_tit {padding-top:4.5rem;}
  .main_vis .main_vis_tit .t_w .t { font-size:2.5rem; }
  .main_vis .main_vis_tit .t_w .tx,
  .main_vis .main_vis_tit .t_w .x { font-size:1.125rem; }
}
@media (max-width:640px) {
  .main_vis .main_vis_tit .t_w { padding-bottom: 10vw;}
  .main_vis .main_vis_tit .t_w .t { font-size:2.375rem; }
  .main_vis .main_vis_tit .btn_w { margin-top:1.5rem; }
  .main_vis .main_vis_tit .btn_go { gap:1.5rem;}
}
@media (max-width:560px) {
  .main_vis .main_vis_tit .t_w .t { font-size:2.25rem; }
}
@media (max-width:460px) {
  .main_vis .main_vis_tit .t_w .t { font-size:2.125rem; }
  .main_vis .main_vis_tit .t_w .tx {margin-bottom:0.75rem;}
  .main_vis .main_vis_tit .t_w .x {margin-top:1rem;}
  .main_vis .main_vis_tit .btn_w { margin-top:0.875rem; }
}


.main_vis_tit .t_w p {opacity: 0; transform: translateY(-20px);}
.swiper-slide-active .main_vis_tit .t_w p {  animation: visTit_fade 0.5s ease-out forwards ;}
.swiper-slide-active .main_vis_tit .t_w p:nth-child(1) { animation-delay: 0.1s; }
.swiper-slide-active .main_vis_tit .t_w p:nth-child(2) { animation-delay: 0.25s; }
.swiper-slide-active .main_vis_tit .t_w p:nth-child(3) { animation-delay: 0.4s; }
.swiper-slide-active .main_vis_tit .t_w p:nth-child(4) { animation-delay: 0.55s; }
@keyframes visTit_fade {
  to { opacity: 1; transform: translateY(0); }
}

.main_vis .swiper_controll_w { display: flex; z-index: 10; position:absolute; top:50%; left:50%; transform: translateX(-50%); padding:0 30px; width:100%; max-width:1460px; box-sizing: border-box;}
.main_vis .swiper_controll_w .in_w { }
.main_vis .swiper_controll {display: flex; align-items: center; gap:0.75rem; }
.main_vis .swiper_controll .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; height: 1rem; border:none; }
.main_vis .swiper_controll .swiper-pagination {display: flex; gap: 0.375rem; position:relative; left:auto; top:auto; right:auto; bottom:auto; max-width:425px;}
.main_vis .swiper_controll .swiper-pagination-bullet { flex:1; position:relative; margin:0; height: 5px; width:6.25rem; background:rgba(255,255,255,0.3); border-radius: 0; opacity: 1;}
.main_vis .swiper_controll .swiper-pagination-bullet-active:after { content:''; display: block; position:absolute; left:0; top:0; height: 100%; width:0%; background:#e47312; animation: progress 5s linear both;}
@keyframes progress {
  from { width: 0%; }
  to { width: 100%; }
}
@media (max-height:1000px) {
  .main_vis .swiper_controll_w {}
}
@media (max-width:1340px) {
  .main_vis .swiper_controll_w {  }
}
@media (min-width:1161px) {
  .main_vis .swiper_controll_w { padding-left:50px; }
}
@media (max-width:1160px) {
  .main_vis .swiper_controll_w { justify-content: center; top:auto; bottom:11rem; }
  .main_vis .swiper_controll {gap:1rem;}
  .main_vis .swiper_controll .swiper-pagination { max-width:65vw; }
  .main_vis .swiper_controll .swiper-pagination-bullet {height: 0.3125rem; width:10vw; max-width:5rem; }
  .main_vis .swiper_controll .ico { margin-right:-0.5rem; width:1.25rem; height: 1.25rem; background-size:contain;}
  .main_vis .swiper_controll .btn_autoPlay.btn_stop { background-image: url(../images/main/main_icon_play_pause_w_mo.png);}
  .main_vis .swiper_controll .btn_autoPlay.btn_play { background-image: url(../images/main/main_icon_play_play_w_mo.png);}
}
@media (max-width:768px) {
  .main_vis .swiper_controll_w {  bottom:10rem; }
}

.main .main_reserv {position:absolute; left:0; bottom:80px; right:0;}
@media (max-height:1100px){
  .main .main_reserv {bottom:60px;}
}
@media (max-width:1340px) {
  .main .main_reserv {bottom:90px;}
}
@media (max-height:1000px) and (max-width:1340px) {
  .main .main_reserv {bottom:60px;}
}
@media (max-width:1160px) {
  .main .main_reserv {position:relative; bottom:auto; margin-top:-7.75rem; padding-bottom:3rem;}
}

.main_reserv_w { display: flex; position:absolute; left:0; right:0; bottom:0; border-radius: 1rem; overflow: hidden; }
.main_reserv_w .main_reservBox {flex:1; background:#e47312;}
.main_reserv_w .main_reservBox:nth-child(1) { background:#e47312; }
.main_reserv_w .main_reservBox:nth-child(2) { background:#ec952d; }
.main_reserv_w .main_reservBox:nth-child(2) .btn:hover { background-color:#ca740d; border-color:#ca740d;}
.main_reserv_w .main_reservBox:nth-child(3) { background:#5e6f48; }
.main_reserv_w .main_reservBox:nth-child(3) .btn:hover { background-color:#4c5a39; border-color:#4c5a39;}
.main_reserv_w .main_reservBox:nth-child(4) { background:#897569; }
.main_reserv_w .main_reservBox:nth-child(4) .btn:hover { background-color:#5e4e44; border-color:#5e4e44;}
.main_reserv_w .main_reservBox:nth-child(5) { background:#5d5652; }
.main_reserv_w .main_reservBox:nth-child(5) .btn:hover { background-color:#46413e; border-color:#46413e;}
.main_reserv_w .main_reservBox:nth-child(6) { background:#3f3f3f; }
.main_reserv_w .main_reservBox:nth-child(6) .btn:hover { background-color:#2b2b2b; border-color:#2b2b2b;}
@media (max-width:1160px) {
  .main_reserv_w { flex-wrap:wrap; position:relative; left:auto; bottom:auto; right:auto; margin:1.25rem auto 0; max-width:768px; }
  .main_reserv_w .main_reservBox {min-width:40%;}
}


.main_reservBox { display: flex; flex-direction: column; justify-content: center; gap:0.75rem; padding:1.5rem 1.75rem 2.5rem;  min-width: 0; height: 185px; box-sizing: border-box; }
.main_reservBox h3 { flex:1; display: flex; justify-content: center; align-items: center; margin-left:-1.25rem; margin-right:-1.25rem; font-size:1.5rem; color:#fff; font-weight: 500; letter-spacing:-0.036em; text-align: center;}
.main_reservBox .btn {padding:0.5rem; height: 3.125rem; background:transparent; border-color:rgba(255,255,255,0.6);}
.main_reservBox .btn .b_t {color:#fff; line-height: 1.3; text-align: center;}
@media (max-width:1600px) {
  .main_reservBox {padding:1.5rem 2rem 2.5rem; }
}
@media (max-width:1480px) {
  .main_reservBox {padding:1.5rem 1.75rem 2.5rem; }
}
@media (max-width:1340px) {
  .main_reservBox { padding:1.5rem 1.75rem 1.75rem; height: auto; }
  .main_reservBox h3 { flex:none; font-size:1.375rem;}
  .main_reservBox .btn {height: 2.75rem;}
  .main_reservBox .btn_w .btn .b_t br {display: block!important;}
}
@media (max-width:1340px) and (min-width:1161px) {
  .main_reservBox .btn_w .btn {min-height: 3.75rem;}  
}
@media (max-width:1280px) {
  .main_reservBox h3 { font-size:1.3125rem; letter-spacing: -0.06em; }
}
@media (max-width:1160px) {
  .main_reservBox { padding:1.5rem 5vw 1.75rem; }
  .main_reservBox h3 { font-size:1.5rem; }
}
@media (max-width:768px) {  
  .main_reservBox .btn {height: 3rem; font-size:1.0625rem;}
  .main_reservBox .btn_w .btn {min-height: 3rem;}
}
@media (max-width:640px) {
  .main_reservBox h3 { font-size:1.375rem; }
  .main_reservBox .btn { font-size:1.125rem;}
}

.btnReserv_list { display: flex; padding-left:1px; }
.btnReserv_list > li { flex:1; position:relative;  margin-left:-1px;}
.btnReserv_list .btn { width:100%; border-color:#f7d5b8;}
.btnReserv_list > li:hover {z-index:1;}
.btnReserv_list > li .btn:hover {  background-color:#c05900; border-color:#c05900; }
@media (min-width:1341px) {
  .btnReserv_list > li .btn:hover {   border-left-color:#f7d5b8; border-right-color:#f7d5b8;}
  .btnReserv_list > li:first-child .btn:hover {border-left-color:#c05900;}
  .btnReserv_list > li:last-child .btn:hover {border-right-color:#c05900;}
}
@media (max-width:1340px) {
  .btnReserv_list { flex-direction: column; }
  .btnReserv_list { flex-wrap: wrap; padding:0; }
  .btnReserv_list > li {margin:0;}
  .btnReserv_list > li:not(:last-child) { margin-bottom:-1px;}
  .btnReserv_list .btn {}
  .btnReserv_list > li .btn:hover {border-color:#c05900;}
  .btnReserv_list > li:first-child .btn:hover {border-bottom-color:#f7d5b8;}
  .btnReserv_list > li:last-child .btn:hover {border-top-color:#f7d5b8;}
}
@media (max-width:640px) {
  .btnReserv_list > li {flex:none; width:100%;}
}


.main_reservBox .xi_ipInline { display:flex;}
.main_reservBox .xi_ipInline .btn_icon { width:3.125rem; background-color:transparent; border-color:rgba(255,255,255,0.5); }
.main_reservBox .xi_ipInline .btn_icon[value] {font-size:1px; color:transparent; text-indent: -9999px; overflow: hidden;}
.main_reservBox .xi_ipInline .btn_icon.icon_arw { background-image: url(../images/main/main_icon_0101.png);}
.main_reservBox .xi_ipInline .btn_icon.icon_sch { background-image: url(../images/main/main_icon_0102.png); background-size:1.25rem auto; }
.main_reservBox .xi_ipInline input[type="text"] { flex:1; padding-left:0.75rem; padding-right:0.25rem; width:auto; min-width: 0; border-color:#fff; }
.main_reservBox .xi_ipInline input.nam { flex:none; margin-right:0.125rem; width:30%; }
.main_reservBox .xi_ipInline .btn_icon:hover {border-color:#fff;} 
@media (max-width:1480px) {
  .main_reservBox .xi_ipInline input[type="text"]::placeholder {font-size:0.9375rem; letter-spacing: -0.036em;}
}
@media (min-width:1341px) {
  .main_reservBox .xi_ipInline .btn_icon { border-left-width:0;}
}
@media (max-width:1340px) {
  .main_reservBox .xi_ipInline {  flex:1; flex-wrap: wrap; gap:0.125rem; }
  .main_reservBox .xi_ipInline input[type="text"],
  .main_reservBox .xi_ipInline .btn_icon { height: 2.75rem;}
  .main_reservBox .xi_ipInline input[type="text"] {padding-left:0.25rem; text-align: center;}
  .main_reservBox .xi_ipInline .btn_icon {flex:none; width:100%; }
  .main_reservBox .xi_ipInline input.nam { margin:0; width:38%;}
}
@media (max-width:1160px) {
  .main_reservBox .xi_ipInline input[type="text"]::placeholder {font-size:1rem; }
}
@media (max-width:768px) {
  .main_reservBox .xi_ipInline input[type="text"],
  .main_reservBox .xi_ipInline .btn_icon { height: 3rem; min-height: 3rem; font-size:1.0625rem;}
}
@media (max-width:768px) {
  .main_reservBox .xi_ipInline { flex-direction: column; }
  .main_reservBox .xi_ipInline input.nam {width:100%;}
}


.main_reservBox.st01 { display: flex; justify-content: center; align-items: center; padding-top:0.5rem; padding-bottom:0.5rem;}
.main_reservBox.st01 .btn_list {min-width:100%; margin-left:-20px; margin-right:-20px;}
.main_reservBox.st01 .btn_list > li { display: block; padding:1.25rem 0; }
.main_reservBox.st01 .btn_list > li:not(:last-child) { border-bottom:1px solid #aeaeae;}
.main_reservBox.st01 .btn {padding:0; height: auto; border: none;}
.main_reservBox.st01 .btn .b_t { flex:1; text-align: left; letter-spacing: -0.048em;  }
.main_reservBox.st01 .btn .b_i { margin:0; width:2.125rem; height:2.125rem; border:1px solid rgba(255,255,255,0.6); background-image: url(../images/main/main_icon_arw0101_w.png); background-size:1.25rem auto; box-sizing: border-box; }
.main_reservBox.st01 .btn:hover .b_t {/* text-decoration: underline; text-underline-offset: 11px ; */}
@media (max-width:1320px) {
  .main_reservBox.st01 .btn .b_t {  font-size:0.9375rem; letter-spacing: -0.06em;  }
}
@media (max-width:1160px) {
  .main_reservBox.st01 .btn .b_t {  font-size:1.125rem; letter-spacing: -0.036em;  }
  .main_reservBox.st01 .btn .b_i {background-image: url(../images/main/main_icon_arw0101_w_mo.png);}
}
@media (max-width:500px) {
  .main_reservBox.st01 .btn .b_t { font-size:1.0625rem; letter-spacing: -0.06em;  }
}
@media (max-width:460px) {
  .main_reservBox.st01 .btn .b_t { font-size:1rem; }
  .main_reservBox.st01 .btn .b_i {width:2rem; height: 2rem;}
}

.main_reverTell_w {position:absolute; left:0; bottom:216px;}
.main_reverTell { display: inline-flex; align-items: center; gap:0.625rem;  padding:0.875rem; height: 4.5rem; color:#fff; background:rgba(0,0,0,0.3); border-radius: 2.25rem; box-sizing: border-box;}
.main_reverTell .i_call {width:2.75rem; height: 2.75rem; background:#3f3f3f url(../images/main/main_icon_call0101.png) no-repeat 50% 50%; background-size:1.25rem auto; border-radius: 50%;}
.main_reverTell .t { font-size:1.125rem; line-height: 1; }
.main_reverTell .x { position:relative; padding:0 0.75rem; font-size:1.625rem; font-weight: 700; }
.main_reverTell .x:before {content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height: 1rem; background:rgba(255,255,255,0.3); }
@media (max-height:1100px) {
  .main_reverTell_w { bottom:206px;}
}
@media (max-width:1340px) {
  .main_reverTell { padding:0.625rem; height: auto;}
}
@media (max-width:1160px) {
  .main_reverTell_w {position:relative; bottom:auto; left:auto; text-align:center;}
}
@media (max-width:640px) {
  .main_reverTell_w {margin-left:-4vw; margin-right:-4vw;}
  .main_reverTell .i_call {width:2.25rem; height: 2.25rem; background-size:1rem auto;}
  .main_reverTell .x { /* height: 2.5rem; */ }
}

.main_reverRep_w {position:absolute; left:50%; bottom:216px; transform: translateX(-50%); width:92%; max-width:530px; min-width:0;}
.main_reverRep { display: inline-flex; align-items: center; gap:0.875rem;  padding:0.875rem; padding-right:2.5rem; height: 4.5rem; color:#fff; background:#4676a6; border-radius: 2.25rem; box-sizing: border-box;}
.main_reverRep .i_rep {flex:none; width:2.75rem; height: 2.75rem; background:#315a83 url(../images/main/main_icon_call0102.png) no-repeat 50% 50%; background-size:1.25rem auto; border-radius: 50%;}
.main_reverRep .t { margin-right:0.25rem; font-size:1.0625rem; line-height: 1; white-space: nowrap;}
.main_reverRep .x { position:relative; padding:0 1rem; font-size:1.625rem; font-weight: 700; }
.main_reverRep .xi_ipInline { min-width:0; }
@media (max-height:1100px) {
  .main_reverRep_w { bottom:206px;}
}
@media (max-width:1440px) {
  .main_reverRep_w {left:auto; transform: translateX(0); right:0;}
  .main_reverRep { padding:0.625rem; padding-right:1.5rem; height: auto; }
}
@media (max-width:1160px) {
  .main_reverRep_w {position:relative; bottom:auto; left:auto; margin:0.625rem auto 0; text-align:center;}
  .main_reverRep { flex-wrap: wrap; padding:0.754rem 1.5rem 1.25rem; border-radius: 1.25rem;}  
  .main_reverRep .i_rep { margin-left:-1rem;}
  .main_reverRep .t {font-size:1.1875rem;}
}
@media (max-width:640px) {
  .main_reverRep .i_rep { width:2.25rem; height: 2.25rem; background-size:1rem auto;}
}


.main_reverRep .xi_ipInline { display:flex; gap:0.125rem;}
.main_reverRep .xi_ipInline .btn { margin-left:0.125rem; height: 2.875rem; color:#fff; background-color:transparent; border-color:rgba(255,255,255,0.6); }
.main_reverRep .xi_ipInline input[type="text"] { flex:1; padding-left:0.75rem; padding-right:0.25rem; height: 2.875rem; width:auto; min-width: 0; border-color:#fff; }
.main_reverRep .xi_ipInline input.nam { flex:none;  width:28%; }
.main_reverRep .xi_ipInline .btn:hover {background-color:#315a83; border-color:#315a83;} 
@media (max-width:1480px) {
  .main_reverRep .xi_ipInline input[type="text"]::placeholder {font-size:0.9375rem; letter-spacing: -0.036em;}
}
@media (min-width:1341px) {
  .main_reverRep .xi_ipInline .btn_icon { border-left-width:0;}
}
@media (max-width:1340px) {
  .main_reverRep .xi_ipInline {  flex:1; flex-wrap: wrap; gap:0.125rem; }
  .main_reverRep .xi_ipInline input[type="text"],
  .main_reverRep .xi_ipInline .btn { height: 2.75rem;}
}
@media (max-width:1160px) {
  .main_reverRep { justify-content: center; }
  .main_reverRep .xi_ipInline { flex:none; width:100%; }
  .main_reverRep .xi_ipInline input[type="text"]::placeholder {font-size:1rem; }
}
@media (max-width:768px) {
  .main_reverRep .xi_ipInline input[type="text"],
  .main_reverRep .xi_ipInline .btn { height: 3rem;}
}




/* 추가 */
.gnb_menu3_list,
.mo_sideGnb .mo_gnb_list .gnb_menu3_list { overscroll-behavior: contain; }