@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;
  --font-family-gmarket: 'GmarketSans', '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,
.main .in_cover > .in_w {max-width:1400px;}

.main nav .gnb {  }

.main article { }
.main h3.main_tit { font-size:1.875rem; font-weight: 500; line-height: 1.1; font-family: var(--font-family-gmarket);}
@media (max-width:768px) {
  .main h3.main_tit {font-size:1.625rem;}
}


.main_ip_inline { display: flex; height: 3.375rem; width:100%; background:#fff; border-radius: 0.375rem; box-sizing: border-box; overflow: hidden;}
.main_ip_inline input[type="text"] { flex:1; padding:0 0.75rem; padding-right:2px; height: 100%; width:100%; color:#000; font-size:1.125rem; border:none; }
.main_ip_inline input[type="text"]::placeholder {font-size:1rem;}
.main_ip_inline .main_submit {flex:none; width:5rem; max-width:30%; height: 100%; font-size:1.0625rem; color:#fff; background-color:#0f2e62; border:none;}

.main_diviSt01 {display: flex; gap:1.25rem; position:relative;}
.main_diviSt01 > .t {position:relative;}
.main_diviSt01 > .t:before {content:''; display:block; position:absolute; right:-0.625rem; top:0.3125rem;; width:0.125rem; height:0.75rem; background:#ddd; }

.main_txtIcon {display: inline-flex; gap:0.3125rem;}
.main_txtIcon i {display: inline-block; margin-top: 0.1875rem; width:0.875rem; height: 0.875rem; background: url(../images/main/main_icon0101.png) no-repeat 50% 50%; background-size:contain; }

.main_txtIcon1 {display: flex; align-items: center; gap:0.5rem; padding:0.625rem 1rem; background:#1366ba; border-radius: 0.375rem;}
.main_txtIcon1 i {display: inline-block; width:1.875rem; height: 1.875rem; background: url(../images/main/main_icon0201.png) no-repeat 50% 50%; background-size:contain; }
.main_txtIcon1 .t { font-size:0.875rem; font-weight:100; letter-spacing: 0; opacity: 0.8;}
@media (max-width:1160px) {
  .main_txtIcon1 { align-items: flex-start; gap:0.375rem; padding:0.75rem 1rem;}
  .main_txtIcon1 i {margin-top:1px; display: inline-block; width:1rem; height: 1rem; }
}

/* contents */
.main .sec_vis {z-index:1; position:relative; }
.main_vis {position:absolute; left:50%; right:0; margin-left:-240px;  height: 700px; border-top-left-radius: 14rem; overflow: hidden;}
.main_vis > .bg {position:absolute; left:0; top:0; width:100%; height: 100%; background: url(../images/main/main_vis0201.jpg) no-repeat 50% 50%; background-size:cover; }
.main_vis_tit {z-index:1; position:absolute; right:0; bottom:0; padding-right:0.25rem; color:#fff; }
.main_vis_tit .tx { display: flex; justify-content: flex-end; gap:0.25rem;}
.main_vis_tit .tx span {}
.main_vis_tit .t { display: flex; flex-direction: column; align-items: flex-end;  justify-content: flex-end; gap:0.625rem; margin-top:1.875rem; font-size:85px; line-height: 1; text-align: right;}
.main_vis_tit .t span {display: inline-flex;}
@media (max-width:1460px) {
  .main_vis { left:490px; margin-left:0;}
}
@media (max-width:1360px) {
  .main_vis_tit .t .pc {display: none;}
  .main_vis_tit .t .mo {display: inline-flex!important;}
}
@media (max-width:1160px) {
  .main_vis {position:relative; left:auto; }
  .main_vis_tit .t {gap:0.25rem; margin-top:0.25rem;}
  .main_vis_tit .t span { background: url(../images/main/main_vis0203_mo.png) no-repeat 100% 50%; background-size:contain; }
  .main_vis_tit .t .t2 { background-image: url(../images/main/main_vis0203_mo.png); }
  .main_vis_tit .t .t3 { background-image: url(../images/main/main_vis0204_mo.png); }
  .main_vis_tit .t .t4 { background-image: url(../images/main/main_vis0202_mo.png); }
  .main_vis_tit .t span img { height: 80px; opacity: 0; }
}
@media (max-width:960px) {
  .main_vis { height: 32.5rem; border-top-left-radius: 9rem; }
  .main_vis_tit .tx img {height: 9rem;}
  .main_vis_tit .t span img { height:3.5rem; }
}
@media (max-width:768px) {
  .main_vis_tit .tx img {height: 8.5rem;}
  .main_vis_tit .t span img { height:3.25rem; }
}
@media (max-width:460px) {
  .main_vis { height: 30rem; }  
  .main_vis_tit .tx img {height: 8rem;}  
  .main_vis_tit .t span img { height:3rem; }
}



.sec_reserv > .in_w { padding-top:70px; height: 700px; box-sizing: border-box;}
.main_reserv { padding:2.5rem; width:430px; max-width:100%; height: 333px; color:#fff; background:#1474d0; border-radius: 1rem; border-top-right-radius: 4rem; box-sizing: border-box;}
.main_reserv h3.main_tit {color:#fff;}
.main_reserv .h3_x { margin-bottom:1rem;}
.main_reserv .txt_w  {margin-top:0.875rem;}
.main_reserv .main_txtIcon i { margin-top:0.25rem; background-image: url(../images/main/main_icon0101_w.png);  }
.main_reserv .main_diviSt01 > .t:before { background:rgba(255,255,255,0.45); }
.main_reserv .main_txtIcon1 {margin-top:0.75rem;}
@media (max-width:1160px) {
  .sec_reserv > .in_w { padding:2rem 0; height: auto;}
  .main_reserv {flex:1; width:auto; height: auto; border-radius: 1rem;}
}
@media (max-width:768px) {
  .main_reserv { padding:2.5rem 7vw; }
}
@media (max-width:640px) {
  .sec_reserv > .in_w { padding:5vw 0;}
}


.main_custom {  margin-top:0.875rem; padding:1.5rem 2.5rem; width:430px; max-width:100%; height: 110px; background:#e9f2ff; border-radius: 1rem; box-sizing: border-box; }
.main_custom > .w { display: flex; align-items: center; gap:1.875rem; height: 100%; }
.main_custom .custom_t {font-size:1.0625rem; color:#000; font-weight: 500; letter-spacing: -1px;}
.main_custom_call {width:100%;}
.main_custom_call .tel_w em { letter-spacing: -1px; }
.main_custom_call .x_tel { font-size:1.5rem; color:#1474d0; letter-spacing: 0; font-family: var(--font-family-gmarket); }
.main_custom .main_diviSt01 { margin-top:0.25rem;}
@media (max-width:1160px) {
  .main_custom > .w { align-items: flex-start; flex-direction: column; gap:0.5rem;}
  .main_custom { padding: 1.625rem 2.5rem; width:auto; height: auto;}
  .main_custom .custom_t br {display: none;}
}
@media (max-width:768px) {
  .main_custom { padding: 1.75rem 7vw 1.5rem; padding-right:1rem; }
  .main_custom_call {display: flex; align-items: flex-end; flex-wrap: wrap; gap:0 1.25rem;}
  .main_custom .main_diviSt01 { margin-bottom: 0.375rem; }
}
@media (max-width:460px) {
  .main_txtIcon i,
  .main_diviSt01 > .t:before {display: none;}
  .main_custom .main_diviSt01 {gap:0.5rem;}
}


@media (max-width:1160px) and (min-width:769px) {
  .sec_reserv > .in_w { display: flex; gap:1rem; padding:3rem 0;}
  .main_custom_w {flex:1; display: flex; flex-direction: column; gap:1rem;}
  .main_custom { flex:1; margin-top: 0; width:auto; }
  .main_custom > .w { justify-content: center;}

}



.sec_bann { background: url(../images/main/main_bg0101.jpg) no-repeat 50% 50%; background-size:cover; overflow: hidden; }
.sec_bann > .in_w {padding:4.75rem 0 5rem;}
.sec_bann .main_tit { color:#fff;}
@media (max-width:960px) {
  .sec_bann > .in_w {padding:4rem 0 4rem;}
}
@media (max-width:640px) {
  .sec_bann > .in_w {padding:3.5rem 0 4rem;}
}

.main_quickBann {margin-bottom:3.75rem;}
.main_quickBann .main_tit {margin-bottom:2.5rem; text-align: center; }
.main_quickBann_list { display: flex; justify-content: space-between; gap: 1rem; box-sizing: border-box;}
.main_quickBann_list > li {display: block; position:relative; box-sizing: border-box;}
.main .btn_quick {display: flex; justify-content: center; align-items: center; justify-content: center; gap:0.75rem; }
.main .btn_quick .b_t { margin-left:-0.5rem; margin-right:-0.5rem; font-size:1.0625rem; color:#fff; letter-spacing: -1px; text-align: center; white-space: nowrap;}
.main .btn_quick .b_i { flex:none; width:6.875rem; height: 6.875rem; background: #0f2e62 url(../images/main/main_icon0301.png) no-repeat 50% 50%; background-size: 3.75rem auto; border-radius: 50%; } 
.main .btn_quick .b_i.i0101 { background-image: url(../images/main/main_icon0301.png); }
.main .btn_quick .b_i.i0102 { background-image: url(../images/main/main_icon0302.png); }
.main .btn_quick .b_i.i0103 { background-image: url(../images/main/main_icon0303.png); }
.main .btn_quick .b_i.i0104 { background-image: url(../images/main/main_icon0304.png); }
.main .btn_quick .b_i.i0105 { background-image: url(../images/main/main_icon0305.png); }
.main .btn_quick .b_i.i0106 { background-image: url(../images/main/main_icon0306.png); }
@media (max-width:1480px) {
  .main_quickBann_list {margin-left:2rem; margin-right:2rem;}
}
@media (max-width:1400px) {
  .main_quickBann_list { justify-content: space-evenly; }
  .main .btn_quick { flex-direction: column; }
}
@media (max-width:1280px) {  
  .main_quickBann_list { flex-direction: row; gap:1.5rem; }
  .main .btn_quick .b_i {width:6rem; height: 6rem; background-size:50% auto; }
}
@media (max-width:960px) {
  .main_quickBann_list {margin-left:-4.5vw; margin-right:-4.5vw; padding-left:4.5vw; padding-right:4.5vw; overflow: hidden; overflow-x:auto;}
  .main .btn_quick .b_i {width:5rem; height: 5rem; }
}
@media (max-width:768px) {  
  .main_quickBann .main_tit { margin-bottom: 1.5rem; text-align: left;}
  .main_quickBann_list { justify-content: space-between; gap:1rem;}
  .main .btn_quick .b_t { font-size:1rem; }
}
@media (max-width:640px) {
  .main .btn_quick .b_i {width:4.25rem; height: 4.25rem; }
}
@media (max-width:460px) {
  .main_quickBann_list {gap:1.5rem;}
}


.main_docBann {}
.main_docBann .h3_w {margin-bottom:1.25rem;}
.main_docBann .h3_w .ico_add:before,
.main_docBann .h3_w .ico_add:after {width:1.375rem; height: 0.125rem; background:#fff; }
.main_docBann_w .swiper_controll { z-index:10;}
.main_docBann_w .swiper_controll > div {position:absolute; top:132px; width:2.75rem; height: 2.75rem; background: #0f2e62 url(../images/main/main_swiper_arwL.png) no-repeat 50% 50%; background-size: 1rem auto; border-radius: 50%;}
.main_docBann_w .swiper_controll .swiper-button-prev {left:0; transform: translate(-50%,-50%); }
.main_docBann_w .swiper_controll .swiper-button-next {right:0; transform: translate(50%,-50%); background-image: url(../images/main/main_swiper_arwR.png); }
.main_doc_w { position:relative; height: 265px; width:100%; background:#fff; border-radius: 1.25rem; overflow: hidden; }
.main_doc_w .img_w {position:absolute; left:27.5%; bottom:0; transform: translateX(-50%); height: 100%;}
.main_doc_w .img_w img {max-width:none; width:100%; height: 100%; object-fit: cover;}
.main_doc_w .txt_w { position:relative; left:55%; width:45%; padding-top:3.5rem; padding-right:1rem; height: 100%; letter-spacing: -1px; box-sizing: border-box;}
.main_doc_w .txt_w .tx {font-size:0.9375rem;}
.main_doc_w .txt_w .t {margin-bottom:0.625rem; font-size:1.625rem; color:#1474d0; font-weight: 500; }
.main_doc_w .txt_w .x {font-size:0.875rem; line-height: 1.5; color:#666; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 6;	-webkit-box-orient: vertical}
@media (max-width:1480px) {
  .main_docBann_w {margin-left:1.3125rem; margin-right:1.3125rem;}
}
@media (max-width:1280px) {  
  .main_docBann_w .swiper_main_docBann {overflow: initial; }
}
@media (max-width:1160px) {
  .main_doc_w {height: 15rem;}
  .main_docBann_w .swiper_controll > div {top:7.5rem;}
  .main_doc_w .txt_w {padding-top:2rem;}  
}
@media (max-width:960px) {
  .main_doc_w .img_w { left: 24.5% }
  .main_doc_w .txt_w {left: 48%; width: 52%;}
}
@media (max-width:640px) {
  .main_docBann_w .swiper_controll > div {width: 2.5rem; height: 2.5rem; background-size: 0.75rem auto;}
  .main_docBann_w .swiper_controll > div {top:6rem;}
  .main_doc_w {height: 12rem;}
  .main_doc_w .txt_w { padding-top: 1.625rem;    }
  .main_doc_w .txt_w .t { margin-bottom: 0.3125rem; font-size: 1.5rem; }
  .main_doc_w .txt_w .x { line-height: 1.3; -webkit-line-clamp: 5;}
}
@media (max-width:600px) {
  .main_docBann_w { margin-right:25%;}
}
@media (max-width:460px) {
  .main_docBann_w { margin-right:18%;}
}





.sec_board > .in_w { padding: 4.75rem 0 5rem;}
.main_board_w { position:relative; box-sizing: border-box;}
.main_board_w .board_h {display:flex; position:absolute; right:0; bottom:100%; margin-bottom:1.5rem; padding-left:1px; }
.main_board_w .board_h a {display:flex; align-items: center; justify-content: center; position:relative; margin-top:-1px; margin-left:-1px; padding:0.375rem 0.5rem; min-width:8.75rem; min-height:2.625rem; color:#666; text-align: center; line-height: 1.1; border:1px solid #d6d6d6;  word-break: keep-all; box-sizing: border-box; }
.main_board_w .board_h a.ac { z-index:1; color:#fff; background:#102437; border-color:#102437; border-radius: 0.25rem;}

.main_board_list {display: flex; border-top:3px solid #102437; border-bottom:1px solid #ddd;}
.main_board_list > li {flex:1; display: block; }
.main_board_box { display: flex; flex-direction: column; height: 100%; padding:1.625rem 1.875rem 1.25rem; padding-right:0; box-sizing: border-box;}
.main_board_box .tit_w {}
.main_board_box .ca_w {display: inline-flex; position:relative;  margin-bottom:0.75rem; height: 1.75rem;  border:1px solid #102437; border-radius: 0.25rem; overflow: hidden; box-sizing: border-box;}
.main_board_box .ca { display: inline-flex; align-items: center; justify-content: center; position:relative; padding:0 0.75rem; min-width:4.625rem; font-size:0.875rem; letter-spacing: -1px; line-height: 1;   box-sizing: border-box;}
.main_board_box .i_new { display: inline-flex; align-items: center; justify-content: center; width:1.75rem; font-size:0.875rem; color:#fff; font-weight: 500; background:#102437; }
.main_board_box .t_w {display: block; }
.main_board_box .t {   display: block; font-size:1.4375rem; font-weight: 500;  display: -webkit-box; overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;	}
.main_board_box .x { margin-top:0.625rem; color:#777; display: -webkit-box; overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board_box .d {flex:1; display: flex; align-items: flex-end; margin-top:1rem; color:#999; line-height: 1.5;}
@media (max-width:1280px) { 
  .main_board_list {gap: 1.875rem;}
  .main_board_box {padding-left:0.5rem;}
}
@media (max-width:1160px) { 
  .main_board_box .t { font-size: 1.25rem; }
  .main_board_box .ca { min-width:auto;}
}
@media (max-width:960px) {
  .sec_board > .in_w {padding:4rem 0 5rem;}
  .main_board_w .board_h {position:relative; bottom:auto; right:auto; }
  .main_board_list { flex-direction: column; padding:1.875rem 0; }
  .main_board_box {padding:0 ; padding-left:2vw;}
  .main_board_box .t { -webkit-line-clamp: 2; }
}
@media (max-width:768px) {
  .main_board_w .board_h a {flex:1; min-width:auto}
}
@media (max-width:640px) {
  .sec_board > .in_w {padding:3.5rem 0 4rem;}
  .sec_board h3.main_tit {margin-bottom:1rem;}
}