@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: #463f3c;
	--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 : 16rem;
	--top_img_mg:8rem;
	--deps3_tit:2.7rem;
	--deps4_tit:2rem;
	--icon_size: 6rem;
	--top_sect_mt : 12rem;
	--sect_bg_pd:12rem;
	--sub_pb:16rem;
	--cont_mt:6rem;

	--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; }
.header .hd_mo { display: none; }
.header .hd_pc { 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; }

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






/*-------헤더-------*/
.banner .header { transform: translateY(0)}

/*.header.none_banner { transform: translateY(-10.2rem);}*/


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

.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 500; transition: transform .3s;}
.header .header_cont { transition: transform .3s;}
.header.header_down .header_cont {transform: translateY(-10.2rem);}
.header.down .header_cont {transform: translateY(-100%) !important;}

.header.none_banner .header_cont {transform: translateY(-10.2rem);}
.header.none_banner.header_down .header_cont {transform: translateY(-10.2rem);}

.header.down{pointer-events: none}
.header.down .header_cont{pointer-events: 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}
.sub .header .header_cont {transform: translateY(0) !important}
.sub .header.down .header_cont {transform: translateY(-100%) !important; }

.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; }
.header.menu_open { background-color: #cfae94; border-bottom: 1px solid rgba(256,256,256,0.2); }
.header .gnb_bg { position: absolute; left: 50%; bottom: 2px; width: 100%; height: 0px; transform: translate(-50%,100%); z-index: 2; transition: height .5s;}
.header.on .gnb_bg { height: 44rem; background-color: #fff; border-top: 1px solid #d3d8e1;  box-shadow: 0px 8px 8px 3px rgba(0,0,0,0.03)}
.header .logo {height: 100%; flex-shrink: 0; display: flex; align-items: center}
.header .logo > a{height: 100%; display: flex; align-items: center}
.header .logo > a img { width: 22rem; }
.header .logo > a img.black {display: none}
.header .logo .btn_box {display: flex; margin-left: 15px; background-color: #DBDEE1; border-radius: 50px;}
.header .logo .btn_box a {width: 5.5em; font-size: 1.5rem; padding: 0.3rem 1.5rem; font-weight: 700; border-radius: 50px; text-align: center; opacity: 0.3}
.header .logo .btn_box a.active {background-color: var(--blue); color: #fff; opacity: 1}
.header .logo .btn_box a:last-child{margin-left: -1rem}
.header nav { position: relative; z-index: 10 ;height: 100%; }
.header nav .depth1 {display: flex; align-items: center; height: 100%; color: var(--blue);}
.header nav .depth1 > li { position: relative; height: 100%; }
.header nav .depth1 a { display: flex; align-items: center; justify-content: center ;position: relative; padding: 0 2.5em; width: 100%; height: 100%; font-size: 1.9rem; font-weight: 700; white-space: nowrap ;transition: padding .3s}

.header nav .depth1 a span { position: relative; }
.header nav .depth1 a span:before { content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 2px; background-color: var(--blue); transition: width 0.4s; }
.header nav .depth1 li.active a span:before { width: 100%; }

.header nav .depth1 .depth2 { position: absolute; bottom: 0; left: 50%; transform: translate(-50%,100%); width: 100%; padding-top: 2rem; white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: opacity 0.3s; transition-delay: -0.15s; z-index: 10; }
.header.on nav .depth1 .depth2 { opacity: 1; pointer-events: auto; transition-delay: 0.15s; }
.header nav .depth1 .depth2 li + li { margin-top: 15px }
.header nav .depth1 .depth2 li a { padding: 0.5em 1.8em; font-size: 1.7rem; font-weight: 400; transition: font-weight 0.1s; }
.header nav .depth1 .depth2 li a span { position: relative }
.header nav .depth1 .depth2 li a.active {font-weight: 600}
.header nav .depth1 .depth2 li a span + i {margin-left: 0.8rem; font-size: 0.8em}

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

.header .util_wrap { height: 100%; display: flex; align-items: center; }
.header .util_wrap .select {margin-right: 3.5rem; width: 55px}
.header .util_wrap .select .nice-select { height: 28px; padding-left: 8px; padding-right: 10px; background-color: transparent; border: 1px solid var(--blue); border-radius: 0; color: var(--blue); font-size: 1.3rem; font-weight: 500; line-height: 27px; z-index: 11}
.header .util_wrap .select .nice-select .list { width: calc(100% + 1.34px);left: -0.5px; top: 100%; transform: translateX(0%) ;margin-top: 0px; color: var(--blue); border-radius: 0; border: 1px solid var(--blue); box-shadow: none; transition: none; font-size: 1em}
.header .util_wrap .select .nice-select .list li { min-height: 30px; line-height: 29px; padding: 0 10px; }
.header .util_wrap .select .nice-select .list li + li { border-top: 1px solid rgba(23,51,72,0.25); }
.header .util_wrap .select .nice-select:after { right: 9px; width: 0.45rem; height: 0.45rem; margin-top: -4px; border-bottom: 1.5px solid var(--blue) ; border-right: 1.5px solid var(--blue);}

.header .util_wrap .util_box { display: flex; align-items: center; justify-content: flex-end; }
.header .util_wrap .util_box .ico {position: relative; display: flex; align-items: center; height: 25px}
.header .util_wrap .util_box .ico + .ico { margin-left: 3.5rem; }
.header .util_wrap .util_box .ico svg { height: 2.5rem; }

.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:65px; left: 50%; transform: translateX(-50%) ;background: var(--blue); 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; }
.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; }


.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)}*/

.header.none_banner .sitemap {top: 0rem}

.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}
	.header nav .depth1 a {padding:0 2em ; font-size: 1.75rem}

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


	.header nav .depth1 a:hover span:before { width: 100%; }

	.header nav .depth1 .depth2 li a:hover { font-weight: 600 }

	.header nav .depth1 .depth2 li > a:hover span:before { width: 100% }

	.header .nav .depth1 > li:hover > a span:before { width: 100%; }
	.header .util_wrap .share_area a:hover { opacity: 1; }

	.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) {
	.header nav .depth1 a {padding: 0 1.75em; font-size: 1.6rem}
	.header nav .depth1 .depth2 li a {font-size: 1.5rem}
	.header .logo a img {width: 20rem}
	.header .util_wrap .util_box .ico svg {height: 2rem}
	.header .util_wrap .select {margin-right: 3rem}
	.header .util_wrap .util_box .ico + .ico {margin-left: 3rem}

	.header .logo .btn_box a {font-size: 1.3rem}

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


	.header .logo a img { width: 18rem; }
	.header .util_wrap .util_box .ico + .ico { margin-left: 25px; }
	.header .util_wrap .util_box .ico svg { width: 1.8rem; height: 1.8rem; }
	.header .util_wrap .util_box .ico.user {display: none}

	.header .logo a img { width: 150px; }
	.header .hd_mo { display: block; }
	.header .hd_pc { display: none; }
	.header nav { position: fixed; left: 100%; top: 0; width: 100%; height: 100vh; padding: 5rem 5rem; background-color: var(--blue); overflow: auto; transition: left 0.6s ease; }


	.header.header_down .header_cont .nav,
	.header.none_banner .header_cont .nav,
	.header.none_banner.header_down .header_cont .nav {top: 10.2rem}

	.header nav.on { left: 0; }
	.header nav .close_btn { position: absolute; right: 5rem; top: 5rem; width: 20px; height: 20px; cursor: pointer; }
	.header nav .close_btn svg { fill: #fff; width: 100%; height: 100%}
	.header nav .depth1 { display: block; height: auto; margin-top: 30px; color: #fff; }
	.header nav .depth1 > li { width: 100%; height: auto; padding: 3.5rem 15px; }
	.header nav .depth1 li + li { border-top: 1px solid rgba(255,255,255,0.1); }
	.header nav .depth1 a { position: relative; height: auto; padding: 0; font-size: 16px; justify-content: flex-start; }
	.header nav .depth1 a .arr { position: absolute; right: 0; top: 50%; width: 18px; transform: translateY(-50%); }
	.header nav .depth1 a .arr svg { fill: #fff; transition: transform 0.3s; transform-origin: center; }
	.header nav .depth1 a.on .arr svg { transform: rotate(180deg); }
	.header nav .depth1 .depth2 { display: none; position: relative; left: unset; bottom: unset; height: auto; opacity: 1; transform: unset; pointer-events: auto; padding-left: 2rem}
	.header nav .depth1 .depth2 li a { justify-content: flex-start; padding: 7px 0; font-size: 13px; opacity: 0.5; }

	.header nav .depth1 .depth2 li a.active {opacity: 1}


	.hd_in {  padding: 0 20px; transform: unset; }
	.header .util_wrap .util_box .ico svg { width: 20px; height: 20px; }
	.header .logo a img { width: 130px; }
	.header .util_wrap .select { display: none; }

	.header .util_wrap .share_area {top: 48px; width: 60px}
	.header .util_wrap .share_area .a_box + .a_box { margin-top: 20px; }
	.header .util_wrap .share_area a.facebook { width: 10px; }
	.header .util_wrap .share_area a.kakao { width: 19px; }
	.header .util_wrap .share_area a.blog { width: 18px; }
	.header .util_wrap .share_area a.youtube { width: 20px; }
	.header .util_wrap .share_area a.twitter { width: 16px; }
	.header .util_wrap .share_area a.share { width: 16px; }

	.header .util_wrap .share_area.on {height: 235px}

	.header .top {  }
	.header nav .close_btn {right: 20px}
	.header .top .nice-select { max-width: 70px; height: 30px; padding-left: 10px; line-height: 30px; border: 1px solid #fff; background-color: #fff;
		border-radius: 0; color: var(--blue); font-size: 12px; }
	.header .top .nice-select:after {right: 10px; border-right:1px solid var(--blue); border-bottom:1px solid var(--blue)}
	.header .top .nice-select .list { width: calc(100% + 1.5px); left: -1px; margin-top: 0; border: 1px solid #fff; border-top: 0; border-radius: 0; background-color: #fff;  color: var(--blue)}
	.header .top .nice-select .option { min-height: 30px; height: 30px; line-height: 30px; }
	.header .top .nice-select .option:hover,
	.header .top .nice-select .option.focus,
	.header .top .nice-select .option.selected.focus { color: var(--blue); }

	.header .top_cont {display: flex; align-items: center}
	.header .top_cont .btn {padding: 0 10px; height: 30px; line-height: 30px ;margin-left: 20px; border: 1px solid #fff; color: #fff; font-size: 12px}
	.header .top_cont .btn + .btn {margin-left: 10px;}

	.header .top .sch_box { display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; margin-top: 20px; }
	.header .top .sch_box input { width: 100%; height: 40px; padding: 0 10px; border-bottom: 1px solid #fff; background-color: transparent; color: #fff; }
	.header .top .sch_box .ico { margin-left: 10px; flex-shrink: 0; }
	.header .top .sch_box .ico svg {fill: #fff; height: 3rem}

	.sitemap { display: none; }

	.header .util_wrap .util_box .ico.hd_pc {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; }*/

	.header.header_down .header_cont .nav,
	.header.none_banner .header_cont .nav,
	.header.none_banner.header_down .header_cont .nav {top: 13.2rem}





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

	.header.header_down .header_cont {transform: translateY(-13.2rem);}
	.header.none_banner .header_cont {transform: translateY(-13.2rem);}
	.header.none_banner.header_down .header_cont {transform: translateY(-13.2rem);}


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




	.header.down .header_cont {pointer-events: auto}
	.header.down .hd_in {box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);}
	.sub .header.down .header_cont {transform: translateY(0%) !important;}
	.header.down .header_cont {transform: translateY(-13.2rem) !important}
	.header.header_down .header_cont {transform: translateY(-13.2rem);}

	.header .logo .btn_box {margin-left: 10px}
	.header .logo .btn_box a {padding: 2px 8px; font-size: 8.5px;}


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

	.header.on .gnb_bg { display: none; }

	.header .util_wrap .util_box .ico svg {width: auto; height: 19px}

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

	.header .logo a img {width: 120px}

	.header .util_wrap .share_area { right: 40px; top: 38px; width: 45px;}
	.header .util_wrap .share_area.on {height: 190px}

	.header .util_wrap .share_area .a_box + .a_box { margin-top: 20px; }
	.header .util_wrap .share_area a {font-size: 0}
	.header .util_wrap .share_area a.facebook { width: 7px; }
	.header .util_wrap .share_area a.kakao { width: 16px; }
	.header .util_wrap .share_area a.blog { width: 15px; }
	.header .util_wrap .share_area a.youtube { width: 17px; }
	.header .util_wrap .share_area a.twitter { width: 13px; }
	.header .util_wrap .share_area a.share { width: 13px; }

	.header nav {padding: 5rem 20px}
	.header nav .depth1 > li {padding: 15px 0px}
	.header nav .depth1 a {font-size: 14px}

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