@charset "utf-8";


:root {

    --green: #797255;
    --brown : #A76F58;
    --pink: #F9DCD3;
    --gray: #696969;
    --black: #1C1C1C;
    --bg : #F8F8F6;
    --alertColor: #797255;
    --lineColor: #DDDDDD;

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

    --in: clamp(1440px, 70vw, 144rem);
    --inPd: 20px;
    --hdH: max(8rem, 80px);
    --inpH: 3.3em;

    --mainTit: max(5.6rem, 56px); /* 70 */
    --tit: max(4.8rem, 48px); /* 60 */
    --smTit: max(3.6rem, 36px); /* 45 */

    --lgTxt2: max(2.4rem, 24px); /* 30 */
    --lgTxt: max(2.1rem, 20px); /* 25 */
    --txt1: max(1.8rem, 19px); /* 22 */
    --txt2: max(1.6rem, 18px); /* 20 */
    --txt: max(1.5rem, 17px); /* 18 */
    --subTxt: max(1.5rem, 17px); /* 25 */
    --smTxt: max(1.35rem, 15px); /* 16 */
    --tinyTxt: max(1.2rem, 14px); /* 15 */

    --sectPd: 24rem; /* 300 */
    --contMt: 8rem; /* 100 */
    --contSmMt: 4rem; /* 50 */
    --mainContMt: 6.4rem; /* 80 */
    --subVisPd: 16rem;

    --radius: 3.2rem; /* 40 */
    --smRadius: 2.4rem; /* 30 */

}

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: clamp(1840px, 70vw, 184rem); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.in2 {position: relative; width: var(--in); 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: 1.2em 1.6em 1.15em; 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.wht .btn{border-color:#fff;; color:#fff;}
.round_btn.wht .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;}


.controls {display: flex; align-items: center;}
.controls .paging { display: flex; align-items: center; }
.controls .paging > * + * {margin-left: 1.2rem;}
.controls .paging .current,
.controls .paging .total { font-size:var(--txt2); font-weight:700; width: 15px; text-align: center;}
.controls .paging .bar { width:10rem; height:3px; background-color: rgba(0,0,0,0.3); position: relative;}
.controls .paging .bar span { position: absolute; display: inline-block; left:0; top:0; width:0; height:100%; background-color: var(--brown); }
.controls .swiper-pagination-progressbar { width:10rem; height:2px; background-color: rgba(0,0,0,0.3); position: relative; }
.controls .swiper-pagination-progressbar-fill,
.controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: var(--brown);}

.controls .paging + .swiper_btn_wrap{margin-left: 4rem;}
.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 }

.media_tag{position: relative; display:inline-flex; max-width: max-content; align-items: center; font-size:var(--smTxt); padding:0.5em 0.75em ; line-height:1; color:#fff; font-weight: 700; background-color: #000; border-radius: 0.6rem; margin-bottom: 0.8em;}
.media_tag.youtube { background: #E7161B;}
.media_tag.youtube:before{content:''; position: relative; display: inline-block; margin-top: -0.05em; width: 1.2em; height: 1em; margin-right: 0.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 12" fill="none"><path d="M8.51953 0C8.51953 0 13.8438 -0.000186892 15.1758 0.360352C15.909 0.555699 16.4863 1.13568 16.6816 1.875C17.0344 3.20569 17.0332 5.9732 17.0332 6.00098C17.0332 6.00098 17.0333 8.79055 16.6787 10.1279C16.4833 10.864 15.906 11.4443 15.1729 11.6426C13.8438 12.0001 8.5166 12 8.5166 12C8.48685 12 3.18528 11.9992 1.86035 11.6426C1.1272 11.4473 0.549919 10.8671 0.354492 10.1279C-0.00012103 8.79055 0 6.00098 0 6.00098C8.98941e-06 5.97319 0.00167067 3.20582 0.357422 1.87207C0.552758 1.13577 1.13002 0.555778 1.86328 0.357422C3.18686 0.00105679 8.48191 4.50139e-06 8.51953 0ZM6.77734 8.53613L11.2314 6.00293L6.77734 3.46973V8.53613Z" fill="white"/></svg>') no-repeat left / contain;}
.media_tag.blog {background: #5BCE36;}
.media_tag.blog:before{content:''; position: relative; display: inline-block; margin-top: -0.1em; width: 0.9em; height: 0.9em; margin-right: 0.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path d="M14 13.5H9.20909L4.7763 6.94074V13.5H0V0.5H4.79274L9.22553 7.05926V0.5H14V13.5Z" fill="white"/></svg>') no-repeat left / contain;}
.media_tag.instagram{ background: linear-gradient(51deg, #FF9604 -3.05%, #FA0270 34%, #DD02B5 59.58%, #9723DC 94.42%);}
.media_tag.instagram:before{content:''; position: relative; display: inline-block; margin-top: -0.1em; width: 1.1em; height: 1.1em; margin-right: 0.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" fill="none"><path d="M10.75 1.5H4.25C2.45507 1.5 1 2.95507 1 4.75V11.25C1 13.0449 2.45507 14.5 4.25 14.5H10.75C12.5449 14.5 14 13.0449 14 11.25V4.75C14 2.95507 12.5449 1.5 10.75 1.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.1011 7.58938C10.3091 9.01288 9.33409 10.3324 7.91059 10.5404C6.48709 10.7484 5.16759 9.77338 4.95959 8.34988C4.75159 6.92638 5.72659 5.60688 7.15009 5.39888C7.40359 5.35988 7.65709 5.35988 7.91059 5.39888C9.04159 5.56788 9.93209 6.45838 10.1011 7.58938Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.0762 4.4248H11.0818" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat left / contain;}



/* ---------- header ---------- */
.header { position: fixed; top: 0; width: 100%; font-size: var(--txt); color:var(--black); background-color: #fff; z-index: 1000; transition: transform 0.3s ease, background-color 0.3s ease;}
.header.down{ transform: translateY(-100%);}
.header.up{transform: translateY(0); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); }

.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 4rem; align-items: center; }

.header .logo { grid-row: 1; width: max(20rem, 200px); 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-weight: 700; 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(--brown);}
.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: block; padding: 9px 0; font-size: 0.9em; font-weight: 500; transition: color 0.3s ease; color: var(--gray);}
.header .nav .depth2 > li > a:hover {color:var(--brown)}
.header .nav .depth2 > li.active > a { font-weight: 600; color:var(--brown);}
.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(--smTxt); 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 var(--black);}
.header .util_wrap .util_btn.login { background-color: var(--green); border:1px solid var(--green); color: #fff; }
.header .util_wrap .util_btn.join.logout { display: block; }

.header.on .header_in{ border-bottom: 2px solid var(--lineColor);}
.header.on .nav .depth1 > li > a { padding: 0 5rem 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; }



/* ---------- footer ---------- */
/*.footer .ft_cont{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); width: 100%; border-top: 1px solid var(--lineColor);}*/
/*.footer .ft_cont .cont_box{ height: 100%; }*/
/*.footer .ft_cont .cont_box .inner{display: flex; justify-content: space-between; flex-direction: column; padding: 10rem 20rem 9rem; height: 100%;}*/

.footer .ft_cont{width: 100%; border-top: 1px solid var(--lineColor);}
.footer .ft_cont .cont_box{ display: grid; grid-template-columns: 50%;}
.footer .ft_cont .cont_box .info_txt{color:var(--gray); font-size:var(--txt);}
.footer .ft_cont .cont_box .ft_location .address{font-size:var(--smTit); font-weight: 700; display: flex; align-items: center;}
.footer .ft_cont .cont_box .ft_location .address p{display: inline;}
.copy_btn {position: relative; margin-left: 0.2em;}
.copy_btn svg{width:0.8em; height: 0.8em;}
.copy_btn .hover_msg{opacity: 0; pointer-events: none; transition: opacity 0.5s ease;}
.copy_btn:hover .hover_msg{opacity: 1;}
.copy_btn span{position: absolute; white-space: nowrap; top: calc(-100% - 5px); left: 50%; font-weight: 500; transform: translateX(-50%); font-size:var(--smTxt); background: var(--black); border-radius: 5px; color: #fff; padding: 0.6em 0.8em 0.5em; line-height: 1;}
.copy_msg{display: none; }

.footer .ft_cont .ft_location{padding: 10rem 20rem 0;}
.footer .ft_cont .cont_box .ft_location .way_list{margin-top: 2rem;}
.footer .ft_cont .cont_box .ft_location .way_list .item{display: flex; align-items: flex-start;}
.footer .ft_cont .cont_box .ft_location .way_list .item + .item{margin-top: 2.4rem;}
.footer .ft_cont .cont_box .ft_location .way_list .tit{font-size:var(--smTxt); font-weight: 700; padding: 0.5em 0.625em; line-height: 1; margin-right: 1em; background-color: var(--green); color:#fff; border-radius: 0.4rem;}
.footer .ft_cont .cont_box .ft_location .way_list .txt{font-size:var(--txt2); font-weight: 500;}
.footer .ft_cont .cont_box .ft_location .btn_list{display: flex; align-items: center; margin-top: 3rem;}
.footer .ft_cont .cont_box .ft_location .btn_list .item{display: flex; align-items: center;}
.footer .ft_cont .cont_box .ft_location .btn_list .item + .item{margin-left: 1em;}
.footer .ft_cont .cont_box .ft_location .btn_list .item a{display: flex; align-items: center; font-weight: 600; line-height: 1; font-size:16px; white-space: nowrap; padding: 0.8em 1.8em 0.7em 1.8em; border:1px solid var(--lineColor); border-radius: 10rem; background-color: #fff;  transition: background-color 0.5s ease, color 0.5s ease;;}
.footer .ft_cont .cont_box .ft_location .btn_list .item a .ico{margin-right: 0.7em; height: 1.4em; flex-shrink: 0}
.footer .ft_cont .cont_box .ft_location .btn_list .item a .ico img{height: 100%;}
.footer .ft_cont .cont_box .ft_location .info_cont {display: flex; margin-top: 6.4rem;}
.footer .ft_cont .cont_box .ft_location .info_cont .tit{font-size:var(--lgTxt); font-weight: 600; margin-bottom: 1em; line-height: 1;}
.footer .ft_cont .cont_box .ft_location .info_cont .tel{margin-right: 19rem;}
.footer .ft_cont .cont_box .ft_location .info_cont .tel a{font-size:var(--smTit); font-weight: 600; line-height: 1;}
.footer .ft_cont .cont_box .ft_location .info_cont .time_table .table{border-collapse: collapse; width: auto; text-align: left; font-size:var(--txt); font-weight: 500; margin-bottom: 1em;}
.footer .ft_cont .cont_box .ft_location .info_cont .time_table tr{display: block;}
.footer .ft_cont .cont_box .ft_location .info_cont .time_table tr + tr{margin-top: 0.2em;}
.footer .ft_cont .cont_box .ft_location .info_cont .time_table tr td{display: inline-block;}
.footer .ft_cont .cont_box .ft_location .info_cont .time_table tr td:first-child{width: 8.5rem;}

.footer .ft_info {grid-row: 2; padding: 0 20rem 9rem;}
.footer .ft_info{border-top: 1px solid var(--lineColor); font-size: var(--txt); padding-top: 4rem; margin-top: 6.4rem;}
.footer .ft_info .top{display: flex; justify-content: space-between; align-items: center;}
.footer .ft_info .top .ft_logo svg{display: block; width: 11em; height: auto;}
.footer .ft_info .top .sns_list {display: flex; align-items: center;}
.footer .ft_info .top .sns_list .item + .item{margin-left: 0.8em;}
.footer .ft_info .top .sns_list .item a{display: flex; width: 1.8em; height: 1.8em;}
.footer .ft_info .top .sns_list .item a svg path{transition: fill 0.3s ease, stroke 0.3s ease;}
.footer .ft_info .top .sns_list svg{width: 100%; display: block;}
.footer .ft_info .btm{margin-top: 4rem;}
.footer .ft_info .btm .f_menu{display: flex;}
.footer .ft_info .btm .f_menu .item + .item{margin-left: 1.6em;}
.footer .ft_info .btm .f_menu .item a{font-weight: 600; line-height: 1; transition: color 0.3s ease;}
.footer .ft_info .btm .f_menu .item a.priv_btn{color:var(--green);}
.footer .ft_info .btm .f_info{margin-top: 2rem; color: var(--gray); display: flex; flex-wrap: wrap; max-width: 550px;}
.footer .ft_info .btm .f_info .item{position: relative; padding-right: 0.6em; margin-right: 0.3em; font-size: 16px;}
.footer .ft_info .btm .f_info .item:before{content:'·'; position: absolute; right: 0;}
.footer .ft_info .btm .f_info .item:nth-child(2):before,
.footer .ft_info .btm .f_info .item:last-child:before{display: none;}
.footer .ft_info .btm .copy{margin-top: 2.4rem; line-height: 1; font-size: 0.9em; color: #828282;}

.footer .map{ grid-column: 2; grid-row: 1 / 3;}
.footer .ft_cont .map{position: relative; width: 100%; height:100%;}
.footer .ft_cont .map .map_cont{position: absolute; inset:0; width: 100%; height:100%; object-fit: cover; object-position: center;}
/*.footer .ft_cont .map .map_cont > *{position: absolute; inset:0; width: 100%; height:100%; object-fit: cover; object-position: center;}*/


/* ---------- 퀵메뉴 ---------- */
.fix_btn_box { position: fixed; font-size:var(--smTxt); top: 55%; right: 0; color:#fff; transform: translateY(-50%) translateX(100%); z-index: 200; transition: transform .5s ease, opacity .5s ease;}
.fix_btn_box.open { transform: translateY(-50%) translateX(0);}

.fix_btn_box .quick_box{position: absolute; display: flex; flex-direction: column; align-items: center; padding: 5rem 2.4rem; right: 100%; font-size:var(--txt); border-radius: 1.2rem 0 0 1.2rem; line-height: 1; background: linear-gradient(355deg, #A76F58 0%, #CA8C6D 90.17%); transition: padding .8s ease; cursor: pointer; }
.fix_btn_box.open .quick_box{padding: 2rem 1.7rem;}
.fix_btn_box .quick_box .ico{width: 1em; }
.fix_btn_box.open .quick_box .ico svg{display: block; width: 100%;}
.fix_btn_box .quick_box .txt{writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; font-weight: 700; margin-top: 0.7em; height: 6.4rem; overflow: hidden; transition: height .5s ease, margin 0.5s ease;}
.fix_btn_box.open .quick_box .txt{height: 0; margin-top: 0;}

.fix_btn_box .menu_box{min-width:9.6rem; padding:1.8em 0; background-color: #fff; border-radius:0 0 0 2.4rem; text-align: center;  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05)}
.fix_btn_box .menu_box ul li a{display: flex; flex-direction: column; align-items: center; font-weight: 500; line-height: 1; }
.fix_btn_box .menu_box ul li + li a{padding-top: 1.8em;}
.fix_btn_box .menu_box ul li a .ico{width: 1.8em; height:1.8em; margin-bottom: 0.75em;}
.fix_btn_box .menu_box ul li a .ico svg{display: block; width: 100%;}
.fix_btn_box .menu_box ul li a .ico svg path{transition: stroke .5s ease, fill .5s ease;}
.fix_btn_box .menu_box ul li a .txt {color:#666; transition: color .5s ease;}

.fix_btn_box .menu_box ul li.tel{display: none;}
.fix_btn_box .menu_box ul li.resev a{padding-top: 0}



/* ---------- 빠른 상담 ---------- */
.fix_form {position: fixed; width: 100%; left: 50%; transform: translateX(-50%); bottom: 2rem; z-index: 100; transition: all .3s; }
.fix_form.hide {opacity: 0; visibility: hidden; pointer-events: none;}

.fix_form .in2 { display: flex; align-items: center; justify-content: space-between; width: calc(var(--in) - var(--inPd) * 2); height: 11.2rem; height: 9.5rem;  padding: 0 8rem; background-color: #fff; border-radius: 12px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.07);}
.fix_form .tit { font-size: var(--lgTxt2); font-weight: 700; color:#797355; white-space: nowrap; line-height: 1;}

.fix_form .form_inp { display: flex; margin: 0 8rem; gap:3.2rem; flex: 1;}
.fix_form .form_inp > *{flex:1;}
.fix_form .form_inp .select{position: relative; width: 100%; height: 100%; font-size: var(--txt);}
.fix_form .form_inp .select .nice-select {position: relative; width: 100%; height: 100%; line-height: 1.6; font-size: var(--txt); border:none; border-bottom: 2px solid #DDD;  border-radius:0; padding: 0.6em 0.6em; }
.fix_form .form_inp .select .nice-select:after { right: 1rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); 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="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.fix_form .form_inp .select .nice-select.open:after { transform: rotate(180deg); }
.fix_form .form_inp .select .nice-select .list{width: 100%; top:unset; bottom:100%; border-radius: 0.8rem; transform-origin: bottom;}
.fix_form .form_inp .select .nice-select .current{opacity: 0; font-weight: 500;}

.fix_form .form_inp .inp { position: relative; width: 100%; border-bottom: 2px solid #DDD; font-size: var(--txt);} /*margin-left: 3.2rem;*/
.fix_form .form_inp .inp input { border: 0; }
.fix_form .form_inp .inp input { width: 100%; height: 100%; padding: 0.6em 0.6em; font-weight: 500; background-color: transparent; position: relative; z-index: 2;}
.fix_form .form_inp .inp input:focus ~ .placeholder { opacity: 0; }

.fix_form .form_inp .placeholder { position: absolute; font-size: 1em; left: 0.6em; top: 50%; transform: translateY(-50%); width: calc(100% - 1em); height: auto; font-weight: 500; color: #9d9d9d; pointer-events: none; transition: opacity 0.3s; z-index: 1; }
.fix_form .form_inp .placeholder span { font-size: 1.1em; color: var(--green); padding-left: 3px;}

.fix_form .form_submit { padding: 1em 3em; border-radius: 2em; font-size: var(--txt); background-color: #797355; color: #fff; text-align: center; font-weight: 700; transition: background-color 0.3s ease-in-out;}
.fix_form .form_submit:hover{background-color: var(--black);}

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(--green); border-color: var(--green);}
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(--green) !important; color: #fff; }

body .ui-datepicker-today a { font-weight: 600; color: var(--green); }
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; }



/* 탑버튼 */
.fix_btn { position: fixed; bottom: 4rem; right:4rem; z-index:200; opacity: 0; transition: opacity 0.8s ease;}
.fix_btn.show{opacity: 1;}
.fix_btn .top_btn { display: flex; font-size:var(--txt); justify-content: center; align-items: center; width:10rem; height: 10rem; border-radius:100%; background-color: #fff;  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); }
.fix_btn .top_btn svg { width:2.4rem; width:25%; height: auto; fill:#1c1c1c; }




/* 모달 */
.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; font-size: var(--smTxt); 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 .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;}
.modal .modal_wrap .modal_cont.member{width: 60rem; background: none;}
.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(--green); border: 1px solid var(--green); 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;}
.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 .member .btn_wrap a:hover{background:#000; color:#fff;}

.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.terms{background:transparent;}
.modal_cont.terms{overflow: hidden; border-radius: var(--smRadius);}
.modal_cont.terms .head{display: flex; align-items: flex-start; justify-content: space-between; padding: 2.4rem; background:var(--alertColor); color:#fff;}
.modal_cont.terms .head p{margin-right: 1.5em; font-size:var(--lgTxt); font-weight: 700;}
.modal_cont.terms .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="%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; }
.modal_cont.terms .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.terms .cont .h3 {font-weight: 700; font-size: var(--Txt); margin-bottom: 5px;}
.modal_cont.terms .cont .sect + .sect {margin-top: 20px;}
.modal_cont.terms .cont::-webkit-scrollbar{width: 10px;}
.modal_cont.terms .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #f6f6f6; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_cont.terms .cont::-webkit-scrollbar-track{background: #f6f6f6;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}
.modal_cont.terms .item {display: flex}
.modal_cont.terms .item .number {margin-right: 0.3em}

.modal .member .login_wrap{padding: 8rem 6rem; background: #fff; border-radius: var(--smRadius);}
.modal .member .login_wrap .tit{font-size: 3.6rem; font-weight: 700; text-align: center;}
.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: 1em; font-size: var(--smTxt);}
.modal .member .login_wrap .input_wrap .inp .ico svg{fill: #BCBFC7; 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(--inpH2); padding-left: 2.5em; margin-bottom: 1.2rem; border: 1px solid #BCBFC7; font-size: var(--subTxt); border-radius: 0.8rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s;}
.modal .member .login_wrap .input_wrap input::placeholder{color: #BCBFC7;}
.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 .util_wrap{display: flex; justify-content: center; margin-top: 2.4rem;}
.modal .member .login_wrap .util_wrap a{position: relative; color: #9A9EA7; font-size: var(--smTxt); font-weight: 500; line-height: 1em; transition: color 0.3s;}
.modal .member .login_wrap .util_wrap a + a{padding-left: 1.2em; margin-left: 1.2em; border-left: 1px solid rgba(188, 191, 199, 0.5);}

.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 6.4rem 6.4rem; background: #fff; border-radius: var(--smRadius);}
.modal .member .join_wrap .txt_box{margin-bottom: 5.6rem;}
.modal .member .join_wrap .txt_box .step{margin-bottom: 1em; color: var(--green); font-size: var(--tinyTxt); font-weight: 700; line-height: 1em;}
.modal .member .join_wrap .txt_box .tit{font-size: var(--lgTxt2); 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: 1.2rem;}
.modal .member .join_wrap .inp_wrap .inp_tit p{font-size: var(--subTxt);}
.modal .member .join_wrap .inp_wrap .inp_tit a{display: flex; align-items: center; color: #9A9EA7; font-size: var(--tinyTxt); 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(--tinyTxt); 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); padding: 0 1.2em; border: 1px solid #BCBFC7;  border-radius: 0.8rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s; font-size: var(--subTxt);}
.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: #232323;}
.modal .member .join_wrap .inp_wrap input::placeholder{color: #BCBFC7;}
.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(--subTxt); height: var(--subTxt) ;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="%23797355"><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-left: none; font-size: var(--subTxt); border-radius: 0 0.8rem 0.8rem 0; color: #232323; transition: background 0.25s, color 0.25s;}

.modal .member .join_wrap .chk_wrap{}
.modal .member .join_wrap .chk_wrap input{}
.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(--subTxt); 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{}
.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(--tinyTxt); 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(--green);}
.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: var(--smRadius); font-size: var(--bigTxt); }
.modal_cont.phone_call .call_list { }
.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(--green); }
.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:55rem; 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: var(--alertColor);}
.msg_layer .btn_wrap .btm_btn:hover,
.msg_layer .btn_wrap .btm_btn.wh:hover{background: #000; color:#fff;}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }
.msg_layer .btn_wrap > * + * { margin-left: 1rem; }



/*통합검색*/
.allSch_sect { overflow: hidden; padding-top: 12rem;  font-size: var(--subTxt);}
.allSch_sect .sub_round_tab{}
.allSch_sect .sub_round_tab .tab{}

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

.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(--green); 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 {  }
.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(--green); border-bottom: 1px solid var(--green); 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; }






/* Hover */
@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(--brown);}

    .main .header.top { background-color: rgba(0,0,0,.1); 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(--brown)}
    .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;}
    .footer .ft_cont .cont_box .ft_location .info_cont .tel a{pointer-events: none;}

    .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(--brown);}
    .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(--brown);}
    .fix_btn_box .menu_box ul li a:hover .txt{color:var(--brown);}

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



}




/* 반응형 */
@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 {
        --in: clamp(1300px, 70vw, 144rem);
        /*--mainIn: clamp(1300px, 70vw, 144rem);*/

        --mainTit: max(4.8rem, 48px);
        --tit: max(4.4rem, 44px);
        --smTit: max(3.2rem, 32px);

        --lgTxt2: max(2.2rem, 22px);
        --lgTxt: max(1.9rem, 19px);
        --txt: max(1.5rem, 16px);
        --subTxt: max(1.5rem, 17px);
        --smTxt: max(1.35rem, 14px);

        --mainContMt: 5.5rem;
        --sectPd: 20rem;
    }



    /* footer */
    /*.footer .ft_cont .cont_box .inner{padding: 10rem 15rem 7rem;}*/
    .footer .ft_cont .ft_location{padding: 10rem 15rem 0;}
    .footer .ft_cont .cont_box .ft_location .way_list .item + .item{margin-top: 1.5rem;}
    .footer .ft_cont .cont_box .ft_location .btn_list{margin-top: 3rem;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item a{font-size: 15px; padding:0.8em 1.5em 0.7em 1.5em; font-weight: 400;}
    .footer .ft_cont .cont_box .ft_location .info_cont{margin-top: 6rem;}
    .footer .ft_cont .cont_box .ft_location .info_cont .tit{margin-bottom: 0.8em;}
    .footer .ft_cont .cont_box .ft_location .info_cont .time_table .table{margin-bottom: 0.8em;}
    .footer .ft_cont .cont_box .ft_location .address .txt,
    .footer .ft_cont .cont_box .ft_location .info_cont .tel a{font-size: 28px;}

    .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 {
        --mainTit: max(4rem, 40px);
        --tit: max(3.6rem, 36px);
        --smTit: max(3rem, 30px);

        --lgTxt: max(1.8rem, 18px);
        --txt2: max(1.6rem, 17px);
        --txt: max(1.5rem, 16px);
        --subTxt: max(1.5rem, 16px);

        --mainContMt: 5.5rem;
        --sectPd: 16rem;
        --contMt: 7rem;

    }

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

    /*.footer .ft_cont .cont_box .inner{padding: 7rem 10% 7rem;}*/
    .footer .ft_cont .ft_location{padding: 7rem 10% 0;}
    .footer .ft_info{padding:4rem 10% 7rem; }
    .footer .ft_cont .cont_box .ft_location .info_cont .tel{margin-right: 7rem;}



}


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

    :root {
        --hdH: 70px;

        --mainTit: max(3.4rem, 34px);
        --tit: max(3.8rem, 38px);
        --smTit: max(2.6rem, 26px);

        --lgTxt2: max(2rem, 20px);
        --lgTxt: max(1.7rem, 17px);
        --txt1: max(1.7rem, 17px);
        --txt2: max(1.6rem, 16px);
        --txt: max(1.5rem, 15px);
        --subTxt: max(1.5rem, 16px);
        --smTxt: max(1.4rem, 14px);
        --tinyTxt: max(1.3rem, 13px);

        --contMt: 5rem;
        --subVisPd: 12rem;
        --contSmMt: 3rem;

    }

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

    .pointer{display: none;}

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

    .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(--green); 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(--brown);}
    .header .nav .top_box .logo{filter: brightness(0) saturate(0) invert(1); 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: #fff;}
    .header .nav .util_wrap .util_btn + .util_btn{margin-left: 0.8em;}

    .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: #fff;}

    .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: "\f078";display: inline-block;position: static;width: auto;height:auto;font-size: 1em;transform: translateX(0);vertical-align: middle;line-height: 1;margin-left: auto;font-weight: 500;transition: transform .3s;opacity: 1;background-color: transparent;font-family: "Font Awesome 6 Pro";z-index: 2;}
    .header .nav .depth1 > li > a.open:after { transform: rotate(180deg); }

    .header .nav .depth1 > li > .depth2{display:none; position: static; opacity: 1; transform: none; padding: 0 3rem; color:#000; text-align: left; pointer-events: auto; }
    .header .nav .depth1 > li.active .depth2{display:block;}
    /*.header .nav .depth1 > li.active > a:after { transform: rotate(180deg); }*/

    .header .nav .depth1 > li > .depth2 > li:last-child{padding-bottom: 2rem;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size: 2rem; padding: 8px 15px; color:rgba(255,255,255,.6); transition: color 0s ease;}
    .header .nav .depth1 > li > .depth2 > li.active > a{ color: #fff;}
    .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(--brown);}

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

    .footer .ft_info .btm .f_info .item:first-child{display: none;}
    .footer .ft_cont .cont_box {grid-template-columns: minmax(0, 1fr);}
    .footer .ft_cont .ft_location{grid-row: 1; padding: 60px var(--inPd);}
    .footer .ft_cont .map {grid-row: 2;grid-column: 1; padding-top: 40%;}
    .footer .ft_cont .ft_info{grid-row: 3; margin-top: 0; padding-left:var(--inPd); padding-right:var(--inPd);}

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




}






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


    :root {
        --hdH: 60px;
        --mainTit: 30px;
        --tit: 28px;
        --smTit: 22px;
        --lgTxt2: 20px;
        --lgTxt: 17px;
        --txt1: 17px;
        --txt2: 16px;
        --txt: 15px;
        --subTxt: 16px;
        --smTxt: 13px;
        --tinyTxt: 12px;
        --sectPd: 100px;
        --contMt: 35px;
        --contSmMt: 25px;

        --radius: 22px;
        --smRadius: 18px;
    }

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

    .footer .ft_cont .cont_box .ft_location .address .txt,
    .footer .ft_cont .cont_box .ft_location .info_cont .tel a {font-size:24px;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item a{font-size:14px;}

    .footer .ft_cont .ft_location{padding: 50px var(--inPd) 40px;}
    .footer .ft_cont .ft_info{ padding:40px var(--inPd) 120px;}

    .footer .ft_cont .map{padding-top: 55%;}

    .fix_btn_box{top:unset; bottom: 0; left: 0; transform:unset;}
    .fix_btn_box.open{transform: unset;}
    .fix_btn_box .menu_box {border-radius: 0; padding: 15px 0; background:var(--brown)}
    .fix_btn_box .menu_box ul{display: flex; border-radius: 0;}
    .fix_btn_box .menu_box ul li{flex:1;}
    .fix_btn_box .menu_box ul li + li a{padding-top: 0;}

    .fix_btn_box .menu_box ul li.tel{display: block;}
    .fix_btn_box .menu_box ul li.resev a{padding-top: 0}

    .fix_btn_box .menu_box ul li.tel a .ico mask + path,
    .fix_btn_box .menu_box ul li.doc a .ico svg path{fill: #fff;}
    .fix_btn_box .menu_box ul li.resev a .ico svg path,
    .fix_btn_box .menu_box ul li.quick_map a .ico svg path,
    .fix_btn_box .menu_box ul li.info a .ico svg path,
    .fix_btn_box .menu_box ul li.test a .ico svg path{stroke: #fff;}
    .fix_btn_box .menu_box ul li a .txt{color:#fff;}

    .fix_btn_box .menu_box ul li.doc,
    .fix_btn_box .menu_box ul li.test{display:none;}

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


    .modal .modal_wrap .modal_cont.member.join{width: 75rem;}


}


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

    :root {
        --hdH: 60px;

        --mainTit: 26px;
        --tit: 26px;
        --smTit: 20px;

        --lgTxt2: 17px;
        --lgTxt: 16px;
        --txt1: 16px;
        --txt2: 15px;
        --txt: 14px;
        --subTxt: 14px;
        --smTxt: 12px;
        --tinyTxt: 11px;

        --sectPd: 80px;
        --mainContMt: 35px;
        --contMt: 30px;
        --contSmMt: 20px;
        --subVisPd: 60px;

        --radius: 20px;
        --smRadius: 15px;
    }

    .phone_over{display: none !important;}
    .phone_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;}
    .copy_btn{margin-left:0;}

    .header .logo{width:150px;}
    .header .nav .depth1 > li > a{font-size:18px;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size:16px;}
    .header .ham_btn{width:22px; height:22px;}

    .header .nav .top_box .logo{width: 135px;}
    .header .nav .util_wrap .util_btn{padding:0.7em 1em}
    .header .nav .util_wrap .util_btn + .util_btn{margin-left: 0.5em;}


    .footer .ft_cont .ft_location{padding: 40px var(--inPd) 30px;}
    .footer .ft_cont .ft_info{ padding:30px var(--inPd) 110px;}
    .footer .ft_cont .cont_box .ft_location .address .txt{font-size:18px;}

    /*.footer .ft_cont .cont_box .ft_location .btn_list{flex-wrap:wrap;}*/
    /*.footer .ft_cont .cont_box .ft_location .btn_list .item{width: 50%;}*/
    .footer .ft_cont .cont_box .ft_location .btn_list .item + .item{margin-left: 5px;}
    .footer .ft_cont .cont_box .ft_location .info_cont{flex-direction: column;}
    .footer .ft_cont .cont_box .ft_location .info_cont .tel{margin-right: 0;}
    .footer .ft_cont .cont_box .ft_location .info_cont .time_table{margin-top: 30px;}
    .footer .ft_cont .cont_box .ft_location .info_cont .tit{margin-bottom: 10px;}
    .footer .ft_cont .cont_box .ft_location .info_cont .tel a{font-size:20px;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item a{font-size:12px; padding:10px 10px;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item a .ico{margin-right: 5px;}

    .footer .ft_info{margin-top: 40px;}
    .footer .ft_info .top{flex-direction: column; align-items: flex-start;}
    .footer .ft_info .top .sns_list{margin-top: 30px;}

    .footer .ft_info .btm .f_menu{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .footer .ft_info .btm .f_menu::-webkit-scrollbar{display: none;}
    .footer .ft_info .btm .f_menu .item a{white-space: nowrap;}
    .footer .ft_info .btm .f_info{max-width: 100%;}
    .footer .ft_info .btm .f_info .item{font-size: 14px;}
    .footer .ft_info .btm .f_info .item:before{display: none;}
    .footer .ft_cont .map{padding-top: 70%;}


    .fix_btn .top_btn{width: 40px; height: 40px;}

    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: 400px) {
    .footer .ft_cont .cont_box .ft_location .btn_list{flex-wrap:wrap;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item{width: calc(50% - 3px);margin-bottom: 8px;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item a{width: 100%; display: flex; align-items: center; justify-content: center}
    .footer .ft_cont .cont_box .ft_location .btn_list .item + .item{margin-left: 0;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item:nth-child(odd){margin-right: 3px;}
    .footer .ft_cont .cont_box .ft_location .btn_list .item:nth-child(even){margin-left: 3px;}
    .footer .ft_cont .cont_box .ft_location .info_cont{margin-top: 30px;}

    .footer .ft_info .btm .f_info .item:nth-child(3):before{display: block;}

}







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