@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;	  
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.ellipsis1 { display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;	}
.ellipsis2 { display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;	}

.main .swiper_controll {display: flex; align-items: center; gap:0.625rem; position:relative; line-height: 1; }
.main .swiper_controll .swiper-pagination-bullet { margin:0; padding:0;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next,
.main .swiper-pagination {position:relative; right:initial; left:initial; top:initial; bottom:initial; margin:initial;  width:initial; height: initial;}
.main .btn_autoPlay,
.main .swiper-button-prev,
.main .swiper-button-next { width:1.875rem; height: 1.875rem; background: url(../images/main/main_swiper_arwL.png) no-repeat 50% 50%; background-size:1rem auto;}
.main .swiper-button-next {background-image: url(../images/main/main_swiper_arwR.png);}
.main .btn_autoPlay {background: url(../images/main/main_swiper_pause.png) no-repeat 50% 50%; background-size:1rem auto;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main/main_swiper_pause.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main/main_swiper_play.png);}
.main .swiper_controll svg {display: none;}
.main .swiper-pagination {position:relative; display: flex;}
.main .swiper-button-prev:after, 
.main .swiper-button-next:after {display: none;}


.main #header > .in_cover > .in_w,
.main .sitemap_top.in_cover > .in_w,
.main footer .in_cover > .in_w  {max-width:none;}
@media (min-width:1601px) {
  .main #header > .in_cover,
  .c_fsitemap > .in_cover,
  .main .sitemap > .in_cover,
  .main footer .in_cover,
  .main article.in_cover {padding-right: 40px; padding-left: 40px;}  
}
@media (min-width:1701px) {
  .main #header > .in_cover,
  .c_fsitemap > .in_cover,
  .main .sitemap > .in_cover,
  .main footer .in_cover,
  .main article.in_cover {padding-right: 50px; padding-left: 50px;}  
}

.main #header .in_cover > .in_w,
.main .sitemap_top.in_cover > .in_w,
.main #footer .in_cover > .in_w,
.main .in_cover > .in_w {max-width:1788px;}

.main .hd_box {border-bottom:none;}

.main article {padding-bottom:5rem; overflow: clip;}
.main article > .in_w {}
@media (min-width:1161px) { 
  .main article { padding-top:280px;  }
}
@media ( max-width:1500px) and (min-width:1341px) { 
  .main article { padding-top:275px;  }
}
@media ( max-width:1340px) and (min-width:1161px) { 
  .main article { padding-top:270px;  }
}


.main .main_h3_tit_w { margin-bottom:2.25rem; text-align: center;}
.main h3.main_tit { margin-bottom:0.625rem; font-size:3.375rem; font-weight: bold; line-height: 1.1; letter-spacing: -1px;}
.main .main_tit_x { font-size:1.3125rem; color:#666; }
@media (max-width:1400px) {
  .main h3.main_tit {font-size:3rem;}
  .main .main_tit_x {font-size:1.25rem;}
}
@media (max-width:1160px) {
  .main h3.main_tit {margin-bottom:1rem; font-size:2.875rem;}
}
@media (max-width:768px) {
  .main .main_h3_tit_w { margin-bottom:1.5rem; }
}
@media (max-width:640px) {
  .main h3.main_tit { font-size:2.625rem;}
  .main .main_tit_x {font-size:1.0625rem;}
  .main .main_tit_x span {display: block;}
}

.main .sec_quickScroll {z-index:10; position:sticky; top:150px; }
.main .sec_quickScroll > .in_w { max-width:none;}
@media (max-width:1160px) {
  .main .sec_quickScroll { top:15rem;}
}


.main_sideQuick_w { position:absolute; right:-50px; top:35px; }
@media (max-width:1700px) {
  .main_sideQuick_w { right:-40px;}
}
@media (max-width:1600px) {
  .main_sideQuick_w { right:-30px;}
}
@media (max-width:1160px) {
  .main_sideQuick_w { right:-4.5vw;}
}
@media (max-width:640px) {
  .main_sideQuick_w { right:-5vw;}
}

.main_quickScroll_w {position:absolute; top:0; right:0; }
.main_quickScroll_w > li {display: block;}
.main_quickScroll,
.main_sideQuick_w .sideQuick_btn { display: flex; width:3.75rem; height: 2.5rem; background: #fff url(../images/main/main_icon0301.png) no-repeat 50% 50%; border:1px solid #c4c4c4; border-radius: 0.625rem; box-sizing: border-box;}
.main_quickScroll { background-size:1.875rem auto; }
.main_sideQuick_w .sideQuick_btn {z-index:10; position:absolute; top:0; background-image:  url(../images/main/main_icon_arw0101.png); background-size:1.25rem auto; background-position:30% 50%; opacity: 0;}
.main_quickScroll span {display: flex; align-items: center;  position:absolute; right:100%; height: 100%; padding-right:0; width:0; color:#000; letter-spacing: -1px; opacity: 0; white-space: nowrap; text-decoration: underline; text-underline-offset: 2px; transition: var(--transition-custom02); transition: opacity 0.3s ease; overflow: hidden;}
.main_quickScroll.icon01 {background-color:#ff0033; border-color:#ff0033; }
.main_quickScroll.icon02 {background-color:#00c73c; background-image: url(../images/main/main_icon0302.png); border-color:#00c73c; }
.main_quickScroll.icon03 {background-color:#ce45af; background-image: url(../images/main/main_icon0303.png); border-color:#ce45af; }
.main_quickScroll.icon04 {background-color:#ffdd00; background-image: url(../images/main/main_icon0304.png); border-color:#ffdd00; }
.main_quickScroll.ico_close {background-color:#fff; overflow: hidden;}
.main_quickScroll.ico_close:before,
.main_quickScroll.ico_close:after {background-color:#000;}
@media (max-width:1160px) {
  .main_quickScroll,
  .main_sideQuick_w .sideQuick_btn { width:3rem;}
  .main_quickScroll {background-size:1.5rem auto;}
  .main_sideQuick_w .sideQuick_btn {  border-radius: 0.5rem; border-top-right-radius:0 ; border-bottom-right-radius:0 ;}
}
@media (max-width:768px) {
	.sec_quickScroll {top:6rem;}
  .main_quickScroll,
	.main_sideQuick_w .sideQuick_btn { width:2.75rem; height: 2.75rem; }
	.main_sideQuick_w .sideQuick_btn {background-size:1.25rem auto;}	
}

.main_quickScroll1 {margin-top:-0.5rem;}
.main_quickScroll1 > .w { display: flex; flex-direction: column; justify-content: space-between; gap:0.5rem; z-index:1; position:relative; padding:1rem; padding-right:0.5rem; width:100px; height: 154px;background:#fff; border:1px solid #000000; border-right:none; border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; box-sizing: border-box;}
.main_quickScroll1 > .w .tx {  font-size:1.125rem; line-height: 1; font-weight: 500; color:#000;  }
.main_quickScroll1 > .w .img {  }
.main_quickScroll1 .main_quickScroll.icon_kko {position:absolute; left:-2.25rem; background-color:#000; background-image: url(../images/main/main_icon0305.png); background-position:13% 50%; border-color:#000; border-top-right-radius: 0; border-bottom-right-radius: 0;} 
@media (max-width:1160px) {
  .main_quickScroll1 {margin-top:0;}
  .main_quickScroll1 > .w { padding: 0.625rem 0.5rem; width:4.25rem; height: auto;}
  .main_quickScroll1 > .w .tx {font-size:0.9375rem; line-height: 1.2;}
  .main_quickScroll1 > .w .img {display: none;}
  .main_quickScroll1 .main_quickScroll.icon_kko {left:-1.75rem; height: 2rem;}
}

.main_sideQuick_w .sideQuick_btn,
.main_sideQuick_w .main_quickScroll_w li { transition: transform 0.4s ease, opacity 0.4s ease; }
.main_sideQuick_w .sideQuick_btn { top:0; transform: translateX(200%);}
.main_sideQuick_w .main_quickScroll_w li { position:absolute; right:0; transform: translateX(0); opacity: 1;}
.main_sideQuick_w .main_quickScroll_w li:not(.li01) {right:20px;}
.main_sideQuick_w .main_quickScroll_w li:nth-child(1) { top:0; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(2) { top:10rem; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(3) { top:13rem;}
.main_sideQuick_w .main_quickScroll_w li:nth-child(4) { top:16rem; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(5) { top:19rem; }
.main_sideQuick_w .main_quickScroll_w li:nth-child(6) { top:22rem; }
@media (max-width:1160px) {
  .main_sideQuick_w .main_quickScroll_w li:not(.li01) {right:0.625rem;}
  .main_sideQuick_w .main_quickScroll_w li:nth-child(2) { top:4rem; }
  .main_sideQuick_w .main_quickScroll_w li:nth-child(3) { top:6.75rem;}
  .main_sideQuick_w .main_quickScroll_w li:nth-child(4) { top:9.5rem; }
  .main_sideQuick_w .main_quickScroll_w li:nth-child(5) { top:12.25rem; }
  .main_sideQuick_w .main_quickScroll_w li:nth-child(6) { top:15rem; }
}

.main_sideQuick_w.hide .sideQuick_btn,
div .main_sideQuick_w.hideAc .sideQuick_btn { transform: translateX(-2.75rem); opacity: 1; transition-delay: 0.5s; }
/*
.main_sideQuick_w.hide .sideQuick_btn:hover ,
div .main_sideQuick_w.hideAc .sideQuick_btn:hover {  transform: translateX(-2.5rem);}

.main_sideQuick_w.hide .sideQuick_btn:hover,
div .main_sideQuick_w.hideAc .sideQuick_btn:hover {transform: translateX(1.5rem); transition-delay: 0s;}
*/
@media (max-width:1160px) {
  .main_sideQuick_w.hide .sideQuick_btn,
  div .main_sideQuick_w.hideAc .sideQuick_btn { transform: translateX(-2.25rem); }
}

.main_sideQuick_w.hide .main_quickScroll_w li,
div .main_sideQuick_w.hideAc .main_quickScroll_w li { transform: translateX(200%); opacity: 0; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(1),
div .main_sideQuick_w.hideAc .main_quickScroll_w li:nth-child(1),
.main_sideQuick_w.show .main_quickScroll_w li:nth-child(1) { transition-delay: 0.1s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(2),
div .main_sideQuick_w.hideAc .main_quickScroll_w li:nth-child(2),
.main_sideQuick_w.show .main_quickScroll_w li:nth-child(2) { transition-delay: 0.15s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(3),
div .main_sideQuick_w.hideAc .main_quickScroll_w li:nth-child(3),
.main_sideQuick_w.show .main_quickScroll_w li:nth-child(3) { transition-delay: 0.2s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(4),
div .main_sideQuick_w.hideAc .main_quickScroll_w li:nth-child(4),
.main_sideQuick_w.show .main_quickScroll_w li:nth-child(4) { transition-delay: 0.25s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(5),
div .main_sideQuick_w.hideAc .main_quickScroll_w li:nth-child(5),
.main_sideQuick_w.show .main_quickScroll_w li:nth-child(5) { transition-delay: 0.3s; }
.main_sideQuick_w.hide .main_quickScroll_w li:nth-child(6),
div .main_sideQuick_w.hideAc .main_quickScroll_w li:nth-child(6),
.main_sideQuick_w.show .main_quickScroll_w li:nth-child(6) { transition-delay: 0.35s; }

.main_sideQuick_w.show .sideQuick_btn { transform: translateX(200%); transition-delay: 0s; opacity: 0;}
.main_sideQuick_w.show .main_quickScroll_w li { transform: translateX(0);  opacity: 1; }

.main_quickScroll_w > li:hover .main_quickScroll span { padding-right:10px; width:auto; opacity: 1; }

@media (min-width:1641px) {
	.main_sideQuick_w .main_quickScroll_w .ico_close_w {display: none;}
}
@media (max-width:1340px) {
	.main_quickScroll,
  .main_quickScroll1 > .w,
  .main_sideQuick_w .sideQuick_btn { box-shadow: 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1);}
	.main_quickScroll span {display: none;}	
}
@media (max-width:960px) {
	.sec_quickScroll.in_cover {padding-left:1.5rem ; padding-right:1.5rem ;}
}


/* input style */
.main_ip_inline { display: flex; height: 4rem; width:100%; background:#fff; border:2px solid #fff; box-sizing: border-box;}
.main_ip_inline input[type="text"] { flex:1; padding:0 0.75rem; padding-right:2px; height: 100%; width:100%; font-size:1.625rem; color:#000; border:none; }
.main_ip_inline input[type="text"]::placeholder {font-size:1.5rem;}
.reserv3_2 .main_ip_inline input[type="text"]::placeholder {font-size:1.375rem; letter-spacing: -1.5px;}
.main_ip_inline .main_submit {flex:none; width:5.5rem; max-width:30%; height: 100%; font-size:1.625rem; color:#fff; background-color:#114c94; border:none;}
.reserv2_2 .main_ip_inline .main_submit { background-color: #7a7ebb; }
.main_ip_inline .main_sch_btn { width:3.75rem; background: #9fbd64 url(../images/main/main_icon_sch.png) no-repeat 50% 50%; background-size: 1.5rem auto; }
@media (max-width:1600px) {
  .main_ip_inline .main_submit {width:5rem;}
  .main_ip_inline .main_sch_btn { width:3.25rem; }
}
@media (max-width:1500px) {
  .main_ip_inline .main_sch_btn { width:3rem; }
}
@media (max-width:1400px) {
  .main_ip_inline .main_submit {width:4.5rem;}
}
@media (max-width:1340px) {
  .main_ip_inline input[type="text"] {padding-left:0.375rem;}
}
@media (max-width:1160px) {
  .main_ip_inline input[type="text"] {padding-left:1.25rem;}
  .main_ip_inline .main_submit {width:5.5rem;}
  .main_ip_inline .main_sch_btn {width:3.75rem;}
}
@media (max-width:768px) {
 
}

.sec_visual {}
.main_visual { position:relative;}
.main_visual .swiper_controll { z-index:10; position:absolute; right:40px; bottom:20px;}
.main_visual .swiper_controll .swiper-pagination { gap:0.625rem; position:relative; margin-right:5px; }
.main_visual .swiper_controll .swiper-pagination .swiper-pagination-bullet { width:9px; height: 9px; background:#fff; opacity: 1; }
.main_visual .swiper_controll .swiper-pagination .swiper-pagination-bullet-active { width:3.375rem; border-radius: 5px;  }
.main_visual_swiper .img_w {position:relative; height: 260px;}
.main_visual_swiper .img_w img {width:100%; height: 100%; object-fit: cover;}
.main_visual .btn_autoPlay {background-color:#fff; border-radius: 50%;}
@media (min-width:1161px) {
  .sec_visual {position:absolute; left:0; top:0; right:0; top:-280px;}
}
@media (max-width:1500px) and (min-width:1341px) {
  .sec_visual { top:-275px;}
}
@media (max-width:1340px) and (min-width:1161px) {
  .sec_visual { top:-270px;}
}
@media (max-width:1160px) {
  .sec_visual { margin-top:2.25rem;}
  .main_visual_swiper .img_w {padding-top:27%; height: auto; }
  .main_visual_swiper .img_w img {position:absolute; left:0; top:0;}
  .main_visual .swiper_controll .btn_autoPlay {width: 1.75rem; height: 1.75rem;}
}
@media (max-width:768px) {
  .main_visual .swiper_controll {right: 50%; transform: translateX(50%);}
  .main_visual .swiper_controll .swiper-pagination .swiper-pagination-bullet { width:0.625rem; height: 0.625rem;  }
  .main_visual .swiper_controll .swiper-pagination .swiper-pagination-bullet-active { width:3rem; border-radius: 5px;  }
  .main_visual_swiper .img_w {padding-top:100.34%; ; }
  .main_visual_swiper .img_w img.pc {display: none;}
  .main_visual_swiper .img_w img.mo {display: block!important;}
}

.sec_resev {}
.main_reserv {display: flex; gap:20px;}
.main_reserv > div {flex:1; box-sizing: border-box;}
.main_reserv > div > .w { color:#fff; }
.reserv_box {display: flex; flex-direction: column; align-items: center; padding:34px 40px 26px; height: 264px; box-sizing: border-box;}
.reserv_box.reserv1_1 { background:#114c94; border-bottom:1px solid #4d79af; }
.reserv_box.reserv1_2 { background:#114c94; }
.reserv_box.reserv2_1 { background:#1a95c8; border-bottom:1px solid #5fb5d9; }
.reserv_box.reserv2_2 { background:#7a7ebb; }
.reserv_box.reserv3_1 { background:#e49920; border-bottom:1px solid #edbd6e;  }
.reserv_box.reserv3_2 { background:#9fbd64; }
.reserv_box.reserv3_2 form {display: flex; flex-direction: column; padding-bottom:0.125rem; height: 100%; box-sizing: border-box;}
@media (min-width:1161px) { 
  .main_reserv { padding-right:25%;}
}
@media (max-width:1600px) { 
	.reserv_box {padding-left:30px; padding-right:30px; height: 250px;}
}
@media (max-width:1500px) { 
  .main_reserv {display: flex; gap:15px;}
  .reserv_box { padding-top:30px; height: 240px;}
}
@media (max-width:1340px) { 
  .main_reserv { gap:10px;}
  .reserv_box {height: 234px;}
}
@media (max-width:1280px) and (min-width:1161px) { 
  .main_reserv { gap:1px;}
  .reserv_box.reserv3_1,
  .reserv_box.reserv2_1,
  .reserv_box.reserv1_1 {border-bottom-color:#fff;}
}
@media (max-width:1160px) {
  .main_reserv {flex-direction: column; gap:1rem}
  .reserv_box { padding: 2.25rem 4vw 1.875rem;  height: auto;}
}
@media (max-width:1160px) and (min-width:769px) {  
  .main_reserv > div > .w {display: flex;}
  .main_reserv > div > .w > div {flex:1;}

  .reserv_box.reserv1_1 { border:none; border-right:1px solid #4d79af; }
  .reserv_box.reserv2_1 { border:none; border-right:1px solid #5fb5d9; }
  .reserv_box.reserv3_1 { border:none; border-right:1px solid #edbd6e;  }
}
@media (max-width:768px) {
  .reserv_box { padding: 2.375rem 7vw 2rem; }
}

@media (min-width:1161px) { 
  .main_reserv > div,
  .main_login { opacity: 0; transform: translateX(-40px); transition: all 0.5s ease-in; }
  .on .main_reserv > div,
  .on .main_login { animation: slideInFromLeft 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
  @keyframes slideInFromLeft {
    0% { opacity: 0; transform: translateX(-40px); }
    100% { opacity: 1; transform: translateX(0); }
  }
  .on .main_reserv .reserv1 { animation-delay: 0s;}
  .on .main_reserv .reserv2 { animation-delay: 0.15s;}
  .on .main_reserv .reserv3 { animation-delay: 0.3s; }
  .on .main_login { animation-delay: 0.45s; }
}


.reserv_box h3 { margin-bottom:1rem; margin-left:-30px; margin-right:-30px; height: 46px; font-size:2.125rem; font-weight: bold; color:#fff; text-align: center; line-height: 1.3; letter-spacing: -1.5px;}
@media (max-width:1700px) { 
	.reserv_box h3 {font-size:2.0625rem;}
}
@media (max-width:1600px) { 
	.reserv_box h3 { height: auto; font-size:2rem;}
}
@media (max-width:1500px) {   
	.reserv_box h3 { font-size:1.875rem;}
}
@media (max-width:1400px) { 
	.reserv_box h3 { font-size:1.75rem; }
}
@media (max-width:1280px) { 
	.reserv_box h3 { margin-bottom:1.25rem; font-size:1.6875rem; }
}
@media (max-width:1160px) { 
	.reserv_box h3 { font-size:2.25rem; }
}
@media (max-width:460px) { 
	.reserv_box h3 {  font-size:2.125rem; }
}


.reserv_box .w_max {width:100%; max-width:350px;}
@media (max-width:768px) { 
  .reserv_box .w_max { max-width:460px; }
}

.reserv_box .txt_w {display: flex; justify-content: center; align-items: center; text-align: center; margin-left:-1.25rem; margin-right:-1.25rem; font-size:1.25rem; letter-spacing: -1px; }
.reserv_box .txt_w.w_flex { align-items: flex-end; margin-top: 1.25rem; width:auto; }
@media (max-width:1600px) { 
  .reserv_box .txt_w {font-size:1.125rem;}
}
@media (max-width:1400px) { 
  .reserv_box .txt_w {font-size:1.0625rem;}
}
@media (max-width:1280px) { 
  .reserv_box .txt_w {font-size:1rem;}
}
@media (max-width:1160px) { 
  .reserv_box .txt_w {font-size:1.1875rem;}
}


.reserv_box .btn_w { display: flex; justify-content: center; align-items: flex-end; width:100%; text-align: center;}
.reserv_box .btn_txt { position:relative; width:100%; height: 3.25rem; border-bottom:1px solid #fff;}
.reserv_box .btn_txt:before {content:''; display: block; position:absolute; left:0; bottom:0; width:0; height: 1px; background:#fff; transition:var(--transition-custom03);}
.reserv_box .btn_txt .b_t { flex:1; font-size:1.25rem; font-weight: normal; text-align: left;}
.reserv_box .btn_txt .b_i { margin-right:0.5rem; background-image: url(../images/main/main_icon_arw.png); }
.reserv_box .btn_txt:hover:before {width:100%;}
.reserv_box .btn_txt:hover .b_t {font-weight: 500;}
@media (max-width:1500px) { 
  .reserv_box .btn_txt .b_t {font-size:1.125rem;}
}
@media (max-width:1400px) { 
  .reserv_box .btn_txt {height: 3rem;}
  .reserv_box .btn_txt .b_t { letter-spacing: -1px;}
}
@media (max-width:1280px) { 
  .reserv_box .btn_txt .b_t { font-size:1.0625rem;}
}
@media (max-width:1160px) { 
  .reserv_box .btn_w {margin-top:1.25rem; max-width:460px;}
  .reserv_box .btn_txt .b_t {padding-left:0.625rem; font-size:1.1875rem;}
}

.reserv_box .x_divi {display: flex; padding-left:1px; width:100%;}
.reserv_box .x_divi .btn {flex:1;}
.reserv_box .x_divi .btn {margin-left:-1px;}
.reserv_box .btn_main01 { position:relative; height: auto; padding:0.75rem 0.625rem; min-height: 4rem; background:transparent; border-color:#fff;}
.reserv_box .btn_main01 .b_t {position:relative; font-size:1.375rem; font-weight: 500;}
.reserv_box.reserv2_1 .btn_main01 .b_t {font-size:1.625rem;}
.reserv_box .btn_main01:hover:before { content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; border:2px solid #fff; box-sizing: border-box; } 

.main_custom_call { display: flex; align-items: center; gap:0.375rem; margin-left:-1.25rem; margin-right:-1.25rem;}
.main_custom_call .i {display:inline-block ;}
.main_custom_call .i_call { width:2.125rem; height: 2.125rem; background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size: contain; }
.main_custom_call .x_tel {  font-size:2.875rem; font-weight: bold; line-height: 4rem; letter-spacing: 0; white-space: nowrap; }
@media (max-width:1600px) { 
  .main_custom_call .i_call { width:1.875rem; height: 1.875rem; }
  .main_custom_call .x_tel {font-size:2.5rem;}
}
@media (max-width:1400px) { 
  .main_custom_call .i_call { width:1.625rem; height: 1.625rem; }
  .main_custom_call .x_tel {font-size:2.25rem;}
}
@media (max-width:1160px) { 
  .main_custom_call .i_call { margin-left:-0.375rem; width:1.875rem; height: 1.875rem; }
  .main_custom_call .x_tel {font-size:2.625rem;}
}


.main_reserv .main_ip_inline { transition: var(--transition-custom02); }
.main_reserv .btn:hover, 
.main_reserv .main_ip_inline:hover {z-index:1; box-shadow: 0.125rem 0.125rem 0.375rem rgba(0,0,0,0.3); }
.main_reserv .reserv1 .main_ip_inline:hover {box-shadow: 0.125rem 0.125rem 0.375rem rgba(0,0,0,0.5); }
.main_reserv input[type="submit"],
.main_reserv input[type="button"] {cursor: pointer; }

.main_reserv .btn_txt:hover .b_i {animation: bounceRight 0.6s infinite alternate ease-in-out;}
@keyframes bounceRight {
  0% { transform: translateX(0);}
  100% { transform: translateX(6px);}
}


.main_quickBann { display: flex; align-items: center; gap: 2rem 0; padding:2rem 0 1.875rem; height: 126px; border-bottom:1px solid #c4c6cb; overflow: hidden; box-sizing: border-box;}
.main_quickBann > li {flex:1; display: block; position:relative; padding:0 1.25rem; box-sizing: border-box;}
.main_quickBann > li:not(:first-child):before { content:''; display: block; position:absolute; right:100%; top:50%; transform: translateY(-50%); width:1px; height: 1.25rem; background:#c4c6cb; }
.main .btn_quick {display: flex; justify-content: center; align-items: center; justify-content: center; gap:0.5rem; }
.main .btn_quick .b_t { position:relative; font-size:1.75rem; font-weight: 500; letter-spacing: -1px; line-height: 1.3;}
.main .btn_quick .b_t em {position:relative;}
.main .btn_quick .b_t:before {content:''; display: block; position:absolute; left:0; bottom:0; width:0; height: 14px; background:#c3e0fc; transition: var(--transition-custom02);}
.main .btn_quick .b_i {  width:3.125rem; height: 3.125rem; background: url(../images/main/main_icon0401.png) no-repeat 50% 50%; background-size: contain; } 
.main .btn_quick .b_i.i0101 { background-image: url(../images/main/main_icon0401.png); }
.main .btn_quick .b_i.i0102 { background-image: url(../images/main/main_icon0402.png); }
.main .btn_quick .b_i.i0103 { background-image: url(../images/main/main_icon0403.png); }
.main .btn_quick .b_i.i0104 { background-image: url(../images/main/main_icon0404.png); }
.main .btn_quick .b_i.i0105 { background-image: url(../images/main/main_icon0405.png); }
.main .btn_quick .b_i.i0106 { background-image: url(../images/main/main_icon0406.png); }
.main .btn_quick:hover .b_t:before { width:100%;}
@media (max-width:1700px) { 
  .main .btn_quick .b_t {  font-size:1.625rem; }
}
@media (max-width:1600px) { 
  .main_quickBann > li {flex:auto;}
  .main .btn_quick .b_t {  font-size:1.5rem; }
}
@media (max-width:1280px) { 
  .main_quickBann > li {flex:auto;}
}
@media (max-width:1280px) { 
  .main .btn_quick { gap:0.375rem; }
  .main .btn_quick .b_t {  font-size:1.375rem; }
  .main .btn_quick .b_i {  width:2.75rem; height: 2.75rem; }
}
@media (max-width:1160px) { 
  .main_quickBann { flex-wrap: wrap; padding:2.25rem 0 2.25rem; height: auto;  }
  .main_quickBann > li {flex:none; width:calc(33.33%); }
}
@media (max-width:768px) { 
  .main_quickBann { gap:1.5rem 0;  }
  .main_quickBann > li {width:50%; }
  .main .btn_quick .b_i {  width:2.25rem; height: 2.25rem; }
}
@media (max-width:768px) { 
  .main .btn_quick .b_t {  font-size:1.25rem; }
}


.sec_login {position:relative;}
.main_login { padding-left:20px; box-sizing: border-box;}
.main_login .reserv_box { height: 528px; background:#f2f5f7; }
.main_login .reserv_box > div { width:100%; }
.main_login h3 {color:initial;}
.main_login .h3_x { margin-bottom:1rem; margin-left:-1.25rem; margin-right:-1.25rem; font-size:1.1875rem; line-height: 1.4; text-align: center; color:#666666; letter-spacing: -1px;}
@media (max-width:1600px) { 
  .main_login .reserv_box {height: 500px;}
  .main_login .h3_x {font-size:1.125rem;}
}
@media (max-width:1500px) { 
  .main_login .reserv_box {height: 480px;}
  .main_login {padding-left:15px;}
}
@media (max-width:1400px) { 
  .main_login .h3_x {font-size:1.0625rem;}
}
@media (max-width:1340px) { 
  .main_login {padding-left:10px;}
  .main_login .reserv_box {height: 468px;}
  .main_login .h3_x {font-size:1rem;}
}
@media (max-width:1280px) { 
  .main_login {padding-left:1px;}
}
@media (min-width:1161px) { 
  .main_login {position:absolute; right:0; bottom:126px;  width:25%; }
}
@media (max-width:1160px) { 
  .sec_login {margin-top:1.875rem;}  
  .main_login .reserv_box {height: auto;}
  .main_login .h3_x {font-size:1.0625rem;}
  .main_login .reserv_box h3 {margin-bottom:1rem;}
}
@media (max-width:640px) { 
  .main_login .reserv_box h3 {margin-bottom:0.75rem;}
}

.main_login .w_logIn h3 { margin-bottom:1.5rem; height: auto; font-weight: 200; line-height: 1.3; }
.main_login .w_logIn h3 strong {font-weight: bold;}
@media (max-width:1500px) { 
  .main_login .w_logIn h3 {margin-bottom:1.5rem;}
}
@media (max-width:1160px) { 
  .main_login .w_logIn h3 br { display: none;}
}

.main_login .w_logIn h4 { margin-bottom:0.625rem; font-size:1.375rem; font-weight: 300; color:#666666; text-align: center;}
@media (max-width:1600px) { 
  .main_login .w_logIn h4 {font-size:1.25rem;}
}

.main_myInfo1 { margin:0 auto 2.375rem; width:100%; max-width:265px; text-align: center;}
.main_myInfo1 .x {display: flex; justify-content: center; align-items: center; height: 4rem; font-size:1.875rem; font-weight: 500; color:#666; letter-spacing: 0; background:#fff; border:1px solid #666; }
@media (max-width:1600px) { 
  .main_myInfo1 {margin-bottom:2rem;}
}
@media (max-width:1400px) and (min-width:1161px) { 
  .main_myInfo1 .x {font-size:1.75rem;}
}

.main_myInfo_btn { margin:0 auto; width:100%; max-width:265px; }
.main_myInfo_btn .btn {width:100%; height: 4rem;}
.main_myInfo_btn .btn .b_t {font-size:1.5rem; color:#fff;}
.main_myInfo_btn .btn + .btn {margin-top:0.625rem;}
.main_myInfo_btn .btn.btn1 { background-color:#1a95c8; border-color:#1a95c8; }
.main_myInfo_btn .btn.btn2 { background-color:#7a7ebb; border-color:#7a7ebb; }
.main_myInfo_btn .btn.btn3 { background-color:#e49920; border-color:#e49920; }
.main_myInfo_btn .btn.btn4 { background-color:#9fbd64; border-color:#9fbd64; }


@media (max-width:1600px) { 
  .main_myInfo2 { margin:-0.375rem auto 0; max-width:400px; }
}

.myInfo2_list {  max-height: 260px; overflow-y: auto;}
.x_myInfo2 {display: flex; gap:0.375rem; background:#dfe1e3; padding:1.25rem; box-sizing: border-box;}
.x_myInfo2 + .x_myInfo2 {margin-top:0.625rem;}
.x_myInfo2 .t_w {flex:1; display: flex; flex-direction: column; justify-content: center;  line-height: 1.3;}
.x_myInfo2 .t_w .t { font-size:1.375rem;}
.x_myInfo2 .t_w .x { margin-top:0.25rem; font-size:1.125rem; color:#666;}
.x_myInfo2 .right_w {display: flex; flex-direction: column; justify-content: center; gap:3px;}
.x_myInfo2 .btn {padding:0.5rem; width:5rem; height: 2.5rem;}
@media (max-width:1750px) { 
  .x_myInfo2 .t_w .t { font-size:1.3125rem;}
  .x_myInfo2 .btn {width:4.5vw;}
}
@media (max-width:1700px) { 
  .x_myInfo2 .btn {width:4rem;}
}
@media (max-width:1620px) { 
  .x_myInfo2 .t_w .t { font-size:1.25rem;}
  .x_myInfo2 .t_w .x {font-size:1.0625rem;}
}
@media (max-width:1600px) { 
  .myInfo2_list {max-height: 15rem;}
  .x_myInfo2 { padding:1rem;}
}
@media (max-width:1440px) { 
  .myInfo2_list { margin-left:-0.5rem; margin-right:-0.5rem; }
  .x_myInfo2 .t_w .t { font-size:1.125rem;}
  .x_myInfo2 .t_w .x { font-size:1rem;}
}
@media (max-width:1340px) { 
  .x_myInfo2 .btn {width:3.75rem;}
}
@media (max-width:1280px) { 
  .x_myInfo2 {padding:1rem 0.75rem;}
  .x_myInfo2 .t_w .t { font-size:1.0625rem;}
  .x_myInfo2 .btn {width:3.5rem;}
}
@media (max-width:1160px) { 
  .myInfo2_list {margin-left:0; margin-right:0;}
  .x_myInfo2 {padding:1rem; padding-left:1.5rem;}
  .x_myInfo2 .t_w .t {font-size:1.25rem;}
  .x_myInfo2 .t_w .x {font-size:1.125rem;}
  .x_myInfo2 .btn {width:5rem;}
}


.main_login .x_sns_list { display: flex; justify-content: center; gap:0.75rem; margin:0 0 1.25rem;}
.main_login .x_sns_list > li { margin-left: 0; }
.main_login .x_sns_list a { width: 3.375rem; height: 3.375rem; background: #39ae36 url(../images/main/main_sns0101.png) no-repeat 50% 50%; background-size: 1.875rem auto; border-radius: 50%; vertical-align: top; }
.main_login .x_sns_list a.sns_naver { background-color: #39ae36; background-image: url(../images/main/main_sns0101.png); }
.main_login .x_sns_list a.sns_kakao { background-color: #f4dd24; background-image: url(../images/main/main_sns0102.png); }
.main_login .x_sns_list a.sns_google { background-color: #d9e0e5; background-image: url(../images/main/main_sns0103.png); }
@media (max-width:1160px) { 
  .main_login .x_sns_list a { width: 3rem; height: 3rem; background-size: 1.5rem auto; }
}

.main_login_box { margin:0 auto; width:100%; max-width:265px;}
.main_login_box .ip_w:not(:first-child) {margin-top:0.3125rem;}
.main_login_box .ip_w input {width:100%;  height: 4rem; font-size: 1.5rem;}
.main_login_box .ip_w input::placeholder {font-size:1.375rem;}
@media (max-width:1600px) { 
  .main_login_box { max-width:400px;}
}

.main_login_btn { display: flex; gap:0.3125rem; margin-top:1.25rem; width:100%;}
.main_login_btn .btn_login,
.main_login_btn .btn_memb { flex:1; height: 4rem; font-size:1.4375rem; letter-spacing: -1px; }
.main_login_btn .btn_login { color:#fff; background:#114c94; border-color: #114c94; }
.main_login_btn .btn_memb { color:#fff; background:#717780; border-color: #717780; }
@media (max-width:1600px) { 
  .main_login_btn {margin-top:0.875rem;}
}

.main_loginFind_list {flex:1; display: flex; justify-content: center; align-items: flex-end; margin-top:1.25rem; }
.main_loginFind_list > .w {position:relative; display: flex; justify-content: center; margin-left:-1.25rem; margin-right:-1.25rem; margin-bottom:0.5rem; }
.main_loginFind_list a {display: inline-flex; align-items: center; gap:0.375rem; position:relative; padding:0 1rem; font-size:1.1875rem; color:#666666; line-height: 1; letter-spacing: -1px; }
.main_loginFind_list a:not(:first-child):before {content:''; display:block; position:absolute; left:0; top:50%; margin-top:-2px; margin-left:-2px; width:3px; height:3px; background:#8e8e8e; border-radius: 50%;}
.main_loginFind_list a:hover {color:#000;}
.main_loginFind_list a .i {display: inline-block; width:0.875rem; height: 0.8785rem;  background: url(../images/main/main_icon0601.png) no-repeat 50% 50%; background-size: contain; }
@media (max-width:1600px) { 
  .main_loginFind_list a { font-size:1.0625rem; }
}
@media (max-width:1500px) { 
  .main_loginFind_list > .w { margin-bottom:0.25rem; }
}
@media (max-width:1400px) { 
  .main_loginFind_list a { font-size:1rem; }
}
@media (max-width:1280px) { 
  .main_loginFind_list a { padding:0 0.625rem; }
}
@media (max-width:1160px) { 
  .main_loginFind_list > .w { margin-bottom:0; }
}



@media (max-width:1600px) { 
  .reserv_box .btn_main01 {   min-height: 3.5rem; }
  .main_ip_inline,
  .main_login_box .ip_w input,
  .main_login_btn .btn_login,
  .main_login_btn .btn_memb,
  .main_myInfo_btn .btn {height: 3.5rem;}
  .main_custom_call .x_tel {line-height: 3.5rem;}
  .main_ip_inline .main_submit,
  .reserv_box.reserv2_1 .btn_main01 .b_t,
  .main_login_box .ip_w input,
  .main_login_btn .btn_login,
  .main_login_btn .btn_memb,
  .main_myInfo_btn .btn .b_t {font-size:1.375rem;}
  .reserv_box .btn_main01 .b_t {font-size:1.25rem;}

  .main_ip_inline input[type="text"]::placeholder {font-size:1.375rem;}
  .reserv3_2 .main_ip_inline input[type="text"]::placeholder,
  .main_login_box .ip_w input::placeholder  {font-size:1.25rem;}
}
@media (max-width:1400px) { 
  .main_ip_inline .main_submit,
  .reserv_box.reserv2_1 .btn_main01 .b_t,
  .main_login_box .ip_w input,
  .main_login_btn .btn_login,
  .main_login_btn .btn_memb {font-size:1.25rem;}
  .reserv_box .btn_main01 .b_t {font-size:1.125rem;}
  .main_ip_inline input[type="text"]::placeholder {font-size:1.25rem;}
  .reserv3_2 .main_ip_inline input[type="text"]::placeholder,
  .main_login_box .ip_w input::placeholder  {font-size:1.125rem;}
}
@media (max-width:1280px) { 
  .main_ip_inline .main_submit,
  .reserv_box.reserv2_1 .btn_main01 .b_t,
  .main_login_box .ip_w input,
  .main_login_btn .btn_login,
  .main_login_btn .btn_memb {font-size:1.1875rem;}
  .main_ip_inline input[type="text"]::placeholder {font-size:1.125rem;}
  .reserv3_2 .main_ip_inline input[type="text"]::placeholder,
  .main_login_box .ip_w input::placeholder  {font-size:1.0625rem;}
}
@media (max-width:1160px) { 
  .reserv_box .btn_main01 {   min-height: 3.875rem; }
  .main_ip_inline,
  .main_login_box .ip_w input,
  .main_login_btn .btn_login,
  .main_login_btn .btn_memb,
  .main_myInfo_btn .btn {height: 3.875rem;}
  .main_custom_call .x_tel {line-height:normal;}
  .main_ip_inline .main_submit,
  .reserv_box.reserv2_1 .btn_main01 .b_t,
  .main_login_box .ip_w input,
  .main_login_btn .btn_login,
  .main_login_btn .btn_memb,
  .main_myInfo_btn .btn .b_t {font-size:1.5rem;}
  .reserv_box .btn_main01 .b_t {font-size:1.25rem;}

  .main_ip_inline input[type="text"]::placeholder {font-size:1.5rem;}
  .reserv3_2 .main_ip_inline input[type="text"]::placeholder,
  .main_login_box .ip_w input::placeholder  {font-size:1.375rem;}
}




.sec_board {margin-top:4.875rem;}
.main_board_divi {display: flex; gap:1.25rem;}
.main_board_divi > li { flex:1; display: block;}
.main_board_tit { display: flex; padding-left:2.5rem; height: 5rem;  background:#114c94; box-sizing: border-box; }
.main_board_tit .tit {flex:1; display: flex; align-items: center; font-size:1.875rem; font-weight: 500; color:#fff;}
.main_board_tit .btn_ico { width:4rem; height: 100%; background-image: url(../images/main/main_icon_arw0201.png); background-size:0.375rem auto;}
@media (max-width:1400px) { 
  .main_board_tit {padding-left:2rem; height:4.75rem;}
  .main_board_tit .tit {font-size:1.625rem;}
}
@media (max-width:1160px) {
  .sec_board {margin-top:4rem;}
  .main_board_divi { flex-direction: column; }
} 
@media (max-width:1160px) and (min-width:769px) {   
  .main_board_divi > li {display: flex; flex-wrap: wrap;}
  .main_board_tit {width:100%; }
  .main_board_divi .main_board {flex:1;}
  .main_board_divi .main_board + .main_board {border-left:none;}
}
@media (max-width:1160px) {
  .main_board_tit {height: 4.5rem;}
}


.main_board_divi > li {opacity: 0; transform: translateY(-20px); }
section.wp .main_board_divi > li {  animation: visTit_fade 0.5s ease-out forwards ; animation-delay: 0.3s;}
section.wp .main_board_divi > li:nth-child(1) { animation-delay: 0s;}
section.wp .main_board_divi > li:nth-child(2) { animation-delay: 0.15s;}
section.wp .main_board_divi > li:nth-child(3) { animation-delay: 0.3s; }
@keyframes visTit_fade {
  0% { opacity: 0; transform: translateY(-20px);  }
  100% { opacity: 1; transform: translateY(0); }
}



.main_board {display: flex; justify-content: center; padding: 1.5rem 1.75rem 2.5rem; background:#f2f5f7; border:1px solid #d0d1d1; border-top:none; box-sizing: border-box;}
.main_board > .w {display: block; width:100%; max-width:458px;}
.main_board .ca_w { display: flex; align-items: center; gap:0.625rem; margin-bottom:0.75rem;}
.main_board .ca { display: inline-flex;  position:relative; height: 2rem; font-size:1.125rem; line-height: 1; box-sizing: border-box;}
.main_board .ca span { display: inline-flex; align-items: center; justify-content: center; padding:0 1rem; height: 100%;  box-sizing: border-box; ;}
.main_board .ca .c1 { color:#fff; background:#114c94; border-radius: 1rem;}
.main_board .ca.st01 {  border:1px solid #6f7071; border-radius: 1rem; overflow: hidden;}
.main_board .ca .c2 { color:#fff; background:#1a95c8;}
.main_board .ca .c21 { min-width:6rem; background:#fff; overflow: hidden;}
.main_board .i_new { display: inline-flex; align-items: center; justify-items: center; position:absolute; left:0; top:50%; transform: translate(-50%, -50%); width:1.4375rem; height: 1.4375rem; background:#ff0000 url(../images/main/main_icon_new.png) no-repeat 50% 50%; background-size: contain; border-radius: 50%;}
.main_board .d {color:#666;}
.main_board .txt_w {}
.main_board .txt_w .t { margin-bottom:1.25rem; height: 4.125rem; font-size:1.625rem; line-height: 1.3; display: -webkit-box;	word-break: break-all;  overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board .txt_w .x_w {height: 220px;}
.main_board .txt_w .x { font-size:1.0625rem; font-weight: 300; color:#666; line-height: 1.6; display: -webkit-box;overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 7;	-webkit-box-orient: vertical;	}
.main_board .img_w {position:relative; height: 220px; background: #f0f0f0 url(../images/comm/bg_logo.png) no-repeat 50% 50%; background-size: 3.5rem auto; overflow: hidden; }
.main_board .img_w img {width:100%; height: 100%; object-fit: cover; transition: var(--transition-custom08);}
.main_board > .w:hover .t,
.main_board > .w:hover .x {text-decoration: underline; text-underline-offset: 3px;}
.main_board > .w:hover .img_w img {width:100%; height: 100%; object-fit: cover; transform: scale(1.05);}
@media (max-width:1500px) { 
  .main_board .txt_w .t  { height: 3.5625rem; font-size:1.375rem;}
}
@media (max-width:1400px) { 
  .main_board .img_w,
  .main_board .txt_w .x_w { height: 170px; }
  .main_board .txt_w .x { -webkit-line-clamp: 6; }
}
@media (max-width:1160px) { 
  .main_board { padding-left:3.5vw; padding-right:3.5vw; }
}
@media (max-width:960px) { 
  .main_board .img_w,
  .main_board .txt_w .x_w { height: 150px; }
  .main_board .txt_w .x { -webkit-line-clamp: 5; }
}
@media (max-width:768px) { 
  .main_board { padding: 1.5rem 6vw 2rem;}
  .main_board > .w {max-width:none;}
  .main_board .txt_w .t {height: auto;}
  .main_board .img_w,
  .main_board .txt_w .x_w { height: auto; }
  .main_board .img_w {padding-top:48%;}
  .main_board .img_w img {position:absolute; left:0; top:0;}
}


.main_board_divi > li.li02 .main_board_tit { background-color:#1a95c8;}
.main_board_divi > li.li03 .main_board_tit { background-color:#7a7ebb;}
.main_board_divi > li.li03 .main_board .ca .c1 { background-color:#7a7ebb; }


.sec_link {margin-top: 3.125rem;}
.main_link { display: flex; align-items: center; justify-content: center; position:relative; padding:4.5rem 1.5rem 6.5rem; height: 480px; background: url(../images/main/main_bg0101.jpg) no-repeat 50% 50%; background-size: cover; box-sizing: border-box;}
.main_link_swiper { padding:1rem; width:100%; max-width:1100px;}
.main_linkBann_w {display: flex; justify-content: center; gap:40px;}
.main_linkBann {display: block; padding:30px 40px; background:#fff; border-radius: 120px; box-sizing: border-box; transition: var(--transition-custom02);}
.main_link .swiper_controll {position:absolute; left:0; right:0; bottom:2.875rem;}
.main_link .swiper_controll .swiper-pagination { position:absolute; left:50%; bottom:0; gap:0.625rem; transform: translateX(-50%); position:relative;  }
.main_link .swiper_controll .swiper-pagination .swiper-pagination-bullet { width:1.375rem; height: 1.375rem; background:transparent; border:1px solid #114c94; opacity: 1; box-sizing: border-box; }
.main_link .swiper_controll .swiper-pagination .swiper-pagination-bullet-active { background:#114c94;  }
.main_linkBann:hover {box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.3); }
@media (max-width:1280px) { 
  .main_linkBann_w {gap:20px;}
  .main_linkBann {padding:30px;}
}
@media (max-width:1160px) { 
  .main_link {height: auto;}
}
@media (max-width:960px) { 
  .main_link { padding: 3.5rem 6vw 6.5rem; }
  .main_linkBann_w {  flex-direction: column; align-items: center; margin: 0 auto; width:100%; max-width: 23rem;  }
  .main_linkBann { padding:1.5rem 1.875rem; }
}