@charset "utf-8";


:root {
    --orange1 : #D75500;
    --orange2 : #ED6D01;
    --pink: #F9DCD3;
    --gray: #666;
    --black: #101010;
    --bg : #F8F8F6;
    --alertColor: #D75500;
    --lineColor: #DDD;

    --en:"Poppins", sans-serif;
    --serif : "Noto Serif KR", serif;
    --enSerif: "Cormorant", serif;

    --in: 184rem;
    --inPd: 20px;
    --subIn: max(150rem, 1440px);
    --subVisPd: 10rem;
    --hdH: max(8rem, 80px);
    --hdIn:10rem;
    --inpH: 3.4em;

    --txt70: 5.6rem;
    --txt60: max(4.8rem, 42px);
    --txt55: 4.4rem;
    --txt40: max(3.3rem,33px);
    --txt35: max(2.8rem, 28px);
    --txt30: max(2.4rem, 24px);
    --txt24: max(2.2rem, 22px);
    --txt22: max(2rem, 20px);
    --txt20: max(1.8rem, 18px);
    --txt18: max(1.6rem, 16px);
    --txt16: max(1.5rem, 15px);
    --txt14: max(1.2rem, 14px);

    --pd320: 26rem;
    --pd430: 34rem;
    --pd300: 24rem;
    --pd220: 18rem;
    --pd200: 16rem;
    --pd150: 12rem;

    --mt150: 12rem;
    --mt100: 8rem;
}



html.scroll_none { overflow: hidden; }

body::-webkit-scrollbar { width: 5px; height: 5px; }
body::-webkit-scrollbar-thumb { height: 5px; background: #A9A9A9; border-radius: 5px; }
body::-webkit-scrollbar-track { background-color: #fff; }

.in {position: relative; width: var(--in); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.in2 {position: relative; width: calc(93% + calc(var(--inPd)*2)); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}

.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.mo_over { display: block !important; }
.mo_only { display: none !important; }
.tab_only { display: none !important; }
.phone_only {display: none !important;}
.mini_only {display: none !important;}

.ms_preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #fff; z-index: 9999999; }
.page_wrap {display: flex; flex-direction: column; min-height: 100vh;}

.round_btn .btn { display: inline-flex; justify-content: center; align-items: center; font-size: var(--txt); line-height: 1; white-space: nowrap; flex: 1; border: 1px solid var(--black); padding: 1em 1.6em ; font-weight: 700; border-radius: 10rem; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
.round_btn .btn:after { content: ''; position: relative; margin-left: 1.38em; width: 1.1em; height: 1em; transition: background 0.3s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%231C1C1C" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain; }
.round_btn.wh .btn{border-color:#fff;; color:#fff;}
.round_btn.wh .btn:after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}
.round_btn.out .btn:after{background: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5312 0.75H17.1562H18V1.59375V7.21875V8.0625H16.3125V7.21875V3.63281L8.47266 11.4727L7.875 12.0703L6.67969 10.875L7.27734 10.2773L15.1172 2.4375H11.5312H10.6875V0.75H11.5312H10.6875H11.5312ZM0.84375 1.875H7.03125H7.875V3.5625H7.03125H1.6875V17.0625H15.1875V11.7188V10.875H16.875V11.7188V17.9062V18.75H0.84375H0V17.9062V2.71875V1.875H0.84375H0H0.84375Z" fill="black"/></svg>') no-repeat center / contain;}
.round_btn .btn.sm{ font-size:var(--txt18);  padding: 1em 1.6em; }

.view_more_btn_box {display: flex; justify-content: center;}
.view_more_btn {display: flex; align-items: center; justify-content: center; padding: 1em 2em; border-radius: 1rem; font-size: var(--txt18); border: 1px solid #fff; background-color: transparent; color: #fff; text-transform: uppercase; fill: #fff; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out , fill 0.3s ease-in-out;}
.view_more_btn svg {width: 1.25em; height: auto ;margin-left: 0.5em; }

.nice-select .list {min-width: calc(100% + 2px);left: -1px;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);border-radius: 1rem;}
.nice-select .option {min-height: 0; line-height:2;}

.swiper_btn_wrap{display: flex; align-items: center;}
.swiper_btn_wrap .swiper_btn { font-size: 1em; display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 6.4rem; background: transparent; background-color: #fff;  border-radius: 50%; transition: all 0.3s ease; cursor: pointer;}
.swiper_btn_wrap .swiper_btn .ico { width: 1em; height: 1em; width:28%; height: 28%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') no-repeat center / contain; transition: background 0.3s ease;}

.swiper_btn_wrap .swiper_btn.swiper-button-disabled {opacity: 0.3;}
.swiper_btn_wrap .swiper_btn:first-child { margin-right: 0.8em;}
.swiper_btn_wrap .swiper_btn:first-child .ico { transform: rotate(180deg);}
.swiper_btn_wrap .swiper_btn.line{border:1px solid var(--lineColor);}

.pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.pointer .pointer_box { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; opacity: 0; padding-bottom: 0.7em; backdrop-filter: blur(7px); background-color: rgba(0,0,0,0.5); font-size:var(--txt2); width: 17rem; height: 17rem; font-weight: 700; border-radius: 50%; transition:all .3s ease-out; overflow: hidden; }
.pointer .pointer_box span{position: relative; display: block; white-space: nowrap; line-height: 1; color: #fff; z-index: 1; }
.pointer .pointer_box span:first-child {font-size:2em; font-weight: 200; margin-bottom: 0.3em;}
.pointer.on .pointer_box { opacity: 1 }

/* 지점 소개 슬라이드 추가 */
.store_slide{position:relative;}
.store_slide .paging{position: absolute; bottom: 0; left:50%; transform: translateX(-50%);z-index: 2;}
.store_slide .paging span{margin:0 0.2em; flex-shrink: 0; transition:width 0.5s ease-in-out; border-radius: 50px; transform-origin: left;}
.store_slide .paging .swiper-pagination-bullet{background-color: #fff; opacity: 1}
.store_slide .paging .swiper-pagination-bullet-active{background-color: var(--orange1); width: 3.8rem; }



/* ---------- header ---------- */
.header { position: fixed; top: 0; width: 100%; font-size: var(--txt); color:var(--black);  z-index: 1000; transition: transform 0.3s ease, background-color 0.3s ease;}
.header.down{ transform: translateY(-100%);}
.header.up {transform: translateY(0);color: #fff;background-color: rgb(0 0 0 / 20%);backdrop-filter: blur(20px);}
.header.top {background-color: transparent; backdrop-filter: blur(0px); box-shadow: none;}
.header.on {background-color: #fff; color: #000;}

.header .header_in { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; gap: 0; width: 100%; max-width: 100%; height: var(--hdH); padding: 0 var(--hdIn); align-items: center;}

.header .logo { grid-row: 1; width: 25rem; transition: filter 0.3s ease;}
.header .logo svg{display: block; width: 100%;}

.header .nav .top_box {display: none;}
.header .nav {grid-column: 2; grid-row: 1; height: 100%; margin: 0 auto; font-size: var(--txt2); }
.header .nav .depth1 { position: relative; display: flex; height: 100%; align-items: center; justify-content: center; z-index: 10; }
.header .nav .depth1 li { position: relative; height: 100%; transition: color 0.3s ease;}
.header .nav .depth1 > li > a { position: relative; display: flex; height: 100%; padding: 0 4rem 0; align-items: center; justify-content: center; font-size: var(--txt18) ;font-weight: 500; white-space:nowrap; transition: padding 0.5s ease, color 0.3s ease; }
.header .nav .depth1 > li > a span { position: relative; }
.header .nav .depth1 > li.active > a{color:var(--orange1);}
.header .nav .depth1 > li.active > a span:before { opacity: 1; transform: translate(-50%, calc(-100% - 3px)); }

.header .nav .depth2 { position: absolute; left: 50%; bottom: 0; width: 100%; padding-top: 20px; transform: translate(-50%, 100%); white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: all 0.3s; transition-delay: -0.1s; z-index: 1; }
.header .nav .depth2 > li > a { display: inline-block; padding: 9px 0; font-size: 0.9em; font-weight: 500; transition: color 0.3s ease; color: var(--gray);}
.header .nav .depth2 > li > a[target="_blank"] {padding-right: 1.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path fill="%23666" d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat right center / 0.8em;}

.header .nav .depth2 > li.active > a { font-weight: 600; color:var(--orange1);}
.header .nav .depth2 > li > a > span { position: relative;  }



.header .util_wrap { display: flex; align-items: center; justify-content: flex-end; grid-column: 3; grid-row: 1; height: 100%; font-size:0.9em;}
.header .util_wrap .util_btn { display: inline-block; padding: 0.7em 1.2em; border-radius: 2em; font-weight: 600; font-size: var(--txt16); transition: background 0.3s ease-in-out , color 0.3s ease-in-out, border 0.3s ease-in-out; }
.header .util_wrap .util_btn + .util_btn { margin-left: 1em; }
.header .util_wrap .util_btn.join { border:1px solid #fff;}
.header .util_wrap .util_btn.login {background-color: #fff;border: 1px solid #fff;color: var(--black);}
.header .util_wrap .util_btn.join.logout { display: block; }

.header.on .util_wrap .util_btn {background-color: #000; color: #fff;}
.header.on .util_wrap .util_btn.join {background-color: #fff; border-color: #000; color: #000;}

.header.on .header_in{ border-bottom: 2px solid var(--lineColor);}
.header.on .nav .depth1 > li > a { padding: 0 6rem 0; }
.header.on .nav .depth2 { transition-delay: 0.1s; pointer-events: auto; opacity: 1; }
.header .nav .gnb_bg { position: absolute; left: 50%; bottom: 1px; width: 100%; height: 0; background-color: #fff; transform: translate(-50%, 100%); transition: all 0.5s; }
.header.on .nav .gnb_bg { height: 38rem; box-shadow: rgba(149, 157, 165, 0.07) 0px 8px 15px; }


/* 엠블럼 추가 */
.emblem{display: inline-block; font-size:12px; background: var(--orange1); margin-right: 0.3em; border-radius: 7px; padding: 0.2em 0.8em 0.1em 0.3em;}
.emblem .txt{color: #fff; font-weight: 700;}
.emblem .img{width: 2.2em; margin-top: -0.7em;}
.emblem .img img{width: 100%}


/* ---------- footer ---------- */
.footer {background-color: #15151A; color: #fff; padding: 6rem 0 8rem;}
.footer .in {display: flex; align-items: center;}
.footer .left_box .logo {width: 36rem;}
.footer .left_box .logo svg {width: 100%; height: auto;}
.footer .left_box .terms_txt {display: flex; margin-top: 5rem;}
.footer .left_box .terms_txt a + a {margin-left: 3rem;}
.footer .left_box .terms_txt a {position: relative;}
.footer .left_box .terms_txt a::before {content: ""; position: absolute; left: 0; bottom: -1px; width: 0%; height: 1px; background-color: #fff; transition: width 0.3s ease-in-out;}
.footer .left_box .terms_txt a[target="_blank"] {padding-right: 1.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path fill="%23fff" d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat right center / 0.8em;}



.footer .info_txt {margin-top: 2rem; color:rgba( 255, 255, 255, 0.6 ); font-size: var(--txt18);}
.footer .copy_txt {margin-top: 4rem; font-size: var(--txt16); opacity: 0.6; width: 100%;}
.footer .right_box {margin-left: auto;}
.footer .right_box .call_txt {display: flex; align-items: center; justify-content: flex-end;}
.footer .right_box .call_txt .txt {display: flex; align-items: cente; font-size: var(--txt20); margin-right: 1.5rem;}
.footer .right_box .call_txt .txt svg {width: 1em; margin-right: 0.5em; fill: #fff;}
.footer .right_box .call_txt strong {font-size: 4.5rem; font-weight: 700;}
.footer .right_box .ico_box {display: flex; }
.footer .right_box .ico_box .ico {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem;border-radius: 10px;background: rgba(255, 255, 255, 0.10); transition: background 0.3s ease-in-out;}
.footer .right_box .ico_box .ico + .ico  {margin-left: 1.5rem;}
.footer .right_box .ico_box .ico svg {width: 50%; height: auto; fill: #fff;}
.footer .right_box .ico_box .ico svg path {fill: #fff;}

.footer .right_box .ico_box .ico.blog svg {width: 40%;}
.footer .right_box .ico_box .ico.kakao svg {width: 45%;}
.footer .right_box .ico_box .ico.insta svg {width: 45%; fill: transparent}
.footer .right_box .ico_box .ico.insta svg path {fill: transparent;}

.footer .right_box .btn_wrap {display: flex; margin-top: 2.5rem;}
.footer .right_box .btn_wrap .family_btn {display: flex; align-items: center; height: 6rem; padding: 0em 1em; margin-left: 1.5rem; border-radius: 1rem; background-color: #fff; font-size: var(--txt22); font-weight: 700; color: #000; line-height: 1.2; transition:  0.3s ease-in-out;}
.footer .right_box .btn_wrap .family_btn svg {width: 1.2em; margin-left: 1.5em;}

/* 패밀리사이트 셀렉 추가 */
.footer .right_box .btn_wrap .family_site {margin-left: 1.5rem;}
.footer .right_box .btn_wrap .family_site .nice-select{padding-right: 5em; height: 6rem; line-height: 1}
.footer .right_box .btn_wrap .family_site .nice-select .current{font-size: var(--txt22); font-weight: 700; color: #101010; line-height: 1.2; }
.footer .right_box .btn_wrap .family_site .nice-select .nice-select .list{color: #000;}
.footer .right_box .btn_wrap .family_site .nice-select .list { top: auto !important; bottom: 100%; color:#101010; transform: scaleY(0) translateY(0); transform-origin: bottom center; transition:all 0.2s ease-out, opacity 0.15s ease-out}
.footer .right_box .btn_wrap .family_site .nice-select.open .list{transform: scaleY(1);}
.footer .right_box .btn_wrap .family_site .nice-select .option{font-weight: 500;}
.footer .right_box .btn_wrap .family_site .nice-select .option:hover:not(:first-child){color:var(--orange1);}
.footer .right_box .btn_wrap .family_site .nice-select .option:first-child{display: none;}
.footer .right_box .btn_wrap .family_site .nice-select .option.focus{background-color: #fff; font-weight: 400}
.footer .right_box .btn_wrap .family_site .nice-select:after { display: block; right: 1.5em; width: 0.8em; height: 0.8em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(180deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="black"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.footer .right_box .btn_wrap .family_site .nice-select.open:after { transform: rotate(0); }

/* 퀵메뉴 */
.fix_btn_box { position: fixed; right: 3rem; bottom: 3rem; width: 5.5em; ;opacity: 1; z-index: 200; transition: opacity .3s }
.fix_btn_box.show{opacity: 1; visibility: visible;}
.fix_btn_box .quick_btn_box {position: relative; }
.fix_btn_box .menu_btn_box { position: relative; width: 100%;}
.fix_btn_box .menu_btn_box .menu_box { width: 100%;  }
.fix_btn_box .menu_btn_box .menu_box > ul { overflow: hidden; display: flex; flex-direction: column; width: 100%; justify-content: flex-end; height: 26em; height: 5.5em; overflow: hidden; background: rgba(237, 109, 1, 0.8);backdrop-filter: blur(15px); text-align: center;  border-radius: 15px; transition: height 0.6s, padding 0.6s;}
.fix_btn_box .menu_btn_box .menu_box > ul > li { display: flex; align-items: center; justify-content: center; position: relative; flex: 1; transition: opacity 0.5s;}
.fix_btn_box .menu_btn_box .menu_box > ul > li:nth-of-type(1) { transition-delay: -0.1s; }
.fix_btn_box .menu_btn_box .menu_box > ul > li:nth-of-type(2) { transition-delay: -0.1s; }
.fix_btn_box .menu_btn_box .menu_box > ul > li:nth-of-type(3) { transition-delay: -0.1s; }
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; height: 5.5em; border-radius:15px; color: #fff; fill: #fff; transition: color 0.3s ease-in-out, fill 0.3s ease-in-out, background-color 0.3s ease-in-out; }
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn .ico {display: flex; align-items: center; width: 1.8em; height: 1.8em;}
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn.call .ico {width: 1.6em;}
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn.cost .ico {width: 1.4em;}
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn.quick .ico{width: 1.1em;}
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn .ico svg { display:block; width: 100%; height: auto;  transition: opacity 0.3s; }
.fix_btn_box .menu_btn_box .menu_box > ul > li .btn .txt { display: block; margin-top: 0.5em;  font-weight: 500; font-size: var(--txt16);}
.fix_btn_box .menu_btn_box .quick_box { display: flex; align-items: center; justify-content: center; margin-top: 10px; background-color: rgba(117,103,116,0.75); border: 1px solid rgba( 255, 255, 255, 0.18 ); box-shadow: 0 5px 10px 0 rgba( 31, 38, 135, 0.1 ); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); width: 10rem; height: 10rem; border-radius: 100%; color: #fff; font-weight: 700; font-size: var(--midTxt); cursor: pointer; }


.fix_btn_box .btn_box .quick_btn {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; z-index: 3; background-color: #223e71; border-radius: 50%; overflow: hidden;}
.fix_btn_box .btn_box .quick_btn svg {width: 30%; fill: #fff;}
.fix_btn_box .btn_box .quick_btn .txt {font-size: var(--txt3); margin-top: 1rem;}

.fix_btn_box .btn_box {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; transition: background .3s; fill:#000;}

.fix_btn_box .top_btn_box {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background:#FFF; border-radius: 15px; margin-top: 10px; }
.fix_btn_box .top_btn_box .top_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #101010; font-size:var(--txt16); font-weight: 600;}
.fix_btn_box .top_btn_box .top_btn svg{height: 1.5em; margin-left: 0.2em; flex-shrink: 0;}
.fix_btn_box .btn_box .top_btn svg path {transition:  0.3s ease-in-out;}

.fix_btn_box .top_btn_box { height: 0; overflow: hidden; transition: height 0.3s ease, opacity 0.3s ease; opacity: 0; }
.fix_btn_box.scroll .top_btn_box { height: 50px; opacity: 1; }




/* ---------- 빠른 상담 ---------- */
/*.quick_counsel {position: fixed; left: 50%; bottom: 0; transform: translate(-50%, calc(100% - (var(--txt24) * 3) - 4px)); width: 100%; z-index: 10; transition: transform 0.6s ease-in-out;}*/
/*.quick_counsel.active {transform: translate(-50%,0); pointer-events: visible;}*/
.quick_counsel {position: fixed; left: 50%; bottom: calc(-38rem + 4px); transform: translate(-50%, 0); width: 100%; z-index: 10; transition: bottom 0.6s ease-in-out;}
.quick_counsel.active {top: unset; bottom: 0; pointer-events: visible; transform: translate(-50%, 0);}
.quick_counsel .in {width: 164rem;}

.quick_counsel .slide_btn {display: flex; align-items: center; justify-content: center; width: 11em; height: 3em; margin: 0 auto; border-radius: 15px 15px 0 0; background: rgba(237, 109, 1, 0.65); backdrop-filter: blur(25px); color: #fff; font-size: var(--txt24); font-weight: 600; transition: background-color 0.3s ease-in-out;}
.quick_counsel .slide_btn svg {width: 1.5em; height: auto; margin-right: 0.7em;}
.quick_counsel .cont_box {height:38rem; color: #fff; background: rgba(237, 109, 1, 0.65); backdrop-filter: blur(25px); align-items: center}

.quick_counsel .cont_box .cont_tit_box {display: flex; align-items: flex-end; margin-bottom: 3rem;}
.quick_counsel .cont_box .cont_tit_box .tit {line-height: 1.4; font-size:3.2rem; font-weight: 700;}
.quick_counsel .cont_box .cont_tit_box .txt {font-size: var(--txt20); margin-left: 1em;}
.quick_counsel .cont_box {display: flex;}
.quick_counsel .cont_box .inp_box {display: flex; }
.quick_counsel .cont_box .inp_box .box + .box {margin-left: 1.5rem;}
.quick_counsel .cont_box .inp {overflow: hidden; width: 22rem; height: var(--inpH); padding: 0 1em; background-color: #fff; border-radius: 1rem; color: #000; font-size: var(--txt18); position: relative;}
.quick_counsel .cont_box .inp.cont_inp {flex: 1;}

.quick_counsel .cont_box .inp input {width: 100%; height: 100%;}
.quick_counsel .cont_box .inp .placeholder {position: absolute; left: 1em; top: 50%; transform: translateY(-50%); }
.quick_counsel .cont_box .inp .placeholder span {color: var(--orange1); margin-left: 5px;}
.quick_counsel .cont_box .inp input.none + .placeholder {opacity: 0;}

.quick_counsel .cont_box .form_box .nice-select { position:relative; font-size:var(--txt18); height: var(--inpH); width: 22rem; line-height: var(--inpH); padding: 0 1em; border: none; border-radius: 1rem; background: #fff; color: #000;}
.quick_counsel .cont_box .form_box .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(180deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%23000" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.quick_counsel .cont_box .form_box .nice-select.open:after { transform: rotate(0); }
.quick_counsel .cont_box .form_box .nice-select .current{ color:#000; }
.quick_counsel .cont_box .form_box .nice-select .option { color:#000;}
.quick_counsel .cont_box .form_box .nice-select .list { top: auto !important; bottom: 100%; transform: scaleY(0) translateY(0); transform-origin: bottom center; transition:all 0.2s ease-out, opacity 0.15s ease-out}
.quick_counsel .cont_box .form_box .nice-select.open .list{transform: scaleY(1);}

.quick_counsel .cont_box .form_box .form_btn { display: flex; align-items: center; justify-content: center; width: 20%; height: var(--inpH) ;margin-left: 20px; font-size: #fff; border-radius: 1rem; font-weight: 700; background-color: #000; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}

.quick_counsel .cont_box .chk_wrap { display: flex; margin-top: 4rem;}
.quick_counsel .cont_box .chk_wrap .priv_inp {display: flex; align-items: center; font-size: var(--txt16);}
.quick_counsel .cont_box .chk_wrap .priv_inp + .priv_inp {margin-left: 4rem;}
.quick_counsel .cont_box .chk_wrap .priv_inp label {display: flex; align-items: center; cursor: pointer;}
.quick_counsel .cont_box .chk_wrap .priv_inp .ico {display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; margin-right: 0.5em; border-radius: 4px; border: 1px solid #DDD; background: #FFF;}
.quick_counsel .cont_box .chk_wrap .priv_inp .ico svg {fill: #AAAAAA; width: 60%;}
.quick_counsel .cont_box .chk_wrap .priv_inp button {margin-left: 5px; margin-top: -0.1em;}
.quick_counsel .cont_box .chk_wrap .priv_inp input:checked + label .ico {background-color: #000; border-color: #000;}
.quick_counsel .cont_box .chk_wrap .priv_inp input:checked + label .ico svg {fill: #fff;}

body.main .ui-datepicker{top:unset !important; bottom:12rem;}

/* DatePicker */
body .ui-widget{font-size:16px;}
body .ui-datepicker {position: relative; border:1px solid var(--lineColor); z-index: 101 !important; width: 17em; min-width:250px; display: none; border-radius: 10px; border:1px solid var(--lineColor); background-color: #fff; padding:0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
body .ui-datepicker-trigger { display: none; }
body .ui-datepicker .ui-datepicker-header { position:relative; border-radius: 10px 10px 0 0; overflow:hidden; padding: 10px; background-color: var(--orange1); border-color: var(--orange1);}
body .ui-datepicker table {font-size:1em; margin-bottom: 0;}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default { background: none; border: 0; border-radius: 10px; transition:all 0.3s ease; }
body .ui-state-default:hover { background: #f5f5f5; }
body .ui-state-active { background: var(--orange1) !important; color: #fff; }

body .ui-datepicker-today a { font-weight: 600; color: var(--orange1); }
body .ui-datepicker .ui-datepicker-prev { left: 2px; cursor: pointer; }
body .ui-datepicker .ui-datepicker-next { right: 2px; cursor: pointer; }
body .ui-datepicker td span,
body .ui-datepicker td a { text-align: center; }
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span { display:none; }

body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next { position:absolute; top:18px; top: 50%; margin-top: -10px;}
body .ui-datepicker .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next-hover {background-color: unset; border:none;}
body .ui-datepicker .ui-datepicker-prev { left:12px;}
body .ui-datepicker .ui-datepicker-prev:before {content: "";display: block;width: 20px;height: 20px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M52.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l160-160c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L86.6 256 235.3 404.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-160-160z"/></svg>') no-repeat center / contain;}
body .ui-datepicker .ui-datepicker-next { right:12px; }
body .ui-datepicker .ui-datepicker-next:before { content: "";display:block ; width:20px; height:20px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff" ><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>') no-repeat center / contain;}
body .ui-datepicker .ui-datepicker-prev-hover { left:12px; }
body .ui-datepicker .ui-datepicker-next-hover { right:12px; }
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span { position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
body .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff; }
body .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
body .ui-datepicker select.ui-datepicker-month-year { width: 100%; }
body .ui-datepicker select.ui-datepicker-month,
body .ui-datepicker select.ui-datepicker-year { width: 49%; }
body .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 400; border: 0; }
body .ui-datepicker td { border: 0; padding: 1px; }
body .ui-datepicker td span,
body .ui-datepicker td a { display: block; padding: .4em .2em; text-align: center; text-decoration: none; }
body .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
body .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


/* 모달 */
.modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; font-size: var(--txt18); z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; background: rgba(0,0,0,0.7); pointer-events: none; transition: 0.3s ease-in-out;}
.modal.open {opacity: 1; pointer-events: inherit; }
.modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont {position: relative; width: 100rem; max-width: 100%; margin: 0 auto; background-color: #fff;}
.modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.modal .member .btn_wrap{display: flex; justify-content: center; margin-top: 5.6rem;}
.modal .member .btn_wrap a{flex: 1; max-width: 50%; padding: 1.2em 0; background: var(--orange1); border: 1px solid var(--orange1); color: #fff; font-size: var(--smTxt); font-weight: 700; text-align: center; border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s, border 0.25s;}
.modal .member .btn_wrap a + a{margin-left: 0.8rem;}
.modal .member .btn_wrap a.line{background: #fff; border-color: #232323; color: #232323; font-weight: 400;}

.modal_cont.basic{overflow: hidden; border-radius: 2.4rem;}
.modal_cont.basic .head{display: flex; align-items: flex-start; justify-content: space-between; padding: 2.4rem; background:var(--alertColor); color:#fff;}
.modal_cont.basic .head p{margin-right: 1.5em; font-size:var(--txt30); font-weight: 700;}
.modal_cont.basic .head .term_modal_close {width: 3rem; height: 3rem; cursor: pointer; z-index: 2; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; }
.modal_cont.basic .head .modal_close {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; }
.modal_cont.basic .cont{overflow-y: auto; max-height: 66vh; padding: 2.4rem; background-color: #f6f6f6; border-radius: 0 0 2.4rem 2.4rem; font-size: var(--txt);}
.modal_cont.basic .cont .h3 {font-weight: 700; font-size: var(--Txt); margin-bottom: 5px;}
.modal_cont.basic .cont .sect + .sect {margin-top: 20px;}
.modal_cont.basic .cont::-webkit-scrollbar{width: 5px;}
/*.modal_cont.basic .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}*/
.modal_cont.basic .cont::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.5); border-radius: 3px;}
.modal_cont.basic .cont::-webkit-scrollbar-track{background: #d9d9d9; margin-bottom:10px;}
.modal_cont.basic .cont::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.modal_cont.basic .cont::-webkit-scrollbar-button:vertical:increment{height: 5px;}
.modal_cont.basic .item {display: flex}
.modal_cont.basic .item .number {margin-right: 0.3em}

.over_modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; background: rgba(0,0,0,0.7); font-size: var(--txt); pointer-events: none; transition: 0.3s ease-in-out;}
.over_modal.open {opacity: 1; pointer-events: inherit; }
.over_modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.over_modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.over_modal .modal_wrap .modal_cont {position: relative; width: 60rem; max-width: 100%; margin: 0 auto; background-color: #fff;}
.over_modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em;}
.over_modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center/cover;}
.over_modal .modal_wrap .modal_cont .modal_close.bk {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em;}
.over_modal .modal_wrap .modal_cont.member{width: 60rem; background: none;}
.over_modal .modal_wrap .modal_cont.basic{background:transparent;}


/* 로그인 모달 */
.modal .modal_wrap .modal_cont.member{width: 52rem; background: none;}
.modal .modal_wrap .modal_cont.member.login{width: 52rem; background: none;}

.modal .member .login_wrap{padding: 10rem 4.5rem 7rem; background: #fff; border-radius: 2.4rem;}
.modal .member .login_wrap .tit{font-size: 3.2rem; font-weight: 700; text-align: center;}
.modal .modal_wrap .modal_cont.login .logo{ max-width: 70%; margin:0 auto;}
.modal .modal_wrap .modal_cont.login .logo img{display: block; width: 100%;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap{margin-top: 5.6rem;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap > .btn{display: flex; align-items: center; justify-content: center; font-size:var(--txt20); font-weight: 600; padding:1em; background-color: #101010; border-radius: 0.8rem; color:#fff; transition: filter 0.2s ease, color 0.2s ease, background 0.2s ease;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap > .btn .ico{margin-right: 0.6em;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap > .btn .ico svg{display: block; height: 1.5em;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap > .btn + .btn{margin-top: 10px;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .naver{background-color: #34B445; color: #fff;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .naver .ico svg{height: 1.375em;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .kakao{background-color: #FFC73A; color: #101010;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .apple{background-color: #F6F6F6; color: #101010;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .id{background-color: #000; color: #fff;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .naver:hover {background-color: #2e9c3c;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .kakao:hover {background-color: #e6b834;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .apple:hover {background-color: #e0e0e0;}
.modal .modal_wrap .modal_cont.login .login_btn_wrap .id:hover {background-color: var(--alertColor);}

.modal .member .login_wrap .util_wrap{display: flex; justify-content: center; margin-top: 4rem;}
.modal .member .login_wrap .util_wrap a{position: relative; color: #9A9EA7; font-size: var(--txt18); font-weight: 500; line-height: 1em; transition: color 0.3s;}
.modal .member .login_wrap .util_wrap a + a{padding-left: 0.6em; margin-left: 0.5em;}
.modal .member .login_wrap .util_wrap a + a:before{content:''; position: absolute; left: 0; top:50%; margin-top: -1.5px; width: 3px; height: 3px; border-radius: 50%; background-color: #D9D9D9;}

.modal .member .login_wrap .input_wrap{margin-top: 5.6rem;}
.modal .member .login_wrap .input_wrap .inp{position: relative;}
.modal .member .login_wrap .input_wrap .inp .ico{position: absolute; top: calc(50% - 1em); left: 1.2em; height: 1.375em;}
.modal .member .login_wrap .input_wrap .inp .ico svg{fill: #666; height: 100%; transition: fill 0.25s;}
.modal .member .login_wrap .input_wrap .inp input[type="text"]:focus + .ico svg{fill: #232323;}
.modal .member .login_wrap .input_wrap .inp input[type="password"]:focus + .ico svg{fill: #232323;}
.modal .member .login_wrap .input_wrap input{width: 100%; height: var(--inpH); padding-left: 2.8em; padding-right:2em; margin-bottom: 1.2rem; background:#F6F6F6; border:1px solid #F6F6F6; font-size: var(--txt20); border-radius: 0.8rem; transition: background 0.25s, border 0.25s;}
.modal .member .login_wrap .input_wrap input::placeholder{color: #666;}
.modal .member .login_wrap .input_wrap input:focus{border:1px solid #101010; background:#fff;}
.modal .member .login_wrap .input_wrap .btn_wrap{margin-top: 8rem;}
.modal .member .login_wrap .input_wrap .btn_wrap > *{font-size: var(--txt18); font-weight: 700;}
.modal .member .login_wrap .input_wrap .btn_wrap button{flex: 1; max-width: 50%; padding: 1.2em 0; background: #101010; border: 1px solid #101010; color: #fff; text-align: center; border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s, border 0.25s;}
.modal .member .login_wrap .input_wrap .btn_wrap > * + *{ margin-left: 0.8rem;}

/* .modal .member .login_wrap .input_wrap button{width: 100%; padding: 1.25em 0; margin-top: 1.5em; background: #232323; color: #fff; font-size: var(--subTxt); font-weight: 700; text-align: center; border-radius: 0.8rem; line-height: 1em; transition: background 0.25s;} */
/* .modal .member .login_wrap .sns-bar-box{position: relative; width:100%; margin-top: 8rem;}
.modal .member .login_wrap .sns-bar-box .sns-bar{position: absolute;top: 6px;display: block; width: 33%;border-bottom: 1px solid rgba(165,165,165,.6); }
.modal .member .login_wrap .sns-bar-box .sns-bar-left{left:0;}
.modal .member .login_wrap .sns-bar-box .sns-bar-right{right:0;}
.modal .member .login_wrap .sns-bar-box .sns-box-hd{text-align: center;font-size:var(--smTxt);line-height: 1em;color: #9A9EA7; font-weight:500;} */
/* .modal .member .login_wrap .sns_login{display: flex; margin-top: 3rem; justify-content: center;}
.modal .member .login_wrap .sns_login a{display: flex; margin-left:1.5em; flex-direction: column; justify-content: center; text-align: center; }
.modal .member .login_wrap .sns_login a .sns-txt{margin-top:0.4em;font-size: var(--smTxt);color: #9A9EA7; font-weight:500; transition: color 0.3s ease-in-out}
.modal .member .login_wrap .sns_login a .icon{display:flex; width:50px; height:50px; align-items: center; justify-content: center; border-radius:50%; overflow:hidden; }
.modal .member .login_wrap .sns_login a .icon-sns{display:flex; width:100%; height:100%; }
.modal .member .login_wrap .sns_login a .sns-naver{background-color: #00c73c;}
.modal .member .login_wrap .sns_login a .sns-naver .icon-naver{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABIElEQVRYCWNgGAWjITAaAoM1BP7jBr+BUmbY3A0Uv4RLGzb1IDEmXBJ4xFmAcouBFnHhUUO0FDkOABmuBsS9RNuCRyG5DgAZmQEMBS88ZhMlRYkDQBbMBTpChCibcCii1AESQHNn4TCbKGFKHQCyJBAYCglE2YZFETUcADJ2EtARCljMJyhELQfwAm1aDMTMBG1EU8CIxodzgT76D+egMq4BuW+B2BZVGD+PEQiwqSAnBP4CDYoD4s/YDCRVjBwHMAA98wBoUR6plmFTT5YDQAYBHbEASK0DsSkBZDsAamk6kH4xYA4AhsIboOVJA+YAkMVAR2wHUtPJdQSlUQCztwTIuAXjkEJTxQHAUPgGtDQGiP+QYvmo2tEQGA2BQRECAL7YYewVRr/jAAAAAElFTkSuQmCC) center no-repeat; background-size: 32px 32px;}
.modal .member .login_wrap .sns_login a .sns-kakao{background-color: #ffeb3b;}
.modal .member .login_wrap .sns_login a .sns-kakao .icon-kakao{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACTklEQVRYCe1WTUsbURR9d2bQKC6SUihESEjc9C+kVRsoBfciIrgSP3Br+zdcFIQuWlxU6EZpt1ahjIkfuFAQSZBAHBMxWhpECqVQTF7PC1rwvTeZMR0olDyYDPfOOeeeufM+wlh7tDvwjztAfuun02nr+vh4iBGlQXrCGetlnD9s8ImqyJ0ht42cbSWTq7ZtX/vR9jQwkkp1fa1UXtY5n4Vg1I8oMBWD6M2jaHR+eWfnZzNOUwODicRgvVZbhEBfM5Emz4qGaU5kHCfjhnE1MBCPD6OlH9DSDjeyrzzRL4OxsUyp9FGH1xoYiMWeArwBA6aOdN8citTAeZYtl7dkLszdHeKbY6ItBVVcqAstXO8b2nfLMcXAxfn5KOc8IeGCCJNCWxZSDOCbj8ugwGKNtmIAb/84sIKSkE5bMYAJE5Z4QYYPZDHFACZgQQYFFRPRqaylGuD8QAYFGO/KWooBLJcFGRRUbBjGW1lLMbBZLu+hVSsy8K9jok8bjpOVdRQDAtDd0zODyXgog1uN8UKO1dk5reNrDXzO5S47TPMFCDkd6T45FM+HQqF+u1Co6niue71zdfUjGYksYu2a6EYKZK1ZnehNrg7e665weGw9n790wwHjPXAyzsPInDcSCKLv+F2yiBbsk5MjL47lBbh5Lk7HPwNt/YLgANu22Fg4ilZxneHaNuPxfb//hoSgZwf6Y7EIQN8apyPejjh/hWNVWU5CrJXh2QEUfy6K475GljWZKRaV3ayVwrccTwMARtDyqWyp9O6W1L63O/BfdeA3G6OjNkWwE8gAAAAASUVORK5CYII=) center no-repeat; background-size: 32px 32px;}
.modal .member .login_wrap .sns_login a .sns-face{background-color: #3a589b;}
.modal .member .login_wrap .sns_login a .sns-face .icon-face{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABFElEQVRYCWNgGAWjIUBmCPz//58RiCOB+BAQvwJidNBHjNEsxChCVwO0iREoNhuIk9HlSOUzkaoBqj4MSFNsOcgsch1QCHUI/Slg8PMC8T/0CAfy64BYAYjFoZiXJq4DGq4LxOjgCrmWkRMFbFgsu4VFjCghchxAlMHEKhpwB4DyM0EAjPB3SIpAZQd6AvsNFPuCpAbENGBkZHyEJobBJdYB/zF04hf4DpTmATrgH35l5JcDhMy9QYzlIENolQauE3IhSfLANCCGhF3RCwEgfxWSPEgtD7EWEFUZAYPzFcxAoOHICRIm/ANZDUyQGJpWUUCM3WA1ow4YDYHREBgNAaJKQrRS5SGQn44mdhuNP8odOiEAAEOuqjiSqWt+AAAAAElFTkSuQmCC) center no-repeat; background-size: 32px 32px;}
.modal .member .login_wrap .sns_login a:first-child{margin-left:0;} */

/* .modal .modal_wrap .modal_cont.member.join{width: 60rem;} */
.modal .member .join_wrap{padding: 9rem 4rem 6.4rem; background: #fff; border-radius: 2.4rem;}
.modal .member .join_wrap .txt_box{margin-bottom: 5rem;}
.modal .member .join_wrap .txt_box .step{margin-bottom: 0.5em; color: var(--orange1); font-size: var(--txt16); font-weight: 700; line-height: 1em;}
.modal .member .join_wrap .txt_box .tit{font-size: var(--txt30); font-weight: 700;}
.modal .member .join_wrap .inp_wrap{margin-top: 2.4rem;}
.modal .member .join_wrap .inp_wrap .inp_tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4em;}
.modal .member .join_wrap .inp_wrap .inp_tit .ess{color:var(--alertColor);}
.modal .member .join_wrap .inp_wrap .inp_tit a{display: flex; align-items: center; color: #9A9EA7; font-size: var(--txt16); transition: color 0.25s;}
.modal .member .join_wrap .inp_wrap .inp_tit a svg{margin-left: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}

.modal .member .join_wrap .inp_wrap .refer{display: block; position: relative; padding-left: 1em; margin-top: 0.8em; color: #9A9EA7; font-size: var(--txt16); font-weight: 500;}
.modal .member .join_wrap .inp_wrap .refer::before{content: '※'; position: absolute; top: 0; left: 0;}
.modal .member .join_wrap .inp_wrap input{width: 100%; height: var(--inpH); line-height: var(--inpH); padding: 0 1.2em; background-color: #F6F6F6; border:1px solid #f6f6f6; border-radius: 0.8rem; font-size: var(--txt18); transition: background 0.25s, border 0.25s;}
/* .modal .member .join_wrap .inp_wrap input.with_btn{border-radius: 0.8rem 0 0 0.8rem;} */
.modal .member .join_wrap .inp_wrap input:focus{border-color: #101010; background-color: #fff;}
.modal .member .join_wrap .inp_wrap input::placeholder{color: #666; }
.modal .member .join_wrap .inp_wrap .inp {position: relative}
.modal .member .join_wrap .inp_wrap .inp input + .ico {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: var(--txt20); height: var(--txt20) ;display: none}
.modal .member .join_wrap .inp_wrap .inp input + .ico.checked {display: block}
.modal .member .join_wrap .inp_wrap .inp input + .ico.checked.enable {display: block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23D75500"><path d="M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z"/></svg>') no-repeat center / contain}
.modal .member .join_wrap .inp_wrap .inp input + .ico.checked.unable {display: block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z"/></svg>') no-repeat center / contain}
.modal .member .join_wrap .inp_wrap .flex_wrap{display: flex;}
.modal .member .join_wrap .inp_wrap .flex_wrap button{flex-shrink: 0; height: var(--inpH); padding: 0 1.5em; border: 1px solid #BCBFC7; border-radius: 0.8rem; margin-left: 0.8rem; color: #232323; transition: background 0.25s, color 0.25s;}

.modal .member .join_wrap .chk_wrap input + label{display: flex; align-items: center; justify-content: center; width: 100%; height: var(--inpH); border: 1px solid #BCBFC7; color: #BCBFC7; font-size: var(--txt20); font-weight: 600; border-radius: 0.8rem; line-height: var(--inpH); cursor: pointer; transition: border 0.25s, color 0.25s;}
.modal .member .join_wrap .chk_wrap input + label svg{margin-right: 0.5em; fill: #BCBFC7; transition: fill 0.25s;}
.modal .member .join_wrap .chk_wrap input:checked + label{border-color: #232323; color: #232323;}
.modal .member .join_wrap .chk_wrap input:checked + label svg{fill: #232323;}
.modal .member .join_wrap .chk_all_wrap{display: flex; margin-top: 1.6rem;}
.modal .member .join_wrap .chk_all_wrap input + label{display: flex; padding: 0.75em 1em; margin-left: auto; border: 1px solid #9A9EA7; color: #9A9EA7; font-size: var(--txt16); border-radius: 2em; line-height: 1em; cursor: pointer; transition: background 0.25s, border 0.25s, color 0.25s;}
.modal .member .join_wrap .chk_all_wrap input + label svg{margin-right: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}
.modal .member .join_wrap .chk_all_wrap input:checked + label{background: #232323; border-color: #232323; color: #fff;}
.modal .member .join_wrap .chk_all_wrap input:checked + label svg{fill: #fff;}
.modal .modal_wrap .modal_cont.member.join_cmp{width: 50rem;}
.modal .member .join_wrap .join_complete{display: flex; flex-direction: column; align-items: center;}
.modal .member .join_wrap .join_complete .ico{display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; background: #f0f0f0; font-size: 3.6rem; border-radius: 50%;}
.modal .member .join_wrap .join_complete .ico svg{fill: var(--orange1);}
.modal .member .join_wrap .join_complete p{margin-top: 1em; font-size: 2rem; font-weight: 700;}

.modal .member .join_wrap.find_id .tit { margin-bottom: 1em; font-weight: 600; }
.modal .member .join_wrap.find_id .chk_id { padding: 1em; border-radius: 2rem; background-color: #f6f7f9; }

.modal .modal_wrap .modal_cont.phone_call { width: 90%; }
.modal_cont.phone_call { padding: 5rem 4rem; border-radius: 2.4rem; font-size: var(--txt24); }
.modal_cont.phone_call .call_list .call_box { display: flex; align-items: center; justify-content: space-between; padding: 0 10px; }
.modal_cont.phone_call .call_list .call_box + .call_box { padding-top: 0.8em; margin-top: 0.8em; border-top: 1px solid var(--borderColor1); }
.modal_cont.phone_call .call_list .call_box .left { display: flex; align-items: center; justify-content: flex-start; }
.modal_cont.phone_call .call_list .call_box .point { font-weight: 700; margin-right: 0.8em; }
.modal_cont.phone_call .call_list .call_box .txt { font-size: var(--txt); }
.modal_cont.phone_call .call_list .call_box .ico { display: flex; align-items: center; justify-content: center; height: 1em; margin-left: 1em; fill: var(--orange1); }
.modal_cont.phone_call .call_list .call_box .ico img { height: 100%; object-fit: contain; }


/* 알랏레이어 */
.msg_layer{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 20px 80px; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: 0.2s ease-in-out}
.msg_layer.open{opacity: 1; pointer-events: inherit}
.msg_layer .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.msg_layer .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.msg_layer .modal_wrap .modal_cont {position: relative; width:50rem; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff; border-radius: 12px;}
.msg_layer .modal_wrap .modal_cont .cont {padding: 4rem 3rem}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: var(--txt); text-align: center}
.msg_layer .modal_bot_box {display: flex; justify-content: center}
.msg_layer .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2),
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}
.msg_layer .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; display: none}
.msg_layer .modal_top.step { align-items: flex-start; }
.msg_layer .modal_top .tit_wrap {  }
.msg_layer .modal_top .step { font-size: 16px; font-weight: 600; }
.msg_layer .modal_top .step + .tit { margin-top: 10px; }
.msg_layer .modal_top .tit { font-size: 24px; font-weight: 700; }
.msg_layer .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 3rem; }
.msg_layer .btn_wrap .btm_btn { cursor:pointer;display: flex; align-items: center; justify-content: center; flex: 1; max-width: 50%; height: 3em; padding: 0 1.5em; line-height: 3.1rem; font-size: var(--smTxt); font-weight: 600; border-radius: 2em; background-color: var(--alertColor); border: 1px solid var(--alertColor); color: #fff; box-shadow: 0 0 0 transparent; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; white-space: nowrap; }
.msg_layer .btn_wrap .btm_btn.wh{background-color: #fff; color: #101010; border: 1px solid #101010;}

.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }
.msg_layer .btn_wrap > * + * { margin-left: 1rem; }


/* 상담예약 완료 모달 */
.modal .modal_wrap .modal_cont.reserv{width: 45rem; text-align: center;}
.modal_cont.reserv .head{padding:1.5rem 2.5rem; align-items: center;}
.modal_cont.reserv .head .modal_close{position: relative; top:0; left:0; width: 1.3em; height: 1.3em;}
.modal_cont.reserv .head p{font-size:var(--txt24); font-weight: 600;}
.modal_cont.reserv .cont {padding:5rem 2.4rem 4rem}
.modal_cont.reserv .cont .ico svg{display: block; margin:0 auto; width: max(3.6rem, 38px); height: max(3.6rem, 38px);}
.modal_cont.reserv .cont .tit{font-size:var(--txt35); font-weight: 700; margin-top: 1.5rem;}
.modal_cont.reserv .cont .txt{font-size:var(--txt18); margin-top: 0.5rem;}
.modal_cont.reserv .cont .btn{font-size:var(--txt18); margin-top: 3.2rem; font-weight: 600; width: 70%; background-color: #101010; color: #fff; padding:1em; border-radius: 10rem; transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;}


/* 유튜브 모달 */
.modal .modal_cont.video{background: transparent;}
.modal .modal_cont.video{ max-height:80%;}
.modal .modal_cont.video .modal_close {top: -5rem; right: 1rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center;background-size: 1.2em;transition: transform 0.5s;}

.modal .modal_cont.video .body{position:relative; width: 100%; height: 100%; padding-top: 56.25%;}
.modal .modal_cont.video .body .youtube_video{height: 100%;}
.modal .modal_cont.video .body .youtube_video iframe,
.modal .modal_cont.video .body .youtube_video video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/*통합검색*/
/*.allSch_sect { overflow: hidden; padding-top: 12rem;  font-size: var(--subTxt);}*/
/*.allSch_sect h2 { font-size: 6rem; font-weight: 700; text-align: center; }*/
/*.allSch_sect h2 + .desc { font-size: 1.6rem; color: #888888; text-align: center; }*/
/*.allSch_sect .sch_box { position: relative; display: flex; align-items: center; justify-content: center; padding: 8rem 0; margin-top: 10rem; }*/
/*.allSch_sect .sch_box:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100vw - var(--scroll-width)); height: 100%; background-color: #f5f7f9; z-index: -1; }*/
/*.allSch_sect .sch_box .inp_box { display: flex; align-items: center; justify-content: center; width: 50rem; background-color: #FFF; border-radius: 2em; overflow: hidden; padding: 0 3rem; }*/
/*.allSch_sect .sch_box .inp_box input { width: 100%; height: 6rem; padding: 0 1.5rem; font-size: 1.8rem; background-color: transparent;}*/
/*.allSch_sect .sch_box .inp_box .ico { flex-shrink: 0; }*/
/*.allSch_sect .sch_box .inp_box .ico button {  font-size: 2rem; }*/
/*.allSch_sect .sch_box .inp_box .ico svg { width: auto; height: auto; fill: #000; transition: fill 0.25s; }*/

/*.allSch_sect .result_cont { margin: 16rem 0; }*/
/*.allSch_sect .result_cont .sub_tab { margin-top: 8rem; }*/

/*.allSch_sect .total { font-size: 4.8rem; font-weight: 700; }*/
/*.allSch_sect .total span { color: var(--orange1); }*/

/*.allSch_sect .result_box { margin-top: 16rem; }*/
/*.allSch_sect .result_box > .tit { position: relative; font-size: 3rem; font-weight: 700; }*/
/*.allSch_sect .result_box > .tit > span { position: relative; }*/
/*.allSch_sect .result_box > .tit .num { position: absolute; right: -0.9rem; top: -0.1rem; color: var(--orange1); font-size: 2rem; transform: translate(100%, -10%); }*/
/*.allSch_sect .result_box .pinter_list { min-height: 15rem; }*/

/*.allSch_sect .board_list,*/
/*.allSch_sect .reiview_list { margin-top: 5rem; }*/

/*.allSch_sect .medical_staff_page .expert_sect { padding-top: 5rem; }*/
/*.allSch_sect .medical_staff_page .expert_sect .doctor_wrap { margin-top: 0; }*/

/*.allSch_sect .center_result .cont { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2rem; margin-top: 6rem; }*/
/*.allSch_sect .center_result .cont .box { padding: 3.5rem 1rem; text-align: center; background-color: #f7f8f9; border-radius: 1.5rem; transition: background-color 0.3s, color 0.3s; }*/
/*.allSch_sect .center_result .cont .box .tit { font-size: 2.4rem; font-weight: 700; }*/
/*.allSch_sect .empty_box { grid-column: 1 / -1; width: 100%; }*/
/*.allSch_sect .info_result .cont { margin-top: 6rem; border-top: 1px solid #000; }*/
/*.allSch_sect .info_result .cont .box { display: block; padding: 3rem; border-bottom: 1px solid #e0e0e0; transition: background-color 0.3s; }*/
/*.allSch_sect .info_result .cont .box .menu { display: flex; align-items: center; justify-content: flex-start; font-size: 1.6rem; font-weight: 500; color: #9A9EA7; }*/
/*.allSch_sect .info_result .cont .box .menu li { position: relative; }*/
/*.allSch_sect .info_result .cont .box .menu li + li { margin-left: 3.2rem; }*/
/*.allSch_sect .info_result .cont .box .menu li + li:before { content: '\f054'; position: absolute; left: -1.6rem; top: 50%; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.2rem; transform: translate(-50%, -50%); }*/
/*.allSch_sect .info_result .cont .box .menu + .tit { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1.5rem; }*/

/*.allSch_sect .clinic_doc .doc_sect { padding-top: 0; margin-top: 6rem; }*/
/*.allSch_sect .pinter_list .cont,*/
/*.allSch_sect .thumb_list .cont,*/
/*.allSch_sect .faq_list .cont,*/
/*.allSch_sect .paper_list .cont,*/
/*.allSch_sect .review_list .cont { margin-top: 6rem; }*/
/*.allSch_sect .sub_round_tab_wrap { padding: 0 2rem; margin-top: 12rem; }*/


/* 메뉴찾기 */
/*.allSch_sect .info_result .cont.menu_cont { display: flex; align-items: center; justify-content: flex-start; border: 0; margin: 4.5rem 0 0 -1.5rem; flex-wrap: wrap; }*/
/*.allSch_sect .info_result .cont.menu_cont .box { margin-left: 1.5rem; margin-top: 1.5rem; padding: 0.6rem 2rem; border: 1px solid #BCBFC7; border-radius: 2em; }*/
/*.allSch_sect .info_result .cont.menu_cont > div { display: flex; align-items: center; justify-content: flex-start; }*/
/*.allSch_sect .info_result .cont.menu_cont .box .menu p { position: relative; }*/
/*.allSch_sect .info_result .cont.menu_cont .box .menu p + p { margin-left: 3.2rem; }*/
/*.allSch_sect .info_result .cont.menu_cont .box .menu p + p:before { content: '\f054'; position: absolute; left: -1.6rem; top: 50%; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.2rem; transform: translate(-50%, -50%); }*/

/* 통합검색 */
/*.all_sch { display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: var(--hdH); padding: 0 var(--inPd); z-index: 51; width: 100%; height: 24rem; background-color: var(--orange1); border-bottom: 1px solid var(--orange1); opacity: 0; pointer-events: none; transition: opacity 0.3s, margin 0.3s ease-in-out, border-radius 0.3s ease-in-out, width 0.3s ease-in-out; }*/
/*.all_sch.on { opacity: 1; pointer-events: auto; }*/
/*.all_sch .sch_box { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 60rem; height: 6rem; line-height: 6rem; padding: 0 2.4rem; background-color: #fff; border-radius: 2em; }*/
/*.all_sch .sch_box input { width: 100%; font-size: var(--txt); }*/
/*.all_sch .sch_box input::placeholder{color: #9A9EA7;}*/
/*.all_sch .sch_box .ico { display: flex; flex-shrink: 0; margin-left: 1.5rem; font-size: 2rem; }*/
/*.all_sch .sch_box .ico button { font-size: 2rem; }*/
/*.all_sch .sch_box .ico svg { display: flex; align-items: center; justify-content: center; width: auto; height: auto; object-fit: contain; transition: fill 0.25s; }*/
/*.all_sch .close_btn { width: 3.5rem; height: 3.5rem; margin-left: 1.5rem; opacity: 0.6; transition: opacity 0.3s; }*/
/*.all_sch .close_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #fff; }*/



/* 방침/약관 */
.over_modal .modal_wrap .modal_cont.terms{font-size:var(--txt18);}
.over_modal .modal_wrap .modal_cont.terms h2{font-size:var(--txt22); font-weight: 700;}
/*.over_modal .modal_wrap .modal_cont.terms h3{font-size:var(--txt20); font-weight: 600;}*/
.over_modal .modal_wrap .modal_cont.terms figure{margin: 0;}
.over_modal .modal_wrap .modal_cont.terms figure.table{overflow-x: auto; width: calc(100% + 4.8rem); margin-left: -2.4rem; padding: 0 2.4rem; border-collapse: collapse;}
.over_modal .modal_wrap .modal_cont.terms table{margin:0; font-size:var(--txt16); overflow-x: auto;}
.over_modal .modal_wrap .modal_cont.terms table tr > *{border:1px solid #c3c3c3; padding: 8px;}






/* Hover Event */
@media screen and (min-width: 1241px) {

    .round_btn .btn:hover{background-color: var(--black); border-color:var(--black); color:#fff;}
    .round_btn .btn:hover:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}
    .round_btn.wht .btn:hover{background-color: #fff; border-color:#fff; color:var(--black);}
    .round_btn.wht .btn:hover:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000000" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}

    .round_btn.out .btn:hover:after{background: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5312 0.75H17.1562H18V1.59375V7.21875V8.0625H16.3125V7.21875V3.63281L8.47266 11.4727L7.875 12.0703L6.67969 10.875L7.27734 10.2773L15.1172 2.4375H11.5312H10.6875V0.75H11.5312H10.6875H11.5312ZM0.84375 1.875H7.03125H7.875V3.5625H7.03125H1.6875V17.0625H15.1875V11.7188V10.875H16.875V11.7188V17.9062V18.75H0.84375H0V17.9062V2.71875V1.875H0.84375H0H0.84375Z" fill="white"/></svg>') no-repeat center / contain;}

    .swiper_btn_wrap .swiper_btn:hover:not(.swiper-button-disabled) { background-color: var(--black);}
    .swiper_btn_wrap .swiper_btn:hover:not(.swiper-button-disabled) .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23ffffff"/></svg>') no-repeat center / contain;}
    .swiper_btn_wrap .swiper_btn.line:hover{border-color:var(--black);}

    .header .util_wrap .util_btn:hover{ background-color: var(--black); color: #fff; border-color:var(--black);}
    .header .nav .depth1 > li > a:hover{color:var(--orange1);}

    .main .header.top {  box-shadow: none;}
    /* .main .header.top .logo{filter: brightness(0) saturate(0) invert(1);} */
    .main .header.top .nav .gnb_bg {background-color: rgba(0,0,0,.1);}
    .main .header.top .nav .depth1 > li > a {color:#fff; transition: padding 0.5s ease, color 0s ease;}
    .main .header.top .util_wrap .util_btn.join { border-color: #fff; color: #fff;}
    .main .header.top .util_wrap .util_btn.login { background-color: #fff; border:1px solid #fff; color:var(--black);}
    .main .header.top .util_wrap .util_btn:hover { background-color: var(--black); color: #fff; border-color:var(--black);}

    .footer .ft_cont .cont_box .ft_location .btn_list .item a:hover{background-color: var(--black); color:#fff;}
    .footer .ft_info .btm .f_menu .item a:hover{color:var(--orange1)}
    .footer .ft_info .top .sns_list .item:not(:nth-child(3)) a:hover svg path{fill: #000;}
    .footer .ft_info .top .sns_list .item:nth-child(3) a:hover svg path{stroke: #000;}

    .fix_btn_box .menu_box ul li.tel a:hover .ico mask + path,
    .fix_btn_box .menu_box ul li.doc a:hover .ico svg path{fill: var(--orange1);}
    .fix_btn_box .menu_box ul li.resev a:hover .ico svg path,
    .fix_btn_box .menu_box ul li.quick_map a:hover .ico svg path,
    .fix_btn_box .menu_box ul li.info a:hover .ico svg path,
    .fix_btn_box .menu_box ul li.test a:hover .ico svg path{stroke: var(--orange1);}

    .fix_form.scroll_down{transform: translate(-50%, calc(100% + 3rem));}

    .view_more_btn:hover {background-color: #fff; color: #000;}
    .view_more_btn svg{transition: fill 0.3s ease-in-out}
    .view_more_btn:hover svg{fill: #000}
    .header .nav .depth2 > li > a:hover {color:var(--orange1)}
    .header .nav .depth2 > li > a[target="_blank"]:hover {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path fill="%23D75500" d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat right center / 0.8em;}
    .footer .left_box .terms_txt a:hover::before {width: 100%;}
    .footer .right_box .ico_box .ico:hover {background: rgba(255, 255, 255, 0.30);}
    .footer .right_box .btn_wrap .family_btn:hover {background-color: #000; color: #fff; fill: #fff;}
    .fix_btn_box .quick_btn_box:hover .menu_btn_box {opacity: 1; height:auto;}
    .fix_btn_box .menu_btn_box .menu_box > ul > li .btn:hover {opacity: 1;}
    .modal .member .btn_wrap a:hover{background:#000; color:#fff; border-color: #000;}
    .msg_layer .btn_wrap .btm_btn:hover,
    .msg_layer .btn_wrap .btm_btn.wh:hover{background: #000; color:#fff;}

    .modal .member .login_wrap .input_wrap .btn_wrap button:hover{background-color: var(--alertColor); border-color: var(--alertColor);}

    .quick_counsel .cont_box .form_box .form_btn:hover {background-color: #fff; color: #000;}
    .quick_counsel .slide_btn:hover {background-color: var(--orange1);}


}

@media screen and (min-width: 769px) {
    .fix_btn_box .menu_btn_box .menu_box:hover > ul{height: calc(5.5em * 6);}
    .fix_btn_box .menu_box ul li a:hover{background-color:var(--orange1) ;}
}


/* 반응형 */
@media screen and (min-width: 2561px) {
    html {font-size: clamp(10px, 0.625vw + 4px, 12px);}
}


@media screen and (max-width: 2560px) {
    html { font-size: clamp(8.5px, 0.15625vw + 5.5px, 10px); }
}




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

    :root {

        --txt40: 32px;
        --txt35: 25px;
        --txt30: 22px;
        --txt24: 20px;
        --txt22: 18px;
        --txt20: 16px;
        --txt18: 15px;
        --txt16: 14px;

    }



    /* footer */
    .footer .ft_info{margin-top: 8rem; padding:4rem 15rem 7rem; }
    .footer .ft_info .btm{margin-top: 4rem;}
    .footer .ft_info .btm .f_info{margin-top: 1.8rem; width: 520px;}

    .footer .ft_info .btm .f_info .item{font-size: 15px;}

    body .ui-widget{font-size:15px;}
    body.main .ui-datepicker{bottom:10rem;}

    .fix_form{bottom: 2rem}
    .fix_form .in2{height: 10rem;}
    .fix_form .tit{font-size: 22px;}

    .fix_btn{bottom: 2rem; right: 4rem;}
    .fix_btn .top_btn{ width: 10rem; height: 10rem;}

}




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

    :root {
        --hdIn: var(--inPd);

        --txt70: 42px;
        --txt60: 38px;
        --txt55: 34px;

    }


    .header .logo{width: 160px;}
    .header .nav .depth1 > li > a{padding: 0 3rem;}
    .header.on .nav .depth1 > li > a{padding: 0 5rem;}


}


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

    :root {
        --hdH: 70px;

        --txt70: 35px;
        --txt60: 32px;
        --txt55: 30px;
        --txt40: 28px;
        --txt35: 24px;
        --txt30: 22px;
        --txt24: 20px;
        --txt22: 18px;
        --txt20: 16px;
        --txt18: 15px;
        --txt16: 14px;

        --pd430: 240px;
        --pd320: 160px;
        --pd300: 140px;
        --pd220: 120px;
        --pd200: 120px;
        --pd150: 100px;

        --mt150: 80px;
        --mt100: 60px;

    }

    .mo_over { display: none !important; }
    .mo_only { display: block !important; }
    .tab_only{ display: block !important;}
    /*.ms_preloader{display:none;}*/


    .view_more_btn {font-size: var(--txt16); padding: 0.9em 1.8em;}

    .header{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);}
    /*.header.down{transform:translateY(0);}*/
    /*.header.up{box-shadow: none;}*/
    .header.down.open{transform: translateY(0);}
    .header .header_in{padding: 0 var(--inPd);}
    .header .header_in > .util_wrap .util_btn{display: none !important;}

    .header .ham_btn{width:25px; height: 25px;}
    .header .ham_btn svg{display:block; width: 100%; height: 100%;}
    .main .header .ham_btn svg{fill: #fff;}

    .header .nav { display: block; position: fixed; left: 100%; top: 0; opacity: 0; transform: translate(100%, 0); width: 100vw; height: 100vh; padding: 0 0 10rem; background-color: var(--orange1); color: #fff; transition: left 0.5s ease, opacity 0.5s ease;; z-index: 100; }
    .header .nav.open { left: -100%; transform: translate(100%, 0); overflow-y: auto; opacity: 1; transition: left 0.5s ease, opacity 0s ease;}

    .header .nav .top_box {display: flex; align-items: center; justify-content: space-between; padding:0 var(--inPd); padding: 2rem 3rem; background:var(--orange1); background-color: #fff;}
    .header .nav .top_box .logo{ width: 160px; }
    .header .nav .top_box .right_wrap{display: flex; align-items: center;}
    .header .nav .util_wrap .util_btn.join { border-color: #fff;}
    .header .nav .util_wrap .util_btn.login { background-color: transparent; border-color: #000;}
    .header .nav .util_wrap .util_btn + .util_btn{margin-left: 0.8em;}
    .header.on .util_wrap .util_btn{color: #000;}

    .header .nav .close_btn { display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; font-size: 3rem; cursor: pointer; margin-left:0.5em;}
    .header .nav .close_btn svg{width: 100%; height: 100%; fill: #000;}

    .header .nav .depth1 { display: block; width: 100%; height: auto; margin-top: 2rem;}
    .header .nav .depth1 li{height: auto;}
    .header .nav .depth1 > li { width: auto; height: auto; }
    .header .nav .depth1 > li > a { font-size: 2.4rem; padding: 2.5rem 3rem; font-weight: 700;}
    .header.on .nav .depth1 > li > a { padding: 2.5rem 3rem; }
    .header .nav .depth1 > li > a:before { display: none; }
    .header .nav .depth1 > li.active > a{color:#fff;}
    .header .nav .depth1 > li.active > a > span:after{display:none;}
    .header .nav .depth1 > li > a span:before { display: none; }
    .header .nav .depth1 > li:not(.dir_menu) > a:after {content: "";display: inline-block;position: static;width: auto;height:auto; width: 1.3em; height: 1.3em; transform: translateX(0);vertical-align: middle;line-height: 1;margin-left: auto;font-weight: 500;transition: transform .3s;opacity: 1;z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23fff"><path d="M337.5 433C328.1 442.4 312.9 442.4 303.6 433L143.5 273C134.1 263.6 134.1 248.4 143.5 239.1C152.9 229.8 168.1 229.7 177.4 239.1L320.4 382.1L463.4 239.1C472.8 229.7 488 229.7 497.3 239.1C506.6 248.5 506.7 263.7 497.3 273L337.3 433z"/></svg>');}
    .header .nav .depth1 > li > a.open:after { transform: rotate(180deg); }

    .header .nav .depth1 > li > .depth2{display:none; position: static; opacity: 1; transform: none; width: calc(100% - 6rem) ;margin: 0 3rem; padding-top: 0; color:#000; text-align: left; pointer-events: auto; background-color: #fff; border-radius: 15px; padding: 15px 25px;}
    .header .nav .depth1 > li.active .depth2{display:block;}
    /*.header .nav .depth1 > li.active > a:after { transform: rotate(180deg); }*/

    .header .nav .depth1 > li > .depth2 > li > a{font-size: var(--txt20); color: #000; padding: 0; transition: color 0s ease;}
    .header .nav .depth1 > li > .depth2 > li > a[target="_blank"]{padding-right: 1.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path fill="%23000" d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg>') no-repeat right center / 0.8em;}

    .header .nav .depth1 > li > .depth2 > li + li {margin-top: 15px;}
    .header .nav .depth1 > li > .depth2 > li.active > a > span{position: relative;}
    .header .nav .depth1 > li > .depth2 > li.active > a > span:before{content:''; position: absolute; width: 5px; height: 5px; left: -12px; top:50%; transform: translateY(-50%); border-radius: 50%; background:var(--orange1);}

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

    .footer .in {display: block;}
    .footer .right_box .btn_wrap .family_btn {font-size: var(--txt20); border-radius: 5px;}
    .footer .right_box .ico_box .ico {border-radius: 5px;}

    .footer .right_box .btn_wrap .family_site .nice-select{ padding-left: 15px;}
    .footer .right_box .btn_wrap .family_site .nice-select .current {font-size: var(--txt20); }
    .footer .right_box .call_txt{justify-content: flex-start;}

    .copy_btn .hover_msg{display: none;}
    .copy_btn svg{width:0.8em; height:0.8em;}
    .copy_btn span{top: calc(-100% - 10px);}

    .fix_form{display:none;}
    .fix_btn_box .quick_box{padding:5rem 2rem;}
    .fix_btn{right:2rem;}
    .fix_btn .top_btn{width: 8rem; height: 8rem;}

    .quick_counsel {display: none;}

}






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

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

    html {font-size: 6px;}


    :root {
        --hdH: 60px;
        /*--inpH:3em;*/
        --subVisPd: 7rem;

        --txt70: 26px;
        --txt60: 26px;
        --txt55: 24px;
        --txt40: 24px;
        --txt35: 20px;
        --txt30: 20px;
        --txt24: 16px;
        --txt22: 16px;
        --txt20: 14px;
        --txt18: 14px;
        --txt16: 13px;
        --txt14: 12px;

        --pd430: 100px;
        --pd320: 100px;

        --pd300: 100px;
        --pd220: 80px;
        --pd200: 80px;
        --pd150: 60px;

        --mt150: 50px;
        --mt100: 40px;


    }

    .header .nav .depth1 > li > a{font-size:18px;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size:16px;}


    .view_more_btn {border-width: 0.5px;}

    .footer {padding: 50px 0 100px;}

    .footer  .info_txt {font-size: 11px; margin-top: 3rem;}
    .footer .copy_txt {margin-top: 5px; font-size: 11px;}


    .footer .right_box .call_txt {margin-top: 2rem;}


    .fix_btn_box {right: 0; bottom: 0; width: 100%; display: flex;}
    .fix_btn_box .menu_btn_box .menu_box > ul {flex-direction: row; height: auto; border-radius: 0; height: 60px;}
    .fix_btn_box .menu_btn_box .menu_box > ul > li {}
    .fix_btn_box .menu_btn_box .menu_box > ul > li .btn .txt {font-size: 12px; margin-top: 3px;}
    .fix_btn_box .top_btn_box {position: absolute; right: 15px; top: -25px; transform: translateY(-100%); width: 40px; height: 40px; border-radius: 5px;     box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);}
    .fix_btn_box.scroll .top_btn_box{height: 40px;}
    .fix_btn_box .btn_box .top_btn svg {width: 40%;}

    .fix_btn{bottom: 90px; right: 15px;}
    .fix_btn .top_btn{width: 60px; height: 60px;}

    .modal .modal_wrap .modal_cont.member.join{width: 75rem;}
    .modal_cont.basic .head p{font-size:var(--txt24);}

    .fix_btn_box .btn_box {padding-top: 0;}
    .fix_btn_box .top_btn_box .txt{display: none;}
    .fix_btn_box .top_btn_box .top_btn svg{margin-left: 0;}

    .footer .left_box .copy_txt {display: none;}
    .footer .left_box .terms_txt {display: flex; flex-wrap: wrap; gap: 10px 15px;}
    .footer .left_box .terms_txt a {opacity: 0.6;}
    .footer .left_box .terms_txt a:first-child {opacity: 1;}
    .footer .left_box .terms_txt a + a {margin-left: 0;}
    .footer .right_box {display: flex; flex-wrap: wrap;}
    .footer .right_box .btn_wrap {width: 100%; margin-top: 20px;}

    .quick_counsel {transform: translate(-50%,100%);}
    .quick_counsel .slide_btn_box {display: none;}


}


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

    :root {
        --inPd: 15px;

        --pd430: 80px;
        --pd320: 80px;

        --pd300: 80px;
        --pd220: 60px;
        --pd200: 60px;
        --pd150: 60px;

        --mt150: 40px;
        --mt100: 30px;

    }

    .mini_over{display: none !important;}
    .mini_only{display: block !important;}

    .round_btn .btn{padding:13px 20px; font-size:13px;}
    .controls .paging + .swiper_btn_wrap{display:none; margin-left: 15px;}
    .controls .paging .bar{height: 2px;}
    .swiper_btn_wrap .swiper_btn{width: 40px; height: 40px;}
    .media_tag{font-size:10px;}

    .header .ham_btn{width:22px; height:22px;}

    .header .nav .util_wrap .util_btn{padding:0.7em 1em}
    .header .nav .util_wrap .util_btn{padding:0.7em 1em}
    .header .nav .util_wrap .util_btn + .util_btn{margin-left: 0.5em;}

    body .ui-widget{font-size:13px;}

    .modal .member .join_wrap .inp_wrap input{padding: 0 1em;}
    .modal .member .join_wrap .inp_wrap input::placeholder{font-size:12px;}



}

@media screen and (max-width: 380px) {
    .footer .right_box .btn_wrap .family_site .nice-select{padding-right: 4.5em;}
    .footer .right_box .btn_wrap .family_site .nice-select .option {padding: 0.5em;}
}




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