@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;
}


@media (min-width:1161px) {
  .main .wrapper { overflow-x: clip; }

  .main .sec_doc.in_cover > .in_w,
  .main .sec_mainBann.in_cover > .in_w,
  .main .sec_press.in_cover > .in_w {top:3rem; opacity: 0; filter: blur(3px); transition: 0.8s;}

  .main.on .sec_doc.in_cover > .in_w,
  .main.on .sec_mainBann.in_cover > .in_w,
  .main.on .sec_press.in_cover > .in_w {opacity: 0.8; }

  .main .sec_doc.in_cover.wp > .in_w,
  .main .sec_mainBann.in_cover.wp > .in_w,
  .main .sec_press.in_cover.wp > .in_w {top:0; opacity:1; filter: blur(0); }
}

/* 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;}


.main .in_cover > .in_w { max-width:1400px;}
.main .in_cover > .in_w.st01 { max-width:1660px; }
.main .main_reserv > .in_w { z-index:5; }

.main_center,
.main_health { display: flex; align-items: center; padding-top:100px; padding-bottom:130px; height: 100%; box-sizing: border-box; }
.main_news { display: flex; align-items: center; padding-top:100px; padding-bottom:0; box-sizing: border-box; }
.main_banner {padding-bottom:60px;}
@media (max-width:1160px) or (max-height:899px) {
  .main_center,
  .main_health { padding-top:6rem; padding-bottom:7rem;}
  .main_news { padding-top:6rem; padding-bottom:5rem; }
  .main_banner {padding-top:5rem; padding-bottom:7rem;}
}
@media (max-width:768px)  {
  .main_center,
  .main_health { padding-top:4rem; padding-bottom:5rem;}
  .main_news { padding-top:4rem; padding-bottom:3rem; }
  .main_banner {padding-top:3.5rem; padding-bottom:5rem;}
}
@media (max-width:460px) {
  .main_center,
  .main_health { padding-top:3rem; padding-bottom:4rem;}
  .main_news { padding-top:3rem;  }
  .main_banner {padding-top:3rem; padding-bottom:4.5rem;}
}

.main .w_news { display: flex; flex-direction: column; height: 100%;}
.main .w_news .main_news { flex:1; }

.main_news {overflow: hidden;}

@media (min-width:1161px) and (min-height:900px) {
  .main_center.in_cover > .in_w,
  .main_health.in_cover > .in_w {padding-top:1.75rem; padding-bottom:2.5rem; } 
  .main_news.in_cover > .in_w {padding-top:1.75rem; padding-bottom:2.5rem;}   
  .main_banner.in_cover > .in_w {padding:3.75rem 0 3rem; max-width:1360px;}
}

@media (min-width:1161px) and (min-height:950px) {
  .main_center.in_cover > .in_w,
  .main_health.in_cover > .in_w {padding-top:2rem; padding-bottom:3rem; } 
  .main_news.in_cover > .in_w {padding-top:2rem; padding-bottom:3.25rem;}   
  .main_banner.in_cover > .in_w {padding:4.75rem 0 4rem; }
}






.main nav .gnb {max-width:860px;}


.main #header { position:fixed; z-index:100; }

@media (max-width:1160px) or (max-height:899px) {
.main:not(.body_scroll) #header {background:transparent;}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:rgba(40,40,40,0.3);}
.main .hd_schBox input[type="text"] {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_schBox {border-color:rgba(255,255,255,0.6);}
.main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox input[type="text"] {color:#fff;}
.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)}
.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.6; }


.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); }
}

@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); }
}


@media (min-width:1161px) and (min-height: 900px) {
  .main #header,
  .main .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box  {background:transparent;}
  .main.fp-viewing-sec_center #header,
  .main.fp-viewing-sec_health #header,
  .main.fp-viewing-sec_news #header,
  .main.fp-viewing-ft_footer #header {border-bottom:1px solid rgba(0,0,0,0.15);}
  .main.fp-viewing-sec_news #header,
  .main.fp-viewing-ft_footer #header {background:#fff;}
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:rgba(40,40,40,0.3);}

  .main.fp-viewing-sec_vis .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.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box .hd_logo img {opacity: 0;}

  .main.fp-viewing-sec_vis #header:not(:hover) .hd_box:before {opacity: 0;}
  .main.fp-viewing-sec_vis .gnb_open #header:not(:hover) .hd_box:before,
  .main.fp-viewing-sec_vis .hdSch_open #header:not(:hover) .hd_box:before {opacity: 1;}
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_logo a .t,
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > a,
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .gnb > li > .a,
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_member a,
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela a,
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_language.tg_w .tit {color:#fff;}
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_rela > li + li:before {background:rgba(255,255,255,0.5);}

  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox {border-color:rgba(255,255,255,0.6);}
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox input[type="text"] {color:#fff;}
  .main.fp-viewing-sec_vis .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_schBox input[type="text"]::placeholder {color:rgba(255,255,255,0.5)}
  .main.fp-viewing-sec_vis .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.6; }

  .main.fp-viewing-sec_vis .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_sch {background-image: url(../images/layout/hd_icon_sch_w.png); }

  .main .hd_schBox input[type="text"] {background:transparent;}
}

/*

@media (max-width:1160px) or (max-height:899px) {
  .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) #header {background:transparent;}
  .main:not(.body_scroll) .wrapper:not(.gnb_open, .hdSch_open) #header:not(:hover) .hd_box {background:rgba(40,40,40,0.3);}
}
  */




/*** main lnb style ***/
.mainLnb_w {z-index:90; position:fixed; right:50px; bottom:50%; margin-bottom:20px; height: 200px; }
.mainLnb {display:flex; flex-direction: column; justify-content: space-between; position:relative; height:100%;}
.mainLnb:before {content:''; display: block; position:absolute; width: 1px; height: 100%; background-image: linear-gradient(to bottom, #888 50%, transparent 50%); background-size: 1px 8px; background-repeat: repeat-y;}
.mainLnb > li { display:block; position:relative; box-sizing: border-box; }
.mainLnb a {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:26px; height: 26px;}
.mainLnb a i { display:inline-block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:9px; height:9px; background:#9c9c9c; border-radius: 50%; transition: var(--transition-custom03);}
.mainLnb a:before,
.mainLnb a:after {content:''; display:block; position:absolute; transition: var(--transition-custom03);}
.mainLnb a:before {left:50%; top:50%; transform: translate(-50%, -50%); width:0px; height: 0px; border:1px solid #e47312; border-radius: 50%; box-sizing: border-box;}
.mainLnb a:after {right:50%; top:13px; width:0px; height:1px; background:#e47312; }
.mainLnb a .t {position:absolute; top:0; right:25px;  width:1px; line-height: 28px; font-weight: 500; text-align: right; letter-spacing: -0.036em; opacity: 0; white-space: nowrap; overflow: hidden; transition: var(--transition-custom03);}
.mainLnb a:hover i,
.mainLnb .active a i,
.fp-viewing-ft_footer .mainLnb .lnb_news a i {background-color:#e47312; }
.mainLnb a:hover .t,
.mainLnb .active a .t,
.fp-viewing-ft_footer .mainLnb .lnb_news a .t { width:auto; opacity: 1;}
.mainLnb .active a .t,
.fp-viewing-ft_footer .mainLnb .lnb_news a .t {right:40px;}
.mainLnb .active a .t,
.fp-viewing-ft_footer .mainLnb .lnb_news a .t { color:#e47312;  }
.mainLnb .active a:before,
.fp-viewing-ft_footer .mainLnb .lnb_news a:before { width:100%; height: 100%;}
.mainLnb .active a:after,
.fp-viewing-ft_footer .mainLnb .lnb_news a:after { width:20px; }
@media (max-height:1700px) { 
  .mainLnb_w {right:30px;}
}
@media (max-height:1480px) { 
  .mainLnb_w {right:25px;}
}
@media (max-height:899px) { 
  .mainLnb_w { display: none;}
}
@media (max-width:1160px) { 
  .mainLnb_w { display: none;}
}

.main_float { z-index:80; position:fixed; top:0; left:0; width:100%; box-sizing: border-box;}
.main_float.in_cover {padding:0 50px;}
.main_float.in_cover > .in_w {max-width:1660px;}

.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 a { display: flex; border-radius: 999px; overflow: hidden;}
.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_floating {  position:absolute; top:130px;  right:0; width: 45px; background-color: #e47312; border-radius: 9999px; box-shadow: 0.25rem 0.5rem 0.75rem rgba(0,0,0,0.15); box-sizing: border-box; overflow: hidden;
  animation: floatBanner 3.5s ease-in-out infinite;}
.main_floating:before {content:''; display: block; padding-top:185%;}
.main_floating > .w { display: flex; flex-direction: column; align-items: center; justify-content: center; gap:0.25rem; position: absolute; left:0; top:0; padding:0.5rem 0; width:100%; height: 100%; box-sizing: border-box;}
.main_floating .img_w {flex:1; position:relative; width:100%;}
.main_floating .icon_flower,
.main_floating .icon_hand { position: absolute; left: 0; height: auto; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.main_floating .icon_flower { top: 0; animation: flowerPulse 2.5s ease-in-out infinite;}
.main_floating .icon_hand { bottom: 0; animation: handFloat 3s ease-in-out infinite;}
.main_floating .tit { font-size: 0.75rem; font-weight: 200; text-align: center; color:#fff; line-height: 1.1;}
.main_floating:hover .icon_flower { animation: none;  transform: translateY(-0.375rem) scale(1.15);}
.main_floating:hover .icon_hand { animation: none;  transform: translateY(0.125rem) scale(0.95);}
*/



.main .main_scroll { display: flex;  flex-direction: column; align-items: center; position:absolute; top:100%; left:50%; margin-top:60px; transform: translateX(-50%); font-size:13px; text-transform: uppercase; transition: var(--transition-custom03);}
.main .main_scroll em {margin-bottom:1rem; position:relative; width:21px; height: 30px; border:1px solid #9c9c9c; border-radius: 10px; box-sizing: border-box;}
.main .main_scroll em:before {content:''; display: block; position:absolute; left:0; top:100%; margin-top:6px; width:100%; height: 12px; background: url(../images/main/main_icon_arw0101.png) no-repeat 55% 50%; background-size:contain; }
.main .main_scroll em i {display: block; position:absolute; left:8px; top:6px; width:3px; height: 7px; background:rgba(0,0,0,0.2); border-radius: 2px; overflow: hidden;}
.main .main_scroll em i:before {content:''; display: block; position:absolute; left:0; bottom:100%; width:3px; height: 12px; background:#9c9c9c; 
	animation: main-scroll 2s linear infinite; }
.main .main_scroll .t {white-space: nowrap; margin-top: 15px; line-height: 1; letter-spacing: 2px; color:#9c9c9c; writing-mode: vertical-rl; transform: rotate(180deg);}

@keyframes main-scroll {
	0% {bottom:100%;	}
	85% { bottom: -22px;	}
	85.01% {  bottom:100%;}
}

.main.fp-viewing-sec_news .main_scroll,
.main.fp-viewing-ft_footer .main_scroll { opacity: 0;}

@media (max-height:900px) { 
	.main .main_scroll {display: none;}
}
@media (max-width:1160px) { 
	.main .main_scroll {display: none;}
}



.main .contents { }
.main article { position:relative; width:100%; /*overflow: hidden;*/}
.main section { position:relative;}


.main .sec_health { background: url(../images/main/main_secBg01.jpg) no-repeat 50% 50%; background-size:cover;  overflow: hidden;}
.main .main_banner { min-height: 35vh; background: url(../images/main/main_img0401.jpg) no-repeat 50% 50%; background-size:cover; overflow: hidden;  }
@media (max-width:1160px) {
  .main .main_banner { min-height: auto; }
}

.main .h3_w { margin-bottom:2.5rem; padding-bottom:1.25rem; border-bottom: 0.125rem solid #222;}
.main .h3_w h3 { flex:1; font-size:1.875rem; font-weight: 500; letter-spacing: -0.036em;}
@media (max-width:1160px) {
  .main .h3_w { margin-bottom:1.875rem; padding-bottom:0.875rem; }
  .main .h3_w h3 { font-size:1.75rem; }
}

.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_fpBtn { z-index:10; position:absolute; bottom:95px; left:50%; transform: translateX(-50%);}
.main_fpBtn .btn_fp { gap:0.875rem;}
.main_fpBtn .btn_fp .b_t {color:#a8a3a0; font-size:2rem; font-weight: 500; letter-spacing: -0.036em; }
.main_fpBtn .btn_fp .b_i {width:2.25rem; height: 2.25rem; background-image: url(../images/main/main_icon_0401.png);
  animation: floatArrow 2s infinite cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; /* 성능 최적화 */}
.sec_vis .main_fpBtn {bottom:1.875rem;}
@keyframes floatArrow {
  0% { transform: translateY(0); opacity: 1;  }
  30% { transform: translateY(-4px); opacity: 0.8;  }
  65% { transform: translateY(4px); opacity: 1;  }
  100% { transform: translateY(0); opacity: 1; }
}

@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 {width:1.875rem; height: 1.875rem;}
  .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;}
}





.main article h2 { margin-bottom:3rem; font-size:2.875rem; font-weight: bold; text-align: center; letter-spacing: -0.048em; line-height: 1.2;}
@media (max-width:1160px) {
  .main article h2 { margin-bottom:2.5rem; font-size:2.5rem;}
}
@media (max-height:960px) and (min-height:900px) {
  .main article h2 { margin-bottom:2.25rem; font-size:2.625rem;}
}
@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 {z-index:1;}
.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:370px; 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:-20px; 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:1050px) {
  .main_vis .main_vis_tit .in_w > .btn_w { bottom:-40px; }
}


.main_vis .main_vis_tit .t_w.t01 { /*margin-top:-2.5rem;*/}
.main_vis .main_vis_tit .t_w.t01 .t {text-align: left;}
.main_vis .main_vis_tit .t_w.t01 .btn_w {position:absolute; margin:0; top:60%; left:630px; }
.main_vis .main_vis_tit .t_w.t01 .btn_w .btn_go { position:absolute; left:0; top: 50%; transform: translateY(-50%); } 
@media (max-width:960px) {
  .main_vis .main_vis_tit .t_w.t01 .btn_w { left:70%; }
}

.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; }
.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:1050px) {
  .main_vis .swiper_controll_w {bottom:340px;}
}
@media (max-height:899px) {
  /*.main_vis .swiper_controll_w {bottom:330px;}*/
}
@media (max-width:1340px) {
  .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:950px){
  .main .main_reserv {bottom:90px;}
}
@media (max-height:899px){
  .main .main_reserv {bottom:60px;}
}
@media (max-width:1340px) {
  .main .main_reserv {bottom:90px;}
}
@media (max-height:899px) 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:#4676a6; }
.main_reserv_w .main_reservBox:nth-child(3) .btn_icon:hover { background-color:#315a83; border-color:#315a83;}
.main_reserv_w .main_reservBox:nth-child(4) { background:#315a83; }
.main_reserv_w .main_reservBox:nth-child(4) .btn:hover { background-color:#204060; border-color:#204060;}
.main_reserv_w .main_reservBox:nth-child(5) { background:#3f3f3f; }
.main_reserv_w .main_reservBox:nth-child(5) .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; }
}

.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;}
}


@media (max-width:1280px) and (min-width:1025px) {
  .main .x_departList_st0201 { gap:1.25rem 0; }
  .main .x_departList_st0201 > li { padding-right: 1.25rem; }
}


.sec_quickCustom { z-index:50; position:fixed;  bottom:0; width:100%;}
.sec_quickCustom .in_w > .w {display: flex; gap:0.625rem; position:absolute; left:0; bottom:0; right:0; transition: bottom 0.3s ease-in-out; }
.sec_quickCustom .main_quickCustom_w {flex:1;}
.main_quickCustom_w {  }
.main_quickCustom_list_w {overflow: hidden; }
.main_quickCustom_list {display: flex; position:relative; height: 3.75rem; background:#999089; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
.main_quickCustom_list > li {flex:1; position:relative;}
.main_quickCustom_list > li:before {content:''; display: block; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height: 1.25rem; background:rgba(255,255,255,0.25);}
.main_quickCustom_list > li:first-child:before{ width:0; }
.main_quickCustom_list .xi_mainQuickCustom { padding-top:0.125rem; height: 100%; box-sizing: border-box;}
.xi_mainQuickCustom {display: flex; align-items: center; justify-content: center; gap:0.625rem;color:#fff;}
.xi_mainQuickCustom .icon {width:1.375rem; height: 1.375rem; background: url(../images/main/main_icon_0201.png) no-repeat 50% 50%; background-size:contain;}
.xi_mainQuickCustom .icon.i0101 { background-image: url(../images/main/main_icon_0201.png);}
.xi_mainQuickCustom .icon.i0102 { background-image: url(../images/main/main_icon_0202.png);}
.xi_mainQuickCustom .icon.i0103 { background-image: url(../images/main/main_icon_0203.png);}
.xi_mainQuickCustom .icon.i0104 { background-image: url(../images/main/main_icon_0204.png);}
.xi_mainQuickCustom .icon.i0105 { background-image: url(../images/main/main_icon_0205.png);}
.xi_mainQuickCustom .icon.i0106 { background-image: url(../images/main/main_icon_0206.png);}
.xi_mainQuickCustom .icon.i0107 { background-image: url(../images/main/main_icon_0207.png);}
.xi_mainQuickCustom .icon.i0108 { background-image: url(../images/main/main_icon_0208.png);}
.xi_mainQuickCustom .t {color:#fff; font-size:1.1875rem; text-align: center; font-weight: 500;}
.main_quickCustom_w .ico_tg { position:absolute; left:50%; bottom:100%; margin-bottom:-3rem; transform: translateX(-50%); width:5.25rem; height: 5rem; background: #999089 url(../images/main/main_icon_arw0401.png) no-repeat 50% 25%; background-size:1rem auto; border-radius:50%; box-sizing: border-box; transition: transform 0.3s ease-in-out; } 
.main_quickCustom_w.ac .ico_tg { transform: translateX(-50%) rotate(180deg); background-position: 50% 75%; } 
@media (max-width:1300px) {
  .xi_mainQuickCustom .t { font-size:1rem;}
  .xi_mainQuickCustom .icon {width:1.25rem; height: 1.25rem; } 
}
@media (max-width:1300px) and (min-width:1161px) {
  .xi_mainQuickCustom { gap:0.375rem; }
  .xi_mainQuickCustom .icon {width:1.125rem; height: 1.125rem; } 
}
@media (max-width:1160px) {  
  .main_quickCustom_list { flex-wrap: wrap; padding:0.5rem 1.5rem; height: auto; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem;}
  .main_quickCustom_list > li {flex:none; width:25%;}
  .main_quickCustom_list > li:nth-child( -n + 4 ) {border-bottom:1px solid rgba(255,255,255,0.25);}
  .main_quickCustom_list > li:nth-child(5):before{ width:0; }
  .main_quickCustom_list .xi_mainQuickCustom {padding:1rem 0.25rem;}
  .xi_mainQuickCustom {gap:0.375rem 0.5rem;}
  .xi_mainQuickCustom .t { font-size:1.125rem;}
}
@media (max-width:768px) {
  .xi_mainQuickCustom { flex-direction: column; }
}
@media (max-width:640px) {
  .main_quickCustom_w { margin-left:-5vw; margin-right:-5vw; }
  .main_quickCustom_list {  padding:0.5rem 4vw; }
}
@media (max-width:460px) {
  .xi_mainQuickCustom .t { font-size:1.0625rem; font-weight: normal;}
}


@media (max-height:899px) and (max-width:1160px) {  
  .main_quickCustom_w .ico_tg { display: block!important; margin-bottom: -2.5rem;}
}
@media (max-width:1160px) {  
  .main_quickCustom_w .ico_tg { display: block!important; margin-bottom: -2.5rem;}
}

.main_quickCustom_w.ac {overflow: hidden; transition: var(--transition-custom03);}


.main .btn_top { height: 3.75rem; width:6.25rem; background:#3f3f3f; border:none; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.main .btn_top .b_t { padding-top:0.125rem; color:#fff;}
.main .btn_top .b_i { background-image: url(../images/main/main_icon_arw0201.png);}
@media (max-width:1160px) {
  .main .btn_top { position:absolute; right:0; bottom:100%; margin-bottom:1.25rem; width: 3.75rem; border-radius: 50%; box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.2);}
  .main .btn_top .b_t {display: none;}
  .main .btn_top .b_i { margin:0; width:1.75rem; height: 1.75rem; background-image: url(../images/main/main_icon_arw0201_mo.png); }
}
@media (max-width:960px) {
  .main .btn_top { height: 3.25rem; width:3.25rem; }
  .main .btn_top .b_i {transform: scale(0.85);}
}
@media (max-width:768px) {
  .main .btn_top { height: 2.75rem; width:2.75rem; }
  .main .btn_top .b_i {transform: scale(0.625);}
}

.main_board_list {display: flex; gap:5rem;}
.main_board_list .board1 { flex:1;}
.main_board_list .board2 { width:500px; max-width:38%;}
.main_board_list .board3 { width:230px; max-width:18%;}
@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 .board2,
  .main_board_list .board3 {width:100%; max-width:none;}
}

.x_mainBoard_list { margin-top:-0.75rem; }
.x_mainBoard_list > li {display: flex; gap:1.875rem; padding:1.75rem 0; border-bottom:1px solid #bababa;}
.x_mainBoard_list > li:first-child {padding-top:0;}
.x_mainBoard_list .xi_mainBoardImg0101 {width:100%;}
@media (max-width:1160px) { 
  .x_mainBoard_list {margin-top:-0.5rem;}
  .x_mainBoard_list > li { padding:1.25rem 0; }
}

.xi_mainBoardImg0101 {display: flex; align-items: flex-start; gap:1.875rem; position:relative;}
.xi_mainBoardImg0101 .img {flex:none; position:relative; width:11.125rem; height: 6.25rem; max-width:35%; }
.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.25rem; line-height: 1.5; letter-spacing: -0.048em; -webkit-line-clamp: 2;  }
.xi_mainBoardImg0101 .i_new { width:1.5rem;}
.xi_mainBoardImg0101 .txt_w .d { margin-top:0.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; }
}
@media (max-width:1160px) { 
  .xi_mainBoardImg0101 {gap:4vw;}
  .xi_mainBoardImg0101 .img {height: 100%; min-height: 5rem; max-width:30%;}
}
@media (max-width:1160px) { 
  .xi_mainBoardImg0101 .i_new { width:1.125rem;}
}


.mainSwiper01_w { position:relative; padding:0 2rem 0rem; height: 313px; box-sizing: border-box;}
@media (max-width:1160px) { 
  .mainSwiper01_w { padding-bottom: 0rem; 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.75rem; height: 2.125rem; 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.25rem;}
.mainSwiper01_thumb_w .swiper_btn_w > .swiper-button-next { right:0.25rem; 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 (max-width:1320px) { 
  .mainSwiper01_w .swiper_btn_w > div {width:1.25rem;}
  .mainSwiper01_thumb_w .swiper_btn_w > .swiper-button-prev { left:0;}
  .mainSwiper01_thumb_w .swiper_btn_w > .swiper-button-next { right:0;  }
}
@media (max-width:1280px) { 
  .mainSwiper01_w .swiper_btn_w > .swiper-button-prev { left:0; }
  .mainSwiper01_w .swiper_btn_w > .swiper-button-next { right:0; }
}
@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.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: 4.75rem; max-width:8.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 .img_w {height: auto;}
}
@media (max-width:640px) { 
  .mainSwiper01_thumb_w {padding:1rem 1.5rem;}
}

.main_boardSt01_w { position:relative;}
.main_boardSt01 { display: flex ;}
.xi_mainBoardImg0201 {position:relative; margin:0 auto; padding-bottom:1rem; height: 313px; max-width:180px; box-sizing: border-box; }
.xi_mainBoardImg0201 .img_w { position:relative; width:180px;  }
.xi_mainBoardImg0201 .img_w:before {content:''; display: block; padding-top:127.8%; }
.xi_mainBoardImg0201 .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: contain;}
.xi_mainBoardImg0201 .txt_w {margin-top:0.75rem;}
.xi_mainBoardImg0201 .txt_w .t {font-size:1.25rem; font-weight: bold; letter-spacing: -0.036em;}
.xi_mainBoardImg0201 .txt_w .x {margin-top:0.25rem; font-size:0.875rem; color:#777;}
@media (max-width:1160px) { 
  .main_boardSt01_w { display: flex; gap:5vw; padding-bottom:1.875rem; border-bottom: 1px solid #bababa;}
  .main_boardSt01_w > .left { justify-content: center; align-items: center; display: flex!important; padding:0 3vw; width:43%; box-sizing: border-box;}
  .main_boardSt01_w > .right {flex:1; display: flex; flex-direction: column; }
  .main_boardSt01_w > .right .img_w { display: none; } 
  .main_boardSt01 {display:block;}
  .xi_mainBoardImg0201 { margin-bottom:1rem; padding:0; max-width:none;}
  .xi_mainBoardImg0201 {height: auto;}
  .xi_mainBoardImg0201 .txt_w {margin:0; padding:0; }
  .xi_mainBoardImg0201 .txt_w .t { font-size:1.5rem; }
  .xi_mainBoardImg0201 .txt_w .x {font-size:1rem;}
}
@media (max-width:640px) { 
  .xi_mainBoardImg0201 { margin-bottom:0.625rem;  }
  .xi_mainBoardImg0201 .txt_w .t { font-size:1.375rem;  }
  .xi_mainBoardImg0201 .txt_w .x { margin-top: 0.125rem; }
}


.xi_mainIconList0101 { display: flex; padding: 1.25rem 0.25rem; height: 118px; border-top: 1px solid #bababa;  border-bottom: 1px solid #bababa; box-sizing: border-box; }
.xi_mainIconList0101 > li { flex:1; display: flex; position:relative; margin-right:-1px;  border-right:1px dashed #bababa;}
.xi_mainIconList0101 > li:last-child {border-right-width:0;}
.xi_mainIconList0101 .xi_mainIcon0101 {width:100%;}
.xi_mainIcon0101 {display: flex; flex-direction: column; align-items: center; justify-content: center;  gap:0.375rem; padding:0.375rem; box-sizing: border-box;}
.xi_mainIcon0101 .t {  font-size:0.875rem; text-align: center; color:#666666; line-height: 1.3; font-weight: 500;}
.xi_mainIcon0101 .icon { width:1rem; height: 1rem; background:  url(../images/main/main_icon_0301.png) no-repeat 50% 50%; background-size:contain; }
.xi_mainIcon0101 .icon.i0101 { background-image:  url(../images/main/main_icon_0301.png) ; }
.xi_mainIcon0101 .icon.i0102 { background-image:  url(../images/main/main_icon_0302.png) ; }
.xi_mainIcon0101 .icon.i0103 { background-image:  url(../images/main/main_icon_0303.png) ; }
.xi_mainIconList0101 > li:hover { z-index:1; border-right-color:transparent;}
.xi_mainIconList0101 > li:hover .xi_mainIcon0101 {background-color:#6a87a4; }
.xi_mainIcon0101:hover .t {color:#fff;}
.xi_mainIcon0101:hover .icon.i0101 { background-image:  url(../images/main/main_icon_0301_w.png) ; }
.xi_mainIcon0101:hover .icon.i0102 { background-image:  url(../images/main/main_icon_0302_w.png) ; }
.xi_mainIcon0101:hover .icon.i0103 { background-image:  url(../images/main/main_icon_0303_w.png) ; }
@media (max-width:1310px) { 
  .xi_mainIconList0101 {padding:1.25rem 0;}
}
@media (max-width:1160px) { 
  .xi_mainIconList0101 { flex:1; flex-direction: column; padding:0; border-bottom:none;}
  .xi_mainIconList0101 > li {border-right:none}
  .xi_mainIconList0101 > li:not(:last-child) {border-bottom:1px dashed #ccc;}
  .xi_mainIcon0101 {flex-direction: row; padding:0.5rem 1.25rem; min-height: 2.75rem;}
  .xi_mainIcon0101 .t { flex:1; font-size:1.0625rem; text-align: left;}
  .xi_mainIcon0101 .t br {display: none;}
  .xi_mainIcon0101 .icon {width:1.25rem; height: 1.25rem;}
}


.main_boardList_w { display: flex; gap:1.25rem 1.875rem; }
@media (max-width:1160px) { 
  .main_boardList_w {    flex-direction: column; margin:0 auto; max-width:768px; }
}

.main_boardList_w .main_boardBox01 {flex:1;}
.main_boardBox01 { display: block; padding:1.25rem 1.875rem; border:1px solid #cccccc; border-radius: 1rem; box-sizing: border-box;}
.main .main_boardBox01:nth-child(2) .h3_tag_w h3 .t { background: #009d86; }
.main .main_boardBox01:nth-child(3) .h3_tag_w h3 .t { background: #0085d2; }
@media (max-width:1160px) { 
  .main_boardBox01 { padding:1.25rem 2.25rem; }
}
@media (max-width:640px) { 
  .main_boardBox01 { padding:1.25rem 5vw; }
}


.main_boardList01 {}
.main_boardList01 > li {display: block;}
.main_boardList01 > li:not(:last-child) {margin-bottom:0.625rem;}
.main_boardList01 a {display: flex; align-items: center; gap:1.5rem;}
.main_boardList01 a .t_w {flex:1;}
.main_boardList01 a .t_w .t { font-weight: 500; width:100%; word-break: break-all; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_boardList01 a .d {color:#777; width:5.25rem; font-weight: 200; flex-shrink:0; white-space:nowrap;}


.mainSwiper_bann_w { position:relative;}
.mainSwiper_bann {overflow: visible;}
.mainSwiper_bann .swiper-slide {opacity: 0.4; transition: var(--transition-custom02);}
.mainSwiper_bann .swiper-slide.swiper-slide-active,
.mainSwiper_bann .swiper-slide.swiper-slide-next,
.mainSwiper_bann .swiper-slide.swiper-slide-next + .swiper-slide { opacity: 1; }
.mainSwiper_bann .swiper-slide.swiper-slide-active img,
.mainSwiper_bann .swiper-slide.swiper-slide-next img,
.mainSwiper_bann .swiper-slide.swiper-slide-next + .swiper-slide img { border-radius: 999px; box-shadow: 1rem 1.25rem 2.5rem rgba(0,0,0,0.2) ; }
@media (max-width:1160px) { 
  .mainSwiper_bann .swiper-slide.swiper-slide-next + .swiper-slide {opacity: 0.4;}
}

.mainSwiper_bann_w .swiper_controll { display: flex; justify-content: center; align-items: center; gap:1.875rem; margin-top:2.25rem;}
.mainSwiper_bann_w .swiper_controll .btn_w {display: flex; justify-content: center; gap:1rem;}
.mainSwiper_bann_w .swiper_controll .btn_w .ico { width:2.125rem; height: 2.125rem; background:  url(../images/main/main_swiper0101L.png) no-repeat 50% 50%; background-size:1rem auto; border:1px solid #fff; border-radius: 50%; box-sizing: border-box; cursor: pointer;}
.mainSwiper_bann_w .swiper_controll .btn_w .swiper-button-next { background-image:  url(../images/main/main_swiper0101R.png); }
.mainSwiper_bann_w .swiper_controll .btn_w .btn_stop { background-image:  url(../images/main/main_swiper0102.png); }
.mainSwiper_bann_w .swiper_controll .btn_w .btn_play { background-image:  url(../images/main/main_swiper0102_play.png); }
.mainSwiper_bann_w .swiper_controll .swiper-pagination { display: flex; justify-content: center; gap:1rem; position:relative; left:auto; bottom:auto; top:auto; width:4.5rem; font-size:1.0625rem;  color:#fff;}
.mainSwiper_bann_w .swiper_controll .swiper-pagination .swiper-pagination-current { color:#e47312; }
@media (max-width:1160px) { 
  .mainSwiper_bann_w {margin:0 auto; max-width:800px;}
}


.main footer {height: 100%;}
.sec_quickCustom.stop { position:absolute; bottom:100%;} 
.main .ft_footer #footer { position:relative; z-index:51; }


@media (min-width:1161px) { 
  .main .sec_quickCustom .in_w > .w,
  .main.fp-viewing-sec_vis .sec_quickCustom .in_w > .w { bottom:-65px; }
  .main.fp-viewing-sec_center .sec_quickCustom .in_w > .w,
  .main.fp-viewing-sec_health .sec_quickCustom .in_w > .w,
  .main.fp-viewing-sec_news .sec_quickCustom .in_w > .w,
  .main.fp-viewing-ft_footer .sec_quickCustom .in_w > .w { bottom:0; }
  .ft_footer.active .sec_quickCustom,
  .ft_footer.fp-completely .sec_quickCustom { position:absolute; bottom:100%;}
}
@media (max-width:1160px) { 
  .main_quickCustom_w .ico_tg {margin-bottom:-2.75rem;}
  .main_quickCustom_list_w {display: block; max-height:0; transition: max-height 0.3s ease-in-out;}
  .main_quickCustom_w.ac .main_quickCustom_list_w {max-height:30rem;}
}
@media (max-width:768px) {
  .main_quickCustom_w .ico_tg {transform: translateX(-50%) scale(0.75); margin-bottom: -2.5rem; }
  .main_quickCustom_w.ac .ico_tg {transform: translateX(-50%) scale(0.75) rotate(180deg); } 
}


@media (max-width:1160px) or (max-height:899px) { 
  .main section,
  .main .ft_footer,
  .main section .fp-tableCell,
  .main .ft_footer .fp-tableCell {height: auto!important;}
}


.main .fp-tableCell {box-sizing: border-box;}
.main .ft_footer,
.main .ft_footer .fp-tableCell,
.main.fp-responsive section,
.main.fp-responsive .ft_footer {height: auto!important;}






/* 띠배너 */
@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 section:not(.ft_footer) .fp-tableCell {  padding-top:85px; vertical-align:initial; box-sizing: border-box; }
  .c_bodyEvent_top.open + .wrapper section:not(.ft_footer),
  .c_bodyEvent_top.open + .wrapper section:not(.ft_footer) .fp-tableCell { height: 100vh!important; } 
  .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)!important; }

}
@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: 1050px) {
  .c_bodyEvent_top.open + .wrapper .main_reserv { bottom:90px; }
  .c_bodyEvent_top.open + .wrapper .main_fpBtn {bottom:80px;}
  .c_bodyEvent_top.open + .wrapper .sec_vis .main_fpBtn {bottom:1.25rem;}
}



.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; } 
}








/* 추가 */
.gnb_menu3_list,
.mo_sideGnb .mo_gnb_list .gnb_menu3_list { overscroll-behavior: contain; }




