@charset "UTF-8";

@media screen and (min-width: 2561px) {
    html {font-size: clamp(10px, 0.625vw + 4px, 12.5px);}
}

:root {
    --gold:#FCA400; 
    --alertColor:#FCA400; 
    --blue:#1A1693;
    --black:#000;
    --black3:rgba(0,0,0,0.3);
    --black5:rgba(0,0,0,0.5);
    --black44:#444;
    --black69:#696969;
    --blacka:#aaa;
    --bg:#101010;
    --bg2:#f6f6f6;
    --lineColor:#ddd;
    --lineColorEf:#efefef;
    --lineColorD9:#d9d9d9;
    --lineColorC:#ccc;
    --font4:#aeaeae;


    --mainIn:164rem;
    --subIn:164rem;
    /*--mainIn:180rem;*/
    /*--subIn:180rem;*/

    --inPd: 2rem;
    --inPd2: 8rem;
    --fullInPd: max(8rem, 60px);
    --hdH: max(12.5rem, 110px);



    --tit3: max(3rem, 26px);
    --txt1: max(2.2rem, 20px); 
    --txt2: max(2rem, 18px);
    --txt3: max(1.8rem, 16px);
    --txt16: max(1.6rem, 15px);
    --txt162: max(1.5rem, 14px);

    --in:clamp(1000px, 70vw, 130rem); /* 1600px 기준) */
    --in:184rem; /* 기존 작업 기준 */
    --in:160rem; /* 기존 작업 기준 (11.10 너무 커서 수정)*/

    /* 피그마기준 */
    /* 제목 영역 */
    --tit70: max(5.6rem, 56px);   /* 70px × 0.8 = 56px */
    --tit60: max(4.8rem, 48px);
    --tit50: max(4rem, 40px);     /* 50px × 0.8 = 40px */
    --tit35: max(3.2rem, 32px);   /* 35px × 0.8 = 28px */
    --tit30: max(3.0rem, 25px);   /* 30px × 0.8 = 24px */
    --tit25: max(2.4rem, 24px);     /* 25px × 0.8 = 20px */

    /* 본문 영역 */
    --txt22: max(1.9rem, 20px);   /* 22px × 0.8 = 17.6 → 최소 20px */
    --txt20: max(1.7rem, 18px);   /* 20px × 0.8 = 16px → 최소 18px */
    --txt18: max(1.5rem, 16px);   /* 18px × 0.8 = 14.4 → 최소 16px */
    --txt16: max(1.3rem, 14px);   /* 16px × 0.8 = 12.8 → 최소 14px */

    --inpH:3.3em;       /* 60 */
    --inpRadius:1rem;
    --smRadius:2.4rem;
    --radius2:1.6rem;   /* 20 */
    --radius3:2.7rem;   /* 30 */
    --radius4:3.2rem;   /* 40 */

    --secPd:24rem /* 300 */;
    --secPd2: 16rem; /* 200 */
    --secPd3:20rem /* 260 */;

    --aniY:10rem; 



    --bgSectPd:20rem;
    --mainSect: 30rem;
    --mainTit:10rem;

    --ease: ease;
    --ease2: cubic-bezier(0.63, 0.04, 0.53, 1);


    






}

/* 반응형 별 타입*/
.phone_only {display: none !important}
.phone_over {display: block !important}
.phone_over.flex {display: flex !important}
.phone_over.inline {display: inline !important;}

.mini_only {display: none !important}

.pc_only {display: block !important}
.pc_only.flex {display: flex !important}
.pc_only.inline {display: inline !important}

.mini_only {display: none !important}


/* 나이스 셀렉트 공용*/
.nice-select .list {min-width: 100%; transform: unset; overflow-y: auto; max-height: 40rem}

.ms_preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #000; z-index: 9999999; display: none}
.scroll-anchor { scroll-margin-top: calc(var(--hdH) + 2rem); }


/* lenis js 안쓰면서 주석 해제함 SM */
html.scroll_none {overflow: hidden}

.wrap{min-height: 100vh; display: flex; flex-direction: column;}
/* .temp_img { width: 100vw;display: flex;justify-content: center;overflow: hidden;} */

.in { padding: 0 var(--inPd); margin: 0 auto; position: relative; max-width: 100%}
.main .in {width: var(--mainIn)}


/* 비정상토크 모달 , 뷰페이지 */


.modal .modal_cont.youtube_video { width:90rem; border-radius:var(--smRadius); padding:8rem; }


.modal .board_view_page::-webkit-scrollbar { width: 3px; }
.modal .board_view_page::-webkit-scrollbar-thumb { background: var(--gold);  border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px; }
.modal .board_view_page::-webkit-scrollbar-track { background: #ddd; }

.modal .board_view_page .youtube { margin-bottom:2.5rem;}
.modal .board_view_page .view_top.view_top { margin-bottom:2.5rem;}
.modal .board_view_page .view_top .user_info { margin-bottom:2.5rem;}

.board_view_page {word-break: break-all}
.board_view_page .in { max-width:110rem;}
.board_view_page .view_top {  border-bottom: 1px solid #000;}
.board_view_page .view_top .tit { display: flex; align-items: flex-start;  margin-bottom:1.6rem; font-size: var(--tit30); font-weight: 700; }
.board_view_page .view_top .tit .lb { margin-top:0.5em;margin-right:1.6rem; padding: 0.3em 0.7em; border-radius:0.5rem; background-color: #feedcc; font-size:var(--txt16); color:#c88200 ;  flex-shrink: 0;}
.board_view_page .view_top .tit .lb2 { margin-top:0.5em;margin-right:1.6rem; padding: 0.3em 0.7em; border-radius:0.5rem; background-color: #e6e6e6; font-size:var(--txt16); color:#666 ;  flex-shrink: 0;}
.board_view_page .view_top .type { display:inline-flex; font-size:var(--txt16); padding:0.4em 1em 0.3em; border-radius:4em; background-color: #7D8AB8; color:#fff; margin-bottom:1rem; }
.board_view_page .view_top .type.bg2 { background-color: #DD6000;}
.board_view_page .view_top .type.bg3 { background-color: #75B410;}
.board_view_page .view_top .type.bg4 { background-color: #FCA400;}

.board_view_page .view_top .type.news_badge { background-color: #FCA400; }
.board_view_page .view_top .type.press_badge { background-color: #75B410; }
.board_view_page .view_top .type.institute_badge{ background-color: #DD6000; }
.board_view_page .view_top .type.tech_badge{ background-color: #7D8AB8;}

.board_view_page .view_top .user_info {display: flex; align-items: center; margin-bottom: 4rem; color: var(--font4); font-size: var(--txt16); }
.board_view_page .view_top .user_info p + p:before { content: '|'; display: inline; margin:0 0.6rem 0 1rem;}
.board_view_page .view_top .tags { display:flex; flex-wrap:wrap;  margin-bottom:1rem}
.board_view_page .view_top .tags p { padding:0.3em 1em; border-radius:0.5rem; font-size:var(--txt16); background:var(--bg2); margin-right:0.8rem; margin-bottom: 0.8rem}

.sub .board_view_page .in {max-width: 1040px}


.board_view_page .rese_info_box {border-bottom: 1px solid var(--lineColor)}
.board_view_page .rese_info_box ul {display: flex; padding: 2rem 2rem}
.board_view_page .rese_info_box ul li {display: flex; align-items: center; font-weight: 600}
.board_view_page .rese_info_box ul li + li {margin-left: 3rem; padding-left: 3rem}
.board_view_page .rese_info_box ul li + li {border-left: 1px solid #ddd }
.board_view_page .rese_info_box ul li .type {display: flex; align-items: center}
.board_view_page .rese_info_box ul li .type1 svg {margin-right: 0.4em}
.board_view_page .rese_info_box ul li .type2 {margin-left:0.8em}
.board_view_page .rese_info_box ul li .type2 span + span {display: flex; align-items: center; margin-left: 0.5em}
.board_view_page .rese_info_box ul li .type2 span + span:before{content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #AEAEAE; margin-right: 0.5em; display: inline-block}



    /* Ai intro */


/* ///////////////////////////////////////////////////////////////////////// */
/* Add main intro effect */



/* Ai intro */
.ai_visual_sect {position: relative; width: 100%; height: 100vh; background: url(../img/main/ai_visual_bg.jpg) no-repeat center / cover;}
.ai_visual_sect .bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 100%; height: 100%; object-position: center; object-fit: contain; opacity: 0.75}
.ai_visual_sect .bg img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 100%; height: 100%; object-position: center; object-fit: contain}
.ai_visual_sect .bg_txt {position: absolute; width: 100%; bottom: 0%; font-size: 9vw ;color: rgba(255, 255, 255, 0.24); font-weight: 600; text-align: center; display: none}
/*.ai_visual_sect .search_cont {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}*/
.ai_visual_sect .search_cont .top_loader_box {display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: "Manrope", sans-serif; }
.ai_visual_sect .search_cont .top_loader_box .spe_box {position: relative; display: flex; align-items: center; background-color: #000; font-size: max(2.2rem,20px); color: #fff; padding:0.6em 1em;border-radius: 0.5em; font-weight: 700;opacity: 0; transform: translateY(-100px); transition: opacity 0.6s ease-in-out , transform 0.6s ease-in-out;}
.ai_visual_sect .search_cont .top_loader_box .spe_box:before {content: '';position: absolute;left: 50%;bottom: -0.5em;width: 1em;height: 1em;transform: rotate(45deg) translateX(-50%);background-color: #000;border-radius: 0.1em;}
.ai_visual_sect .search_cont .top_loader_box .spe_box .ico {width: 1.7em;margin-right: 0.3em;flex-shrink: 0;}
.ai_visual_sect .search_cont .top_loader_box .loader {margin-top: 4rem; opacity: 0; transition: opacity 0.6s ease-in-out 0.2s;}
.ai_visual_sect .search_cont .tit_box {margin-top: 0.8em; text-align: center; font-size: 5.4rem; font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(50px); transition: opacity 0.3s ease-in-out 0.2s, transform 0.3s ease-in-out 0.2s;}
.ai_visual_sect .search_cont .inp {position: relative; width: 140rem; margin-top: 5.4rem; opacity: 0; transform: translateY(50px); transition: opacity 0.2s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s;}
.ai_visual_sect .search_cont .inp textarea {padding:1.5em; width: 100%; height: 10em ;font-size: var(--txt1); background-color: rgba(255,255,255,0.6); border-radius: 1em; color: #000; resize: none; line-height: 1.5; border: none}
.ai_visual_sect .search_cont .inp textarea::placeholder {color: #999999}
.ai_visual_sect .search_cont .inp .btn {display: flex; align-items: center; justify-content: center; position: absolute; right: 3rem; bottom: 3rem; width: 5rem; height: 5rem; border-radius: 50%; background-color: #000; }
.ai_visual_sect .search_cont .inp .btn svg {fill: #fff; width: 40%; height: auto}

.ai_visual_sect .typing_box{position: relative; display: flex; align-items: center; margin:0 auto; width:128rem; max-width: 100% ;background-color: #fff; height:14.4rem; line-height: 14.4rem; padding: 0 4.8rem; border-radius: 2rem; margin-top: 6.4rem; opacity:0; transform: translateY(50px); transition: opacity 0.3s ease-in-out 0.5s, transform 0.3s ease-in-out 0.5s; font-size: 5.6rem;}
.ai_visual_sect .typing_box .txt{  font-weight: bold; line-height: 1; white-space: nowrap; overflow: hidden; padding-right: 0.2em; color:#000; border-right: 2px solid #aaa; width: fit-content; animation: blink 0.7s step-end infinite;}
/* .ai_visual_sect .typing_box .txt:before{content:""; position: relative; width: 1px; height: 100%; background-color: #aaa;} */
.ai_visual_sect .typing_box .ico{position: absolute; right: 4rem; top: 50%; transform: translateY(-50%); width: 0.8em; height: 0.8em;}
.ai_visual_sect .typing_box .ico svg{display:block; width: 100%; height: 100%;}
.ai_visual_sect .search_cont.active .typing_box {opacity: 1; transform: unset;}

.ai_visual_sect .search_cont.active .top_loader_box .spe_box {opacity: 1; transform: unset}
.ai_visual_sect .search_cont.active .top_loader_box .loader {opacity: 1}
.ai_visual_sect .search_cont.active .inp,
.ai_visual_sect .search_cont.active .tit_box {opacity: 1; transform: unset}
.ai_visual_sect .search_cont.hide {opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none}

.ai_visual_sect .loader {display: flex;}
.ai_visual_sect .loader .dot {width: 10px;height: 10px;background-color: #000;border-radius: 50%;opacity: 0.3;transform: scale(1);}
.ai_visual_sect .loader .dot + .dot {margin-left: 7px}
.ai_visual_sect .loader .dot:nth-child(1) {opacity: 0.2; transform: scale(0.6)}
.ai_visual_sect .loader .dot:nth-child(2) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_sect .loader .dot:nth-child(3) {opacity: 1}
.ai_visual_sect .loader .dot:nth-child(4) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_sect .loader .dot:nth-child(5) {opacity: 0.2; transform: scale(0.6)}

/* ///////////////////////////////////////////////////////////////////////// */
/* Add main intro effect */
.quick_wrap .ai_visual_sect {display: flex;}
.ai_visual_sect {position: absolute; right: -6.4rem; bottom: -8rem ;width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; color:#fff; z-index: 60; background: #101010;
    transform-origin: right bottom;
    transition: width 1s ease-in-out , height 1s ease-in-out , right 0.8s ease-in-out , bottom 0.8s ease-in-out, opacity 0.3s ease-in-out 1s , background 0.8s ease-in-out 0.4s; }
/* .ai_visual_sect.active{transform: translateY(-100%);} */
.ai_visual_sect .tit_box .tit{font-size: 4rem;}
.ai_visual_sect .search_cont {position: relative;  padding-bottom:3rem;}/* 임시 */
.ai_visual_sect .search_cont .inp{display: none;}
.ai_visual_sect .loader .dot {background-color: #fff;}

.ai_visual_sect .search_cont.active .top_loader_box .spe_box {opacity: 1;transform: unset}
.ai_visual_sect .search_cont.active .top_loader_box .loader {opacity: 1}

.ai_visual_sect .search_cont.active .top_loader_box .loader {display: flex;}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot {width: 10px;height: 10px;background-color: #fff;border-radius: 50%;opacity: 0.3;transform: scale(1);animation: pulse 1.2s infinite;}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot + .dot {margin-left: 7px}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(1) {opacity: 0.4; transform: scale(0.6)}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(2) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(3) {opacity: 0.4}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(4) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(5) {opacity: 0.4; transform: scale(0.6)}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(1) {animation-delay: 0s;}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(2) {animation-delay: 0.2s;}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(3) {animation-delay: 0.4s;}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(4) {animation-delay: 0.6s;}
.ai_visual_sect .search_cont.active .top_loader_box .loader .dot:nth-child(5) {animation-delay: 0.8s;}


@keyframes pulse {
    0%, 100% {transform: scale(0.8);opacity: 0.3;}
    50% {transform: scale(1.2);opacity: 1;}
}



.ai_visual_sect .search_cont.active .inp, .ai_visual_sect .search_cont.active .tit_box {opacity: 1;transform: unset}

.ai_visual_sect.hide {bottom: 40rem;right: 0;width: 6.5rem;height: 6.4rem;border-radius: 1rem; opacity: 0; pointer-events: none; background: #FCA400;}
.ai_visual_sect.hide .bg {opacity: 0}
.ai_visual_sect.hide .bg_txt {opacity: 0; transition: 0.3s ease-in-out}
.ai_visual_sect.hide .search_cont  {opacity: 0; transition: 0.3s ease-in-out}







.ai_visual_sect2 {opacity: 1;position: fixed;bottom: 44rem;right: 3rem;width: 14.5rem;height: 14.4rem;z-index: 999;transform-origin: right bottom;transition: width 0.8s ease-in-out , height 0.8s ease-in-out , right 0.8s ease-in-out , bottom 0.8s ease-in-out, opacity 0.3s ease-in-out 1s , background 0.8s ease-in-out 0.4s; pointer-events: none}

.ai_visual_sect2 .bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background: #fafafa; transition: 0.3s ease-in-out; }
.ai_visual_sect2 .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover; opacity: 0 ;transition: 0.6s ease-in-out}
.ai_visual_sect2 .bg video {position: absolute; width: auto; height: 150%; right: 0; top: 0; object-position: center; object-fit: cover; opacity: 0 ;transition: 0.6s ease-in-out}
.ai_visual_result{position: relative; min-height:100vh;}
.ai_visual_result .bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0;  transition: 0.3s ease-in-out;z-index: 1;}
.ai_visual_result .bg .bg_scroll{position: sticky; width: 100%; height: 100vh; top: 0;}
.ai_visual_result .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center; object-fit: cover; transition: 0.6s ease-in-out}
.ai_visual_result .result_cont{z-index: 3}

.ai_visual_sect2 .search_cont {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 20px ;transition: opacity 0.3s ease-in-out; max-width: 100%}
.ai_visual_sect2 .search_cont .top_loader_box {display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: "Manrope", sans-serif; }
.ai_visual_sect2 .search_cont .top_loader_box .spe_box {position: relative; display: flex; align-items: center; font-size: var(--txt20); color: #fff; padding:0.8em 1em 0.6em 1em;border-radius: 0.5em; font-weight: 700;opacity: 0; transform: translateY(-100px); transition: opacity 0.4s ease-in-out 0.7s, transform 0.4s ease-in-out 0.7s;} /*background: linear-gradient(135deg, #FCA400 0%, #787878 77%); */
.ai_visual_sect2 .search_cont .top_loader_box .spe_box:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 125%; z-index: -1; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="260" height="95" viewBox="0 0 260 95" fill="none"><path d="M245 0C253.284 0 260 6.71573 260 15V65C260 73.2843 253.284 80 245 80H144.021L133.857 92.3232C131.858 94.748 128.142 94.748 126.143 92.3232L115.979 80H15C6.71573 80 0 73.2843 0 65V15C0 6.71573 6.71573 4.02661e-08 15 0H245Z" fill="url(%23paint0_linear_5292_14313)"/><defs><linearGradient id="paint0_linear_5292_14313" x1="2.60001" y1="-0.308907" x2="62.8725" y2="166.151" gradientUnits="userSpaceOnUse"><stop stop-color="%23FCA400"/><stop offset="0.764423" stop-color="%23787878"/></linearGradient></defs></svg>') no-repeat center / contain}
/*.ai_visual_sect2 .search_cont .top_loader_box .spe_box:before {content: '';position: absolute; z-index:-1; left: 50%;bottom: -0.5em;width: 1em;height: 1em;transform: rotate(45deg) translateX(-50%);background: linear-gradient(135deg, #FCA400 0%, #787878 77%);border-radius: 0.1em;}*/
.ai_visual_sect2 .search_cont .top_loader_box .spe_box .ico {width: 1.7em;margin-right: 0.3em;flex-shrink: 0;}
.ai_visual_sect2 .search_cont .top_loader_box .loader {margin-top: 4rem; opacity: 0; transition: opacity 0.6s ease-in-out 0.2s; display: none}
.ai_visual_sect2 .search_cont .tit_box {margin-top: 0.8em; text-align: center; font-size: 5.4rem; font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(50px); transition: opacity 0.4s ease-in-out 1s, transform 0.4s ease-in-out 1s;}

.ai_visual_sect2 .search_cont .inp {position: relative; font-size: var(--tit35); width: 100rem; max-width: 100%; margin-top: 5.4rem; opacity: 0; transform: translateY(50px); transition: opacity 0.4s ease-in-out 1.2s, transform 0.4s ease-in-out 1.2s;}
/*.ai_visual_sect2 .search_cont .inp textarea {padding:1.5em; width: 100%; height: 10em ;  background-color: rgba(255,255,255,0.6); border-radius: 1em; color: #000; resize: none; line-height: 1.5; border: none}*/
.ai_visual_sect2 .search_cont .inp textarea {font-size: 1em; font-weight: 600; height: 3.2em; overflow: hidden; padding:0.9em 3em 0.9em 1.1em; width: 100%; background-color: #000; border-radius: 0.5em; color: #fff; resize: none; line-height: 1.5; border: none} /*height: 3.4em; */
.ai_visual_sect2 .search_cont .inp textarea::placeholder {color: #999999}
.ai_visual_sect2 .search_cont .inp textarea::-webkit-scrollbar{display: none;}

.ai_visual_sect2 .search_cont .inp .inp_placeholder {font-size: 1em; color: #fff; font-weight: 600; width: 75%; position: absolute; left: 1.1em; top: 50%; transform: translateY(-50%);pointer-events: none}
.ai_visual_sect2 .search_cont .inp .btn {font-size: 1em; display: flex; align-items: center; justify-content: center; position: absolute; right: 1.1em; top: 50%; transform: translateY(-50%); }
.ai_visual_sect2 .search_cont .inp .btn svg {fill: #fff; width: auto; height: 1em;}
/*.ai_visual_sect2 .search_cont .inp .inp_placeholder {font-size: var(--txt20); position: absolute; left: 1.5em; top: 1.5em; color: #999; pointer-events: none}*/
/*.ai_visual_sect2 .search_cont .inp .btn {display: flex; align-items: center; justify-content: center; position: absolute; right: 3rem; bottom: 3rem; width: 5rem; height: 5rem; border-radius: 50%; background-color: #000; }*/
/*.ai_visual_sect2 .search_cont .inp .btn svg {fill: #fff; width: 40%; height: auto}*/

.ai_visual_sect2 .ai_ex{opacity: 0; margin-top: 2.4rem; transition: opacity 0.4s ease-in-out 1.4s, transform 0.4s ease-in-out 1.4s;}
.ai_visual_sect2 .ai_ex_list li{font-size:var(--txt20); font-weight: 400; position: relative; padding-left: 0.7em;}
.ai_visual_sect2 .ai_ex_list li:before{content:'·';position: absolute; left: 0;}


.ai_visual_sect2 {display: flex; align-items: flex-start; justify-content: center}

.ai_visual_sect2 .search_cont.active .top_loader_box .spe_box {opacity: 1; transform: unset}
.ai_visual_sect2 .search_cont.active .top_loader_box .loader {opacity: 1}
.ai_visual_sect2 .search_cont.active .inp,
.ai_visual_sect2 .search_cont.active .tit_box {opacity: 1; transform: unset}
.ai_visual_sect2 .search_cont.hide {opacity: 0; transition: opacity 0.8s ease-in-out; pointer-events: none}


.ai_visual_result .result_cont {position: relative; display: flex; flex-direction: row; justify-content: center; top: 0%; max-width: 100%; padding: 0 var(--inPd) ; margin-top: 8rem; margin-bottom:15rem; transition:  opacity 1s ease-in-out 0.6s, top 1s cubic-bezier(0.74, 0.04, 0.24, 0.99) 0.6s; z-index: 3}
/*.ai_visual_result .result_cont .scroll_cont::-webkit-scrollbar {display: none}*/

.ai_visual_result .result_cont .scroll_cont {width: 140rem; max-width: 100%; margin-top:16rem; padding: 10rem 8rem; background-color: rgba(255,255,255,0.3); border-radius:2rem; overflow-y: auto; backdrop-filter: blur(15px);} /*max-height: 87vh;*/
.ai_visual_result .result_cont.active {opacity: 1; top: 0%; pointer-events:auto }
.ai_visual_result .result_cont .back_btn {width: 3rem; position: absolute; left: var(--inPd); top: -1rem; transform: translateY(-100%)}
.ai_visual_result .result_cont .back_btn svg {width: 100%; height: auto}
.ai_visual_result .result_cont .top_txt_box {display: flex; flex-direction: column; align-items: center; justify-content: center}
/*.ai_visual_result .result_cont .top_txt_box .acc_txt {margin-top: 1em; font-size: var(--txt2); text-align: center; font-weight: 700}*/
.ai_visual_result .result_cont .top_txt_box .acc_txt {margin-top: 1em; font-size: var(--tit35); text-align: center; font-weight: 700}


.ai_visual_result .result_cont .top_txt_box .search_box_wrap{ width: 100%; background: rgba(255, 255, 255, 0.50);backdrop-filter: blur(15px); border-radius: 2.4rem; padding: 4rem; margin-top: 4rem;}
.ai_visual_result .result_cont .top_txt_box .search_box { width: 100%;  margin-top:0; background-color: #fff; border-radius: 2rem; color: #000; font-size: var(--tit30); position: relative;}
.ai_visual_result .result_cont .top_txt_box .search_box input  { width:100%; padding:1em 4em 1em 1em;background-color: #fff; border-radius: 2rem; color: #000;}
.ai_visual_result .result_cont .top_txt_box .search_box .btns { position: absolute; right:1.5em; top:0; height: 100%; display: flex; align-items: center; }
.ai_visual_result .result_cont .top_txt_box .search_box .btns button { margin-left: 1.6rem;}
.ai_visual_result .result_cont .top_txt_box .search_box .btns button svg {vertical-align: middle;}
.ai_visual_result .result_cont .top_txt_box .search_box .btns .btn_del { opacity:0; pointer-events: none; transition: all 0.5s ease; display: none}
.ai_visual_result .result_cont .top_txt_box .search_box .btns .btn_del.active { opacity: 1;pointer-events: inherit;}
.ai_visual_result .result_cont .top_txt_box .search_box .btns .btn_del svg { width:1.7em; height: auto;}
.ai_visual_result .result_cont .top_txt_box .search_box .txt { font-weight: 700}
.ai_visual_result .result_cont .top_txt_box .search_box .ico { display: flex; align-items: center; justify-content: center; margin-left: auto; width: 1.2em}
.ai_visual_result .result_cont .top_txt_box .search_box .ico svg {width: 100%; height: auto; }

.ai_visual_result .result_cont .top_txt_box .ai_message_wrap{display: flex; justify-content: flex-end; margin-top: 3rem; align-items: flex-end;}
.ai_visual_result .result_cont .top_txt_box .ai_message_wrap #ai_message{width: 60%; min-height:10rem; line-height: 1.6; background: rgba(215, 215, 215, 0.30); border-radius: 2.8rem 2.8rem 0 2.8rem; padding: 2rem 2.5rem;}
.ai_visual_result .result_cont .top_txt_box .ai_message_wrap .ai_profile{display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 1.5rem; align-items: center; justify-content: center; width: 4.8rem; height: 4.8rem; border-radius: 1.2rem; background: linear-gradient(135deg, #FCA400 0%, #787878 77%);}
.ai_visual_result .result_cont .top_txt_box .ai_message_wrap .ai_profile svg{width: 60%;}

.ai_visual_result .result_cont .favorite_tags { margin:3rem 0 10rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.ai_visual_result .result_cont .favorite_tags .tit { font-size:var(--txt18); font-weight:700; margin-right:2rem; }
.ai_visual_result .result_cont .favorite_tags ul { display: flex; gap: 1rem; flex-wrap: wrap;}
.ai_visual_result .result_cont .favorite_tags ul li { line-height: 2em; padding:0.2em 1em; font-size:var(--txt16); font-weight:500; color:#AE7100; border-radius:3em; background-color: #FEEDCC; transition: 0.3s ease-in-out}



.ai_visual_result .result_cont .ai_tabs ul { display: flex; flex-wrap: wrap; margin-bottom: 6rem;}
.ai_visual_result .result_cont .ai_tabs ul li { margin:0 1rem 1rem 0; }
.ai_visual_result .result_cont .ai_tabs ul li a { display: block; padding:0 1em; line-height: 2.6em; border-radius:0.8rem; border:1px solid var(--lineColor); font-size:var(--txt16); font-weight:700; color:rgba(0,0,0,0.3);   background-color: #fff; transition: all 0.4s ease;}
.ai_visual_result .result_cont .ai_tabs ul li.active a { border-color:#000; color:#000;}
.ai_visual_result .result_cont .doctor_list ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:2rem 3.6rem; }
.ai_visual_result .result_cont .doctor_list ul li a { display: block; position: relative;;}
.ai_visual_result .result_cont .doctor_list ul li a .img { position: relative; overflow: hidden; border-radius:1.5rem; ;}
.ai_visual_result .result_cont .doctor_list ul li a .img img { width:100%; transition: all 1s ease; }
.ai_visual_result .result_cont .doctor_list ul li a .img span { position: absolute; left: 1.5rem; top:1.5rem; padding:0.3em 1em; border-radius:3em; background-color: #000; font-size:var(--txt16); font-weight:700; color:#fff; ;}
.ai_visual_result .result_cont .doctor_list ul li a .name { display: flex; align-items: center; font-size:var(--txt22); font-weight:600; margin-top:1.2rem;}
.ai_visual_result .result_cont .doctor_list ul li a .name svg { width:0.8em; height: auto; margin-left: 1rem; transform:translateX(-10px); opacity:0; transition: all 0.5s ease;  }




.ai_visual_result .result_cont .cont_list {margin-top: 10rem}
.ai_visual_result .result_cont .cont_list .list + .list {padding-top: 10rem}
.ai_visual_result .result_cont .cont_list .list_tit_box {display: flex;align-items: center;margin-bottom: 3rem;font-size: var(--txt22);font-weight: 700;position: relative;}
.ai_visual_result .result_cont .cont_list .list_tit_box .ico {display: flex; align-items: center; width: 1.5em; margin-right: 0.5em}
.ai_visual_result .result_cont .cont_list .list_tit_box .ico svg {width: 100%; height: auto}
.ai_visual_result .result_cont .cont_list .list_tit_box .tit em {vertical-align: middle;font-size: var(--txt16);color: var(--gold);font-weight: 700; line-height:1;margin-left: 0.3em;display: inline-flex;width: 2em;height: 1.6em;align-items: center;border-radius: 6px;background-color: #101010;justify-content: center;}
.ai_visual_result .result_cont .cont_list .list_tit_box .btns { position: absolute; right:0; bottom:0;}
.ai_visual_result .result_cont .cont_list .list_tit_box .btns a  {  display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt16); font-weight:600; background-color: #fff;; border:0; padding:0 1em; min-width:16rem; color:#000; transition: all 0.3s ease;}
.ai_visual_result .result_cont .cont_list .list_tit_box .btns a i {display: flex; align-items: center; margin-left: 0.5em}
.ai_visual_result .result_cont .cont_list .list_tit_box .btns a i svg {margin-left: 0.2em; margin-right: 0; width: 1.4em; fill: #000}

.ai_visual_result .result_cont .talk_item .text,
.ai_visual_result .result_cont .cont_list .list .gallery_item {background-color: #fff}


.ai_visual_result .result_cont .cont_list .cont_more { text-align: center; margin-top:2.5rem;}
.ai_visual_result .result_cont .cont_list .cont_more button { font-size:var(--txt18); border-radius:3em; font-weight:600; padding:0.7em 1em; border:1px solid var(--bg); color:var(--bg); display: inline-flex; align-items: center; transition: all 0.5s ease}
.ai_visual_result .result_cont .cont_list .cont_more button svg { margin-left:1rem; width:0.8em; height: auto; fill: #000}
.ai_visual_result .result_cont .cont_list .cont_more button svg path { transition: all 0.5s ease;}


.ai_visual_result .result_cont .cont_list .img_cont {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem}
.ai_visual_result .result_cont .cont_list .img_cont .cont {position: relative; padding-top: 56.25%; overflow: hidden}
.ai_visual_result .result_cont .cont_list .img_cont .cont img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.ai_visual_result .result_cont .cont_list .txt_cont {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem}
.ai_visual_result .result_cont .cont_list .txt_cont .cont {display: flex; padding: 3rem; border-radius: 2rem; background-color: #fff}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .tit {font-size: var(--txt22); font-weight: 700}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .tit.flex {display: flex; flex-direction: row; align-items: center}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .tit .badge {padding: 0.3em 1em; background-color: #000; color: #fff; border-radius: 2em; font-size: var(--txt16); margin-right: 10px; margin-bottom: 0}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .tit.flex .badge {margin-right: 10px}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .txt {font-size: var(--txt16); color: #666; margin-top: 0.5em}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .ico {display: flex; display: none; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-left: auto; background-color: #F6F6F6;  border-radius: 50%;fill:#000; transition: 0.3s ease-in-out}
.ai_visual_result .result_cont .cont_list .txt_cont .cont .ico svg {width: 40%; height: auto; }

.ai_visual_result .result_cont .cont_list .page_list ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:2rem; }
.ai_visual_result .result_cont .cont_list .page_list ul li a { display: block; padding: 6.5rem 3rem 3rem 3rem; border-radius:1.5rem; background-color: #fff; background-color: #fff; font-size:var(--tit25); font-weight:700; position: relative; transition: all 0.3s ease;}
.ai_visual_result .result_cont .cont_list .page_list ul li a dl dt { font-size:var(--txt16); font-weight:400; color:#696969; margin-bottom: 0.3rem;transition: all 0.4s ease;}
.ai_visual_result .result_cont .cont_list .page_list ul li a i { position: absolute; right:3rem; bottom:3rem; }
.ai_visual_result .result_cont .cont_list .page_list ul li a i svg { width:0.8em; height: auto;}
.ai_visual_result .result_cont .cont_list .page_list ul li a i svg path { transition: all 0.4s ease;}

.ai_visual_result .result_cont .gallery_list ul {grid-template-columns: repeat(3,minmax(0,1fr))}

.ai_visual_result .result_cont .board_list ul{border-top: 1px solid #000;}
.ai_visual_result .result_cont .board_list ul li a {height: 5em; }
.ai_visual_result .result_cont .board_list ul li a .subj {font-size: var(--txt20);font-weight: 600; padding-left: 1em;}


.ai_visual_sect2 .acc_bot_box {position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 5; opacity: 0; transition:  opacity 0.3s ease-in-out 1.8s}
.ai_visual_sect2 .acc_bot_box .txt {margin-top: 1em; font-size: max(2.2rem,20px); text-align: center; font-weight: 700}
.ai_visual_sect2 .acc_bot_box.hide {opacity: 0; transition: opacity 0.8s ease-in-out}

.ai_visual_sect2 .loader {display: flex;}
.ai_visual_sect2 .loader .dot {width: 0.5em;height: 0.5em;background-color: #000;border-radius: 50%;opacity: 0.3;transform: scale(1);animation: pulse 1.2s infinite;}
.ai_visual_sect2 .loader .dot + .dot {margin-left: 7px}
.ai_visual_sect2 .loader .dot:nth-child(1) {opacity: 0.4; transform: scale(0.6)}
.ai_visual_sect2 .loader .dot:nth-child(2) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_sect2 .loader .dot:nth-child(3) {opacity: 0.4}
.ai_visual_sect2 .loader .dot:nth-child(4) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_sect2 .loader .dot:nth-child(5) {opacity: 0.4; transform: scale(0.6)}

.ai_visual_sect2 .loader .dot:nth-child(1) {animation-delay: 0s;}
.ai_visual_sect2 .loader .dot:nth-child(2) {animation-delay: 0.2s;}
.ai_visual_sect2 .loader .dot:nth-child(3) {animation-delay: 0.4s;}
.ai_visual_sect2 .loader .dot:nth-child(4) {animation-delay: 0.6s;}
.ai_visual_sect2 .loader .dot:nth-child(5) {animation-delay: 0.8s;}

.ai_visual_result .loader {display: flex;}
.ai_visual_result .loader .dot {width: 0.5em;height: 0.5em;background-color: #000;border-radius: 50%;opacity: 0.3;transform: scale(1);animation: pulse 1.2s infinite;}
.ai_visual_result .loader .dot + .dot {margin-left: 7px}
.ai_visual_result .loader .dot:nth-child(1) {opacity: 0.4; transform: scale(0.6)}
.ai_visual_result .loader .dot:nth-child(2) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_result .loader .dot:nth-child(3) {opacity: 0.4}
.ai_visual_result .loader .dot:nth-child(4) {opacity: 0.4; transform: scale(0.8)}
.ai_visual_result .loader .dot:nth-child(5) {opacity: 0.4; transform: scale(0.6)}

.ai_visual_result .loader .dot:nth-child(1) {animation-delay: 0s;}
.ai_visual_result .loader .dot:nth-child(2) {animation-delay: 0.2s;}
.ai_visual_result .loader .dot:nth-child(3) {animation-delay: 0.4s;}
.ai_visual_result .loader .dot:nth-child(4) {animation-delay: 0.6s;}
.ai_visual_result .loader .dot:nth-child(5) {animation-delay: 0.8s;}

.ai_visual_sect2 .fix_close_btn {position: absolute; right: var(--inPd); top: -1rem; transform: translateY(-100%) ;z-index: 10; opacity: 0; pointer-events: none;  transition: opacity 0.3s ease-in-out 2s}
.ai_visual_sect2 .fix_close_btn .btn {display: flex;align-items: center;justify-content: center;border-radius: 1.5rem;width: 6.4rem;height: 6.4rem;margin-left: auto;margin-top: 1.6rem;background-color: #fff;transition: background-color 0.3s var(--ease) , color 0.3s var(--ease) , fill 0.3s var(--ease);}
.ai_visual_sect2 .fix_close_btn .btn svg {width: 1em; height: auto}



.ai_visual_sect2.active {right: 0rem;bottom: 0rem; width: 100vw;height: 100vh; pointer-events: visible; transition: 0s; transform-origin: center}
.ai_visual_sect2.active .bg{opacity: 1;}
.ai_visual_sect2.active .bg img {opacity: 1}
.ai_visual_sect2.active .bg video{opacity: 1}
.ai_visual_sect2.active .search_cont .inp,
.ai_visual_sect2.active .search_cont .tit_box,
.ai_visual_sect2.active .search_cont .top_loader_box .spe_box {opacity: 1; transform: unset}
.ai_visual_sect2.active .tit_box {opacity: 1; transform: unset}
.ai_visual_sect2.active .acc_bot_box {opacity: 1}
.ai_visual_sect2.active .fix_close_btn {opacity: 1; pointer-events: visible}
.ai_visual_sect2.active .ai_ex {opacity: 1; pointer-events: visible}


.ai_visual_sect2.hide {background-color: #eaebef; opacity: 0; transition: width 0.8s ease-in-out , height 0.8s ease-in-out , right 0.8s ease-in-out , bottom 0.8s ease-in-out, opacity 0.6s ease-in-out 0.2s , background 0.3s ease-in-out 0s; }
.ai_visual_sect2.hide .bg img {}
.ai_visual_sect2.hide .search_cont {opacity: 0}
.ai_visual_sect2.hide .acc_bot_box { transition-delay: 0s}
.ai_visual_sect2.hide .fix_close_btn { transition-delay: 0s}
.ai_visual_sect2.hide .result_cont {opacity: 0; transition-delay: 0s; transition: opacity 0.3s ease-in-out , transform 0.3s ease-in-out}

.ai_visual_result .result_cont.hide {opacity: 0; transition-delay: 0s; transition:  0.6s ease-in-out}





/* Header */
.header{display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height:var(--hdH); background: rgba(248, 248, 248, 0.5); backdrop-filter: blur(15px); color:#000; z-index:100; transition: transform 0.3s var(--ease), background-color .2s var(--ease), color .3s var(--ease), border .3s var(--ease) 0.2s;}
.header .hd_in { position: static;display: flex; justify-content: space-between; align-items: center; width: 180rem; margin: 0 auto; max-width: 100%; padding: 0 var(--inPd); height: 100%; }
.sub .header .hd_in. {width: var(--subIn);}
/* .header.top{color:#fff; background-color:initial; border:none;} */
.header.top.dark{color:#000;}
.header.scroll_down{transform: translateY(-100%);}
.header.scroll_down.top{transform: translateY(0);}
.header.down {background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);}

.language {position: relative; z-index: 10; display: none}
.language .link_box { border-radius: 1rem; position: absolute; left: 50%; bottom: -0.3rem; transform: translate(-50%,100%); background-color: #fff; box-shadow:0 0 0 1px rgba(68, 68, 68, 0.11); padding: 0.3em 0 color: #000; font-size: var(--txt16); opacity: 0; pointer-events: none; transition: 0.3s ease-in-out}
.language .box {transition: 0.3s ease-in-out; padding:0.2em 1em; }
.language .box + .box {margin-top: 5px; margin-left: 0}

.language.active .link_box {opacity: 1; pointer-events: auto}


.header .logo{width: max(24rem, 220px);}
.header .logo a{display: block; width: 100%;}
.header .logo svg{display: block; width:100%; height: auto;}
.header .logo svg *{width:100%; height: auto;}
.header .logo svg  path:not(.symbol){fill: #000;}
.header.black .logo svg path:not(.symbol){fill: #fff;}

.header .cont_box {height: 100%; display: flex; flex-direction: column; align-items: flex-end}
.header .nav {margin-top: 1.5rem; flex: 1}
.header .nav .depth1 {display: flex; font-size: var(--txt2);  height: 100%}
.header .nav .depth1 > li { position: relative; height: 100%}



.header .nav .depth1 > li:last-child > a {padding-right: 0}
.header .nav .depth1 > li > a {padding:0 1.7em;  font-weight: 600; font-size: var(--txt3)}
.header .nav .depth1 > li > a span { position: relative;}
.header .nav .depth1 > li > a span:before { content: ''; position: absolute;left: 0; width:0; bottom:-5px; height: 2px; background-color: #000; transition: all 0.5s ease;}

.header .nav .depth1 > li.active > a span:before {width: 100%;}




/* 임시 */
.header .nav .depth2 { position: absolute; left: 50%; bottom: 0px; padding: 20px 0; transform: translate(-50%, 100%); white-space: nowrap; text-align: center; opacity: 0; pointer-events: none; transition: all 0.3s; z-index: 1; background: rgba(0,0,0,1); backdrop-filter: blur(15px); }

.header .nav .depth2 > li + li {margin-top: 0.5em}
.header .nav .depth2 > li > a { display: block; font-size: var(--txt16); transition: color 0.3s ease; padding: 0 1.6em; color: rgba(255,255,255,0.6); font-weight: 500}
.header .nav .depth2 > li > a span {position: relative}
.header .nav .depth2 > li > a span::before {content: "";position: absolute; left: -8px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: #000; opacity: 0; transition: 0.3s ease-in-out}



.header .nav .depth2 > li.active > a { font-weight: 600; color: #fff}






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

/***************/

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




.header.black { color:#fff;background: rgba(248, 248, 248, 0);}
.header.black .logo svg g g path:not(.symbol) { fill:#fff; }
.header.black .utils .store,
.header.black .utils .ai{ border-color:#fff; }
/*.header.black .utils .ai{color: #fff;}*/
.header.black .utils svg path { fill:#fff; }
.header.black .utils .login_nav svg path { fill:#000;}
.header.black .utils .menu .bar { background:#fff; }
.header.black .language {color: #000}
.header.black .utils .channel .nice-select { border-color:#fff; }
.header.black .utils .channel .nice-select .option { color:#000; }
.header.black .utils .channel .nice-select:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z'/%3E%3C/svg%3E"); }
.header.black .nav .depth1 > li > a span:before { background-color: #fff;}

.header.black.header_down { color:#000; }
.header.black.header_down .logo svg path:not(.symbol){fill: #000;}
.header.black.header_down .utils .store { border-color:#000; }
.header.black.header_down .utils svg path { fill:#000; }
.header.black.header_down .utils .login_nav svg path { fill:#fff;}
.header.black.header_down .utils .menu .bar { background:#000; }
.header.black.header_down .utils .channel .nice-select { border-color:#000; }
.header.black.header_down .utils .channel .nice-select .option { color:#fff; }
.header.black.header_down .utils .channel .nice-select:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z'/%3E%3C/svg%3E"); }
.header.black.header_down .nav .depth1 > li > a span:before { background-color: #000;;}


.header .utils{display: flex; align-items: center; justify-self: flex-end; height: 4.3rem; margin-top: 1.5rem; position: relative; z-index: 11}
.header .utils div + div{margin-left:1.8rem;}
.header .utils div + div.menu {margin-left: 2.5rem}
.header .utils a{display: block;}
.header .utils a svg{display: block; height: 3.5rem;}
.header .utils svg path{fill:#000;}
/* .header.top .utils svg path{fill:#fff;} */
.header.top.dark .utils svg path{fill:#000;}
.header .utils .menu{position: relative; width: 2.5rem; height: 1.6rem; cursor: pointer;}
.header .utils .menu .bar{position: absolute; display: inline-block; width: 100%; height: 0.2rem; background-color: #000; transition: background-color .3s var(--ease); transition: all 0.3s ease;}
.header .utils .menu .bar:first-child{top:0; transform-origin: left; }
.header .utils .menu .bar:last-child{bottom:0;transform-origin: bottom}
/*.header .utils .menu:hover .bar:first-child { transform: rotate(45deg);}*/
/*.header .utils .menu:hover .bar:last-child { transform: rotate(-45deg); bottom:1px; left: -3px;}*/
/* .header.top .utils .menu .bar{background-color: #fff;} */
.header.top.dark .utils .menu .bar{background-color: #000;}

.header .utils .store,
.header .utils .ai{display: flex; align-items: center; justify-content: center; padding: 0 1em; height: 2.1em; line-height: 2em; font-size: var(--txt162); border: 1px solid #000; background-color: transparent; border-radius: 100px; transition: all 0.5s ease;}
.header .utils .store.bk {background-color: #101010; color: #fff}
.header .utils .ai {margin-right: 1rem}

.header .utils .channel {margin-left: 1rem}
.header .utils .channel .nice-select { font-size: var(--txt162); height: 2.1em; line-height: 2em; padding:  0 2.5em 0 1em; border: 1px solid #000; border-radius: 100px; background-color: transparent}
.header .utils .channel .nice-select:after {border: none; transform: translateY(-50%); top: 50%; right: 1em; width: 1em; height: 1em; margin-top: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;
}
.header .utils .channel .nice-select.open:after{transform: translateY(-50%) rotate(180deg); transform-origin: center;}
.header .utils .channel .nice-select .option{padding-right: 18px;}
.header .utils .channel .nice-select .list{width: 100%; margin-top: 5px; border-radius: 1.5rem; }
.header .utils .channel .nice-select .option{text-align: left;}
.header .utils .channel .nice-select .option.disabled {display: none}
.header .utils .channel .nice-select .option { }
.header .utils .channel .nice-select .option:hover,
.header .utils .channel .nice-select .option.focus,
.header .utils .channel .nice-select .option.selected.focus {}



.header .utils .login {position: relative}
.header .utils .login .login_nav {position: absolute; left: 50%; bottom: 0; transform: translate(-50%,100%); white-space: nowrap;background-color: #fff;box-shadow: 0 0 5px rgba(92, 103, 129, 0.3); color: #000; padding: 1em 1em; border-radius: 1.5rem; z-index: 5; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none}
.header .utils .login .login_nav.active {opacity: 1; pointer-events: auto}
.header .utils .login .login_nav li + li {margin-top: 10px}
.header .utils .login .login_nav a {display: flex; align-items: center;  font-weight: 500; margin-right: 0; font-size: var(--txt16)}
.header .utils .login .login_nav a .login_nav_ico {width: 1em; height: 1em; margin-right: 0.6em; transform: translateY(-1px)}
.header .utils .login .login_nav a .login_nav_ico svg {width: 100%; height: auto}
.header .utils .login .login_nav a .txt {}

.header .nav .gnb_bg { position: absolute; left: 50%; top:var(--hdH); width: 100%; height: 0; transform: translateX(-50%); transition: all 0.5s; background:rgba(248, 248, 248, 0.9); background-color: #fff; backdrop-filter: blur(15px);; opacity:0; }

/*.header.on .nav .gnb_bg {height: 27em;box-shadow: rgba(149, 157, 165, 0.07) 0px 8px 15px;opacity: 1;font-size: var(--txt3);}*/
.header.black .nav .gnb_bg { background:rgba(0, 0, 0, 0.9); background:#000; backdrop-filter: blur(15px);}




.footer {background-color: #101010; padding: 7rem 0; color: #fff}

.footer .ai_desc {display:flex; align-items: center; font-size: var(--txt1); font-weight: 700; margin-bottom: 6.5rem;}
.footer .ai_desc .txt_box {flex-shrink: 0; display: flex; align-items: center}
.footer .ai_desc .ico {display: flex; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin-right: 0.7em ;border-radius: 1rem; background: linear-gradient(135deg, #FCA400 0.34%, #787878 76.78%);}
.footer .ai_desc .ico img {width: 70%;}
.footer .ai_desc .spe_box {flex: 1; position: relative;  color: #000;  margin-left: 4rem; min-width: 0; }
.footer .ai_desc .spe_box:before { content: '';width: 0px;height: 0px;border-style: solid;border-width: 0.5em 0.6em 0.5em 0;border-color: transparent #fff transparent transparent;transform: rotate(0deg) translateY(-50%);position:absolute; left: -0.5em; top:50%;;}
.footer .ai_desc .spe_box .move_text_box:after {content: ""; position: absolute;z-index: 1 ; right: 0; top: 0; display: block; width: 4rem; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -33%, #FFF 81%); border-radius: 1rem}
.footer .ai_desc .spe_box .move_text_box {overflow: hidden; border-radius: 1rem; background-color: #fff; padding: 0.8em 0;position: relative;}
.footer .ai_desc .spe_box .move_text_box:before { content: ''; position: absolute; left: 0; top:0; bottom:0; width:5rem; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255,255,255, 0) 100%);; z-index:1;}
.footer .ai_desc .spe_box .text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;font-size: var(--txt2);font-weight: 700;}
.footer .ai_desc .spe_box .text p {animation: textLoop 30s linear infinite;padding-right: 20px;line-height: 1.1;}

.footer .foo_cont { display: flex; justify-content: space-between; align-items: flex-end}
.footer .foo_cont .logo {width: 26rem}
.footer .foo_cont .logo svg {width: 100%; height: auto}
.footer .foo_cont .link_list {margin-top: 4rem}
.footer .foo_cont .link_list a {font-size: var(--txt3); font-weight: 600; position: relative}
.footer .foo_cont .link_list a:first-child:before{background: var(--gold);}
.footer .foo_cont .link_list a strong {font-weight: 700; color: var(--gold)}
.footer .foo_cont .link_list a + a {margin-left: 3rem}
.footer .foo_cont .link_list a:before {content: ""; position: absolute; left: 0; bottom: -3px; width: 0%; height: 1px; background-color: #fff ; transition: width 0.3s ease-in-out}

.footer .foo_cont .txt {margin-top: 1rem; font-size: var(--txt2); color: rgba(255,255,255,0.6)}
.footer .foo_cont .copy_txt {margin-top: 5rem; font-size: var(--txt16); opacity: 0.6}

.footer .right_cont {display: flex}
.footer .right_cont .ico { display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; border: 1px solid rgba(255,255,255,0.5); border-radius: 1rem; font-size: 10px; transition: background-color 0.3s ease-in-out , border-color 0.3s ease-in-out}
.footer .right_cont .ico + .ico {margin-left: 1.5rem}
.footer .right_cont svg {fill: #fff; width: 2em; height: auto; transition: 0.3s ease-in-out}
.footer .right_cont .ico.face svg {width: 1em}
.footer .right_cont .ico.you svg {width: 2.25em}
.footer .right_cont .ico.blog svg{width: 1.7em;}


.footer .right_cont .ico.blog svg path{transition: 0.3s ease-in-out}



.checkbox { position:absolute; display: none;}
.checkbox + div { display: flex; align-items: center; font-size:var(--txt18);  cursor: pointer;}
.checkbox + div em { width:1.5em; height: 1.5em; border-radius:3px; background-color: #fff; border:1px solid var(--lineColor); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.checkbox + div em svg { width:0.8em; height: auto;}
.checkbox + div p { margin-left: 1rem; }
.checkbox:checked + div em { background-color: var(--gold); border-color:var(--gold);}
.checkbox:checked + div em svg path { stroke: #fff; opacity:1; }
.agree_box .checkbox + div em { border-color:#000;}
.agree_box .checkbox:checked + div em { border-color:var(--gold);}

    /*부정클릭*/

.click_guide {position: fixed; bottom: 3rem; left: 3rem; z-index: 101; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; padding: 0.8em 1em; line-height: 1.5; border-radius:1rem; font-size: 13px}
.click_guide p {font-size: 11px}

    /* Quick */
.quick_wrap{position: fixed; bottom: 8rem; right: 6.4rem; z-index: 101; }
.quick_wrap .item{display: flex; align-items: center; justify-content: center; border-radius: 1.5rem; height: 6.4rem; margin-left: auto; margin-top: 1.6rem; background-color: #fff; transition: background-color 0.3s var(--ease);}
.quick_wrap .item .btn {display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}



.quick_wrap .ai_btn{display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #FCA400 0.34%, #787878 76.78%)}
.ai_btn .txt{font-family: "Manrope", sans-serif; font-weight: 800; display: none}
.ai_btn .ico{width:1.8em; height:auto; display: block;}
.ai_btn .ico svg{display: block;}

.quick_wrap .btn_box{position: relative;}
.quick_wrap .btn_box .btn,
.quick_wrap .top_btn {width: 6.4rem; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);}
.quick_wrap .btn_box .btn .ico{width: 1.4em; height: 1.4em; display: flex; align-items: center}
.quick_wrap .btn_box .btn .ico img {width: 100%}
.quick_wrap .btn_box .spe_box {position: absolute; left: -10px; top: 50%; transform: translate(-100%,-50%); font-size: var(--txt162); white-space: nowrap; background-color: rgba(0,0,0,1); padding: 0.4em 0.7em; color: #fff; border-radius: 2em; opacity: 0; transition: 0.3s ease-in-out}
.quick_wrap .btn_box .spe_box:before {content: none;position: absolute;right: 0.6rem;top: 50%;transform: translate(100%,-50%) rotate(180deg);display: block;width: 2.2rem;height: 2.5rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="%23000"><path d="M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"/></svg>') no-repeat center right / contain;}
.quick_wrap .top_btn .ico{width: 0.9em; height: .9em;}
.quick_wrap .top_btn .ico svg{display: block;}



.quick_wrap .btn_box.reserv .quick_form {position: absolute; bottom: 0; right:0; min-width: 43rem; padding: 5.6rem 4rem; background-color: #fff; border-radius: 0 2rem 1.2rem 1.2rem ; opacity: 0; transition: opacity 0.5s; pointer-events: none; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); z-index: 1} /* pointer-events: none; */
.quick_wrap .btn_box.reserv .quick_form.open { opacity: 1; pointer-events: visible; }
.quick_wrap .btn_box.reserv .quick_form > .tit { font-size: 3.2rem; font-weight: 700; line-height: 1;}
.quick_wrap .btn_box.reserv .quick_form > .txt { margin-top: 1.5rem; font-size: 1.6rem; color: #000; }
.quick_wrap .btn_box.reserv .quick_form .labels { display:flex; margin-top: 4rem; }
.quick_wrap .btn_box.reserv .quick_form .labels label{ margin-right:3.5rem;}
.quick_wrap .btn_box.reserv .quick_form .labels .radio + div p {margin-left: 0px}

.quick_wrap .btn_box.reserv .quick_form .form_box { width: 100%; margin-top: 1.2rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px}
.quick_wrap .btn_box.reserv .quick_form .form_box .inp { position: relative; width: 100%; height: var(--inpH); font-size:var(--txt16); border-radius: 0.8rem; overflow: hidden; }
.quick_wrap .btn_box.reserv .quick_form .form_box .inp input { border: 0; background-color: #F6F6F6; width: 100%; height: 100%; padding: 0 1em;  font-weight: 500;}
.quick_wrap .btn_box.reserv .quick_form .form_box .placeholder { position: absolute; left: 1em; top: 50%; transform: translateY(-50%); width: calc(100% - 1em); height: auto;  color: rgba(0,0,0,0.5); pointer-events: none; transition: opacity 0.3s; font-size: var(--txt16)}
.quick_wrap .btn_box.reserv .quick_form .form_box .placeholder span { color:var(--gold); }
.quick_wrap .btn_box.reserv .quick_form .form_box .inp input:focus + .placeholder { opacity: 0;}
.quick_wrap .btn_box.reserv .quick_form .form_box .inp textarea:focus + .placeholder { opacity: 0;}
.quick_wrap .btn_box.reserv .quick_form .form_box .inp.date_box { height: auto; display: ; overflow: inherit; grid-column: 1 / 3}
.quick_wrap .btn_box.reserv .quick_form .form_box .inp.date_box > input { height: var(--inpH); border-radius:0.8rem; }
.quick_wrap .btn_box.reserv .quick_form .form_box .inp.date_box .nice-select { margin-left: 1rem; width:40%; flex-shrink: 0;}


.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box.sel_ess .nice-select .current { opacity: 0 !important; }
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box.sel_ess.is-filled .nice-select .current { opacity: 1 !important; color: #000; }
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box.sel_ess.is-filled .placeholder { opacity: 0 !important; }


.quick_wrap .btn_box.reserv .quick_form .form_box .textarea_box { position: relative; width: 100%; height: calc(var(--inpH) * 3); font-size:var(--txt16); border-radius: 0.8rem; overflow: hidden; position: relative;}
.quick_wrap .btn_box.reserv .quick_form .form_box .textarea_box textarea { border: 0; resize:none; background-color: #F6F6F6; width: 100%; height: 100%; padding: 1em;  font-weight: 500;}
.quick_wrap .btn_box.reserv .quick_form .form_box .textarea_box textarea + .placeholder { top:1em; transform: unset;}

.quick_wrap .btn_box.reserv .quick_form .form_box .full {grid-column: 1 / 3}
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box {position: relative}
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select { height: var(--inpH); padding: 0 1em; background-color: #F6F6F6; font-size:var(--txt16); color: #000; font-weight: 500; border: 0; border-radius: 0.8rem; color:#000;}
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23000"><path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"/></svg>')center/contain no-repeat; transform: translateY(-50%) rotate(0); transform-origin: center; }
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select.open:after { transform: translateY(-50%) rotate(180deg); }
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select .current  { line-height:var(--inpH); color: rgba(0, 0, 0, 0.5);}
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select .list { max-height: 15em; min-width: 100%; margin-top: 0; background-color: #fff; font-size: 1em; overflow-y: auto; }
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select .list::-webkit-scrollbar { display: none; }
.quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select .option { height: 3em; line-height: 3em; }

.quick_wrap .btn_box.reserv .quick_form .priv_chk_box { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-top: 2rem; }
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box + .priv_chk_box{margin-top: 1rem;}
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp input { display: none; font-size: 1.5rem;}
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #666; fill: #666; cursor: pointer; }
/* .quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; background-color: #ddd; border-radius: 50%; width: 1.6rem; height:1.6rem} */
/* .quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label .ico svg{ width: 0.6em;} */
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label .ico {width: 1.4em; fill:#ddd; margin-right: 0.4em;}
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label .ico svg{display: block; transition: all 0.5s ease;}
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp input:checked + label { fill: #fff; color:#000;}
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp input:checked + label .ico{fill:var(--gold);}
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .more_btn { flex-shrink: 0; margin-left: 0.5em; font-size: 1.5rem; color: #000; transition: color 0.3s; }
.quick_wrap .btn_box.reserv .quick_form .priv_chk_box .more_btn span {text-decoration: underline;  text-underline-offset: 2px; }
.quick_wrap .btn_box.reserv .quick_form .btn_wrap { width: 100%; margin-top: 4rem; display: flex; align-items: center; justify-content: center;  ;}
.quick_wrap .btn_box.reserv .quick_form .btn_wrap button { width: 100%; color: #fff;height:calc(var(--txt16) * 3); border-radius: 0.8rem; padding: 0 1.5em; background-color: #000; border: 0; color: #fff; font-weight: 500; transition: all 0.4s ease}

.quick_wrap .btn_box.reserv .quick_form .cls_btn { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; transform: translateX(-100%); width: 6.4rem; height: 6.4rem; border-radius: 1rem 0 0 1rem; fill: #fff; background-color: #000; cursor: pointer; }
.quick_wrap .btn_box.reserv .quick_form .cls_btn svg { width: 40%; height: 40%; object-fit: contain; }

.radio { position:absolute; display: none;}
.radio + div { display: flex; align-items: center; font-size:var(--txt16); font-weight: 500;  cursor: pointer;}
.radio + div em { width:1.6em; height: 1.6em; border-radius:100%; border:1px solid #ddd; position: relative; margin-right:0.5em;}
.radio + div em:before { content: ''; position: absolute; left: 4px; top:4px; right:4px; bottom:4px; border-radius:100%; background-color: var(--gold); opacity: 0; transition: all 0.4s ease;}
.radio + div span { margin-left: 1rem;}
.radio:checked + div em:before { opacity:1; }

/* Footer */
.footer{position: relative; margin-top: auto; padding:12rem 0 12rem; background-color: #222;}
.footer_box{ background-color: #222;}
.footer_box .in{width: calc(144rem + var(--pd-lg)); margin: 0 auto;  padding-left:var(--pd-lg); padding-right:var(--pd-lg);}






/* DatePicker */
body .ui-widget{font-size:var(--txt20);}
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: 8px 8px 0 0; overflow:hidden; padding: 10px; background-color: var(--gold); border-color: var(--gold);}
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-active { background: var(--gold) !important; color: #fff; }

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

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



/* 모달 */
.modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; font-size: var(--txt18); background: rgba(0,0,0,0.7); pointer-events: none; transition: 0.3s ease-in-out;}
.modal.open {opacity: 1; pointer-events: inherit; }
.modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.modal .modal_wrap .modal_cont {position: relative; width: 100rem; max-width: 100%; margin: 0 auto; background-color: #fff;}
.modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 4rem; height: 4rem; cursor: pointer; z-index: 2;
    background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="white" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center / contain;
    background-image: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>');
    background-size: 1.2em; transition: transform 0.5s;  }
.modal .modal_wrap .modal_cont .modal_close.out {top: -5rem; right: 0;  background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="white" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center  / contain;}
.modal .modal_wrap .modal_cont .head .modal_close { top:2.5rem; background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="white" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center  / contain; }
/* .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; transition: all 0.5s ease;} */

.modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="white" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center  / contain;}

.modal .modal_wrap .modal_cont.member{width: 60rem; background: none;}
.modal .member .btn_wrap{display: flex; justify-content: center; margin-top: 2rem;}
.modal .member .btn_wrap a,
.modal .member .btn_wrap button { flex:1; margin-top: 1.5em; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt18); font-weight:600; background-color: var(--bg); border:1px solid var(--bg); padding:0 1.5em; min-width:16rem; color:#fff; transition: all 0.3s var(--ease);}
.modal .member .btn_wrap button:disabled { background: rgba(34,34,34,0.2); border:0; pointer-events: none; }

#countryTab.btn_wrap a { margin-top:0; color:#000; background:none; border:1px solid #000; }
#countryTab a.active { background:#000 !important; color:#fff !important; border-color:#000 !important; }

.modal .member .btn_wrap a + a,
.modal .member .btn_wrap button + button{margin-left: 0.8rem;}
.modal .member .btn_wrap a.line,
.modal .member .btn_wrap .line{background: #fff; border-color: var(--lineColor); color: #000; font-weight: 400;}


.over_modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; background: rgba(0,0,0,0.7); font-size: var(--txt); pointer-events: none; transition: 0.3s ease-in-out;}
.over_modal.open {opacity: 1; pointer-events: inherit; }
.over_modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.over_modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.over_modal .modal_wrap .modal_cont {position: relative; width: 60rem; max-width: 100%; margin: 0 auto; background-color: #fff;}
.over_modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 4rem; height: 4rem; cursor: pointer; z-index: 2; background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="white" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center  / contain; transition: all 0.5s ease;}
.over_modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="white" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center  / contain;}
.over_modal .modal_wrap .modal_cont .modal_close.bk {background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="black" stroke-width="3" stroke-linecap="round"/></g></svg>')  no-repeat center;}

.over_modal .modal_wrap .modal_cont.member{width: 60rem; background: none;}

.over_modal .modal_wrap .modal_cont.terms{background:transparent;}
.modal_cont.terms{overflow: hidden; border-radius: var(--smRadius); }
.modal .modal_wrap .modal_cont.terms { width:60rem;}

.modal_cont.terms .head{display: flex; align-items: flex-start; justify-content: space-between; padding: 2.4rem; background:var(--gold); color:#fff;}
.modal_cont.terms .head p{margin-right: 1.5em; font-size:var(--txt22); font-weight: 700;}
.modal_cont.terms .head .term_modal_close {width: 4rem; height: 4rem; cursor: pointer; z-index: 2; background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M23.5 6L6 23.5M6 6L23.5 23.5" stroke="black" stroke-width="3" stroke-linecap="round"/></g></svg>') no-repeat center; }
.modal_cont.terms .cont{overflow-y: auto; max-height: 66vh; padding: 2.4rem; background-color: #f6f6f6; border-radius: 0 0 2.4rem 2.4rem; font-size: var(--txt);}
.modal_cont.terms .cont .h3 {font-weight: 700; font-size: var(--Txt); margin-bottom: 5px;}
.modal_cont.terms .cont .sect + .sect {margin-top: 20px;}
.modal_cont.terms .cont::-webkit-scrollbar{width: 10px;}
.modal_cont.terms .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #f6f6f6; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_cont.terms .cont::-webkit-scrollbar-track{background: #f6f6f6;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}
.modal_cont.terms .item {display: flex}
.modal_cont.terms .item .number {margin-right: 0.3em}

.modal .member .login_wrap{padding: 8rem 6rem; background: #fff; border-radius: var(--smRadius);}
.modal .member .login_wrap .tit{font-size: 3.6rem; font-weight: 700; text-align: center;}
.modal .member .login_wrap .tit img { width:8em;}
.modal .member .login_wrap .input_wrap{margin-top: 5.6rem;}
.modal .member .login_wrap .input_wrap .inp{position: relative;margin-bottom: 1.2rem;}
.modal .member .login_wrap .input_wrap .inp .ico{position: absolute; top: calc(50% - 1em); left: 1.2em; height: 1em; font-size: var(--txt16); display: none;}
.modal .member .login_wrap .input_wrap .inp .ico svg{fill: #BCBFC7; transition: fill 0.25s;}
.modal .member .login_wrap .input_wrap .inp .icos { position: absolute; right:1em; top:0; height: 100%; display: flex; align-items: center;}
.modal .member .login_wrap .input_wrap .inp input[type="text"]:focus + .ico svg{fill: #232323;}
.modal .member .login_wrap .input_wrap .inp input[type="password"]:focus + .ico svg{fill: #232323;}
.modal .member .login_wrap .input_wrap input{width: 100%; height: var(--inpH); padding-left:1.3em;  border:0;  font-size: var(--txt18); border-radius:1rem; background:var(--bg2); }
.modal .member .login_wrap .input_wrap input::placeholder{color: rgba(0,0,0,0.3);;}
.modal .member .login_wrap .input_wrap input:focus { outline:1px solid #000;}
.modal .member .login_wrap .input_wrap button{width: 100%;  margin-top: 1.5em; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt18); font-weight:600; background-color: var(--bg); border:1px solid var(--bg); padding:0 1.5em; min-width:16rem; color:#fff; transition: all 0.3s var(--ease);}


.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: var(--black5); font-size: var(--txt16); 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_wrap  { margin-top:5rem;}
.modal .member .login_wrap .sns_wrap .sns_login a { display: flex; align-items: center; justify-content: center; line-height: var(--inpH); font-size:var(--txt18); font-weight:500; border-radius:1rem; border:1px solid var(--lineColor); transition: all 0.3s var(--ease);;}
.modal .member .login_wrap .sns_wrap .sns_login a + a { margin-top:1.2rem}
.modal .member .login_wrap .sns_wrap .sns_login a svg { margin-top:-0.2em; margin-right:0.5em}
.modal .member .login_wrap .sns_wrap .sns_login a svg path { transition: all 0.3s var(--ease); }

.show_korea { display: none;}
.show_korea.active { display: block;}


.modal .modal_cont.youtube_video {width: 120rem}
.modal .modal_cont.youtube_video .youtube{padding-top: 56.25%; position: relative}
.modal .modal_cont.youtube_video .youtube iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}




.modal .modal_wrap .modal_cont.member.join{width: 60rem;}
.modal .member .join_wrap{padding: 5rem 4rem 4rem; background: #fff; border-radius: var(--smRadius);}
.modal .member .join_wrap .txt_box{margin-bottom: 4rem;}
.modal .member .join_wrap .txt_box .step{margin-bottom: 0.5em; color: var(--gold); font-size: var(--txt16); font-weight: 700; line-height: 1em;}
.modal .member .join_wrap .txt_box .tit{font-size: var(--tit30); 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: 1rem;}
.modal .member .join_wrap .inp_wrap .inp_tit p{font-size: var(--txt16); font-weight:500;}
.modal .member .join_wrap .inp_wrap .inp_tit p .ess { color:var(--gold); margin-left: 0.25em}
.modal .member .join_wrap .inp_wrap .inp_tit a{display: flex; align-items: center; color: #9A9EA7; font-size: var(--txt16); transition: color 0.25s;}
.modal .member .join_wrap .inp_wrap .inp_tit a svg{margin-left: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}
.country_choice { display: flex;}
.country_choice label { display: block; flex:1;}
.country_choice label + label { margin-left: 2rem;;}
.text_radio { position: absolute; display: none;}
.text_radio + div { display: flex; align-items: center; justify-content: center; height: var(--inpH); border-radius:1rem; border:1px solid #000; font-size:var(--txt18); font-weight:600; transition: all 0.5s ease; cursor: pointer;}
.text_radio:checked + div { background-color: #000; color:#fff; ;}


.modal .member .join_wrap .inp_wrap .how_sel .nice-select .current { color: #000; }
.modal .member .join_wrap .inp_wrap .how_sel .nice-select:has(.option.selected[data-value=""]) .current {color: #BCBFC7;}
.modal .member .join_wrap .inp_wrap .how_sel .nice-select .list{bottom: 100%; top: unset;}
.modal .member .join_wrap .inp_wrap .how_sel .nice-select:after{transform: rotate(180deg);}
.modal .member .join_wrap .inp_wrap .how_sel .nice-select.open:after{transform: rotate(0);}

.modal .member .join_wrap .inp_wrap .refer { margin-top:1.2rem; }
.modal .member .join_wrap .inp_wrap .refer p { font-size:var(--txt16); color:var(--black5); padding-left: 0.5em; text-indent: -0.5em;}
.modal .member .join_wrap .check_box { position: relative; display: flex; justify-content: space-between; align-items: center;}
.modal .member .join_wrap .check_box + .check_box { margin-top:2.5rem;}
.modal .member .join_wrap .check_box label { font-size:var(--txt16); font-weight:500; display: flex;align-items: center;  cursor: pointer;}
.modal .member .join_wrap .check_box label svg { width:2em; height: auto; margin-right:1rem; }
.modal .member .join_wrap .check_box label span { color:var(--gold); }
.modal .member .join_wrap .check_box label input + svg circle { transition: all 0.5s ease;}
.modal .member .join_wrap .check_box label input:checked + svg circle { fill: var(--gold); fill-opacity: 1;}
.modal .member .join_wrap .check_box a { font-size:var(--txt16); color:var(--black3);  font-weight:500;}
.modal .member .join_wrap .checkbox + div { font-size:var(--txt16); }
.modal .member .join_wrap .checkbox + div em { width:1.3em; height: 1.3em;;}

.modal .member .join_wrap .inp_wrap input{width: 100%; height: var(--inpH); padding: 0 1.2em; border-radius:1rem; background-color: var(--bg2); border:0; font-size:var(--txt16); ;}
.modal .member .join_wrap .inp_wrap input[type="text"] + input[type="text"] { margin-top:1.2rem;}
.modal .member .join_wrap .inp_wrap input:focus{ outline:1px solid #000;}
.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(--txt16); height: var(--txt16) ;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="%23FCA400"><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 .inp .icos { position: absolute; right:1.6rem; top:0; height: 100%; display: flex; align-items: center;}
.modal .member .join_wrap .inp_wrap .inp .icos svg { vertical-align: middle;}
.modal .member .join_wrap .inp_wrap .inp .icos > * + * { margin-left: 1.5rem; ;}
.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; font-size: var(--txt16); border:0; background-color: #FDF5E7; color:#D98D00; margin-left: 1.2rem; transition:all 0.3s ease;  border-radius:1rem; font-weight:600;}

.modal .member .join_wrap .inp_wrap .tel_box .nice-select { width:14em; margin-right:1.2rem;}
/*.modal .member .join_wrap .inp_wrap .email_box { align-items: center;}*/
.modal .member .join_wrap .inp_wrap .email_box { align-items: center; gap: 5px}
.modal .member .join_wrap .inp_wrap .email_box input { flex:1; }
.modal .member .join_wrap .inp_wrap .email_box .nice-select { flex:1;; }
.modal .member .join_wrap .inp_wrap .email_box em { margin:0rem; color:var(--black5);  }
/*.modal .member .join_wrap .inp_wrap .email_box em { margin:0 1rem; color:var(--black5);  }*/
.modal .member .join_wrap .agree { margin-top:1.2rem;}

.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(--txt16); 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 .nice-select { font-size:var(--txt16); height: var(--inpH); line-height: var(--inpH); padding: 0 1.3em; border: 0; border-radius:1rem;  font-weight: 500; background-color: var(--bg2);; }
.modal .member .join_wrap .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="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; opacity:0.3;}
.modal .member .join_wrap .nice-select.open:after { transform: rotate(180deg); }



.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{ width:100%; display: flex ; align-items: center; justify-content: space-between; padding:0.8em 1em; border-radius:1rem; background-color: var(--bg2); font-size:var(--txt20); font-weight:600; cursor: pointer;}
.modal .member .join_wrap .chk_all_wrap input + label svg{ width:1.5em; height: auto; }
.modal .member .join_wrap .chk_all_wrap input + label svg circle { transition: all 0.5s ease;}
.modal .member .join_wrap .chk_all_wrap input:checked + label svg circle {fill: var(--gold); fill-opacity: 1;}
.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;  }
.modal .member .join_wrap .join_complete .ico svg { width:4.5em; height: auto;} 
.modal .member .join_wrap .join_complete p{margin-top: 1em; font-size: var(--tit30); font-weight: 700; text-align: center;}
.modal .member .join_wrap .join_complete p small { display: block; font-size:var(--txt18); font-weight:400; margin-top:1rem;;}

.modal .member .join_wrap.find_id .tit { margin-bottom: 1em; font-weight: 700; text-align: center; font-size:var(--tit30); ; }
.modal .member .join_wrap.find_id .tit i {display: block; margin-bottom: 1rem; ;}
.modal .member .join_wrap.find_id .tit i svg { width:2.5em; height: auto;}
.modal .member .join_wrap.find_id .tit small { font-size:var(--txt16); display: block; margin-top:1rem;font-weight:400;;}
.modal .member .join_wrap.find_id .chk_id { padding: 1em; border-radius: 2rem; background-color: var(--bg2); display: flex; justify-content: center; align-items: center; font-size:var(--txt18); font-weight:700; }
.modal .member .join_wrap.find_id .chk_id svg { margin-right:1rem; margin-top:-0.2em; width:1em; height: auto;}
.modal .member .join_wrap.find_id .chk_id + .chk_id { margin-top:1.2rem;}
.modal .member .join_wrap.find_id .date_id { text-align: right; margin-top:1.2rem; font-size:var(--txt16); color:var(--black5);;}

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

/* 카카오톡 상담 */
.modal .modal_wrap .modal_cont.kakao_link {width: 50rem; padding: 5rem; border-radius: 1.5rem}
.modal_cont.kakao_link .cont_tit {text-align: center; font-size: var(--tit30); font-weight: 700;}
.modal_cont.kakao_link .link_box {margin-top: 3rem}
.modal_cont.kakao_link .link_box a {display: flex; align-items: center; font-size: var(--txt20); font-weight: 600; fill: #000; background: #F6F6F6; border-radius: 10px; padding: 0.8em 1em; transition: 0.3s ease-in-out}
.modal_cont.kakao_link .link_box a + a {margin-top: 0.7em}
.modal_cont.kakao_link .link_box a .symbol {width: 1.2em; height: auto; margin-right: 0.5em}
.modal_cont.kakao_link .link_box a .arr {width: 0.8em; height: auto; margin-left: auto;}






.over_modal .modal_wrap .modal_cont.board_end { width:75rem; border-radius:var(--smRadius);background-color: var(--bg2); }
.board_write_end { display: flex; flex-direction: column; align-items: center; justify-content: center; padding:5rem 4rem; text-align: center;;  }
.board_write_end svg { width:3em; height: auto; vertical-align: middle;}
.board_write_end strong { display: block; font-size:var(--tit30); font-weight:700; margin:3rem 0 1.5rem;}
.board_write_end p { font-size:var(--txt18); margin-bottom: 3rem;}

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

.msg_layer .btn_wrap .btm_btn{width: 100%;  /*margin-top: 1.5em;*/ display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: var(--inpH); line-height: var(--inpH); border-radius:1rem; font-size:var(--txt18); font-weight:600; background-color: var(--bg); border:1px solid var(--bg); padding:0 1.5em; min-width:16rem; color:#fff; transition: all 0.3s var(--ease);}

.msg_layer .btn_wrap .btm_btn.wh { background-color: #fff; color:#000; ;}


.msg_layer .btn_wrap > * + * { margin-left: 1rem; }


/* ----- 다시 보지 않기 ----- */
.modal_check{width: 55rem; margin: 1.2rem auto 0;} /* modal_cont width */
.modal_check > label {position: relative; display: flex; align-items: center; cursor: pointer; color: #fff; opacity: 0.8; font-size: var(--txt3); transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out}
.modal_check > label:hover { opacity: 1;}
.modal_check > label > input {margin-right: 3px;}
.modal_check > label > .svg {position: relative; width: 1.2em; fill: #fff;  height: 1.2em; margin: 0 7px 1px 0; z-index: 1;transition: fill 0.3s ease-in-out}
.modal_check > label > .svg svg {position: absolute; top: 0; width: 100%;height: 100%;}
.modal_check > label > .svg .on {  opacity: 0;}
.modal_check > label > .svg.popup_chk .on { opacity: 1}
.modal_check > label > .svg.popup_chk .off {opacity: 0}



/*=====사이트 맵=====*/
.site_map { position: fixed; display: flex; flex-direction: column; justify-content: center; right: 0; top: 0; font-size: var(--txt22);width: 100%; height: 100vh; background-color: rgba(0,0,0,0.9); backdrop-filter: blur(20px); z-index: 9999; pointer-events: none; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; opacity:0;}
.site_map.on { opacity: 1; pointer-events: visible; }
.site_map .cont {  max-width:100%; margin: 0 auto; padding: 0 4rem;}
.site_map .cont .mo_menu { display: none; }
.site_map .top { display: flex; padding: 0 30px; width:210rem; max-width: 100%; margin: 0 auto; }
.site_map .top .close_btn { position: absolute; right: 0; top: 30px; width: 6rem; height: 6rem; cursor: pointer; }
.site_map .top .close_btn .ico { position: absolute; left: 50%; top: 50%; width: 50%; height: 50%; transform: translate(-50%, -50%); fill: #fff; transition: transform 0.2s; }
.site_map .top .close_btn .ico svg { width: 100%; height: 100%; fill: #fff; transition: transform 0.7s; }
.site_map .cont .list { display: flex; margin-top: 10rem}
.site_map .cont .list > .depth1 + .depth1 {margin-left: 6rem; padding-left: 6rem; border-left: 1px solid rgba(255, 255, 255, 0.20);}
.site_map .cont .list .depth1 > a { font-size: var(--tit25); font-weight: 600; color:#fff; transition: 0.3s ease-in-out}
.site_map .cont .list .depth2 { margin-top: 9rem; color: #fff; }
.site_map .cont .list > li { transition: all 0.5s ease;}



.site_map .cont .list .depth2 li a { position: relative; display: block; font-size:var(--txt20); font-weight: 400; transition: 0.3s ease-in-out; }
.site_map .cont .list .depth2 li + li {margin-top: 0.7em}
.site_map .cont .list .depth2 li a:before { content: ''; position: absolute; left: -0.8em; top: 50%; transform: translateY(-50%); width: 0.4em; height: 0.4em; border-radius: 100%; background-color: var(--gold); opacity: 0; transition: 0.3s ease-in-out}
.site_map .cont .list .depth2 li.active a {padding-left: 0.8em}
.site_map .cont .list .depth2 li.active a:before { opacity: 1; left: 0}

.site_map .cont .list > .depth1.active > a{color: var(--gold)}


.site_map .top { }
.site_map .top .right_wrap { display: flex; width: 100%}
.site_map .top .right_wrap .logo {width: 30rem}
.site_map .top .right_wrap .logo img {width: 100%}
.site_map .top .right_wrap .store {display: none}
.site_map .top .right_wrap .channel {display: none}
.site_map .top .right_wrap .lang_select { display: none;}
.site_map .top .right_wrap .btn_search { display: none;}
.site_map .top .right_wrap .language {display: none}
.site_map .top .right_wrap .cls_btn { cursor: pointer; margin-left: auto}
.site_map .top .right_wrap .cls_btn svg { width:2em; height: auto; fill:#fff; transition: all 0.5s ease;}

.site_map .member_wrap { display: none;}




.pagination { display: flex; align-items: center; justify-content: center; margin: 4rem 0;  font-size:var(--txt18);}
.pagination > a { line-height: 1; }
.pagination > a svg {  transition: all 0.3s; height: 2em; height:1em; /* 개발 기존 svg 코드 사용함에 따라 2 -> 1 */ width:auto;  }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2rem; }
.pagination .num_list li { position: relative; margin:0 0.8rem }
.pagination .num_list li a { display:inline-flex; align-items: center; justify-content: center; height: 2em; width:1.5em; position: relative; font-weight:500;  transition: all 0.3s ease;}
.pagination .num_list li a:before {content: ''; position: absolute; left: 0; bottom:0; width:100%; height: 1px; background-color: var(--gold); opacity:0;}
.pagination .num_list li.active a { font-weight:700; color:var(--gold); }
.pagination .num_list li.active a:before { opacity:1; }

.pagination .next { margin-right: 2.5rem; }
.pagination .prev { margin-left: 2.5rem; }
.pagination .none { opacity: 0.4; cursor: default; }

.modal .modal_wrap .modal_cont.ai_cu { width:55rem;border-radius:var(--radius2); overflow: hidden; }
.modal .modal_wrap .modal_cont.ai_menu { width:100rem;border-radius:var(--radius2); overflow: hidden; background-color: var(--bg2); }
.ai_curation { padding:6rem 4rem; }
.ai_curation .title1 { display:flex; justify-content: center; margin-bottom: 1.6rem;}
.ai_curation .title1 .tit { position: relative;}
.ai_curation .title1 .tit > svg { width:10em; height: auto;}
.ai_curation .title1 .tit div { position: absolute; left: 0; top:0; width:100%; height: 2.7em; display: flex; align-items: center; justify-content: center; font-size:var(--txt18); color:#fff; z-index:2}
.ai_curation .title1 .tit div img { width:1.8em; margin-right:1rem;}
.ai_curation .title2 { margin-bottom:3.5rem; text-align: center; font-size:var(--tit30); font-weight:700;; line-height: 1.4}
.ai_curation .comments { padding: 2.5rem 2.5rem 4rem; border-radius:1.5rem; background-color: #f6f6f6; text-align: center; margin-bottom: 1.6rem; }
.ai_curation .comments .txt + .txt { margin-top:1.8rem; }
.ai_curation .comments .txt p { display: inline-block; vertical-align: middle; padding:0.3em 1em; border-radius:3em; background-color: #fff; font-size:var(--txt16); font-weight:700; position: relative; box-shadow:0 0 20px rgba(46,32,5,0.05); position: relative;}
.ai_curation .comments .txt p:before { content: ''; position: absolute; left: 2em; top:100%; width: 0;height: 0;border-style: solid;border-width: 0px 0.8em 0.8em 0px;border-color: transparent #fff transparent transparent; }
.ai_curation .comments .txt:nth-child(even) p:before { transform: scaleX(-1); left: inherit; right:3em;}
.ai_curation .desc1 { font-size:var(--txt16); margin-bottom: 3.5rem; color:var(--black44); text-align: center}
.ai_curation .desc1.center { text-align: center; font-weight:500;}
.ai_curation .btns { display: flex;}
.ai_curation .btns .btn_type1  { flex:1;}
.ai_curation .btns .btn_type1 + .btn_type1 { margin-left: 1rem;}
.ai_curation .img { border-radius: var(--radius2); overflow: hidden; margin-bottom: 1.6rem;}
.ai_curation .img img { width:100%;}
.ai_curation .welcome { display: flex; align-items: center; justify-content: center; font-size:var(--txt18); font-weight:700;  margin-bottom: 1.6rem;}
.ai_curation .welcome strong { font-weight:700; padding:0.1em 0.5em; border-radius:5px; background-color: #fdf5e7; color:var(--gold); margin-right:1rem;}
.ai_curation .ai_txt { padding:0.8em 1em; border-radius:var(--radius2); background-color: #000; font-size:var(--tit30); font-weight: 700; color:#fff; text-align: center; margin-bottom: 4rem;}
.ai_curation .ai_txt img { width:1.3em; height: auto; margin-right:1rem;}
.ai_curation .menus ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem; }
.ai_curation .menus ul li a { display: block; padding: 4rem var(--inPd); border-radius:1.5rem; background-color: #fff; border:1px solid #fff;  transition: all 0.4s ease; height: 100%}
.ai_curation .menus ul li a .cl { font-size:var(--txt16); font-weight:700; color:var(--gold); margin-bottom: 2.5rem;}
.ai_curation .menus ul li a dl dt {font-size:var(--tit25); font-weight:700; }
.ai_curation .menus ul li a dl dt i { width:0.8em; height: 0.8em; margin-left: 1rem; display: inline-block ;background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L8.2375 1.7625L15.2125 8.75H0L0 11.25H15.2125L8.2375 18.2375L10 20L20 10L10 0Z' fill='black'/%3E%3C/svg%3E") no-repeat 50% 50%/ contain; transition: all 0.4s ease; transform: translateX(-10px); opacity: 0;;}
.ai_curation .menus ul li a dl dd { font-size:var(--txt16); color:var(--black44); margin-top:1.2rem;}


::-moz-selection {
    background: rgba(135, 135, 135, 0.35);
    color: #fff;
}

.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    white-space: nowrap;
}

/* 부정클릭 감시중 */
#bora-message-check{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
    white-space: nowrap;
}

.scroll_lock {
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

.pc_show{display: none;}


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



@media screen and (max-width: 2100px) {
    .quick_wrap .btn_box.reserv .quick_form { padding:2.5rem; }
    .quick_wrap .btn_box.reserv .quick_form .form_box .inp,
    .quick_wrap .btn_box.reserv .quick_form .form_box .inp.date_box > input { height:3em;}
    .quick_wrap .btn_box.reserv .quick_form .form_box .textarea_box { height: calc(var(--inpH) * 1.5);}
    .quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select { height: 3em; line-height:3em;}
    .quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select .current { line-height: 3em;}
    .quick_wrap .btn_box.reserv .quick_form .form_box .textarea_box textarea + .placeholder { top:0.5em}


}



@media screen and (max-width: 2000px) {
    :root {
        --fullInPd: var(--inPd);
    }

    html { font-size: 8.5px; }
    .pc_show{display: block;}

    .header .utils a svg {height: 4.2rem}

}


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

    :root {

        --tit5: max(2.2rem, 22px);
        --txt0: max(2rem, 20px);
        --txt1: max(1.8rem, 18px);
        --txt2: max(1.6rem, 16px);
        --txt3: max(1.5rem, 15px);
        --txt4: max(1.4rem, 14px);

        --tit3: max(3rem, 26px);



        --txt16: max(1.5rem, 14px);
        --txt162: max(1.4rem, 13px);


        /* 제목 영역 */
        --tit70: max(4.8rem, 52px);   /* 70px × 0.8 = 56px */
        --tit60: max(4.0rem, 40px);
        --tit50: max(3.2rem, 36px);     /* 50px × 0.8 = 40px */
        --tit35: max(2.4rem, 24px);   /* 35px × 0.8 = 28px */

        --tit30: max(2.1rem, 22px);   /* 30px × 0.8 = 24px */
        --tit25: max(1.8rem, 20px);     /* 25px × 0.8 = 20px */

        /* 본문 영역 */
        --txt22: max(1.8rem, 19px);   /* 22px × 0.8 = 17.6 → 최소 20px */
        --txt20: max(1.6rem, 17px);   /* 20px × 0.8 = 16px → 최소 18px */
        --txt18: max(1.4rem, 15px);   /* 18px × 0.8 = 14.4 → 최소 16px */
        --txt16: max(1.3rem, 14px);   /* 16px × 0.8 = 12.8 → 최소 14px */



        --secPd:20rem /* 300 */;
        --secPd2:14rem /* 200 */;
        --secPd3:16rem /* 260 */;

        --aniY:8rem; 



        --bgSect: 16rem;
        --mainSect: 24rem;
        --mainTit:7rem;


    }

    .header .hd_in {width: 204rem}
    .header .logo{width: 216px;}
    .header .nav .depth1 > li > a{padding: 0 2.5rem; transition: 0.3s ease-in-out}
    /*.header.on .nav .depth1 > li > a{padding: 0 4.2rem 0;}*/
    .header .utils a svg {height: 4.5rem}
    .header .utils { margin-right:var(--inPd);}
    .header .utils .menu {width: 3rem;height: 1.8rem;}
    .header .nav .depth1 {margin-right: calc(var(--inPd) * -1); margin-right:var(--inPd);}


    .site_map .cont .list > .depth1 + .depth1 {padding-left: 4rem; margin-left: 4rem}

}



@media screen and (max-width: 1440px) {
    /*.header .nav .depth1 > li > a { padding:0 1em; }*/
    .header.on .nav .depth1 > li > a { padding:0 1.2em; }
    .header .nav .depth2 > li > a { padding-right:1.5em;}

    .site_map .cont .list > .depth1 + .depth1{padding-left: 3rem;margin-left: 3rem;}

}


@media screen and (min-width: 1240px) {
    .language .box:hover {background:#f6f6f6;}


    .ai_visual_result .result_cont .favorite_tags ul li:hover {background-color: #000; color: #fff; border-color: #000}
    .ai_visual_result .result_cont .ai_tabs ul li a:hover {color: #000; border-color: #000;}
    .ai_visual_result .result_cont .cont_list .list_tit_box .btns a:hover{background:#000; color: #fff;}
    .ai_visual_result .result_cont .cont_list .list_tit_box .btns svg path{transition: all 0.3s ease;}
    .ai_visual_result .result_cont .cont_list .page_list ul li a:hover{background: #FCA400; color: #fff;}
    .ai_visual_result .result_cont .cont_list .page_list ul li a:hover i svg path{fill: #fff}
    .ai_visual_result .result_cont .cont_list .page_list ul li a:hover dl dt{color: #fff}


    .header .nav .depth1 > li:hover > a span:before { width: 100%;}
    .header .nav .depth2 > li > a:hover {color: #fff}
    .header .nav .depth2 > li > a:hover span::before {opacity: 1}
    .header .nav .depth1 li:hover .depth2 {opacity: 1; pointer-events: visible}

    .footer .foo_cont .link_list a:hover:before {width: 100%}

    .footer .right_cont .ico:hover {background-color: #fff; border-color: #fff}
    .footer .right_cont .ico:hover svg {fill: #000}
    .footer .right_cont .ico.blog:hover svg path{fill: #000; stroke:#000}

    .quick_wrap .btn_box:hover .spe_box {opacity: 1}

    .quick_wrap .btn_box.reserv .quick_form .btn_wrap button:hover { background-color: var(--gold); }
    body .ui-state-default:hover { background: #f5f5f5; }
    .modal .modal_wrap .modal_cont .modal_close:hover { transform: rotate(180deg);}

    .modal .member .btn_wrap a:hover,
    .modal .member .btn_wrap button:hover { background-color: var(--gold); border-color:var(--gold);}
    .modal .member .btn_wrap .line:hover { background-color: #000; border-color:#000; color:#fff; ;}
    .over_modal .modal_wrap .modal_cont .modal_close:hover {transform:rotate(180deg);}
    .modal .member .login_wrap .input_wrap button:hover { background-color: var(--gold); border-color:var(--gold);}
    .modal .member .login_wrap .util_wrap a:hover {color: #000}

    .modal .member .login_wrap .sns_wrap .sns_login .naver:hover { background-color: #2EB400; border-color:#2EB400; color:#fff;  }
    .modal .member .login_wrap .sns_wrap .sns_login .naver:hover svg path { fill:#fff; }
    .modal .member .login_wrap .sns_wrap .sns_login .kakao:hover { background-color: #FFE812; border-color:#FFE812;  }

    .text_radio + div:hover { background-color: #000; color:#fff; ;}
    .modal .member .join_wrap .inp_wrap .flex_wrap button:hover { background-color: var(--gold); color:#fff; ;}
    .modal_cont.kakao_link .link_box a:hover {background-color: #000; color: #fff; fill: #fff}
    .msg_layer .btn_wrap .btm_btn:hover { background-color: var(--gold); border-color:var(--gold);}
    .msg_layer .btn_wrap .btm_btn.wh:hover { background-color: #000; border-color:#000; color:#fff; ;}

    .site_map .cont .list .depth1:hover > a {color: var(--gold)}
    .site_map .cont .list .depth2 li a:hover {transform: translateX(0.8em) }
    .site_map .cont .list .depth2 li a:hover:before {opacity: 1;}

    .site_map .top .right_wrap .cls_btn:hover svg { transform: rotate(180deg);}
    .pagination .num_list li a:hover { color:var(--gold);}

    .ai_curation .menus ul li a:hover { border-color:var(--gold);}
    .ai_curation .menus ul li a:hover dl dt i { transform: unset; opacity: 1;}

}


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





    .pc_only ,
    .pc_only.flex ,
    .pc_only.inline {display: none !important}


    html { font-size: 7px; }
    :root {
        --hdH:70px;
        --inPd:20px;
        --fullInPd:var(--inPd);

        --tit5: max(2rem, 20px);
        --txt0: max(1.8rem, 18px);
        --txt1: max(1.6rem, 16px);
        --txt2: max(1.5rem, 15px);
        --txt3: max(1.4rem, 14px);
        --txt4: max(1.3rem, 13px);

        --tit3: max(2.2rem, 22px);




        --txt162: max(1.3rem, 13px);





        --tit70: max(4.8rem, 46px);   /* 70px × 0.8 = 56px */
        --tit60: max(3.6rem, 36px);
        --tit50: max(3.2rem, 32px);     /* 50px × 0.8 = 40px */
        --tit35: max(2.4rem, 22px);   /* 35px × 0.8 = 28px */
        --tit30: max(2.1rem, 20px);   /* 30px × 0.8 = 24px */
        --tit25: max(1.8rem, 19px);     /* 25px × 0.8 = 20px */

        /* 본문 영역 */
        --txt22: max(1.8rem, 18px);   /* 22px × 0.8 = 17.6 → 최소 20px */
        --txt20: max(1.6rem, 16px);   /* 20px × 0.8 = 16px → 최소 18px */
        --txt18: max(1.4rem, 15px);   /* 18px × 0.8 = 14.4 → 최소 16px */
        --txt16: max(1.3rem, 14px);   /* 16px × 0.8 = 12.8 → 최소 14px */



        --secPd:12rem /* 300 */;
        --secPd2:9rem /* 200 */;
        --secPd3:11rem /* 260 */;

        --aniY:6rem;




    }

    
    /*.header .utils { margin-top:-0.3em;}*/

    /*.header .utils .language,*/
    /*.header .utils .login,*/

    .header .utils .store,
    .header.black .utils .store,
    .header .utils .ai,
    .header.black .utils .ai,
    .header .utils .channel,

    .header .nav { display: none;}
    .header .logo { width:160px; }

    .header .utils {margin: 0}
    .header .cont_box {flex-direction: row; align-items: center}

    .header .utils a svg {width: 2em; height: auto}
    .header .utils .menu {width: 3.5rem; height: 2rem;}

    .site_map{background-color: #000; justify-content: flex-start; overflow-y: auto;}
    .site_map .top{position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 var(--inPd); background-color: #fff; height:var(--hdH); flex-shrink: 0}
    .site_map .top .right_wrap .store {display: flex}
    .site_map .top .right_wrap .channel {display: flex}
    .site_map .top .right_wrap .language {display: none}
    .site_map .top .right_wrap .store.ai {margin-right: 0; margin-left: 5px}





    .site_map .top .logo{display: block; width: 200px; display: none;}

    .site_map .top .right_wrap {display: flex; align-items: center; position: relative; width:100%; }
    .site_map .top .right_wrap .store {height: 2.4em;padding: 0 1em;line-height: 2.4em;border-radius: 20px;background-color: #fff;font-size: var(--txt18);font-weight: 500; margin-right: 5px; border: 1px solid var(--lineColor)}
    .site_map .top .right_wrap .store.bk {background-color: #101010; color: #fff; border-color: #101010}
    .site_map .top .right_wrap .nice-select {display: inline-block;width: auto; height: 2.4em;padding: 0 3em 0 1em;line-height: 2.4em;border-radius: 20px;background-color: #fff;font-size: var(--txt18);font-weight: 500;transition: none; border-color: var(--lineColor)}
    .site_map .top .right_wrap .nice-select .option.disabled {display: none}
    .site_map .top .right_wrap .nice-select:active,
    .site_map .top .right_wrap .nice-select.open,
    .site_map .top .right_wrap .nice-select:focus {border-color: var(--lineColor)}
    .site_map .top .right_wrap .nice-select:after {width: 1em;height: 1em;right: 1em;top: 50%;margin-top: 0;transform: translateY(-50%);border: none;transform-origin: center;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;}
    .site_map .top .right_wrap .nice-select.open:after {transform: translateY(-50%) rotate(180deg)}
    .site_map .top .right_wrap .nice-select .option {cursor: pointer;font-weight: 400;line-height: 2.6em;min-height: 0;padding: 0 1em;}
    .site_map .top .right_wrap .language {margin-left: 10px;}
    .site_map .top .right_wrap .language a {display: flex}
    .site_map .top .right_wrap .language svg {width: 2em; height: auto; fill: #000}
    .site_map .top .right_wrap .language svg path {fill: #000}

    .language .link_box { font-size: var(--txt18);}




    .site_map .top .right_wrap .lang_select .nice-select:after{right: 1em}
    .site_map .top .right_wrap .cls_btn{position: relative; background-color: transparent; width: 20px; height: 20px; border-radius: 0; top: 0; left: 0; margin-left: auto; display: flex}
    .site_map .top .right_wrap .cls_btn {width: 1.2em; height: auto}
    .site_map .top .right_wrap .cls_btn svg{width: 100%; height: auto; fill: #000}

    .site_map .btn_search { display: block;}
    .site_map .lang_select { display: block !important;}
    .header .right_wrap .btn_search svg { width:4rem; }
    .header .site_map .btn_search svg { width:5rem;}

    .site_map .member_wrap{display: block; padding: var(--inPd);}
    .site_map .member_box{display: flex; font-size:16px;}
    .site_map .member_box a{display: flex; align-items: center; justify-content: center; height: 3.3em; background:var(--bg); width: 100%; border-radius: 8px; color:#fff;}
    .site_map .member_box a.ico img{height: 25px; margin-right: 0.4em; display: none;}
    .site_map .member_box a.logout{margin-right: 0.3em;}
    .site_map .member_box a.mypage{margin-left: 0.3em;}

    .site_map .cont {padding: 0 var(--inPd) 40px; width: 100%;}
    .site_map .cont .list {flex-direction: column; max-width: 100%; padding: 0; margin-top: 0}
    .site_map .cont .list .depth1 {border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0; width:100%; }
    .site_map .cont .list .depth1::before{display: none;}
    .site_map .cont .list .depth1 > a{position:relative; display: flex; align-items: center; cursor: pointer;  padding:0.8em 0; font-size:18px;}
    .site_map .cont .list .depth1 > a:before{display: none;}

    .site_map .cont .list .depth1 > a:after{content:""; width: 1em; height: 1em; transform: translateX(0); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff" height="1em"><path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"/></svg>')center/cover no-repeat; margin-left: auto; transition: 0.3s ease-in-out}
    .site_map .cont .list .depth1 > a span{display: inline-block; transform: translateY(0);}
    .site_map .cont .list .depth1  .depth2{display: none; padding-bottom: 2em; margin-top:0;}
    .site_map .cont .list .depth1  .depth2 li{ font-size:18px; padding-left: 0.8em}
    .site_map .cont .list .depth1  .depth2 li a{opacity: 0.6;}
    .site_map .cont .list .depth1  .depth2 li a.active{opacity: 1}
    .site_map .cont .list .depth1 + .depth1 { margin-left: 0; padding: 0; border-left: none}

    .site_map .cont .list .depth1.on > a:after {transform: rotate(180deg) }

    .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 .cont .list .depth1.active .depth2 { display: block;}
    .site_map .cont .list .depth1 .depth2 li.active a {opacity: 1; padding-left: 0.8em;}
    .site_map .cont .list .depth1 .depth2 li.active a:before {left: 0}


    /*.ai_visual_sect2.active {right: -4rem}*/
    .quick_wrap{right:4rem;}


    .ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .tit {display: flex; flex-direction: column; align-items: flex-start}
    .ai_visual_result .result_cont .cont_list .txt_cont .cont .txt_box .tit .badge {margin-right: 0; margin-bottom: 5px}
    .ai_visual_result .result_cont .scroll_cont {padding:10rem  20px; max-height: 100lvh;}

    .ai_visual_result .result_cont .top_txt_box .search_box {width: 100%}
    .ai_visual_result .result_cont .top_txt_box .search_box input {padding: 1.2em 3em 1.2em 1em;border-radius: 10px;}
    .ai_visual_result .result_cont .top_txt_box .search_box .ico {width: 1.2em}
    .ai_visual_result .result_cont .top_txt_box .search_box .btns {right: 1em}

    .ai_visual_sect2 .fix_close_btn {right: var(--inPd); top: var(--inPd); bottom: auto}



}



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


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

    .phone_over ,
    .phone_over.flex ,
    .phone_over.inline {display: none !important;}



    html {font-size: 6px;}
    :root{

        --hdH: 60px;

        --contMt1: 30px;
        --contMt2: 50px;

        --bgSectPd:80px;
        --mainSect: 130px;

        --inPd: 15px;
        --tit5: 20px;
        --txt0: 18px;
        --txt1: 16px;
        --txt2: 14px;
        --txt3: 13px;
        --txt4: 12px;

        --tit3: 21px;



        --txt162: 13px;

        --mainTit: 32px;
        /* 제목 영역 */
        --tit70: 34px;
        --tit60: 30px;
        --tit50: 26px;
        --tit40: 23px;
        --tit35: 21px;
        --tit30: 19px;
        --tit25: 17px;

        /* 본문 영역 */
        --txt22: 16px;
        --txt20: 14px;
        --txt18: 13px;
        --txt16: 12px;


        --secPd:100px /* 300 */;
        --secPd2:70px /* 200 */;
        --secPd3:70px /* 260 */;

        --aniY:50px; 
    }


    .footer {padding: 60px 0 140px}

    .main .quick_wrap {opacity: 0; pointer-events: none; transition: 0.3s ease-out}
    .main.down .quick_wrap {opacity: 1; pointer-events: visible}

    .quick_wrap {left: 0; bottom: 0; }
    .ai_visual_sect2 {left: 0; bottom: 0; right: 0; ; width: 100vw;height: 100%; opacity: 0; pointer-events: none; transition: 0.3s ease-in-out}
    .ai_visual_sect2.active {left: 0; bottom: 0; right: 0; width: 100vw;height: 100%; opacity: 1; pointer-events: auto}
    .ai_visual_sect2 .bg {background-color: #dbdbdb}
    .ai_visual_result .bg {background-color: #dbdbdb}
    .ai_visual_result .result_cont .scroll_cont{background: transparent; backdrop-filter: blur(5px);}
    .ai_visual_result .result_cont .top_txt_box .search_box_wrap{background: rgba(255, 255, 255, 0.7)}
    .ai_visual_sect2 .search_cont {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center}
    .ai_visual_sect2 .search_cont .inp .btn {width: 6.5rem; height: 6.5rem}
    .ai_visual_result .result_cont {padding: 0; top: 0; position: relative; margin-top: 0; height: 100%}
    .ai_visual_result .result_cont.active {top: 0; overflow: auto; height: 100%}
    .ai_visual_result .result_cont .scroll_cont {padding: 20rem var(--inPd) 10rem; border-radius: 0;; max-height: none; height: 100%; margin-top: 0;}
    .ai_visual_result .result_cont .back_btn {width: 3rem;left: var(--inPd);top: 4rem;transform: unset;z-index: 1;}


    .ai_visual_sect2 .fix_top_box {position: fixed; left: 0; top: 0; background-color: #fff; display: flex; align-items: center; padding: 15px; width: 100%; z-index: 1; justify-content: space-between}
    .ai_visual_sect2 .fix_close_btn {transform: unset; position: fixed; top: 15px; right: 15px}
    .ai_visual_result .result_cont .fix_close_btn {position: static; border: 1px solid var(--lineColor); border-radius: 1.5rem;}
    .ai_visual_result .result_cont .back_btn {position: static; display: flex; align-items: center}
    .ai_visual_result .result_cont .board_list ul li a .subj{padding-left: 0;}

    .ai_visual_sect2 .fix_close_btn .btn {margin-top: 0}
    .quick_wrap {width: 100%; display: flex; justify-content: space-around; background: #fff; padding: 15px 0; box-shadow: 0 0 10px 10px rgba(0,0,0,0.05)}
    .quick_wrap .item.top_btn {position: absolute; right: var(--inPd); top: calc(var(--inPd) * -1); transform: translateY(-100%); width: 40px; height: 40px}
    .quick_wrap .btn_box {display: flex; align-items: center}
    .quick_wrap .btn_box .btn {width: auto; height: auto; background-color: transparent; box-shadow: none}
    .quick_wrap .item {margin-left: 0; margin-top: 0; height: auto; flex-direction: column}
    .quick_wrap .item .btn  {width: auto; height: auto}
    .quick_wrap .btn_box .spe_box {position: static;transform: unset;background-color: transparent;padding: 0;color:#000; border-radius: 0;opacity: 1; margin-top: 5px; box-shadow: none; order: 2; line-height: 1.3; text-align: center; font-size: 12px}
    .quick_wrap .btn_box .spe_box br {display: none !important;}
    .quick_wrap .btn_box .btn .ico {width: 20px; height: 20px}
    .quick_wrap .ai_btn {background: transparent; }
    .quick_wrap .ai_btn .btn { background: linear-gradient(135deg, #FCA400 0.34%, #787878 76.78%); padding: 7px; border-radius: 5px; overflow: hidden}
    .ai_btn .ico {width: 25px; height: 25px; }

    .footer .foo_cont {position: relative}
    .footer .foo_cont .txt {font-size: var(--txt16)}
    .footer .right_cont {position: absolute; right: 0; bottom: 0}




    .ai_visual_result .result_cont .gallery_list ul {grid-template-columns: repeat(2,minmax(0,1fr))}
    .quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label {font-size: 12px}
    .quick_wrap .btn_box.reserv .quick_form .priv_chk_box .more_btn {font-size: 10px}
    .quick_wrap .btn_box.reserv .quick_form .priv_chk_box .priv_inp label .ico {width: 1.6em}
    .quick_wrap .btn_box.reserv .quick_form > .txt {font-size: 10px}

    .quick_wrap .btn_box.reserv .quick_form .form_box .sel_box .nice-select .list {max-height: 13.5em}
    .quick_wrap .btn_box.reserv .quick_form {min-width: 48rem}

    .ai_visual_result .result_cont .favorite_tags .tit {margin-bottom: 10px}

    .ai_visual_result .result_cont .board_list ul li a {height: auto}


    .modal .modal_cont.youtube_video { padding:var(--inPd); }
    .board_view_page .view_top .tit { padding-right:20px;}

    /* 치료사례 뷰페이지 타이틀 */
    .board_view_page .view_top .tit {flex-direction: column}
    .board_view_page .view_top .tit > span {margin-bottom: 8px}


    .ai_visual_sect2.active .ai_ex{align-self: flex-start;}
    .ai_visual_sect2 .search_cont .inp{font-size:var(--tit30);}

    .modal_check > label{font-size: 16px;}

}


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


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


    .ai_visual_sect2 .search_cont .tit_box {font-size: var(--tit50)}
    .ai_visual_sect2 .search_cont .tit_box br {display: none}
    .ai_visual_result .result_cont .cont_list .page_list ul {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px}

    .ai_visual_result .result_cont .cont_list .list_tit_box {flex-wrap: wrap}
    .ai_visual_result .result_cont .cont_list .list_tit_box .btns {position: static; width: 100%; justify-content: center; display: flex; justify-content: flex-end}
    .ai_visual_result .result_cont .cont_list .list_tit_box .tit {flex: 1}
    .ai_visual_result .result_cont .cont_list .list_tit_box .btns a {border: 1px solid #000; margin-top: 10px}
    .ai_visual_result .result_cont .cont_list .page_list ul li a {padding: 3rem 10px; font-size: var(--txt20)}
    .ai_visual_result .result_cont .cont_list .page_list ul li a dl dt {margin-bottom: 1rem}
    .ai_visual_result .result_cont .doctor_list ul {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 10px;}


    .ai_visual_result .result_cont .doctor_list .btns {margin-top: 30px; width: 100%; }
    .ai_visual_result .result_cont .doctor_list .btns .btn_type1 {width: 100%}
    .ai_visual_result .result_cont .cont_list .txt_cont {grid-template-columns: repeat(1, minmax(0, 1fr));}

    .ai_visual_result .result_cont .gallery_list .gallery_item .text .subj {height: auto; -webkit-line-clamp: 1;}

    .ai_visual_result .result_cont .cont_list .img_cont {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px}
    .ai_visual_result .result_cont .top_txt_box .ai_message_wrap #ai_message{width: 100%;}
    .ai_visual_sect2 .search_cont .inp textarea{height: 4.5em;}
    .ai_visual_sect2 .search_cont .inp .inp_placeholder{line-height: 1.3;}

    .footer .ai_desc {font-size: var(--txt2)}
    .footer .ai_desc .ico {padding: 5px}
    .footer .ai_desc .ico img {width: 18px; height: 18px; margin-right: 7px}
    .footer .ai_desc .spe_box {margin-left: 20px;}
    .footer .ai_desc .spe_box .text {font-size: var(--txt3); }
    .footer .right_cont .ico {width: 35px; height: 35px; font-size: 8px}
    .footer .foo_cont .left_cont {overflow: hidden}
    .footer .foo_cont .link_list {margin-top: 20px; display: flex; overflow-x: auto;width: calc(100% + var(--inPd) * 2);margin-left: calc(var(--inPd) * -1);padding: 0 var(--inPd);}
    .footer .foo_cont .link_list::-webkit-scrollbar {display: none}
    .footer .foo_cont .link_list a {white-space: nowrap}
    /*overflow-x: auto; padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1)*/
    /*.footer .foo_cont .link_list a {flex-shrink: 0; }*/
    .footer .foo_cont .link_list a + a {margin: 0 0 0 15px}





}