@charset "UTF-8";

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


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

.main:not(.body_scroll) #header:not(:hover) .hd_box:before {opacity: 0;}
.main:not(.body_scroll) .gnb_open #header:not(:hover) .hd_box:before,
.main:not(.body_scroll) .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_logo a .t,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .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_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_mainGo { padding-left:1.375rem; padding-right:0.625rem; width:11.5rem; height: 3.75rem;}
.btn_mainGo .b_t { flex:1; font-weight: 500; font-size:1.1875rem; text-align: left; letter-spacing: -0.06em; }
.btn.btn_mainGo .b_i {margin-right:-0.125rem; width:2.5rem; height: 2.5rem; background-color:#222; background-image: url(../images/main/main_icon_arw0101_w.png); background-size:1.25rem auto; border-radius: 50%;}
@media (max-width:640px) {
  .btn_mainGo {width:11rem; height: 3.5rem;}
  .btn.btn_mainGo .b_i { width: 2.25rem; height: 2.35rem; background-size: 1rem auto;}
}

.btn_icon.ico_go0101 { width:2.5rem; height: 2.5rem; background-color:#222; background-image: url(../images/main/main_icon_arw0101_w.png); background-size:1.25rem auto; border-color:#222; border-radius: 50%; overflow: hidden;}
.btn_icon.ico_go0101[value] {font-size:1px; color:transparent; text-indent: -9999px;}
@media (max-width:1160px) {
  .btn_icon.ico_go0101 {width:3.25rem; height: 3.25rem;}
}


.main_float { z-index:80; position:fixed; top:0; left:0; width:100%; box-sizing: border-box;}
.main_float.in_cover {padding:0 15px;}
.main .main_float.in_cover > .in_w {max-width:1360px;}

.main_float .main_floating {display: flex; flex-direction: column; gap:5px; position:absolute; top:130px; right:0; animation: floatBanner 3.5s ease-in-out infinite;
  /* GPU활용, 애니메이션 최적화 */backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0); will-change: transform; }
.main_float .main_floating img { border-radius: 9999px; box-shadow: 0.25rem 0.5rem 0.75rem rgba(0,0,0,0.15);
  /* 이미지 랜더링 최적화 */image-rendering: -webkit-optimize-contrast; transform: translateZ(0);}
.main_float .main_floating:hover { animation-play-state: paused; }
@media (max-width:1160px) {
  .main_float.in_cover {padding:0 2.5vw;}
  .main_float .main_floating a { background:  url(../images/main/main_img0501_mo.png) no-repeat 50% 50%; background-size:100% auto; }
  .main_float .main_floating .a2 { background-image:  url(../images/main/main_img0502_mo.png); }
  .main_float .main_floating .a3 { background-image:  url(../images/main/main_img0503_mo.png); }
  .main_float .main_floating img {opacity: 0;}
}
@media (max-width:1160px) {
  .main_float .main_floating img {width:2.25rem;}
}
@media (max-width:768px) {
  .main_float .main_floating { gap:3px; top: 6rem; }
}
@media (max-width:640px) {
  .main_float .main_floating img {width:2rem;}
}
@keyframes floatBanner {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); /* 연산 최적화 */ }
}


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



.main nav .gnb {max-width:860px;}


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

.main .sec_hosInfo { padding-top:3.75rem;}
.main .sec_news,
.main .sec_docInfo { padding-top:5.5rem;}
@media (max-width:1160px) {
  .main .sec_news,
  .main .sec_docInfo { padding-top:3.75rem;}
}


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

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

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


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

.sec_vis {position:relative; }
.main_vis {position:relative; height: 100vh; min-height: 900px;}
.main_vis_swiper {height: 100vh; min-height: 900px;}
.main_vis_swiper .swiper-slide .w { height: 100vh; min-height: 900px;}
.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:38rem; max-height: 768px; overflow: hidden;}
  .main_vis:before {content:''; display: block; padding-top:122%;}
  .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:380px; 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; width:100%; max-width:1360px; text-align: center; }
.main_vis .main_vis_tit .t_w .tx { margin-bottom:1rem; min-height: 1.75rem; /*font-size:1.25rem;*/ font-size:1.375rem; letter-spacing: -0.036em; font-weight: 200;  } 
.main_vis .main_vis_tit .t_w .t {font-size:3.25rem; font-weight: 600; letter-spacing: -1.5px; line-height: 1.25; 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.25rem; font-size:1.25rem; letter-spacing: -0.036em; font-weight: 200;     text-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);}
.main_vis .main_vis_tit .btn_w { margin-top:2rem; }
.main_vis .main_vis_tit .btn_go { gap:1.75rem; padding:0 0.25rem; height: 3rem; border-bottom:1px solid #fff; box-sizing: border-box;}
.main_vis .main_vis_tit .btn_go .i_arw { margin-top:-0.125rem; background-image: url(../images/main/main_icon_arw0301.png); }
.main_vis .main_vis_tit .in_w > .btn_w {position:absolute; left:50%; bottom:-30px; margin-left:300px;}

@media (max-width:1340px) {
  .main_vis .main_vis_tit {padding-bottom:380px;}
  .main_vis .main_vis_tit .in_w > .btn_w { bottom:10px; }
}
@media (max-width:1160px) {
  .main_vis .main_vis_tit {padding-bottom:160px;}
  .main_vis .main_vis_tit .t_w {width:auto;}
  .main_vis .main_vis_tit .t_w .t { font-size:2.75rem; }
  .main_vis .main_vis_tit .in_w > .btn_w { display: none; }
}
@media (max-width:768px) {
  .main_vis .main_vis_tit {padding-top:4.5rem;}
  .main_vis .main_vis_tit .t_w .t { font-size:2.5rem; }
  .main_vis .main_vis_tit .t_w .tx,
  .main_vis .main_vis_tit .t_w .x { font-size:1.125rem; }
}
@media (max-width:640px) {
  .main_vis .main_vis_tit .t_w {margin-left:-3vw; margin-right:-3vw;}
  .main_vis .main_vis_tit .t_w .t { font-size:2.25rem; }
  .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:2rem; }
}
@media (max-width:460px) {
  .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 .t_w .t { font-size:1.875rem; }
  .main_vis .main_vis_tit .t_w .tx,
  .main_vis .main_vis_tit .t_w .x { font-size:1rem; }
  .main_vis .main_vis_tit .btn_w { margin-top:0.875rem; }
}

@media (max-height:1000px) and (min-width:1161px) {
  .main_vis .main_vis_tit .in_w > .btn_w { bottom:-15px; }
  .main_vis .main_vis_tit { padding-bottom:305px;}
}


.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 { z-index: 10; position:absolute; bottom:360px; left:50%; transform: translateX(-50%); margin-left:0.5rem; width:480px; max-width:75vw; 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:5rem; max-width:6.25rem;*/ background:rgba(255,255,255,0.3); border-radius: 0; opacity: 1;}
.main_vis .swiper_controll .swiper-pagination-bullet-active:after { content:''; display: block; position:absolute; left:0; top:0; height: 100%; width:0%; background:#e47312; animation: progress 5s linear both;}
@keyframes progress {
  from { width: 0%; }
  to { width: 100%; }
}
@media (max-height:1000px) {
  .main_vis .swiper_controll_w {bottom:300px;}
}
@media (max-width:1340px) and (min-height:1001px) {
  .main_vis .swiper_controll_w { bottom:400px; }
}
@media (max-width:1160px) {
  .main_vis .swiper_controll_w { bottom:9.375rem; }
  .main_vis .swiper_controll .swiper-pagination { max-width:65vw; }
  .main_vis .swiper_controll .swiper-pagination-bullet {height: 0.3125rem; /*width:4rem; */}
}


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

.main_reserv_w { display: flex; position:absolute; left:0; right:0; bottom:0; border-radius: 1rem; overflow: hidden; }
.main_reserv_w .main_reservBox {flex:1; background:#e47312;}
.main_reserv_w .main_reservBox:nth-child(1) { background:#e47312; }
.main_reserv_w .main_reservBox:nth-child(2) { background:#897569; }
.main_reserv_w .main_reservBox:nth-child(2) .btn_icon:hover { background-color:#5e4e44; border-color:#5e4e44;}
.main_reserv_w .main_reservBox:nth-child(3) { background:#77658b; }
.main_reserv_w .main_reservBox:nth-child(3) .btn_icon:hover { background-color:#554467; border-color:#554467;}
.main_reserv_w .main_reservBox:nth-child(4) { background:#3f3f3f; }
.main_reserv_w .main_reservBox:nth-child(4) .btn:hover { background-color:#2b2b2b; border-color:#2b2b2b;}
@media (max-width:1160px) {
  .main_reserv_w { flex-wrap:wrap; position:relative; left:auto; bottom:auto; right:auto; margin:1.25rem auto 0; max-width:768px; }
  .main_reserv_w .main_reservBox {min-width:40%;}
  .main_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;}
}

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

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


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


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


.main_fpBtn { z-index:10; position:absolute; bottom:95px; left:50%; transform: translateX(-50%); overflow: hidden;}
.main_fpBtn .btn_fp { gap:0.875rem; margin:0;}
.main_fpBtn .btn_fp .b_t {position:absolute; left:-9999px; color:transparent; font-size:1px; font-weight: 500; letter-spacing: -0.036em; }
.main_fpBtn .btn_fp .b_i { position:relative; width:2.75rem; height: 2.75rem; background:#1f172f; border-radius: 50%; }
.main_fpBtn .btn_fp .b_i i { display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); width: 1rem; height: 0.5rem; background: url("../images/main/main_icon_04011.png") no-repeat center / contain; opacity: 0; animation: dropAndFade 1.8s infinite cubic-bezier(0.5, 0.75, 0.75, 0.5); }
.main_fpBtn .btn_fp .b_i i.arw2 {animation-delay: 0.55s;}
.sec_vis .main_fpBtn {bottom:1.875rem;}
@media (max-width:1160px) or (max-height:899px) {
  .main_fpBtn {display: none;}
}
@media (max-width:1340px) {
  .main_fpBtn .btn_fp .b_t {font-size:1.625rem; }
  .main_fpBtn .btn_fp .b_i { transform: scale(0.9); }
  .sec_vis .main_fpBtn {bottom:1.5rem;}
}
@media (max-width:1160px) {
  .main_fpBtn { display: none; }
}
@media (max-height:950px) {
  .sec_vis .main_fpBtn {bottom:1.25rem;}
}

@keyframes dropAndFade {
  0% { top: -0.5rem;  opacity: 0; }
  10% { opacity: 0; }
  40% { opacity: 1; }
  60% { opacity: 1; }
  85% { opacity: 0; }
  100% { top: 100%;  opacity: 0; }
}



.main_cnt01_w { display: flex; gap:2.25rem; }
.main_cnt01_w > .right { flex:1; }
@media (max-width:1160px) {
  .main_cnt01_w { display: block;}
}

.main_boardSwiper02 {width:680px; max-width:50%; }
.mainSwiper02_w { position:relative; height: 480px; }
.mainSwiper02 {width:100%; height:100%; border-radius: 1.5rem;}
.mainSwiper02 .box_w {position:relative; width:100%; height: 100%;}
.mainSwiper02 .img_w { position:absolute;  width:100%; height: 100%;}
.mainSwiper02 .img_w img {width:100%; height: 100%; object-fit: cover;}
.mainSwiper02 .txt_w {position:relative; padding:3.75rem 3.5rem; padding-right:1.5rem; width:100%; height: 100%; box-sizing: border-box;}
.mainSwiper02 .txt_w .tit {min-height: 10.5rem; }
.mainSwiper02 .txt_w .t { font-size:2.25rem; font-weight: 500; letter-spacing: -0.048em; }
.mainSwiper02 .txt_w .x { margin-top:1rem; font-size:1.25rem; letter-spacing: -0.048em; }
.mainSwiper02 .txt_w .btn_mainCall { margin-top:1rem; }
.mainSwiper02 .btn_w { margin-top:2.25rem; }
.mainSwiper02 .btn_mainGo {border-color:#fff;}
.mainSwiper02 .btn_mainGo:hover {border-color:#222;}
@media (max-width:1160px) {
  .main_boardSwiper02 { margin:0 auto; max-width:100%; width:768px; }
  .mainSwiper02_w { height: 62vw; max-height: 380px; min-height: 18.75rem;}
  .mainSwiper02 .txt_w .tit {min-height: auto;}
  .mainSwiper02 .txt_w .t .m_none {display: none;}
}
@media (max-width:768px) {
  .mainSwiper02 .txt_w {padding:3rem 3vw 2rem 6vw; }
  .mainSwiper02 .txt_w .t {font-size:2rem;}
  .mainSwiper02 .btn_w {margin-top:1.875rem;}
}
@media (max-width:640px) {
  .mainSwiper02 .txt_w { padding:2.5rem 3vw 1.25rem 7vw;  }
  .mainSwiper02 .txt_w .t {font-size:1.875rem;}
  .mainSwiper02 .btn_w {margin-top:1.25rem;}
}
@media (max-width:460px) {
  .mainSwiper02 .txt_w .t {font-size:1.75rem;}
}



.mainSwiper02_w .swiper_controll { display: flex; justify-content: center; align-items: center; gap:1.875rem; z-index:10; position:absolute; right:0; bottom:-1.25rem; width:20rem; max-width:65%; height: 5.25rem; background:#fff; border-top-left-radius:1.375rem ;}
.mainSwiper02_w .swiper_controll .btn_w {display: flex; justify-content: center; gap:1rem;}
.mainSwiper02_w .swiper_controll .btn_w .ico { width:2.25rem; height: 2.25rem; background:  url(../images/main/main_swiper0101L.png) no-repeat 50% 50%; background-size:1rem auto; border:1px solid #222; border-radius: 50%; box-sizing: border-box; cursor: pointer;}
.mainSwiper02_w .swiper_controll .btn_w .swiper-button-next { background-image:  url(../images/main/main_swiper0101R.png); }
.mainSwiper02_w .swiper_controll .btn_w .btn_stop { background-image:  url(../images/main/main_swiper0102_pause.png); }
.mainSwiper02_w .swiper_controll .btn_w .btn_play { background-image:  url(../images/main/main_swiper0102_play.png); }
.mainSwiper02_w .swiper_controll .swiper-pagination { display: flex; justify-content: center; gap:1rem; position:relative; left:auto; bottom:auto; top:auto; margin-right:-1rem; width:4.5rem; font-size:1.0625rem;  color:#222;}
.mainSwiper02_w .swiper_controll .swiper-pagination .swiper-pagination-current { color:#e47312; }
@media (max-width:1160px) { 
  .mainSwiper02_w {margin:0 auto; max-width:800px;}
}
@media (max-width:960px) { 
  .mainSwiper02_w .swiper_controll {height: 4.5rem;}
}
@media (max-width:768px) { 
  .mainSwiper02_w .swiper_controll { gap:1.25rem; }
}
@media (max-width:640px) { 
  .mainSwiper02_w .swiper_controll .btn_w {gap:0.625rem;}
}

.x_deptList_st0101 { display: flex; flex-wrap: wrap; gap:2.25rem 1rem;  }
.x_deptList_st0101 > li {display: block; position:relative; width:calc( 50% - 0.5rem);  padding:1.75rem 1.875rem 0;  box-sizing: border-box;}
.x_deptList_st0101 > li:before {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 3px; background:#222;}
.x_deptBox_st0101 {display: flex; flex-direction: column; box-sizing: border-box; }
.x_deptBox_st0101 .tit_w {position:relative;}
.x_deptBox_st0101 .tit_w .tit { font-size:1.75rem; font-weight: 500; letter-spacing: -0.048em; }
.x_deptBox_st0101 .tit_w .tx_w { display: flex; align-items: flex-start; gap:0.5rem; margin-top:0.5rem; }
.x_deptBox_st0101 .tit_w .tx_w .tx {flex:1; min-height: 3.625rem;}
.x_deptBox_st0101 .tit_w .tx_w .img { margin-top:-0.25rem; margin-right:-0.625rem; width:3.125rem; background-position:50% 50%; background-repeat: no-repeat; background-size:contain}
.x_deptBox_st0101 .tit_w .tx_w .img.img0101 { background-image:  url(../images/main/main_icon_0201_w.png); }
.x_deptBox_st0101 .tit_w .tx_w .img.img0102 { background-image:  url(../images/main/main_icon_0202_w.png); }
.x_deptBox_st0101 .tit_w .tx_w .img.img0103 { background-image:  url(../images/main/main_icon_0203_w.png); }
.x_deptBox_st0101 .tit_w .tx_w .img.img0104 { background-image:  url(../images/main/main_icon_0204_w.png); }
.x_deptBox_st0101 .txt_w { display: flex; align-items: center; gap:0.5rem; margin-top:0.625rem;  }
.x_deptBox_st0101 .txt_w .t {flex:1; display: flex; align-items: flex-end;  gap:0.5rem; line-height: 1;}
.x_deptBox_st0101 .txt_w .xt { font-size:3.125rem; font-weight: bold; }
.x_deptBox_st0101 .txt_w .xx {margin-bottom:0.3125rem;}
.x_deptList_st0101 > li:hover { background:#897569; border-radius:1.375rem ; }
.x_deptList_st0101 > li:hover:before {display: none;}
.x_deptList_st0101 > li:hover .x_deptBox_st0101 {color:#fff;}
.x_deptList_st0101 > li:hover .x_deptBox_st0101 .tit_w .tx_w .img img {opacity: 0;}
.x_deptList_st0101 > li:hover .btn_icon.ico_go0101 {background-color:#fff; border-color:#fff; background-image:  url(../images/main/main_icon_arw0101.png);}
@media (max-width:1320px) {
  .x_deptList_st0101 > li {padding:1.75rem 1.5rem 0;}
  .x_deptBox_st0101 .tit_w .tx_w .img {width:2.75rem;}
  .x_deptBox_st0101 .txt_w { margin-right: -0.5rem; }
}
@media (max-width:1160px) { 
  .x_deptList_st0101 { gap:1.25rem; margin-top:2.5rem;}
  .x_deptList_st0101 > li {padding:1.75rem 1.75rem 1.5rem; width: calc(50% - 0.75rem);}  
}
@media (max-width:768px) { 
  .x_deptBox_st0101 .tit_w .tx_w .img {width:2.5rem;}
}
@media (max-width:620px) { 
  .x_deptList_st0101 { gap:1rem;}
  .x_deptList_st0101 > li {flex:none; padding: 1.75rem 6vw 1.5rem;  width:100%;}  
  .x_deptBox_st0101 .tit_w .tx_w .tx { padding-right:3rem; min-height: 2.25rem;}
  .x_deptBox_st0101 .tit_w .tx_w .img {position:absolute; right:0.25rem; top:0.75rem;}
}
@media (max-width:460px) { 
  .x_deptList_st0101 {gap:0.625rem;}
  .x_deptBox_st0101 .tit_w .tit {font-size:1.625rem; }
  .x_deptBox_st0101 .txt_w .xt {font-size:2.875rem;}
}

.main_board_list {display: flex; gap:3.75rem;}
.main_board_list > div { flex:1;}
.main_board_list .board1 { flex:none; width:420px; max-width:30.8%;}
@media (max-width:1400px) {
  .main_board_list {gap:4.5vw;}
}
@media (max-width:1160px) {
  .main_board_list { flex-direction: column; gap:3rem; margin: 0 auto; max-width: 768px;  }
  .main_board_list .board1 {width:100%; max-width:none;}
}
@media (max-width:640px) {
  .main_board_list { gap:2.5rem;}
}



.mainSwiper01_w { position:relative; padding:1.75rem 0 1.5rem; height: 335px; box-sizing: border-box;}
@media (max-width:1160px) { 
  .mainSwiper01_w { padding:1.75rem 2rem 0; margin-bottom:2rem; height: auto; }
}
@media (max-width:640px) { 
  .mainSwiper01_w { margin-bottom:1.5rem;  }
}

.mainSwiper01_w .swiper_btn_w,
.mainSwiper01_thumb_w .swiper_btn_w {position:absolute; left:0; top:50%; right:0;}
.mainSwiper01_w .swiper_btn_w { top: calc( (100% - 4.375rem) / 2 ); }
.mainSwiper01_w .swiper_btn_w > div,
.mainSwiper01_thumb_w .swiper_btn_w > div { position:absolute; transform: translateY(-50%); }
.mainSwiper01_w .swiper_btn_w > div {width:1.5rem; height: 2.875rem; background: url(../images/main/main_media_icon0201L.png) no-repeat 50% 50%; background-size:contain;}
.mainSwiper01_w .swiper_btn_w > .swiper-button-prev { left:0.25rem;}
.mainSwiper01_w .swiper_btn_w > .swiper-button-next { right:0.25rem; background-image: url(../images/main/main_media_icon0201R.png); }
.mainSwiper01_thumb_w .swiper_btn_w > div { width:0.875rem; height: 2.25rem; background: #fff url(../images/main/main_media_icon0301L.png) no-repeat 50% 50%; background-size:0.25rem auto; border:1px solid #bbb; box-sizing: border-box; }
.mainSwiper01_thumb_w .swiper_btn_w > .swiper-button-prev { left:0.5rem;}
.mainSwiper01_thumb_w .swiper_btn_w > .swiper-button-next { right:0.5rem; background-image: url(../images/main/main_media_icon0301R.png); }
.mainSwiper01_w .swiper-button-disabled,
.mainSwiper01_thumb_w .swiper-button-disabled {opacity: 0.7;}
.mainSwiper01_thumb_w .swiper-slide-thumb-active .img_w:after {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; border:4px solid #e47312; box-sizing: border-box;}
@media (min-width:1161px) { 
  .mainSwiper01_w .swiper_btn_w {display: none;}
}
@media (max-width:1160px) { 
  .mainSwiper01_thumb_w .swiper_btn_w > div { width:1rem; }
}
@media (max-width:640px) { 
  .mainSwiper01_w .swiper_btn_w > div {width:1rem;}
}


.mainSwiper01 { margin:0 auto; max-width:374px; }
.mainSwiper01 .box_w { width:100%; }
.mainSwiper01 .img_w {position:relative;  height: 210px;}
.mainSwiper01 .img_w:before {content:''; display: block; padding-top:56.4%;}
.mainSwiper01 .img_w img { position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.mainSwiper01 .txt_w {margin-top:1rem;}
.mainSwiper01 .txt_w .t {font-size:1.25rem; 
  width:100%; word-break: break-all; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mainSwiper01 .txt_w .d {margin-top:0.25rem; color:#777;}
@media (max-width:1160px) { 
  .mainSwiper01 .img_w {height: auto;}
}

.main .vdo_w { position:relative; }
.main .vdo_w:after { content:''; display: block; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:3.625rem; height: 3.625rem; background:rgba(0,0,0,0.35) url(../images/main/main_media_icon0101.png) no-repeat 55% 50%; background-size:1rem auto; border-radius: 50%;}
.main .vdo_w:hover:after {background-color:rgba(0,0,0,0.6);}


.mainSwiper01_thumb_w { position:relative; padding:1.375rem 2.25rem; border-top:1px solid #bababa; border-bottom:1px solid #bababa;}
.mainSwiper01_thumb { margin: 0 auto; max-width:425px; }
.mainSwiper01_thumb .img_w { position:relative; height: 5.75rem; max-width:10.5rem; cursor: pointer; }
.mainSwiper01_thumb .img_w:before {content:''; display: block; padding-top:56.4%;}
.mainSwiper01_thumb .img_w img { position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
@media (max-width:1160px) { 
  .mainSwiper01_thumb_w {padding:1.25rem 1.5rem;}
  .mainSwiper01_thumb {max-width:32.5rem;}
  .mainSwiper01_thumb .img_w {height: auto;}
}
@media (max-width:640px) { 
  .mainSwiper01_thumb_w {padding:1rem 1.5rem;}
  .mainSwiper01_thumb {max-width:22rem;}
}



.main_board_w {height: 100%;}

.x_mainBoard_list { display: flex; flex-direction: column; height: 473px; }
.x_mainBoard_list > li { flex:1; display: flex; gap:1.25rem; padding:1.75rem 0; border-bottom:1px solid #bababa;}
.x_mainBoard_list .xi_mainBoardImg0101 {width:100%;}
@media (max-width:1160px) { 
  .x_mainBoard_list {height: auto;}
  .x_mainBoard_list > li { padding:1.25rem 0; }
}

.xi_mainBoardImg0101 {display: flex; align-items: flex-start; gap:1.25rem; position:relative;}
.xi_mainBoardImg0101 .img {flex:none; position:relative; width:11.125rem; height: 6.25rem; max-width:42%; }
.xi_mainBoardImg0101 .img:before {content:''; display: block; padding-top:56.4%;}
.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; letter-spacing: -0.048em; -webkit-line-clamp: 3;  }
.xi_mainBoardImg0101 .i_new { width:1.5rem;}
.xi_mainBoardImg0101 .txt_w .d { margin-top:0.375rem; line-height: 1.5; color:#757675;}
@media (max-width:1400px) { 
  .xi_mainBoardImg0101 .txt_w .t_w .t {font-size:1.125rem;}
}
@media (max-width:1320px) { 
  .xi_mainBoardImg0101 { gap:1.8vw; }
  .xi_mainBoardImg0101 .txt_w .t_w .t {font-size:1.0625rem;}
}
@media (max-width:1160px) { 
  .xi_mainBoardImg0101 {gap:4vw;}
  .xi_mainBoardImg0101 .txt_w .t_w .t {line-height: 1.5; -webkit-line-clamp: 2; }
  .xi_mainBoardImg0101 .img {height: 100%; min-height: 4.75rem; max-width:30%;}
  .xi_mainBoardImg0101 .i_new { width:1.125rem;}
}
@media (max-width:460px) { 
  .xi_mainBoardImg0101 .img { min-height: 5rem; }
}



.x_mainBoard02_list { display: flex; flex-direction: column; height: 473px; }
.x_mainBoard02_list > li { flex:1; display: flex; align-items: center; gap:1.25rem; padding:1.25rem 0; border-bottom:1px solid #bababa;}
.x_mainBoard02_list .xi_mainBoardImg0101 {width:100%;}
@media (max-width:1160px) { 
  .x_mainBoard02_list {height: auto;}
  .x_mainBoard02_list > li { padding:1.25rem 0; }
}

.xi_mainBoard02 {display: flex; align-items: center; gap:1.25rem;}
.xi_mainBoard02 .bd_tag { flex:none; display: flex; justify-content: center; align-items: center; width:3.125rem; height:3.125rem; color:#fff; font-size:0.875rem; line-height: 1.1; background:#406fa5; border-radius: 0.875rem; }
.xi_mainBoard02 .bd_tag.tag01 {background-color:#406fa5;}
.xi_mainBoard02 .bd_tag.tag02 {background-color:#e9953e;}
.xi_mainBoard02 .bd_tag.tag03 {background-color:#2b9974;}
.xi_mainBoard02 .bd_tag.tag04 {background-color:#df633b;}
.xi_mainBoard02 .tit {flex:1; font-size:1.0625rem; word-break: break-all; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media (max-width:1160px) { 
  .xi_mainBoard02 .bd_tag { width:3.5rem; height:3.5rem; font-size:0.9375rem; line-height: 1.2}
}


.main_docInfo { background:#917364; }
.main article .sec_docInfo h2 { margin-bottom:0; border-bottom:none;}
@media (max-width:1280px) and (min-width:1161px) { 
  .main_docInfo > .in_w { margin-left:-20px; margin-right:-20px; width:calc(100% + 40px);}
}

.main_docInfo .deco_line {}
.main_docInfo .deco_line .line1,
.main_docInfo .deco_line .line2 {position:absolute; top:0; width:1px; height: 100%; background:rgba(255,255,255,0.1); } 
.main_docInfo .deco_line .line1 {left:310px;}
.main_docInfo .deco_line .line2 {right:310px;}
.main_docInfo .deco_line .line2 em {display: block; position:absolute; top:0; background:#fff;}
.main_docInfo .deco_line .line2 em:before {content:''; display: block; width:3.5rem; height: 3.5rem; background: #917364;}
.main_docInfo .deco_line .line2 em.em1 {right:0; }
.main_docInfo .deco_line .line2 em.em1:before {border-top-right-radius:3.5rem;}
.main_docInfo .deco_line .line2 em.em2 {left:0; }
.main_docInfo .deco_line .line2 em.em2:before {border-top-left-radius:3.5rem;}
@media (max-width:1160px) { 
  .main_docInfo .deco_line {display: none;}
}


.mainDocInfo_w {display: flex; gap:1.875rem;  position:relative; padding-top:190px; padding-bottom:4.5rem; }
.mainDocInfo_w .ico_go0101 {flex:none; box-shadow: 0.625rem 0.625rem 0.5rem rgba(0,0,0,0.15);}
.mainDocInfo_w h3 { margin-top:2.5rem; font-size:2.25rem; letter-spacing: -0.048em; text-align: center; color:#fff; font-weight: normal; line-height: 1;}
.mainDocInfo_w h3 a:hover { text-decoration: underline; text-underline-offset: 0.5rem;}
@media (max-width:1280px) { 
  .mainDocInfo_w { gap:1.25rem; }
  .mainDocInfo_w h3 {font-size:2rem;}
}
@media (max-width:1160px) { 
  .mainDocInfo_w { display: block; margin:0 auto; padding:1.75rem 0 4rem; max-width:768px; }
}
@media (max-width:640px) { 
  .mainDocInfo_w { padding-bottom:3rem; }
}

.mainDocInfo_box { flex:none; }
.mainDocInfo_box .box_w { position:relative; width:310px; height: 310px; }
.mainDocInfo_box .box_border { width:100%; height: 100%; }
.mainDocInfo_box .box_border .shape_circle {  fill: none; stroke: rgba(255, 255, 255, 0.4); stroke-width: 1px; stroke-dasharray: 0.375rem 0.375rem; r: calc(50% - 1px); }
.mainDocInfo_box .tit_w { position:absolute; left:0.625rem; top:0.625rem; right:0.625rem; bottom:0.625rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; box-sizing: border-box;}
.mainDocInfo_box .tit { font-size:1.75rem; font-weight: 500; color:#fff;}
.mainDocInfo_box .icon {width:2.5rem;}
.mainDocInfo_box .xi_ipInline { display: flex; gap:0.25rem; margin-top:1rem; }
.mainDocInfo_box input[type="text"] { width:9.375rem; height: 2.5rem; font-size:1.0625rem; border:none; border-radius: 999px; }
.mainDocInfo_box input[type="text"]::placeholder { color:#ccc0ba;}
@media (max-width:1160px) { 
  .mainDocInfo_box .box_w { margin:0 auto; width:20rem; height: 20rem;}
  .mainDocInfo_box h3 {display: none;}
  .mainDocInfo_box .tit {font-size:1.875rem;}
  .mainDocInfo_box .xi_ipInline {margin-top:1.25rem; width:75%;}
  .mainDocInfo_box input[type="text"] { flex:1; width:auto; padding-left:1.5rem; min-width:0; height: 3.25rem; font-size:1.125rem;}
}

.mainDocInfo_box.box1 .tit {margin-bottom:0.75rem;}

.mainDocInfo_box.box2 .box_border .shape_circle {stroke:#315a83;}
.mainDocInfo_box.box2 .tit_w { background:#315a83; }
.mainDocInfo_box.box2 .tx {margin-bottom:0.625rem; color:#fff;}
.mainDocInfo_box.box2 .img { width:88px; height: 88px; border-radius: 50%; overflow: hidden;}
.mainDocInfo_box.box2 .img img {width:100%; height: 100%; object-fit: cover; object-position: 50% 12%;}
.mainDocInfo_box.box2 .tit {margin-top:0.75rem;}
@media (max-width:1160px) { 
  .mainDocInfo_box.box2 {display: none;}
}


.mainDocSaiper_box { /*flex:1;*/ width: calc(100% - 680px);}
.mainSwiper_doc_w { position:relative; width:100%; height: 310px;}
.mainSwiper_doc_w .doc_bg { padding:0.625rem; height: 100%; box-sizing: border-box; }
.mainSwiper_doc_w .box_border_c { position:absolute; left:0; top:0;  width:100%; height:100%; overflow: visible; }
.mainSwiper_doc_w .box_border_c .shape_capsule {  fill: none;  stroke: rgba(255, 255, 255, 0.4);  stroke-width: 1px; stroke-dasharray: 0.375rem 0.375rem;  rx: 9.625rem;  ry: 9.625rem; }
.mainSwiper_doc_w .doc_bg .bg_img { width:100%; height: 100%; background:#cbc3b7 url(../images/main/main_img0401_bg.jpg) no-repeat 50% 50%; background-size:cover; border-radius: 9.0625rem; box-sizing: border-box; }
.mainSwiper_doc { position:absolute; left:0.625rem; top:0.625rem; right:0.625rem; bottom:0.625rem; overflow: initial;}
@media (max-width:1160px) { 
  .mainDocSaiper_box { margin:4rem auto 0; padding-bottom:5rem; width:auto; max-width:640px;}
  .mainSwiper_doc_w {height: 16rem; }
  .mainSwiper_doc_w .doc_bg .bg_img { border-radius: 7.375rem; }
  .mainSwiper_doc_w .box_border_c .shape_capsule { rx: 8rem;  ry: 8rem; }
}

.mainSwiper_doc .mainDoc_box { opacity: 0; }
.mainSwiper_doc .swiper-slide-active .mainDoc_box { opacity: 1; }

.mainDoc_box { position:relative; width:100%; height: 100%; box-sizing: border-box;  }
.mainDoc_box .img_w { position:absolute; right:0; bottom:0; width:56%; height: 130%; border-bottom-right-radius:9.0625rem ; overflow: hidden;}
.mainDoc_box .img_w img {width:100%; height: 100%; object-fit: cover; object-position: 50% 0; opacity: 0; transition: var(--transition-custom03);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 7%); mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, #000 7%);}
.swiper-slide-active .mainDoc_box .img_w img { opacity: 1;}
.mainDoc_box .tit_w { position:relative; padding-left:4.25rem; padding-top:3.75rem; height: 100%; width:45%; letter-spacing: -0.036em; box-sizing: border-box;}
.mainDoc_box .tit_w .tx {font-size:1.125rem; }
.mainDoc_box .tit_w .t {margin-top:0.125rem; margin-right:-2rem; font-size:2.25rem; font-weight: 500; letter-spacing: -0.048em; }
.mainDoc_box .tit_w .x {margin-top:0.5rem; font-size:1.065rem; 
  word-break: break-all; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.mainDoc_box .tit_w p {opacity: 0; transform: translateY(-10px);}
.swiper-slide-active .tit_w p {  animation: visTit_fade2 0.5s ease-out forwards ;}
.swiper-slide-active .tit_w p:nth-child(1) { animation-delay: 0.1s; }
.swiper-slide-active .tit_w p:nth-child(2) { animation-delay: 0.25s; }
.swiper-slide-active .tit_w p:nth-child(3) { animation-delay: 0.4s; }
@keyframes visTit_fade2 {
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width:1380px) {    
  .mainDoc_box .tit_w { padding-left: 3.25rem; }
  .mainDoc_box .tit_w .t {font-size:2rem;}
  .mainDoc_box .tit_w .x {font-size:1rem;}
  .mainDoc_box .img_w { height: 128%; }
}
@media (max-width:1280px) {
  .mainDoc_box .tit_w { padding-left: 2.75rem; }
  .mainDoc_box .tit_w .tx {font-size:1.0625rem; }
  .mainDoc_box .tit_w .t {font-size:1.875rem;}
  .mainDoc_box .img_w {width:60%;}
}
@media (max-width:1160px) {
  .mainDoc_box .tit_w {padding-left:8vw; padding-top:3.25rem;}
  .mainDoc_box .img_w { border-bottom-right-radius: 7.375rem;}
}
@media (max-width:1160px) {
  .mainDoc_box .tit_w {width:50%;}
  .mainDoc_box .img_w {width:56%;}
}
@media (max-width:460px) {
  .mainDoc_box .img_w {width:58%;}
}




.mainSwiper_doc_w .swiper_controll { position:absolute; left:100%; bottom:2.5rem;  } 
.mainSwiper_doc_w .swiper_controll .btn_w {display: flex; gap:0.25rem;}
.mainSwiper_doc_w .swiper_controll .btn_w .ico { width:2.5rem; height: 2.5rem; background-color:#222; background-image: url(../images/main/main_icon_arw0201L_w.png); background-size:1.25rem auto; border-color:#222; border-radius: 50%; box-shadow: 0.625rem 0.625rem 0.5rem rgba(0, 0, 0, 0.15); overflow: hidden;}
.mainSwiper_doc_w .swiper_controll .btn_w .ico.swiper-button-next { background-image: url(../images/main/main_icon_arw0201R_w.png); }
.mainSwiper_doc_w .swiper_controll .btn_w .ico:hover {background-color:#fff;}
.mainSwiper_doc_w .swiper_controll .btn_w .ico.swiper-button-prev:hover { background-image: url(../images/main/main_icon_arw0201L.png); }
.mainSwiper_doc_w .swiper_controll .btn_w .ico.swiper-button-next:hover { background-image: url(../images/main/main_icon_arw0201R.png); }
@media (max-width:1160px) {
  .mainSwiper_doc_w .swiper_controll {left:50%; top:100%; bottom:auto; margin-top:6.25rem; transform: translateX(-50%);}
  .mainSwiper_doc_w .swiper_controll .btn_w .ico { width:3.25rem; height: 3.25rem; }
}



.mainDoc_box .ico_go0101 { position:absolute; left:50%; top:75%; transform: translate(-50%,-50%);}
@media (max-width:1420px) {
  .mainDoc_box .ico_go0101 {left:46%;}
}
@media (max-width:1360px) {
  .mainDoc_box .ico_go0101 { top:77%; left:40%;}
}
@media (max-width:1160px) {
  .mainDoc_box .ico_go0101 { top:100%; left:50%;}
}



/* 띠배너 */
@media (min-width: 1161px) {
  .c_bodyEvent_top.open + .wrapper {  }
  .c_bodyEvent_top.open + .wrapper #header {top:85px;}
  .c_bodyEvent_top.open + .wrapper .main_floating {top:230px;}
  .c_bodyEvent_top.open + .wrapper .sec_vis { padding-top:85px; box-sizing: border-box; }

  .c_bodyEvent_top.open + .wrapper .main_vis,
  .c_bodyEvent_top.open + .wrapper .main_vis_swiper,
  .c_bodyEvent_top.open + .wrapper .main_vis_swiper .swiper-slide .w { height: calc(100vh - 85px); }
  .c_bodyEvent_top.open + .wrapper .main_vis,
  .c_bodyEvent_top.open + .wrapper .main_vis .main_vis_swiper {min-height: 800px;}
}
@media (max-width: 1160px) {
  .c_bodyEvent_top.open + .wrapper section:not(.ft_footer) .fp-tableCell { padding-top:0; box-sizing: border-box;}
}

@media (min-width: 1161px) and (max-height: 1100px) {
  .c_bodyEvent_top.open + .wrapper .main_reserv { bottom:60px;}
}




.c_bodyEvent_top { position:fixed; z-index: 200; width:100%; background:#fff; } 
.c_bodyEvent_top .event_w { position:relative; margin:0 auto; /*max-width:1920px;*/ } 
.c_bodyEvent_top .event_w .img_w { height: 85px; width:100%; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
.c_bodyEvent_top .event_w .img { display:block;  height: 85px; outline-offset: -3px; } 
.c_bodyEvent_top .event_w img { width:100%; height: 100%; object-fit: cover; max-width:none; } 
.c_bodyEvent_top .event_check { z-index:10; position:absolute; top:14px; right:20px; } 
.c_bodyEvent_top.hide { display: none; } 
@media (max-width:1160px) {
	.c_bodyEvent_top { display:none; } 
}




/* media */
@media (max-width:1160px) {
  .main .main_hosInfo > .in_w,
  .main .main_health > .in_w {max-width:768px;}
}




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