@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');

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


body {word-break: keep-all}

:root {
	--blue: #173348;
	--pur: #5B4599;

	--serif: 'Cormorant Garamond', serif;
	--EulSerif: 'Eulyoo1945', serif;
	--NotoSerif: 'Noto Serif KR', serif;
	--awesome: 'Font Awesome 6 Pro';
	--header_Height : 100px;
	--mainPd: 13rem 0;
	--main_mo_mt: 100px;
	--left_width: 22%;
	--sub_cont_tit: 3.6rem;
	--sub_cont_tit_en : 4rem;
	--sub_cont_tit_we : 700;
	--sub_cont_txt: 1.8rem;
	--sub_cont_txt_we: 300;
	--sub_cont_txt_mt: 1.5rem;
	--sub_txt : 1.8rem;
	--sect_mt : 25rem;
	--top_img_mg:8rem;
	--deps3_tit:2.7rem;
	--deps4_tit:2rem;
	--icon_size: 6rem;
	--top_sect_mt : 12rem;
	--sect_bg_pd:12rem;
	--sub_pb:20rem;
	--cont_mt:10rem;

	--cont_mo_mt: 30px;
	--cont_mo_mt2: 50px;
	--mo_icon_mt:30px;

	--txt_cir:0.4rem;
	--txt_cir_top:1rem;


}

.wow {visibility: hidden}

/* common */
.in_w { width:194rem; max-width:100%; padding:0 max(20px,2rem); margin:0 auto; position:relative; }
.in { width:164rem; max-width:100%; padding:0 max(20px,2rem); margin:0 auto; position:relative; }
.in2 { width:144rem; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }

.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:block;}
.mo_only { display:none !important }
.phone_only { display:none !important;}
.phone_over { display:block; }
.phone_over.inline { display:inline; }

.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; }

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

html.scroll_none { overflow: hidden; }




svg { overflow: visible }


input[type="checkbox"].round { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px) }
input[type="checkbox"].round + label:before { display: none; }
input[type="checkbox"].round + label { display: inline-block; height: 23px; line-height: 22px; padding: 0 10px; font-size: 13px; border: 1px solid var(--blue); border-radius: 2em; color: var(--blue); cursor: pointer }
input[type="checkbox"].round:checked + label { background-color: var(--blue); color: #fff; }




/*--------------공통스타일--------------*/

svg {fill: var(--blue)}

/*!*스크롤 스타일*!
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-thumb { height: 20%; background: #A9A9A9; border-radius: 10px; }*/

/*체크박스*/
/*input[type="checkbox"] { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); !* IE6, IE7 *! clip: rect(1px, 1px, 1px, 1px) }*/
/*input[type="checkbox"] + label{ position: relative; padding-left: 22px; color: #555; font-size: 1.5rem; vertical-align: middle; cursor: pointer; font-weight: 500; }*/
/*input[type="checkbox"] + label:before { content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:12px; height:12px; border: 2px solid #fff; border-radius: 3px; font-family: 'Font Awesome 6 pro'; font-weight:700; cursor: pointer }*/
/*input[type="checkbox"]:checked + label::before { content:'\f14a'; width:auto; height: auto; border:none; color:#fff; font-size: 18px }*/

/*input[type="checkbox"].round { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); !* IE6, IE7 *! clip: rect(1px, 1px, 1px, 1px) }*/
/*input[type="checkbox"].round + label:before { display: none; }*/
/*input[type="checkbox"].round + label { display: inline-block; height: 23px; line-height: 22px; padding: 0 10px; font-size: 13px; border: 1px solid var(--blue); border-radius: 2rem; color: var(--blue); }*/
/*input[type="checkbox"].round:checked + label { background-color: var(--blue); color: #fff; }*/


/*----------공용 버튼 스타일----------*/
.main .btn_wrap {width: auto}
.btn_wrap { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 100%; }
.btn_wrap.center { text-align: center; justify-content: center; }
.btn_wrap.right { justify-content: right; }
.btn1 { position: relative; display: inline-block; padding: 0 1.8em; width: auto; height: 45px; line-height: 45px; font-size: 1.5rem; background-color: #fff; color: var(--blue); border: 1px solid var(--blue); text-align: center; font-family: 'Pretendard', sans-serif; font-weight: 500; transition: color 0.3s; }
.btn1 span { position: relative; z-index: 5; transition: color 0.3s; }
.btn1:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: var(--blue); z-index: 1; transition: height 0.3s ease; }


.btn2 { position: relative; display: flex; align-items: center; justify-content: center; max-width: 170px; padding: 13px 10px; font-size: 1.5rem; font-weight: 700; }
.btn2 span { white-space: nowrap; }
.btn2:before { position: absolute; right: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: var(--blue); }
.btn2 svg { width: 13px; height: 13px; margin-left: 3rem; fill: var(--blue); }

.btn3 {  }
.btn3 svg { width: 25px; height: 25px; fill: var(--blue); transition: transform 0.4s; }

.btn4 { width: 100%; height: 55px; line-height: 55px; background-color: var(--blue); color: #fff; font-size: 1.8rem; font-weight: 700; transition: background-color 0.4s, color 0.4s; }

.btn5 { display: inline-block; height: 4.3rem; line-height: 4.3rem; padding: 0 1.5em; background-color: #fff; border: 1px solid var(--blue); border-radius: 2em; font-size: 1.6rem; text-align: center; font-weight: 500; transition: 0.4s; }
.btn5.naver { background-color: #1cc838; border: 1px solid #1cc838; color: #fff; }
.btn5.kakao { background-color: #f5cf00; border: 1px solid #f5cf00; }
.btn5.fill { background-color: var(--blue); color: #fff; }

.btn6 { position: relative; display: flex; align-items: center; justify-content: center; color: #9E9E9E; font-size: 1.4rem; fill: #9E9E9E; transition: color 0.2s, fill 0.2s; }
.btn6:before { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background-color: #9E9E9E; transition: background-color 0.2s; }
.btn6 .arr_ico { margin-left: 4px; }

.more_btn { display: flex; align-items: center; justify-content: center; width: 9rem; height: 9rem; background-color: var(--blue) }
.more_btn svg { fill: #fff; transition: transform 0.4s; }


.bg_chk label { display: flex; align-items: center; justify-content: center; width: 100%; height: 7.2rem; line-height: 7.2rem; background-color: #fff; color: #BDBDBD; border: 1px solid #EAEAEA; border-radius: 5px; cursor: pointer; }
.bg_chk label .chk { display: flex; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-right: 10px; }
.bg_chk label .chk svg { width: 100%; height: 100%; fill: #BDBDBD; }

.bg_chk input[type="checkbox"]:checked + label { background-color: var(--blue); color: #fff; border: 1px solid var(--blue); }
.bg_chk input[type="checkbox"]:checked + label .chk svg { fill: #fff; }

@keyframes btnLine {
	0% {right: 0; width: 100%}
	33%{right: 0; width: 0}
	66% {right: 100%; width: 0}
	100% {right: 0; width: 100%}
}


/* 공용 컨텐츠 */
.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 23rem; color: #f3f4f6; font-family: var(--serif);}
.move_text_box .text p { animation: textLoop 70s linear infinite; padding-right: 0.3rem; line-height: 1.4; font-weight: 700; }

@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.none_banner { transform: translateY(-10.2rem);}*/


/*.banner .none_banner .top_banner {display: none}*/


/*.main .header { transform: translateY(-10.2rem);}*/
/*.main .header.banner {transform:translateY(0);}*/

/*.header.down {transform: translateY(-102%);}*/
/*.main .header.banner.header_down {transform: translateY(-10.2rem);}*/
/*.main .header.banner.header_down.zero {transform: translateY(-10.2rem) !important;}*/
/*.main .header.banner.header_down.no_banner {transform: translateY(0);}*/
/*.main .header.banner.header_down.none_banner {translateY(0rem);}*/
/*.main .header.banner.header_down.down {transform: translateY(-102%);}*/

/*.main .header.down.banner {transform: translateY(-10.2rem);}*/

.sub .top_banner {display: none}

.top_banner { position: relative; width: 100%; height: 10rem;  color: #fff; }
.top_banner .topBannerSwiper { height: 100%; }
.top_banner .swiper-slide {display: flex; justify-content: center; overflow: hidden}
.top_banner .swiper-slide a {display: flex; justify-content: center; width: 100%}
.top_banner .swiper-slide a.nolink {cursor: default}
.top_banner .swiper-slide .txt_wrap { display: flex; align-items: center; justify-content: center; width: 70%;height: 100%; text-align: center; background-position: center; background-size: contain; background-repeat: no-repeat}
.top_banner .swiper-slide .txt_wrap img {width: 90%; max-width: 144rem}
.top_banner .swiper-slide .txt_wrap .bold { margin-right: 1rem; font-size: 3.2rem; font-family: var(--EulSerif); font-weight: 700; }
.top_banner .swiper-slide .txt_wrap span { font-size: 2rem; font-weight: 200; }

.top_banner .paging { position: absolute; right:calc(2.5% + 21rem); top: 50%; display: flex; align-items: center; justify-content: space-between; height: 40%; flex-direction: column; transform: translateY(-50%); z-index: 10; }
.top_banner .paging .navi { cursor: pointer; }
.top_banner .paging svg { display: flex; align-items: center; justify-content: center; width: 20px; height: 15px; fill: #fff;  }
.top_banner .paging.disabled {opacity: 0; pointer-events: none}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}

.top_banner .util { position: absolute; right: 2.5%; top: 50%; display: flex; align-items: center; justify-content: flex-end; transform: translateY(-50%); z-index: 10; }
.top_banner .util .chk_box {font-size: 1.6rem}
.top_banner .util .chk_box label { display: flex; align-items: center; color: #fff; cursor: pointer}
.top_banner .util .chk_box label svg {fill: #fff; margin-right: 5px}
.top_banner .util .chk_box label svg.y {display: none}
.top_banner .util .chk_box input:checked + label svg.y {display: block}
.top_banner .util .chk_box input:checked + label svg.n {display: none}
.top_banner .util .close_btn { margin-left: 1.3rem; }
.top_banner .util .close_btn svg { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; fill: #fff; }

.page_wrap.banner .top_banner { opacity: 1; transform: none; }


.hd_in { display: flex; position: relative; height: var(--header_Height); padding: 0 2.5%; transition: height .5s, transform 0.5s; justify-content: space-between; background-color: #fff; z-index: 15}
.hd_in.fixed { box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);  }
.page_wrap.banner .hd_in { transform: unset; }



.sitemap { position: fixed; left: 100%; top: 0; width: 100%; height: 100vh; background-color: var(--blue); color: #fff; z-index: 9999; transition: left 0.7s ease; }
/*.header_down .sitemap {height: calc(100vh + 10.2rem)}*/
/*.header_down .sitemap .cont {top: calc(50% + 5.1rem)}*/


.sitemap.on { left: 0; }
.sitemap .cont { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 164rem ;margin: 0 auto; padding: 0 20px;}

.sitemap .top { display: flex; align-items: flex-end; padding: 0 30px 3.5rem; border-bottom: 1px solid rgba(255,255,255,0.2); }
.sitemap .top .tit { font-size: 7rem; font-weight: 600; font-family: var(--serif); line-height: 1}
.sitemap .top .icon_wrap {margin-left: 20px}
.sitemap .top .icon_wrap .btn {border: 1px solid #fff; color: #fff; padding: 7px 15px; border-radius: 50px}
.sitemap .top .icon_wrap .btn + .btn {margin-left: 5px}
.sitemap .top .close_btn { position: absolute; right: 0px; top: 10px; width: 6rem; height: 6rem; cursor: pointer; border: 1px solid #fff; border-radius: 50%; }
.sitemap .top .close_btn .ico { position: absolute; left: 50%; top: 50%; width: 50%; height: 50%; transform: translate(-50%, -50%); fill: #fff; transition: transform 0.4s; }
.sitemap .top .close_btn .ico svg {width: 100%; height: 100%; fill: #fff}


.sitemap .cont .list { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 30px; margin-top: 5rem; }
.sitemap .cont .list .depth1 + .depth1 { margin-left: 7rem; }
.sitemap .cont .list .depth1 > a { font-size: 2.4rem; font-weight: 600; }
.sitemap .cont .list .depth2 { margin-top: 4rem; }
.sitemap .cont .list .depth2 li a { display: inline-block; padding: 0.4em 0; font-size: 1.7rem; font-weight: 500; }
.sitemap .cont .list .depth2 li a i {margin-left: 5px; font-size: 0.8em}
.sitemap .cont .list .depth3 li a { padding-left: 0.7rem; font-size: 1.6rem; font-weight: 200; }
.sitemap .cont .list .depth1.active > a {color: #2ea6ce}
.sitemap .cont .list .depth2  li.active > a {text-decoration-line: underline;text-decoration-color: white;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 2px;text-decoration-thickness: 1px ;}
/*.sitemap .cont .list .depth2  > li.active > a {color: #2ea6ce}*/
/*.sitemap .cont .list .depth3 li.active a {color: #2ea6ce}*/

/*통합 검색*/
.all_sch { position: absolute; left: 0; bottom: 0; display: flex; width: 100%; height: 30rem; background-color: var(--blue); transform: translateY(100%); align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.all_sch.on { opacity: 1; pointer-events: auto; }
.all_sch .sch_box { display: flex; align-items: center; justify-content: center; }
.all_sch .sch_box .inp_box { display: flex; align-items: center; justify-content: center; width: 46rem; height: 6rem; background-color: #fff; border-radius: 2em; overflow: hidden; }
.all_sch .sch_box .inp_box input { width: 85%; height: 100%; background-color: transparent; font-size: 1.6rem; border: none}
.all_sch .sch_box .inp_box input::placeholder { color: #777; }
.all_sch .sch_box .inp_box .sch_btn { width: 1.8rem; height: 1.8rem; }
.all_sch .sch_box .inp_box .sch_btn svg { width: 100%; height: 100%; }
.all_sch .sch_box .close_btn { width: 2.5rem; height: 2.5rem; margin-left: 20px; }
.all_sch .sch_box .close_btn svg { width: 100%; height: 100%; }


/*모달 기본css*/
.modal { opacity: 0; pointer-events: none; transition: 0.3s ease-in-out; position: fixed; top:0; left:0; right:0; bottom:0; align-items: center; justify-content: center; width:100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 9999; padding: 80px 0; overflow: auto}
.modal.open { opacity: 1; pointer-events: inherit; }
.modal .modal_wrap {display: table;margin: 0 auto;width: 100%;height: 100%;position: relative; padding:  0 20px;table-layout: fixed;vertical-align: middle}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont .close_btn { position: absolute; right: 0; top: -5px; transform: translate(0, -100%); color: #fff; font-size: 28px; transition: all .3s; }

/*푸터*/
.footer { position: relative; padding: 9rem 0; background-color: var(--blue); color: #fff; }
/*.footer + div {display: none !important}*/

.footer .ft_top { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 5rem; }
.footer .ft_top .desc { font-size: 2.2rem; font-weight: 700; line-height: 1em}
.ft_top .num_wrap .num { font-size: 6rem; font-weight: 200; margin-top: 10px}

.ft_top .time_wrap { display: flex; align-items: flex-start; justify-content: center; }
.ft_top .time_wrap .time_box { margin-left: 5rem; }
.ft_top .time_wrap .time_box .box { position: relative; display: flex; align-items: baseline; justify-content: flex-start;  }
.ft_top .time_wrap .time_box .box + .box { margin-top: 2rem; }
.ft_top .time_wrap .time_box .box .tit { min-width: 3.5em; font-size: 1.8rem; font-weight: 300; line-height: 1; }
.ft_top .time_wrap .time_box .box .tit.duo { letter-spacing: 0.8rem; }
.ft_top .time_wrap .time_box .box .time { font-size: 2.2rem; line-height: 1; }
.ft_top .time_wrap .time_box .box .label { position: absolute; top: 50%; right: -1rem; transform: translate(100%,-50%); height: 20px; line-height: 20px; margin-left: 1rem; padding: 0 9px; background-color: #5a6e7d; font-size: 1.3rem; border-radius: 2rem; font-weight: 500; }
.ft_top .time_wrap .notice { margin-top: 1.2rem; font-size: 1.4rem; color: #83a4bd; font-weight: 500; }

.ft_top .online_wrap { display: flex; align-items: flex-start; justify-content: flex-start; }
.ft_top .online_wrap .box { width: 50%; }
.ft_top .online_wrap .box + .box { margin-left: 1rem; }
.ft_top .online_wrap .box .desc { margin-bottom: 3rem; }
.ft_top .online_wrap .online_btn { display: flex; align-items: center; justify-content: center; white-space: nowrap; width: 100%; padding: 1.5em 2em; border-radius: 1em; background-color: #0b2437; font-size: 2rem; font-weight: 500; transition: background-color 0.4s; line-height: 1em}
.ft_top .online_wrap .online_btn .ico { margin-right: 2rem; }
.ft_top .online_wrap .online_btn svg { display: flex; align-items: center; justify-content: center; }
.ft_top .online_wrap .online_btn.kakao { color: #ffda00; }
.ft_top .online_wrap .online_btn.naver { color: #309b3d; }


.ft_top .online_wrap .online_btn.kakao svg {  }
.ft_top .online_wrap .online_btn.naver svg {  }

.ft_btm { display: flex; align-items: flex-start; justify-content: space-between; padding-top: 5rem; border-top: 1px solid #4d606e; }
.ft_btm .logo { width: 100px; opacity: 0.2; flex-shrink: 0; }

.ft_btm .info_wrap { width: 100%; margin-left: 5rem; }
.ft_btm .info_wrap .info_top { display: flex; align-items: flex-start; justify-content: space-between; }

.ft_btm .info_wrap .info_top .info_link {  }
.ft_btm .info_wrap .info_top .info_link a { font-size: 1.8rem; }
.ft_btm .info_wrap .info_top .info_link a:first-of-type { font-weight: 700; }
.ft_btm .info_wrap .info_top .info_link a + a { margin-left: 2.5rem; }

.ft_btm .info_wrap .info_top .sns_wrap { display: flex; align-items: flex-start; justify-content: center; }
.ft_btm .info_wrap .info_top .sns_wrap a { width: 23px; height: 20px; }
.ft_btm .info_wrap .info_top .sns_wrap a + a { margin-left: 1.9rem; }
.ft_btm .info_wrap .info_top .sns_wrap a svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100% }
.ft_btm .info_wrap .info_top .sns_wrap a svg .snsIco { transition: fill 0.4s; }



.ft_btm .info_wrap .info_top .sns_wrap a.youtube { height: 18px; }
.ft_btm .info_wrap .info_top .sns_wrap a.tStory { height: 25px; }

.ft_btm .info_wrap .info_btm { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 2.5rem; }
.ft_btm .info_wrap .info_btm .info_txt { font-size: 1.5rem; opacity: 0.3; }
.ft_btm .info_wrap .info_btm .info_txt p + p { margin-top: 0.3rem; }
.ft_btm .info_wrap .info_btm .info_txt .copy { margin-top: 1.5rem; font-size: 12px; }

.ft_btm .info_wrap .info_btm .info_coo { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; }
.ft_btm .info_wrap .info_btm .info_coo .box { display: flex; align-items: center; justify-content: flex-start; }
.ft_btm .info_wrap .info_btm .info_coo .box + .box { margin-left: 4rem; }
.ft_btm .info_wrap .info_btm .info_coo .box .ico { position: relative; width: 5.7rem; height: 5.7rem; margin-right: 1rem; background-color: #fff; border-radius: 5px; flex-shrink: 0; }
.ft_btm .info_wrap .info_btm .info_coo .box .ico img { position: absolute; left: 50%; top: 50%; width: 75%; height: 75%; transform: translate(-50%, -50%); object-fit: contain; }

.ft_btm .info_wrap .info_btm .info_coo .box p { font-size: 1.4rem; opacity: 0.6; }


.quick_menu { position: fixed; right: 3%; top: 35%; z-index: 200; opacity: 0; transition: opacity 0.5s, top 0.5s; pointer-events: none}
.quick_menu.show { top: 30%; opacity: 1; pointer-events: auto}
.quick_menu .quick { padding: 2.5rem 1.5rem; text-align: center; background: linear-gradient(to bottom,  #24a6ce 0%,#d26fa9 51%,#e57627 100%); }
.quick_menu .quick a { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.quick_menu .quick a + a { margin-top: 5rem; }
.quick_menu .quick .ico { width: 2.8rem; height: 2.8rem; opacity: 0.4; transition: opacity 0.4s; }
.quick_menu .quick .ico svg{width: 100%; height: 100%}
.quick_menu .quick span { margin-top: 0.4rem; font-size: 1.5rem; font-weight: 500; }

.quick_menu .top_btn { position: relative; margin-top: 1.5rem; padding-top: 100%; background-color: #fff; color: var(--blue); box-shadow: 0 0 50px 0 rgba(0,0,0,0.1); cursor: pointer; transition: color 0.3s, background-color 0.3s; }
.quick_menu .top_btn .wrap { display: flex;flex-direction: column;align-items: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.quick_menu .top_btn .ico { width: 2.3rem;}
.quick_menu .top_btn .ico svg { display: flex; align-items: center; justify-content: center; fill: var(--blue); transition: fill 0.5s; width: 100%; height: 100%}
.quick_menu .top_btn span { display: inline-block; margin-top: 0.4rem; font-size: 1.5rem; }

/*모달*/

.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: var(--blue)}


.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}

/*over*/
.over_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}
.over_modal.open{opacity: 1; pointer-events: inherit}
.over_modal .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 20px; margin: 0 auto; table-layout: fixed; vertical-align: middle}
.over_modal .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.over_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}

.over_modal .modal_top {display: flex; justify-content: space-between; padding: 1.5rem 3rem; background-color: #F4F6FA;}
.over_modal .modal_top .tit {font-size: 2.4rem; font-weight: 600}
.over_modal .modal_top .modal_close {font-size: 2.4rem}


.modal_parking .cont {padding: 4rem 3.5rem 6rem;height: 870px}
.modal_parking .cont .top {}
.modal_parking .cont .top .img {width: 100%; padding-top: 55%}
.modal_parking .cont .top .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: center}
.modal_parking .cont .top .txt {margin-top: 4rem; font-size: 1.6rem; }
.modal_parking .cont ul {margin-top: 20px; border-top: 1px solid var(--blue)}
.modal_parking .cont ul li {display: flex; padding: 2rem 0;  border-bottom: 1px solid #eee}
.modal_parking .cont ul li .left {width: 10rem; font-size: 2rem; font-weight: 600}
.modal_parking .cont ul li .right {margin-left: 3rem; flex: 1;}

.modal_parking .swiper-pagination-bullet {border-radius: 50px; transition: all .3s}
.modal_parking .swiper-pagination-bullet-active {background-color: var(--blue); width: 20px}


/*로그인 팝업*/
.modal .modal_wrap .modal_cont.login { width: 500px; padding: 0 0 10rem; }
.modal .modal_cont.login .modal_top { display: flex; align-items: center; justify-content: right; background-color: transparent; }
.modal_cont.login .tit { padding-top: 30px; font-size: var(--sub_cont_tit); font-weight: 700; text-align: center; }

.modal_cont.login .login_btn_box { margin-top: 6rem; padding: 0 6rem; }
.modal_cont.login .login_btn_box .member_btn { position: relative; width: 100%; height: 7.2rem; line-height: 7.2rem; border-radius: 5px; font-size: var(--sub_txt); overflow: hidden; font-weight: 500; }
.modal_cont.login .login_btn_box .member_btn + .member_btn { margin-top: 1rem; }
.modal_cont.login .login_btn_box .member_btn .login_logo { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 7.2rem; height: 7.2rem; z-index: 10; }
.modal_cont.login .login_btn_box .member_btn .login_logo svg { display: flex; align-items: center; justify-content: center; }

.modal_cont.login .login_btn_box .member_btn.naver { background-color: #03C75A; color: #fff; }
.modal_cont.login .login_btn_box .member_btn.naver .login_logo { background-color: #03BA49; }
.modal_cont.login .login_btn_box .member_btn.naver .login_logo svg { fill: #fff; width: 35%; height: 35%; }

.modal_cont.login .login_btn_box .member_btn.kakao { background-color: #FAE100; color: #3C1E1E; }
.modal_cont.login .login_btn_box .member_btn.kakao .login_logo { background-color: #F8D900; }
.modal_cont.login .login_btn_box .member_btn.kakao .login_logo svg { width: 50%; height: 50%; }

.modal_cont.login .login_btn_box .member_btn.login { background-color: #173348; color: #fff; }
.modal_cont.login .login_btn_box .member_btn.login .login_logo { background-color: #112739; }
.modal_cont.login .login_btn_box .member_btn.login .login_logo svg { width: 55%; height: 55%; fill: #fff; }

.modal_cont.login .bot_sea_btn { display: flex; align-items: center; justify-content: center; margin-top: 4rem; }
.modal_cont.login .bot_sea_btn .btn { position: relative; font-size: 1.6rem; color: #757575; }
.modal_cont.login .bot_sea_btn .btn + .btn { margin-left: 40px; }
.modal_cont.login .bot_sea_btn .btn:nth-of-type(2):before { content: ''; position: absolute; left: -20px; top: 50%; width: 1px; height: 100%; background-color: #E0E0E0; transform: translateY(-50%); }

.modal_cont.login .id_login_form { padding: 0 6rem; margin-top: 6rem; }
.modal_cont.login .login_btn_wrap { display: flex; align-items: center; justify-content: center; width: 70%; margin: 6rem auto 0; }
.modal_cont.login .login_btn_wrap .btn5 { width: 50%; }
.modal_cont.login .login_btn_wrap .btn5 + .btn5 { margin-left: 1rem; }


.modal_inp { display: flex; align-items: flex-start; flex-direction: column; width: 100%}
.modal_inp + .modal_inp { margin-top: 4rem; }
.modal_inp .txt { font-size: var(--sub_cont_txt); font-weight: 600; }
.modal_inp .txt.em {position: relative; }
.modal_inp .txt.em:before {content: "*"; position: absolute; right: -10px; top: 0; font-size: 1em; color: var(--blue)}
.modal_inp .inp { position: relative; width: 100%; height: 6rem; margin-top: 2rem; border: 1px solid #EAEAEA; border-radius: 5px; overflow: hidden; }
.modal_inp .inp input { width: 100%; height: 100%; padding: 0 15px; font-size: 1.6rem; }
.modal_inp .inp input::placeholder { color: #BDBDBD; }

.modal_inp .inp .ico { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.modal_inp .inp .ico i { display: none; }
.modal_inp .inp .ico.checked i { display: block; }
.modal_inp .inp .ico.checked .fail { display: block; }
.modal_inp .inp .ico.checked.enable i.sus { display: block; }
.modal_inp .inp .ico.checked.unable i.sus { display: none; }
.modal_inp .inp .ico.checked.enable i.fail { display: none; }
.modal_inp .inp .ico.checked.unable i.fail { display: block; }
.modal_inp .inp .ico .sus { color: var(--blue); }
.modal_inp .inp .ico .fail { color: red; }
.modal_inp .name { margin-bottom: 8px; font-size: 15px; font-weight: 700; }

.modal_inp .inp_desc { margin-top: 1.2rem; padding-left: 0.8em; text-indent: -0.8em; font-size: 1.4rem; color: #9E9E9E; }


/*회원가입 팝업*/
.modal .modal_wrap .modal_cont.join { width: 600px; padding: 0 0 10rem; }
.modal .modal_cont.join .modal_top { display: flex; align-items: center; justify-content: right; background-color: transparent; }
.modal_cont.join .in_pd { padding: 0 6rem; margin-top: 4.5rem; }
.modal_cont.join .in_pd .desc { font-size: var(--sub_txt); font-weight: 700; }
.modal_cont.join .in_pd .tit { font-size: var(--sub_cont_tit); font-weight: 700; }

.modal_cont.join .join_agree { margin-top: 6rem; }
.modal_cont.join .join_agree .label_wrap + .label_wrap { margin-top: 4rem; }
.modal_cont.join .join_agree .tit_wrap { display: flex; align-items: center; justify-content: space-between; }
.modal_cont.join .join_agree .tit_wrap .tit  { font-size: var(--sub_txt); font-weight: 600; }
.modal_cont.join .join_agree .tit_wrap + .bg_chk {margin-top: 1rem}

.modal_cont.join .all_chk { margin-top: 4rem; }
.modal_cont.join .all_chk input{}
.modal_cont.join .all_chk label{display: flex; align-items: center}
.modal_cont.join .all_chk label svg.y{display: none}
.modal_cont.join .all_chk input:checked + label svg.y{display: block}
.modal_cont.join .all_chk input:checked + label svg.n{display: none}
.modal_cont.join .all_chk span{margin-left: 0.5em}
.modal_cont.join .btn_wrap { margin-top: 6rem; }
.modal_cont.join .btn_wrap .btn5 { min-width: 16rem; }

.modal_cont.join.confirmModal .find_info { margin-top: 6rem; }

.modal_cont.join.confirmModal .btn_wrap { margin-top: 1.2rem; }
.modal_cont.join.confirmModal .btn_wrap.last { width: 65%; margin: 6rem auto 0; }
.modal_cont.join.confirmModal .btn_wrap.last .btn5 { width: 50%; }
.modal_cont.join.confirmModal .btn_wrap.last .btn5 + .btn5 { margin-left: 1rem; }

/*회원가입 약관 팝업*/

.modal_cont.terms {  }
.modal_cont.terms .cont { padding: 5rem; }

.modal_cont.terms .cont .sect + .sect { margin-top: 3rem; }

.modal_cont.terms .cont .sect .h3 { margin-bottom: 1.2rem; font-size: max(14px,1.5rem);; font-weight: 600; }
.modal_cont.terms .cont .sect .txt { font-size: max(12px,1.3rem); line-height: 1.6; }
.modal_cont.terms .cont .sect .txt + .txt { margin-top: 3rem; }

.modal_cont.terms.type2 strong {font-size: max(14px,1.5rem);; font-weight: 600; }
.modal_cont.terms.type2 p { font-size: max(12px,1.3rem); line-height: 1.6; }


/*진료안내_사진으로 위치 확인 팝업*/
.modal_cont.map .cont { padding: 4rem 3.5rem 6rem; }
.modal_cont.map .swiper-slide { }
.modal_cont.map .swiper-slide .img {position: relative; padding-top: 56.25%; }
.modal_cont.map .swiper-slide .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}

.modal_cont.map .swiper-slide .txt_wrap { margin-top: 4rem; }
.modal_cont.map .swiper-slide .txt_wrap .step { margin-bottom: 2rem; font-weight: 700; font-size: 2rem; color: var(--blue); }
.modal_cont.map .swiper-slide .txt_wrap .txt { line-height: 1.6; }

.modal_cont.map .swiper-container .paging { position: absolute; left: 50%; top: 0%; padding-top: calc(56.25% + 10px); width: auto; height: auto; transform: translateX(-50%); z-index: 100; }
.modal_cont.map .swiper-container .paging .swiper-pagination-bullet { opacity: 1; background-color: rgba(23,51,72,0.2); width: 0.7rem; height: 0.7rem;}
.modal_cont.map .swiper-container .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--blue); }

/*진료안내_영상으로 위치 확인 팝업*/
.modal_cont.map.video { position: relative; max-width: 120rem;  width: 100%}
.modal_cont.map.video .modal_close { position: absolute; right: 0; top: -10px; color: #fff; font-size: 24px; transform: translateY(-100%); }
.modal_cont.map.video .video { position: relative; width: 100%; padding-top: 56.25%; }
.modal_cont.map.video .video video,
.modal_cont.map.video .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/*문자로 약도받기 팝업*/
.modal .modal_wrap .modal_cont.message { width: 400px; }
.modal_cont.message .cont { margin-top: 1rem; padding: 30px; }
.modal_cont.message .inp_wrap { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; }
.modal_cont.message .inp_wrap .tit { flex-shrink: 0; font-weight: 600; margin-bottom: 1rem; }
.modal_cont.message .inp_wrap .inp { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 6rem; padding: 2rem; line-height: 6rem; border: 1px solid #c7cacf; border-radius: 5px; }
.modal_cont.message .inp_wrap .inp input { width: 100%; height: 100%; font-size: 1em; }
.modal_cont.message .inp_wrap .inp input::placeholder { color: #BDBDBD; }
.modal_cont.message .btn_wrap { margin-top: 5rem; }



/*비밀번호 팝업*/

.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 .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; }


/* 아이디 찾기 결과 */
.id_find_result.none {text-align: center; margin-top: 4rem}
.id_find_result.none i {font-size: 4rem}
.id_find_result.none p {font-size: var(--deps3_tit); margin-top: 1rem; font-weight:600 }

.modal_cont.join.find_id .id_find_result.ok .find_info {margin-top: 4rem}
.id_find_result.ok .find_info .inp_wrap p.id {background-color: rgba(0,0,0,0.05); padding: 3rem; font-size: var(--deps3_tit); font-weight: 600; text-align: center; width: 100%}




@media screen and (max-width: 2000px) {
	.quick_menu {right: 20px}

	.quick_menu .quick .ico {width: 2.5rem; height: 2.5rem;}
	.quick_menu .quick span {font-size: 1.4rem}
	.quick_menu .quick a + a {margin-top: 3rem}


	.sitemap .top .close_btn {right: 20px}

	.top_banner .paging {right: calc(2.5% + 19rem)}

}


/*호버스타일*/
@media screen and (min-width: 1200px) {




	.btn1:hover:before { height: 100%; }
	.btn1:hover span { color: #fff; }

	.visual_sect .txt_box .btn1:hover span{color: var(--blue)}

	.btn2:hover:before { animation: btnLine 0.6s linear; }

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

	.btn4:hover { background-color: #fff; color: var(--blue); }

	.btn5:hover { background-color: #d3dfee; border: 1px solid #d3dfee; }
	.btn5.naver:hover { background-color: #17B75E; border: 1px solid #17B75E; }
	.btn5.kakao:hover { background-color: #FADA0A; border: 1px solid #FADA0A; }

	.btn5.fill:hover { background-color: #0F1A23; border: 1px solid #0F1A23; }

	.btn6:hover { color: var(--blue); fill: var(--blue); }
	.btn6:before:hover { background-color: var(--blue); }

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

	.sitemap .top .close_btn:hover .ico { transform: translate(-50%, -50%) rotate(180deg); }

	.ft_top .online_wrap .online_btn:hover { background-color: #081925; }

	.ft_btm .info_wrap .info_top .sns_wrap a:hover .snsIco { fill: #83a4bd; }

	.quick_menu .quick a:hover .ico { opacity: 1; }

	.quick_menu .top_btn:hover { color: #fff; background-color: var(--blue) }
	.quick_menu .top_btn:hover .ico svg { fill: #fff; }



}

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

}

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

	.top_banner .swiper-slide {justify-content: space-between; padding-left: 2.5%}
	.top_banner .swiper-slide a {justify-content: flex-start}
	.top_banner .swiper-slide .txt_wrap {width: 83%; justify-content: flex-start}

}




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


	:root {
		--header_Height: 70px;
	}

	.top_banner .swiper-slide {padding-left: 20px}
	.top_banner .util {right: 20px}
	.top_banner .paging {right: calc(20px + 19.5rem)}
	.top_banner .swiper-slide .txt_wrap {text-align: left}
	.top_banner .swiper-slide .txt_wrap .bold {font-size: 2.6rem; flex-shrink: 0}
	.top_banner .swiper-slide .txt_wrap span {font-size: 1.8rem}


	.sitemap { display: none; }

	.sub .nav {top: 0 !important}


}



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


	.pc_only { display: none !important}
	.mo_only { display: block !important}
	.mo_only.flex {display: flex !important}


	.wow {visibility: visible}

	input[type="checkbox"].round + label { font-size: 11px; height: 20px; line-height: 19px;}

	.btn1 { height: 40px; line-height: 40px }
	.btn4 { height: 45px; line-height: 45px; }
	.btn5 { font-size: 2rem; }
	.more_btn { width: 5rem; height: 5rem; }

	/*.top_banner { padding: 0 20px; }*/
	/*.top_banner .util { right: 3rem; }*/
	/*.top_banner .paging { right: 24%; }*/
	/*.top_banner .swiper-slide .txt_wrap { flex-direction: column; align-items: flex-start; }*/





	.top_banner {height: 13rem}
	.top_banner .swiper-slide {padding-left: 15px; padding-right: 30px}
	.top_banner .swiper-slide .txt_wrap {width: 100%; justify-content: center; flex-direction: column; text-align: center; margin-top: -10px}
	.top_banner .util {top: auto; transform: none; right: 12px; bottom: 5px; font-size: 10px}
	.top_banner .util .chk_box {font-size: 12px}
	.top_banner .util .chk_box label svg {height: 2rem; margin-right: 3px}
	.top_banner .util .close_btn svg {width: 2rem; height: 2rem; margin-right: 3px}
	.top_banner .paging {right: 15px; height: 40px; top: 15px; transform: none}
	.top_banner .paging svg {width: 2rem; height: 2rem}

	.top_banner .swiper-slide .txt_wrap img {width: 120%; max-width: 500px}
	.top_banner .swiper-slide .txt_wrap span {width: 100%;}
	.top_banner .swiper-slide .txt_wrap .bold {font-size: 2.4rem; }
	.top_banner .swiper-slide .txt_wrap .bold + span {word-break: keep-all; font-size: 1.5rem; margin-top: 5px}


	/*.main .header.none_banner ,*/
	/*.main .header.banner.header_down {transform:translateY(-13.2rem)}*/

	/*.main .header.none_banner nav {top: 13.2rem}*/


	.footer {padding-bottom: 12rem}



	.footer .ft_top { flex-wrap: wrap; }
	.footer .ft_top .num_wrap { width: 50%; }
	.footer .ft_top .time_wrap { width: 50%; justify-content: flex-start; }
	.footer .ft_top .online_wrap { width: 100%; margin-top: 8rem; }
	.ft_top .online_wrap .online_btn { font-size: 2.8rem; }

	.ft_btm .logo { width: 70px;}

	.ft_btm .info_wrap .info_top { flex-direction: column; }
	.ft_btm .info_wrap .info_top .sns_wrap { margin-top: 5rem; }
	.ft_btm .info_wrap .info_top .sns_wrap a + a { margin-left: 2.9rem; }

	.ft_btm .info_wrap .info_btm { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
	.ft_btm .info_wrap .info_btm .info_coo { margin-top: 3rem; }
	.ft_btm .info_wrap .info_btm .info_coo .box .ico { margin-right: 1.5rem; }


	.quick_menu {opacity: 1; top: auto !important; bottom: 0; right: 0; width: 100%; pointer-events: auto}
	.quick_menu .quick {display: flex; align-items: center; padding: 0; background: linear-gradient(to right,  #24a6ce 0%,#d26fa9 51%,#e57627 100%); border-top-right-radius: 20px; border-top-left-radius: 20px;}
	.quick_menu .quick a {width: 33.33%; padding: 12px 0 12px}
	.quick_menu .quick a + a {margin-top: 0; border-left: 1px solid rgba(255,255,255,0.1)}

	.quick_menu .top_btn {display: none}

	.modal_parking .cont {height: auto}

}



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

	html::-webkit-scrollbar {display: none;}

	:root {
		--header_Height: 50px;
		--in_pd: 15px
	}


	.phone_only {display: block !important}
	.phone_only.flex {display: flex !important}
	.phone_over {display: none !important}

	.wow {visibility: visible}

	.in2,.in,
	.in_w {padding: 0 var(--in_pd)}


	.btn1 { height: 25px; line-height: 24px; padding: 0 15px; font-size: 10px; }


	.move_text_box .text { font-size: 85px; }
	.move_text_box .text p { line-height: 1.2; }

	
	.all_sch .sch_box .inp_box {width: 38rem}


	.footer .ft_top .num_wrap { width: 100%; }
	.footer .ft_top .time_wrap { width: 100%; margin-top: 30px; }
	.ft_top .time_wrap .time_box .box .tit { font-size: 13px; }
	.ft_top .time_wrap .time_box .box .time { font-size: 14px; }
	.ft_top .time_wrap .time_box .box .label { font-size: 10px;}
	.ft_top .time_wrap .notice { font-size: 11px; }
	.footer .ft_top .online_wrap { margin-top: 30px; }
	.ft_top .online_wrap .box .desc {margin-bottom: 2rem}
	.ft_top .online_wrap .online_btn { min-width: unset; height: 50px; padding: 0 1.2rem; font-size: 1.8rem; border-radius: 10px; }
	.ft_top .online_wrap .online_btn .ico {margin-right: 1rem}

	.ft_btm { flex-direction: column; }
	.ft_btm .logo {display: none}
	.ft_btm .info_wrap { margin-left: 0; margin-top: 0px; }
	.ft_btm .info_wrap .info_top .info_link { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; overflow: auto; }
	.ft_btm .info_wrap .info_top .info_link::-webkit-scrollbar { display: none; }
	.ft_btm .info_wrap .info_top .info_link a { white-space: nowrap; font-size: 13px; margin-right: 20px; margin-bottom: 5px}
	.ft_btm .info_wrap .info_top .info_link a + a { margin-left: 0px; }


	.ft_btm .info_wrap .info_btm .info_txt { font-size: 11px; }
	.ft_btm .info_wrap .info_btm .info_txt p {display: inline}
	.ft_btm .info_wrap .info_btm .info_txt p + p:before {content:"| ";}
	.ft_btm .info_wrap .info_btm .info_txt p.copy:before {content: none}
	.ft_btm .info_wrap .info_btm .info_txt p.copy {display: block}


	.ft_btm .info_wrap .info_btm .info_coo { margin-top: 25px; align-items: flex-start}
	.ft_btm .info_wrap .info_btm .info_coo .box { width: 100%; align-items: flex-start}
	.ft_btm .info_wrap .info_btm .info_coo .box + .box {margin-left: 10px;}
	.ft_btm .info_wrap .info_btm .info_coo .box p { font-size: 8.5px}
	.ft_btm .info_wrap .info_btm .info_coo .box p br {display: none}
	.ft_btm .info_wrap .info_btm .info_coo .box .ico {width: 3.7rem; height: 3.7rem; margin-right: 8px}
	.ft_btm .info_wrap .info_btm .info_coo .box .ico img {width: 60%; height: 60%;}

	.hd_in {padding: 0 var(--in_pd)}


	.top_banner .swiper-slide .txt_wrap .bold {font-size: 2rem}
	.top_banner .swiper-slide .txt_wrap .bold + span {font-size: 10px}


	.btn2 {padding: 10px 8px 5px}
	.btn5 {font-size: 1.6rem}

	.modal_parking .cont ul li .left {width: 6rem}
	.modal_parking .cont ul li .right {margin-left: 2rem}

	.modal_cont.join .in_pd,
	.modal_cont.login .login_btn_box {padding: 0 3rem}
	.modal_cont.login .login_btn_box {margin-top: 3rem}

	.bg_chk label {height: 6.5rem; line-height: 6.5rem}

	.modal_cont.terms .cont {padding: 3rem}

	.modal_cont.join.confirmModal .btn_wrap.last .btn5 {width: auto}
	.modal_cont.join .btn_wrap .btn5 {min-width: 15rem;}

	.modal_inp .inp {margin-top: 1rem}
	.modal_cont.login .id_login_form {padding: 0 3rem}
	.modal_cont.join.confirmModal .btn_wrap .btn5 {min-width: 0}

	.modal_cont.map .swiper-container .paging {padding-top: calc(56.25% + 5px);}
	.modal_cont.map .swiper-slide .txt_wrap .step {margin-bottom: 1rem}

	.modal_parking .swiper-pagination-bullet {height: 5px; width: 5px}
	.modal_parking .swiper-pagination-bullet-active {width: 15px}
	.modal_parking .swiper-container-horizontal>.swiper-pagination-bullets,
	.modal_parking .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0}


}


@media screen and (max-width: 405px) {
	.ft_btm .info_wrap .info_top .info_link a:nth-child(4) {width: 89px}
}