@charset "UTF-8";

:root{
  --transition-custom02: all 0.2s ease-in-out; 
	--transition-custom03: all 0.3s ease-in-out;
  --transition-custom05: all 0.5s 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; }
}


.btn_c0102 { background-color:#4f657c; border-color:#4f657c;}
.btn_c0102 .b_t {color:#fff;}




.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 .ico_path {margin-top:-0.125rem;}
.main .ico_path::before,
.main .ico_path::after {background:#666666; }
@media (max-width:768px) {
  .main .ico_path::before,
  .main .ico_path::after {width:1.5rem;}
}


.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_bann .mainBann0101 { transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; position:relative; top:-12px; opacity: 0;}
.mainBann_list0101 > li:nth-child(1) .mainBann0101 { transition-delay: 0.3s; }
.mainBann_list0101 > li:nth-child(2) .mainBann0101 { transition-delay: 0.45s; }
.mainBann_list0101 > li:nth-child(3) .mainBann0101 { transition-delay: 0.6s; }
.sec_bann.wp .mainBann0101 { top: 0;  opacity: 1;}
@media (max-width:768px) {
  .sec_bann .mainBann0101 {top:0;}
}


.sec_vis {position:relative; }
.main_vis {position:relative; }
.main_vis,
.main_vis_swiper,
.main_vis_swiper .swiper-slide .w { height: 95vh; 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: 42.5rem; max-height: 768px; 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:245px; 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:3.5rem; width:100%;}
.main_vis .main_vis_tit .t_w .tx { margin-bottom:0.625rem; 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.625rem; font-size:1.25rem; 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:2.5rem; }
.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-width:1160px) {
  .main_vis .main_vis_tit {padding-bottom:11rem;}
  .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; padding-bottom:12.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; line-height: 1.3; }
  .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; bottom:245px; left:50%; transform: translateX(-50%); margin-bottom:3.125rem; 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-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;}
  .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);}
}


.main .main_reserv {position:absolute; left:0; bottom:60px; right:0;}
@media (max-height:1100px){
  .main .main_reserv {bottom:60px;}
}
@media (max-width:1160px) {
  .main .main_reserv {position:relative; bottom:auto; margin-top:-11rem; }
}
@media (max-width:768px) {
  .main .main_reserv { margin-top:-12.5rem;  }
}

.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:#fff;}
.main_reserv_w .main_reservBox:nth-child(2) { background:#f1f1f1; }
.main_reserv_w .main_reservBox:nth-child(3) { background:#e47312; }
@media (max-width:1160px) {
  .main_reserv_w { flex-wrap:wrap; position:relative; left:auto; bottom:auto; right:auto; margin:0 auto; max-width:768px; }
  .main_reserv_w .main_reservBox {min-width:40%;}
  .main_reserv_w .main_reservBox.box5 { flex-direction: row; }
  .main_reserv_w .main_reservBox.box5 h3 {flex:1;}
  .main_reserv_w .main_reservBox.box5 .btn_w { flex:none; width:50%; padding-left:5vw; height: 2.75rem; box-sizing: border-box;}
}
@media (max-width:768px) {
  .main_reserv_w { flex-direction: column; }
}

.main_reservBox { padding:1.5rem 2.5rem;  min-width: 0; height: 185px; box-sizing: border-box; }
.main_reservBox .h3_w {display: flex; align-items: center; justify-content: center; position:relative; margin-left:-0.5rem; margin-right:-0.5rem;}
.main_reservBox h3 { font-size:1.625rem; font-weight: bold; letter-spacing:-0.036em; text-align: center;}
.main_reservBox .h3_w .btn_ico { position:absolute; right:0; top:50%; transform: translateY(-50%); }
@media (max-width:1340px) {
  .main_reservBox h3 { font-size:1.5rem;}
}
@media (max-width:1280px) {
  .main_reservBox {padding:1.5rem 2rem;}
}
@media (max-width:1160px) {
  .main_reservBox { padding:1.75rem 2rem 2.25rem; height:auto; }
  .main_reservBox h3 { font-size:1.625rem;}
}
@media (max-width:768px) {
  .main_reservBox { padding:1.875rem 5vw 2.25rem; }
  .main_reservBox .h3_w {margin-left:0; margin-right:0;}
}
@media (max-width:640px) {
  .main_reservBox h3 { font-size:1.5rem;}
}
@media (max-width:460px) {
  .main_reservBox {padding-bottom:2.125rem;}
}


.main_reservBox.box3 {}
.main_reservBox.box3 h3 { color:#fff;}



.main_boardList0101 {}
.main_boardList0101 > li {display: block;}
.main_boardList0101 > li:not(:last-child) {margin-bottom:0.75rem; padding-bottom:0.75rem; border-bottom:1px solid #cdcdcd; }
.main_boardList0101 a {display: flex; align-items: center; gap:1rem;}
.main_boardList0101 a .t_w {flex:1;}
.main_boardList0101 a .t_w .t {width:100%; font-size:1.0625rem; word-break: break-all; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_boardList0101 a .d {color:#777;}
@media (max-width:768px) {
  .main_boardList0101 {margin:0 2vw;}
}


.xi_mainBoardImg0101 {display: flex; align-items: flex-start; gap:1.5rem; position:relative;}
.xi_mainBoardImg0101 .img {flex:none; position:relative; width:10rem; height: 5rem; max-width:42%; }
.xi_mainBoardImg0101 .img:before {content:''; display: block; padding-top:50%;}
.xi_mainBoardImg0101 .img img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.xi_mainBoardImg0101 .txt_w { display: flex; flex-direction: column; position:relative; min-height: 100%; box-sizing: border-box; }
.xi_mainBoardImg0101 .txt_w .t_w { flex:1; align-items: flex-start;}
.xi_mainBoardImg0101 .txt_w .t_w .t {  font-size:1.0625rem; line-height: 1.5; letter-spacing: -0.048em; -webkit-line-clamp: 2;  }
.xi_mainBoardImg0101 .i_new { width:1.5rem;}
.xi_mainBoardImg0101 .txt_w .d { margin-top:0.25rem; line-height: 1.5; color:#757675;}
@media (max-width:1160px) { 
}
@media (max-width:1160px) { 
  .xi_mainBoardImg0101 .i_new { width:1.125rem;}
}



.reservTBox_list0101 { display: flex; margin:0 auto; padding-left:1px; max-width:640px;  }
.reservTBox_list0101 > li { flex:auto; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index:1; position:relative;  margin-left:-1px; padding:0.25rem; color:#fff; height: 5rem; border:1px solid #f7d5b8; box-sizing: border-box;}
.reservTBox_list0101 .t {font-size:1.0625rem;}
.reservTBox_list0101 .x {font-size:1.25rem; font-weight: 500; white-space: nowrap;}
.reservTBox_list0101 .x_tel {letter-spacing: 0; font-weight: bold;}
@media (max-width:1340px) and (min-width:1161px) { 
  .reservTBox_list0101 { margin-left:-10px; margin-right:-10px; }
}
@media (max-width:1280px) { 
  .reservTBox_list0101 .x {font-size:1.1875rem;}
}
@media (max-width:1200px) { 
  .reservTBox_list0101 .x {font-size:1.125rem;}
}
@media (max-width:1160px) { 
  .reservTBox_list0101 .x {font-size:1.3125rem;}
}
@media (max-width:640px) { 
  .reservTBox_list0101 .x_email {font-size:1.25rem;}
}




.sec_bann > .in_w {padding:3.75rem 0;}
@media (max-width:768px) { 
  .sec_bann > .in_w {padding:3rem 0;}
}

.mainBann_list0101 { flex:1; display: flex; gap:2.5rem; box-sizing: border-box;}
.mainBann_list0101 > li {flex:1; display: block;}
.mainBann0101 { display: flex;  position:relative; padding:2.75rem 3rem; padding-right:2.5rem; height: 280px; color:#fff; line-height: 1.2; background:#826d60; border-radius: 1rem; box-sizing: border-box; overflow: hidden; }
.mainBann0101:before {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; background: url(../images/main/main_img0201.jpg) no-repeat 50% 50%; transition: var(--transition-custom10); background-size:cover;}
.mainBann0101 > .w {display: flex; flex-direction: column; gap:0.875rem; position:relative; width:100%; }
.mainBann0101 .txt_w {flex:1;}
.mainBann0101 .t { margin-bottom:0.875rem; font-size:1.625rem; font-weight: 500; }
.mainBann0101 .x {line-height: 1.65;}
.mainBann0101 .i_icon {display: block; position:absolute; right:0; top:0; width:4.5rem; height: 4.5rem; background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size:contain;}
.mainBann0101 .i_icon.icon0101 {background-image: url(../images/main/main_icon0101.png);}
.mainBann0101 .i_icon.icon0102 {background-image: url(../images/main/main_icon0102.png);}
.mainBann0101 .i_icon.icon0103 {background-image: url(../images/main/main_icon0103.png);}
.mainBann0101 .btn { padding:0 1.5rem; width:175px; height: 3.125rem;  background:rgba(255,255,255,0.25); border-color:rgba(255,255,255,0.5); }
.mainBann0101 .btn .b_i:before,
.mainBann0101 .btn .b_i:after { width:0.875rem; height: 0.125rem; background-color:#fff;}
.mainBann0101 .btn:hover {background-color:transparent; border-color:#fff;}
.mainBann0101 .btn:hover .b_i::before { transform: translate(-50%, -50%) rotate(180deg); }
.mainBann0101 .btn:hover .b_i::after { transform: translate(-50%, -50%) rotate(0); }
.mainBann0101.bann2 { background-color:#446e8e; }
.mainBann0101.bann2:before {background-image: url(../images/main/main_img0202.jpg); }
.mainBann0101.bann3 { background-color:#2a4c71; }
.mainBann0101.bann3:before {background-image: url(../images/main/main_img0203.jpg); }
.mainBann0101:hover:before { transform: scale(1.1); filter: blur(2px);}
@media (max-width:1320px) { 
  .mainBann_list0101 {gap:1.5rem;}
}
@media (max-width:1280px) { 
  .mainBann0101 .i_icon {right:-10px;}
}
@media (max-width:1160px) { 
  .mainBann_list0101 { flex-direction: column; gap:0.625rem; margin:0 auto; max-width:768px; }
  .mainBann0101 {padding:2.25rem 6vw; min-height: 15rem; height: auto;}
  .mainBann0101 .i_icon {width:3.75rem; height: 3.75rem;}
  .mainBann0101 .btn { width:10rem; height: 2.875rem;}
}
@media (max-width:768px) { 
  .mainBann0101 {padding:2.25rem 7vw 2rem; min-height: 14rem;}
  .mainBann0101 > .w {gap:1rem;}
  .mainBann0101 .t { margin-bottom:0.5rem; }
  .mainBann0101 .i_icon {width:3.25rem; height: 3.25rem;}
}
@media (max-width:640px) { 
  .mainBann0101 .t {font-size:1.5rem;}
}
@media (max-width:560px) { 
  .mainBann0101 {padding:2.25rem 8vw 2rem; }
}
@media (max-width:460px) { 
  .mainBann0101 {padding:2.125rem 9vw 2rem; }
}