@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=block');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=block');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=block');

.arrow.d1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;  /* Àû´çÇÑ ³Êºñ È®º¸ */
    height: 16px;
    cursor: pointer;
}

.arrow.d1::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #333;
    transition: transform 0.3s ease;
    transform-origin: center center; /* ȸÀü Áß½ÉÀ» Á¤Áß¾ÓÀ¸·Î */
}
.arrow.d1.active::after {
    transform: rotate(180deg);
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: '';}

.Only_mobile {display:none;}

#main_banners_wrap {position: relative;z-index: 9; margin: 0 auto;}


#main_banners_wrap .top {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:45px;}
#main_banners_wrap .bannerbox  {margin: 0 auto;  /*overflow: hidden;*/}
#main_banners_wrap .bannerbox .banner_btn_box {width: 55%;display: flex;transition: 0.3s;flex-wrap: wrap;justify-content: center; margin: 0 auto;padding-top: 15rem; gap: 20px;}
#main_banners_wrap .bannerbox .banner_btn_box p.title {font-size: 16px;color: #212121;margin-bottom: 10px;}
#main_banners_wrap .bannerbox .banner_btn_box p.title strong {font-size: 14px;color: #212121;margin-bottom: 10px;}

.main-popup-top {margin-bottom:15px;}
.main-popup-close-wrap {margin-top:15px;}

.banner_btn_box .swiper-slide {width: 32%;}

@media (min-width:240px) and (max-width:768px) {

	#main_banners_wrap .bannerbox {width:100% !important; overflow: hidden;}
	.title_hosp {padding-bottom: 15px !important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0px !important; background-image :none;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0px !important; background-image :none;}
	.swiper-button-next, .swiper-button-prev {margin-top: 0px !important; top: 70% !important;}
	.swiper-slide3 img {padding-bottom: 0px !important;}
	.main-public-wrap {padding-top: 0rem;}
	.main-public-slide {margin: 1rem 0 0 !important;}
	.main-popup-top {margin-bottom: 15px !important;}
	.main-popup-close-wrap {margin-top: 15px !important;}
	.visual_sect .slide_move .paging_btn {margin-left: 2rem !important;}
	
	#main_banners_wrap .cont_box {width: 100% !important;}
	#main_banners_wrap .s_tit {font-size: 18px !important;}
	#main_banners_wrap .txt_group p {font-size:16px !important; font-weight:400 !important;}
	#main_banners_wrap .more_btn {position: absolute;right: 0 !important;bottom: 0;}
	.cm-style-control .main-visual-loading-bar {width: 10rem !important; margin: 0 2rem !important;}
	#main_banners_wrap .txt_group {margin-left:0px !important; margin-right:0px !important;}
	
	.Only_mobile {display:block;}
	.Only_pc {display:none;}
	
	.container3 {justify-content:none !important;}
	.container3, .main-visual-wrapper {padding: 10px 0px 10px 0px !important;}
	#main_banners_wrap {height:auto;}
}

.container3 {width: 100%;  display: flex;justify-content: center;align-items: center;flex-direction: column; padding: 35px 0px 35px 0px;}

.bannerbox {width: 80%; /* Adjust width as necessary */}
.swiper-slide3 {display: flex;flex-direction: column;text-align: center;overflow: hidden;/*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/ justify-content: center; transition: transform 0.3s ease;}
.swiper-slide3 img {width: 100%;height: auto; max-width: 65%; margin: 0 auto; padding-bottom:15px;}
.swiper-slide3:hover {transform: scale(1.05);}
.swiper-container {width: 100%;}
.banner-text {padding: 15px;background-color: #fff;font-size: 18px;font-weight: bold;}

.swiper-button-next,
.swiper-button-prev {color: #000;}
.swiper-pagination-bullet {background-color: #000;}
.title_hosp {padding-bottom:20px;}


#main_banners_wrap .swiper-slide3 {
    position: relative;
    width: 500px !important;
    height: 450px !important;
    background: url('https://img.freepik.com/free-photo/portrait-mother-with-newborn-baby_23-2151055039.jpg?uid=P35467608&ga=GA1.1.358396624.1722761659&semt=ais_hybrid') center no-repeat;
    background-size: cover;
}

#main_banners_wrap .swiper-slide3.img02 {
    background-image: url('https://img.freepik.com/free-photo/hand-holding-uterus-ovary-model_23-2149351688.jpg?uid=P35467608&ga=GA1.1.358396624.1722761659&semt=ais_hybrid');
    background-size: cover;
}

#main_banners_wrap .swiper-slide3.img03 {
    background-image: url('../img/girl_02.jpg');
}

#main_banners_wrap .swiper-slide3.img04 {
    background-image: url('../img/boy_01.jpg');
}

#main_banners_wrap .swiper-slide3.img05 {
    background-image: url('../img/i_mom_01.jpg');
}

#main_banners_wrap .swiper-slide3.img06 {
    background-image: url('../img/girl_xray_01.jpg');
}

#main_banners_wrap .swiper-slide3 a {display: block;height: 100%;text-align: left;}
#main_banners_wrap .swiper-slide3 a:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, #fea60061, #00000030);transition: all .3s;opacity: 0}
#main_banners_wrap .swiper-slide3 a:hover:before {opacity: 1}
#main_banners_wrap .swiper-slide3 .info {position: relative;z-index: 1;display: flex;flex-flow: column;height: 100%;padding: 50px 60px;font-size: 15px;color: #fff;	text-align: left;}
#main_banners_wrap .swiper-slide3 .info p {font-size: 28px;font-weight: 600;text-align: left;}
#main_banners_wrap .swiper-slide3 .info span {margin-top: 8px;font-size: 14px;font-weight: 600;font-family: 'Poppins',sans-serif;text-align: left;}
#main_banners_wrap .swiper-slide3 .info div {opacity: 0;margin-top: auto;word-break: keep-all;transition: all .2s;}
#main_banners_wrap .swiper-slide3:hover .info div {opacity: 1;}


#main_banners_wrap .txt_group {position: relative;margin-left: 20px;margin-bottom: 20px;}
#main_banners_wrap .txt_group p {white-space: pre-line;margin: 10px 0 40px;}
#main_banners_wrap .txt_group p {font-size: 45px;font-weight: 700;line-height: 1.3;color: #111;}
#main_banners_wrap .more_btn {position: absolute;right: 70px;bottom: 0}
#main_banners_wrap .more_btn:hover {color: #fff;background: #3ec890;}
#main_banners_wrap .more_btn {display: flex; align-items: center;justify-content: space-between; height: 60px;padding: 0 28px 0 35px;font-size: 15px;font-weight: 600;border-radius: 30px;background: #f2f2f2;transition: all .2s; margin-bottom: 20px;}
#main_banners_wrap .cont_box {width: 100%;margin: 0 auto;}
#main_banners_wrap .s_tit {width: max-content;padding-bottom: 5px;font-size: 18px;font-weight: 700;color: #111;border-bottom: 5px solid #3ec890;}

@media (min-width:240px) and (max-width:768px) {

#main_banners_wrap .more_btn {width: 100%; position: relative; margin-bottom: 20px;}

}

.modal{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: rgba(0,0,0,0.4); pointer-events: none; transition: 0.2s ease-in-out}
.modal.open{opacity: 1; pointer-events: inherit}
.modal .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 20px; margin: 0 auto; table-layout: fixed; vertical-align: middle}
.modal .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont{position: relative; width: 800px; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff}

.modal .modal_top {display: flex; justify-content: space-between; padding: 1.5rem 3rem; background-color: #F4F6FA;}
.modal .modal_top .tit {font-size: 2.4rem; font-weight: 600}
.modal .modal_top .modal_close {font-size: 2.4rem; color: #ffa600}
.modal .modal_wrap .modal_cont .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; transition: transform 0.35s; color: #000; fill: #000; }
.modal .modal_wrap .modal_cont .close_btn svg { fill: #000; }
.modal .modal_wrap .modal_cont .close_btn:hover { transform: rotate(-180deg); }


.modal .swiper-container-fade .swiper-slide-active,
.modal .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: none}

.modal.open .swiper-container-fade .swiper-slide-active,
.modal.open .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: none}


/*ºñ¹Ð¹øÈ£ ÀÔ·Â Æ˾÷*/
.modal .modal_wrap .modal_cont.password { position: relative; width: 500px; margin: 0 auto; }
.modal .modal_cont.password .modal_top { display: flex; align-items: center; justify-content: right; background-color: transparent; }
.modal_wrap .modal_cont.password .close_btn { position: absolute; right: 0; top: -5px; transform: translate(0, -100%); color: #fff; font-size: 28px; }
.modal_cont.password .password_box { padding: 2rem 5rem 4rem; background: #fff; text-align: center; }
.modal_cont.password .password_box .modal_inp { margin-top: 2rem; }
.modal_cont.password .password_box .tit { font-size: 2.5rem; font-weight: 600; }
.modal_cont.password .password_box .tip { margin-top: 1.5rem; font-size: 1.5rem; color: #555; line-height: 1.8; }
.modal_cont.password .password_box .tip span { font-weight: 600; }
.modal_cont.password .btn_wrap { margin: 6rem auto 0; }
.modal_cont.password .btn_wrap .btn5 { width: 100%; }
.modal_cont.password .btn_wrap .btn5 + .btn5 { margin-left: 1rem; }

.modal .modal_wrap .modal_cont .modal_tit { margin-bottom: 6rem; font-size: var(--sub_h4); font-weight: 700; text-align: center; }



/*ºñ¹Ð¹øÈ£ º¯°æ Æ˾÷*/
.modal .modal_wrap .modal_cont.change_pw { position: relative; width: 500px; margin: 0 auto; padding: 6rem; border-radius: 2rem; }

.modal .modal_wrap .modal_cont.change_pw .in_pd .tit { margin-bottom: 6rem; font-size: var(--sub_h4); font-weight: 700; text-align: center; }
.modal .modal_wrap .modal_cont.change_pw .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.change_pw .find_info {  }
.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap + .inp_wrap { margin-top: 4rem; }
.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap .name { margin-bottom: 1rem; font-size: 1.6rem; font-weight: 600; }
.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap .inp_box { position: relative; }
.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap .inp_box .ico { position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); }
.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap .inp_box .ico i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }

.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap .inp_box .ico.checked.enable i.sus { display: block; color: #ffa600; }
.modal .modal_wrap .modal_cont.change_pw .find_info .inp_wrap .inp_box .ico.checked.unable i.fail { display: block; color: #BF0A0B; }

.modal .modal_wrap .modal_cont.change_pw .desc_wrap { margin-top: 1rem; font-size: 1.4rem; color: #9E9E9E; font-weight: 500; }
.modal .modal_wrap .modal_cont.change_pw .desc_wrap p + p { margin-top: 0.5rem; }
.modal .modal_wrap .modal_cont.change_pw .btn_wrap { margin-top: 6rem; }

/*Àåºñ¼Ò°³*/
.modal .modal_wrap .modal_cont.gear { position: relative; width: 84rem; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.gear .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.gear .img { position: relative; width: 100%; }
.modal .modal_wrap .modal_cont.gear .img img { width: 100%; }
.modal .modal_wrap .modal_cont.gear .txt { margin-top: 4rem; font-size: 2rem; line-height: 1.8; }

/*°£ÆíÀÎÁõ*/
.modal .modal_wrap .modal_cont.simple { position: relative; width: 100rem; max-width: 100%; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.simple .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.simple .modal_txt { font-size: 1.8rem; text-align: center; }

.modal .modal_wrap .modal_cont.simple .cont { display: flex; align-items: center; justify-content: center; margin-top: 6rem; }
.modal .modal_wrap .modal_cont.simple .box { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; }

.modal .modal_wrap .modal_cont.simple .box .ico { display: flex; align-items: center; justify-content: center; width: 16rem; height: 16rem; border-radius: 100%; background-color: #F6F7F8; font-size: 6rem; }
.modal .modal_wrap .modal_cont.simple .box .ico svg { display: flex; align-items: center; justify-content: center; width: auto; height: auto; fill: #ffa600; }

.modal .modal_wrap .modal_cont.simple .box .txt_box { margin-top: 2.4rem; text-align: center; }
.modal .modal_wrap .modal_cont.simple .box .txt_box .tit { font-size: 1.6rem; font-weight: 700; color: #ffa600; }
.modal .modal_wrap .modal_cont.simple .box .txt_box .txt { margin-top: 0.5rem; font-size: 2rem; font-weight: 600; white-space: nowrap; }

.modal .modal_wrap .modal_cont.simple .arr { font-size: 3rem; flex-shrink: 0; margin: 0 1.5rem; }
.modal .modal_wrap .modal_cont.simple .arr svg { fill: #BDBDBD; }

.modal .modal_wrap .modal_cont.simple .notice_box { margin-top: 6rem; padding: 3rem; background-color: #F6F7F8; }
.modal .modal_wrap .modal_cont.simple .notice_box .tit { font-size: 1.8rem; font-weight: 600; }
.modal .modal_wrap .modal_cont.simple .notice_box .txt_wrap { margin-top: 2rem; }
.modal .modal_wrap .modal_cont.simple .notice_box .txt { position: relative; padding-left: 1.5rem; font-size: 1.6rem; color: #888; }
.modal .modal_wrap .modal_cont.simple .notice_box .txt + .txt { margin-top: 0.5rem; }
.modal .modal_wrap .modal_cont.simple .notice_box .txt a { font-weight: 600; text-decoration: underline; }
.modal .modal_wrap .modal_cont.simple .notice_box .txt:before { content: ''; position: absolute; left: 2px; top: 0.5em; width: 4px; height: 4px; border-radius: 100%; transform: translateY(50%); background-color: rgba(13,50,111,0.2); }

.modal .modal_wrap .modal_cont.simple .btn_wrap { margin-top: 6rem; }

/*°£ÆíÀÎÁõ Æû*/
.modal .modal_wrap .modal_cont.simple_list { position: relative; width: 64rem; max-width: 100%; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.simple_list .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.simple_list .form_wrap {  }
.modal .modal_wrap .modal_cont.simple_list .form_wrap > .tit { font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; }
.modal .modal_wrap .modal_cont.simple_list .form_wrap .form_box { padding: 4rem 0; border-top: 1px solid #000; border-bottom: 1px solid #EAEAEA; }
.modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box + .inp_box { margin-top: 1rem; }
.modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .inp.num { display: flex; align-items: center; justify-content: flex-start; }
.modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .inp.num .select { width: 25%; flex-shrink: 0; margin-right: 1rem; }

.modal .modal_wrap .modal_cont.simple_list .agree_wrap { margin-top: 6rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap > .top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1.5rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap > .top .tit { font-size: 2rem; font-weight: 700; }

.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box { padding: 3rem; background-color: #F6F7F8; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box {  }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box + .box { margin-top: 1.3rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .top { display: flex; align-items: center; justify-content: space-between; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .top .more_btn svg { transition: transform 0.5s; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .top.on .more_btn svg { transform: rotate(90deg); }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom { display: none; max-height: 120px; overflow: auto; padding: 2rem; margin-top: 2rem; font-size: 1.4rem; border-top: 1px solid #EAEAEA; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom > p { margin-top: 0.5rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom .in_txt { padding-left: 1em; margin-top: 1rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom .in_txt span { display: block; padding-left: 0.8em; margin-top: 0.5rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom .in_list { padding-left: 0.8em; margin-top: 0.5rem; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom .in_list li { text-indent: -0.9em; padding-left: 0.9em; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom::-webkit-scrollbar { width: 3px; background: #e0e0e0 }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom::-webkit-scrollbar-thumb { background: #757575; border-radius: 5px; }
.modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom::-webkit-scrollbar-track{ background: transparent }

.modal .modal_wrap .modal_cont.simple_list .btn_wrap { margin-top: 6rem; }


/*½Ã¼³¾È³»*/
.modal .modal_wrap .modal_cont.place { position: relative; width: 84rem; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.place .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; color: #000; }
.modal .modal_wrap .modal_cont.place .modal_tit { margin-bottom: 3rem; }
.modal .modal_wrap .modal_cont.place .img { position: relative; width: 100%; padding-top: 60%; }
.modal .modal_wrap .modal_cont.place .img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; object-position: top; transform: translate(-50%,-50%); }
.modal .modal_wrap .modal_cont.place .txt { margin-top: 4rem; font-size: 1.6rem; line-height: 1.8; }

.modal .modal_wrap .modal_cont.place .facility_swiper { position: relative; }
.modal .modal_wrap .modal_cont.place .paging { position: absolute; left: 50%; bottom: -3.5rem; width: 100%; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -100%); z-index: 10; }
.modal .modal_wrap .modal_cont.place .paging  .swiper-pagination-bullet { opacity: 1; background-color: rgba(189,189,189,0.5); transition: all .3s; margin: 0 10px; }
.modal .modal_wrap .modal_cont.place .paging .swiper-pagination-bullet-active { background-color: #ffa600; }

/*¿À½Ã´Â±æ_¹ö½º¾È³»*/
.modal .modal_wrap .modal_cont.bus { position: relative; width: 64rem; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.bus .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.bus .txt { margin-top: 4rem; font-size: 1.6rem; line-height: 1.8; }
.modal .modal_wrap .modal_cont.bus .txt p + p { border-top: 1px solid #eaeaea; padding-top: 2rem; margin-top: 2rem; }

/*¿À½Ã´Â±æ_¹®ÀÚ*/
.modal .modal_wrap .modal_cont.message { position: relative; width: 55rem; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.message .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.message .cont .inp_wrap .tit { margin-bottom: 10px; font-weight: 600; }
.modal .modal_wrap .modal_cont.message .cont .inp_wrap + .btn_wrap { margin-top: 40px; }
.modal .modal_wrap .modal_cont.message .cont .inp_wrap .inp_box input { width: 100%; height: 6rem; line-height: 6rem; padding: 2rem; border: 1px solid #e0e0e0; border-radius: 0.5rem; font-size: 1.8rem; }


/*¿À½Ã´Â±æ_Áø·á¿¹¾à*/
.modal .modal_wrap .modal_cont.reservation { position: relative; width: 64rem; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.reservation .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; }

.modal .modal_wrap .modal_cont.reservation .txt { margin-top: 4rem; font-size: 1.6rem; line-height: 1.8; }
.modal .modal_wrap .modal_cont.reservation .txt p + p { border-top: 1px solid #eaeaea; padding-top: 2rem; margin-top: 2rem; }
.modal .modal_wrap .modal_cont.reservation .btn_wrap { margin-top: 4rem; }

/*¼ö»ó*/
.modal .modal_wrap .modal_cont.awards { position: relative; width: 84rem; padding: 6rem; border-radius: 2rem; }
.modal .modal_wrap .modal_cont.awards .close_btn { position: absolute; right: 3rem; top: 3rem; font-size: 2.4rem; color: #000; }

.modal .modal_wrap .modal_cont.awards .tit_wrap { margin-bottom: 6rem; }
.modal .modal_wrap .modal_cont.awards .tit_wrap .tit { font-size: var(--sub_h4); font-weight: 700; }
.modal .modal_wrap .modal_cont.awards .tit_wrap .date { margin-top: 1rem; font-size: 1.6rem; color: #9e9e9e; }

.modal .modal_wrap .modal_cont.awards .img { position: relative; width: 100%; padding-top: 60%; border-radius: 2rem; overflow: hidden; }
.modal .modal_wrap .modal_cont.awards .img img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%,-50%); border-radius: 2rem; }
.modal .modal_wrap .modal_cont.awards .img.empty { background-color: #ffa600; }
.modal .modal_wrap .modal_cont.awards .img.empty img { width: 50%; object-fit: contain; }

.modal .modal_wrap .modal_cont.awards .awards_cont { position: relative; }
.modal .modal_wrap .modal_cont.awards .awards_cont .paging { position: absolute; left: 50%; top: 50%; width: calc(100% + 5.5em); height: 1em; transform: translate(-50%, -50%); }
.modal .modal_wrap .modal_cont.awards .awards_cont .paging .swiper-button { font-size: 40px; }
.modal .modal_wrap .modal_cont.awards .awards_cont .paging .swiper-button svg { width: auto; height: auto; fill: #9e9e9e; transition: fill 0.3s; }
.modal .modal_wrap .modal_cont.awards .awards_cont .paging .swiper-button:hover svg { fill: #000; }


@media screen and (max-width: 1920px) {
    .modal .modal_wrap .modal_cont.place { width: 70%; }
}

@media screen and (max-width: 1240px) {
    .modal .modal_wrap .modal_cont.reservation,
    .modal .modal_wrap .modal_cont.place,
    .modal .modal_wrap .modal_cont.gear,
    .modal .modal_wrap .modal_cont.change_pw,
    .modal .modal_wrap .modal_cont.bus,
    .modal .modal_wrap .modal_cont.awards,
    .modal .modal_wrap .modal_cont.message,
    .modal .modal_wrap .modal_cont.simple
    .modal .modal_wrap .modal_cont.simple_list { padding: 3rem 3rem 6rem; }
}


@media screen and (max-width: 768px) {
    .modal .modal_wrap .modal_cont.message .cont .inp_wrap .tit { font-size: 13px; }
    .modal .modal_wrap .modal_cont .modal_tit { width: 80%; margin: 0 auto; }
    .modal .modal_wrap .modal_cont .modal_tit,
    .modal .modal_wrap .modal_cont.awards .tit_wrap { margin-bottom: 20px; }
    .modal .modal_wrap .modal_cont.reservation,
    .modal .modal_wrap .modal_cont.place,
    .modal .modal_wrap .modal_cont.gear,
    .modal .modal_wrap .modal_cont.change_pw,
    .modal .modal_wrap .modal_cont.bus,
    .modal .modal_wrap .modal_cont.awards,
    .modal .modal_wrap .modal_cont.message,
    .modal .modal_wrap .modal_cont.simple,
    .modal .modal_wrap .modal_cont.simple_list { padding: 30px 25px 40px; }

    .modal .modal_wrap .modal_cont.awards .awards_cont .paging .swiper-button { font-size: 16px; }

    .modal .modal_wrap .modal_cont.place { width: 100%; }

    .modal .modal_wrap .modal_cont.place .paging { bottom: -3rem; }
    .modal .modal_wrap .modal_cont.place .paging .swiper-pagination-bullet { width: 5px; height: 5px; }
    .modal_cont.password .btn_wrap { margin: 30px auto 0; }

    .modal .modal_wrap .modal_cont.awards .tit_wrap .tit { width: 90%; }
    .modal .modal_wrap .modal_cont.awards .close_btn { right: 1.5rem; top: 1.5rem; }
    .modal .modal_wrap .modal_cont.awards .awards_cont .paging { width: calc(100% + 11em); }

    /*°£ÆíÀÎÁõ*/
    .modal .modal_wrap .modal_cont.simple .modal_txt { font-size: 13px; word-break: keep-all; }
    .modal .modal_wrap .modal_cont.simple .modal_txt br:not(.mo_only) { display: none; }
    .modal .modal_wrap .modal_cont.simple .cont { margin-top: 20px; }
    .modal .modal_wrap .modal_cont.simple .box:not(.box1) { display: none; }
    .modal .modal_wrap .modal_cont.simple .box .ico { width: 120px; height: 120px; font-size: 40px; }
    .modal .modal_wrap .modal_cont.simple .box .txt_box { display: none; }
    .modal .modal_wrap .modal_cont.simple .box .txt_box .txt { font-size: 16px; white-space: unset }
    .modal .modal_wrap .modal_cont.simple .arr { display: none; }

    .modal .modal_wrap .modal_cont.simple .notice_box { margin-top: 40px; padding: 20px 15px; }
    .modal .modal_wrap .modal_cont.simple .notice_box .txt { word-break: keep-all; }
    .modal .modal_wrap .modal_cont.simple .btn_wrap button { width: 50%; }
    .modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .tit { min-width: 70px; }
    .modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .inp.num .select { width: 30%; margin-right: 5px; }
    .modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .nice-select { height: 35px; line-height: 35px; padding: 0 15px 0 8px; font-size: 13px; }
    .modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .nice-select .list { width: 100%; }
    .modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .nice-select .option { padding: 0 15px 0 8px; }
    .modal .modal_wrap .modal_cont.simple_list .form_wrap .inp_box .nice-select:after { right: 9px; }
    .modal .modal_wrap .modal_cont.simple_list .agree_wrap { margin-top: 30px; }
    .modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box { padding: 20px 15px; }
    .modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .top .more_btn { font-size: 12px; }
    .modal .modal_wrap .modal_cont.simple_list .btn_wrap .main_btn { width: 50%; }
    .modal .modal_wrap .modal_cont.simple_list .agree_wrap .txt_box .box .bottom { font-size: 12px; }
    .modal .modal_wrap .modal_cont.message .cont .inp_wrap + .btn_wrap .main_btn.pc_only { display: none; }
}



    /*¸ÞÀÎ Æ˾÷*/
    .main-popup-slide {margin: 15px 0 5px;}
    .main-popup-slide .swiper-slide {width: 410px; margin-right: 30px;}
    .main-popup-slide .swiper-slide .img {padding-top: 115%; position: relative}
    .main-popup-slide .swiper-slide img {max-width: 100%;width:100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;object-position: center;border-radius: 15px;}
    .main-popup-wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;}
    .main-popup-bg {top: 0;left: 0;right: 0;bottom: 0;position: absolute;background: rgba(0, 0, 0, .65);}
	
    .main-popup {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3000;max-width: calc(100vw - 30px);width: 1300px;max-width: calc(100vw - 30px);}
    .main-popup-top {display: flex;justify-content: flex-end;align-items: flex-end;}
    .main-popup-top .paging { display: none; color: #fff; font-size: 16px; }
    .main-popup-top h1 {color: #fff;font-family: 'Montserrat', sans-serif;}

    .main-popup-nav {display: flex;}
    .main-popup-nav li {margin-left: 10px;}
    .main-popup-nav li:first-of-type {margin-left: 0;}

    .main-popup-nav li > div {color: #fff;width: 42px;height: 42px;justify-content: center;border: 1px solid #fff;align-items: center;font-size: 19px;cursor: pointer;text-align: center;}
    .main-popup-nav li > div i {font-size: 19px;line-height: 43px;}
    .main-popup-mid {text-align: center;color: #fff;}

    .swiper-pagination-popup {width: auto;color: #fff;font-size: 13px;background: #000;padding: 0 12px;height: 100%;border-radius: 21px;display: flex;align-items: center;}
    .swiper-pagination-popup>span {color: #59508f;}

    .swiper-button-prev-popup {font-size: 19px;line-height: 1;color: #fff;width: 42px;height: 42px;border: 1px solid #fff;border-radius: 50%;}
    .swiper-button-next-popup {font-size: 19px;line-height: 1;color: #fff;width: 42px;height: 42px;border: 1px solid #fff;border-radius: 50%;}
    .main-popup i {color:#fff;}

    .main-popup-btm {display: flex;height: 32px;    }

    .main-popup-close-wrap {display: flex;justify-content: space-between;width: 100%;}
    .main-popup-close-wrap>label {cursor: pointer;color: #fff;height: 100%;font-size: 16px;display: flex;align-items: center;position: relative;}
    .main-popup-close-wrap>label>input {margin-right: 3px;}
    .main-popup-close-wrap>label>.svg {width: 1.2em; height: 1.2em;margin: 0 7px 1px 0;z-index: 1;fill: #fff;position: relative;}
    .main-popup-close-wrap>label>.svg svg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .main-popup-close-wrap>label>.svg .on {opacity: 0;}
    .main-popup-close-wrap>label>.svg.popup_chk .on{opacity: 1}
    .main-popup-close-wrap>label>.svg.popup_chk .off{opacity: 0}
    .main-popup-close-wrap>label>span {}
    .main-popup-close {background:none;height: 100%;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;margin-left: auto;color:#fff;}

    @media screen and (max-width:1800px) {
        .cooking_swiper_box ul li .name {font-size: 20px}
    }

@media screen and (max-width:1200px) {
	.main-popup {width: 700px;}
	.main-popup-top h1 {font-size: 25px;}
	.main-popup-nav li {margin-left: 7px;}
	.main-popup-nav li>div {width: 33px;height: 33px;font-size: var(--info-font-size);}
	.main-popup-btm {height: 27px;}
	.main-popup-close {border-radius: 19px;font-size: 16px;margin-left: 7px;}
	.main-popup-close-wrap>label {border-radius: 19px;font-size: 16px;}
	.swiper-pagination-popup {border-radius: 19px;font-size: 16px;}
	.main-popup-close-wrap>label>i {font-size: 1.1em;margin: 0 10px 0 0;}
	.swiper-pagination-popup>span.swiper-pagination-total {color: #fff;}

	.cooking_swiper_box ul {margin-left: -20px; margin-bottom: -30px}
	.cooking_swiper_box ul li {width: calc(25% - 20px);margin-left: 20px;margin-bottom: 30px;}
	.cooking_swiper_box ul li .name {font-size: 18px}
	.cooking_swiper_box ul li .tip {font-size: 13px}

}

@media screen and (max-width: 768px) {
	.main-popup-top .paging { display: block; }
}

	
.loading_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; pointer-events: none; z-index: 9000; }
.loading_bg.none { opacity: 0; }

.page_wrap {display: flex;flex-direction: column;min-height: 100vh;/* overflow: hidden; */}
.page_wrap .container { flex: 1; }

/* common */
.in_w { width:1500px; max-width:100%; /*padding:0 2rem;*/ margin:0 auto; position:relative; }
.in { width:1500px; max-width:100%; /*padding:0 2rem;*/ margin:0 auto; position:relative; }
.in2 { width:1500px; max-width:100%; /*padding:0 2rem;*/ margin:0 auto; position:relative; }


.in3 { width:104rem; max-width:100%; /*padding:0 2rem;*/ margin:0 auto; position:relative; }
.in2 .in2 { padding: 0; }

.hidden { display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden; border: none; }
.clearfix::after{content: ''; display: block; clear: both;}

.pc_only { display:inline-block; }
.mo_only { display:none; }
.phone_only { display:none; }
.phone_over { display:block; }

.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled, .swiper-button-pause.disabled { display: none; }
.swiper-button-next, .swiper-button-prev { outline:none;     top: 65%;
    transform: translateY(50%);}

.nice-select .list { min-width: 100%; }

html.scroll_none { overflow: hidden; }

/*svg { width: 100%; height: 100%; }*/


:root {
	--layoutwidth: 1440px;
	--hd_height: 10px;

	--main_tit: 4.5rem;

	--sub_tit: 4.8rem;
	--sub_h3: 4.5rem;
	--sub_subTit: 3.6rem;
	--sub_h4: 3rem;

	--main_cont_pd: 5rem;
	--main_cont_pd_minus: -22rem;

	--sub_cont_pd: 12rem;

	--blue: #0D326F;
	--yellow: #C0A353;

	--spoqa: 'SpoqaHanSans', sans-serif;
	--serif: 'Cormorant Garamond', serif;
	--EulSerif: 'Eulyoo1945', serif;
	--NotoSerif: 'Noto Serif KR', serif;
	--awesome: 'Font Awesome 6 pro';
}


/*--------------°øÅ뽺ŸÀÏ--------------*/

/*¹öÆ° ½ºÅ¸ÀÏ*/
/*.login_btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 100%; height: 6rem; padding: 0 2.5rem; font-weight: 500; font-size: 2rem; transition: background-color .3s; color: #fff; text-align: center; border-radius: 0.5rem; background-color: #ffa600; }*/
/*.login_btn.form { margin-left: 1rem; background-color: transparent; border: 1px solid #000; max-width: 16rem; color: #000; font-size: 1.8rem; }*/

/*.btn3 { width: 12rem; height: 4.5rem; line-height: 4.5rem; color: #ffa600; border: 1px solid #ffa600; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 500; transition: background-color 0.3s, border 0.3s, color 0.3s; }*/
/*.btn3.done { background-color: #DEE3EA; color: #748AAB; border: 1px solid #DEE3EA; }*/
/*.btn3:hover { background-color: #DEE3EA; color: #748AAB; border: 1px solid #DEE3EA; }*/

/*.more_btn { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 0.4rem; font-size: 1.6rem; font-weight: 500; color: #9E9E9E; border-bottom: 1.5px solid #9E9E9E; transition: color 0.3s, border 0.3s; }*/
/*.more_btn .ico { display: flex; align-items: center; justify-content: center; margin-left: 1.2rem; }*/
/*.more_btn .ico svg { width: auto; height: auto; fill: #9E9E9E; transition: fill 0.3s; }*/
/*.more_btn:hover { color: #ffa600; border-bottom: 1.5px solid #ffa600; }*/
/*.more_btn:hover .ico svg { fill: #ffa600; }*/



/*Æ÷ÀÎÅÍ*/
.pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.pointer .pointer_box { display: flex; justify-content: center; align-items: center; flex-direction: column; transform: translate(-50%,-50%); opacity:0; width: 120px; height: 120px; background-color: rgba(175, 122, 87, 0.8); color: #fff; font-size: 2.2em; border-radius: 50%; transition:all .3s ease-out; font-family: var(--serif); }
.pointer .pointer_box .ico { width: 1em; height: 0.8em; }
.pointer .pointer_box .ico svg { width: 100%; height: 100%; fill: #fff; }
.pointer.on .pointer_box { opacity: 1 }


/*½ºÅ©·Ñ ½ºÅ¸ÀÏ*/
body { min-height: 101vh }
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-thumb { height: 20%; background: #A9A9A9; border-radius: 10px; }


/*üũ¹Ú½º*/
.chk_box svg { width: auto; height: 1em; padding-right: 1.5px; margin-right: 0.5rem; margin-top: -0.1rem ;vertical-align: middle;}
.chk_box .n {fill: #ffa600;}
.chk_box .y {display: none; fill: #ffa600}
.chk_box span {font-size: 1.6rem}
.chk_box label {cursor: pointer;}
.chk_box input:checked + label .n {display: none}
.chk_box input:checked + label .y {display: inline}



/* °ø¿ë ÄÁÅÙÃ÷ */
.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 20rem; color: #EFF0F3; font-family: var(--serif);}
.move_text_box .text p { animation: textLoop 150s linear infinite; padding-right: 0.3em; line-height: 1.2; font-weight: 500; }

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes textLoop2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}


/*-------Çì´õ-------*/
.header { position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 500; transition: transform 0.3s; box-shadow: 0 0 2px 0 rgba(13,50,111,0.1); }
.header.menu_open { background-color: #cfae94; border-bottom: 1px solid rgba(256,256,256,0.2); }
.header .gnb_bg { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 0; background-color: #fff; z-index: -1; transition: 0.5s; }

.header.move{background-color: rgba(0, 0, 0, 0.92); backdrop-filter: blur(20px);}
.header.on { background-color: transparent; transition: background 0.5s }
/*.header.on .gnb_bg { opacity: 1; height: 550px; transition: height .5s}*/

/*.header.fix { transform: translateY(-130%); }*/

/* Çì´õ ·Î°í ¾Ö´Ï¸ÞÀ̼Ç
.header.fix nav .depth1 > li.logo,
.header.on nav .depth1 > li.logo { transform: unset; margin: 0; }
.header.fix nav .depth1 > li.logo .img:not(.fix),
.header.on nav .depth1 > li.logo .img:not(.fix) {  transform: translateY(-130%); z-index: 100; }
.header.fix .nav .depth1 > li.logo .img.fix,
.header.on .nav .depth1 > li.logo .img.fix { opacity: 1; }
*/

.header .hd_mo { display: none !important; }
.header .hd_pc { display: block !important; }


.header .hd_top { position: relative; display: flex; align-items: center; justify-content: space-between; z-index: 2; height: 40px; padding: 0 6rem; background-color: #ffa600; color: #fff; font-size: 1.7rem; font-weight: 600; }
.header .hd_top .hd_top_util { display: flex; align-items: center; justify-content: center; height: 100%; }
.header .hd_top .hd_top_util .menu { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 2rem; transition: color 0.3s; }
.header .hd_top .hd_top_util .menu.point { color: #C0A353; }
.header .hd_top .hd_top_util.left{ align-items: flex-start; position: absolute; left: 50%; top:55px; transform: translateX(-50%); }
/*.header .hd_top .hd_top_util.left h1 { position: relative; z-index: 9999; }*/
.header .hd_top .hd_top_util.left h1 a { display: block; }
.header .hd_top .hd_top_util.left .menu { border-right: 1px solid rgba(255,255,255,0.2); }
.header .hd_top .hd_top_util.left .menu:first-of-type { padding-left: 0; }
.header .hd_top .hd_top_util.left img { filter: drop-shadow(0 0 10px rgba(13,50,111,0.15)); width:350px;}
.header .hd_top .hd_top_util.right{margin-left: auto; gap:10px;}
.header .hd_top .hd_top_util.right .menu { border-left: 1px solid rgba(255,255,255,0.2); }
.header .hd_top .hd_top_util.right .menu:last-of-type { border-right: 1px solid rgba(255,255,255,0.2); }

.hd_btm { position: relative; display: flex; align-items: center; justify-content: center; height: 100px; padding: 0 6rem; background-color: #fff; }

.header nav { position: relative; width: 100%; height: 100%; z-index: 1; }
.header nav .depth1 { position: relative; display: flex; align-items: center; justify-content: center; width: auto; height: 100%; font-weight: 600; }
.header nav .depth1 > li { width: 8.5%; min-width: 110px; height: 100%; }
.header nav .depth1 > li:nth-child(3){margin-right: 13rem}
.header nav .depth1 > li:nth-child(4){margin-left: 20rem}
.header nav .depth1 > li.logo { position: relative; width: 25rem; margin: 0 7rem; transition: margin 0.3s; z-index: 30; }
.header nav .depth1 > li.logo .img:not(.fix) { position: relative; display: block; transition: transform 0.5s, opacity 0.5s; transform: translateY(-40px); }
.header nav .depth1 > li.logo .img:not(.fix) img {  }
.header nav .depth1 > li.logo .img.fix { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.3s; object-fit: contain; }
.header nav .depth1 > li > a:not(.img) { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 2em; width: 100%; height: 100%; font-size: 2.2rem; font-weight: 600; white-space: nowrap ;transition: padding .3s}
/*.header nav .depth1 > li > a:before { content: ''; position: absolute; left: 0; bottom: 1px; width: 0; height: 3px; background-color: #ffa600; transition: width 0.4s; }*/
/*.header nav .depth1 li.active a:before { width: 100%; }*/
/*.header nav .depth1 li:hover a:before { width: 100%; }*/

.header nav .depth1 > li > a span { position: relative; }
.header nav .depth1 > li > a:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #ffa600; transform: translateX(-50%); transition: width 0.5s; z-index: 15; }
.header nav .depth1 li.active a:before { width: 80%; }

.header nav .depth1 .depth2_wrap { position: absolute; left: 50%; bottom: 1px; display: flex; align-items: stretch; justify-content: flex-start; transform: translate(-50%, 100%); height: auto; margin: 0 auto; white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; z-index: 10; background-color: transparent; color: #000; transition-delay: 0.1s; }
.header nav .depth1 .depth2_wrap:before { content: ''; position: absolute; left: 50%; top: 0; width: 300%; height: calc(100% + 1px); background-color: #F6F7F8; transform: translateX(-50%); box-shadow: 3px 0 3px 0 rgba(0,0,0,0.1); }
.header nav .depth1 .depth2_wrap.on { opacity: 1; pointer-events: auto; transition-delay: -0.1s; }

.header nav .depth1 .depth2_wrap .gnb_tit { position: relative; width: 20%; padding-top: 6rem; text-align: left; flex-shrink: 0; background-color: #ffa600;}
.header nav .depth1 .depth2_wrap .gnb_tit:before { content: ''; position: absolute; right: 0; top: 0; width: calc(100vw - var(--scroll-width)); height: calc(100% + 1px); background-color: #ffa600; }
.header nav .depth1 .depth2_wrap .gnb_tit p { position: relative; font-size: var(--sub_h4); padding-left: 4.4rem; font-weight: 700; z-index: 10; color: #fff; }

.header nav .depth1 .depth2 { width: 100%; }
.header nav .depth1 .depth2 > li {  position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: auto; padding: 2rem 0 1rem 8rem; text-align: left; }
.header nav .depth1 .depth2 > li:first-of-type { padding-top: 6rem; }
.header nav .depth1 .depth2 > li:last-of-type { margin-bottom: 3rem; }
.header nav .depth1 .depth2 > li + li { border-top: 1px solid #EAEAEA; }

.header nav .depth1 .depth_col3 .depth2 { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: 95%; }
.header nav .depth1 .depth_col3 .depth2 li { width: calc(100%/3 - 6rem); }
.header nav .depth1 .depth_col3 .depth2 > li:nth-child(-n+3){ padding-top: 6rem; }

/*.header nav .depth1 .depth2 > li:nth-of-type(n+4) { margin-top: 2rem; }*/
.header nav .depth1 .depth2 > li > a { display: block; justify-content: flex-start; font-size: 2.4rem; font-weight: 600; transition: font-weight 0.1s; width: 7em; }
.header nav .depth1 .depth2 > li > a span { position: relative }
.header nav .depth1 .depth2 > li > a span:before { content: ''; position: absolute; left: -5px; top: 0; width: 6px; height: 6px; border-radius: 100%; background-color: #ffa600; transform: translateX(-100%); opacity: 0; transition: opacity 0.3s; }
.header nav .depth1 .depth2 > li > a.active { font-weight: 600 }
.header nav .depth1 .depth2 > li > a.active span:before { opacity: 1; }



/*.header nav .depth1 .depth2 li > a span:before { content: ""; position: absolute; left: 50%; bottom: -2px; transform: translate(-50%,100%) ; width: 0; height: 1px; background-color: #fff; transition: width .3s}*/

/* depth3 ¸Þ´º ½ºÅ¸ÀÏ */
.header nav .depth1 .depth3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    min-width: 35rem;
}

.header nav .depth1 .depth3 li {
    position: relative;
    margin-left: 3rem;
    width: calc(100% / 6 - 3rem);
}

.header nav .depth1 .depth3 li > a {
    display: block;
    padding: 7px 0;
    font-size: 1.7rem;
    font-weight: 400;
    transition: color 0.3s;
}

.header nav .depth1 .depth3 li > a:hover {
    color: #ffa600;
}

.header nav .depth1 .depth3 li.active > a {
    color: #ffa600;
    font-weight: 600;
}



.header nav .depth1 .depth4 li {
    /*position: relative;
    margin-left: 3rem;*/
    width: 100%;
}

/* depth4 ¸Þ´º ½ºÅ¸ÀÏ - ¹«Á¶°Ç ÇÑ ÁٷΠǥ½Ã, ÇÊ¿ä½Ã °¡·Î ½ºÅ©·Ñ */
.header nav .depth1 .depth4 {
    display: flex;
    position: absolute;
    top: -5px;
    left: 80%;
    /*white-space: nowrap; /* ÇÑ ÁٷΠǥ½ÃµÇµµ·Ï ¼³Á¤ */
    /*overflow-x: auto; /* ¸Þ´º°¡ ±æ¸é °¡·Î ½ºÅ©·Ñ »ý¼º */
    /*max-width: 100vw; /* È­¸éÀ» ³ÑÁö ¾Êµµ·Ï ÃÖ´ë ³Êºñ ¼³Á¤ */
   /* background-color: white; /* ¹è°æ»ö ¼³Á¤ */
    z-index: 10; /* ´Ù¸¥ ¿ä¼Òµé À§¿¡ Ç¥½Ã */
}

.header nav .depth1 .depth4 li {
    position: relative;
    padding: 5px 10px;
    display: inline-block; /* Ç׸ñÀ» °¡·Î·Î ¹èÄ¡ */
    /*white-space: nowrap; /* °¢ ¸Þ´º Ç׸ñµµ ÇÑ ÁٷΠǥ½Ã */
}

.header nav .depth1 .depth4 li > a {
    display: block;
    padding: 7px 10px;
    font-size: 1.7rem;
    font-weight: 400;
    transition: color 0.3s;
    /*white-space: nowrap; /* ÅؽºÆ®°¡ ÇÑ ÁÙ·Î ³ª¿À°Ô ¼³Á¤ */
    /*overflow: hidden; /* ÅؽºÆ®°¡ ³Ê¹« ±æ¸é À߸² */
    /*text-overflow: ellipsis; /* À߸° ÅؽºÆ®¿¡ '...' Ç¥½Ã */
}

.header nav .depth1 .depth4 li > a:hover {
    color: #ffa600;
}

.header nav .depth1 .depth4 li.active > a {
    color: #ffa600;
    font-weight: 600;
}

/* ±âŸ ½ºÅ¸ÀÏ */
.header nav .depth1 .depth4 li:nth-of-type():before {
    /* ¿øÇÏ´Â °æ¿ì Ãß°¡ */
}

.header nav .depth1 .depth4 li:last-of-type:before {
    display: none;
}



.header nav .inq_ment{font-size:1.8rem;font-weight:400;line-height:150%;color:#333}
.header nav .inq_ment span{font-weight:700}

.header .util_wrap { position: absolute; right: 6rem; z-index: 1; height: 100%; }
.header .util_wrap .select {margin-right: 5rem; width: 65px}
.header .util_wrap .select .nice-select { height: 25px; padding-left: 8px; padding-right: 10px; background-color: transparent; border: 1px solid #ffa600; border-radius: 0; color: #ffa600; font-size: 1.3rem; font-weight: 500; line-height: 24px; }
.header .util_wrap .select .nice-select .list { width: calc(100% + 2px); left: 50%; transform: translateX(-50%); color: #000; border-radius: 0; border: 1px solid #ffa600; transition: none; font-size: 1em}
.header .util_wrap .select .nice-select .list li { min-height: 25px; line-height: 24px; padding: 0 10px; }
.header .util_wrap .select .nice-select .list li + li { border-top: 1px solid #ffa600; }
.header .util_wrap .select .nice-select:after { right: 9px; width: 0.35rem; height: 0.35rem; margin-top: -4px; border-bottom: 1.5px solid #ffa600 ; border-right: 1.5px solid #ffa600;}

.header .util_wrap .util_wrap { flex-shrink: 0; }
.header .util_wrap .util_box { display: flex; align-items: center; justify-content: flex-end; height: 100% }
.header .util_wrap .util_box .ico { font-size: 2.5rem }
.header .util_wrap .util_box .ico + .ico { margin-left: 3.5rem; }
.header .util_wrap .util_box .ico svg { overflow: visible; width: auto; height: auto; transition: fill 0.3s; }

.header .util_wrap .sch_btn.on svg{fill: #ffa600}

.header .util_wrap .share-btn.on svg{fill: #ffa600}
.header .util_wrap .share_area { position: absolute; padding: 20px 0; flex-direction: column; justify-content: space-around; align-items: center; opacity: 0; pointer-events: none; width: 70px; height: 0; overflow: hidden; top: 100%; left: 50%; transform: translateX(-50%); background: #0c2e67; flex-wrap: wrap; transition: height 0.5s, width 0s ease-in-out, opacity 0.5s}
.header .util_wrap .share_area.on { height: 265px; opacity: 1; pointer-events: inherit; }
.header .util_wrap .share_area .a_box { display: block; width:100%; padding:0; background: none; border-radius: 0; }
.header .util_wrap .share_area a { display: block;  margin:0 auto 0; text-align: center; opacity: 0.7; width:100%; transition: 0.3s ease-in-out; color: #fff; font-size:23px; line-height: 1; transition: opacity 0.3s; }
.header .util_wrap .share_area a:hover { opacity: 1; }
.header .util_wrap .util_box .share_area a svg { width: 100%; height: 100%; fill: #fff; }
.header .util_wrap .share_area a i { color: #fff; }
.header .util_wrap .share_area .a_box + .a_box { margin-top: 26px; }
.header .util_wrap .share_area a.facebook { width: 13px; }
.header .util_wrap .share_area a.kakao { width: 23px; }
.header .util_wrap .share_area a.blog { width: 22px; }
.header .util_wrap .share_area a.youtube { width: 24px; }
.header .util_wrap .share_area a.twitter { width: 20px; }
.header .util_wrap .share_area a.share { width: 20px; }

/*----ǪÅÍ----*/
.footer { position: relative; background-color: #000; color: #fff ; }

.footer .ft_menu_wrap { display: flex; align-items: center; justify-content: flex-start; }
.footer .ft_menu_wrap .ft_menu { position: relative; opacity: 0.5; }
.footer .ft_menu_wrap .ft_menu.priv { opacity: 1; }
.footer .ft_menu_wrap .ft_menu:before { content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background-color: #fff; transition: width 0.3s; }
.footer .ft_menu_wrap .ft_menu + .ft_menu { margin-left: 4rem; }

.sub .footer .ft_info { padding: 6rem 0 80px; }
.footer .ft_info { display: flex; justify-content: center; padding: 4rem 0 50px; }

.footer .ft_logo_wrap { background-color: #fff; padding: 30px 0; }
.footer .ft_logo_wrap .in { display: flex; align-items: center; justify-content: center; }
.footer .ft_logo { display: flex; align-items: center; justify-content: space-between; width: 80%;}
.footer .ft_logo .box { display: flex; align-items: center; justify-content: center; margin-left: 40px; flex-shrink: 0; }
.footer .ft_logo .box .symbol { height: 30px; margin-right: 1rem; flex-shrink: 0; }
.footer .ft_logo .box .symbol img { width: auto; height: 100%; object-fit: contain; }
.footer .ft_logo .box .txt { font-size: 14px; line-height: 1.2; white-space: nowrap; color: #000; }

.footer .logo { width: 15%; flex-shrink: 0; opacity: 0.2; }
.footer .logo .img { width: 45%; }

.footer .info_wrap { width: 100%; }
.footer .info_wrap .txt_box { margin-top: 3rem; font-size: 1.4rem; line-height: 1.8; opacity: 0.5; }
.footer .info_wrap .txt_box p.copy { font-size: 12px; }
.footer .info_wrap .txt_box p span { position: relative; margin: 0 1.5rem; }
.footer .info_wrap .txt_box p span + span:before { content: ''; position: absolute; left: -1.5rem; top: 50%; width: 1px; height: 80%; background-color: rgba(255,255,255,0.5); transform: translateY(-50%); }
.footer .info_wrap .txt_box p span:first-of-type { margin-left: 0; }

.footer .info_wrap .btn_wrap { margin-top: 2rem; }
.footer .info_wrap .btn_wrap .ft_btn { display: flex; align-items: center; justify-content: center; width: 105px; height: 35px; font-size: 1.4rem; border: 1px solid #7D7D84; border-radius: 2em; transition: color 0.3s, border 0.3s; }
.footer .info_wrap .btn_wrap .ft_btn + .ft_btn { margin-left: 1rem; }

.footer .other_wrap { display: flex; flex-direction: column; flex-shrink: 0; }
.footer .other_wrap .sns_wrap { display: flex; align-items: center; justify-content: flex-end; width: 100%; }
.footer .other_wrap .sns_wrap a { display: block; opacity: 0.5; transition: opacity 0.3s; }
.footer .other_wrap .sns_wrap a.blog { width: 25px; }
.footer .other_wrap .sns_wrap a.youtube { width: 27px; }
.footer .other_wrap .sns_wrap a.insta { width: 22px; }
.footer .other_wrap .sns_wrap a.kakao { width: 25px; }
.footer .other_wrap .sns_wrap a.facebook { width: 10px; }
.footer .other_wrap .sns_wrap a + a { margin-left: 4rem; }
.footer .other_wrap .sns_wrap a img { width: 100%; }

.footer .other_wrap .mark { display: flex; align-items: flex-end; justify-content: flex-end; margin-top: 6rem; flex-shrink: 0; }


/*------»çÀÌÆ®¸Ê-----*/
.sitemap { position: fixed; left: 0; top: 0; display: flex; align-items: center; width: 100%; height: 100vh; opacity: 0; background-color: #ffa600; color: #fff; z-index: 9999; transition: opacity 0.2s; pointer-events: none; }
.sitemap.on { opacity: 1; pointer-events: visible; }
.sitemap .top { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 3rem; border-bottom: 1px solid rgba(255,255,255,0.2); }
.sitemap .top .close_btn { width: 4rem; height: 4rem; }
.sitemap .top .close_btn svg { width: 100%; height: 100%; fill: rgba(255,255,255,0.3); transition: fill 0.3s; }
.sitemap .cont { width: 80%; height: 85%; margin: auto; }
.sitemap .tit { font-size: 4.5rem; font-weight: 600; font-family: var(--NotoSerif); }
.sitemap .menu { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; height: 80%; padding: 0 2rem; margin-top: 7rem; overflow: auto; }
.sitemap .menu::-webkit-scrollbar { width: 4px; }
.sitemap .menu::-webkit-scrollbar-thumb { height: 20%; background: rgba(255,255,255,0.2); border-radius: 10px; }
.sitemap .menu a { display: block; }
.sitemap .menu li.depth1 { width: 100%; }
.sitemap .menu li.depth1 + .depth1 { margin-left: 5rem; }
.sitemap .menu li.depth1 > a { position: relative; font-size: 3.4rem; font-weight: 600; color: #ffa600; }
.sitemap .menu li.depth1 > a:before { content: ''; position: absolute; left: -1.5rem; top: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #fff; opacity: 0; transition: opacity 0.3s; }
.sitemap .menu li.depth1 .depth2 { padding-top: 3rem; }
.sitemap .menu li.depth1 .depth2 > li + li { margin-top: 2.5rem; }
.sitemap .menu li.depth1 .depth2 li a { position: relative; padding: 0.2rem 0; font-size: 2.8rem; }
.sitemap .menu li.depth1 .depth2 > li > a span { position: relative; }
.sitemap .menu li.depth1 .depth2 > li > a span:before { content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background-color: #fff; transition: width 0.3s; }

.sitemap .menu li.depth1 .depth4 { padding-left: 1rem; padding-top: 0.5rem; }
.sitemap .menu li.depth1 .depth3 li a { padding: 0.4rem 0; font-size: 1.6rem; opacity: 0.5; transition: opacity 0.3s; }
.sitemap .menu li.depth1 .depth3 li a span { position: relative; }
.sitemap .menu li.depth1 .depth3 li a span:before { content: ''; position: absolute; left: -10px; top: 0.5em; width: 3px; height: 3px; border-radius: 100%; background-color: #ffffff; }

.sitemap .menu li.depth1.active > a:before { opacity: 1; }
.sitemap .menu li.depth1 .depth2 > li.active > a span:before { width: 100%; }
.sitemap .menu li.depth1 .depth3 li.active a span:before { background-color: #ffa600; }
.sitemap .menu li.depth1 .depth3 li.active a { opacity: 1; color: #ffa600; }



/*----ÅëÇÕ°Ë»ö----*/
.all_sch { position: fixed; left: 0; top: var(--hd_height); display: flex; align-items: center; justify-content: center; width: 100%; height: 24rem; padding: 0 2rem; background-color: #0c2e67; border-bottom: 1px solid #112d5b; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.all_sch.on { opacity: 1; pointer-events: auto; }
.header.fix .all_sch { /*top: 100px;*/ }

.all_sch .sch_box { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 60rem; height: 60px; line-height: 60px; padding: 0 20px; background-color: #fff; border-radius: 2em; }
.all_sch .sch_box input { width: 100%; font-size: 1.8rem; }
.all_sch .sch_box .ico { flex-shrink: 0; margin-left: 1.5rem; font-size: 2.5rem; }
.all_sch .sch_box .ico button { font-size: 2rem; }
.all_sch .sch_box .ico svg { display: flex; align-items: center; justify-content: center; width: auto; height: auto; object-fit: contain; fill: #ffa600; }

.all_sch .close_btn { width: 3.5rem; height: 3.5rem; margin-left: 1.5rem; opacity: 0.6; transition: opacity 0.3s; }
.all_sch .close_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #fff; }



/*----Äü¸Þ´º----*/
.navigation { position: fixed; top: 60%; transform: translateY(-50%); right: 40px; width: 110px; z-index: 99; transition: 0.5s ease-in-out; opacity: 0; pointer-events: none; }
.navigation.show { opacity: 1; pointer-events: inherit; top: 50%; }
.navi_bg { background:rgba(13,50,111,0.5); padding: 4rem 1.5rem 4rem; }
.navi_bg li + li { margin-top: 4rem; }
.navi_bg .icon_box { display: block; width: 3.5rem; margin: 0 auto; }
.navi_bg .reservation .icon_box { width: 3.8rem; }
.navi_bg .map .icon_box { width: 2.7rem; }
.navi_bg .clock .icon_box { width: 3rem; }
.navi_bg .icon_box svg { width: 100%; height: 100%; fill: #fff; object-fit: contain; }
.navi_bg .ico_tit { display: block; font-weight: 700; margin: 1.5rem auto 0; color:#fff; text-align: center; transition: color 0.3s; }
.navi_bg a { display: block; width:100%; text-align: center; }
.navi_bg a i, .navi_bg a img {transition: 0.3s ease-in-out;}

.top_btn_box { display: none; }
.top_btn_box{ display: block; z-index: 20; }

.top_btn_box { position: absolute; right: 7rem; top: 0; transform: translateY(-50%); }
.top_btn_box .top_btn { margin: 0 auto; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; background: #fff; color: #fff; border-radius: 100%; transition: 0.3s ease-in-out; box-shadow: 0 0 10px 0 rgba(13,50,111, 0.15); }
.top_btn_box .top_btn svg { position: relative; top: 0; width: 30%; height: 30%; margin: 0 auto; fill: #ffa600; transition: top 0.3s; }

.mo_quick_wrap { display: none; }

/* DatePicker */
.date-box { position: relative; display: flex; justify-content: space-between; align-items: center; }
.date-box input { flex:1; }
.date-box input:first-child { margin-right:15px; }
.date-box > div { position:relative; }
.date-box.date-box-full > div { width:100%; }

.date-box i { position:absolute; top:50%; right:30px; transform:translateY(-50%); color:#ffa600; font-size:24px; }
.date-box .ico { position:absolute; top:50%; right:30px; transform:translateY(-50%); font-size: 20px; }
.date-box svg { width: auto; height: auto; fill:#ffa600; z-index: 1}
.date-box input{cursor: pointer; background-color: transparent; position: relative; z-index: 2}


.dateArea {position: relative; }
.dateArea i {position: absolute; right: 15px; top: 50%; margin-top: -12px; font-size: 24px; color: #ffa600; }
.dateArea svg {position: absolute; right: 15px; top: 50%; margin-top: -12px; font-size: 20px; fill: #ffa600; }
.dateArea input {cursor: pointer}
.ui-datepicker-trigger { display: none; }
.ui-datepicker { border-radius: 5px !important; border: 1px solid #e1e1e1; background-color: #fff; }
.ui-datepicker .ui-datepicker-header { background: none; border: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 0; border-radius: 5px; transition:all 0.3s ease; }
.ui-state-default:hover { background: #f5f5f5; }
.ui-datepicker-today a { font-weight: 600; color: #ffa600; }
.ui-datepicker .ui-datepicker-prev { left: 2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right: 2px; cursor: pointer; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center; }
.ui-state-active { background: #ffa600 !important; color: #fff !important; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none; }

.ui-datepicker { width: auto; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding: 10px; background-color: #ffa600; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:11px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-prev { left:12px; }
.ui-datepicker .ui-datepicker-prev:before { font-family: "Font Awesome 6 Pro"; content: "\f053"; font-size: 20px; color: #fff; }
.ui-datepicker .ui-datepicker-next { right:12px; }
.ui-datepicker .ui-datepicker-next:before { font-family: "Font Awesome 6 Pro"; content: "\f054"; font-size: 20px; color: #fff; }
.ui-datepicker .ui-datepicker-prev-hover { left:12px; }
.ui-datepicker .ui-datepicker-next-hover { right:12px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: auto; padding: 5px 15px 5px 10px; appearance: none; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="white"><path d="M7 10l5 5 5-5z" /></svg>') no-repeat right center; color: #fff; }
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option { color: #000; }
.ui-datepicker select.ui-datepicker-month { margin-left: 10px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 400; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 5px 15px; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }




/*È£¹ö ½ºÅ¸ÀÏ*/
@media screen and (min-width: 1024px){

	.login_btn:hover { background-color: #ffa600; }
	.login_btn.form:hover { background-color: #000; color: #fff; }

	.header nav .depth1 > li:hover > a:before { width: 70%; }
	/*.header nav .depth1 .depth3 li > a:hover { font-weight: 600; }*/
	.header nav .depth1 .depth2 > li:hover > a span:before { opacity: 1; }

	.header .hd_top .hd_top_util .menu:hover { color: #ffa600; }
	.header .util_wrap .util_box .ico:hover > svg { fill: #ffa600; }

	.footer .ft_menu_wrap .ft_menu:hover:before { width: 100%; }
	.footer .info_wrap .btn_wrap .ft_btn:hover { color: #fff; border: 1px solid #fff; }
	.footer .other_wrap .sns_wrap a:hover { opacity: 1; }

	.sitemap .top .close_btn:hover svg { fill: rgba(255,255,255,0.8); }
	.sitemap .menu li.depth1:hover > a:before { opacity: 1; }
	.sitemap .menu li.depth1 .depth2 > li:hover > a span:before { width: 100%; }
	.sitemap .menu li.depth1 .depth3 li a:hover { opacity: 1; }

	.all_sch .close_btn:hover { opacity: 1; }

	.navi_bg a:hover .ico_tit { color: #ffa600; }

	.top_btn_box .top_btn:hover svg { top: -6px; }


}


@media screen and (max-width: 3000px) {
	html { font-size: 9.5px; }
}




@media screen and (max-width: 1920px){

	:root {
		--hd_height: 120px;
	}

	html { font-size: 9px; }
	.header .hd_top { height: 30px; }
	/*.header .hd_top .hd_top_util.left h1 a { /*width: 25%; margin: 0 auto;*/ }
	
	/*.header .hd_top .hd_top_util.left h1 {display: inline-block; margin: 0 auto;  width: 25%;}*/a
	
	.hd_btm { height: 90px; }
	.header nav .depth1 > li { width: 11.3%; }
	.header nav .depth1 > li.logo { width: 27rem; }
	.header nav .depth1 > li > a:not(.img) { font-size: 2rem; }
	.footer .info_wrap .txt_box { font-size: 14px; }
	.header nav .depth1 .depth3 li > a { font-size: 18px; }

	/*.header nav .depth1 > li > a span:before { bottom: -3.7rem; }*/

}

@media screen and (max-width: 1640px){
	html { font-size: 8.5px; }
	.sitemap .cont {width: 90%}
	.sitemap .menu li.depth1 > a {font-size: 3rem}
	.sitemap .menu li.depth1 .depth2 li a {font-size: 2.6rem}
	.sitemap .menu li.depth1 .depth3 li a {font-size: 1.6rem}
}

@media screen and (max-width: 1440px){
	html { font-size: 8.2px; }



	:root {
		--main_cont_pd: 16rem;
		--main_cont_pd_minus: -16rem;
		--sub_cont_pd: 8rem;
		--sub_h4: 2.8rem;
	}


	.header .util_wrap { right: 4rem; }


}



@media screen and (max-width: 1240px){
	:root {
		--hd_height: 90px;
	}

	body { font-size: 12px; }

	.move_text_box .text { font-size: 16rem; }


	.in2 { padding: 0 4rem; }
	.in2.flow_hidden { overflow: hidden; padding: 0 4rem var(--main_cont_pd); margin-bottom: var(--main_cont_pd_minus); }
	.in2.intro { overflow: hidden; }


	.header nav { display: block; position: fixed; left: 100%; top: 0; width: 100%; height: 100vh; padding: 15px 0 80px;  background-color: #ffa600; color: #fff; transition: left 0.5s ease; z-index: 100; }
	.header nav.on { left: 0; overflow: hidden; }
	.header nav .depth1 { display: block; width: 100%; overflow: auto; }
	.header nav .depth1 > li { width: auto; height: auto; padding: 20px 0; }
	.header nav .depth1 > li.logo { display: none; }
	.header nav .depth1 > li > a { justify-content: flex-start; padding: 0 2rem; }
	.header nav .depth1 > li.active > a { color: #ffa600; }
	.header nav .depth1 > li > a:not(.img) { font-size: 2.4rem; padding: 0 3.5rem; }
	.header nav .depth1 > li > a span:before { display: none; }
	.header nav .depth1 > li > a:after { content: "\f078";;display: inline-block; position: static; width: auto; height:auto; font-size: 15px; transform: translateX(0); vertical-align: middle; line-height: 1; margin-left: auto; font-weight: 500; transition: transform .3s; opacity: 1; background-color: transparent; font-family: "Font Awesome 6 Pro"}
	.header nav .depth1 > li > a.on:after { transform: rotate(180deg); }
	.header nav .depth1 a { font-size: 16px; }
	.header nav .depth1 > li > a:before { display: none; }

	.header nav .depth1 > li:nth-child(3),
	.header nav .depth1 > li:nth-child(4) { margin: 0; }


	.header nav .depth1 .depth2_wrap { position: static; transform: unset; width: 100% !important; color: #fff; display: none; opacity: 1; pointer-events: visible; }
	.header nav .depth1 .depth2_wrap:before { display: none; }
	.header nav .depth1 .depth2_wrap .gnb_tit { display: none; }
	.header nav .depth1 .depth2 { position: relative; left: unset; bottom: unset; height: auto; transform: unset; width: calc(100% - 4rem); margin: 20px 2rem 0; padding: 15px; border-radius: 5px; color: #fff; opacity: 0; transition: 0.1s; }
	.header nav .depth1 .depth2.on { opacity: 1; }
	.header nav .depth1 .depth2:before { display: none; }
	.header nav .depth1 .depth2 > li { flex-direction: column; margin-top: 0; margin-left: 0; padding: 0; }
	.header nav .depth1 .depth2 > li:first-of-type { padding-top: 0; }
	.header nav .depth1 .depth2 > li + li { border: 0; padding-top: 3.5rem; margin-left: 0; }
	.header nav .depth1 .depth2 > li > a { font-size: 16px; }
	.header nav .depth1 .depth_col3 .depth2 > li:nth-child(-n+3) { padding-top: 2rem; }
	.header nav .depth1 .depth3 li { margin-left: 0; }
	.header nav .depth1 .depth3 li > a { padding: 6px 0; font-size: 14px; color: rgba(255,255,255,0.5); }

	.header nav .depth1 .depth3 li { width: calc(100%/2); }

	.header nav .depth1 .depth3 { margin-top: 0; }

	.header nav .nav_top { margin-bottom: 40px; }
	.header nav .nav_top .btn_wrap { margin: 0 2rem; }
	.header nav .nav_top .btn_wrap .btn { /*padding: 5px 10px;*/ border: 0.5px solid #fff; border-radius: 2rem; font-size: 13px; color: #fff; }
	.header nav .nav_top .btn_wrap .btn + .btn { margin-left: 5px; }

	.header nav .close_btn { position: absolute; right: 2rem; top: 20px; width: 20px; height: 20px; font-size: 2.5rem; fill: #fff; text-align: center; line-height: 1em; z-index: 100; }
	.header nav .close_btn svg{overflow: visible; width: auto; height: auto;}
	.header .hd_mo { display: block !important; }
	.header .hd_pc { display: none !important; }

	.header .hd_top { display: none; padding: 0 4rem; }

	.header nav .inq_ment{margin-top:10px;color:rgba(255,255,255,.6)}
	.header nav .inq_ment span{color:#fff}
	.hd_btm { justify-content: space-between; padding: 0 4rem; }
	.hd_btm .logo { width: 250px; }

	.footer .ft_info { flex-direction: column; align-items: flex-start; padding: 3.5rem 0 30px; }
	.footer .logo { display: none; }

	.footer .ft_menu_wrap { width: calc(100% + 2rem); overflow: auto; padding-bottom: 10px; }
	.footer .ft_menu_wrap::-webkit-scrollbar { display: none; }
	.footer .ft_menu_wrap .ft_menu { white-space: nowrap; font-size: 14px; }
	.footer .ft_menu_wrap .ft_menu:last-child{padding-right: 2rem}
	.footer .info_wrap { margin-top: 30px; }
	.footer .info_wrap .txt_box { margin-top: 15px; font-size: 12px; }
	.footer .info_wrap .txt_box p { display: flex; align-items: flex-start; flex-direction: column; }
	.footer .info_wrap .txt_box p span { margin: 0; }
	.footer .info_wrap .txt_box p span:nth-of-type(3) { pointer-events: none; }
	.footer .info_wrap .txt_box p span + span:before { display: none; }

	.footer .other_wrap { display: flex; align-items: center; justify-content: space-between; flex-direction: row; width: 100%; margin-top: 20px; }
	.footer .other_wrap .sns_wrap { justify-content: flex-start; }
	.footer .other_wrap .mark { width: 50px; margin-top: 0; }

	.footer .ft_top .left { width: 50%; margin-right: 5em; }
	.footer .logo .img { width: 15rem; }

	.footer .ft_logo { margin-left: -45px; }
	.footer .ft_logo .box { margin-left: 45px; }
}

@media screen and (max-width: 1024px){
	:root {
		--main_cont_pd: 12rem;
		--main_cont_pd_minus: -12rem;
		--sub_cont_pd: 6rem;

		--main_tit: 4.5rem;

		--sub_tit: 4.2rem;
		--sub_h3: 3.6rem;
		--sub_subTit: 3rem;
		--sub_h4: 2.2rem;

	}

	.footer .ft_logo { flex-wrap: wrap; margin-top: -30px; justify-content: center; }
	.footer .ft_logo .box { width: calc(100%/3 - 30px); margin-top: 30px; margin-left: 30px; }
}

.hd_top_util {display:none;}

@media screen and (max-width: 768px){

	body { font-size: 12px; }
	:root {
		--main_cont_pd: 80px;
		--main_cont_pd_minus: -80px;

		--sub_cont_pd: 40px;

		--main_tit: 28px;
		--sub_tit: 20px;
		--sub_h3: 24px;
		--sub_subTit: 20px;
		--sub_h4: 16px;

		--hd_height : 60px;
	}

	.chk_box label { font-size: 16px; }

	.top_btn_box { right: 2rem; }

	.pc_only { display: none; }
	.mo_only { display: block; }

	.in2 { padding: 0 20px; overflow: hidden; }
	.in2.flow_hidden { padding: 0 20px var(--main_cont_pd); }


	.move_text_box .text { font-size: 70px; }

	.hd_top_util {display:block;}
	.hd_top_util img {width:160px;}
	.header .hd_top { padding: 0 2rem; }
	.header nav .depth1 { padding-bottom: 100px; }
	.hd_btm { height: 60px; padding: 0 2rem;}
	.hd_btm .logo { width: 150px; }

	.header .util_wrap .util_box .ico { font-size: 18px; }
	.header .util_wrap .util_box .ico + .ico { margin-left: 25px; }

	.header .util_wrap { right: 3rem; }

	.header.fix .all_sch{top: 60px}

	.header nav .depth1 .depth_col3 .depth2 { flex-direction: column; }
	.header nav .depth1 .depth_col3 .depth2 li { padding-top: 20px !important; }
	.header nav .depth1 .depth_col3 .depth2 li:first-of-type { padding-top: 0 !important; }

	.footer .ft_info { padding: 0 0 30px; }

 	.footer .logo .img{width: 90px}

	.top_btn_box { right: 20px; }
	.top_btn_box .top_btn{width: 6rem; height: 6rem}

	.mo_quick_wrap { position: fixed; left: 0; bottom: 0; width: 100%; display: block; height: 70px; padding: 7px 30px; background-color: #fff; z-index: 200; box-shadow: 0 0 15px 0 rgba(13,50,111,0.1); }
	.mo_quick_wrap .paging .swiper_btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 15px; color: #888; }
	.mo_quick_wrap .paging .swiper_btn.prev { left: 10px; }
	.mo_quick_wrap .paging .swiper_btn.next { right: 10px; }
	.mo_quick_wrap .box { display: block; }
	.mo_quick_wrap .box .ico { font-size: 20px; text-align: center; }
	.mo_quick_wrap .box .ico svg { width: auto; height: auto; fill: #ffa600; }
	.mo_quick_wrap .box .tit { text-align: center; color: #000; font-size: 13px; font-weight: 600; }

	.chk_box span { font-size: 12px; }

	/*date picker*/
	.date-box .ico { font-size: 13px; }
	.ui-datepicker .ui-datepicker-title { font-size: 13px; }
	.ui-datepicker table { font-size: 13px; }
	.ui-datepicker .ui-datepicker-next:before,
	.ui-datepicker .ui-datepicker-prev:before { font-size: 13px; }
	.ui-datepicker td span, .ui-datepicker td a { padding: 5px 8px; }

	.all_sch { height: 140px; }
	.all_sch .sch_box { height: 45px; line-height: 45px; border-radius: 5rem; }
	.all_sch .sch_box .ico svg { margin-bottom: 3px; }

	.footer .ft_logo_wrap { padding: 30px 0 100px; }
	.footer .ft_logo { width:100%; margin-top: -20px;gap:10px}
	.footer .ft_logo .box {width:calc(32% - 5px);margin:0}
	.footer .ft_logo .box .symbol { height: 20px; }
	.footer .ft_logo .box .txt { font-size: 10px; }
	/*.footer .ft_logo .box:nth-of-type(4),*/
	/*.footer .ft_logo .box:nth-of-type(5) { width: calc(100%/2 - 10px); }*/

}
@media(max-width:480px){
.footer .ft_logo .box {width:calc(50% - 5px);margin:0}
}





/*¸ÞÀÎ ºñÁÖ¾ó*/
.visual_sect {position: relative; }

.visual_sect .swiper-container .swiper-slide {width: 100%; height: 100vh; /*margin-top: var(--hd_height);*/ position: relative}
.visual_sect .swiper-container:before {background: linear-gradient(-135deg, rgba(0,0,0,0) 70%, rgba(13,50,111,1) 99%); position: absolute; left: 0; bottom: 0; width: 80%; height: 100%; display: block; content: ""; z-index: 2; opacity: 0.4; pointer-events: none; }
.visual_sect .swiper-container .swiper-slide:before {content:""; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.4; left: 0; top: 0; z-index: 3}
.visual_sect .swiper-container .swiper-slide {background-position: center;background-size: contain; position: relative; overflow: hidden; }
.visual_sect .swiper-container .swiper-slide .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: contain; background-position: center; transform: scale(1.15);}
.visual_sect .swiper-container .img img { width: 100%; height: 100%; object-fit: contain; }
.visual_sect .swiper-container .img video { width: 100%; height: 100%; object-fit: cover; }
.visual_sect .swiper-container .img iframe { position: absolute; left: 50%; top: 50%; width: 100%; height: 130%; object-fit: contain; transform: translate(-50%, -50%); }
.visual_sect .swiper-container .swiper-slide-active .img { animation: fadezoom 4s 0s forwards; }
.visual_sect .swiper-container .swiper-slide-prev .img { animation: fadezoom 4s 0s forwards; }

@keyframes fadezoom {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}

.visual_sect .swiper-container .swiper-slide .txt_box {position: absolute; transform: translate(-50%,-50%); left: 50%; top: 45%; color: #fff; text-align: left; width: 80%; z-index: 3}
.visual_sect .swiper-container .swiper-slide .txt_box .tit {    font-weight: 600;
    margin-top: 0px;
    font-size: 32px;}
/*.visual_sect .swiper-container .swiper-slide .txt_box .tit span { display: inline-block; transform: translateY(100%); transition: transform 0.7s ease-in-out; }*/
.visual_sect.active .swiper-container .swiper-slide .txt_box .tit span { transform: unset; }
.visual_sect .swiper-container .swiper-slide .txt_box .txt_title {    display: block;
    font-size: 24px;
    font-weight: 200;}
.visual_sect .swiper-container .swiper-slide .txt_box .txt {    margin-top: 20px;
    padding-left: 50px;
    font-size: 62px;
    white-space: pre-line;}
.visual_sect.active .swiper-container .swiper-slide .txt_box .txt { opacity: 1; }
.visual_sect .swiper-container .swiper-slide .txt_box .btn_box {margin-top: 45px; }
.visual_sect .swiper-container .swiper-slide .txt_box .btn_box a {display: inline-block; border: 1px solid #fff; padding: 17px 35px; transition: all .3s}
.visual_sect .swiper-container .swiper-slide .txt_box .btn_box a i {margin-left: 40px}


.visual_sect .slide_move { position: absolute; left: 50%; bottom: 21rem; z-index: 10; display: flex; align-items: center; transform: translateX(-50%); }
.visual_sect .slide_move .btn {position: absolute; left: 51%; top: 50%; transform: translate(-50%,-50%);}
.visual_sect .slide_move .btn .pause {display: flex; justify-content: space-between; width: 10px; height: 12px;}
.visual_sect .slide_move .btn .pause span{ width: 2.5px; height: 100%; background-color: #fff; display: block; border-radius: 5px;}
.visual_sect .slide_move .btn .off {display: none;}
.visual_sect .slide_move .btn .play {color: #fff;}
.visual_sect .slide_move .btn .play i {color:#fff;}
.visual_sect .slide_move .paging_btn { display: flex;align-items: center; margin-left: 5rem; margin-top: 0; color:#fff}
.visual_sect .slide_move .swiper-button-next,
.visual_sect .slide_move .swiper-button-prev {position: static; margin: 0; width: auto; height: auto; color: #fff; opacity: 0.5 ;transition: all .3s}
.visual_sect .slide_move .swiper-pagination1 {position: static; color: #ffffff; font-size: 18px; font-weight: 700; margin: 0 3rem; padding-top:15px;}
.visual_sect .slide_move .swiper-pagination1 span {opacity: 0.5}
.visual_sect .slide_move .swiper-pagination1 .barSpace { display: inline-block; margin: 0 1.5rem; font-size: 14px; transform: rotate(18deg); }
.visual_sect .slide_move .swiper-pagination1 .swiper-pagination-current {opacity: 1}
.visual_sect .slide_move .swiper-pagination1 .swiper-pagination-fraction {}
#timer { position: relative; width: 40px; height: 40px; margin: 0;  }

/*¼­ºñ½º ¹Ù·Î°¡±â*/
.visual_sect .schedule_banner {display: flex; position: absolute; left: 50%; bottom : 60px; transform: translateX(-50%); z-index: 10; width: auto; max-width: 100%; border-radius: 20px; overflow: hidden; }
.visual_sect .schedule_banner .left { background-repeat: no-repeat; background-size: 200% auto; background-image: linear-gradient(45deg, rgba(13,50,111,1) 17%, rgba(192,163,83,1) 63%);
    padding: 2rem 2.4rem; color: #fff; display: block; text-align: left; transition: ease-in-out .3s; width: 16rem; }
.visual_sect .schedule_banner .left p { font-size: 1.7rem; font-weight: 600; }
.visual_sect .schedule_banner .left .plus { display: inline-block; width: 100%; fill: #fff; margin-top: 1.5rem; }
.visual_sect .schedule_banner .left .plus svg { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: auto; transition: transform 0.3s; }


.visual_sect .schedule_banner .list { display: flex; flex: 1; white-space: nowrap; justify-content: space-around; background-color: #ffffff; }
.visual_sect .schedule_banner .list li { transition: background-color 0.5s, color 0.5s; }
.visual_sect .schedule_banner .list .ser_box { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem 5.5rem 1.7rem; }
.visual_sect .schedule_banner .list .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 3.1rem; height: 3rem; margin-bottom: 1.3rem; text-align: center; }
.visual_sect .schedule_banner .list .ico svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #ffa600; transition: fill 0.5s; }
.visual_sect .schedule_banner .list .txt { font-size: 2rem; font-weight: 600; }



/*¸ÞÀΰøÅë*/
.main_tit_wrap { position: relative; z-index: 20; }
.main_tit_wrap.wh { color: #fff; }
.main_tit_wrap.center { text-align: center; }
.main_tit { font-size: 4.8rem; font-weight: 700; }
.main_txt { margin-top: 1.5rem; font-size: 1.8rem; color: #9B9B9B; }
.main_tit_wrap .btn_wrap { margin-top: 4rem; }

.btn_wrap { display: flex; justify-content: center; position: relative; z-index: 1; gap: 5rem;}
.btn_wrap.center { justify-content: center; }
.btn_wrap.right { justify-content: flex-end; }

.main_btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 6rem; padding: 0 3.5rem; font-weight: 500; font-size: 1.7rem; transition: background-color .3s; color: #fff; text-align: center; border-radius: 2em;background-color: #ffa600;}
.main_btn + .main_btn { margin-left: 10px; }
.main_btn .ico { display: flex; align-items: center; width: 1em; height: 1em; margin-left: 4rem; }
.main_btn .ico svg { overflow: visible; width: auto; height: auto; fill: #fff; transition: transform .3s; }

.main_btn.line { background: #ffa600; /*border: 1.5px solid #fff;*/ transition: color 0.3s, background-color 0.3s; }
.main_btn.line.type2 {background-color: #000; color: #ffffff; /* border: 1.5px solid #ffffff;*/ transition: color 0.3s, background-color 0.3s; }
.main_btn.line.type2 .ico svg { fill: #fff; }
.main_btn.line.yellow { background-color: #ffa600; }

.main_btn.wide { min-width: 20rem; }
.main_btn.w100 { min-width: 100%; }

.plus_btn { width: 4.3rem; height: 4.3rem; transition: transform 0.4s; }

/*.paging_btn { display: flex; align-items: center; justify-content: center; margin-top: 5rem; font-family: var(--spoqa); }
/*.swiper-pagination { max-width: 110px; font-weight: 700; }*/
/*.swiper-pagination .barSpace { margin: 0 1.5rem; color: #D4D4D4; }
.paging_btn .swiper-button-next,
.paging_btn .swiper-button-prev,
.swiper-pagination { position: static; margin: 0; }
.paging_btn .swiper-button-disabled { opacity: 0.2; }
.paging_btn .swiper-button-next svg,
.paging_btn .swiper-button-prev svg { width: 2rem; fill: #CACACA; transition: fill 0.3s; }*/


.depart_sect  .paging_btn {position: absolute;
    left: 50%;
    top: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% + 12rem);
    transform: translate(-50%, -50%);}
.depart_sect  .swiper_btn { width: 3rem !important; height: 4.5rem !important; cursor: pointer; }
.depart_sect  .swiper_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #ababab; transition: fill 0.3s; }
.depart_sect  .swiper_btn:hover svg { fill: #000; }




/*ÃֽżҽÄ*/
.news_sect { padding: var(--main_cont_pd) 0; }
.news_sect .top { display: flex; align-items: flex-end; justify-content: space-between; justify-content: space-between;}
.news_sect .cont { position: relative; margin-top: 2rem; }
.news_sect .cont .swiper-container { transform: translateX(-2rem); width: calc(100% + 4rem); padding: 30px 2rem; height:335px;}
.news_sect .cont .paging { position: absolute; left: 50%; top: 45px; display: flex; align-items: center; justify-content: space-between; width: calc(100% + 12rem); padding-top: calc(63%/4 - 150px/4); transform: translate(-50%, -50%); }
.news_sect .cont .paging .swiper_btn { width: 3rem; height: 4.5rem; cursor: pointer; }
.news_sect .cont .paging .swiper_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #ababab; transition: fill 0.3s; }
.news_sect .cont .paging .swiper_btn.swiper-button-disabled svg { fill: #E0E0E0; }

.news_sect .newsSwiper .swiper-slide { width: calc(100%/4); opacity: 0; transform: translateY(30px); transition: opacity 0.9s, transform 0.9s; }
.news_sect .newsSwiper .swiper-slide:nth-of-type(1) { transition-delay: 0.2s; }
.news_sect .newsSwiper .swiper-slide:nth-of-type(2) { transition-delay: 0.35s; }
.news_sect .newsSwiper .swiper-slide:nth-of-type(3) { transition-delay: 0.5s; }
.news_sect .newsSwiper .swiper-slide:nth-of-type(4) { transition-delay: 0.65s; }
.news_sect.active .newsSwiper .swiper-slide { opacity: 1; transform: unset; }
.news_sect .newsSwiper .box { display: block; border-radius: 20px; overflow: hidden; box-shadow: 0 5px 30px 0 rgba(255,255,255,0); background-color: #f5f7f9; transform: translateY(15px); transition: box-shadow 0.3s, transform 0.3s, background-color 0.3s; }
.news_sect .newsSwiper .box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 10; opacity: 0; transition: opacity 0.3s; pointer-events: none; border-radius: 2rem; }
.news_sect .newsSwiper .box.on:before { opacity: 1; }
.news_sect .newsSwiper .box .img { position: relative; width: 100%; padding-top: 63%; border-radius: 2rem 2rem 0 0; overflow: hidden; transition: border-radius 0.3s; }
/*.news_sect .newsSwiper .box .img:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f6f7f8; }*/
.news_sect .newsSwiper .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.98); }

.news_sect .newsSwiper .box .tips { position: absolute; left: 1.5rem; top: 1rem; z-index: 10; }
.news_sect .newsSwiper .box .tips span { display: inline-block; width: auto; min-width: 6rem; height: 2.4rem; padding: 0 0.8rem; line-height: 2.5rem; border-radius: 2em; font-size: 1.5rem; font-weight: 500; background-color: #ffa600; color: #fff; text-align: center; }
.news_sect .newsSwiper .box .tips.done span { background-color: #9E9E9E; }

.news_sect .newsSwiper .box .bottom { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 3rem 3rem 3rem; margin-top: 0; }
.news_sect .newsSwiper .box .share_area { position: relative; }
.news_sect .newsSwiper .box .share_area .share_btn { position: relative; display: flex; align-items: flex-end; width: 3.6rem; height: 3.6rem; border-radius: 100%; background-color: #fff; font-size: 2rem; cursor: pointer; z-index: 20; transition: background-color 0.2s; }
.news_sect .newsSwiper .box .share_area .share_btn svg { position: absolute; left: 50%; top: 50%; width: auto; height: auto; fill: #BDBDBD; transform: translate(-50%, -50%); }
.news_sect .newsSwiper .box .share_area .share_btn svg.off { display: none; }

.news_sect .newsSwiper .box .share_area .share_wrap { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column-reverse; left: 50%; top: -1rem; transform: translate(-50%, -100%); z-index: 20; pointer-events: none; }
.news_sect .newsSwiper .box .share_area .share_wrap button { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border-radius: 100%; background-color: #F6F7F8; opacity: 0; transition: transform 0.5s, opacity 0.5s, background-color 0.3s; }
.news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(2) { transform: translateY(calc(100% + 0.8rem)); }
.news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(3) { transform: translateY(calc(200% + 1.6rem)); }
.news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(4) { transform: translateY( calc(300% + 2.4rem)); }
.news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(5) { transform: translateY( calc(400% + 3.2rem)); }

.news_sect .newsSwiper .box .share_area .share_wrap button + button { margin-bottom: 0.8rem; }
.news_sect .newsSwiper .box .share_area .share_wrap button .ico { display: flex; align-items: center; justify-content: center; width: 55%; height: 55%; opacity: 0.4; font-size: 1.8rem; transition: opacity 0.3s; }
.news_sect .newsSwiper .box .share_area .share_wrap button .ico svg { display: flex; align-items: center; justify-content: center; width: auto; height: auto; fill: #000; transition: fill 0.2s; }

.news_sect .newsSwiper .box.on .share_area .share_btn svg.on { display: none; }
.news_sect .newsSwiper .box.on .share_area .share_btn svg.off { display: block; }
.news_sect .newsSwiper .box.on .share_area .share_wrap { pointer-events: auto; }
.news_sect .newsSwiper .box.on .share_area .share_wrap button { transform: unset; opacity: 1; }


/*°¡·Î*/
.news_sect .newsSwiper .box .share_area.row .share_wrap { flex-direction: row-reverse; left: -1rem; top: 50%; transform: translate(-100%, -50%); }
.news_sect .newsSwiper .box .share_area.row .share_wrap button + button { margin-bottom: 0; margin-right: 0.8rem }


.news_sect .newsSwiper .box .txt_box { padding: 3rem; transition: background-color 0.3s; }
.news_sect .newsSwiper .box .txt_box .label { font-weight: 700; color: #ffa600; }
.news_sect .newsSwiper .box .txt_box .tit { height: 2.8em; margin-top: 0.5rem; font-size: 2.2rem; font-weight: 600; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.4; }
.news_sect .newsSwiper .box .bottom .date { margin-top: 0; font-size: 1.6rem; color: #9E9E9E; }


/*ÂüÁ¶Àºº´¿ø_story*/
.story_sect { position: relative; padding: var(--main_cont_pd) 0 calc(var(--main_cont_pd)*1.4) 0; overflow: hidden; }
.story_sect .bg { position: absolute; top: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.story_sect .bg img { width: 100%; height: 100%; object-fit: cover; }
.story_sect .wrap { position: relative; margin-left: calc((100% - 184rem)/2 + 20px); }

.story_sect .cont { position: relative; display: flex; align-items: flex-start; justify-content: flex-start;; color: #fff; z-index: 30; }
.story_sect .cont .left { display: flex; flex-direction: column; align-items: flex-end; }
.story_sect .cont .left .sub_tit{opacity: 0; transform: translateY(150%); margin-right: 0.25em; font-size: clamp(4.5rem, 3.8571rem + 1.3393vw, 6rem); line-height: 1em}
.story_sect .cont .left .sub_tit svg{overflow: visible; width: auto; height: auto}
.story_sect .cont .left .tit { display: flex; align-items: center; justify-content: flex-start; font-size: clamp(20rem, 17rem + 6.25vw, 27rem); font-family: var(--serif); line-height: 1em; }
.story_sect .cont .left .tit svg {overflow: visible; width: auto; height: auto }

.story_sect .cont .right { margin-top: clamp(11rem, 8.4286rem + 5.3571vw, 17rem); margin-left: 7%; }
.story_sect .cont .right .txt { position: relative; font-size: 2rem; line-height: 2; opacity: 0.3; transition: opacity 1.5s ease; }
.story_sect .cont .right .point { opacity: 0; transform: translateY(20%); margin-bottom: 1em; font-size: clamp(3.6rem, 3.0857rem + 1.0714vw, 4.8rem); font-weight: 600; line-height: 1.4; }
.story_sect .cont .right .point b{color: #fff}

/* active */
.story_sect.active .cont .left .sub_tit{opacity: 1; transform: translateY(130%); transition: opacity 1s 1.5s, transform 1s 1.5s}
.story_sect.active .cont .right .point{opacity: 1; transform: translateY(0%); transition: opacity 1s 1s, transform 1s 1s}
.story_sect.active .cont .right .point b{color: #ffa600; transition: color 1s 2s}
.story_sect.active .cont .right .txt { opacity: 1; }
.story_sect.active .cont .right .txt { transition-delay: calc(1s + var(--txt-index)*0.3s) }

.story_sect .btn_wrap { margin-top: 8rem }
.story_sect .btn_wrap .main_btn.line{ background: none }


/*½ºÅ丮 svg ¾Ö´Ï¸ÞÀ̼Ç*/
.story_sect svg .svg-elem-1 {stroke-dashoffset: 751.039794921875px; stroke-dasharray: 751.039794921875px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;}
.story_sect.active svg .svg-elem-1 {stroke-dashoffset: 0; fill: rgb(255, 255, 255);}
.story_sect svg .svg-elem-2 {stroke-dashoffset: 418.80230712890625px; stroke-dasharray: 418.80230712890625px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;}
.story_sect.active svg .svg-elem-2 {stroke-dashoffset: 0; fill: rgb(255, 255, 255);}
.story_sect svg .svg-elem-3 {stroke-dashoffset: 584.8707275390625px; stroke-dasharray: 584.8707275390625px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5999999999999999s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5999999999999999s;}
.story_sect.active svg .svg-elem-3 {stroke-dashoffset: 0; fill: rgb(255, 255, 255);}
.story_sect svg .svg-elem-4 {stroke-dashoffset: 437.84747314453125px; stroke-dasharray: 437.84747314453125px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;}
.story_sect.active svg .svg-elem-4 {stroke-dashoffset: 0; fill: rgb(255, 255, 255);}
.story_sect svg .svg-elem-5 {stroke-dashoffset: 731.14453125px; stroke-dasharray: 731.14453125px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;}
.story_sect.active svg .svg-elem-5 {stroke-dashoffset: 0; fill: rgb(255, 255, 255);}
.story_sect svg .svg-elem-6 {stroke-dashoffset: 77.39822368615503px; stroke-dasharray: 77.39822368615503px; fill: transparent; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;}
.story_sect.active svg .svg-elem-6 {stroke-dashoffset: 0; fill: rgb(192, 163, 83);}


/*Ư¼ºÈ­¼¾ÅÍ*/
.center_sect { position: relative; padding: var(--main_cont_pd) 0 0; }
/*.center_sect:before {left: 0; bottom: 0;content: ""; background: linear-gradient(-135deg, rgba(255,255,255,0) 70%,rgba(13,50,111,0.5) 120%); position: absolute; width: 50%; height: 100%; }*/

.center_sect .top { display: flex; align-items: flex-end; justify-content: space-between; }

.center_sect .centerTabSwiper { opacity: 0; transition: opacity 0.7s; transition-delay: 0.5s; }
.center_sect .stuSwiper { opacity: 0; transition: opacity 0.7s; transition-delay: 0.5s; }
.center_sect.active .centerTabSwiper { opacity: 1; }
.center_sect.active .stuSwiper { opacity: 1; }

.center_sect .tab_box { margin-top: 8rem; }
.center_sect .tab_box .swiper-slide { width: calc(100%/8.5); }
.center_sect .tab_box .btn { position: relative; width: 100%; padding: 0 0 2.5rem; font-size: 2rem; font-weight: 700; color: #c9c9c9; text-align: center; white-space: nowrap; transition: border-bottom .3s, color 0.3s; }
.center_sect .tab_box .btn:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd; transition: background-color 0.3s; }
.center_sect .tab_box .btn.on { color: #ffa600; pointer-events: none; }
.center_sect .tab_box .btn.on:before { background-color: #ffa600 }
.center_sect .cont_wrap { position: relative; padding-top: 12rem; }
.center_sect .cont_wrap:after { content: ''; display: block; clear: both; }
.center_sect .cont_wrap .cont { position: static; left: 0; top: 0; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; height: 100%; animation: menuAni .5s; }
.center_sect .cont_wrap .cont.on { display: flex; animation: menuAni .5s; }

.center_sect .cont_wrap .cont .left_box { position: relative; width: 40%; margin-top: 5%; opacity: 1; transition: all .3s; }
.center_sect .cont_wrap .cont .left_box .img_box { width: 95%; padding-top: 60%; position: relative }
.center_sect .cont_wrap .cont .left_box .img_box .img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; }
.center_sect .cont_wrap .cont .left_box .txt_box {  }
.center_sect .cont_wrap .cont .left_box .txt_box .tit { font-size: 3.6rem; font-weight: 700; }
.center_sect .cont_wrap .cont .left_box .txt_box .txt { margin-top: 2.5rem; font-size: 2.2rem; font-weight: 600; }
.center_sect .cont_wrap .cont .left_box .txt_box .area_wrap { margin-top: 6rem; }
.center_sect .cont_wrap .cont .left_box .txt_box .area_wrap .in_tit { color: #ffa600; font-weight: 700; }
.center_sect .cont_wrap .cont .left_box .txt_box .area_wrap .in_txt { margin-top: 1rem; font-size: 2rem; word-break: keep-all; color: #9E9E9E; font-weight: 500;; }
.center_sect .cont_wrap .cont .left_box .btn_box { display: flex; margin-top: 4.5rem; }
.center_sect .cont_wrap .cont .left_box .btn_box .plus_btn { width: 4.3rem; height: 4.3rem; margin-left: auto; margin-right: 5%; }

.center_sect .stuSwiper { position: relative; }
.center_sect .stuSwiper .cont_wrap > .swiper-slide { opacity: 0 !important; }
.center_sect .stuSwiper .cont_wrap > .swiper-slide-active { opacity: 1 !important; }
.center_sect .cont_wrap .cont .slide_box { position: relative; width: 55%; transition: all .3s; opacity: 1; border-radius: 20px; overflow: hidden; pointer-events: none; z-index: -1; }
.center_sect .cont_wrap .cont .slide_box .swiper-slide .img_box { position: relative; width: 100%; padding-top: 65%; }
.center_sect .cont_wrap .cont .slide_box .swiper-slide .img_box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.center_sect .cont_wrap .cont .slide_box .swiper-dots { position: absolute; left: 50%; bottom: 40px; display: flex; align-items: center; justify-content: center; width: 100%; transform: translateX(-50%); z-index: 100; }
.center_sect .cont_wrap .cont .slide_box .swiper-dots  .swiper-pagination-bullet { opacity: 1; background-color: rgba(255,255,255,0.3); transition: all .3s; margin: 0 10px}
.center_sect .cont_wrap .cont .slide_box .swiper-dots .swiper-pagination-bullet-active {background-color: #fff}

.center_sect .cont_wrap .cont.no_slide .slide_box {pointer-events: none}
.center_sect .cont_wrap .cont.no_slide .slide_box .swiper-pagination {display: none}

.center_sect .paging_btn { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-top: 0; font-family: var(--spoqa); }
.center_sect .swiper-pagination { max-width: 110px; font-weight: 700; }
.center_sect .swiper-pagination .barSpace { display: inline-block; font-size: 1.4rem; margin: 0 1.5rem; color: #D4D4D4; transform: rotate(15deg); }

.center_sect .paging_btn .swiper-button-next,
.center_sect .paging_btn .swiper-button-prev,
.center_sect .swiper-pagination { position: static; width: auto; height: auto; margin: 0 1.75rem; }

.center_sect .paging_btn .swiper-button-disabled { opacity: 0.2; }

.center_sect .paging_btn .swiper-button-next svg,
.center_sect .paging_btn .swiper-button-prev svg { width: auto; height: auto; fill: #515151; }


@keyframes menuAni {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/*Áø·á°ú*/
.depart_sect { padding: var(--main_cont_pd) 0 0; }

.depart_sect .top { display: flex; align-items: flex-end; justify-content: space-between; }
.depart_sect .cont { margin-top: 6rem; margin-bottom:4rem}
.depart_sect .departSwiper{transform: translateX(-2rem); width: calc(100% + 4rem); padding: 2rem}
.depart_sect .departSwiper .depart_box { display: block; height: 29rem; padding: 3rem; background: #f6f7f8; border-radius: 20px; transform: translateY(-50px); opacity: 0; transition: opacity 0.5s, background-color 0.5s; }
.depart_sect.active .departSwiper .depart_box { opacity: 1; transform: unset; }

.depart_sect .departSwiper .depart_box .num { font-size: 2.2rem; font-weight: 700; color: #ffa600; transition: color 0.5s; }
.depart_sect .departSwiper .depart_box .tit { margin-top: 0.5rem; font-size: 3rem; font-weight: 600; transition: color 0.5s; }

.depart_sect .departSwiper .depart_box .goto { display: flex; align-items: center; justify-content: flex-start; margin-top: 1rem; color: #9B9B9B; transition: color 0.5s; }
.depart_sect .departSwiper .depart_box .goto .ico { width: 1em; height: 1em; margin-left: 1.2rem; }
.depart_sect .departSwiper .depart_box .goto .ico svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #9B9B9B; transition: fill 0.5s; }

.depart_sect .departSwiper .depart_box .icon { margin-top: 5rem; margin-left: auto; text-align: right; font-size: 6rem; line-height: 1em }
.depart_sect .departSwiper .depart_box .icon svg { width: auto; height: auto; transition: fill 0.5s; }
.depart_sect .departSwiper .depart_box .icon svg * { transition: stroke 0.5s; }


.bg_sect { background-color: #F5F6F8; }
/*ÂüÁ¶Àº tv*/
.tv_sect { overflow: hidden; padding: var(--main_cont_pd) 0; }
.tv_sect .in { position: relative; z-index: 10; }
.tv_sect .top { display: flex; align-items: flex-end; justify-content: space-between; }
.tv_sect .cont { display: flex; align-items: stretch; justify-content: space-between; margin-top: 6rem; }
.tv_sect .cont .left { width: 65%; margin-right: 4rem; }

.tv_sect .cont .img { display: block; position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; }
.tv_sect .cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.tv_sect .cont .img iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }

.tv_sect .cont .right { width: 35%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; }
.tv_sect .cont .right .box { display: flex; align-items: center; justify-content: flex-start; width: 100%; }
.tv_sect .cont .right .box .img { display: block; width: 43%; padding-top: 24.25%; margin-right: 3rem; flex-shrink: 0; overflow: hidden; }
.tv_sect .cont .right .box .hash { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 1.6rem; color: #9B9B9B; font-weight: 500; }
.tv_sect .cont .right .box .tit { margin-top: 1rem; font-size: 2.2rem; font-weight: 600; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.4em; }

.tv_sect .move_text_box { margin-top: 12rem; }

/*tv animation*/
.tv_sect .cont .img { opacity: 0; transition: opacity 0.7s, transform 0.7s; }
.tv_sect .cont .img{ transform: translateY(20px); }
.tv_sect .cont .imgiframe { pointer-events: none; }
.tv_sect .cont .right .box .img { transform: translateX(30px); }

.tv_sect .cont .right .box .hash { opacity: 0; transform: translateX(20px); transition: opacity 0.7s, transform 0.7s; }
.tv_sect .cont .right .box .tit { opacity: 0; transform: translateX(20px); transition: opacity 0.7s, transform 0.7s; }

.tv_sect.active .cont .img { opacity: 1; transform: unset; }
.tv_sect.active .cont .right .box .img { transform: unset; }
.tv_sect.active .cont .right .box:nth-of-type(1) .img { transition-delay: 0.3s; }
.tv_sect.active .cont .right .box:nth-of-type(2) .img { transition-delay: 0.5s; }
.tv_sect.active .cont .right .box:nth-of-type(3) .img { transition-delay: 0.7s; }
.tv_sect.active .cont .right .box:nth-of-type(4) .img { transition-delay: 0.9s; }

.tv_sect.active .cont .right .box .hash { opacity: 1; transform: unset; transition-delay: 0.4s; }
.tv_sect.active .cont .right .box .tit { opacity: 1; transform: unset; transition-delay: 0.45s; }

.tv_sect.active .cont .right .box:nth-of-type(2) .hash { transition-delay: 0.6s }
.tv_sect.active .cont .right .box:nth-of-type(2) .tit { transition-delay: 0.65s }
.tv_sect.active .cont .right .box:nth-of-type(3) .hash { transition-delay: 0.8s }
.tv_sect.active .cont .right .box:nth-of-type(3) .tit { transition-delay: 0.85s }
.tv_sect.active .cont .right .box:nth-of-type(4) .hash { transition-delay: 1s }
.tv_sect.active .cont .right .box:nth-of-type(4) .tit { transition-delay: 1.05s }

/*È«º¸ ¹è³Ê*/
.banner_sect { padding: 8rem 0; background-color: rgba(13,50,111,0.05); }
.banner_sect .cont { width: 100%; margin: 6rem auto 0; }
.banner_sect .cont .banner { position: relative; display: block; border-radius: 2rem; padding-top: 36%; overflow: hidden; }
.banner_sect .cont .banner.empty_link { pointer-events: none; }
.banner_sect .cont .banner .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner_sect .cont .banner .img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s }
.banner_sect .cont .banner .img:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2) }
.banner_sect .cont .banner .txt_box { position: absolute; left: 6rem; top: 6rem; z-index: 1; width: calc(100% - 12%); margin: 0 auto; color: #fff; }
.banner_sect .cont .banner .txt_box .top { display: flex; justify-content: space-between; flex-direction: column; font-size: 3.2rem; }
.banner_sect .cont .banner .txt_box .tit { font-weight: 700; line-height: 1.3em }
.banner_sect .cont .banner .txt_box .txt { margin-top: 1.5rem; font-size: 1.8rem; }
.banner_sect .cont .banner .txt_box .txt + .txt { margin-top: 0; }
.banner_sect .cont .banner .txt_box .plus { display: none; padding: 0.25em 0; font-size: 0.8em }
.banner_sect .cont .banner.empty_link .txt_box .plus { display: none; }
.banner_sect .cont .banner .txt_box .plus svg { display: flex; align-items: center; justify-content: center; fill: #fff; width: auto; height: auto; transition: transform 0.3s }

.banner_sect .paging { display: flex; align-items: center; justify-content: center; margin-top: 6rem; }
.banner_sect .paging .swiper-pagination-bullet { opacity: 1; background-color: rgba(189,189,189,0.3); transition: all .3s; margin: 0 15px; }
.banner_sect .paging .swiper-pagination-bullet-active { background-color: #ffa600; }

.banner_sect .bannerSwiper .swiper-slide { width: calc(100%/2 - 30px); margin-right: 30px; }
/*.banner_sect .bannerSwiper .swiper-slide + .swiper-slide {  }*/



.pr_sect { overflow: hidden; padding: 0 0 var(--main_cont_pd); }
.pr_sect .prSwiper { overflow: visible; }
.pr_sect .prSwiper .swiper-slide { position: relative; opacity: 0 !important; z-index: 5; pointer-events: none; }
.pr_sect .prSwiper .swiper-slide[class$=-active] { opacity: 1 !important; pointer-events: visible; }
.pr_sect .cont { position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 39%; background-color: #F5F6F8; border-radius: 2rem; }
.pr_sect .cont.empty_link { pointer-events: none; }
.pr_sect .cont .txt_box { position: absolute; left: 10rem; top: 12rem; width: 45%; margin-right: auto; }
.pr_sect .cont .txt_box .desc { font-size: 3rem; font-weight: 600; }
.pr_sect .cont .txt_box .tit { margin-top: 5rem; font-size: 5rem; font-weight: 600; line-height: 1.3; }
.pr_sect .cont .txt_box .tit + .tit { margin-top: 0; }
.pr_sect .cont .txt_box .txt { margin-top: 3rem; font-size: 2rem; font-weight: 500; }
.pr_sect .cont .txt_box .txt + .txt { margin-top: 0.5rem; }

.pr_sect .cont .img { position: absolute; left: 49%; top: 9rem; width: 60%; max-width: 50vw; padding-top: 38%; }
.pr_sect .cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: left; }

.pr_sect .paging { position: absolute; left: 25%; bottom: -6rem; display: flex; align-items: center; justify-content: center; width: 30%; transform: translateY(-100%); }
.pr_sect .paging  .swiper-pagination-bullet { opacity: 1; background-color: rgba(189,189,189,0.3); transition: all .3s; margin: 0 15px; }
.pr_sect .paging .swiper-pagination-bullet-active { background-color: #ffa600; }

/*pr ¾Ö´Ï¸ÞÀ̼Ç*/
.pr_sect .cont .txt_box .desc { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; transition-delay: 0.3s; }
.pr_sect .cont .txt_box .tit { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; transition-delay: 0.5s; }
.pr_sect .cont .txt_box .txt { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; transition-delay: 0.7s; }
.pr_sect .cont .txt_box .plus_btn { margin-top: 5rem; }

.pr_sect.active .cont .txt_box .desc { opacity: 1; transform: unset; }
.pr_sect.active .cont .txt_box .tit { opacity: 1; transform: unset; }
.pr_sect.active .cont .txt_box .txt { opacity: 1; transform: unset; }

.pr_sect .cont .img { width: 0; transition: width 1s; transition-delay: 0.9s; }
.pr_sect.active .cont .img { width: 55%; }
/*.pr_sect.active .cont .img { left: 50%; opacity: 1; }*/


/*°Ç°­Á¤º¸*/
.health_sect { padding: var(--main_cont_pd) 0; }
.health_sect .top { display: flex; align-items: flex-end; justify-content: space-between; }
.health_sect .cont { position: relative; }
.health_sect .cont .healthSwiper { transform: translateX(-2rem); width: calc(100% + 4rem); padding: 6rem 2rem 20px 2rem; }
.health_sect .cont .healthSwiper .swiper-wrapper{}
.health_sect .cont .healthSwiper .swiper-slide { opacity: 0; transform: translateY(-20px); transition: opacity 0.7s, transform 0.7s; }
.health_sect.active .cont .healthSwiper .swiper-slide { opacity: 1; transform: unset; }
.health_sect .cont .healthSwiper .swiper-slide .img { position: relative; display: block; padding-top: 100%; border-radius: 2rem; overflow: hidden; box-shadow: 0 5px 20px 0 rgba(255,255,255,0.2); transition: transform 0.3s, border 0.3s, box-shadow 0.3s; }
.health_sect .cont .healthSwiper .swiper-slide .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.health_sect .cont .paging2 { position: absolute; left: 50%; top: calc(50% + 3rem - 10px); display: flex; align-items: center; justify-content: space-between; width: calc(100% + 12rem); transform: translate(-50%, -50%); }
.health_sect .cont .paging2 .swiper_btn { width: 3rem; height: 4.5rem; cursor: pointer; }
.health_sect .cont .paging2 .swiper_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #ababab; transition: fill 0.3s; }

.health_sect .cont .paging2 .swiper_btn.swiper-button-disabled svg { fill: #E0E0E0; }

/*Çù·Â±â°ü ·Î°í*/
.logo_sect { padding: 5rem 0; margin-bottom: 8rem; overflow: hidden; }
.logo_sect .swiper-wrapper { align-items: center; }
.logo_sect .img { text-align: center; }

.logo_sect .logo_wrap { padding: 0; }
.logo_sect .logo_wrap .move_wrap { position: relative; width: 100%; }
.logo_sect .logo_wrap .move_wrap .move_box { display: flex; width: 100%; height: 100%; position: absolute; top: 0; right: 0; margin-right: 30px; }
.logo_sect .logo_wrap .move_wrap .move_box { justify-content: flex-start; }
.logo_sect .logo_wrap .move_wrap .logo_box { display: flex; width: auto; justify-content: center; }
.logo_sect .logo_wrap .move_wrap .logo_box:last-of-type { padding-right: 100px; }
.logo_sect .logo_wrap .move_wrap .logo_box .service_tag { position: absolute; width: 100%; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0.8vw; font-weight: 700; text-align: center; }
.logo_sect .logo_wrap .logo { position: relative; display: block; width: 16em; height: 16em; margin-left: 5rem; max-height: 40px; transition: all 0.3s; }
.logo_sect .logo_wrap .logo > img { width: 100%; height: 100%; object-fit: contain; }


/*ÇÏ´Ü ¾È³»¿µ¿ª*/
.info_sect { position: relative; padding: 13rem 0; background-color: #ffa600; color: #fff; overflow: hidden; }
/*.info_sect:before { content: ''; position: absolute; left: 50%; top: 0; width: 50%; height: 100%; background-color: #ffa600; z-index: 1; }*/
.info_sect .wrap { display: flex; align-items: stretch; justify-content: center; }
.info_sect .cont { position: relative; width: 50%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; text-align: center; }
/*.info_sect .cont:nth-of-type(2) { position: relative; }*/
/*.info_sect .cont:nth-of-type(2):after { content: ''; position: absolute; left: 0; top: 0; width: 300%; height: 100%; background-color: #ffa600; z-index: 1; }*/
.info_sect .cont + .cont:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 180%; background-color: rgba(255,255,255,0.5); transform: translateY(-50%); }
.info_sect .cont .txt_box { position: relative; z-index: 10; }
.info_sect .cont .tit { font-size: 4.8rem; font-weight: 700; }
.info_sect .cont .txt { margin-top: 3rem; font-size: 2rem; }
.info_sect .cont .desc { margin-top: 3rem; font-size: 1.6rem; color: rgba(255,255,255,0.45); }
.info_sect .cont .btn_wrap { margin-top: 4.5rem; }

/*info animation*/
.info_sect .cont .tit { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; }
.info_sect .cont .txt { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; }
.info_sect .cont .desc { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; }
.info_sect .cont .btn_wrap { position: relative; opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; z-index: 10; }

.info_sect.active .cont .tit { opacity: 1; transform: unset; }
.info_sect.active .cont .txt { opacity: 1; transform: unset; transition-delay: 0.2s; }
.info_sect.active .cont .desc { opacity: 1; transform: unset; transition-delay: 0.4s; }
.info_sect.active .cont .btn_wrap { opacity: 1; transform: unset; transition-delay: 0.6s; }

/*¸ÞÀΠǪÅÍ*/
.main_btm { position: relative; padding: 8rem 0 6rem; background-color: #000; color: #fff; }
.main_btm .wrap { display: flex; align-items: flex-start; justify-content: space-between; }
.main_btm .wrap .cont { width: auto; }

.main_btm .wrap .cont .desc { font-size: 2rem; font-weight: 700; }
.main_btm .wrap .cont .txt { margin-top: 1.5rem; font-size: 1.6rem; color: rgba(255,255,255,0.5); }
.main_btm .wrap .cont .num { font-size: 5rem; font-family: var(--spoqa); line-height: 1.1em }

.main_btm .wrap .cont.tel{}
.main_btm .wrap .cont.tel dl{display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.5rem 2.5rem; margin-top: 1em; color: rgba(255,255,255,0.5); font-size: 1.6rem;}
.main_btm .wrap .cont.tel dl dt{font-weight: 600}
.main_btm .wrap .cont.tel dl dd{}

.main_btm .wrap .cont.time { width: 25%; }
.main_btm .wrap .cont.time .box { margin-top: 1.5rem; }
.main_btm .wrap .cont.time .box .time_wrap { display: flex; align-items: center; justify-content: flex-start; color: rgba(255,255,255,0.5); font-size: 1.6rem; }
.main_btm .wrap .cont.time .box .time_wrap + .time_wrap { margin-top: 0.5rem; }
.main_btm .wrap .cont.time .box .time_wrap .tit { min-width: 8rem; font-weight: 600; }
.main_btm .wrap .cont.time .notice { margin-top: 1.5rem; font-size: 1.4rem; }

.main_btm .wrap .cont.emergency {  }
.main_btm .wrap .cont.emergency .label { width: 100%; max-width: 30rem; height: 50px; line-height: 50px; margin-top: 3rem; padding: 0 1rem; border-radius: 2em; background-color: #BF0A0B; font-size: 2.2rem; font-weight: 700; text-align: center; }

.main_btm .top_btn_box { display: block; }





/*È£¹ö½ºÅ¸ÀÏ*/
@media screen and (min-width: 1024px){

    .visual_sect .swiper-container .swiper-slide .txt_box .btn_box a:hover {background-color: #000; color: #fff; border-color: #000}


    .visual_sect .slide_move .swiper-button-next:hover,
    .visual_sect .slide_move .swiper-button-prev:hover {opacity: 1}

    .visual_sect .schedule_banner .left:hover svg {transform: rotate(180deg)}
    .visual_sect .schedule_banner .left:hover {background-position: right center}

    .visual_sect .schedule_banner .list li:hover { background-color: #ffa600; color: #fff; }
    .visual_sect .schedule_banner .list li:hover .ico svg { fill: #fff; }

    /*.main_btn:hover { background-position: 100% center; }*/
    .main_btn:hover { background-color: #ffa600; }
    .main_sect:not(.info_sect) .main_btn:hover .ico svg{ transform: rotate(180deg); }

    .main_btn.line:hover { background-color: #fff; color: #ffa600; }
    .main_btn.line:hover .ico svg { fill: #ffa600; }

    .main_btn.line.yellow:hover { background-color: #fff; color: #ffa600; }
    .main_btn.line.yellow:hover .ico svg { fill: #fff; }

    .main_btn.line.type2:hover { background-color: #ffa600; color: #fff; }
    .main_btn.line.type2:hover .ico svg { fill: #fff; }

    .plus_btn:hover { transform: rotate(180deg); }

    .paging_btn .swiper-button-next:hover svg,
    .paging_btn .swiper-button-prev:hover svg { fill: #515151; }

    .news_sect .cont .paging .swiper_btn:not(.swiper-button-disabled):hover svg { fill: #000; }
    .news_sect .newsSwiper .box:hover { background-color: #fff; box-shadow: 0 5px 2rem 0 rgba(13,50,111,0.15); transform: unset; }
    .news_sect .newsSwiper .box:hover .img { border-radius: 20px 20px 0 0; }

    .story_sect .btn_wrap .main_btn.line:hover{background: #fff; color: #ffa600}

    .center_sect .tab_box .btn:hover { color: #ffa600; border-color: #ffa600}
    .center_sect .tab_box .btn:hover:before { background-color: #ffa600 }

    .depart_sect .departSwiper .depart_box:hover { background: #ffa600; box-shadow: 0 5px 2rem 0 rgba(13,50,111,0.15); }
    .depart_sect .departSwiper .depart_box:hover .num { color: #fff; }
    .depart_sect .departSwiper .depart_box:hover .tit { color: #fff; }
    .depart_sect .departSwiper .depart_box:hover .goto { color: #fff; }
    .depart_sect .departSwiper .depart_box:hover .goto .ico svg { fill: #fff; }
    .depart_sect .departSwiper .depart_box:hover .icon svg { fill: #fff; stroke: #fff; }
    .depart_sect .departSwiper .depart_box:hover .icon svg * { stroke: #fff; }

    .tv_sect .cont .img:hover img { transform: scale(1.05); }
    .tv_sect .cont .right .box:hover .img img { transform: scale(1.05); }

    .banner_sect .cont .banner:hover .img img{transform: scale(1.05)}
    .banner_sect .cont .banner:hover .txt_box .plus svg{transform: rotate(180deg);}

    .health_sect .cont .healthSwiper .swiper-slide .img:hover { box-shadow: 0 5px 2rem 0 rgba(13,50,111,0.15); transform: translateY(-15px); }
    .health_sect .cont .paging2 .swiper_btn:hover svg { fill: #000; }

    .info_sect .cont .btn_wrap .main_btn:hover .ico { transform: unset; }

    .news_sect .newsSwiper .box:hover .share_area .share_btn { background-color: #f5f7f9; }
    .news_sect .newsSwiper .box .share_area .share_btn:hover { background-color: #ffa600; }

    .news_sect .newsSwiper .box .share_area .share_btn:hover svg { fill: #fff; }

    .news_sect .newsSwiper .box .share_area .share_wrap button:hover .ico { opacity: 1; }

    .news_sect .newsSwiper .box .share_area .share_wrap button.kakao:hover { background-color: #FAE100; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.kakao:hover .ico svg { fill: #3C1E1E; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.facebook:hover { background-color: #1877F2; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.facebook:hover .ico svg { fill: #fff; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.twitter:hover { background-color: #0F1419; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.twitter:hover .ico svg { fill: #fff; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.blog:hover { background-color: #03C75A; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.blog:hover .ico svg { fill: #fff; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.copy:hover { background-color: #0D326F; }
    .news_sect .newsSwiper .box .share_area .share_wrap button.copy:hover .ico svg { fill: #fff; }

    .tv_sect .cont .img:hover img { transform: scale(1.05); }

    .pr_sect .cont:hover .plus_btn { transform: rotate(180deg); }


}


@media screen and (min-width: 3000px) {
    .story_sect .float_img { width: 49%; transform: translateX(-58%); }
}

@media screen and (max-width: 1920px){

    .main_txt { font-size: 20px; }

    .health_sect .cont .paging {  }

    .info_sect .cont .desc { font-size: 15px; }

    .main_btm .wrap .cont.time .box .time_wrap { font-size: 15px; }
    .main_btm .wrap .cont.time .notice,
    .main_btm .wrap .cont .txt { font-size: 14px; }

    .pr_sect .cont { padding-top: 36%; }
    .pr_sect .cont .img { padding-top: 35%; }
    .pr_sect.active .cont .img { width: 55%; }

}
@media screen and (max-width: 1640px){

    .paging_btn { font-size: 24px; }

    .visual_sect .schedule_banner { max-width: 95%; }
    .visual_sect .schedule_banner .list .ser_box { padding: 2rem 4rem 1.5rem; }

    .news_sect .cont .paging {top: 0; left: auto; right: 2rem; z-index: 1; transform: none; width: 7rem; padding-top: 0; display: none}
    .news_sect .cont .paging .swiper_btn{height: 3.5rem}

    .health_sect .cont .healthSwiper { padding: 60px 2rem 20px 2rem; }
    .health_sect .cont .paging2{top: 2rem; left: auto; right: 2rem; z-index: 1; transform: none; width: 7rem; display: none}
    .health_sect .cont .paging2 .swiper_btn{height: 3.5rem}

    .story_sect .wrap { width: 100%; max-width: 184rem; padding: 0 2rem; margin: 0 auto; }

    .center_sect .cont_wrap .cont .left_box .txt_box .area_wrap .in_tit { font-size: 14px; }
    .center_sect .paging_btn { bottom: 0; font-size: 14px; }

    .depart_sect .departSwiper .depart_box .goto { font-size: 14px; }

    /*.pr_sect { padding: 0 0 23rem; }*/
    .pr_sect .cont { margin: 0 auto; }
    .pr_sect .cont .txt_box { left: 6rem; top: 7rem; }
    .pr_sect .cont .txt_box .desc { font-size: 2.5rem; }
    .pr_sect .cont .txt_box .tit { margin-top: 3rem; font-size: 4.8rem; }


}


@media screen and (max-width: 1240px){

    .visual_sect .swiper-container .swiper-slide .txt_box .txt { font-size: 2.4rem; }
    .visual_sect .swiper-container .swiper-slide .txt_box .tit { font-size: 6rem; }

    .visual_sect .schedule_banner { bottom: -4rem; box-shadow: 0 0 20px 0 rgba(15,50,111,0.1); }
    .visual_sect .schedule_banner .left { width: 16rem; }
    .visual_sect .schedule_banner .list { overflow: auto; justify-content: flex-start; padding: 0 10px }
    .visual_sect .schedule_banner .list::-webkit-scrollbar {width: auto}
    .visual_sect .schedule_banner .list::-webkit-scrollbar:horizontal {height: 8px}
    .visual_sect .schedule_banner .list::-webkit-scrollbar-thumb {background: #ffa600; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-left: 15px solid #fff; border-right: 15px solid #fff; border-radius: 30px}
    .visual_sect .schedule_banner .list::-webkit-scrollbar-track {}

    .main_btn{height: 4.5rem; padding: 0 2.5rem; font-size: 1.4rem}
    .main_btn .ico { margin-left: 1.5rem; }

    .news_sect .newsSwiper .box .txt_box .label { font-size: 14px; }

    .story_sect .cont .right .txt { display: inline; }

    .center_sect .tab_box .btn{font-size: 1.75rem}
    .center_sect .cont_wrap .cont .left_box{margin-top: 20px}

    .tv_sect .cont .left { margin-right: 2.5rem; }
    .tv_sect .cont .right .box .img { margin-right: 1.5rem; }
    .tv_sect .cont .right .box .tit { margin-top: 0.5rem; }
    .tv_sect .move_text_box { margin-top: 5rem; }

    .pr_sect .cont .txt_box .tit { font-size: 3.2rem; }

    .center_sect .cont_wrap .cont .left_box .btn_box .plus_btn {margin-right: 0}

    .depart_sect .departSwiper .depart_box {height: 25rem}
    .depart_sect .departSwiper .depart_box .icon {font-size: 5rem}

    .tv_sect .cont { flex-direction: column; margin-top: 30px; }
    .tv_sect .cont .left { width: 100%; margin-right: 0; }
    .tv_sect .cont .right { flex-direction: row; flex-wrap: wrap; width: 100%; margin-top: 30px; }
    .tv_sect .cont .right .box{flex-wrap: wrap; width: calc(50% - 15px)}
    .tv_sect .cont .right .box:nth-child(2) ~ .box { margin-top: 40px }
    .tv_sect .cont .right .box .img{width: 100%; padding-top: 56.25%}
    .tv_sect .cont .right .box .txt_box{width: 100%; margin-top: 10px}

}
@media screen and (max-width: 1024px){

    .visual_sect .swiper-container .swiper-slide .txt_box .tit { font-size: 38px; }

    .center_sect .tab_box .swiper-slide{width: auto}
    .center_sect .tab_box .btn{padding: 0 6rem 2.5rem}
    .center_sect .cont_wrap{padding-top: 8rem}
    .center_sect .cont_wrap .cont .left_box{margin-top: 0}
    .center_sect .cont_wrap .cont .left_box .txt_box .tit{font-size: 3rem}
    .center_sect .cont_wrap .cont .left_box .txt_box .txt{margin-top: 2rem; font-size: 2rem}
    .center_sect .cont_wrap .cont .left_box .txt_box .txt br{display: none}
    .center_sect .cont_wrap .cont .left_box .txt_box .area_wrap{margin-top: 3.5rem}
    .center_sect .cont_wrap .cont .left_box .txt_box .area_wrap .in_txt{font-size: 1.75rem}
    .center_sect .cont_wrap .cont .slide_box{}
    .center_sect .cont_wrap .cont .slide_box .swiper-dots{bottom: 20px}
    .center_sect .paging_btn { justify-content: center; bottom: -3em }

    .banner_sect .in{padding-right: 0}

    .pr_sect .cont{padding: 6rem 0 6rem 4rem}

    .info_sect { padding: 50px 0; }
    /*.info_sect .wrap { flex-direction: column; }*/

    .info_sect .cont { width: 50%; }
    .info_sect .cont:nth-of-type(1) { padding-right: 15px; padding-left: -5px }
    .info_sect .cont:nth-of-type(2) { padding-left: 15px; padding-right: -5px }
    .info_sect .cont .tit{font-size: 3.6rem}
    /*.info_sect .cont + .cont { margin-top: 80px; }*/
    /*.info_sect .cont + .cont:before { left: 50%; top: -40px; width: 95%; height: 1px; transform: translateX(-50%) translateY(0); }*/

    .info_sect .cont .btn_wrap { flex-direction: column; flex-wrap: wrap; width: 360px; max-width: 100%; }
    .info_sect.active .cont .btn_wrap .main_btn { justify-content: space-between; width: 100% }
    .info_sect.active .cont .btn_wrap .main_btn + .main_btn { margin-top: 6px; margin-left: 0; }
    .info_sect .cont + .cont .btn_wrap .main_btn:nth-child(2){order: 3; width: 100%; margin-left: 0; margin-top: 6px}

    .main_btm { padding: 5em 0; }
    .main_btm .wrap { flex-wrap: wrap; }
    .main_btm .wrap .cont { }
    .main_btm .wrap .cont + .cont { margin-top: 40px; }
    .main_btm .wrap .cont .num { font-size: 46px; }
    .main_btm .wrap .cont .txt { margin-top: 5px; }
    .main_btm .wrap .cont.tel{width: 100%}
    .main_btm .wrap .cont.time{width: 50%}
    .main_btm .wrap .cont.emergency{width: 50%}
    .main_btm .wrap .cont.emergency .label { display: block; width: 100%; height: 45px; line-height: 45px; max-width: 100%; margin-top: 15px; font-size: 13px; }

    .story_sect .cont .right .point,
    .story_sect.active .cont .right .txt,
    .center_sect .cont_wrap .cont .left_box .txt_box .txt,
    .pr_sect.active .cont .txt_box .txt { word-break: keep-all; }

    .pr_sect .cont { flex-wrap: wrap; padding: 0 0 30px; background: #f5f6f8; border-radius: 2rem; }
    .pr_sect .cont .txt_box { position: static; width: 100%; padding: 30px 20px 0; background: #f5f6f8; border-radius: 2rem; transform: unset; }
    .pr_sect .cont .txt_box .desc { font-size: 16px; }
    .pr_sect.active .cont .txt_box .tit { margin-top: 15px; font-size: 20px; }
    .pr_sect.active .cont .txt_box .txt { margin-top: 10px; font-size: 13px; }
    .pr_sect .cont .img { position: relative; left: 20px; top: unset; bottom: 0; width: 10%; margin-top: 20px; max-width: none; padding-top: 40% }
}


@media screen and (max-width: 768px){

    .main_tit { font-size: 22px; line-height: 1.1em; }
    .main_txt{font-size: 12px; line-height: 1.3em; word-break: keep-all}

    .visual_sect .swiper-container .swiper-slide .txt_box .txt + .txt { margin-top: -1.2rem; }

    .pr_sect .cont .txt_box .plus_btn { margin-top: 10px; max-width: 25px; }

	.main-public-wrap {padding-top:2rem;}
    .main_sect .top,
    .tv_sect .top  { position: relative; }
    .main_sect .top .btn_wrap { position: absolute; right: 0; top: 0; }
    .tv_sect .top .btn_wrap { position: absolute; right: 0; top: 0; }

    .visual_sect .swiper-container { height: 90vh; }
    .visual_sect .swiper-container .swiper-slide { height: calc(100% - var(--hd_height)); margin-top: var(--hd_height); }
    .visual_sect .swiper-container .swiper-slide .img img { object-fit: contain; }
    .visual_sect .swiper-container .swiper-slide .txt_box { top: 60%; width: 90%; transform: translate(58%) !important; left: -50% !important;}
    .visual_sect .swiper-container .swiper-slide .txt_box .txt { margin-bottom: 15px; font-size: 14px; line-height: 1.3em; word-break: keep-all; }
    .visual_sect .swiper-container .swiper-slide .txt_box .tit { /*display: inline;*/ font-size: 24px; word-break: keep-all; }
    /*.visual_sect .swiper-container .swiper-slide .txt_box .tit + .tit { margin-left: 0.5em; }*/
    #timer{width: 27px; height: 27px}
    .visual_sect .slide_move { bottom: 3rem; }
    .visual_sect .slide_move .btn .pause{width: 8px; height: 10px}
    .visual_sect .slide_move .btn .pause span{ width: 2px; }
    .visual_sect .slide_move .btn .play i{font-size: 10px}

    .visual_sect .schedule_banner { display: none; }
    .visual_sect .schedule_banner .left { width: 11rem; padding: 1.5rem 1.8rem; }
    .visual_sect .schedule_banner .left .plus { margin-top: 0.7rem; }
    .visual_sect .schedule_banner .list .ser_box { padding: 2rem 1.4rem 1.2rem; }
    .visual_sect .schedule_banner .list .txt { font-size: 14px; }
	.visual_sect .slide_move .swiper-pagination1 {margin:0 2rem;}

    .visual_sect .slide_move .swiper-pagination{margin: 0 2rem; font-size: 14px}

    .paging_btn{margin-top: 3rem}

    .main_btn.line { height: 30px; padding: 0 15px; font-size: 11px; border: 1px solid #fff; }
    .main_btn .ico {  }

    .news_sect .cont { margin-top: 30px; }
    .news_sect .cont .in { padding-left: 20px; padding-right: 0; }
    .news_sect .cont .swiper-container { transform: none; width: auto; padding: 0 0 0 0; }
    .news_sect .newsSwiper .box { transform: none; border-radius: 5px; }
    .news_sect .newsSwiper .box .img { border-radius: 5px; }
    .news_sect .newsSwiper .box .txt_box { padding:15px; }
    .news_sect .newsSwiper .box .bottom { padding: 15px; }
    .news_sect .newsSwiper .box .txt_box .label { font-size: 12px; }
    .news_sect .newsSwiper .box .txt_box .tit { -webkit-line-clamp: 2; height: 2.6em; font-size: 14px; line-height: 1.3em; }
    .news_sect .newsSwiper .box .bottom .date { font-size: 12px; }
    .news_sect .cont .paging .swiper_btn { width: 2rem; }
    .news_sect .cont .paging, .health_sect .cont .paging2 { display: none; top: 0; max-width: 92%; }
    .news_sect .newsSwiper .box .txt_box .date { margin-top: 20px; font-size: 12px; }

    .news_sect .newsSwiper .box .share_area .share_wrap { flex-direction: row-reverse; right: 0; left: unset; width: 130px; margin: 0 -5px -5px 0; justify-content: flex-start; flex-wrap: wrap; transform: translate(0, -100%); pointer-events: none; }
    .news_sect .newsSwiper .box .share_area.row .share_wrap { right: 0; top: 0; left: unset; transform: translate(0, -100%); }
    .news_sect .newsSwiper .box .share_area .share_wrap button { margin-right: 5px !important; margin-bottom: 5px !important; transform: translateY(20px) !important; }
    .news_sect .newsSwiper .box .share_area .share_wrap button + button { margin-bottom: 0; }

    .news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(2) { transform: translateY(30px) !important; }
    .news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(3) { transform: translateY(40px) !important; }
    .news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(4) { transform: translateY(50px) !important; }
    .news_sect .newsSwiper .box .share_area .share_wrap button:nth-of-type(5) { transform: translateY(60px) !important; }

    .news_sect .newsSwiper .box.on .share_area .share_wrap button { transform: unset !important; }



    .story_sect{padding: calc(var(--main_cont_pd) - 4.5rem) 0 var(--main_cont_pd) 0}
    .story_sect .cont { flex-direction: column; }
    .story_sect .cont .left .tit {  }
    .story_sect .cont .right{margin-left: 0; margin-top: 5rem}
    .story_sect .cont .right .txt { font-size: 14px; line-height: 1.8; }
    .story_sect .cont .right .point { margin-bottom: 0.5em; font-size: 22px; }
    .story_sect .cont .right .point .bg_txt_wrap{}
    .story_sect .cont .right .point .bg_txt_wrap > span{}
    .story_sect .cont .right .point .bg_txt:before{left: -0.5rem}
    .story_sect.active .cont .right .point .bg_txt:before{width: calc(100% + 1rem)}
    .story_sect .btn_wrap { justify-content: center; margin-top: 50px; }

    .story_sect .float_img { position: relative; top: unset; left: unset; width: 100%; padding-top: 50%; transform: none; margin-top: 5rem; }

    .center_sect { padding: var(--main_cont_pd) 0 0; }
    .center_sect .tab_box { margin-top: 40px; }
    .center_sect .tab_box .btn { padding: 0 2.5rem 1.5rem; font-size: 14px; font-weight: 600 }

    .center_sect .cont_wrap .cont .left_box .btn_box { margin-top: 10px; }
    .center_sect .cont_wrap .cont .left_box .btn_box .plus_btn { width: 3rem; height: 3rem; }

    .center_sect .cont_wrap { padding-top: 20px; }
    .center_sect .cont_wrap .cont { flex-direction: column; }
    .center_sect .cont_wrap .cont .left_box { width: 100%; margin-top: 0; }
    .center_sect .cont_wrap .cont .left_box .txt_box { margin-top: 0; }
    .center_sect .cont_wrap .cont .left_box .txt_box .tit { font-size: 20px; }
    .center_sect .cont_wrap .cont .left_box .txt_box .txt { margin-top: 10px; font-size: 15px; line-height: 1.4em }
    .center_sect .cont_wrap .cont .left_box .txt_box .txt br{display: none}
    .center_sect .cont_wrap .cont .left_box .txt_box .area_wrap { margin-top: 20px; }
    .center_sect .cont_wrap .cont .left_box .txt_box .area_wrap .in_txt{margin-top: 6px; font-size: 13px}

    .center_sect .cont_wrap .cont .slide_box { width: 100%; margin-left: 0; margin-top: 30px; }
    .center_sect .cont_wrap .cont .slide_box .swiper-dots { bottom: 15px; }

    .story_sect .cont .left .sub_tit { font-size: 33px; }
    .story_sect .cont .left .tit { font-size: 125px; }

    .depart_sect{padding: calc(var(--main_cont_pd) + 42px) 0 0}
    .depart_sect .cont { margin-top: 30px; }
    .depart_sect .cont .in { padding-left: 20px; padding-right: 0; }
    .depart_sect .departSwiper { transform: none; width: auto; padding: 0; }
    .depart_sect .departSwiper .depart_box { height: 19rem; padding: 2rem; }
    .depart_sect .departSwiper .depart_box .tit { font-size: 16px; }
    .depart_sect .departSwiper .depart_box .goto{font-size: 12px}
    .depart_sect .departSwiper .depart_box .icon { font-size: 34px; margin-top: 20px; }




    .tv_sect .cont .right .box{width: calc(50% - 5px)}
    .tv_sect .cont .right .box:nth-child(2) ~ .box { margin-top: 25px }

    .tv_sect .cont .right .box .hash{font-size: 11px}
    .tv_sect .cont .right .box .tit{font-size: 14px}

    .banner_sect{padding: 6rem 0}
    .banner_sect .cont { margin-top: 0; }
    .banner_sect .cont .swiper-container{}
    .banner_sect .cont .banner { padding-top: 65%; }
    .banner_sect .cont .banner .txt_box { left: 2.5rem; top: 2.5rem; width: calc(100% - 3rem); }
    .banner_sect .cont .banner .txt_box .top {  }
    .banner_sect .cont .banner .txt_box .tit { margin-right: 20px; font-size: 18px; word-break: keep-all; }
    .banner_sect .cont .banner .txt_box .plus { padding: 3px 0; font-size: 16px }
    .banner_sect .cont .banner .txt_box .txt{font-size: 14px}
    .banner_sect .paging { margin-top: 30px; }
    .banner_sect .paging .swiper-pagination-bullet{margin: 0 8px}

    .pr_sect{padding: 0}
    .pr_sect .cont { flex-wrap: wrap; padding: 0 0 30px; background: #f5f6f8; border-radius: 2rem; }
    .pr_sect .cont .txt_box { width: 100%; padding: 30px 20px 0; background: #f5f6f8; border-radius: 2rem; }
    .pr_sect .cont .txt_box .desc { font-size: 16px; }
    .pr_sect.active .cont .txt_box .tit { margin-top: 15px; font-size: 20px; }
    .pr_sect.active .cont .txt_box .tit + .tit { margin-top: 2px; }
    .pr_sect.active .cont .txt_box .tit br{display: none}
    .pr_sect.active .cont .txt_box .txt { margin-top: 10px; font-size: 13px; }
    .pr_sect.active .cont .txt_box .txt + .txt { margin-top: 2px; }
    .pr_sect .cont .img { position: relative; left: 20%; top: unset; bottom: 0; transform: translateY(-30px); width: calc(80% + 2rem); max-width: none; padding-top: 50% }
    .pr_sect.active .cont .img { left: 50%; margin-top: 20px; transform: translate(-50%, 0); width: calc(80% + 2rem)}
    .pr_sect .paging { top: 45px; right: calc(20px - 6px); left: auto; bottom: auto; z-index: 1; width: auto; }
    .swiper-pagination-bullet { width: 7px; height: 7px; }
    .pr_sect .paging .swiper-pagination-bullet { margin: 0 6px; }

    .health_sect .cont { margin-top: 30px; }
    .health_sect .cont .in { padding-left: 20px; padding-right: 0; }
    .health_sect .cont .healthSwiper { transform: none; width: auto; padding: 0; }
    .health_sect .cont .paging2 .swiper_btn{width: 2rem}

    .logo_sect { margin-bottom: 50px; }

    .info_sect .cont { justify-content: flex-start; }
    .info_sect .cont + .cont:before { width: 0.5px; }
    .info_sect .cont .tit{font-size: 18px; line-height: 1.1em}
    .info_sect .cont .txt{margin-top: 15px; font-size: 12px}
    .info_sect .cont .desc{ min-height: 76px; font-size: 12px; word-break: keep-all;}
    .info_sect .cont .btn_wrap .main_btn{ height: 35px; font-size: 13px; border: 1px solid #fff; }

    /*.main_btm .wrap{flex-direction: column}*/

    .main_btm { padding: 50px 0 30px; }

    .main_btm .wrap .cont { display: flex; align-items: flex-start; justify-content: flex-start; }
    .main_btm .wrap .cont > .desc { min-width: 90px; }
    .main_btm .wrap .cont .desc{font-size: 15px}
    .main_btm .wrap .cont .num{font-size: 36px}

    .main_btm .wrap .cont.emergency{width: 100% }
    .main_btm .wrap .cont.emergency .txt_box { margin-top: 2px; }
    .main_btm .wrap .cont.emergency .txt_box .txt { margin-top: 0; }
    .main_btm .wrap .cont.emergency .label { height: 35px; line-height: 35px; }

    .main_btm .wrap .cont.time{width: 100%}
    .main_btm .wrap .cont.time .box { margin-top: 0; }
    .main_btm .wrap .cont.time .box .time_wrap{ font-size: 13px}
    .main_btm .wrap .cont.time .box .time_wrap + .time_wrap { margin-top: 0.5rem; }
    .main_btm .wrap .cont.time .notice, .main_btm .wrap .cont .txt{font-size: 13px}


}