@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.125rem; height: 1.125rem; 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;}

.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;}


@media (min-width:1401px) { 
  .main header nav { margin-left:5%;}
}
@media (min-width:1281px) { 
  .main header nav { margin-left:2%;}
}

.main .h3_mainTit { margin-bottom:20px; font-size:2.625rem; font-weight: 500; letter-spacing: -2px; }
@media (max-width:640px) { 
  .main .h3_mainTit {font-size:2.25rem;}
}


.sec_reserv { margin:0 auto; max-width:1920px; background:#378adc;}
.main_reserv .reserv_box,
.main_reserv .reserv_box h3,
.main_reserv .reserv_box h4,
.main_reserv .reserv_box a {color:#fff;}
.main_reserv {display: flex; height: 830px;}
.main_reserv > div {flex:1; position:relative; padding:70px 50px; box-sizing: border-box; }
.main_reserv > div > .w {margin:0 auto; width:100%; max-width:460px; box-sizing: border-box;}
.main_reserv .reserv1 { z-index:3; background:#153a9a; }
.main_reserv .reserv2 { z-index:2; background:#0b66c3; }
.main_reserv .reserv3 { z-index:1; background:#378adc; }
.main_reserv .reserv_box {display: flex; flex-direction: column; align-items: center; box-sizing: border-box;}
@media (max-width:1600px) { 
  .main_reserv {height: auto;}
}
@media (max-width:1320px) { 
  .main_reserv > div {padding:60px 40px 55px;}
}
@media (max-width:1160px) { 
  .main_reserv { flex-wrap: wrap; }
  .main_reserv .reserv1,
  .main_reserv .reserv2 {flex:none; width:50%;}
  .main_reserv > div { padding: 2.75rem 5vw 2.5rem; }
  .main_reserv > div > .w {max-width:none;}  
}
@media (max-width:768px) { 
  .main_reserv { flex-direction: column; }
  .main_reserv .reserv1, 
  .main_reserv .reserv2 {width:100%;}
  .main_reserv > div { padding: 2.375rem 10vw 2rem;  }
}

.reserv_box h3 { margin-bottom:2rem; font-size:56px; font-weight: 500; text-align: center; line-height: 1.3; letter-spacing: -2px;}
.reserv_box h4 { margin-bottom:0.625rem; font-size:32px; font-weight: normal;}
@media (max-width:1320px) { 
  .reserv_box h3 { margin-bottom:1.5rem; }
}
@media (max-width:1160px) { 
  .reserv_box h4 { font-weight: 500; }
}

@media (min-width:1161px) { 
  .main_reserv > div { opacity: 0; transform: translateX(-40px); transition: all 0.5s ease-in; }
  .on .main_reserv > div { 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; }
}

.main_reserv .btn,
.main_reserv input[type="submit"] { height: 80px; color:#153a9a; font-size:30px; font-weight: normal; background:#fff; border:none; border-radius: 3px; cursor: pointer; transition: var(--transition-custom02);}
.main_reserv input[type="text"] { height: 80px; color:#153a9a; font-size:30px; font-weight: 500; background:transparent; border:2px solid #fff; border-radius: 3px; cursor: pointer; transition: var(--transition-custom02);}
.main_reserv .btn .b_t { color:#153a9a; }
.main_reserv input[type="text"] { color:#fff; letter-spacing: 0; border-color: rgba(255,255,255,0.5); }
.main_reserv input[type="text"]::placeholder { font-size:25px; color:rgba(255,255,255,0.75); font-weight: 300; letter-spacing: -1.5px; }
.main_reserv input[type="text"]:hover,
.main_reserv .ip_w:hover input[type="text"]  { border-color: #f0f7ff;}
.main_reserv .btn_txt .b_i { transition: var(--transition-custom02); }
.main_reserv .btn:hover, 
.main_reserv input[type="submit"]:hover { box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.25); }
.main_reserv .btn_txt:hover {}
.main_reserv .reserv1 .btn:hover, 
.main_reserv .reserv1 input[type="submit"]:hover { box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.5); }
/*
.main_reserv .reserv1 .btn_txt:hover .b_i { box-shadow: 0.125rem 0.125rem 0.375rem rgba(0,0,0,0.5); }*/
.main_reserv .reserv2 .btn:hover, 
.main_reserv .reserv2 input[type="submit"]:hover { box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.35); }
.main_reserv .reserv2 .btn_txt:hover .b_i { box-shadow: 0.125rem 0.125rem 0.375rem rgba(0,0,0,0.35); }
.main_reserv .reserv2 input[type="submit"] { color:#0b66c3; }
.main_reserv .reserv3 .btn .b_t { color:#378adc; }

.main_reserv .btn {width:100%; font-size:26px; letter-spacing: -1px; line-height: 1.25;}
.main_reserv .btn .b_i {width:2.5rem; height: 2.5rem; background: url(../images/main/main_icon_arw01.png) no-repeat 50% 50%; background-size: contain;}
.main_reserv .btn.st01 { flex-direction: column; height: 240px; } 
.main_reserv .btn.st01 .b_t {font-size:40px;}
.main_reserv .btn.st02 {font-size:32px; background-color:rgba(255,255,255,0.35); }
.main_reserv .btn.st02 .b_t {color:#fff;}
.main_reserv .btn.st03 {font-size:26px; background-color:rgba(255,255,255,0.3); border-radius:0;}
.main_reserv .btn.st03 .b_t {color:#fff;}
.main_reserv .btn_txt { padding:0; width:100%; font-size:26px; letter-spacing: -1px; box-sizing: border-box;}
.main_reserv .btn_txt .b_t { flex:1; display: inline-flex; align-items: center; gap:10px; }
.main_reserv .btn_txt .b_t .i {display: inline-block; width:2rem; height: 2rem; background: url(../images/main/main_icon0501.png) no-repeat 50% 50%; background-size: contain;}
.main_reserv .btn_txt .b_i {width:2.5rem; height: 2.5rem; background: url(../images/main/main_icon_arw05.png) no-repeat 50% 50%; background-size: 0.875rem auto; border-radius: 50%; }
.main_reserv .btn_txt + .btn_txt {margin-top:15px;}
@media (max-width:1320px) { 
  .main_reserv .btn.st01 { height: 220px; } 
}
@media (max-width:1160px) { 
  .main_reserv .btn .b_i {width:2rem; height: 2rem; background-image: url(../images/main/main_icon_arw01_mo.png);}
  .main_reserv .btn.st01 { height: 10rem; } 
}
@media (max-width:768px) { 
  .main_reserv .btn_txt .b_t .i {width:1.75rem; height: 1.75rem; }
  .main_reserv .btn_txt .b_i {width:2.25rem; height: 2.25rem; background-image: url(../images/main/main_icon_arw02_w_mo.png);}
}

.main_reserv .reserv_btn_w { display: flex; flex-wrap: wrap; gap:0.625rem;}
.main_reserv .reserv_btn_w .btn {flex:1; font-size:2rem; border-width:3px;}
.main_reserv .reserv_btn_w .btn.st01 {min-width:40%; }
.main_reserv .reserv_btn_w .btn.st01 .b_i {margin-top:1.25rem; margin-bottom:-0.625rem;}
.main_reserv .reserv_btn_w .btn.w_wide {flex:none; width:100%;}
@media (max-width:1160px) { 
  .main_reserv .reserv_btn_w .btn.st01 .b_i {margin-top:0.25rem; margin-bottom:-0.5rem;}
}

.main_reserv .reserv_btn2_w { margin-top:35px; }
.main_reserv .reserv_btn2_w .btn_txt { font-size:30px; }
.main_reserv .reserv_btn2_w .btn_txt .b_i {width:52px; height: 52px; background-image: url(../images/main/main_icon_arw02_w.png); background-size: 1.25rem auto; }
@media (max-width:1600px) { 
  .main_reserv .reserv_btn2_w .btn_txt .b_i {width:48px; height: 48px; } 
}
@media (max-width:1320px) { 
  .main_reserv .reserv_btn2_w {margin-top:40px;}
  .main_reserv .reserv_btn2_w .btn_txt .b_i {width:42px; height: 42px; background-image: url(../images/main/main_icon_arw05.png); background-size: 0.875rem auto; } 
}
@media (max-width:1160px) { 
  .main_reserv .reserv_btn2_w {margin-top:1.5rem;}
  .main_reserv .reserv_btn2_w .btn_txt .b_i {width:2.5rem; height: 2.5rem; background-image: url(../images/main/main_icon_arw02_w_mo.png); } 
}
@media (max-width:768px) { 
  .main_reserv .reserv_btn2_w .btn_txt .b_i {width:2.25rem; height: 2.25rem; } 
}


.main_ip_w { padding-bottom:20px; width:100%; height: 240px; box-sizing: border-box; }
.main_ip_w .ip_w {position:relative;}
.main_ip_w .ip_w input[type="submit"] {padding-right:35px;}
.main_ip_w .ip_w .main_sch_btn2 {position:absolute; right:0; top:0; width:76px; height: 100%; text-indent: -9999px; font-size:0px; color:transparent; background: url(../images/main/main_icon_sch.png) no-repeat 50% 50%; background-size: 2rem auto; cursor: pointer;}
.main_ip_w input {width:199%;}
.main_ip_w .ip_w + input[type="submit"] {margin-top:0.625rem;}
@media (max-width:1320px) { 
  .main_ip_w { height: 220px; }
}
@media (max-width:1160px) { 
  .main_ip_w { padding-bottom:0; height: auto; }
}

.reserv_box.reserv2_2 { padding-top:70px; border-top:1px solid rgba(255,255,255,0.3);  }
.main_custom_call { display: flex; align-items: center; gap:1.25rem; margin-left:-1.25rem; margin-right:-1.25rem;}
.main_custom_call .i {display:inline-block ;}
.main_custom_call .i_call { width:2.25rem; height: 2.25rem; background: url(../images/main/main_icon_call.png) no-repeat 50% 50%; background-size: contain; }
.main_custom_call .x_tel {  font-size:50px; font-weight: bold; letter-spacing: 0; white-space: nowrap; }
.reserv_box.reserv2_2 .txt_w p + p {margin-top:0.375rem;}
@media (max-width:1400px) { 
  .main_custom_call {gap:1rem;}
}
@media (max-width:1280px) { 
  .reserv_box.reserv2_2 {padding-top:60px;}
}
@media (max-width:1160px) { 
  .reserv_box.reserv2_2 { margin-top:2.25rem; padding-top:2rem;}
  .main_custom_call .i_call {width: 2rem; height: 2rem; background-image: url(../images/main/main_icon_call_mo.png); }
}
@media (max-width:768px) { 
  .main_custom_call .i_call {width: 1.75rem; height: 1.75rem; }
}


.reserv_box .txt_w { margin-top:20px; font-size:26px; letter-spacing: -1px; text-align: center; }
.reserv_box .txt_w > p:not(:first-child) {margin-top:0.625re,;}

.reserv3 .btn:not(:hover) {border-color:rgba(255,255,255,0.3);}
.reserv_btn3_w { display: flex; gap:2px; flex-wrap: wrap;}
.reserv_btn3_w .btn {flex:1; min-width:40%;}


.main .reserv3_2 {margin-top:70px;}
.main .reserv3_2 .btn_txt {margin-top:1.875rem; padding:0 40px; }
@media (max-width:1600px) {
  .main .reserv3_2 .btn_txt { padding:0 1.25rem; }
}
@media (max-width:1320px) {
  .main .reserv3_2  { margin-top:3.75rem; }
}
@media (max-width:1160px) {
 .main .reserv3_2 .btn_txt {margin-top:1.5rem; }
}
@media (max-width:768px) {
 .main .reserv3_2 { margin-top:3rem; }
}
@media (max-width:640px) {
 .main .reserv3_2 .btn_txt {padding:0;}
}

.main .w_logOff,
.main .w_logIn {width:100%;}

.main .w_logIn {margin-bottom:10px;}
.main .w_logIn .h3_w {display: flex; align-items: flex-end; }
.main .w_logIn .h3_w h3 {margin-bottom:0;}
.main .w_logIn h3 {flex:1; text-align: left;}
.main .w_logIn h3 .f_we_n {font-weight: 200;}
.main .w_logIn .btn_txt { margin-bottom:0.5rem; width:auto;}
.main .logInfo_divi { display: flex; justify-content: center; margin:40px -25px; height: 164px;}
.main .logInfo_divi .divi_box:not(:first-child) {border-left:1px solid rgba(255,255,255,0.3);}
.main .logInfo_divi > .w {display: flex; width:100%; max-width:460px; }
.logInfo_divi .divi_box {flex:1; padding:0 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box;} 
.logInfo_divi .divi_box .t {font-size:26px; letter-spacing: -1px; white-space: nowrap;}
.logInfo_divi .divi_box .tx {margin-top:1rem; font-size:54px; font-weight: 500; letter-spacing: 0;}
@media (max-width:1320px) {
  .main .w_logIn {margin-bottom:0;}
}
@media (max-width:1160px) {
  .main .logInfo_divi {margin:1.5rem -1.5rem; height: auto;}
  .logInfo_divi .divi_box {padding:0.75rem 0;}
  .logInfo_divi .divi_box .tx {margin-top:0.625rem; }
}
@media (max-width:640px) {
  .main .w_logIn .btn_txt .b_i {width:1.875rem; height: 1.875rem;}
}



@media (max-width:1600px) {
  .reserv_box h3,
  .logInfo_divi .divi_box .tx { font-size:50px; }
  .main_custom_call .x_tel {font-size:48px;}
  .main_reserv .btn {font-size:26px;}
  .main_reserv .btn.st01 .b_t { font-size:38px; }
  .reserv_box h4 {font-size:34px;}
  .main_reserv .reserv_btn_w .btn,
  .main_reserv .btn.st02,
  .main_reserv input[type="submit"], 
  .main_reserv input[type="text"] {font-size:30px;}
  .main_reserv input[type="text"]::placeholder { font-size:24px;}
  .main_reserv .reserv_btn2_w .btn_txt {font-size:26px;}
}
@media (max-width:1440px) {
  .reserv_box h3,
  .logInfo_divi .divi_box .tx { font-size:46px; }
  .main_custom_call .x_tel {font-size:46px;}
  .main_reserv .btn {font-size:24px;}
  .main_reserv .btn.st01 .b_t { font-size:36px; }
  .reserv_box h4 {font-size:32px;}
  .reserv_box .txt_w,
  .logInfo_divi .divi_box .t {font-size:24px;}
  .main_reserv .reserv_btn_w .btn,
  .main_reserv .btn.st02,
  .main_reserv input[type="submit"], 
  .main_reserv input[type="text"] {font-size:28px;}
  .main_reserv .btn.st03 {font-size:25px;}
  .main_reserv input[type="text"]::placeholder { font-size:21px;}
  .main_reserv .reserv_btn2_w .btn_txt,
  .main_reserv .btn_txt {font-size:24px;}
}
@media (max-width:1320px) {
  .reserv_box h3,
  .logInfo_divi .divi_box .tx { font-size:46px; }
  .main_custom_call .x_tel {font-size:44px;}
  .main_reserv .btn.st01 .b_t { font-size:34px; }
  .reserv_box h4 {font-size:31px;}
  .main_reserv .reserv_btn_w .btn,
  .main_reserv .btn.st02,
  .main_reserv input[type="submit"], 
  .main_reserv input[type="text"] {font-size:26px;}
  .main_reserv input[type="text"]::placeholder { font-size:21px;}
  .main_reserv .reserv_btn2_w .btn_txt,
  .main_reserv .btn_txt {font-size:22px;}
}
@media (max-width:1280px) {
  .reserv_box h3,
  .logInfo_divi .divi_box .tx { font-size:42px; }
  .main_custom_call .x_tel {font-size:42px;}
  .main_reserv .btn {font-size:22px;}
  .main_reserv .btn.st01 .b_t { font-size:31px; }
  .reserv_box h4 {font-size:30px;}
  .main_reserv .reserv_btn_w .btn,
  .main_reserv .btn.st02,
  .main_reserv input[type="submit"], 
  .main_reserv input[type="text"] {font-size:25px;}
  .main_reserv input[type="text"]::placeholder { font-size:19px;}
  .main_reserv .reserv_btn2_w .btn_txt,
  .main_reserv .btn_txt {font-size:21px;}

  .main_reserv .btn,
  .main_reserv input[type="submit"],
  .main_reserv input[type="text"] { height: 72px; }
  .main_ip_w .ip_w .main_sch_btn2 {width:68px; background-size:1.75rem auto;}
}
@media (max-width:1200px) {
  .main_custom_call .x_tel {font-size:40px;}
}
@media (max-width:1160px) {
  .reserv_box h3,
  .logInfo_divi .divi_box .tx { font-size:2.5rem; }
  .main_custom_call .x_tel {font-size:2.5rem;}
  .main_reserv .btn {font-size:1.375rem;}
  .main_reserv .btn.st01 .b_t { font-size:1.75rem; }
  .reserv_box h4 {font-size:1.875rem;}
  .reserv_box .txt_w,
  .logInfo_divi .divi_box .t {font-size:1.3125rem;}
  .main_reserv .reserv_btn_w .btn,
  .main_reserv .btn.st02,
  .main_reserv input[type="submit"], 
  .main_reserv input[type="text"] {font-size:1.5rem;}
  .main_reserv input[type="text"]::placeholder { font-size:1.25rem;}
  .main_reserv .btn.st03 {font-size: 1.375rem;}
  .main_reserv .reserv_btn2_w .btn_txt,
  .main_reserv .btn_txt {font-size:1.25rem;}
}

@media (max-width:1160px) and (min-width:769px) { 
  .main_reserv .reserv3 {padding:0; }
  .main_reserv .reserv3 > .w { display: flex;}
  .main_reserv .reserv3 > .w > div {flex:none; padding: 2.75rem 5vw; width:50%;}
  .main .main_reserv .reserv3_1 { background: #0b66c3; }
  .main .main_reserv .reserv3_2 {margin:0;}
}
@media (max-width:768px) {
  .main_custom_call .x_tel {font-size:2.125rem;}
  .main_reserv .btn {font-size:1.25rem;}
  .main_reserv .btn.st01 .b_t { font-size:1.75rem; }
  .reserv_box h4 {font-size:1.75rem;}
  .reserv_box .txt_w,
  .logInfo_divi .divi_box .t {font-size:1.25rem;}
  .main_reserv .reserv_btn_w .btn,
  .main_reserv .btn.st02,
  .main_reserv input[type="submit"], 
  .main_reserv input[type="text"] {font-size:1.5rem;}
  .main_reserv input[type="text"]::placeholder { font-size:1.25rem;}
  .main_reserv .reserv_btn2_w .btn_txt,
  .main_reserv .btn_txt {font-size:1.25rem;}

  .main_reserv .reserv_btn_w,
  .main_ip_w,
  .reserv_box.reserv2_2,
  .main_reserv > div > .w {max-width:480px;}

  .main_reserv .btn,
  .main_reserv input[type="submit"],
  .main_reserv input[type="text"] { height: 3.875rem; }
  .main_ip_w .ip_w .main_sch_btn2 {width:3.875rem;}
}
@media (max-width:640px) {
  .reserv_box h3,
  .logInfo_divi .divi_box .tx { font-size:2.25rem; }
  .reserv_box h3 {margin-bottom:1.25rem;}
}


.main_quickBann { display: flex; gap: 2rem 0; padding:2rem 0 2.5rem; 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:27px; font-weight: 500; line-height: 1.3; letter-spacing: -1px;}
.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_visual {}
.main_visual { position:relative;}
.main_visual .swiper_controll { z-index:10; position:absolute; left:50%; bottom:20px; transform: translateX(-50%); }
.main_visual .swiper_controll .swiper-pagination { gap:0.625rem; position:relative; margin-right:5px; }
.main_visual .swiper_controll .swiper-pagination .swiper-pagination-bullet { width:1.125rem; height: 1.125rem; background:transparent; border:2px solid #000000; box-sizing: border-box;}
.main_visual .swiper_controll .swiper-pagination .swiper-pagination-bullet-active { border-width:3px; }
.main_visual_swiper .img_w {position:relative; height: 230px;}
.main_visual_swiper .img_w img {width:100%; height: 100%; object-fit: cover;}
.main_visual .btn_autoPlay {border-radius: 50%;}
@media (max-width:1280px) {
  .main_visual {padding-bottom:2.5rem;}
  .main_visual .swiper_controll {bottom:0;}
  .main_visual .btn_autoPlay, 
  .main_visual .swiper-button-prev, 
  .main_visual .swiper-button-next {width:1.25rem; height: 1.25rem; background-size:cover;}
}
@media (max-width:1280px) { 
  .main_visual_swiper .img_w {padding-top:20%; height: auto; max-height: 230px;}
  .main_visual_swiper .img_w img {position:absolute; left:0; top:0;}
}
@media (max-width:768px) {
  .main_visual_swiper .img_w {padding-top:95%; max-height: 550px;}
  .main_visual_swiper .img_w img.pc {display: none;}
  .main_visual_swiper .img_w img.mo {display: block!important;}
}


.sec_board {margin-top:2.5rem;}
.main_board_list {display: flex; gap:1.25rem;}
.main_board_list > li { flex:none; display: block; width:calc(25% - 15px);}
@media (max-width:1160px) { 
  .main_board_list {flex-wrap: wrap;}
  .main_board_list > li { flex:none; display: block; width:calc(50% - 0.625rem);}
}
@media (max-width:960px) { 
  .main_board_list { gap:1rem; }
  .main_board_list > li {  width:calc(50% - 0.5rem);}
}
@media (max-width:768px) { 
  .main_board_list > li {  width:100%;}
}

.main_board {display: flex; flex-direction: column; padding:40px 40px 30px; height: 100%; border:1px solid #ddd; box-sizing: border-box; transition: var(--transition-custom03);}
.main_board .ca_w { display: flex; align-items: center; gap:0.625rem; margin-bottom:1rem;}
.main_board .c { display: inline-flex; justify-content: center; align-items: center; position:relative; width:5rem; height: 1.75rem; font-size:0.875rem; color:#fff; line-height: 1; background:#0a53b7; border-radius: 0.875rem; box-sizing: border-box;}
.main_board .c.c2 {background-color:#55ac39;}
.main_board .c.c3 {background-color:#009db0;}
.main_board .c.c4 {background-color:#6d798d;}
.main_board .d {font-size:0.9.75rem; color:#666;}
.main_board .txt_w {}
.main_board .txt_w .t { margin-bottom:1.25rem; height: 102px; font-size:1.625rem; line-height: 1.3; display: -webkit-box;	 overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.main_board .btn_txt { font-size:0.9375rem; color:#7b7b7b;}
.main_board .btn_txt .b_i { position:relative; top:-1px; background-image: url(../images/main/main_icon_arw03.png); background-size:1rem;} 
.main_board:hover {box-shadow: 0.125rem 0.125rem 0.5rem rgba(0,0,0,0.15);}
.main_board:hover .btn_txt .b_i {animation: bounceRight 0.6s infinite alternate ease-in-out;}
@keyframes bounceRight {
  0% { transform: translateX(0);}
  100% { transform: translateX(6px);}
}
@media (max-width:1440px) {  
  .main_board {padding:1.875rem; padding-right:1.5rem; }
  .main_board .txt_w .t {height: 86px; font-size:1.375rem; word-break: break-all;}
}
@media (max-width:1160px) {  
  .main_board {padding:1.875rem; padding-right:1.5rem; }
  .main_board .txt_w .t {height: 3.625rem; -webkit-line-clamp: 2;}
}
@media (max-width:768px) {  
  .main_board { padding: 1.5rem 5vw; padding-right:4vw; }
  .main_board .txt_w .t { height: auto; font-size:1.25rem; }  
}





.sec_post {margin-top:60px; padding-top:60px; padding-bottom:70px; background:#f7f7f9; }
.main_post_divi {display: flex; align-items: flex-start; gap:30px;}
.main_post_list {flex:1; flex-wrap: wrap; display: flex; gap:30px;}
.main_post_list > li { display: block; position:relative; width:calc(33.33% - 20px);}
@media (max-width:1600px) {
  .main_post_list {  gap:1.25rem;}
  .main_post_list > li { width:calc(33.33% - 0.875rem);}
}
@media (max-width:1440px) { 
  .main_post_divi { display: block;}
}
@media (max-width:1160px) { 
  .main_post_list {gap:1.25rem;}
  .main_post_list > li { width:calc(33.33% - 0.875rem);}
  .sec_post {margin-top:3rem; padding-top:3rem; padding-bottom:4rem;}
}
@media (max-width:960px) { 
  .main_post_list {gap:1rem;}
  .main_post_list > li { width:calc(50% - 0.5rem);}
}
@media (max-width:768px) { 
  .main_post_list {gap:1rem;}
  .main_post_list > li { width:calc(50% - 0.5rem);}
}


.main_post {display: flex; flex-direction: column; z-index: 1; position:relative; padding:34px; height: 100%; background:#fff; border:1px solid #ddd; box-sizing: border-box; transition: var(--transition-custom03);}
.main_post .ca_w { display: flex; align-items: center; gap:0.625rem; margin-bottom:1rem;}
.main_post .c { display: inline-flex; justify-content: center; align-items: center; position:relative; width:1.875rem; height: 1.875rem; font-size:0.9375rem; color:#fff; line-height: 1; background:#a377d1;box-sizing: border-box;}
.main_post .d {flex:1; font-size:0.9375rem; color:#666; text-align: right;}
.main_post .tg_li_btn { margin-right:-1rem; width:1.875rem; height: 1.875rem; background: url(../images/main/main_icon_arw04.png) no-repeat 50% 50%; background-size: 0.25rem auto;}
.main_post .txt_w {}
.main_post .txt_w .t { margin-bottom:0.75rem; height: 3.625rem; font-size:1.375rem; 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_post .txt_w .x { font-size:0.9375rem; height: 3rem; color:#7b7b7b; line-height: 1.6;  display: -webkit-box; word-break: break-all; overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_post .tag_w {flex:1; display: flex; flex-wrap: wrap; align-items: flex-end; gap:0.25rem 0.375rem; margin-top:1rem; margin-right:-20px;}
.main_post .x_tag.st01 {padding:0; height: 2.75rem; color:#7b7b7b; background:transparent; border:none;}
.main_post .x_tag.st01:after {content:''; display: block; width:1.5rem; height: 100%; background: url(../images/main/main_bg0101R.png) no-repeat 100% 0%; background-size: auto 100%;}
.main_post .x_tag.st01 span {display: inline-flex; align-items: center; padding-left:1.25rem; height: 100%;  background: url(../images/main/main_bg0101L.png) no-repeat 0% 0%; background-size: auto 100%;}
.main_post:hover {box-shadow: 0.125rem 0.125rem 0.5rem rgba(0,0,0,0.15);}
@media (max-width:1160px) {
  .main_post { padding:1.875rem; padding-right:1.25rem; }
  .main_post .x_tag.st01 {height: 2rem;}
  .main_post .x_tag.st01:after {width:0.75rem;}
  .main_post .x_tag.st01 span {padding-left:0.75rem;}
}
@media (max-width:768px) {
  .main_post { padding:1.5rem; padding-right:1.25rem; }
  .main_post .txt_w .t {height: 3.125rem; font-size:1.25rem;}
  .main_post .tag_w {gap:0.25rem;}  
}
@media (max-width:640px) {
  .main_post { padding:1.25rem; }
  .main_post .c {  width:1.75rem; height: 1.75rem; }
  .main_post .txt_w .t {height: 2.875rem; font-size:1.1875rem;}
}

.main_post_list .ly_box { justify-content: flex-end; z-index:2; position:absolute; left:0; top:0; padding:25px; width:100%; height: 100%; background:rgba(0,0,0,0); transition: var(--transition-custom02); box-sizing: border-box;}
.main_post_list .ly_box .ico_close {margin-bottom:0.5rem; width:2.375rem; height: 2.375rem;}
.main_post_list .ly_box .ico_close:before,
.main_post_list .ly_box .ico_close:after {background:#fff;}
.main_post_list .ly_sns_list { display: flex; flex-direction: column; gap:0.625rem; }
.main_post_list .ly_sns_list .btn_ico {width:2.375rem; height: 2.375rem;  background:#eeeeee url(../images/main/main_sns0101.png) no-repeat 50% 50%; background-size: cover; border-radius: 50%;}
.main_post_list .ly_sns_list .btn_ico.i_kakao { background-image: url(../images/main/main_sns0101.png); }
.main_post_list .ly_sns_list .btn_ico.i_facebook { background-image: url(../images/main/main_sns0102.png); }
.main_post_list .ly_sns_list .btn_ico.i_twitter { background-image: url(../images/main/main_sns0103.png); }
.main_post_list .ly_sns_list .btn_ico.i_els { background-image: url(../images/main/main_sns0104.png); }
.main_post_list .ac .ly_box { display: flex!important; background:rgba(0,0,0,0.6); }
@media (max-width:1160px) {
  .main_post_list .ly_box {padding:1.5rem;}
}
@media (max-width:768px) {
  .main_post_list .ly_box {    align-items: center; justify-content: center;padding:1rem 1.25rem;}
  .main_post_list .ly_box .ico_close { position:absolute; left:50%; top:25%; transform: translate(-50%,-50%);}
  .main_post_list .ly_sns_list {    flex-direction: row; gap: 0.5rem;}
  .main_post_list .ly_sns_list .btn_ico {width:2.25rem; height: 2.25rem;}
}

.main_pr_w { width:37%;}
.main_pr_w .img_w { position:relative;  box-sizing: border-box;}
.main_pr_w .img_w img {width:100%; height: 100%; object-fit: cover;}
@media (min-width:1444px) {
  .main_pr_w .img_w { padding-top:54.8%; min-height: 294px;}
  .main_pr_w .img_w img {position:absolute; left:0; top:0; }
}
@media (max-width:1440px) {
  .main_pr_w {margin-top:2rem; width:100%;}
}
@media (max-width:1440px) and (min-width:961px) {  
  .main_pr_w {display: flex; align-content: flex-start; gap:1.5rem;}
  .main_pr {flex:1;}
  .main_pr_w .img_w {  max-width:calc(50% - 0.5rem); }
}
@media (max-width:1160px) {  
 
  .main_pr_w { }
}

.main_pr {margin-top:1.875rem; padding-left:0.625rem;}
.main_pr .tit_w {display: flex; align-items: center; gap:1.875rem; margin-bottom:1.5rem;}
.main_pr .tit_w .tit {  }
.main_pr .tit_w .t { font-size:1.375rem; line-height: 1.3; font-weight: 500;}
.main_pr .tit_w .d {display: flex; align-items: center; gap:0.875rem; margin-top:0.5rem; font-size:0.9375rem; color:#7d7d7d;}
.main_pr .tit_w .d3 {display: inline-flex; align-items: center; gap:0.25rem;}
.main_pr .tit_w .d .i_like {display: inline-block; width:1rem; height: 1rem; background: url(../images/main/main_icon_0201.png) no-repeat 50% 50%; background-size: contain;}
.main_pr .ico_w {flex:none;}
.main_pr .ico_w span {vertical-align: top;}
.main_pr .x_tag_list { gap:0.375rem;}
.main_pr .x_tag {padding:0 1.25rem; height: 2rem; color:#7d7d7d; background:#fff; border:1px solid #d9d9d9; transition: var(--transition-custom02);}
.main_pr .x_tag:hover { color:#fff; background-color:#378adc; border-color:#378adc;}
@media (max-width:1160px) {  
  .main_pr {margin-top:1.25rem;}
  .main_pr .ico_w .i_yt {width:6.25rem;}
  .main_pr .x_tag {padding:0.875rem;}
}
@media (max-width:768px) {  
  .main_pr .tit_w {gap:1rem; margin-bottom:1.25rem;}
  .main_pr .tit_w .tit {flex:1;}
  .main_pr .tit_w .t {font-size:1.312rem; }
  .main_pr .tit_w .d .i_like { width:0.875rem; height: 0.875rem; }
}