@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/


.main_cnt04 ::-webkit-scrollbar{width: 12px; height: 12px;}
.main_cnt04 ::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.3); border-radius: 0.625rem; border: 2px solid transparent; background-clip: padding-box;  box-sizing: border-box;}
.main_cnt04 ::-webkit-scrollbar-track{ background:transparent; border-radius: 0.625rem; border: 2px solid transparent; box-shadow:inset 0.625rem 0 0 transparent;  box-sizing: border-box; }


.main .swiper-notification {position:absolute;}

.main input[type="submit"],
.main input[type="text"] { appearance: none; -moz-appearance: none; -webkit-appearance: none;border-radius: 0; }

/*
.main li,
.main a,
.main span {display: inline-block;}
*/

:root{
	--main-color:transparent;
	--transition-custom: all 0.3s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out;
	--transition-custom-2: all 0.2s ease-in-out; 
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
	--font-family-mont: 'Montserrat', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-SUIT: 'SUIT', 'Montserrat', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.main input[type="button"] {cursor: pointer;}

.main .swiper-button-next:after, 
.main .swiper-button-prev:after {display: none;}
.main .swiper_controll_w {display: flex; align-items: center; z-index:10; position:relative;box-sizing: border-box; }
.main .swiper-pagination {}
.main .swiper_controll {display: flex; align-items: center; gap:0.5rem; white-space: nowrap; }
.main .swiper_controll .ico {position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:auto; width:1rem; height: 1rem; }
.main .swiper-pagination {display: flex; align-items: center; position:relative; margin:0 3px;}
.main .swiper-pagination-bullets {display: flex; gap:6px; }
.main .swiper-pagination-bullet {  width:9px; height:9px; background:#003271;  border-radius: 5px; opacity: 0.2;}
.main .swiper-pagination-bullet-active {width:30px; background:#003271; opacity: 1;}

.main .swiper-pagination-progressbar {width:100px; height: 5px; background:#e5e5e5;}
.main .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#727272;}

.main .swiper-pagination-fraction {width:auto;}


.main .btn_autoPlay {background: url(../images/main_n/main_icon_play_pause.png) no-repeat 50% 50%; background-size:contain;}
.main .btn_autoPlay.btn_stop {background-image: url(../images/main_n/main_icon_play_pause.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main_n/main_icon_play_play.png);}
.main .swiper-button-prev,
.main .swiper-button-next {position:relative; right:auto; left:auto; top:auto; bottom:auto; margin:auto; width:30px; height: 30px; background: url(../images/main_n/main_icon_play_arwL.png) no-repeat 50% 50%; background-size:1.25rem auto; border:1px solid #ddd; }
.main .swiper-button-next {background-image: url(../images/main_n/main_icon_play_arwR.png);}


/* animation */
.ani_full {position:relative; overflow: hidden;}
.ani_full > * {position:relative;}
.ani_full:before {content:''; display: block; position:absolute; left:20%; top:105%; transform: translate(-50%,-50%); width:0; height: 0; background:#de326e; border-radius: 50%; opacity: 0.5;
	transition: var(--transition-custom);
}
.ani_full:hover:before { top:90%; width:250%; height: 250%; opacity: 1;}


.ani_fullWave { position:relative; overflow: hidden; }
.ani_fullWave .ani_get {position: absolute;  top: 0;  left: 0;  bottom: -3px;  right: -1px; height: 100%; filter: url(#goo); overflow: hidden;   }
.ani_fullWave .ani_get:before,
.ani_fullWave .ani_get:after {content:'';}
.ani_fullWave .ani_get:before,
.ani_fullWave .ani_get:after,
.ani_fullWave .ani_get em {  display: block;  z-index: -1; position:absolute; transform: scale(1.4) translateY(125%);  transition: all 300ms ease;  width: 34%; height: 100%;  background-color: #de326e; border-radius: 100%; }
.ani_fullWave .ani_get:before {  left: -5%; }
.ani_fullWave .ani_get em {  left: 30%;  transition-delay: 60ms;}
.ani_fullWave .ani_get:after {  left: 66%;  transition-delay: 25ms;}
.ani_fullWave:hover .ani_get:before,
.ani_fullWave:hover .ani_get:after,
.ani_fullWave:hover .ani_get em {  transform: scale(1.6) translateY(0)}

.device_mo .ani_fullWave .ani_get {display: none;}

/* head banner */
body.fixBann .wrapper {margin-top:80px; min-height: calc(100% - 80px);}
body.fixBann #header {top:80px;}


.hd_fixBann {z-index:100; position:fixed; left:0; top:0; right:0; overflow: hidden;}
.swiper_fixBann a {display: block; position:relative; height: 80px;}
.swiper_fixBann a img {position:relative; width:100%; height: 100%; object-fit: cover;}
.hd_fixBann .today_check { display: flex; align-items: center; gap:5px; z-index: 10; position:absolute; right:30px; bottom:10px; font-size:13px;}
.hd_fixBann .today_check input[type="checkbox"] {width:14px; height: 14px;}
.hd_fixBann .today_check .ico_close {margin-left:5px; width:20px; height: 20px; background: url(../images/main_n/hd_fixBanner_close.png) no-repeat 50% 50%; }



/* contents */
.main .contents {background:#fff;}
.main article {padding-bottom:70px;}
.main article .in_cover > .in_w,
.main .ft_bann.in_cover > .in_w,
.main footer .in_cover > .in_w {max-width:1240px;}
@media (max-width:1160px) { 
	.main article {padding-bottom:0;}
}

.main .main_cnt02.in_cover > .in_w,
.main .main_cnt03.in_cover > .in_w,
.main .main_cnt04.in_cover > .in_w {top:5rem; opacity: 0.3; filter: blur(8px);}
.main .main_cnt02.in_cover.wp > .in_w,
.main .main_cnt03.in_cover.wp > .in_w,
.main .main_cnt04.in_cover.wp > .in_w {top:0; opacity:1; filter: blur(0); transition: 0.8s;}

.main_cnts { margin-top:3.125rem;}

.main .h3_w { margin-bottom:3rem; }
.main h3 {font-size:35px; font-weight: 600; letter-spacing: -1px;}
.main h3.tit {margin-bottom:1.5rem; font-size:3.375rem; font-weight: 600; color:#000; }
.main h3.tit + .h_x { font-size:1.25rem; color:#666; word-break: keep-all; letter-spacing: -1px;}
.main h4.tit {margin-bottom:1rem; font-size:1.5rem; font-weight: 600;  }
.main .h3_divi {display: flex; gap:1.5rem;}
.main .h3_divi .hx {flex:1; display: flex; align-items: flex-end; flex-wrap: wrap; padding-bottom:3px; line-height: 1.5;}
.main .main_board_all {display: inline-flex; align-items: center; gap:0.625rem;}
.main .main_board_all i {width:2.375rem; height: 2.375rem; background:#fff url(../images/main_n/main_icon_arw.png) no-repeat 50% 50%; border:1px solid #d3d8e4; border-radius: 50%; }
@media (max-width:768px) { 
	.main h3.tit {font-size:3rem;}

	.main h4.tit {font-size:1.625rem;}
}
@media (max-width:460px) { 
	.main h3.tit {font-size:2.5rem;}
	.main h3.tit + .h_x {font-size:1.125rem;}
}


.main_btn { display: flex; align-items: center; justify-content: center; gap:8px; padding:0 0.75rem; height: 2.75rem; text-align: center; background:#fff; border:1px solid #666; box-sizing: border-box;}
.main_btn > * {position:relative;}
.main_btn .w_flex {flex:1; text-align: left; font-weight: 200;}
.main_btn i {display: inline-block; width:1.25rem; height: 1.25rem; background: url(../images/main_n/main_quick_icon_arw.png) no-repeat 50% 50%; background-size:0.875rem;}



/* visual */
.main_vis_swiper .swiper-slide {position:relative; }
.main_vis_swiper img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_vis_swiper img.mo {display: none;}
.main_vis {position:relative;}
.main_vis .in_cover {  }
.main_vis .main_vis_swiper .in_w { display: flex; align-items: flex-end; height: 670px; color:#fff; }
.main_vis .main_vis_swiper .in_w .tit {padding-bottom:220px; font-size:2.5rem; line-height: 1.4; word-break: keep-all; letter-spacing: -1px;}
.main_vis .main_vis_swiper .in_w .tit strong {font-weight: bold;}
.main_vis .main_vis_swiper .in_w .tit em {font-weight:200;}
.main_vis .main_vis_swiper .in_w .tit .an_p01,
.main_vis .main_vis_swiper .in_w .tit .an_p02 {display: block; position:relative; top:5px; opacity: 0; filter: blur(10px); opacity: 0;
	transition: 0.8s ease-in-out;}
.main_vis .main_vis_swiper .in_w .tit .an_p02 {margin-top:0px; letter-spacing:0.5px;}
.main_vis .main_vis_swiper .swiper-slide-active .in_w .tit .an_p01,
.main_vis .main_vis_swiper .swiper-slide-active .in_w .tit .an_p02 {top:0; filter: blur(0); opacity: 1;}
.main_vis .main_vis_swiper .swiper-slide-active .in_w .tit .an_p01 {transition-delay: 0.2s;}
.main_vis .main_vis_swiper .swiper-slide-active .in_w .tit .an_p02 {transition-delay: 0.7s;}

.main_vis .swiper_controll_w { z-index: 10; position:absolute; top:480px; left:0; right:0; box-sizing: border-box;}
.main_vis .swiper_controll_w .in_w { }
.main_vis .swiper_controll {display: flex; align-items: center; gap:0.5rem; position:absolute; margin-left:10px; }
.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 {position:relative; margin:0 3px;}

.main_vis .swiper_controll .swiper-pagination-bullet {  background:rgba(255,255,255,0.6);  border-radius: 5px; opacity: 1;}
.main_vis .swiper_controll .swiper-pagination-bullet-active {width:30px; background:#fff;}

.main .btn_autoPlay.btn_stop {background-image: url(../images/main_n/main_icon_play_pause_w.png);}
.main .btn_autoPlay.btn_play {background-image: url(../images/main_n/main_icon_play_play_w.png);}
.main .swiper-button-prev {background-image: url(../images/main_n/main_icon_play_arwL_w.png);}
.main .swiper-button-next {background-image: url(../images/main_n/main_icon_play_arwR_w.png);}
@media (max-width:1340px) {
	.main_vis .main_vis_swiper .in_w .tit,
	.main_vis .swiper_controll {padding-left:5%;}
}
@media (max-width:1160px) {	
	.main_vis_swiper img.pc {display: none;}
	.main_vis_swiper img.mo {display: block!important;}
 .main_vis_swiper img  { object-position: 50% 15%; }
	.main_vis .main_vis_swiper .in_w {justify-content: center; align-items: flex-start; height: 840px; min-height: 100vh; box-sizing: border-box; }
	/*.main_vis .main_vis_swiper .in_w .tit {position:absolute; left:0; right:0; bottom:70vh; padding:0; text-align: left;}	*/
.main_vis .main_vis_swiper .in_w .tit {position:absolute; left:135px; right:0; bottom:40vh; padding:0; text-align: left; display:none;}
	.main_vis .swiper_controll_w {top:35vh;}
	.main_vis .swiper_controll {left:50%; transform: translateX(-50%); margin:0 auto; padding:0; display:none;}
}
@media (max-width:1024px) {	
	.main_vis .main_vis_swiper .in_w .tit .an_p01 {margin-bottom:0;}
	.main_vis .main_vis_swiper .in_w .tit .an_p02 {font-size:1.75rem;}
}
@media (max-width:768px) {	
	.main_vis .main_vis_swiper .in_w .tit .an_p02 {font-size:1.25rem;}
}
@media (max-width:640px) {	
	.main_vis .main_vis_swiper .in_w {height: 750px;}
.main_vis .main_vis_swiper .in_w .tit { bottom: 32vh; font-size: 1.8rem; left:0; }
}
@media (max-width:460px) {	
	.main_vis .main_vis_swiper .in_w {height: 680px;}
	.main_vis .main_vis_swiper .in_w .tit .an_p01 {font-size:1.75rem; letter-spacing:-1px !important;}
}
@media (max-height:840px) {	
	/*.main_vis .main_vis_swiper .in_w .tit {top:170px; bottom:auto;}	
	.main_vis .swiper_controll_w {top:350px;}*/
}
@media (max-width:460px) and (max-height:750px) {	
	/*.main_vis .swiper_controll_w { top:calc(100vh - 460px);}*/
}
@media (max-width:460px) and (max-height:700px) {	
	/*.main_vis .main_vis_swiper .in_w .tit {top:120px;}	*/
}
@media (max-width:460px) and (max-height:680px) {	
	/*.main_vis .swiper_controll_w { top:230px;}*/
}
@media (max-width:640px) and (max-height:840px) {	

}





/* main reserv */
.main_reserv_w {z-index:50; position:relative; }
.main_reserv_w .bg {position:absolute; left:50%; bottom:-1px; right:0; height: 220px; margin-left:650px; background:#fff; border-top-left-radius: 60px;  }
.main_reserv_w .bg:before,
.main_reserv_w .bg:after {content:''; display: block; position:absolute; width:100px; height: 100px; background: url(../images/main_n/main_vis_cover.svg) no-repeat 50% 50%; background-size:contain; }
.main_reserv_w .bg:before {right:100%; bottom:0; margin-right:-1px }
.main_reserv_w .bg:after {right:-1px; bottom:100%; margin-bottom:-1px; }
.main_reserv_w .in_w > ul {display: flex; position:absolute; left:0; bottom:0; right:0; padding:0 7px;}
.main_reserv_w .in_w > ul > li {flex:1; position:relative; margin:0 -7px; }
@media (max-width:1200px) {
	.main_reserv_w .in_w > ul > li:nth-child(3) {min-width:28%;}
}
@media (max-width:1160px) {
	.main_reserv_w .in_w > ul { flex-direction: column; align-items: center; padding:0 0 1.5rem; width:100%; }
	.main_reserv_w .in_w > ul > li {width:100%; max-width:640px;  margin:0}
	.main_reserv_w .in_w > ul > li:not(:last-child) {margin-bottom: -1.5rem; }
}
@media (max-width:640px) {
	.main_reserv_w .in_w > ul {  padding:0 0 6.5rem;  }
}


body .main_reserv_w .bg {left:100%; height: 0; margin-left:0; border-top-left-radius: 50px; transition: all 1s ease; transition-delay:0.7s ;}
body.on .main_reserv_w .bg {left:50%; height: 220px; margin-left:660px; border-top-left-radius: 65px; }
body .main_reserv_w .bg:before,
body .main_reserv_w .bg:after { width:0px; height: 0px; transition:all 0.8s linear; transition-delay:1s ;} 
body.on .main_reserv_w .bg:before,
body.on .main_reserv_w .bg:after {width:100px; height: 100px;}
@media (max-width:1680px) {
	body.on .main_reserv_w .bg { display: none;}	

	.main_reserv_w:after {content:''; display: block; position:absolute; right:-1px; bottom:-1px; width:0; height: 0; background: url(../images/main_n/main_vis_cover.svg) no-repeat 50% 50%; background-size:contain;}
	body.on .main_reserv_w:after {width:100px; height: 100px;}
}
@media (max-width:1340px) {
	body.on .main_reserv_w:after {display: none;}
}

.main_reserv {position:absolute; left:0; right:0; bottom:0; padding:0 35px; height: 60px; color:#fff; background:#328ad6; border-top-left-radius: 15px; border-top-right-radius: 15px;box-sizing: border-box;}
.main_reserv.box1 {background:#328ad6}
.main_reserv.box2 {background:#1d51b7}
.main_reserv.box3 {background:#003271}
.main_reserv.box4 {background:#207591}

.main_reserv h3 {margin-bottom:1.5rem; }
.main_reserv h3 a {display: flex; align-items: center;	justify-content: center; gap:6px; font-size:18px; font-weight: 400; text-align: center; color:#fff; height: 60px; border-bottom:1px solid rgba(255,255,255,0.2);}
.main_reserv h3 i {  width:19px; height: 19px; background:rgba(255,255,255,0.25)  url(../images/main_n/main_quick_icon_hdAdd_w.png) no-repeat 50% 50%; border-radius: 50%; }
.main_reserv.box3 h3 {margin-bottom:20px;}

.main_reserv .main_btn { height: 45px;  font-size:15px; font-weight: 200; white-space: nowrap; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.15); border-radius: 8px;}
.main_reserv .main_btn i.i0101 {background-image: url(../images/main_n/main_quick_icon0301.png); }
.main_reserv .main_btn i.i0102 {background-image: url(../images/main_n/main_quick_icon0302.png); }
.main_reserv .main_btn:hover {border-color:#fff;} 

.main_reserv .main_btn.ani_full {transition-duration: 0.5s;}
.main_reserv .main_btn.ani_full:before { background:#fff; transition-duration: 0.6s; }
.main_reserv .main_btn.ani_full:hover {color:#207591; }
.main_reserv .main_btn.ani_full:hover span {font-weight: 400;}
.main_reserv .main_btn.ani_full:hover:before { height: 500px;}
.main_reserv .main_btn.ani_full:hover i {background-image:url(../images/main_n/main_quick_icon_arw_mint.png);}
.main_reserv .main_btn.ani_full:hover i.i0101 {background-image: url(../images/main_n/main_quick_icon0301_mint.png); }
.main_reserv .main_btn.ani_full:hover i.i0102 {background-image: url(../images/main_n/main_quick_icon0302_mint.png); }

.main_reserv .main_btn.btn_s {height: 25px; font-size:13px; border-radius: 4px;}
@media (max-width:1280px) {
	.main_reserv {padding: 0 2.25vw;}
}
@media (max-width:1160px) {
	.main_reserv {position:relative; padding: 0 80px; border-top-left-radius: 0.875rem; border-top-right-radius: 0.875rem; }
	.main_reserv .main_reserv {padding-bottom:1.5rem;}
	.main_reserv_w .in_w > ul > li:last-child .main_reserv {border-radius: 0.875rem;}	
}
@media (max-width:800px) {
	.main_reserv { padding: 0 10vw; }
}
@media (max-width:480px) {
	.main_reserv { padding: 0 8vw; }
}

.main_ipBox_w {display: flex; gap:4px;}
.main_ipBox_w .ip_w {flex:1; display: flex; flex-direction: column; gap:4px;}
.main_ipBox_w .ip_w input[type="text"],
.main_ipBox_w .ip_w input[type="password"] { padding:3px 15px; padding-right:10px; height: 45px; width:100%; font-size:16px; color:#fff; background:rgba(255,255,255,0.2); border-radius: 8px; box-sizing: border-box;}
.main_ipBox_w .ip_w input[type="text"]::placeholder,
.main_ipBox_w .ip_w input[type="password"]::placeholder {font-size:15px; font-weight: 100; color:#fff; font-size:14px; opacity: 0.8;}
.main_ipBox_w input[type="button"],
.main_ipBox_w input[type="submit"] {padding-top:20px; width:65px; font-size:16px; color:#003271; font-weight: 500; background:#fff url(../images/main_n/main_quick_icon_call.png) no-repeat 50% 23px; border-radius: 8px;}
.main_ipBox_w input[type="button"].i_rock,
.main_ipBox_w input[type="submit"].i_rock  { background-image: url(../images/main_n/main_quick_icon_rock.png) }
.main_ipBox_w.st01 input[type="submit"] {letter-spacing: -1px;}
@media (max-width:1160px) {
	.main_ipBox_w {gap:8px;}
	.main_ipBox_w .ip_w {gap:8px;}
	.main_ipBox_w .ip_w input[type="text"], 
	.main_ipBox_w .ip_w input[type="password"] {height: 50px; }

}

.main_quickIcon {display: flex; justify-content: space-between;}
.main_quickIcon a {display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:16px; text-align: center; font-weight: 200; line-height: 1.1;}
.main_quickIcon a .img {position:relative; margin-bottom:1rem; width:66px; height: 66px; background: rgba(255,255,255,0.15) ; border-radius: 16px; overflow: hidden; }
.main_quickIcon a .img:before,
.main_quickIcon a .img:after {content:''; display: block; position:absolute; transition: var(--transition-custom);}
.main_quickIcon a .img:before {left:20%; top:105%; transform: translate(-50%,-50%); width:0; height: 0; background:#fff; border-radius: 50%; opacity: 0.5;}
.main_quickIcon a .img:after {left:0; top:0; width:100%; height: 100%; background: url(../images/main_n/main_icon_0201.png) no-repeat 50% 50%; }
.main_quickIcon a .img.img0101:after {background-image: url(../images/main_n/main_quick_icon0101_w.png); }
.main_quickIcon a .img.img0102:after {background-image: url(../images/main_n/main_quick_icon0102_w.png); }
.main_quickIcon a .img.img0103:after {background-image: url(../images/main_n/main_quick_icon0103_w.png); }
.main_quickIcon a .t {opacity: 0.7;}
.main_quickIcon a:hover .img:before { top:90%; width:250%; height: 250%; opacity: 1;}
.main_quickIcon a:hover .img.img0101:after {background-image: url(../images/main_n/main_quick_icon0101.png); }
.main_quickIcon a:hover .img.img0102:after {background-image: url(../images/main_n/main_quick_icon0102.png); }
.main_quickIcon a:hover .img.img0103:after {background-image: url(../images/main_n/main_quick_icon0103.png); }
.main_quickIcon a:hover .t {opacity: 1; text-decoration: underline; text-underline-offset: 3px;}
@media (max-width:1160px) {
	.main_quickIcon { justify-content: space-evenly;}
}

.main_login_chW { display: flex; justify-content: space-between; margin-top:10px; font-size:12px; font-weight: 200;}
.main_ch {display: inline-flex; align-items: center; gap:4px; white-space: nowrap;}
.main_login_memb {display: inline-flex; gap:12px;}
.main_login_memb > li { position:relative; }
.main_login_memb > li + li:before {content:''; display:block; position:absolute; left:-6px; top:50%; margin-top:-6px; width:1px; height:10px; background:rgba(255,255,255,0.3); }
.main_login_memb a {opacity: 0.7;}
.main_login_memb a:hover { opacity: 1;  }
@media (max-width:1160px) {
	.main_login_chW {margin-top:12px; font-size:13px;}
}

.main_login_sns {display: flex; align-items: center; gap:16px; margin-top:8px;}
.main_login_sns dt {position:relative; font-size:12px; font-weight: 200;}
.main_login_sns dt:before {content:''; display:block; position:absolute; right:-9px; top:50%; margin-top:-4px; width:1px; height:10px; background:rgba(255,255,255,0.4); }
.main_login_sns dd {flex:1; display: flex; justify-content: space-between; gap:3px; width:100%;}
.main_login_sns dd a {display: flex; width:100%; max-width:56px; height: 25px; background:rgba(255,255,255,0.1) url(../images/main_n/main_icon0301.png) no-repeat 50% 50%;  border:1px solid rgba(255,255,255,0.2); border-radius: 4px; box-sizing: border-box;}
.main_login_sns dd a.sns_naver {background-image:url(../images/main_n/main_icon0301.png) ;}
.main_login_sns dd a.sns_kakao {background-image:url(../images/main_n/main_icon0302.png) ;}
.main_login_sns dd a.sns_google {background-image:url(../images/main_n/main_icon0303.png) ;}
.main_login_sns dd a:hover {border-color:#fff;}
@media (max-width:1160px) {
	.main_login_sns {margin-top:12px;}
	.main_login_sns dt {font-size:13px;}
	.main_login_sns dd { justify-content: space-evenly; }
	.main_login_sns dd a {height: 26px; max-width:12vw;}
}

.main_quickBtn {}
.main_quickBtn .main_btn + a {margin-top:5px;}
@media (max-width:1160px) {
	.main_quickBtn {display: flex; gap:20px;}
	.main_quickBtn .main_btn {flex:1; padding:20px 25px; height: auto; white-space: initial; word-break: keep-all;}
	.main_quickBtn .main_btn + a {margin:0;}
	.main_quickBtn .main_btn i.i0101,
	.main_quickBtn .main_btn i.i0102 {display: none;}
}
@media (max-width:560px) {
	.main_quickBtn {gap:2.5vw;}
	.main_quickBtn .main_btn { padding:4vw ; }
}

.main_reserv_w .main_reserv {height: 60px; padding-bottom:1.5rem; transition: 0.4s ease-in-out; overflow: hidden; box-sizing: border-box;}
.main_reserv_w ul > li:nth-child(1) .main_reserv {transition-delay: 0.3s;}
.main_reserv_w ul > li:nth-child(2) .main_reserv {transition-delay: 0.4s;}
.main_reserv_w ul > li:nth-child(3) .main_reserv {transition-delay: 0.5s;}
.main_reserv_w ul > li:nth-child(4) .main_reserv {transition-delay: 0.6s;}
.main_reserv_w ul > li:nth-child(n).off .main_reserv,
.main_reserv_w ul > li:nth-child(n).ac .main_reserv {transition-delay: 0s;}

.main_reserv_w .main_reserv {bottom:-60px;}
body.on .main_reserv_w .main_reserv {bottom:0;}
.main_reserv_w .off .main_reserv,
.main_reserv_w .off .main_reserv.box3,
body.on .main_reserv_w .off .main_reserv,
body.on .main_reserv_w .off .main_reserv.box3 { height: 60px; }
.main_reserv_w .ac .reserv_box {display: block!important;}
.main_reserv_w .ac .main_reserv h3 i {  background-image: url(../images/main_n/main_quick_icon_hdArw.png);}
.main_reserv_w .off .main_reserv h3 i {  background-image: url(../images/main_n/main_quick_icon_hdAdd_w.png);}
.main_reserv_w .ac .main_reserv {height: 220px;}
.main_reserv_w .ac .main_reserv.box3 {height: 255px; }
@media (max-width:1160px) {
	.main_reserv_w {zoom:1.2}
	.main_reserv_w ul > li:nth-child(n) .main_reserv {transition: 0.3s;}
	.main_reserv_w ul > li:not(:last-child) .main_reserv {padding-bottom:3rem;}

	.main_reserv_w .main_reserv,
	body.on .main_reserv_w .main_reserv,
	body.on .main_reserv_w .main_reserv.box3 {height: calc(60px + 1.5rem);}
	.main_reserv_w .in_w > ul > li:last-child .main_reserv,
	body.on .main_reserv_w .in_w > ul > li:last-child .main_reserv {height: 60px;}

	.main_reserv_w .main_reserv.ac, 
	body.on .main_reserv_w .main_reserv.ac, 
	body.on .main_reserv_w .main_reserv.box3.ac,
	body.on .main_reserv_w .in_w > ul > li:last-child .main_reserv.ac { height: auto;}

	.main_reserv_w .main_reserv h3 i,
	.main_reserv_w .ac .main_reserv h3 i {  background-image: url(../images/main_n/main_quick_icon_hdAdd_w.png);}
	.main_reserv_w .main_reserv.ac h3 i {  background-image: url(../images/main_n/main_quick_icon_hdArw.png);}
}
@media (max-width:640px) {
	.main_reserv_w {zoom:1}
}


.main .my_btn_w {display: flex; gap:6px;}
.main .my_btn_w a {flex:1;}

.main_my_reserv {}
div + .main_my_reserv {margin-top:12px;}
.main_my_reserv h4 {display: flex; 	justify-content: space-between; align-items: center; gap:10px; margin-bottom:10px; color:#fff; font-weight: 400;}
.main_my_reserv h4 a {display: flex; align-items: center; gap:8px; }
.main_my_reserv h4 i {  width:19px; height: 19px; background:#fff  url(../images/main_n/main_quick_icon_hdAdd.png) no-repeat 50% 50%; border-radius: 50%; }

.my_reserv_box {height: 80px; background:rgba(255,255,255,0.1); border-radius: 8px; overflow: hidden;}
.my_reserv_box .no_data {display: flex; justify-content: center;	align-items: center; height: 100%; font-size:13px; font-weight: 200; opacity: 0.7;}
.my_reserv_dday { flex:1; display: flex; justify-content: center;	align-items: center; height: 23px; max-width: 10rem; font-size:0.8125rem; color:#fff; white-space: nowrap; font-family: var(--font-family-SUIT); background:#de326e; border-radius: 13px;}
.my_reserv_list {height: 100%; background:#fff; box-sizing: border-box;}
.my_reserv_list .main_box_w { display: flex; align-items: center; gap:10px; padding:10px; height: 100%; background:#fff; box-sizing: border-box;}
.my_reserv_list .img {position:relative; width:3.75rem; min-width:3.75rem; height: 3.75rem; background:#dddfe1; border-radius: 50%; overflow: hidden;}
.my_reserv_list .img img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.my_reserv_list .info {flex:1; }
.my_reserv_list .info > p {display: flex; align-items: center; gap:6px;}
.my_reserv_list .info > p + p {margin-top:4px;}
.my_reserv_list .info i {display: inline-block; position:relative; top:1px; width:14px; height: 14px; background:  url(../images/main_n/main_quick_icon0201.png) no-repeat 50% 50%; }
.my_reserv_list .info .info_d {color:#de326e; font-weight: 700; font-family: var(--font-family-SUIT); white-space: nowrap;}
.my_reserv_list .info .info_p {font-size:14px; font-weight: 500; color:#000;}
.my_reserv_list .info .info_p i {background-image:  url(../images/main_n/main_quick_icon0202.png);}


/* 사이드 퀵 */
.main_quick_side_w {z-index:100; position:fixed; left:0; top:0; right:0;}
.main_quick_side_w .w {position:absolute;  left:100%; top:240px; margin-left:80px; opacity: 0; 
	transition: top 0.3s 1s ease, opacity 0.3s 1s ease; }
body.on .main_quick_side_w .w { top:256px; opacity: 1;}

.main_quick_side {display: flex; flex-direction: column;   top:140px; width:5.625rem; text-align: center; border-radius: 45px; box-shadow: 5px 10px 15px rgba(0,0,0,0.18); overflow: hidden;}
.main_quick_side > dt,
.main_quick_side > dt a,
.main_quick_side > dd.dd01 {display: flex; align-items: center; justify-content: center;}
.main_quick_side > dt { height: 60px; color:#fff; font-size:13px; line-height: 1.2; text-transform: uppercase; letter-spacing: 0; font-weight: 400; font-family: var(--font-family-SUIT); background:#1d51b7;}
.main_quick_side > dt a {height: 100%; width:100%;}
.main_quick_side > dd.dd01 { flex-direction: column; height: 85px; color:#fff; background:#1f90f1;}
.main_quick_side > dd.dd01 p {display: flex; align-items: center; margin-bottom:3px; font-size:0.875rem; }
.main_quick_side > dd.dd01 p:before {content:''; display: block; width:1.25rem; height: 1.25rem;  background:  url(../images/main_n/main_quick_icon.gif) no-repeat 50% 50%; background-size:contain;}
.main_quick_side > dd.dd01 a {font-size:18px; font-weight: 500; line-height: 1.2; letter-spacing: 0; font-family: var(--font-family-SUIT);}
.main_quick_side > dd.dd01 a em {letter-spacing: 1px;}

.main_quick_side > dd.dd02 {display: block; background:#fff; }
.main_quickSide_list {display: flex;  flex-direction: column; align-items: center; justify-content: center; padding:0.625rem 0.625rem 1.875rem;}
.main_quickSide_list a {display: flex; justify-content: center; align-items: center; flex-direction: column; position:relative; padding:0.625rem 0; text-align: center; font-size:0.875rem; color:#00183f; width:100%; overflow: hidden;}
.main_quickSide_list a p {position:relative;}
.main_quickSide_list a p.t:before {content:''; display: block; position:absolute; left:0; bottom:-2px; height: 2px; width:0; background:#1d51b7; opacity: 0.9; border-radius: 5px; transition:all 0.3s linear;}
.main_quickSide_list a .img { margin-bottom:0.1875rem; width:1.875rem; height: 1.875rem; background:  url(../images/main_n/main_sideQuick_0101.png) no-repeat 50% 50%; background-size:contain;}
.main_quickSide_list a .img.img0201 {background-image: url(../images/main_n/main_sideQuick_0101.png); }
.main_quickSide_list a .img.img0202 {background-image: url(../images/main_n/main_sideQuick_0102.png); }
.main_quickSide_list a .img.img0203 {background-image: url(../images/main_n/main_sideQuick_0103.png); }
.main_quickSide_list a .img.img0204 {background-image: url(../images/main_n/main_sideQuick_0104.png); }
.main_quickSide_list a:hover {color:#1d51b7;}
.main_quickSide_list a:hover p.t:before { width:100%;}
.main_quickSide_list a:hover .img.img0201 {background-image: url(../images/main_n/main_sideQuick_0101_blue.png); }
.main_quickSide_list a:hover .img.img0202 {background-image: url(../images/main_n/main_sideQuick_0102_blue.png); }
.main_quickSide_list a:hover .img.img0203 {background-image: url(../images/main_n/main_sideQuick_0103_blue.png); }
.main_quickSide_list a:hover .img.img0204 {background-image: url(../images/main_n/main_sideQuick_0104_blue.png); }

/*
.main_quickSide_list a:before {top:100%; height: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; background:#f7f7f7; 
	transition:all 1s ease, top 0.8s ease; }
.main_quickSide_list a:hover:before {top:-100px; height: 0;  border-radius: 30px; }
*/
@media (max-width:1160px) {
	.main_quickSide_list {padding: 0.375rem 0.5rem 1.25rem;}
}
@media (max-height:600px) {
	.main_quickSide_list a {    padding: 0.5rem 0;}
	.main_quickSide_list a .img {    margin-bottom: 0.125rem; }
}



.main_quick_side_w .main_goTop { display: block; position:relative; margin:1.875rem auto 0; width:3.375rem; height:3.375rem; background:#858585 ; box-shadow: 5px 10px 15px rgba(0,0,0,0.18); border-radius: 50%; overflow: hidden; 
	transition:var(--transition-custom); }
.main_quick_side_w .main_goTop:before {content:''; display: block; position:absolute; left:30%; top:80%; width:0; height: 0; transform: translate(-50%,-50%); background:#858585 ; border-radius: 50%;
	transition:var(--transition-custom);}
.main_quick_side_w .main_goTop span {display: flex; flex-direction: column;	justify-content: center; align-items: center; gap:4px; position:relative; width:100%; height: 100%; overflow: hidden;}
.main_quick_side_w .main_goTop span:before,
.main_quick_side_w .main_goTop span:after {content:''; display: block; position:relative;}
.main_quick_side_w .main_goTop span:before {margin-top:2px; width:0.75rem; height: 0.125rem; background:#fff;}
.main_quick_side_w .main_goTop span:after {width:0.75rem; height: 1rem;  background: url(../images/main_n/main_icon_goTop.png) no-repeat 50% 50%; background-size:contain;}
.main_quick_side_w .main_goTop .ico {position:absolute;}
.main_quick_side_w .main_goTop:hover:before {width:200%; height: 200%; background-color:#1d51b7;}
.main_quick_side_w .main_goTop:hover span:after {animation: ani_main_goTop 3s infinite;}

@keyframes ani_main_goTop {
  0%  { transform: scale(1); top:2px }
  10% {  transform: scale(1.15); }
  16.7% { transform: scale(1); top:-4px;  }
	33.3% { top:2px;  }
	50% { top:-4px;  }
	66.6% { top:2px;  }
	83.3% { top:-4px;  }
	99.9% { top:2px;  }
}


@media (max-width:1620px) {
	.main_quick_side_w .w { left:auto; right:0; margin:0;  }
	.main article .main_quick_side_w.in_cover > .in_w {max-width:none;}
}

@media (max-width:1480px) {
	.main article .main_quick_side_w.in_cover > .in_w {max-width:1240px;}
	.main_quick_side_w .w {border:1px solid rgba(255,255,255,0.5);  box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.18); border-radius: 50%;} 
	.main_quick_side_w .main_quick_side { border-radius: 45px; box-sizing: border-box;}
	.main_quick_side {height: 90px; height: 90px;border-radius: 45px;  }
	.main_quick_side > dt {height: 90px; min-height: 90px; transition: 0.2s;}
	.main_quick_side_w .w.ac {border:none; box-shadow: none;}
	.main_quick_side_w .ac .main_quick_side {height: auto; box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.18);}
	.main_quick_side_w .ac .main_quick_side > dt {height: 60px; min-height: 60px; }

	.main_quick_side_w .main_goTop {display: none; margin-top:1.25rem;}
	.main_quick_side_w .w.ac .main_goTop {display: block;}
}
@media (max-width:1160px) {
	.main_quick_side_w .w {top:8.5rem;}
	body.on .main_quick_side_w .w {top:8rem;}
	
	.main_quick_side_w .w {right:2.875rem; transform: translate(50%,-50%); width:4rem; height: 4rem;  transition: 0.3s; border-radius: 50%; box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.18); overflow: hidden;}
	.main_quick_side {position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 5.625rem; height: 5.625rem; transition: none; }	
	.main_quick_side > dt {width:100%; height: 5.625rem; min-height: 5.625rem; font-size:0.625rem;}	
	/*.main_quick_side_w .w:hover,*/
	.main_quick_side_w .w.ac { width:5.625rem; height: 5.625rem;}
	.main_quick_side_w .w.ac {overflow: initial; transition: none;}
	/*.main_quick_side_w .w:hover .main_quick_side,
	.main_quick_side_w .w:hover .main_quick_side > dt {width:5.625rem; height: 5.625rem; min-height: 5.625rem; font-size:0.8125rem;}*/
	.main_quick_side_w .w.ac .main_quick_side {position:relative; left:auto; top:auto; transform: translate(0,0); width:5.625rem; height: auto; }
	.main_quick_side_w .w.ac .main_quick_side > dt { height: 3.75rem; min-height: 3.75rem; font-size:0.8125rem;}
}
@media (max-width:768px) {
	.main_quick_side_w .w {top:8rem;}
	body.on .main_quick_side_w .w {top:7.5rem;}
}
@media (max-width:640px) {
	.main_quick_side_w .w { /*top:calc(100vh - 490px);*/ right:2.25rem; }
	body.on .main_quick_side_w .w {/*top:calc(100vh - 460px);*/}
}
@media (max-width:460px) {
	.main_quick_side_w .w {top:7.5rem;}
	body.on .main_quick_side_w .w {top:7.25rem;}
	body.on .main_quick_side_w .w.ac {top:7.75rem;}

	.main_quick_side_w .main_goTop {margin-top:1rem;}
}

@media (max-height:840px) {
	/*body.on .main_quick_side_w .w {top:130px;}*/
}
@media (max-height:780px) {
	/*body.on .main_quick_side_w .w.ac {top:calc(100vh - 500px);}*/
}
@media (max-width:640px) and (max-height:840px) {
	/*.main_quick_side_w .w {top:calc(100vh - 490px);}
	body.on .main_quick_side_w .w {top:calc(100vh - 460px);}*/
}
@media (max-width:640px) and (max-height:780px) {
	/*body.on .main_quick_side_w .w.ac {top:calc(100vh - 480px);}*/
}
@media (max-width:460px) and (max-height:780px) {
	/*body.on .main_quick_side_w .w.ac {top:calc(100vh - 450px);}*/
}
@media (max-width:640px) and (max-height:750px) {
	.main_quick_side_w .w {top:8rem;}
	/*body.on .main_quick_side_w .w {top:7.5rem;}
	body.on .main_quick_side_w .w.ac {top:7.5rem;}*/
}
@media (max-width:460px) and (max-height:750px) {
	.main_quick_side_w .w {top:calc(100vh - 425px);}
	/*body.on .main_quick_side_w .w {top:calc(100vh - 455px);}
	body.on .main_quick_side_w .w.ac {top:calc(100vh - 450px);}*/
}
@media (max-width:390px) and (max-height:750px) {

}
@media (max-width:460px) and (max-height:680px) {
	.main_quick_side_w .w {top:190px;}
	/*body.on .main_quick_side_w .w {top:220px;}*/
}
@media (max-width:390px) and (max-height:680px) {
	/*body.on .main_quick_side_w .w.ac {top:calc(100vh - 450px);}*/
}
@media (max-width:375px) and (max-height:680px) {
	/*body.on .main_quick_side_w .w.ac {top:calc(100vh - 430px);}*/
}

/*
@media (max-height:620px) {
	body.on .main_quick_side_w .w.ac {top:120px;}
}
@media (max-width:640px) and (max-height:620px) {
	body.on .main_quick_side_w .w.ac {top:135px;}
}
@media (max-width:460px) and (max-height:620px) {
	body.on .main_quick_side_w .w.ac {	top: calc(100vh - 450px);}
}
@media (max-width:390px) and (max-height:620px) {
	body.on .main_quick_side_w .w.ac {	top: calc(100vh - 440px);}
}
@media (max-width:375px) and (max-height:620px) {
	body.on .main_quick_side_w .w.ac {top: calc(100vh - 440px);}
}

@media (max-width:460px) and (max-height:580px) {
	body.on .main_quick_side_w .w.ac {	top: 140px; }
}
	*/


/* cnt */
.main_cnt01 {z-index:51; position:relative; background:#fff; border-bottom:1px solid #ddd; }
.main_cnt01 > .in_w {display: flex; justify-content: space-between; gap:2.5rem; padding:4rem 0 5.625rem; }
@media (max-width:1160px) { 
	.main_cnt01 > .in_w { flex-direction: column; align-items: center; }
}


.main_sch_w {flex:1; display: flex; align-items: center; width:615px; max-width:100%; height: 230px;}
.main_sch_w > form { width:100%; }
.main_sch_w h3.tit {margin-bottom:2.5rem; font-size:2.215rem; font-weight: 600; color:#003271; letter-spacing: -1px;}
.main_sch_w .main_sch_ip { display: flex; align-items: center; position:relative; margin-bottom: 1rem; height: 80px; border-bottom:4px solid #003271; box-sizing: border-box;}
.main_sch_w .main_sch_ip:before  {content:''; display: block; position: absolute; left:0; top:100%; width:0; height: 4px; background: #de326e; transition: var(--transition-custom-2);}
.main_sch_w .main_sch_ip input[type="text"] {flex:1;  height: 5rem; width:auto; max-width:none; font-size:1.5rem; background:none; outline: none;}
.main_sch_w .main_sch_ip input[type="text"]::placeholder {font-size:1.25rem;}
.main_sch_w .main_sch_ip input[type="button"] {width:3.5rem; height: 3.5rem; text-indent: -9999px; font-size:0px; line-height: 0; background:#1d51b7 url(../images/main_n/main_icon_sch.png) no-repeat 50% 50%; background-size:1.25rem; border-radius: 50%;
	transition: var(--transition-custom);}

.main_sch_w .hd_sch_tag ul {flex:1; display:flex; flex-wrap: wrap; gap:0.375rem 0.3125rem; margin-top:15px;  }
.main_sch_w .hd_sch_tag ul a {display: inline-flex; align-items: center; padding:0 0.625rem; height: 1.875rem; color: #666666; line-height: 1.1; font-size:0.75rem; font-weight: 200; border: 1px solid #ddd; border-radius: 1rem; box-sizing: border-box;}
.main_sch_w .hd_sch_tag ul a:hover {color: #1d51b7; border-color: #1d51b7;}

.main_sch_w.mouse_ac .main_sch_ip:before { width:100%; }
.main_sch_w.mouse_ac .main_sch_ip input[type="button"]:hover {background-color: #de326e;}
@media (max-width:1280px) { 
	.main_sch_w .main_sch_ip input[type="text"] {padding-left:20px;}
}
@media (max-width:1160px) { 
	.main_sch_w {/*margin-bottom:4rem;*/ padding-top:0;}
	.main_sch_w h3.tit { text-align: center;}
	.main_sch_w.mouse_ac .main_sch_ip input[type="button"] {background-color: #de326e;}
}
@media (max-width:460px) { 
	.main_sch_w { margin-bottom:2rem;}
	.main_sch_w h3.tit { font-size:2rem;}
	.main_sch_w .main_sch_ip input[type="button"] {width:3.75rem; height: 3.75rem; }
}

.main_bann {width:675px; max-width:55%;}
.main_bann_swiper {border-radius: 30px; overflow: hidden;}
.main_bann .swiper_controll { justify-content: center; margin-top:20px;  }
.main_bann .swiper_controll .swiper-pagination-bullet {background:#003271; opacity: 0.2;}
.main_bann .swiper_controll .swiper-pagination-bullet-active {opacity: 1;}
.main_bann_swiper .swiper-slide a {display: block; height: 230px;}
.main_bann_swiper .swiper-slide img {width:100%; height: 100%; object-fit: cover;}
@media (max-width:1160px) { 
	.main_bann {display: none; max-width:100%;}
	.main_bann_swiper .swiper-slide a { height: auto;}
	.main_bann_swiper .swiper-slide img {width:auto; height: auto; object-fit:initial; }
}


/*
.main_cnt02 {padding-top:110px; padding-bottom:80px;}
.main_cnt02 .main_bann2_tab {display: flex; justify-content: center;	align-items: center; padding:2px 2px 0; margin-bottom:70px; border-bottom:2px solid #ed4171;}
.main_cnt02 .main_bann2_tab a { flex:1; display: flex; justify-content: center;	align-items: center; position:relative; margin:-2px; height: 60px; font-size:18px; border:2px solid transparent; border-bottom:none; box-sizing: border-box;}
.main_cnt02 .main_bann2_tab a + a:before {content:''; display:block; position:absolute; left:-1px; top:50%; margin-top:-10px; width:1px; height:20px; background:#ddd; }
.main_cnt02 .main_bann2_tab a.ac {z-index:1; color:#ed4171; font-weight: 500; background:#fff; border-color:#ed4171; border-top-right-radius: 10px; border-top-left-radius: 10px;}
*/
.main_cnt02 {padding-top:6.875rem; padding-bottom:5rem;}
.main_cnt02 .main_bann2_tab {display: flex; justify-content: center;	align-items: center; margin-bottom:3.5rem;}
.main_cnt02 .main_bann2_tab a { flex:1; display: flex; justify-content: center;	align-items: center; position:relative; height: 3.75rem; font-size:1.125rem; border-top-right-radius: 0.625rem; border-top-left-radius: 0.625rem; overflow: hidden;}
.main_cnt02 .main_bann2_tab a:before {content:''; display: block; position:absolute; left:0; top:0; right:0; width:100%; height: 100%; border-top:2px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-top-right-radius: 10px; border-top-left-radius: 10px; box-sizing: border-box; }
.main_cnt02 .main_bann2_tab a:after {content:''; display: block; position:absolute; left:50%; top:150px; transform: translate(-50%,-50%); width:200px; height: 150px; background:#ed4171; border-radius: 50%;	
	transition: 0.7s;}
.main_cnt02 .main_bann2_tab a:first-child::before {border-left-width:2px;}
.main_cnt02 .main_bann2_tab a:last-child::before {border-right-width:2px;}
.main_cnt02 .main_bann2_tab a span {z-index:1; position:relative; transition: 0.5s;}
.main_cnt02 .main_bann2_tab a:hover {z-index:5; font-weight: 400;}
.main_cnt02 .main_bann2_tab a:hover:after {top:50%; width:130%; height: 250px; 	/*animation: ani_mainBann2_tab 1s ease-in-out ;*/ } 
.main_cnt02 .main_bann2_tab a.ac {z-index:10; color:#fff; font-weight: 500; }
.main_cnt02 .main_bann2_tab a.ac:before {display: none;}
.main_cnt02 .main_bann2_tab a:nth-child(1):after,
.main_cnt02 .main_bann2_tab a:nth-child(1).ac {background:#ed4171; border-color:#ed4171;}
.main_cnt02 .main_bann2_tab a:nth-child(2):after,
.main_cnt02 .main_bann2_tab a:nth-child(2).ac {background:#1d51b7; border-color:#1d51b7;}
.main_cnt02 .main_bann2_tab a:nth-child(3):after,
.main_cnt02 .main_bann2_tab a:nth-child(3).ac {background:#1f90f1; border-color:#1f90f1;}

@keyframes ani_mainBann2_tab {
  0%   { top:60px;width:120px; height: 120px; border-radius:50%;  }
	50%   {top:0; width:300px; height: 200px; border-radius:50%;  }
	/*75%   {top:-2px; width:100%; height: 200px; border-radius:50%;  }*/
  100% { top:-5px; width:100%; height: 200px; border-radius:0; }
}

.device_mo .main_cnt02 .main_bann2_tab a:after {display: none;}
.device_mo .main_cnt02 .main_bann2_tab a span {transition: none;}

@media (min-width:1161px) { 
	.main_cnt02 .main_bann2_tab a:hover { color:#fff;}
}
@media (max-width:1160px) { 
	.main_cnt02 .main_bann2_tab a:after {display: none;}
	.main_cnt02 .main_bann2_tab a span {transition: none;}
}

.device_mo .main_cnt02 .main_bann2_tab a:nth-child(1):after, 
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(1):hover,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(1):hover:after, 
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(1).ac,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(1).ac:before,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(1):hover:before { background-color: #ed4171; border-color: #ed4171;}

.device_mo .main_cnt02 .main_bann2_tab a:nth-child(2):after, 
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(2):hover,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(2):hover:after, 
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(2).ac,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(2).ac:before,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(2):hover:before { background-color: #1d51b7; border-color: #1d51b7;}

.device_mo .main_cnt02 .main_bann2_tab a:nth-child(3):after, 
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(3):hover,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(3):hover:after, 
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(3).ac,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(3).ac:before,
.device_mo .main_cnt02 .main_bann2_tab a:nth-child(3):hover:before { background-color: #1f90f1; border-color: #1f90f1;}

@media (max-width:768px) { 
	.main_cnt02 {padding-top:5rem; }
}
@media (max-width:640px) { 
	.main_cnt02 .main_bann2_tab a {height: 3.5rem;}
}
@media (max-width:460px) { 
	.main_cnt02 .main_bann2_tab { margin-bottom: 3.5rem;}
}


.main_cnt02 .main_bann2_swiper .swiper-wrapper {display: flex}
.main_cnt02 .main_bann2_swiper .swiper-slide {height:initial; background:#fff;}
.main_cnt02 .bann2_box {display: flex; justify-content: space-between; gap:20px; background:#fff; }
.main_cnt02 .bann2_box .txt_w {flex:1; display: flex; flex-direction: column; justify-content: center; position:relative; }
.main_cnt02 .bann2_box .txt_w .tx {margin-bottom:35px; font-size:21px; font-weight: 500; color:#ed4171; letter-spacing: -1px;}
.main_cnt02 .bann2_box .txt_w .tx span {position:relative;}
.main_cnt02 .bann2_box .txt_w .tx span:before {content:''; display: block; position:absolute; left:100%; top:50%; margin-left:15px; width:100px; height: 1px; background:#ed4171;}
.main_cnt02 .bann2_box .txt_w .t {margin-bottom:2.5rem; font-size:55px; font-weight: 500; color:#000; letter-spacing: -2px; word-break: keep-all;}
.main_cnt02 .bann2_box .txt_w .t strong {font-weight: 500;}
.main_cnt02 .bann2_box .txt_w .x {margin-bottom:3.125rem; min-height: 60px; font-size:1.25rem; line-height: 1.5;}
.main_cnt02 .bann2_box .txt_w .main_btn {padding:0 2.125rem; width:11.25rem; height: 3.375rem; color:#fff; font-size:1.0625rem; background:#242424; border-radius: 28px; border:none}
.main_cnt02 .bann2_box .txt_w .main_btn i { margin-right:-0.375rem; transition: var(--transition-custom);}
.main_cnt02 .bann2_box .txt_w .main_btn:hover i {margin-right:-1rem;}
.main_cnt02 .bann2_box .img_w {position:relative; width:830px; max-width:67%; height: 448px; border-radius: 3rem; zoom:0.9; overflow: hidden;}
.main_cnt02 .bann2_box .img_w:before {content:''; display: block; padding-top:54%;}
.main_cnt02 .bann2_box .img_w img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.main_cnt02 #sldCenter .bann2_box .txt_w .main_btn.ani_fullWave .ani_get:before, 
.main_cnt02 #sldCenter .bann2_box .txt_w .main_btn.ani_fullWave .ani_get:after, 
.main_cnt02 #sldCenter .bann2_box .txt_w .main_btn.ani_fullWave .ani_get em {background-color: #de326e;}
.main_cnt02 #sldDept .bann2_box .txt_w .main_btn.ani_fullWave .ani_get:before, 
.main_cnt02 #sldDept .bann2_box .txt_w .main_btn.ani_fullWave .ani_get:after, 
.main_cnt02 #sldDept .bann2_box .txt_w .main_btn.ani_fullWave .ani_get em {background-color: #1d51b7;}
.main_cnt02 #sldClinic .bann2_box .txt_w .main_btn.ani_fullWave .ani_get:before, 
.main_cnt02 #sldClinic .bann2_box .txt_w .main_btn.ani_fullWave .ani_get:after, 
.main_cnt02 #sldClinic .bann2_box .txt_w .main_btn.ani_fullWave .ani_get em {background-color: #1f90f1;}

.device_mo #sldCenter .main_cnt02 .bann2_box .txt_w .main_btn:hover {background-color: #de326e;}
.device_mo .main_cnt02 #sldDept .bann2_box .txt_w .main_btn:hover {background-color: #de326e;}
.device_mo .main_cnt02 #sldClinic .bann2_box .txt_w .main_btn:hover {background-color: #de326e;}

@media (max-width:1160px) { 
	.main_cnt02 .bann2_box { flex-direction: column; align-items: center; }
	.main_cnt02 .bann2_box .img_w {max-width:100%; height: auto; zoom:1;}
	.main_cnt02 .bann2_box .txt_w {margin:0 auto 2rem; padding-top:0; width:100%; max-width:830px; }
	.main_cnt02 .bann2_box .txt_w .t {font-size:3.375rem; text-align: center;}
	.main_cnt02 .bann2_box .txt_w .tx {margin-bottom:1.25rem; font-size:1.25rem; text-align: center;}
	.main_cnt02 .bann2_box .txt_w .tx span:before {display: none;}
	.main_cnt02 .bann2_box .txt_w .x {margin:0; padding-right:12.5rem; min-height: auto;}
	.main_cnt02 .bann2_box .txt_w .main_btn {position:absolute; right:0; bottom:0;}

	.ani_fullWave .ani_get {display: none;}
	.main_cnt02 #sldCenter .bann2_box .txt_w .main_btn:hover {background-color:#de326e;}
	.main_cnt02 #sldDept .bann2_box .txt_w .main_btn:hover {background-color:#1d51b7;}
	.main_cnt02 #sldClinic .bann2_box .txt_w .main_btn:hover {background-color:#1f90f1;}
}
@media (max-width:860px) { 
	.main_cnt02 .bann2_box .txt_w .t {margin-bottom:1.75rem; font-size:3rem;}
	.main_cnt02 .bann2_box .txt_w .x {padding:0; text-align: center;}
	.main_cnt02 .bann2_box .txt_w .main_btn {position:relative; right:auto; bottom:auto; margin:2rem auto 0;}
}
@media (max-width:768px) { 
	.main_cnt02 .bann2_box .txt_w .main_btn {padding: 0 5vw; width:10rem;}
	.main_cnt02 .bann2_box .txt_w .main_btn:hover i{margin-right:-0.375rem;}
}
@media (max-width:640px) { 
	.main_cnt02 .bann2_box .txt_w {margin-bottom:1rem;}
	.main_cnt02 .bann2_box .txt_w .tx {margin-bottom: 0.625rem; }
	.main_cnt02 .bann2_box .txt_w .t {font-size:2.5rem;}
	.main_cnt02 .bann2_box .txt_w .x {font-size:1.0625rem;}
	.main_cnt02 .bann2_box .img_w {flex:none; height: 70vw;}
	.main_cnt02 .bann2_box .img_w img {width:100%; height: 100%; object-fit: cover;}
}
@media (max-width:480px) { 
}
@media (max-width:460px) { 	
	
}



.main_cnt02 .swiper_controll {gap:5px; margin-top:40px;}
.main_cnt02 .swiper_controll .swiper-pagination {flex:1; margin-right:30px; width:100%; border-radius: 3px;}
.main_cnt02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius: 3px;}
.main_cnt02 .swiper_controll .ico,
.main_cnt02 .swiper_controll .btn_autoPlay,
.main_cnt02 .swiper_controll .swiper-button-prev, 
.main_cnt02 .swiper_controll .swiper-button-next {width:34px; height: 34px;  background: url(../images/main_n/main_icon_play_arwL.png) no-repeat 50% 50%;  border:1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.main_cnt02 .swiper_controll .swiper-button-next {background-image: url(../images/main_n/main_icon_play_arwR.png);}
.main_cnt02 .swiper_controll .btn_autoPlay.btn_stop {background-image: url(../images/main_n/main_icon_play_pause.png);}
.main_cnt02 .swiper_controll .btn_autoPlay.btn_play {background-image: url(../images/main_n/main_icon_play_play.png);}
.main_cnt02 .swiper-pagination-fraction {margin:0 10px; font-weight: 500; font-family: var(--font-family-SUIT);}
.main_cnt02 .swiper-pagination-current {font-weight: 600; color:#ed4171;}

.main_bann2tit {position:relative; margin-top:1.875rem;}
.main_bann2tit_swiper {margin:0 50px; overflow: hidden;}
.main_bann2tit a {display: flex; flex-direction: column; align-items: center; padding:0 0.125rem; }
.main_bann2tit a .img { display: inline-flex; justify-content: center;	align-items: center; position:relative; width:5.625rem; height: 5.625rem; background:#fff; border-radius: 50%; border:1px solid #c8c8c8; box-sizing: border-box;
	transition: var(--transition-custom);}
.main_bann2tit a .img svg {display: none; position:absolute; left:0; top:0; width:100%; height: 100%; stroke-width: 3px; stroke:#003271; stroke-dasharray: 1000; } 
.main_bann2tit a .img img {width:2rem;}
.main_bann2tit a .t {margin-top:0.8125rem; font-size:1.0625rem; color:#666666; text-align: center;}
.main_bann2tit a.ac .t {font-weight: 500; color:#003271;  }
.main_bann2tit a.ac .img {border-color:transparent;}
.main_bann2tit a.ac svg {display: block; stroke-dashoffset: 0!important; }
.main_bann2tit a.ac .t {text-decoration: underline; text-underline-offset: 3px;}
/*
.main_bann2tit #pageCenter a .img svg { stroke: #ed4171;}
.main_bann2tit #pageCenter a.ac .t,
.main_bann2tit #pageCenter a:hover .t { color:#ed4171;  }
.main_bann2tit #pageDept a .img svg { stroke: #1d51b7;}
.main_bann2tit #pageDept a.ac .t,
.main_bann2tit #pageDept a:hover .t { color:#1d51b7;  }
.main_bann2tit #pageClinic a .img svg { stroke: #1f90f1;}
.main_bann2tit #pageClinic a.ac .t,
.main_bann2tit #pageClinic a:hover .t { color:#1f90f1;  }
*/

@media (min-width:1161px) { 
	.main_bann2tit a:hover .t {font-weight: 500; color:#003271;  }
	.main_bann2tit a:hover .img {border-color:transparent;}
	.main_bann2tit a:hover .img svg {display: block; animation: ani_main_check 0.9s ease-in-out ; }
}

.main_bann2tit .swiper_btn {position:absolute; top:45px; transform: translateY(-50%); width:48px; height: 48px; border-color:#757575; border-radius: 50%;}
.main_bann2tit .swiper-button-prev {background-image: url(../images/main_n/main_swiper_arwL.png); }
.main_bann2tit .swiper-button-next {right:0; background-image: url(../images/main_n/main_swiper_arwR.png); }
.main_bann2tit .swiper-pagination-bullets {justify-content: center; margin-top:3rem; }

@keyframes ani_main_check {
  0%   { stroke-dashoffset: 1000; }
  100% { stroke-dashoffset: 0;}
}
@media (max-width:1160px) { 
	.main_cnt02 .swiper_controll {margin:1.5rem auto 0;  max-width:830px;}
}
@media (max-width:768px) { 
	.main_bann2tit_swiper {margin:0;}
	.main_bann2tit .swiper_btn {display: none;}
}
@media (max-width:640px) { 
	.main_cnt02 .swiper_controll > *:not(.swiper-pagination) {display: none;}
	.main_cnt02 .swiper_controll .swiper-pagination {margin:0;}		
	.main_bann2tit a {zoom:0.9;}
	.main_bann2tit a .t {margin-left:-0.25rem; margin-right:-0.25rem;}
	.main_bann2tit_swiper {margin:0 -4vw; padding: 0 2vw;}

	.main_bann2tit .swiper_btn {display: none;}
}

@media (max-width:460px) {
	.main_bann2tit a .t {font-size:1rem;}
}


.main_bann21 {display: flex; gap:2.5rem 25px;}
.main_bann21 > dt,
.main_bann21 > dd {display: block; box-sizing: border-box;}
.main_bann21 > dt { display: flex; align-items: flex-end; padding:60px 38px; padding-right:25px; width:350px; max-width:28.5%; min-width: 350px; height: 630px;  color:#fff;  background: url(../images/main_n/main_bann0502.jpg) no-repeat 50% 50%; background-size: cover; border-radius: 2rem; overflow: hidden; }
.main_bann21 > dt .t {position:relative; margin-bottom:90px; font-size:55px; font-weight: 500; letter-spacing: -2px;}
.main_bann21 > dt .t:before {content:''; display: block; position:absolute; left:2px; top:100%; margin-top:40px; width:100px; height: 1px; background:#fff;}
.main_bann21 > dt .x {min-height: 90px; font-size:1.25rem; font-weight: 100; letter-spacing: -1px; line-height: 1.5;}
.main_bann21 > dd {flex:1;}
.x_main_deptList {display: flex; flex-wrap: wrap; padding:0 10px; height: 100%; box-sizing: border-box;}
.x_main_deptList > li {width:calc(100% / 7);}
.x_main_deptList a {display: flex; flex-direction: column;	justify-content: center;	align-items: center; gap:10px; padding:0 0.375rem; height: 100%; font-size:15px; font-weight: 200; color:#000; text-align: center; line-height: 18px;  box-sizing: border-box;}
.x_main_deptList a i {display:inline-flex; justify-content: center; align-items: center; position:relative; margin-top:-5px; width:88px; height: 88px; border:1px solid #ddd; border-radius: 50%; }
.x_main_deptList a i img {position:relative; width:3rem;}
.x_main_deptList a:hover { color:#0b3b77; font-weight: 400;}
.x_main_deptList a:hover i {border-color: #0b3b77;}
.x_main_deptList .ac a { font-size:15px; color:#0b3b77; font-weight: 500; text-decoration: underline; text-underline-offset: 2px;}
.x_main_deptList .ac a i {border-color:transparent;}
.x_main_deptList .ac a i:before {content:''; display: block; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height: 100%; border:2px solid #0b3b77; border-radius: 50%;}

.main_bann21.st01 > dt {background-image: url(../images/main_n/main_bann0501.jpg);}
@media (max-width:1240px) {
	.main_bann21 .x_main_deptList {margin-right:-10px; padding:0;}
	.x_main_deptList a {font-size:14px;}	
}
@media (max-width:1160px) {
	.main_bann21 { flex-direction: column; margin:0 auto; max-width:830px; }
	.main_bann21 > dt { justify-content: center; align-items: center; padding:1.25rem 4vw; width:100%; max-width:none; min-width:auto; height: 15rem; text-align: center;}
	.main_bann21 > dt .t {    margin-bottom: 1rem; font-size:3.375rem;}
	.main_bann21 > dt .t:before {display: none;}
	.main_bann21 > dt .x {min-height: auto;}
	.main_bann21 .x_main_deptList {margin:0 -0.5rem;}
	.x_main_deptList { gap:1.5rem 0; padding:0 0 2rem; }
	.x_main_deptList a {justify-content: flex-start; font-size:1rem;}
	.x_main_deptList a i {margin-top:0;}
}
@media (max-width:860px) {
	.main_bann21 > dt .t {font-size:3rem;}
	.x_main_deptList > li { width: calc(100% / 6);}
}
@media (max-width:768px) {
	.x_main_deptList a i {width:5rem; height: 5rem;}
}
@media (max-width:680px) {
	.main_bann21 .x_main_deptList {margin:0 -3vw;}
	.x_main_deptList > li { width: calc(100% / 5);}
	.x_main_deptList a {font-size:0.9375rem;}
	.x_main_deptList .ac a {font-size:1rem;}
}
@media (max-width:640px) {
	.main_bann21 > dt {height: 12rem;}
	.main_bann21 > dt .t {font-size:2.5rem;}
	.main_bann21 > dt .x {font-size:1.0625rem;}
}
@media (max-width:560px) {
	.main_bann21 .x_main_deptList {margin:0 -1vw;}
	.x_main_deptList > li { width: calc(100% / 4);}	
}
@media (max-width:460px) {
	.x_main_deptList a i {zoom:0.9;}
}

.x_main_deptList2 {display: flex; flex-wrap: wrap; height: 100%; border:1px solid #ddd; border-radius: 2rem; overflow: hidden; box-sizing: border-box;}
.x_main_deptList2 > li {width:calc(25% + 1px); margin-right:-1px; margin-bottom:-1px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;}
.x_main_deptList2 a {display: flex; flex-direction: column;	justify-content: center;	align-items: center; position:relative; padding:10px; height: 100%; text-align: center; word-break: keep-all; box-sizing: border-box; 
	transition: var(--transition-custom);}
.x_main_deptList2 a > em {position:absolute; left:0; top:0; width:100%; height: 100%; opacity: 0;
	transition: var(--transition-custom);}
.x_main_deptList2 a > em img {width:100%; height: 100%; object-fit: cover;}
.x_main_deptList2 a > i {position:relative; margin-bottom:2rem;}
.x_main_deptList2 a > i img {width:3.75rem;}
.x_main_deptList2 a > span {position:relative; min-height: 2.5rem; font-size:1.0625rem;}
/*
.x_main_deptList2 a > span:before {content:''; display: block; position:absolute; left:0; bottom:0; width:0px; height: 1px; background:#fff;
	transition: var(--transition-custom);}
*/
.x_main_deptList2 a:hover {color:#fff;}
.x_main_deptList2 a:hover {text-decoration: underline; text-underline-offset: 3px;}
.x_main_deptList2 a:hover em {opacity: 1;}
.x_main_deptList2 a:hover > span:before { width:100%; }
@media (max-width:1160px) {
	.x_main_deptList2 a {height: 10rem;}
	.x_main_deptList2 a > i {margin-bottom:1rem;}
}
@media (max-width:768px) {
	.x_main_deptList2 a i {zoom:0.9;}
}
@media (max-width:680px) {
	.x_main_deptList2 a > span {font-size:1rem;}
}
@media (max-width:640px) {
	.x_main_deptList2 > li {width:calc(33.33% + 1px);}
}
@media (max-width:460px) {
	.x_main_deptList2 a {height: 9rem;}
	.x_main_deptList2 a i {zoom:0.8;}
	.x_main_deptList2 a > span {min-height: 2rem;}
}


.main_cnt03 {position:relative; padding-top:8.75rem; padding-bottom:8.75rem; background:#eff2f9; border-top:1px solid #d0d6e2; border-bottom:1px solid #d0d6e2;}
.main_cnt03:before {content:''; display: block; position:absolute; right:0; bottom:0; width:100%; height: 100%;  background: url(../images/main_n/main_cntBg01.jpg) no-repeat 100% 100%; background-size: auto 47.125rem; }
.main_bann3 {position:relative; }
.main_bann3_swiper {overflow: hidden;}
.main_bann3 .swiper_btn { position:absolute; top:180px; transform: translateY(-50%); width:3rem; height: 3rem; background-color:#fff; border-color:#d1d7e3; border-radius: 50%; box-shadow: 3px 5px 5px rgba(0,0,0,0.15);
	transition: var(--transition-custom-2);}
.main_bann3 .swiper_btn.swiper-button-next{right:-1.5rem; background-image: url(../images/main_n/main_swiper_arwR.png);}
.main_bann3 .swiper_btn.swiper-button-prev{left:-1.5rem; background-image: url(../images/main_n/main_swiper_arwL.png);}
.main_cnt03 .swiper-pagination-bullets { justify-content: center; margin-top:30px;}
.main_bann3 .swiper_btn:hover {border-color:#444; box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
@media (max-width:1160px) {
	.main_bann3 .swiper_btn {top:10rem;}
}
@media (max-width:768px) { 
	.main_cnt03 {padding-top:5rem; padding-bottom:5rem;}	
	.main_bann3_swiper { margin:0 -25px; padding:0 25px; }
	.main_bann3 .swiper_btn {display: none;}
}
@media (max-width:640px) { 	
	.main_bann3_swiper {margin:0 -4vw; padding:0 4vw; }
}
@media (max-width:480px) { 	
	.main_bann3_swiper {	padding: 0 3vw; padding-right:15vw; }
}
@media (max-width:420px) { 	
	.main_bann3_swiper {	padding: 0 2vw; padding-right:8vw; }
}

.main_doc {display: flex; flex-direction: column;}
.main_doc .doc_pic {position:relative; height: 22.5rem; background:#fff; border:1px solid #acbbd3; border-radius: 1.875rem; transition: var(--transition-custom);  box-sizing: border-box;}
.main_doc .doc_pic img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover; }
.main_doc .btn_w {display: flex; gap:0.3125rem; z-index:1; position:absolute; left:1.25rem; right:1.25rem; bottom:0.625rem; transition: var(--transition-custom); opacity: 0;}
.main_doc .btn_w a {flex:auto; gap:0.25rem; height: 2.875rem; color:#fff; border-radius: 1.5rem;} 
.main_doc .btn_w a.btn_pers {background:#1d51b7; border-color:#1d51b7;}
.main_doc .btn_w a.btn_pers i {background-image: url(../images/main_n/main_icon0101.png);}
.main_doc .btn_w a.btn_reserv {background:#242424; border-color:#242424;}
.main_doc .btn_w a.btn_reserv i {background-image: url(../images/main_n/main_icon0102.png);}
.main_doc .doc_txt {margin-top: 25px; } 
.main_doc .doc_txt .cate {margin-bottom:0.625rem; font-size:1.0625rem; color:#de326e;}
.main_doc .doc_txt .name {font-size:2.125rem; font-weight: 200; letter-spacing: -1px;}
.main_doc .doc_txt .name strong {font-weight:600;}
.main_doc .doc_txt .x {margin-top:0.625rem; font-size:1.0625rem; font-weight: 200; line-height: 1.6; letter-spacing: -1px;}
.main_doc:hover .doc_pic { border-color:#1d51b7; box-shadow: 10px 15px 15px rgba(36,52,73,0.18);}
.main_doc:hover .doc_pic:after {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; border:1px solid #1d51b7; border-radius: 1.8125rem; box-sizing: border-box;}
.main_doc:hover .btn_w { bottom:1.25rem; opacity: 1;}
@media (max-width:1160px) { 
	.main_doc .doc_pic {height: 20rem;}
	.main_doc .btn_w {left:1rem; right:1rem;}

	.main_bann3_swiper .swiper-slide-active .main_doc .doc_pic { border-color:#1d51b7; box-shadow: 10px 15px 15px rgba(36,52,73,0.18);}
	.main_bann3_swiper .swiper-slide-active .main_doc .doc_pic:after {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; border:1px solid #1d51b7; border-radius: 1.8125rem; box-sizing: border-box;}
	.main_bann3_swiper .swiper-slide-active .main_doc .btn_w { bottom:1.25rem; opacity: 1;}
}
@media (max-width:1100px) and (min-width:1024px) { 
	.main_doc .btn_w a i {display: none;}
}
@media (max-width:800px) and (min-width:768px) { 
	.main_doc .btn_w a i {display: none;}
}
@media (max-width:768px) { 
	.main_doc .doc_txt {padding:0 0.25rem; padding-left:1rem; }
	.main_doc .doc_txt .name {  font-size: 2rem; }
}
@media (max-width:767px) { 
	.main_doc .doc_pic {position:relative; height: auto;}
	.main_doc .doc_pic:before {content:''; display: block; padding-top:122%;}
	.main_doc .doc_pic img {position:absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
}
@media (max-width:640px) { 
	.main_doc .doc_txt {padding-left:0.625rem; }
}
@media (max-width:480px) { 
	.main_doc {padding:0 1vw;}
	.main_doc .doc_txt .cate {    margin-bottom: 0.375rem;}
	.main_doc .doc_txt .name {font-size:1.875rem;}
}
@media (max-width:420px) { 
	.main_doc {padding:0;}
}





/* 시화미디어 */
.main_cnt04 {position:relative; padding-top:5rem; }
.main_cnt04 .main_bg {position:absolute; left:0; top:0; right:50%; margin-right:190px; height: 100%; background:#003271 url(../images/main_n/main_cntBg02.jpg) no-repeat 100% 100%; border-bottom-right-radius: 80px; }
.main_cnt04 > .in_w {padding-bottom:60px;}
@media (max-width:1300px) { 
	.main_cnt04 .main_bg {right:auto; margin:0; width:450px;}
}
@media (max-width:1160px) { 
	.main_cnt04 {margin-bottom:350px;}
}
@media (max-width:1024px) { 
	.main_cnt04 .main_bg {width:50%;}
}
@media (max-width:768px) { 
	.main_cnt04 .main_bg {width:85%;}

	.main_cnt04 > .in_w {padding-bottom:0;}
}

.main_cnt04 .h3_w {margin-bottom:30px;}
.main_cnt04 h3 { color:#fff;}
.main_cnt04 .hx em {margin-right:0.25rem; color:#fff;}
.main_cnt04 h4.tit {color:#fff;}
@media (max-width:1160px) {
	.main_cnt04 .h3_w {display: block; position:relative; margin-bottom:2.5rem;}
	.main_cnt04 h3 {margin-bottom:1.25rem;}
	.main_cnt04 .h3_w .hx {width:50%; color:#fff;}
	.main_cnt04 .main_board_all {position:absolute; right:0; top:0;}
}
@media (max-width:768px) {
	.main_cnt04 .h3_w .hx {width:80%;}
	.main_cnt04 .main_board_all span {display: none;}
	.main_cnt04 .main_board_all i {margin-top:0.125rem; width: 2.75rem; height: 2.75rem; }
}

.main_cnt04 .main_board_w {display: flex; gap:1.25rem;}
.main_cnt04 .main_board_tab {flex:1; min-width:8.125rem;}
.main_cnt04 .main_board_tab > li {display: block; margin-bottom:10px;}
.main_cnt04 .main_board_tab a {display: inline-flex; align-items: center; gap:1.5rem;  padding:3px 0; font-size:1.125rem; color:#fff; opacity: 0.7;}
.main_cnt04 .main_board_tab a i {position:relative; width:1.25rem; height: 1.25rem;  background: url(../images/main_n/main_swiper_arwR_w.png) no-repeat 50% 50%; background-size:1.25rem auto; opacity: 0; transition: var(--transition-custom-2); }
.main_cnt04 .main_board_tab .ac a,
.main_cnt04 .main_board_tab a:hover {font-weight: 500; text-decoration: underline; text-underline-offset: 3px; opacity: 1;}
.main_cnt04 .main_board_tab .ac a i {left:0; opacity: 1;}
@media (max-width:1160px) {
	.main_cnt04 .main_board_tab {flex:none; padding-top:1rem; width:130px;}
}
@media (max-width:768px) {
	.main_cnt04 {margin-bottom:20rem;}
	.main_cnt04 .main_board_tab {width:auto; min-width:auto;}
	.main_cnt04 .main_board_tab a { gap: 1.5rem; }
}
@media (max-width:560px) {
	.main_cnt04 .main_board_w { gap:1rem; }
}
@media (max-width:460px) {
	.main_cnt04 .main_board_tab a { gap: 1rem; }
}

.main_board_list { display: flex; justify-content: space-between; gap:32px; position:relative; width:1039px;}
.main_board_list > li {flex:1; max-width:325px; height: 275px; box-sizing: border-box; background:#fff; border:1px solid #d3d3d3; border-radius: 1.875rem; 
	transition: var(--transition-custom);}
.main_board {display: flex; position:relative; margin:0 auto;  padding:2.125rem 1.875rem; min-width:16rem; height: 100%;  box-sizing: border-box;}
.main_board dl { }
.main_board dl dt { }
.main_board dl .ca {display:flex; align-items: center; justify-content: center; margin-bottom: 0.875rem; font-size:0.875rem; width:5.375rem; height: 1.875rem; color:#fff; background:#003271; border-radius: 1rem;}
.main_board_list .board1 .main_board dl .ca { color:#fff; background-color:#003271;}
.main_board_list .board2 .main_board dl .ca { color:#fff; background-color:#de326e;}
.main_board_list .board3 .main_board dl .ca { color:#fff; background-color:#1d51b7;}
.main_board_list .board4 .main_board dl .ca { color:#174bc0; background-color:#ebf1ff;}
.main_board dl .t {margin-right:-0.5rem; height: 3.25rem; font-size:1.25rem; font-weight: 600; color:#000; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board dl .t strong {font-weight: 600;}
.main_board dl dd.x {margin-top:15px; margin-right:-0.5rem; line-height: 1.5; height: 2.875rem; font-size:0.9375rem; color:#999999; word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board dl .d_w { display: flex; align-items: center; flex-wrap: wrap; gap:0.5rem; margin-top:20px;  font-size:0.9375rem; color:#999;}
.main_board dl .d_w .d { display: flex; align-items: center; gap:0.25rem; letter-spacing: 0;}
.main_board dl .d_w .d i {width:1rem; height: 1rem;  background: url(../images/main_n/main_icon0201.png) no-repeat 50% 50%; background-size: contain;}

.main_board_list > li:hover {position:relative; border-color: #1d51b7; box-shadow: 10px 15px 15px rgba(0,0,0,0.18);}
.main_board_list > li:hover:before {content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; border:1px solid #1d51b7; border-radius: 1.8125rem; box-sizing: border-box;}


.main_cnt04 .main_board_w.st01 {gap:32px;}
.main_board_w.st01 > .main_board {flex:1; max-width:none;}
.main_board_w.st01 > .main_board dl .t {height: auto; color:#fff;}
.main_board_w.st01 > .main_board dl .d_w { flex-direction: column; align-items: flex-start; padding-left:20px; max-width:415px; color:#fff; box-sizing: border-box;}
.main_board_w.st01 > .main_board.st01 .img {/*margin-bottom:1.75rem;*/ margin-bottom:0; min-height: 155px;}
.main_board_w.st01 > .main_board.st01 .d em {opacity: 0.7;}
.main_board_w.st01 > .main_board.st01 dl .d_w .d i {background-image: url(../images/main_n/main_icon0201_w.png); }
.main_board_list.st01 {margin-bottom:2rem; width:682px; max-width:57.2%; }
.main_board_list.st01 li {background:transparent; border:none; border-radius:0; }


.main_board.st01 {padding:0; }
.main_board.st01 .img {margin-bottom:1.5rem; border-radius: 1.75rem; transition: var(--transition-custom); overflow: hidden;}

.main_board_list.st01 li:hover {box-shadow: none;}
.main_board_list.st01 > li:hover:before {display: none;}
.main_board.st01:hover .img {box-shadow: 10px 15px 15px rgba(0,0,0,0.18);}
@media (max-width:1240px) {
	.main_board_list {gap:20px; width:1015px;}

	.main_board_list.st01 {width:670px; gap:20px; }
	.main_board_list.st01 > li {max-width:325px; height: auto;}

	.main_cnt04 .main_board_w.st01 {gap:20px;}

	.main_board_w.st01 .main_board dl .t {margin-right:0; padding-left: 0.625rem;}
	.main_board_w.st01 .main_board dl .d_w {padding-left: 0.625rem;}
}
@media (max-width:1160px) {
	.main_board_list {width:auto;}
	.main_board_list > li:hover,
	.main_board.st01:hover .img {box-shadow: 3px 5px 7px rgba(0,0,0,0.18);}

	#mainBoard.main_board_list {flex:1; gap:1rem; margin-right:-25px; padding-right:25px;  box-sizing: border-box;} 	
	.main_board_list.st01,
	.main_cnt04 .main_board_w.st01 {gap:1rem;}

	.main_board_list.st01 { margin-bottom:0; max-width:56%; }
}
@media (max-width:1024px) {
	#mainBoard.main_board_list,
	.main_board_list.st01 { margin-right:-25px; padding-right:25px; padding-bottom:1.25rem; overflow:hidden; overflow-x: auto;} 
	#mainBoard.main_board_list .main_board,
	.main_board_list.st01 .main_board {width:18rem;}

	.main_board_list.st01 {width:auto;}
	.main_board_list.st01 .main_board.st01 { width:18rem; }

	
	.main_board_w.st01 > .main_board {flex:none; width: calc(50% - 0.625rem); }
}
@media (max-width:768px) {
	.main_cnt04 .main_bg {height: calc(100% - 12rem );}
	#mainBoard.main_board_list > li,
	.main_board.st01 .img {height: auto; box-shadow: 3px 5px 7px rgba(0,0,0,0.18);}
	.main_board dl .t {height: 3.75rem; line-height: 1.5;}	
	
	.main_cnt04 .main_board_w.st01 { flex-direction: column;  }
	.main_board_w.st01 > .main_board { margin-bottom: 1rem; width:auto;}

	.main_board_list.st01 {gap:4vw; padding-bottom:0; max-width:none;}
	.main_board_list.st01 > li {max-width:none;}
	.main_board_list.st01 .main_board.st01 {width:auto;}
}
@media (max-width:640px) {
	#mainBoard.main_board_list { margin-right:-4vw; padding-right:4vw;} 

	.main_board_list.st01 { margin:0 -4vw; padding:0 4vw;}
	/*
	.main_board_w.st01 .main_board dl .t {padding-right: 12vw;}
	*/
}

@media (max-width:560px) {
	.main_board { padding: 2.125rem 6vw; }	

	.main_board_list.st01 {padding-bottom:1.25rem;}
	.main_board_list.st01 .main_board.st01 {width:18rem;}
}
@media (max-width:460px) {
	.main_board { padding: 2rem 5vw; }	
	#mainBoard.main_board_list .main_board {width:17rem;}

	.main_cnt04 .main_cnts {margin-top:2rem;}
}

.main_board_sns_w {display: flex; justify-content: flex-end;}
.main_board_sns {display:flex; justify-content: space-between; align-items: center; gap:20px; /*margin-top:30px;*/ padding-top:30px; width:100%; max-width:682px; border-top:1px solid #ddd;}
.main_board_sns dt .t {font-size:1.375rem; font-weight: 600; color:#000; letter-spacing: -1px;}
.main_board_sns dt .tx {margin-top:10px;}
.main_board_sns dt .tx a {display: flex; align-items: center; gap:8px;}
.main_board_sns dt .tx a i {width:1rem; height: 1rem; background: url(../images/main_n/main_btn_arw.png) no-repeat 50% 50%; background-size: contain;}
@media (max-width:1240px) {
	.main_board_sns {  width:56.4%; max-width:660px;}
}
@media (max-width:1160px) {
	.main_board_sns_w { flex-direction: column; justify-content: center; position:absolute; top:100%; margin-top: 3rem; width:100%; }
	.main_board_sns {    flex-direction: column; margin:0 auto; padding-top:3rem; width:100%; max-width:none;}
	.main_board_sns dt {text-align: center;}
	.main_board_sns dt .t {font-size:1.625rem;}
	.main_board_sns dt .tx {margin-top:1rem; font-size:1.125rem;}
	.main_board_sns dt .tx a { justify-content: center;}
	.main_board_sns dt .tx a i {display: none;}
}

.board_sns_list {display: flex; gap:0.5rem;}
.board_sns_list a {display: inline-flex; align-items: center;	justify-content: center; width:3.75rem; height: 3.75rem; background:#ebeff2 url(../images/main_n/main_snsIcon_01.png) no-repeat 50% 50%; background-size:2.125rem auto; border:1px solid #ebeff2; border-radius: 50%; box-sizing: border-box;
	transition: var(--transition-custom-2);}
.board_sns_list a img {width:2.125rem; height: 2.125rem; background:#ebeff2; transition: var(--transition-custom-2);}
.board_sns_list a.bd_sns_insta {background-image: url(../images/main_n/main_snsIcon_01.png); }
.board_sns_list a.bd_sns_face {background-image: url(../images/main_n/main_snsIcon_02.png); }
.board_sns_list a.bd_sns_blog {background-image: url(../images/main_n/main_snsIcon_03.png); }
.board_sns_list a.bd_sns_post {background-image: url(../images/main_n/main_snsIcon_04.png); }
.board_sns_list a.bd_sns_blog2 {background-image: url(../images/main_n/main_snsIcon_05.png); }
.board_sns_list a.bd_sns_youtube {background-image: url(../images/main_n/main_snsIcon_06.png); }
.board_sns_list a:hover {border-color:#777; box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.18);}
.board_sns_list a:hover img {opacity: 0;}
@media (max-width:460px) {
	.board_sns_list a {scale: 0.9;}
}

/*  */
/*
.main_relat_w {display: flex; border:1px solid #ddd; border-radius:30px; overflow: hidden; transition: var(--transition-custom-2); }
.main_relat_w > li {flex:1;}
.main_relat_w .main_relat {display: flex; flex-direction: column;	justify-content: center; align-items: center; margin-left:-1px; margin-top:-1px; padding:1.25rem 0.625rem; height: 100%; text-align: center; font-size:0.9375rem; border-left:1px solid #ebeff2; border-top:1px solid #ebeff2; box-sizing: border-box; }
.main_relat_w .main_relat img {height:3.75rem;}
.main_relat_w .main_relat .t {margin-top:0.625rem;}
.main_relat_w > li.ac .main_relat {background-color:#ebeff2;}
.main_relat_w > li.ac .main_relat img {height:4.5rem;}
.main_relat_w:hover {border-color:#777; box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.18);}
@media (max-width:1160px) {
	.main_relat_w { flex-wrap: wrap; }
	.main_relat_w > li {min-width:40%;}
	.main_relat_w > li:first-child {flex:none; width:100%;}
	.main_relat_w > li.ac .main_relat {gap:1.25rem; flex-direction: row;}
	.main_relat_w > li.ac .main_relat .t {margin:0;}
}
@media (max-width:460px) {
	.main_relat_w .main_relat img {zoom:0.85;}
	.main_relat_w > li.ac .main_relat img {zoom:0.8;}
}
*/
.main_cnt05 {margin-top:70px;}
.main_relat_swiper { border:1px solid #ddd; border-radius:30px; overflow: hidden; transition: var(--transition-custom-2); }
.main_relat_swiper .swiper-slide  {flex:1; display: flex; height: auto;}
.main_relat_swiper .main_relat {display: flex; flex-direction: column;	justify-content: center; align-items: center; margin-left:-1px; margin-top:-1px; padding:1.25rem 0.625rem; width:100%; height: 100%; text-align: center; font-size:0.9375rem; border-left:1px solid #ebeff2; border-top:1px solid #ebeff2; box-sizing: border-box; }
.main_relat_swiper .main_relat img {height:3.75rem;}
.main_relat_swiper .main_relat .t {margin-top:0.625rem;}
.main_relat_swiper .main_relat.ac {background-color:#ebeff2;}
.main_relat_swiper .main_relat.ac img {height:4.5rem;}
.main_relat_swiper:hover {border-color:#777; box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.18);}
@media (max-width:1280px) {
	.main_relat_swiper .main_relat {font-size:0.875rem;}
}
@media (max-width:1160px) {
	.main_relat_swiper {margin-right:-25px; margin-left:-25px; border-right:none; border-left:none; border-radius: 0;}
	.main_relat_swiper .swiper-slide {flex:none;}
	.main_relat_swiper .main_relat.ac {background-color:transparent;}
}
@media (max-width:768px) { 
	.main_relat_swiper .main_relat img { height: 3.25rem;}
	.main_relat_swiper .main_relat.ac img { height: 3.5rem;}
}
@media (max-width:460px) { 
	.main_relat_swiper .main_relat { padding: 1rem 0.5rem; }
	.main_relat_swiper .main_relat img { height: 2.75rem;}
	.main_relat_swiper .main_relat.ac img { height: 2.5rem;}
}