@charset "utf-8";

/* 

transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: ease-in-out; opacity: 0; transform: translateY(100px);

transition: opacity 1s ease-in-out, transform 1s ease-in-out; opacity: 0; transform: translateY(100px);
opacity: 1; transform: translateY(0)


<img src="/inc/img/landing/landing_img1.jpg" alt="" data-imgname="이미지.jpg"> 


.sub_cont_sorting34 .cont_box .cont .txt_box .tit .ico {
    width: 1.1em;
    height: 1.6em;
    margin-right: 0.5em;
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;
}

*/

:root {

    --hdH: 10rem;
    --hdIn:5rem;

    --inPd: 20px;
    --inpH: 3.5em;
    --in: clamp(1680px, calc(25vw + 1040px), 1840px);
    --in2: max(164rem, 1440px);
    --in3: max(124rem, 1040px);
    --viewIn: max(104rem, 940px);

    --subVisPd: 12rem;
    --subPd: 20rem;
    --subMt: 6rem;

    /* 컬러 */
    --blue :#0515D8; 
    --navy:#010A7B;   
    --navy2:#0A2961;
    --black:#373847;
    --black2:#101010;

    --gray: #A4A4A4;
    --gray1:#F6F6F6;
    --gray2:#828282;
    


    --bg:#F9F9FB;
    --bg2:#F8FAFF;

    --line:#ddd;
    --line2:#CBD2D9;

    --radius: 3rem;
    --radius2: 2rem;
    --radius3: 1rem;

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

    --h1:7.5rem; 
    --h2:6rem; 
    --h3:5rem; 
    --h4:4rem; 
    --h5:3.5rem;
    --h6:max(3rem,26px);
    --h7:max(2.5rem,22px); 

    --p1:max(2.2rem,20px); 
    --p2:max(2rem,18px);
    --p3:max(1.8rem,16px);  /* 본문 */
    --p4:max(1.6rem,15px);
    --p5:max(1.5rem,14px);
    --p6:max(1.4rem,13px);


    --pd: 30rem;
    --pd1: 25rem;
    --pd2: 20rem;
    --pd3: 15rem;
    --pd4: 10rem;
    --contMt: 10rem;
    --contMt1: 10rem;
    --contMt2: 8rem;
    --contMt3: 6rem;
    --contMt4: 4rem;

    --contMt:6rem
    
}
 

/* html {font-size: clamp(7.5px, 0.3125vw, 10px);}  */
html {  font-size: clamp(8.5px, 0.3125vw, 10px);} /* 3200px 기준 */
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: var(--in2); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.in3 {position: relative; width: var(--in3); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.view_in {position: relative; width: var(--viewIn); 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;}
.pin-spacer {max-width: 100%;}



/* 셀렉트 */
.nice-select {font-size: var(--p3); border-radius: 0;}
.nice-select:after { right: 2.5rem; width: 0.7em;; height: 0.7em; margin-top: -0.35em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.04552 7.13991C5.44393 7.59524 6.15226 7.59524 6.55067 7.13991L11.3469 1.6585C11.9127 1.01192 11.4535 0 10.5943 0H1.00186C0.142705 0 -0.316473 1.01192 0.249287 1.6585L5.04552 7.13991Z" fill="%231C1C1C"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.nice-select.open:after { transform: rotate(180deg); }

.nice-select .list {min-width: 100%; box-shadow: 0 0 0 1px var(--line); top: calc(100% + 2px); background-color: #fff; border-radius: 1rem; max-height: 23em; overflow-y: auto;} 
.nice-select .list .option {height: 3em; line-height: 3em; min-height: 0; padding: 0 10px;}
/* .nice-select .list::-webkit-scrollbar{display: inherit; width: 10px;}
.nice-select .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.nice-select .list::-webkit-scrollbar-track{background: #fff;}
.nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 5px;} */

.nice-select .list::-webkit-scrollbar {-webkit-appearance: none;}
.nice-select .list::-webkit-scrollbar:vertical {width: 5px;}
.nice-select .list::-webkit-scrollbar:horizontal {height: 5px;}
.nice-select .list::-webkit-scrollbar-thumb {background-color: #BFBFBF;border-radius: 5px;}
.nice-select .list::-webkit-scrollbar-track {border-radius: 10px;background-color: #fff;}




/* pointer */
.pointer {position: fixed;top: 0; left: 0;z-index: 100;width: 0; height: 0; overflow: visible; pointer-events: none;}
.pointer .pointer_box {    position: absolute; top: 0; left: 0; background: rgba(0, 13, 171, 0.4);backdrop-filter: blur(10px); border-radius: 50%; transition:all .3s ease-out;display: flex; flex-direction: column; align-items: center; justify-content: center;  color: #fff; width: 16rem; height: 16rem; opacity:0; transform: translate(-50%, -50%) scale(0);}
.pointer svg {width: 15%; height: auto;}
.pointer .eng {font-weight: 600; font-size: var(--p4); margin-top: 1rem;}
.pointer.on .pointer_box {opacity: 1; transform: translate(-50%, -50%) scale(1);}


/* 동의합니다 체크 */


/* 버튼 */
/* .com_basic_btn {display: flex; align-items: center; justify-content: center; font-size: var(--p4); color: #fff; font-weight: 600; border-radius: 1rem; background-color: #000; min-width: 10em; padding: 0 1.25em;height: 3.7em; transition: 0.3s ease-in-out;}
.com_basic_btn.line {border: 1px solid var(--black); background-color: transparent; color: var(--black);}
.com_basic_btn .ico {transition: 0.3s ease-in-out; background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%23fff"></path></svg>') no-repeat center / contain;}

.com_basic_btn.wh {background-color: #fff; color: #1c1c1c; border: 1px solid #1c1c1c;}
.com_basic_btn.wh .ico {width: 1em; height: 1em; margin-left: 2.2em; background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%231c1c1c"></path></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}

.com_basic_btn:hover {background-color: var(--navy); color: #fff;} */





/* ---------- header ---------- */
.header { position: fixed; top: 0; width: 100%; font-size: var(--p3); color:var(--black); background-color: #fff; z-index: 1000;transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out; }
.header.down{ transform: translateY(-100%); }
/* .header.up{transform: translateY(0); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); opacity: 1} */
.header .header_in {position: relative;  display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; gap: 0; z-index: 2; width: 100%; max-width: 100%; height: var(--hdH); padding: 0 var(--hdIn); align-items: center;}
.header.on .header_in{ border-bottom: 2px solid var(--lineColor);}

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

.header .nav {grid-column: 2; grid-row: 1; height: 100%; font-size: var(--p1); }
.header .nav .mo_top_box {display: none;}
.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:before {content: "";position: absolute; left: 50%; top: 0px; transform: translate(-50%,0) ;width: 100%; height: 0; opacity: 0; ;background-color: var(--blue); }
.header .nav .depth1 > li:hover:before{opacity: 1;}
.header .nav .depth1 > li:hover{color: #fff;}
.header.on .nav .depth1 > li:before{height: calc(var(--hdH) + var(--p3) * 25); transition: height 0.5s ease-in-out 0.2s, opacity ease-in-out .5s }

.header .nav .depth1 > li > a { position: relative; display: flex; height: 100%; padding: 0 5rem; align-items: center; justify-content: center; font-weight: 500; white-space:nowrap; transition: padding 0.5s ease, color 0.3s ease; }
.header .nav .depth1 > li > a:before {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background-color: rgba(255,255,255,.3); transition: width 0.3s ease-out; display: none;}
.header.on .nav .depth1 > li > a { padding: 0 8rem 0; }

.header .nav .depth1 > li > a span { position: relative; }
.sub .header .nav .depth1 > li.active > a{color:var(--blue);}
.sub .header .nav .depth1 > li:hover.active > a{color:#fff;}
.header .nav .depth1 > li:hover > a:before {width: 100%}

.header .nav .depth2 { position: absolute; left: 50%; bottom: 0; width: 100%; 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); font-size: var(--p3);}
.header .nav .depth2 > li > a > span{position: relative;}
.header .nav .depth2 > li > a span:before { content: ""; display: block; position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%); width: 0; height: 1px; background-color: #fff; transition: width 0.5s; }
.header .nav .depth2 > li > a:hover span:before{width: 100%;} 
.header .nav .depth1 > li:hover a{color: rgba(255,255,255,1);}
.header .nav .depth2 > li.active > a { font-weight: 600; }
.header .nav .depth2 > li.active > a span:before{width: 100%;}  
.header .nav .depth2 > li > a > span { position: relative;  }
.header.on .nav .depth2 { transition-delay: 0.3s; pointer-events: auto; opacity: 1; }

.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; font-size: var(--p4); line-height: 1; transition: background 0.3s ease-in-out , color 0.3s ease-in-out, border 0.3s ease-in-out; }
.header .util_wrap .util_btn:not(.ico_btn){padding: 0.7em 1.2em; border-radius: 2em; font-weight: 600; border: 1px solid var(--line); color: var(--black);}
.header .util_wrap .util_btn.ico_btn svg{display:block; width: 4rem; height: 4rem;}
.header .util_wrap .util_btn + .util_btn { margin-left: 2rem; }
.header .util_wrap .util_btn.ham_btn {display: none;}
.header .util_wrap .util_btn svg path { transition:  0.3s ease-in-out; }

.header .gnb_bg { position: absolute; top: 0; left: 50%; bottom: 1px; width: 100%; height: 0; background-color: #fff; transform: translate(-50%, 0); z-index: -1; transition: 0.5s ease-in-out; }
.header.on .gnb_bg { height: calc(var(--hdH) + var(--p3) * 25); box-shadow: rgba(149, 157, 165, 0.07) 0px 8px 15px; }


.header.header_down {background-color: #fff;}


/* 서브 로고 */





/* ---------- 통합검색 ---------- */
.header .all_search_box {position: absolute; left: 0; bottom: 1px; width: 100%; transform: translateY(100%); opacity: 0; pointer-events: none; transition: 0.3s ease-in-out;}
.header.search .all_search_box {opacity: 1; pointer-events: all;}
.header .all_search_box .close_btn {position: absolute; right: var(--hdIn); top: var(--hdIn); width: 4.7rem; height: 4.7rem; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out}
.header .all_search_box .close_btn svg {width: 3rem; height: auto;}

.keyword_form .search { position: relative; width: 80rem; max-width: 100%; margin: 5rem auto 0;}
.keyword_form .search input {background-color: var(--gray_bg); border-radius: 2rem; height: 4.5em; font-size: var(--p2); padding: 0 4em 0 1.5em; width: 84rem; font-weight: 700; max-width: 100%;}
.keyword_form .search input::placeholder {color: #1C1C1C; opacity: 0.5;}
.keyword_form .search .btn_search {position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 23L17.6833 17.6833M20.5556 10.7778C20.5556 16.1779 16.1779 20.5556 10.7778 20.5556C5.37766 20.5556 1 16.1779 1 10.7778C1 5.37766 5.37766 1 10.7778 1C16.1779 1 20.5556 5.37766 20.5556 10.7778Z" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.keyword_form .search .btn.del {position: absolute; right: 4em; top: 50%; transform: translateY(-50%); width: 1.4em; height: 1.4em;}
.keyword_form .search .btn.del svg {width: 100%; height: auto;}
.keyword_form .search .btn.del.hide {display: none;}
.keyword_form .keyword_box {display: flex; justify-content: center; margin: 3rem auto 0; width: 80rem; max-width: 100%; }
.keyword_form .keyword_box .tit {font-size: var(--p4); font-weight: 700; margin-right: 1em; height: 2em; line-height: 2em;}
.keyword_form .keyword { display: flex; flex-wrap: wrap; gap: 10px;  max-width: 100%; font-size: var(--p6);}
.keyword_form .keyword .btn { font-weight: 600; color: var(--black); border: 1px solid var(--line);  border-radius: 10em; padding: 0 1em; height: 2.5em; line-height: 2.5em; transition: 0.3s ease-in-out;}
.keyword_form .keyword .btn.none {display: none;}
.keyword_form .keyword .btn_more {height: auto;}
.keyword_form .keyword .btn_more svg {width: 1.4em; height: 2.5em; width: 2.5em; border-radius: 50%;}
.keyword_form .keyword .btn:hover {background-color: var(--black); color: #fff; border-color: var(--black);}

.keyword_form .commonFileDeleteBtn {position: absolute; right: 4em;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;width: 1.5em;height: 1.5em;background-color: rgba(9,84,154,0.2);border-radius: 50%;margin-left: auto;}
.keyword_form .commonFileDeleteBtn.hide {opacity: 0; pointer-events: none;}

.all_search_box .keyword_form {background-color: var(--bg); padding: var(--pd3) var(--inPd); color: #1c1c1c; }
.all_search_box .keyword_form .cont_tit_box {text-align: center; }
.all_search_box .keyword_form .cont_tit_box .tit {font-size: var(--h3); font-weight: 700; line-height: 1.5;}
.all_search_box .keyword_form .cont_tit_box .txt {font-size: var(--p2); margin-top: 1em;}
.all_search_box .keyword_form .search input {background-color: #fff;}

.all_search_bg {position: fixed; inset: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none;}
.all_search_bg.on {opacity: 1; pointer-events: all;}

/* 통합검색 */

.all_search_page .keyword_form {padding-top: calc(var(--hdH) + var(--pd4));}
.all_search_page .result_wrap {padding-top: var(--pd3);}
.all_search_page .result_wrap .tab_box {display: flex; flex-wrap: wrap; margin-bottom: var(--pd4); gap: 13px }
.all_search_page .result_wrap .tab_box::-webkit-scrollbar {display: none;}
.all_search_page .result_wrap .tab_box .btn {display: flex; align-items: center; justify-content: center; height:2.8em; width: 9em ;padding: 0 1em;font-size: var(--p1); font-weight: 700; color: var(--gray); border: 1px solid var(--line); border-radius: 0.8rem; transition: 0.3s ease-in-out;}
.all_search_page .result_wrap .tab_box .btn .cnt {margin-left: 0.25em;}
.all_search_page .result_wrap .tab_box .btn.active {background-color: var(--black); color:#fff; border-color: var(--black);}
.all_search_page .result_wrap .tab_box .btn:hover {background-color: var(--black); color: #fff; border-color: var(--black);}

.all_search_page .result_wrap .sect + .sect {margin-top: var(--pd3);}
.all_search_page .result_wrap .sect .sect_tit_box {margin-bottom: 3.5rem;}
.all_search_page .result_wrap .sect .sect_tit_box .tit {display: flex; align-items: flex-start; font-size:var(--h3); font-weight: 700}
.all_search_page .result_wrap .sect .sect_tit_box .tit .num { display: inline-block;margin-left: 0.5em; border-radius: 10em; padding: 0.3em 0; width:2.6em;  text-align: center; font-size: var(--p5); line-height: 1.1; font-weight: 600; color: #fff; background-color: var(--blue);}

.all_search_page .medical_subject_sect .list_box > div{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2rem;}
.all_search_page .medical_subject_sect .list_box .cont {position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 10rem 2.5rem 3rem; border: 1px solid var(--line); border-radius: 1.6rem; transition: 0.3s ease-in-out; overflow: hidden;}
.all_search_page .medical_subject_sect .list_box .cont .txt_box {position: relative; z-index: 2;}
.all_search_page .medical_subject_sect .list_box .cont .nav_txt {display: flex; align-items: center; font-size: var(--p3); font-weight: 500; color: var(--gray); }
.all_search_page .medical_subject_sect .list_box .cont .nav_txt .ico { width: 0.7em; height: 0.7em; margin: 0 0.5em;background: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.324249 11.7373C-0.0827652 11.3643 -0.1102 10.7314 0.262726 10.3242L4.22366 6.00003L0.262725 1.67581C-0.110303 1.26864 -0.0828192 0.635821 0.324249 0.262724C0.731418 -0.110304 1.36424 -0.082821 1.73733 0.324247L6.31741 5.32327C6.66758 5.70549 6.66752 6.29256 6.31741 6.67483L1.73734 11.6758C1.36429 12.0828 0.731439 12.1103 0.324249 11.7373Z" fill="%236E6E6E"/></svg>') no-repeat center/ contain; }
.all_search_page .medical_subject_sect .list_box .cont .tit {display: flex; align-items: center; justify-content: space-between; font-size: var(--h5); font-weight: 700; margin-top: 1rem;}
.all_search_page .medical_subject_sect .list_box .cont .tit .arr {width: 0.9em; height: 0.9em; background: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 0L14.4156 3.08437L26.6219 15.3125L0 15.3125L0 19.6875H26.6219L14.4156 31.9156L17.5 35L35 17.5L17.5 0Z" fill="%23101010"/></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}
.all_search_page .medical_subject_sect .list_box .cont:hover {background-color: var(--navy); color: #fff;}
.all_search_page .medical_subject_sect .list_box .cont:hover .tit .arr {background: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 0L14.4156 3.08437L26.6219 15.3125L0 15.3125L0 19.6875H26.6219L14.4156 31.9156L17.5 35L35 17.5L17.5 0Z" fill="white"/></svg>') no-repeat center / contain;}

.all_search_page .cont_basic_slide07 .slide {width:100%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4rem; }
.all_search_page .cont_basic_slide07 .slide .box {background-color: var(--bg);}
.all_search_page .academy_sect .cont_tit {font-size: var(--h5); font-weight: 700; margin-bottom: var(--contMt4);}

.all_search_page .main_notice_thumbnail07 {margin-top: var(--pd4);}





/* ---------- site map ---------- */
.site_map { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(5,51,100,0.9); backdrop-filter: blur(20px); font-size: var(--txt); z-index: 3000; opacity: 0; pointer-events: none; transition: opacity 0.5s; }
.site_map.active { opacity: 1; pointer-events: visible; }

.site_map .top {display: flex; align-items: center; justify-content: space-between; padding: 0 var(--hdIn); height: var(--hdH);}
.site_map .top .logo {width: 20rem; }
.site_map .top .logo a {display: flex; align-items: center; height: 100%;}
.site_map .top .logo svg {width: 100%; height: auto; overflow: visible;}
.site_map .top .logo polygon,
.site_map .top .logo path {fill:#fff;transition: 0.3s ease-in-out;}
.site_map .top .close_btn {width: 3rem; height: 3rem; transition: 0.3s ease-in-out;}
.site_map .top .close_btn svg {width: 100%; height: auto;}

.site_map .list { display: flex; align-items: flex-start; justify-content: space-between; width: 80%; margin: 5% auto 0; color: #fff; }
.site_map .cont .depth1 > li > a { position: relative; margin-bottom: 1.6em; font-size: var(--subH3); font-weight: 700; }
.site_map .cont .depth1 > li > a:before { content: ''; position: absolute; left: 0; top: -0.6em; width: 0.4em; height: 0.4em; border-radius: 100%; background-color: var(--blue3); transform: translateY(-300%); opacity: 0; transition: opacity 0.5s, transform 0.5s; }
.site_map .cont .box.active .depth1:before { transform: translateY(0); opacity: 1; }
.site_map .cont .depth2 {  }
.site_map .cont .depth2 li { color: rgba(255,255,255,0.6); transition: color 0.6s; }
.site_map .cont .depth2 li a { position: relative; display: inline-block; width: 100%; padding: 0.5em 0; }
.site_map .cont .depth2 li a span { position: relative; }
.site_map .cont .depth2 li a span:before { content: ''; position: absolute; left: 0; bottom: 0.2em; width: 0; border-bottom: 1px solid #fff; transition: width 0.6s; }

.site_map .cont .depth2 li.active { color: #fff; }
.site_map .cont .depth2 li.active a:before { width: 100%; }





/* ---------- footer ---------- */

.page_wrap.partner + .footer .inquiry_sect {display: none;} 

.footer .inquiry_sect {background-color: var(--black2); padding-bottom: var(--pd4); font-size: var(--p3); color: #Fff;}
.footer .inquiry_sect .cont {display: flex; justify-content: space-between;}
.footer .inquiry_sect .tit_box .tit{font-size: var(--h1);}
.footer .inquiry_sect .tit_box .txt{font-size: var(--p1);}
.footer .inquiry_sect .form_box{flex: 1; padding-left: 13rem;}
.footer .inquiry_sect .form_box .inp_grid {display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem;}
.footer .inquiry_sect .form_box .inp_grid .box.full_box {grid-column: span 3;}
.footer .inquiry_sect .form_box .inp_grid .box{position: relative;}
.footer .inquiry_sect .form_box .inp {overflow: hidden; width: 100%; height: var(--inpH); padding: 0 1em; background-color: #fff; border-radius: 1rem; color: #000; font-size: var(--p3); position: relative;}
.footer .inquiry_sect .form_box .inp.full_box {height: auto; padding-right: 0;}
.footer .inquiry_sect .form_box .inp input {width: 100%; height: 100%;}
.footer .inquiry_sect .form_box .inp textarea {width: 100%; height: 13rem; resize: none; border: none; outline: none; padding: 2rem 0; line-height: 1.6}
.footer .inquiry_sect .form_box .inp textarea::placeholder{color: #C0C0C0;}
.footer .inquiry_sect .form_box .placeholder {position: absolute; left: 1em; top: 50%; transform: translateY(-50%); pointer-events: none; transition: opacity .2s; color: var(--black2);}
.footer .inquiry_sect .form_box .placeholder span {color: var(--blue); margin-left: 5px;}
.footer .inquiry_sect .form_box .inp textarea:focus + .placeholder,
.footer .inquiry_sect .form_box .inp input:focus + .placeholder {opacity: 0;}
.footer .inquiry_sect .form_box .nice-select { position:relative; font-size:var(--p3); height: var(--inpH); width: 100%; line-height: var(--inpH); padding: 0 1em; border: none; border-radius: 1rem; background: #fff; color: #000;}
.footer .inquiry_sect .form_box .nice-select:after { right: 2rem; 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="%23000" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.footer .inquiry_sect .form_box .nice-select.open:after { transform: rotate(180deg); }
.footer .inquiry_sect .form_box .nice-select .current{opacity: 0;}
.footer .inquiry_sect .form_box .nice-select .current,
.footer .inquiry_sect .form_box .nice-select .option { color:var(--black); }
.footer .inquiry_sect .form_box .form_btn{grid-column: span 3; display: flex; align-items: center; justify-content: center; height: var(--inpH); border-radius: 1rem; font-weight: 600; background-color: var(--blue); color: #fff; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
.footer .inquiry_sect .form_box .form_btn:hover{background-color: #1E3A8A ;}


.footer .com_chk_wrap { margin-top: 2rem;}
.footer .com_chk_wrap .priv_inp {display: flex; align-items: center;  font-size: var(--txt16);}
.footer .com_chk_wrap .priv_inp + .priv_inp {margin-top: 1rem;}
.footer .com_chk_wrap .priv_inp label {display: flex; align-items: center; cursor: pointer;}
.footer .com_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;}
.footer .com_chk_wrap .priv_inp .ico svg {fill: #AAAAAA; width: 60%;}
.footer .com_chk_wrap .priv_inp button {margin-left: 5px; margin-top: -0.1em;}
.footer .com_chk_wrap .priv_inp input:checked + label .ico {background-color: var(--blue); border-color: var(--black); border-color: var(--blue);}
.footer .com_chk_wrap .priv_inp input:checked + label .ico svg {fill: #fff;}



.footer {background-color: #101010; color: #fff; padding: 8rem 0;}
.footer .foonter_cont .in2 {display: flex; align-items: flex-end;}
.footer .left_box .logo {width: 23rem;}
.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: 1.5rem; color:rgba( 255, 255, 255, 0.6 ); font-size: var(--p3);}
.footer .copy_txt {margin-top: 5rem; font-size: var(--p4); opacity: 0.6; width: 100%;}

.footer .right_box {margin-left: auto;}
.footer .right_box .ico_box {display: flex; }
.footer .right_box .ico_box .ico {display: flex; align-items: center; justify-content: center; width: max(6rem, 50px); height: max(6rem, 50px); border-radius: 1rem; background: rgba(255, 255, 255, 0.10); transition: background 0.3s ease-in-out;}
.footer .right_box .ico_box .ico svg {width: 45%; height: auto; fill: #fff;}
.footer .right_box .ico_box .ico svg path {fill: #fff;}
.footer .right_box .ico_box .ico.blog svg {width: 35%;}
.footer .right_box .ico_box .ico.cafe svg {width: 40%;}
.footer .right_box .ico_box .ico.kakao svg {width: 45%;}
.footer .right_box .ico_box .ico.youtube svg {width: 40%;}
.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 .ico_box .ico.shop svg {width: 42%; }

.footer .right_box .btn_wrap {display: flex; }
.footer .right_box .ico_box .ico + .ico,
.footer .right_box .btn_wrap .family_site {margin-left: 1.5rem; }

/* 패밀리사이트 셀렉 추가 */
.footer .right_box .btn_wrap .family_site .nice-select{ width: max(20rem, 200px); height: max(6rem, 50px); line-height: 1; border-radius: 1rem; min-width: max-content;}
.footer .right_box .btn_wrap .family_site .nice-select .current{font-size: var(--p3); 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(--blue);}
.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: 1em; 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="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M15 7.5H0M7.5 15V0" stroke="%231C1C1C" stroke-width="1.8" stroke-linejoin="round"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.footer .right_box .btn_wrap .family_site .nice-select.open:after { transform: rotate(0); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="2" viewBox="0 0 15 2" fill="none"><path d="M15 0.900391H0" stroke="%231C1C1C" stroke-width="1.8" stroke-linejoin="round"/></svg>') no-repeat center / contain;}




/* 퀵메뉴 */
.fix_btn_box { position: fixed; right: 3rem; bottom: 3rem; width: 10rem; opacity: 1; z-index: 200; opacity: 0; pointer-events: none; transition: opacity .3s;  }
.fix_btn_box.show{opacity: 1; pointer-events: inherit;}
.fix_btn_box.show{opacity: 1; visibility: visible;}
.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 > .list { overflow: hidden; display: flex; flex-direction: column; width: 100%; padding: 1rem 0; justify-content: flex-end; overflow: hidden; background: var(--blue); text-align: center; transition: height 0.6s, padding 0.6s;}
.fix_btn_box .menu_btn_box .menu_box > .list > .item { display: flex; align-items: center; justify-content: center; position: relative; flex: 1; transition: opacity 0.5s;}
.fix_btn_box .menu_btn_box .menu_box > .list > .item:nth-of-type(1) { transition-delay: -0.1s; }
.fix_btn_box .menu_btn_box .menu_box > .list > .item:nth-of-type(2) { transition-delay: -0.1s; }
.fix_btn_box .menu_btn_box .menu_box > .list > .item:nth-of-type(3) { transition-delay: -0.1s; }
.fix_btn_box .menu_btn_box .menu_box > .list > .item .btn { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 2rem 0; 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 > .list > .item .btn .ico {display: flex; align-items: center; width: 4rem;}
.fix_btn_box .menu_btn_box .menu_box > .list > .item .btn .ico svg { display:block; width: 100%; height: auto;  transition: opacity 0.3s; }
.fix_btn_box .menu_btn_box .menu_box > .list > .item .btn .txt { position: relative; display: block; margin-top: 0.3em; font-weight: 600; font-size: var(--p4);}
.fix_btn_box .menu_btn_box .menu_box > .list > .item .btn .txt:before { content: ""; display: block; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 0; height: 1px; background-color: #9A9EA7; transition: width 0.5s; }
.fix_btn_box .menu_btn_box .menu_box > .list > .item .btn:hover .txt:before{width: 100%;} 
.fix_btn_box .menu_btn_box .menu_box > .list > .item.mo_over .btn{cursor: inherit;}
.fix_btn_box .menu_btn_box .menu_box > .list > .item.mo_over .btn .txt:before{display: none;}

/* 퀵메뉴_탑 */
.fix_btn_box .top_btn_box { width: 100%; height: 0; background:#1F2933 ; margin-top: 0.5rem; height: 10rem; overflow: hidden; opacity: 1; transition: height 0.3s ease, opacity 0.3s ease;}
/* .fix_btn_box.scroll .top_btn_box { height: 12rem; opacity: 1; } */
.fix_btn_box .top_btn_box .top_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size:var(--p4); font-weight: 600;}
.fix_btn_box .top_btn_box .top_btn svg{height: 35%; flex-shrink: 0; transition: transform 0.3s ease-in-out;}
.fix_btn_box .btn_box .top_btn svg path {transition:  0.3s ease-in-out;}



/* ---------- 빠른 상담 ---------- */
.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(--p3);}
.fix_form .form_inp .select .nice-select {position: relative; width: 100%; height: 100%; line-height: 1.6; font-size: var(--p3); 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(--p3);} /*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(--blue); padding-left: 3px;}

.fix_form .form_submit { padding: 1em 3em; border-radius: 2em; font-size: var(--p3); 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(--blue); border-color: var(--blue);}
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(--blue) !important; color: #fff; }

body .ui-datepicker-today a { font-weight: 600; color: var(--blue); }
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(--p3); 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_wrap .modal_cont .modal_close {position: absolute; top:3rem; right:3rem; width: 2.8rem; height: 2.8rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M20.0919 0.292805C20.4824 0.68333 20.4824 1.31649 20.0919 1.70702L11.6066 10.1923L20.0919 18.6776C20.4824 19.0681 20.4824 19.7013 20.0919 20.0918C19.7014 20.4823 19.0682 20.4823 18.6777 20.0918L10.1924 11.6065L1.7071 20.0918C1.31658 20.4823 0.683412 20.4823 0.292888 20.0918C-0.0976359 19.7013 -0.0976359 19.0681 0.292888 18.6776L8.77817 10.1923L0.292888 1.70702C-0.0976362 1.31649 -0.0976366 0.68333 0.292888 0.292805C0.683413 -0.0977193 1.31658 -0.0977189 1.7071 0.292805L10.1924 8.77809L18.6777 0.292805C19.0682 -0.097719 19.7014 -0.0977193 20.0919 0.292805Z" fill="white"/></svg>') no-repeat center / cover; transition: transform 0.5s; }
.modal_wrap .modal_cont .modal_close.bk {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M20.0919 0.292805C20.4824 0.68333 20.4824 1.31649 20.0919 1.70702L11.6066 10.1923L20.0919 18.6776C20.4824 19.0681 20.4824 19.7013 20.0919 20.0918C19.7014 20.4823 19.0682 20.4823 18.6777 20.0918L10.1924 11.6065L1.7071 20.0918C1.31658 20.4823 0.683412 20.4823 0.292888 20.0918C-0.0976359 19.7013 -0.0976359 19.0681 0.292888 18.6776L8.77817 10.1923L0.292888 1.70702C-0.0976362 1.31649 -0.0976366 0.68333 0.292888 0.292805C0.683413 -0.0977193 1.31658 -0.0977189 1.7071 0.292805L10.1924 8.77809L18.6777 0.292805C19.0682 -0.097719 19.7014 -0.0977193 20.0919 0.292805Z" fill="black"/></svg>') no-repeat center / cover;}
.modal_wrap .modal_cont .btn_wrap {margin-top: 4rem; display: flex; justify-content: center; width: 100%;}
.modal_wrap .modal_cont .btn_wrap .btn + .btn {margin-left: 15px;}
.modal_wrap .modal_cont .btn_wrap .link_btn + .link_btn{margin-left: 10px;}
.modal_wrap .modal_cont .btn_wrap .link_btn{margin-left: 0; min-width: 17rem; justify-content: center; text-align: center; padding: 1.1em 1.8em;}

.modal .modal_wrap .modal_cont.info_type,
.over_modal .modal_wrap .modal_cont.info_type {width: max(50rem, 450px);}
.modal_wrap .modal_cont.info_type .modal_close {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M20.0919 0.292805C20.4824 0.68333 20.4824 1.31649 20.0919 1.70702L11.6066 10.1923L20.0919 18.6776C20.4824 19.0681 20.4824 19.7013 20.0919 20.0918C19.7014 20.4823 19.0682 20.4823 18.6777 20.0918L10.1924 11.6065L1.7071 20.0918C1.31658 20.4823 0.683412 20.4823 0.292888 20.0918C-0.0976359 19.7013 -0.0976359 19.0681 0.292888 18.6776L8.77817 10.1923L0.292888 1.70702C-0.0976362 1.31649 -0.0976366 0.68333 0.292888 0.292805C0.683413 -0.0977193 1.31658 -0.0977189 1.7071 0.292805L10.1924 8.77809L18.6777 0.292805C19.0682 -0.097719 19.7014 -0.0977193 20.0919 0.292805Z" fill="black"/></svg>') no-repeat center / cover;}
.modal_wrap .modal_cont.info_type .cont {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 9rem 3rem;}
.modal_wrap .modal_cont.info_type .cont .ico {width: 7.5rem;}
.modal_wrap .modal_cont.info_type .cont .ico svg {width: 100%; height: auto;}
.modal_wrap .modal_cont.info_type .cont .logo {width: 10rem;}
.modal_wrap .modal_cont.info_type .cont .logo svg {width: 100%; height: auto;}
.modal_wrap .modal_cont.info_type .cont .tit {font-size: var(--h6); font-weight: 700; margin-top: 4rem; line-height: 1.5;}
.modal_wrap .modal_cont.info_type .cont .txt {font-size: var(--p3); margin-top: 0.5em; line-height: 1.5;}
.modal_wrap .modal_cont.info_type .btn_wrap .btn {width: 45%; font-size: var(--p3); font-weight: 700; border-radius: 10em; border: 1px solid #181818; background-color:#181818; color: #fff; height: 3em;}
.modal_wrap .modal_cont.info_type .btn_wrap .btn.wh {background-color: #fff; color: #181818;}
.modal_wrap .modal_cont.info_type .btn_wrap .btn + .btn {margin-left: 15px;}

.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(--p3); 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: 80rem; 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{overflow: hidden; border-radius: 0;}
.modal_cont .head{display: flex; align-items: center; justify-content: space-between; padding: 3rem; background:var(--black2); color:#fff;}
.modal_cont .head p{margin-right: 1.5em; font-size:var(--h7); font-weight: 700; border-radius: 3rem;}
.modal_cont .head .modal_close{position: relative; top:unset; right: unset;}
.modal_cont .cont{padding: 5rem 5rem 6rem; background-color: #fff; font-size: var(--p3);}
.modal_cont .cont::-webkit-scrollbar{width: 10px;}
.modal_cont .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 .cont::-webkit-scrollbar-track{background: #fff;}
.modal_cont .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}

.modal_cont.terms {overflow: hidden; border-radius: 1.5rem;}

.modal_cont.terms .cont {padding: 3rem; border-radius: 0 0 2.4rem 2.4rem; font-size: var(--p3);}
.modal_cont.terms .cont figure  {margin: 0; overflow-x: auto; max-width: 100%;}
.modal_cont.terms .cont figure::-webkit-scrollbar {display: none;}
.modal_cont.terms .cont table {margin-top: 1rem;}
.modal_cont.terms .cont table td {border: 1px solid var(--gray) !important; padding: 1rem;}
.modal_cont.terms .cont p + p {margin-top: 1rem;}
.modal_cont.terms .cont .h3 {font-weight: 700; font-size: var(--p3); 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(--blue); 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(--blue);}
.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(--p3); }
.modal_cont.phone_call .call_list .call_box .ico { display: flex; align-items: center; justify-content: center; height: 1em; margin-left: 1em; fill: var(--blue); }
.modal_cont.phone_call .call_list .call_box .ico img { height: 100%; object-fit: contain; }

/* 모달 로고타입 */
.modal .modal_wrap .modal_cont.logo_type { overflow: hidden; position: relative; width: max(50rem, 500px); max-width: 100%; padding: 8rem 4rem 8rem; margin: 0 auto; background-color: #fff; border-radius: var(--radius); }
.modal .modal_wrap .modal_cont.logo_type .logo {width: 40%; margin: 0 auto;}
.modal .modal_wrap .modal_cont.logo_type .logo svg {width: 100%; height: auto;}
.modal .modal_wrap .modal_cont.logo_type .txt_box{text-align: center; margin-top: 3rem;}
.modal .modal_wrap .modal_cont.logo_type .txt_box .tit { font-size: var(--h6); font-weight: 700; line-height: 1.2;}
.modal .modal_wrap .modal_cont.logo_type .txt_box .subtit { font-size: var(--p3); font-weight: 700; line-height: 1.5;}
.modal .modal_wrap .modal_cont.logo_type .txt_box .txt { font-size: var(--smTxt); color: rgba(0, 0, 0, 0.50); margin-top: 0.8em; }
.modal .modal_wrap .modal_cont.logo_type .inp { position: relative; overflow: hidden; width: 100%; height: var(--inpH); color: #000; font-size: var(--subTxt); width: 100%; margin-top: 3rem;}
.modal .modal_wrap .modal_cont.logo_type .inp input{width: 100%; max-width: 100%; height: 100%; background-color: var(--bg); border:1px solid var(--bg); padding: 0 1em; border-radius: 1rem; text-align: center; transition: 0.25s ease;}
.modal .modal_wrap .modal_cont.logo_type .inp input:focus{border:1px solid #101010; background-color: #fff;}

/* 비밀번호체크 */
.modal .modal_wrap .modal_cont.password .btn_wrap {margin-top: 4rem;}
.modal .modal_wrap .modal_cont.password .btn_wrap .btm_btn:not(.line){background-color: var(--black);}
.modal .modal_wrap .modal_cont.password .btn_wrap .btm_btn:not(.line):hover{background-color: var(--blue); border-color: var(--blue);}

.modal .modal_wrap .modal_cont.password .btn_wrap {margin-top: 4rem; display: flex; justify-content: center;}
.modal .modal_wrap .modal_cont.password .btn_wrap .btn {width: 45%; font-size: var(--p3); font-weight: 700; border-radius: 10em; border: 1px solid #181818; background-color:#181818; color: #fff; height: 3em;}
.modal .modal_wrap .modal_cont.password .btn_wrap .btn.wh {background-color: #fff; color: #181818;}
.modal .modal_wrap .modal_cont.password .btn_wrap .btn + .btn {margin-left: 15px;}

/* 알랏레이어 */
.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(--p3); 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(--black); border: 1px solid var(--black); 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(--black);}
.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(--blue); }

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



.modal_cont .consult1_sect .consent_cont .cont::-webkit-scrollbar{display: none;}



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


    
    /* .header.top .util_wrap .util_btn:not(.ico_btn):hover{ background-color: rgba(255,255,255,0.4); color: #fff; border-color:transparent;} */
    .header .util_wrap .util_btn:not(.ico_btn):hover{ background-color: var(--blue); color: #fff; border-color:var(--blue);}
    .header .nav .depth1 > li > a:hover{color:#fff;}


    .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 .top_btn_box .top_btn:hover svg {transform: translateY(-8px);}

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



}




/* 반응형 */

@media screen and (max-width: 3000px) {
    .fix_btn_box .menu_btn_box .menu_box > .list > .item .btn .txt{font-size: var(--p5);}


}


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

    :root {
        --in: clamp(1440px, calc(42.857vw + 582.8px), 1680px);
    }


}


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

    :root {
        --hdH : 80px;

        --h1:52px; 
        --h2:44px; 
        --h3:38px; 
        --h4:30px; 
        --h5:26px;
        --h6:22px;
        --h7:20px; 
        --p1:18px; 
        --p2:16px;
        --p3:15px; /* 18 > 16*/
        --p4:14px; /* 16 > 14*/
        --p5:13px; /* 15 > 13*/
        --p6:12px; /* 14 > 12*/


    }


    .header .nav .depth1 > li > a{padding: 0 6rem;}
    .header.on .nav .depth1 > li > a{padding: 0 9rem;}


    /* footer */
    .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: 7px; }


    .header .nav {font-size: var(--p2);}
    .header .nav .depth1 > li > a{padding: 0 1.8em;}
    .header.on .nav .depth1 > li > a{padding: 0 2.5em;}

    /*.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) {
    html { font-size: 6px; }

    :root {
        --hdH: 70px;


        --h1:42px; 
        --h2:36px; 
        --h3:32px; 
        --h4:26px; 
        --h5:24px;
        --h6:20px;
        --h7:18px; 

        --p1:18px; 
        --p2:15px;
        --p3:14px; 
        --p4:13px; 
        --p5:13px; 
        --p6:12px; 



    }

    .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 .util_wrap .util_btn + .util_btn {margin-left: 20px;}
    .header .util_wrap .util_btn.txt_btn {display: none;}
    .header .util_wrap .util_btn.ico_btn {display: block; width: 2.2em; height: auto;} 
    .header .util_wrap .util_btn.ico_btn svg {width: 100%; height: auto;}
    

    .header .nav {display: none;}


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


    
    .site_map{justify-content: flex-start; overflow-y: auto; background-color: var(--bg); color: #101010; padding: 0}
    .site_map .top{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 var(--inPd); height:var(--hdH); flex-shrink: 0; background-color: var(--navy);}
    .site_map .top .logo{display: block; width: 20rem; }
    .site_map .top .link_btn {background-color: #fff; color: var(--black); border-radius: 10em;}
    .site_map .top .close_btn {margin-left: 1.5em;}

    .site_map .top .close_btn {position: relative; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer; border:none; border-radius: 0;}
    .site_map .top .close_btn .ico{width: 100%; height: 100%;}
    .site_map .top .right_wrap{display: flex; align-items: center;}
    .site_map .top .right_wrap .util_btn{position: relative; display: inline-block; font-size: var(--smTxt); height: 2.4em; line-height: 2.4em; margin-right: 2rem; padding: 0 1em; border-radius: 10rem;background-color: transparent; color: #fff; font-weight: 500; }
    .site_map .top .right_wrap .util_btn:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10rem; background-color: rgba(255,255,255,.2);}

    .site_map .cont {position: relative; padding: 0; width: 100%; height: 100%; background-color: var(--bg); border-top: none;}
    .site_map .cont .list {flex-direction: column; max-width: 100%; padding: 0; margin-top: 0; margin: 0; width: 100%;}
    .site_map .cont .list .depth1 {display: flex; padding: 0; width:100%; background-color: var(--bg);}
    .site_map .cont .list .depth1 + .depth1 {margin-top: 0; border-top: none;}
    .site_map .cont .list .depth1 > a{position:relative; display: flex; align-items: center; width: 24rem; padding: 0 1em; height: 3em; background-color: var(--bg); cursor: pointer; font-size:18px; color: #101010; font-weight: 700; margin-bottom: 0;}
    .site_map .cont .list .depth1.active > a,
    .site_map .cont .list .depth1.on > a{background-color: #fff;}
    .site_map .cont .list .depth1 + .depth1 { margin-left: 0; padding: 0; border-left: none}

    .site_map .cont .list .depth1.active.non_depth > a{width: 100%;}


    .site_map .cont .list .depth1 > a:before{display: none;}
    .site_map .cont .list .depth1 > a span{display: inline-block; transform: translateY(0);}
    .site_map .cont .list .depth1.active > a{color: #101010;}

    .site_map .cont .depth2 > li.out_link > a span:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M320 0h160v160h-32V54.6L246.6 256 224 233.4 425.4 32H320V0zM64 64h160v32H96v320h320V288h32v160H64V64z'/%3E%3C/svg%3E") no-repeat center / contain;}

    .site_map .cont .list .depth2{display: none; position: absolute; top: 0; left: 24rem; width: calc(100% - 24rem); min-height: 100%; height: max-content; margin-top:0; padding: 0 1em; padding-bottom: 80px; color: #101010; background-color: #fff;}
    .site_map .cont .list .depth2.on{display: block; height: 100%;}
    .site_map .cont .list .depth1.active .depth2 { display: block;}
    .site_map .cont .list .depth1.non_depth.active .depth2 { display: none;}
    .site_map .cont .list .depth1.on .depth2 { display: block;}
    .site_map .cont .list .depth1.non_depth.on .depth2 { display: none;}
    .site_map .cont .list .depth2 > li{ font-size:18px;}
    .site_map .cont .list .depth2 > li + li {margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}
    .site_map .cont .list .depth2 > li > a{position:relative; display: flex; align-items: center; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1; height:calc(18px * 3); color:var(--black);}
    .site_map .cont .list .depth2 > li:not(.no-depth3) > a:after{content:""; display: block; width: 0.8em; height: 1em; transform: translateX(0); margin-left: auto; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 26 25" fill="none"><path d="M22.8286 7.5L12.8286 17.5L2.82861 7.5" stroke="black" stroke-width="4" stroke-linecap="square"/></svg>') no-repeat center/ contain; transition: 0.3s ease-in-out}
    .site_map .cont .list .depth2 > li.on > a:after,
    .site_map .cont .list .depth2 > li.active > a:after{transform: rotate(180deg); opacity: 1;}

    .site_map .cont .list .depth2 > li.active > a{color: var(--navy);}
    .site_map .cont .list .depth2 > li.on > a{padding-left: 0.8em;}
    .site_map .cont .list .depth2 > li.on > a:before { opacity: 1; left: 0 }

    .site_map .cont .list .depth3{display: none; margin-top: 0; padding-bottom:1em; padding-left: 0.7em;}
    .site_map .cont .list .depth2 > li.active .depth3 {display: block}
    .site_map .cont .list .depth3 > li > a{opacity: 0.5; font-size: var(--subTxt); font-weight: 500; padding-left: 0;}
    .site_map .cont .list .depth3 li a::before {display: none;}
    .site_map .cont .list .depth3 li + li {margin-top: 0.9em;}
    .site_map .cont .list .depth3 li.active a{opacity: 1; color: var(--green);}

    .site_map .cont .links{display: block; margin-top: auto; padding: 60px var(--inPd) 2em;}
    .site_map .cont .link a{display: flex; align-items: center; justify-content: space-between; background-color: var(--blue); border-radius: 8px; color:#fff; height: 3.7em; font-size:20px; font-weight: 600; padding: 0 1.2em}
    .site_map .cont .link a .ico svg{display: block; width: 1.2em; height:1.2em;}

    .site_map .top .link_btn {font-size: var(--p5); padding: 0.7em 1.5em;}
    .site_map .top .close_btn svg path {fill: #fff;}

    .site_map .bg_logo {width: 30%;}







}


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

    .all_search_page .cont_basic_slide07 .slide {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px; }

    .all_search_page .medical_subject_sect .list_box > div {grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}

    .footer .inquiry_sect .cont {flex-direction: column;align-items: flex-start;}
    .footer .inquiry_sect .form_box {padding-left: 0; margin-top: 30px; width: 100%;}

    .footer .right_box {position: absolute; right: var(--inPd); top: 0;}
    .footer .right_box .ico_box .ico {width: 40px; height: 40px;}
    .footer .right_box .btn_wrap .family_site .nice-select {height: 40px; width: 150px;;}




    /* 10401 */
}





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


    :root {
        --hdH: 60px;
        --inpH: 3em;
        --inPd: 15px;

        --h1: 32px;
        --h2: 26px;
        --h3: 24px;
        --h4: 22px;
        --h5: 20px;
        --h6: 18px;
        --h7: 18px;

        --p1: 16px;
        --p2: 14px;
        --p3: 14px;
        --p4: 13px;
        --p5: 12px;
        --p6: 11px;


        --pd: 120px;
        --pd1: 120px;
        --pd2: 100px;
        --pd3: 80px;
        --pd4: 60px;
        --contMt: 50px;
        --contMt1: 50px;
        --contMt2: 30px;
        --contMt3: 30px;
        --contMt4: 20px;

        --bgPdCol: 30px;
        --bgPdRow: 15px;


    
    }

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

    .site_map .top .logo,
    .header .logo {width: 110px;}
    .header .nav .depth1 > li > a{font-size:18px;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size:16px;}

    .modal_cont .head p {font-size: var(--p1);}


    .fix_btn_box{top:unset; bottom: 0; left: 0; transform:unset; width: 100%;}
    .fix_btn_box.open{transform: unset;}
    .fix_btn_box .menu_box {border-radius: 0; padding: 15px 0; background:var(--blue)}
    .fix_btn_box .menu_btn_box .menu_box > .list {display: flex; border-radius: 0; flex-direction: row; padding: 0;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item {flex:1; padding-bottom: 0;}
    .fix_btn_box .menu_btn_box .menu_box > .list > .item .btn {padding: 0;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item  + .item a{padding-top: 0; padding-bottom: 0;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item .tel{display: block;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item .resev a{padding-top: 0}
    .fix_btn_box .menu_btn_box .menu_box > .list .item .tel a .ico mask + path,
    .fix_btn_box .menu_btn_box .menu_box > .list .item .doc a .ico svg path{fill: #fff;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item .resev a .ico svg path,
    .fix_btn_box .menu_btn_box .menu_box > .list .item .quick_map a .ico svg path,
    .fix_btn_box .menu_btn_box .menu_box > .list .item .info a .ico svg path,
    .fix_btn_box .menu_btn_box .menu_box > .list .item .test a .ico svg path{stroke: #fff;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item  a .txt{color:#fff;}
    .fix_btn_box .menu_btn_box .menu_box > .list .item .doc,
    .fix_btn_box .menu_btn_box .menu_box > .list .item .test{display:none;}

    .footer .inquiry_sect .tit_box .txt {font-size: var(--p2);}


    .fix_btn_box .top_btn_box {position: absolute;right: 10px;top: -10px;height: 40px;width: 40px;transform: translateY(-100%);font-size: 11px;}
    .fix_btn_box .top_btn_box .top_btn svg {height: 50%;}

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


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

    .all_search_page .medical_subject_sect .list_box > div {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;} 
    .all_search_page .medical_subject_sect .list_box .cont .tit {font-size: var(--p1);}
    .all_search_page .medical_subject_sect .list_box .cont .nav_txt {font-size: var(--p4);}
    .all_search_page .medical_subject_sect .list_box .cont {padding: 30px 15px 15px;}

    .all_search_page .result_wrap .tab_box .btn {font-size: var(--p2);}


    .footer .inquiry_sect {padding-bottom: var(--pd3);}

    


    /* 7681 */


}


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

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

    .keyword_form .keyword_box {flex-direction: column;}
    .keyword_form .keyword {margin-top: 10px; gap: 5px;}
    .all_search_page .result_wrap .tab_box {gap: 5px}
    .all_search_page .result_wrap .tab_box .btn{font-size: 12px; width: calc(33.33% - 4px);}
    .all_search_page .academy_sect .cont_tit {font-size: var(--h7);}

    .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 .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 .mo_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 {padding-bottom: 120px;}
    .footer .inquiry_sect .form_box .inp_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .footer .inquiry_sect .form_box .form_btn,
    .footer .inquiry_sect .form_box .inp_grid .box.full_box {grid-column: span 2;}

    .footer .inquiry_sect .form_box .nice-select .current, .footer .inquiry_sect .form_box .nice-select .option {font-size: var(--p4);}
    .footer .inquiry_sect .form_box .placeholder {font-size: var(--p4);}

    .footer .left_box .terms_txt {margin-top: 20px;}
    .footer .left_box .terms_txt a {font-size: var(--p4);}
    .footer .left_box .terms_txt a + a {margin-left: 10px;}
    .footer .foonter_cont .in2 {display: block;}

    .footer .right_box {position: static; margin-top: 20px;}
    .footer .right_box .btn_wrap .family_site {flex: 1;}
    .footer .right_box .btn_wrap .family_site .nice-select {width: 100%;}
    .footer .info_txt {font-size: var(--p5); margin-top: 15px;}
    




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

    .modal_cont .cont{padding: 20px 15px 30px;}
    .modal_cont .consult1_sect .com_inp_cont{flex-direction: column;}
    .modal_cont .consult1_sect .com_inp_cont .inp_txt{height: auto; margin-bottom: 5px;}
    .modal_cont .consult1_sect .com_inp_cont .captcha_wrap .captcha img{height: 100%;}

    .modal .modal_wrap .modal_cont.info_type,
    .over_modal .modal_wrap .modal_cont.info_type{width: 80%;}
    .modal_wrap .modal_cont.info_type .cont{padding: 40px 15px;}


    .all_search_page .cont_basic_slide07 .slide {grid-template-columns: repeat(1,minmax(0,1fr)); gap: 15px; width: 100%; margin: 0;} 

    /* 6001 */

}










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