@charset "UTF-8";


html { font-size: 10px; background-color: #f9f9f9; width: 100%;   overflow-anchor: none; }
html.scroll_none { overflow: hidden; }
body { position: relative; overflow-anchor: none;}


/* 
html::-webkit-scrollbar,
body::-webkit-scrollbar { 
    display: none; 
    scrollbar-width: none; 
    -ms-overflow-style: none;
    
} */


/* body::before { content: ''; position: absolute; top: 0; left: 0; width: calc((100% - 390px) / 2); height: 100%; background-color: #E4E4E4; z-index: 9999; }
body::after { content: ''; position: absolute; top: 0; right: 0; width: calc((100% - 390px) / 2); height: 100%; background-color: #E4E4E4; z-index: 9999; } */
/* body:before { content: ''; position: absolute; top: 0; left: 0; transform: translateX(100%); width: 100%; height: 100%; background-color: #f9f9f9; z-index: 9999; } */


.ms_preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    background-color: #fff;
    z-index: 9999999;
    transition: 0.5s ease-in-out;
}

.ms_preloader.off {opacity: 0; pointer-events: none;}

.container_wrap {background-color: #fff; margin: 0 auto; position: relative; width: 100%; min-height: 100vh; display: flex; flex-direction: column;}

/* 모바일 */
:root {
    --vh: 100%;
    --hdH: 65px;
    --mainHdH:120px;

    --inPd: 15px;

    --subTopMg: 23px;

    --subPd: 90px;
    --subContPd: 100px;

    /* txt style */
    --tit1: 3.4rem;
    --tit2: 3rem;
    --tit3: 2.6rem;
    --tit4: 2.1rem;
    --tit5: 1.9rem;

    --txt1: 1.7rem;
    --txt2: 1.6rem;
    --txt3: 1.4rem;

    --smTxt: 1.3rem;
    --smTxt1: 1.2rem;
    --smTxt2: 1rem;

    --mainContPd: 120px;
    --mainContM: 15px;
    
    
 

    --discContPd: 15px;

    --mainInW: 164rem;
    --subInW: 124rem;

    /* bg */

    

    /* txt color */
    --lightTxt:#3C3C3C;
    --exTxt:#6B7B92;
    --titCol:#1664FA;
    --annTxt: #1970C6;
    --offTxt:#32353D;
    --typeTxt1:#A8ABB2;
    --typeTxt2:#4269C5;





    /* line color */

    /* tag */
    --tagBg1 : #E9F5FF;
    --tagCol1 : #2F6BF0;

    --tagBg2 : #DCF4E4;
    --tagCol2 : #15AE41;

    --tagBg3 : #F3F5F7;
    --tagCol3 : #00C9CA;

    --tagBg4 : #002575;
    --tagCol4 : #FFFFFF;


    /* 0526 이후 */
    /* 텍스트 컬러 */
    --grayTxt:#C9CCD2;

    /* 포인트 컬러 */
    --colorBlue1:#1C369A;
    /* --colorBlue2:#2F6BF0; */
     --colorBlue2:#2F6BF0; 
    --colorMint:#00C9CA;



    /* 타이틀 밑 콘텐츠 사이 간격 */
    --titContM0:35px;
    --titContM1:25px;
    --titContM2:15px;

    /* 위에 변수 너무 많이 씀. 타이틀 사이 + cont 마진 */
    --contMt: 25px;


    /* 그레이 라인 컬러 */
    --grayLine:#ddd;
    --grayTxt:#BDC2CD;

    /* 백그라운드 */
    --grayBg1:#F3F4F8;
    --grayBg2:#F8F8FB;
    --blueBg:#EBF5FF;


    --contImgTitM:15px;
    --contImgTxtM:5px;

    --sectMt: 70px;
    --sectPd: 70px;

    --contRowM:15px;
    --subContPd: 50px;


    /* 그래프 공용 */
    --gLegend : 15px;
    --gLabel:15px;   
    --gLabel2:15px;   
    --Ytick:10px;
    --Xtick:13px;


    --alertcolor:#485ece;
	--cancelcolor:#363940;

    

}




.mini_over {display: none !important;}
.fold_only {display: none !important;}
.pc_only {display: none !important;} 

.phone_only {display: block !important;}
.phone_only.inline {display: inline !important;}
.phone_only.flex {display: flex !important;}

.phone_over {display: none !important;}


.mo_only {display: block !important;}
.mo_only.flex {display: flex !important;}

/* */

.no_data {display: flex; flex-direction: column; align-items: center; justify-content: center; color: #7A8390; font-weight: 500; font-size: var(--txt2); width: 100%;grid-column: 1 / -1; grid-row: 1 / -1; padding-top: var(--subContPd);}
.no_data::before {content: ""; display: block; width: 160px; height: 80px; opacity: 0.3 ; display: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" width="100%" viewBox="0 0 319.3 56.217"><path d="M155.979.439V5.058h-6.444V1.327h-6.952V7.135h-8.341V1.327h-6.954V17.183a3.878,3.878,0,0,0,3.864,3.862h18.383V17.887h6.444V22.6h6.945V.439Zm-13.4,15.947h-8.341V11.793h8.341Zm13.4-3.075h-6.444V9.64h6.444Z" transform="translate(111.24 0.384)" fill="%23000"></path><path d="M88.579,14.625H81.63V24.01a3.878,3.878,0,0,0,3.864,3.868h24.728V23.223H88.579Z" transform="translate(71.339 12.781)" fill="%23000"></path><path d="M160.629,22.526V15.42h-6.941v7.9a3.87,3.87,0,0,0,3.858,3.868h27.446V22.526Z" transform="translate(134.313 13.476)" fill="%23000"></path><path d="M117.983.913V6.72h-8.348V.913h-6.947V16.768a3.875,3.875,0,0,0,3.864,3.862h18.376V.913Zm0,15.059h-8.346V11.379h8.346Z" transform="translate(89.742 0.798)" fill="%23000"></path><path d="M99.294.439H92.352v29.2h6.941V13.7h6.815V9.046H99.294Z" transform="translate(80.71 0.384)" fill="%23000"></path><path d="M124.417.439h-6.949V22.6h6.949V11.54h6.812V6.887h-6.812Z" transform="translate(102.659 0.384)" fill="%23000"></path><path d="M161.1,23.854v4.578h9.61v3.135h6.954V.439h-6.954V23.854Z" transform="translate(140.787 0.384)" fill="%23000"></path><path d="M100.37,15.074a9.058,9.058,0,0,0-3.478-6.986h4.8V3.431H92.752V0H85.8V3.431H76.854V8.088h4.878a9.06,9.06,0,0,0-3.48,6.986c0,5.253,4.955,9.591,11.062,9.591s11.056-4.338,11.056-9.591m-15.316,0a4.285,4.285,0,1,1,8.513,0,4.285,4.285,0,1,1-8.513,0" transform="translate(67.165)" fill="%23000"></path><path d="M120.158,12.256c-6.686,0-12.1,4.4-12.1,9.836s5.412,9.834,12.1,9.834,12.106-4.4,12.106-9.834-5.414-9.836-12.106-9.836m0,14.92a5.084,5.084,0,1,1,5.151-5.084,5.115,5.115,0,0,1-5.151,5.084" transform="translate(94.437 10.711)" fill="%23000"></path><path d="M145.178,12.256c-6.684,0-12.1,4.4-12.1,9.836s5.416,9.834,12.1,9.834,12.1-4.4,12.1-9.834-5.419-9.836-12.1-9.836m0,14.92a5.084,5.084,0,1,1,5.148-5.084,5.113,5.113,0,0,1-5.148,5.084" transform="translate(116.301 10.711)" fill="%23000"></path><path d="M161.657,17.519c5.86,0,10.6-3.918,10.6-8.749S167.517.026,161.657.026s-10.6,3.913-10.6,8.744,4.743,8.749,10.6,8.749m0-12.812a3.9,3.9,0,0,1,3.722,4.063,3.735,3.735,0,1,1-7.441,0,3.9,3.9,0,0,1,3.72-4.063" transform="translate(132.014 0.023)" fill="%23000"></path><path d="M159.6,18.486h6.952V14.4H177.9V9.821h-28.42V14.4H159.6Z" transform="translate(130.633 8.583)" fill="%23000"></path><path d="M25.163,14.466l.009-6.994h12.16V.443H1.87V7.472H14.039l0,6.994c0,10.749-5.41,18.162-14.041,19.92v7.629A27.822,27.822,0,0,0,19.24,30.358l.364-.512.364.512A27.822,27.822,0,0,0,39.2,42.014V34.386c-8.631-1.758-14.041-9.171-14.041-19.92" transform="translate(0 0.387)" fill="%23000"></path><path d="M24.631,51.892V.443H34.863V11.531H44.933v7.035H34.863V48.513a3.38,3.38,0,0,1-3.375,3.379Z" transform="translate(21.526 0.387)" fill="%23000"></path><path d="M99.6,23.533V.444H90.513V7.272H83.186V.444h-9.1V21.093l-.566-.157c-7.8-2.148-12.053-8.092-12.053-17.19V.442H50.422v3.3c0,9.22-4.348,15.184-12.312,17.27V28.57A26.756,26.756,0,0,0,55.584,18.3l.358-.47.358.47a26.407,26.407,0,0,0,12.821,9.137l.819.274-.691.512A14.884,14.884,0,0,0,62.911,40.1c.007,8.678,8.238,15.735,18.353,15.735A19.849,19.849,0,0,0,94.253,51.2,14.588,14.588,0,0,0,99.6,40.093,14.951,14.951,0,0,0,92.557,27.73l-1.218-.821h4.895A3.379,3.379,0,0,0,99.6,23.533M81.252,49.089A8.994,8.994,0,1,1,90.014,40.1a8.88,8.88,0,0,1-8.762,8.993M90.513,26.51l-.635-.292a20.348,20.348,0,0,0-6.295-1.709l-.4-.045V14.305h7.327Z" transform="translate(33.306 0.386)" fill="%23000"></path></svg>') no-repeat center / contain;}


/* 공용 */

/*클리닉 흐르는 애니메이션*/

.com_clinic_sect { overflow: hidden }
.com_clinic_sect .cont { position: relative; width: auto; padding-top: 180%; margin-top: var(--contMt); border-radius: 15px; background-color: #5478CD; overflow: hidden; }
.com_clinic_sect .cont .bg { position: absolute; left: 50%; top: 40%; transform: translateX(-50%); width: 120%; opacity: 0.1; }

.com_clinic_sect .cont .notice { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: 100%; font-size: var(--txt3); font-weight: 600; color: rgba(255,255,255,0.7); fill: rgba(255,255,255,0.7); z-index: 10; }
.com_clinic_sect .cont .notice .ico { display: flex; align-items: center; justify-content: center; margin-right: 5px; }
.com_clinic_sect .cont .notice .ico svg { display: flex; align-items: center; justify-content: center; }

.com_clinic_sect .cont .float_box { position: absolute; left: 20%; top: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; }
.com_clinic_sect .cont .float_box .dot { position: relative; width: 62px; height: 62px; }
.com_clinic_sect .cont .float_box .dot span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: 100%; }

.com_clinic_sect .cont .float_box .dot span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.12); opacity: 1; background-color: #fff; z-index: 2; }
.com_clinic_sect .cont .float_box .dot span:nth-of-type(2) { transform: translate(-50%, -50%) scale(0.4); opacity: 1; background-color: #19CFD0; }
.com_clinic_sect .cont .float_box .dot span:nth-of-type(3) { transform: translate(-50%, -50%) scale(0.9); opacity: 0.2; background-color: #19CFD0; }

.com_clinic_sect .cont .float_box .info_box { position: relative; background-color: #fff; padding: 5px 15px; margin-top: 0px; border-radius: 15px; transform: translateX(-27%); }
.com_clinic_sect .cont .float_box .info_box:before { content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%); width: 12px; height: 12px; background: url(/inc/img/main/info_bubble.svg)center/contain no-repeat; }
.com_clinic_sect .cont .float_box .info_box .info { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; font-size: var(--txt2); font-weight: 600; }
.com_clinic_sect .cont .float_box .info_box .info + .info { border-top: 1px solid #EDEEF5; }
.com_clinic_sect .cont .float_box .info_box .info .tit { white-space: nowrap; }
.com_clinic_sect .cont .float_box .info_box .info .ico { display: flex; align-items: center; justify-content: center; width: 1.8em; height: 1.8em; margin-left: 1.5em; background-color: #F3F4F8; border-radius: 100%; flex-shrink: 0; }
.com_clinic_sect .cont .float_box .info_box .info .ico svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; fill: #7A8390;}

.com_clinic_sect .cont #viewer-3d { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.com_clinic_sect .cont #viewer-3d canvas { touch-action: auto !important; }

.com_clinic_sect .cont .clinic_tab { position: absolute; left: 0; top: 27px; display: flex; align-items: center; justify-content: flex-start; width: 100%; height: auto; padding: 0 var(--inPd); overflow: auto; z-index: 10; }
.com_clinic_sect .cont .clinic_tab::-webkit-scrollbar { display: none; }
.com_clinic_sect .cont .clinic_tab .tab { display: flex; align-items: center; justify-content: center; width: 3.5em; height:3.5em; font-weight: 700; color: #fff; white-space: nowrap; flex-shrink: 0; border-radius: 10px; overflow: hidden; font-size: var(--txt1); cursor: pointer;}
.com_clinic_sect .cont .clinic_tab .tab span { position: relative; margin-top: -5px;}
.com_clinic_sect .cont .clinic_tab .tab span:before { content: ''; position: absolute; left: 50%; bottom: -7px; transform: translateX(-50%); width: 6px; height: 6px; background-color: #19CFD0; border-radius: 100%; opacity: 0; }
.com_clinic_sect .cont .clinic_tab .tab.active span:before { opacity: 1; }
.com_clinic_sect .cont .clinic_tab .tab.active { background-color: #fff; color: #262F40; }
.com_clinic_sect .cont .clinic_tab .tab + .tab { margin-left: 15px; }

.com_clinic_sect .slide_wrap { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--titContM1); transition: opacity 0.5s, transform 0.5s; }
.com_clinic_sect .slide_wrap.active { opacity: 1; transform: translateY(0); }
.com_clinic_sect .slide_wrap .swiper-container { padding: 0 var(--inPd); height: 80px; }
.com_clinic_sect .slide_wrap .swiper-container::-webkit-scrollbar { display: none; }
.com_clinic_sect .slide_wrap .swiper-container + .swiper-container {margin-top: 20px;}
.com_clinic_sect .slide_wrap .swiper-wrapper {padding: 0;display: flex;}

.com_clinic_sect .swiper-wrapper {transition-timing-function: linear !important;}
.com_clinic_sect .clinic_tab_wrap { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 10px 0; }
.com_clinic_sect .clinic_tab_wrap::-webkit-scrollbar { display: none; }
.com_clinic_sect .clinic_tab_wrap .tab { display: flex; align-items: center; justify-content: flex-start; width: auto; padding: 5px 20px 5px 5px; border-radius: 50em; background-color: var(--grayBg2); white-space: nowrap; }
.com_clinic_sect .clinic_tab_wrap2 .tab {flex-direction: row-reverse}
.com_clinic_sect .clinic_tab_wrap .tab .img { width: 70px; height: 70px; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.com_clinic_sect .clinic_tab_wrap .tab .tit { font-weight: 700; font-size: var(--txt1); flex: 1; text-align: center;margin: 0 15px 0 15px;}
/* .com_clinic_sect .clinic_tab_wrap .tab.type2 .tit {font-size: 15px; letter-spacing: -0.1px} */
.com_clinic_sect .clinic_tab_wrap .tab .arr { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: auto; border-radius: 100%; background-color:var(--colorBlue2); overflow: hidden; flex-shrink: 0; fill: #fff; }
.com_clinic_sect .clinic_tab_wrap .tab .arr svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; }




.com_clinic_slide_wrap { transition: opacity 0.5s, transform 0.5s; margin-top: 10rem;}
.com_clinic_slide_wrap.active { opacity: 1; transform: translateY(0); }
.com_clinic_slide_wrap .swiper-container { overflow-x: auto}
.com_clinic_slide_wrap .swiper-container::-webkit-scrollbar { display: none; }
.com_clinic_slide_wrap .swiper-container + .swiper-container {margin-top: 20px;}
.com_clinic_slide_wrap .swiper-wrapper {padding: 0;display: flex;}

/* .com_clinic_slide_wrap .swiper-wrapper {transition-timing-function: linear !important;} */
.com_clinic_slide_wrap .clinic_tab_wrap { display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.com_clinic_slide_wrap .clinic_tab_wrap::-webkit-scrollbar { display: none; }
.com_clinic_slide_wrap .clinic_tab_wrap .tab { display: flex; align-items: center; justify-content: flex-start; width: auto; padding: 1.5rem 2rem 1.5rem 1.5rem; border-radius: 50em; background-color: var(--grayBg2); white-space: nowrap;  transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
.com_clinic_slide_wrap .clinic_tab_wrap2 .tab {flex-direction: row-reverse}
.com_clinic_slide_wrap .clinic_tab_wrap .tab .img { width: 7rem; height: 7rem; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.com_clinic_slide_wrap .clinic_tab_wrap .tab .tit { font-weight: 700; font-size: var(--txt1); flex: 1; text-align: center; margin-left: 2.5rem; margin-right: 2.5rem;}

.com_clinic_slide_wrap .clinic_tab_wrap .tab .arr { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: auto; border-radius: 100%; background-color:var(--colorBlue2); overflow: hidden; flex-shrink: 0; fill: #fff; transition: background-color 0.3s ease-in-out ,  fill 0.3s ease-in-out; }
.com_clinic_slide_wrap .clinic_tab_wrap .tab .arr svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; }

.com_clinic_slide_wrap .clinic_tab_wrap .tab:hover {background-color: var(--colorBlue1); color: #fff; }
.com_clinic_slide_wrap .clinic_tab_wrap .tab:hover .arr {background-color: #fff; fill: var(--colorBlue1);}





/* 치료사례 공용 */
.com_case_cont .swiper-container { overflow: visible;}

.com_case_cont .item { padding: 20px 15px;  border-radius: 15px; background-color: #fff; height: auto; display: flex; flex-direction: column;}
.com_case_cont .item .top_box {display: flex; align-items: center; justify-content: space-between;}
.com_case_cont .item .top_box .dis_name {font-size: var(--tit5); font-weight: 700; }


.main .com_case_cont .item {background-color: var(--grayBg2); box-shadow: none;}
.main .com_case_cont .item .util .tag span {transition: 0.3s ease-in-out;}

.main .com_case_cont .item:hover .util .tag span {background-color: var(--grayBg1);}

.com_case_cont .item .case_img { display: flex; align-items: center; margin-top: var(--titContM1); position: relative;}
.com_case_cont .item .case_img .cont {width: 50%; flex-shrink: 0;}
.com_case_cont .item .case_img .tit { background-color: #A8ABB2; color: #fff; padding: 5px 0; border-radius: 8px 8px 0 0;text-align: center; font-size: var(--txt3); font-weight: 700;}
.com_case_cont .item .case_img .img {padding-top: 103%; border: 2px solid #A8ABB2; border-radius: 0 0 8px 8px; position: relative; overflow: hidden;}
.com_case_cont .item .case_img .img img { position: absolute; top: 0; left: 0; width: 100%; height: 103%; object-fit: cover; }
.com_case_cont .item .case_img .cont.after {width: 55%; margin-left: -5%; }
.com_case_cont .item .case_img .cont.after .img {border: 2px solid var(--colorBlue1);}
.com_case_cont .item .case_img .cont.after .tit {background-color: var(--colorBlue1);}
.com_case_cont .item .case_img .arr {position: absolute; left: 45%; top: 55%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 100%; background-color: #fff; fill: #000; overflow: hidden;}
.com_case_cont .item .case_img .arr svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; }

.com_case_cont .item .top_box + .case_img2 {margin-top: 2.5rem;}
.com_case_cont .item .case_img2 {position: relative; border-radius: 1rem; overflow: hidden;}
.com_case_cont .item .case_img2 .top_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-start ;overflow: hidden; z-index: 2;}
.com_case_cont .item .case_img2 .top_txt .tit {font-size: 2.5vw;font-weight: 700;color: #fff;padding: 0.5em 0.1px;text-align: center;width: 50%;background-color: #A8ABB2; position: relative; z-index: 2;}
.com_case_cont .item .case_img2 .top_txt .tit.after {background-color: var(--colorBlue1);}
.com_case_cont .item .case_img2 .top_txt .bg {position: relative; width: calc(50% + 0px); height: 100%; border: 3px solid #A8ABB2; border-bottom-left-radius: 1rem; position: absolute; left: 0; border-right: none; pointer-events: none;}
.com_case_cont .item .case_img2 .top_txt .bg.after { border: 3px solid var(--colorBlue1); right: 0; left: auto; border-bottom-left-radius:0; border-bottom-right-radius: 1rem}
.com_case_cont .item .case_img2 .img {position: relative; padding-top: 63%;}
.com_case_cont .item .case_img2 .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: top center;}
.com_case_cont .item .case_img2 .arr {position: absolute; left: 50%; top: 57%; transform: translate(-50%, -50%); width: 11%; padding-top: 11%; border-radius: 100%; background-color: var(--colorBlue1); fill: #fff; overflow: hidden; z-index: 3;}
.com_case_cont .item .case_img2 .arr .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 40%; height: 40%;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"></path></svg>') no-repeat center / contain;}

.com_case_cont .item .case_img2.facial {padding-top: 8.5vw;}
.com_case_cont .item .case_img2.facial .img {padding-top: 84%;}
.com_case_cont .item .case_img2.facial .arr {top: calc(50% + 5.25vw); }
.com_case_cont .item .case_img2.facial .arr + .arr {top: 83%; display: none;}
.com_case_cont .item .case_img2.facial .top_txt .bg {width: calc(50% + 0px);}
.com_case_cont .item .case_img2.facial .bg.after { border-left: none;}


.com_case_cont .item .case_img2.login .bg.after {background-color: rgba(28,54,154,0.6); backdrop-filter: blur(15px);}
.com_case_cont .item .case_img2.login .bg.after::before {content: "치료 결과 열람은 회원 전용 메뉴입니다."; position: absolute; width: 75% ;left: 50%; top: 55%; transform: translate(-50%,-50%); color: #fff; font-size: var(--smTxt2); text-align: center; z-index: 2;}


.com_case_cont .item .txt_box { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: var(--contImgTxtM); font-size: var(--txt2); transition: font-size 0.75s ease-in-out;}
.com_case_cont .item .cate { margin-top: var(--contImgTitM); font-weight: 700; font-size: var(--txt2); }
/* .com_case_cont .item .cate span {color:var(--colorBlue2)} */
.com_case_cont .item + .tit {}
.com_case_cont .item .util { display: flex; align-items: center; justify-content: flex-start; margin-top: var(--contImgTitM); font-size: var(--smTxt1); font-weight: 500; margin-bottom: 20px;}
.com_case_cont .item .util .tag { flex-shrink: 0; margin-right: 5px; }
.com_case_cont .item .util .tag span { display: inline-block; padding: 0.2em 0.4em; color: #7A8390; background-color: var(--grayBg1); border-radius: 4px; line-height: 1.3}
.main .com_case_cont .item .util .tag span {background-color: #fff;}
.com_case_cont .item .util .util_date { color: #ADB2BE; }
.com_case_cont .item .bot_box {margin-top: var(--titContM1); display: flex; justify-content: space-between; margin-top: auto;}
.com_case_cont .item .date { font-size: var(--txt3); font-weight: 500; color: #7A8390;}
.com_case_cont .item .num_txt {font-size: var(--txt3);}
.com_case_cont .item .num_txt .num {font-weight: 700; margin-left: 5px;}

.com_case_cont .item .txt_box {position: relative;}



/* 환자가 직접 쓴 후기 ? 리얼 후기? */

.com_pt_rv .review_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--titContM2);}
.com_pt_rv .review_top .review { font-weight: 700; font-size: var(--txt1);}
.com_pt_rv .review_top .review span { color: var(--colorBlue2); }
.com_pt_rv .review_top .date { font-size: var(--smTxt1); color: #ADB2BE; font-weight: 500; }
.com_pt_rv .slide_wrap {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.com_pt_rv .slide_wrap .swiper-container {overflow: visible;}
/* 이게 구조가 item 안에 a 있는 것도 있고 item 자체가 a인것도 있음 */
.com_pt_rv .item  {background-color: #fff; padding: 25px 20px; border-radius: 15px; height: auto; display: flex; flex-direction: column;}
.com_pt_rv .item a {height: 100%; display: flex; flex-direction: column;}
.com_pt_rv .item .top_box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.com_pt_rv .item .top_box .dis_name {font-size: var(--tit5); font-weight: 700;}
.com_pt_rv .item .profile_box {display: flex; align-items: center; margin-bottom: var(--contImgTitM);}
.com_pt_rv .item .profile_box .img {position: relative; width: 50px; height: 50px; border-radius: 50%; background-color: var(--grayBg1); overflow: hidden;}
.com_pt_rv .item .profile_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: top; object-fit: cover;;}
.com_pt_rv .item .profile_box .txt {font-size: var(--smTxt1); font-weight: 700; margin-left: 10px;}
.com_pt_rv .item .profile_box .txt .name { font-size: var(--tit5)}
.com_pt_rv .item .profile_box .txt .type {color: #7A8390; font-size: var(--txt3); font-weight: 700;}
.com_pt_rv .item .profile_box .com_tag {margin-left: auto;;}
.com_pt_rv .item .img_box {position: relative ; padding-top: 56.25%;}
.com_pt_rv .item .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.com_pt_rv .item .img_box + .bot_box {margin-top: 25px;}
.com_pt_rv .item .txt_box {position: relative;}


.com_pt_rv .item .img_box .login_box {display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-color: rgba(28, 54, 154, 0.6);backdrop-filter: blur(15px);}
.com_pt_rv .item .img_box .login_box .ico {width: 0.9em; height: 0.9em;}
.com_pt_rv .item .img_box .login_box .ico svg {width: 100%; height: auto;}
.com_pt_rv .item .img_box .login_box .txt {font-size: var(--smTxt1); text-align: center; color: #fff;  margin-top: 10px;}
.com_pt_rv .item .img_box .login_box .btn {margin-top: 10px;padding: 0.7em 1.3em; border-radius: 50px;background-color:var(--colorBlue1); color: #fff;font-size: var(--smTxt1);}



.login_info_box {display: flex; justify-content: center; align-items: center;padding: 14px 12px;border-radius: 10px;background-color: #fff;color: #1970C6;font-size: var(--smTxt1);}
.login_info_box .ico {width: 0.9em;height: 0.9em;margin-right: 0.65em;flex-shrink: 0; margin-top: -1px; font-size: var(--txt2);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="55.727" height="68.362" viewBox="0 0 55.727 68.362"><defs><clipPath id="clip-path"><rect  data-name="사각형 7530" width="55.727" height="68.362" fill="none"></rect></clipPath></defs><g  transform="translate(0 0)"><g  data-name="그룹 8777" transform="translate(0 0)" clip-path="url(%23clip-path)"><path  data-name="패스 6796" d="M41,27.587H35.683V16.879a11.567,11.567,0,0,0-23.133,0V27.587H7.236V16.879a16.88,16.88,0,0,1,33.76,0Z" transform="translate(3.749 0)" fill="%2369a6ff"></path><path  data-name="패스 6797" d="M48.987,60.816H6.742A6.742,6.742,0,0,1,0,54.074V21.309a6.742,6.742,0,0,1,6.742-6.742H48.987a6.741,6.741,0,0,1,6.74,6.742V54.074a6.741,6.741,0,0,1-6.74,6.742" transform="translate(0 7.546)" fill="%2393bfff"></path><path  data-name="패스 6798" d="M24.418,29.395A4.521,4.521,0,1,1,19.9,24.874a4.52,4.52,0,0,1,4.521,4.521" transform="translate(7.966 12.885)" fill="%23fff"></path><path  data-name="패스 6799" d="M18.9,42.071h0a1.6,1.6,0,0,1-1.6-1.6V29.228a1.6,1.6,0,1,1,3.191,0V40.476a1.6,1.6,0,0,1-1.6,1.6" transform="translate(8.964 14.315)" fill="%23fff"></path></g></g></svg>') no-repeat center / contain;
}
.login_info_box.gray {background-color: var(--grayBg1);}





.com_play_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);display: flex;align-items: center;justify-content: center;}
.com_play_bg .btn_play {position: relative; width: 4.2rem; padding-top:4.2rem ; background-color: #eeedeb; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.com_play_bg .btn_play .ico {position: absolute; left: 54%; top: 50%; transform: translate(-50%,-50%); width: 28%; height: 28%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%231C369A"><path d="M384 256L0 32V480L384 256z"/></svg>') no-repeat center/ contain}

.com_play_bg .btn_play.bk {background-color: #000;}
.com_play_bg .btn_play.bk .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23fff"><path d="M384 256L0 32V480L384 256z"/></svg>') no-repeat center/ contain}

.com_play_bg.off {opacity: 0;}


.com_see_more {display: flex;align-items: center;font-size: 15px;font-weight: 700;fill: #262F40;}
.com_see_more .ico {width: 1em; height: 1em; margin-left: 5px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262F40"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center/ contain;}

.com_see_more.line {border: 1px solid #262F40;padding: 0.6em 1.3em;border-radius: 5em;}


.com_see_more.wh_line {border-color: #fff; color: #fff;}
.com_see_more.wh_line .ico {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center/ contain;}

.com_pt_rv .item .img_box + .txt_box {margin-top: 12px; }
.com_pt_rv .item .img_box + .txt_box p {overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.com_pt_rv .item .profile_box + .txt_box {overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 8;  -webkit-box-orient: vertical;

    white-space: normal; /* ✅ 꼭 필요 */
    max-height: calc(1.6em * 8); /* ✅ 줄 높이에 맞게 추가 (선택사항) */
}
.com_pt_rv .item .txt_box {margin-bottom: 25px; flex: 1;}
.com_pt_rv .item .txt_box.login {}
.com_pt_rv .item .login_info_box {height: 100%;}


.com_pt_rv .item .bot_box { display: flex; justify-content: space-between; margin-top: auto;}
.com_pt_rv .item .date { font-size: var(--txt3); font-weight: 500; color: #7A8390;}
.com_pt_rv .item .date span + span {margin-left: 0.5em;}
.com_pt_rv .item .num_txt {font-size: var(--txt3);}
.com_pt_rv .item .num_txt .num {font-weight: 700; margin-left: 5px;}

.comm_review_list_box .com_pt_rv .item .top_box {margin-bottom: 15px;}





/* header */

#header { position: fixed; left: 0; top: 0; width: 100%; height: var(--hdH); background-color: #fff; border-bottom-color: transparent; z-index: 9998; transition: transform 0.3s , background-color 0.3s , height 0.3s ease-in-out;}
.main #header {height: var(--mainHdH);}
.main #header.band_banner_none {height: var(--hdH);}

#header.scroll_down { transform: translate(0%, -100%); }
#header.scroll { border-bottom: 1px solid rgba(0,0,0,0.1); }
#header.scroll_top { border-bottom-color: transparent; transform: translate(0%, 0%);}

#header.sub_header.scroll_down {}
#header.sub_header.scroll_top { border-bottom: unset;  }

#header .network_select {display: none;}

#header.sub_header.up {transform: translate(0%,-100%);}

#header .band_banner {display: flex; justify-content: space-between; height: 55px; position: relative; transition: 0.3s ease-in-out; overflow: hidden;}
.main #header.band_banner_none .band_banner {height: 0;}
#header .band_banner .slide {flex: 1; min-width: 0; position: relative;}
#header .band_banner .slide .swiper-container {height: 100%;}
#header .band_banner .slide .swiper-slide {font-size: var(--txt3); font-weight: 600; display: flex; align-items: center;  padding: 10px 4em 10px var(--inPd); transition: background-color 0.3s ease-in-out;}
#header .band_banner .slide .swiper-slide-active { height: calc(100% + 3px) !important; margin-top: -1px;}
#header .band_banner .slide .swiper-slide a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

 
#header .band_banner .btn_wrap {position: absolute; right: var(--inPd); top: 50%; transform: translateY(-50%); display: flex; align-items: center; z-index: 3;}
#header .band_banner .btn_wrap .move_btn {width: 0.7em; display: flex; align-items: center;}
#header .band_banner .btn_wrap .move_btn  svg {width: 100%; height: auto; fill: #fff;}
#header .band_banner .btn_wrap .move_btn .play {display: none;}
#header .band_banner .btn_wrap .move_btn.start .play {display: block;}
#header .band_banner .btn_wrap .move_btn.start .pause {display: none;}
#header .band_banner .btn_wrap .close_btn {width: 1em;  fill: #fff; margin-left: 1em; display: flex; align-items: center;}
#header .band_banner .btn_wrap .close_btn svg {width: 100%; height: auto;}

#header .pc_nav {display: none;}

#header > .cont { display: flex; align-items: center; justify-content: space-between; height: var(--hdH); padding: 0 var(--inPd); position: relative; transition:  0.3s ease-in-out;}
#header > .cont.type2 {position: absolute;left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2;  transform: translateY(-100%);}
#header.sub_header.scroll > .cont.type2 {transform: unset;}
#header > .cont .nav {display: flex; align-items: center;}
#header > .cont .nav .home {margin-right: 15px; display: flex; align-items: center;}
#header > .cont .nav .home svg {width: 18px; height: auto;}
#header > .cont .nav .select {display: flex; align-items: center;}
#header > .cont .nav .select + .select {margin-left: 15px;}
#header > .cont .nav .select + .select::before {content: ""; width: 4px; height: 4px; background-color: #c9d2df; border-radius: 50%; display: block;margin: 0 8px; display: none;}
#header > .cont .nav .select .nice-select {border: none; padding: 0 1.4em 0 0; background-color: transparent; height: auto; line-height: 1.5; font-size: var(--txt3); font-weight: 600;}
#header > .cont .nav .select .nice-select .current {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
#header > .cont .nav .select + .select + .select .nice-select .current {max-width: 5em;}
#header > .cont .nav .select .nice-select::after {content: '';border: none;display: block;width: 0.8em;height: 0.8em; pointer-events: none;position: absolute;right: 0px;top: 50%; margin-top: -1px; transform-origin: center; transform: translateY(-50%) ;transition: all 0.15s ease-in-out;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><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 / cover;}
#header > .cont .nav .select .nice-select .list {margin-top: 10px;}
#header > .cont .nav .select .nice-select .option {line-height: 1.5; min-height: 0;}
#header > .cont .nav .select .nice-select .option:hover,
#header > .cont .nav .select .nice-select .option.focus,
#header > .cont .nav .select .nice-select .option.selected.focus {background-color: var(--grayBg2); color: #262F40;}

#header > .cont .logo { display: flex; align-items: center; height: 2.2rem;}
#header > .cont .logo img,
#header > .cont .logo svg { height: 100%; }
#header > .cont .util_wrap { display: flex; align-items: center; }
#header > .cont .sel_box { position: relative; font-size: var(--txt3); font-weight: 700; color: #1C369A; fill: #1C369A; cursor: pointer; }
#header > .cont .sel_box .current { display: flex; align-items: center; justify-content: space-between; padding: 0.3em 1em 0.4em; border-radius: 2em; background-color: #F3F4F8; font-weight: 700; }
#header > .cont .sel_box .current .arr { margin-left: 0.5em; margin-top: -1px;}
#header > .cont .sel_box .current .arr svg { display: flex; align-items: center; justify-content: center; }
#header > .cont .sel_box .opt_box { display: none !important; position: absolute; bottom: 0; right: 0; transform: translateY(100%); display: grid; grid-template-columns: repeat(4, 1fr); width: auto; background-color: #fff; }
#header > .cont .sel_box .opt_box .opt { padding: 1.2rem 1.7rem; border-bottom: 1px solid #e5e5e5; white-space: nowrap; }
#header > .cont .sel_box .opt_box .opt:last-child { border-bottom: 0; }
#header > .cont .ham_btn { margin-left: 2.2rem; font-size: calc(var(--txt3) * 1.8); cursor: pointer; }
#header > .cont .ham_btn .ico { display: flex; align-items: center; justify-content: center; }

#header.sub_header.scroll {}



.all_sch { position: fixed; left: 0; top: var(--hdH); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 24rem; padding: 0 2rem; background-color: #002575; opacity: 0; pointer-events: none; transition:  0.3s; }
.main .all_sch {top: var(--mainHdH);}
.all_sch.on { opacity: 1; pointer-events: auto; }
.main #header.band_banner_none .all_sch {top: var(--hdH);}
.header.fix .all_sch { /*top: 100px;*/ }

.all_sch form {width: 100%; max-width: 80rem;}
.all_sch .sch_box_wrap{display: flex; align-items: center; width: 100%;}
.all_sch .sch_box { display: flex; align-items: center; justify-content: center; width: 100%; height: 3.5em; line-height: 60px; padding: 0 20px; background-color: #fff; border-radius: 8px; }
.all_sch .sch_box input { width: 100%; font-size: var(--txt2); font-weight: 600; color: #7A8390;}
.all_sch .sch_box .ico { flex-shrink: 0; margin-left: 1.5rem; font-size: 2.5rem; }
.all_sch .sch_box .ico button { font-size: 2rem; }
.all_sch .sch_box .ico svg { display: flex; align-items: center; justify-content: center; width: auto; height: auto; object-fit: contain; fill: #002575; width: 1.3em;}

.all_sch .close_btn {width: 3.5em;height: 3.5em;margin-left: 1.5rem; transition: opacity 0.3s;border-radius: 8px;flex-shrink: 0; background-color: var(--colorBlue1); display: flex; align-items: center; justify-content: center;}
.all_sch .close_btn svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; fill: #fff; width: 1.3em;}


.all_sch .recommend_list{display: flex; align-items: flex-start; width: 100%;padding-top: 15px; max-width: 80rem; padding-left: 20px;}
.all_sch .recommend_list p{margin-right: 1em; color: #fff; font-size: var(--txt3); font-weight: 700; flex-shrink: 0; line-height: 1.7;}
.all_sch .recommend_list > div { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; max-width: 60rem; }
.all_sch .recommend_list span{padding: 0.6em 1em; background: #2954A2; color: #ADCAFE; margin-right: 5px; margin-bottom: 5px; font-size: var(--smTxt); font-weight: 600; border-radius: 2em; line-height: 1em; cursor: pointer; display: inline-block;}
.all_sch .recommend_list span + span{}




.mo_menu { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; transform: translateX(100%); width: 100%; max-width: 100%; height: 100vh; background-color: #fff; z-index: 9998; transition: transform 0.5s; pointer-events: none; overflow-y: auto; }
.mo_menu.on { transform: translateX(0%); pointer-events: auto; }

.mo_menu .menu_top { padding: 15px 20px 15px; background-color: #F0F2F7; }
.mo_menu .top { display: flex; align-items: center; }
.mo_menu .top .left { display: flex; align-items: center; margin-left: auto; margin-right: 15px;}
.mo_menu .top .logo { display: flex; align-items: center; width: 100px; mix-blend-mode: multiply;}
.mo_menu .top .logo svg { width: 100%; }

.mo_menu .top .close { display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; cursor: pointer; }
.mo_menu .top .close svg { width: 100%; }

.mo_menu .top_util { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; }
.mo_menu .size_up { display: flex; align-items: center; }
.mo_menu .size_up .ico { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; background-color: #fff; border: 1.5px solid var(--grayLine); }
.mo_menu .size_up .ico svg { width: 60%; height: 60%; }
.mo_menu .size_up .txt { width: 30px; font-weight: 500; text-align: center; }

.mo_menu .login_btn {margin-left: 20px; cursor: pointer; position: relative;}
.mo_menu .login_btn .ico {width: 1em; display: flex; align-items: center;}
.mo_menu .login_btn .ico svg {width: 100%; height: auto;}

.mo_menu .login_nav {position: absolute; right: -50%; bottom: -20px; transform: translate(15%,100%); white-space: nowrap;background-color: #fff;box-shadow: 0 0 5px rgba(92, 103, 129, 0.3); color: #000; padding: 0.7em 1em; border-radius: 1.5rem; opacity: 0; transition: opacity 0.3s ease-in-out}
.mo_menu .login_btn.active .login_nav {opacity: 1}
.mo_menu .login_nav li + li {margin-top: 7px}
.mo_menu .login_nav a {display: flex; align-items: center;  font-weight: 500; margin-right: 0; font-size: var(--txt3)}
.mo_menu .login_nav a .login_nav_ico {width: 1em; height: 1em; margin-right: 1em; transform: translateY(-1px)}
.mo_menu .login_nav a .login_nav_ico svg {width: 100%}
.mo_menu .login_nav a .txt {}


.mo_menu .menu_info { padding: 17px 20px; display: none; }

.mo_menu .menu_info .res_box_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mo_menu .menu_info .res_box_wrap .res_box { padding: 16px 20px; border-radius: 20px; background: linear-gradient(135deg,  rgba(50,94,170,1) 0%,rgba(43,58,130,1) 78%); color: #fff; fill: #fff; }
.mo_menu .menu_info .res_box_wrap .res_box .tit_box { display: flex; align-items: center; justify-content: flex-start; font-weight: 700; }
.mo_menu .menu_info .res_box_wrap .res_box .tit_box .arr { display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 100%; background-color: rgba(255,255,255,0.2); margin-left: 10px; }
.mo_menu .menu_info .res_box_wrap .res_box .tit_box .arr svg { width: 60%; height: 60%; }
.mo_menu .menu_info .res_box_wrap .res_box .ico { display: flex; justify-content: flex-end; height: 35px; margin-top: 10px; margin-left: auto; }
.mo_menu .menu_info .res_box_wrap .res_box .ico img { height: 100%; }

.mo_menu .menu_info .res_box_wrap .res_box.type2 { background: linear-gradient(135deg,  rgba(62,74,171,1) 0%,rgba(39,37,111,1) 79%); }

.mo_menu .menu_info .info_util_box { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.mo_menu .menu_info .info_util_box .box { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.mo_menu .menu_info .info_util_box .box .ico { height: 34px; }
.mo_menu .menu_info .info_util_box .box .ico img { height: 100%; }
.mo_menu .menu_info .info_util_box .box .txt { margin-top: 10px; font-size: var(--txt3); font-weight: 600; }


.mo_menu .menu_sch { padding: 20px 20px; }
.mo_menu .menu_sch .sch_inp { display: flex; align-items: center; justify-content: center; height:3.5em; padding: 0 1.5em; background-color: #F3F4F8; border-radius: 2em; overflow: hidden; font-size: var(--txt2);}
.mo_menu .menu_sch .sch_inp input { display: block; width: 100%; height: 100%; color: var(--colorBlue1); font-weight: 600; background-color: transparent; }
.mo_menu .menu_sch .sch_inp .ico { width: 1.1em; height: 1.1em; fill: var(--colorBlue1); flex-shrink: 0; }
.mo_menu .menu_sch .sch_inp .ico svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.mo_menu .recom_tag { margin-top: 10px; }
.mo_menu .recom_tag .tit { font-size: var(--txt3); font-weight: 700; display: none;}
.mo_menu .recom_tag .tag_wrap { margin: 10px -2px -4px 0; max-height: 3.8em; overflow: hidden;}
.mo_menu .recom_tag .tag_wrap .tag { display: inline-block; margin-right: 2px; margin-bottom: 4px; padding: 0.1em 0.8em; border-radius: 2em; background-color: #F3F4F7; font-size: var(--smTxt1); color: #888C93; font-weight: 500; white-space: nowrap; }


.mo_menu .depth_wrap { position: relative; border-top: 6px solid var(--grayBg1); background-color: var(--grayBg2); flex: 1;} /*height:calc(100svh - 225px);*/
.mo_menu .depth_wrap > ul {  height: 100%;  overflow: auto; padding-bottom: 5rem;}
.mo_menu .depth_wrap > ul:before { content: ''; position: absolute; left: 0; top: 0; width: 150px; height: 200%; background-color: #F0F2F7; z-index: -1; display: none;}

.mo_menu .depth_wrap .depth1 { display: grid; grid-template-columns: 150px minmax(0, 1fr); }
.mo_menu .depth_wrap .depth1 > a { display: flex; align-items: center; height: 57px; padding: 0 19px; font-size: var(--tit5); font-weight: 500; background-color: var(--grayBg2); }
.mo_menu .depth_wrap .depth1.on > a { background-color: #fff; font-weight: 700; }
.mo_menu .depth_wrap .depth1 .depth2_wrap { position: absolute; left: 150px; top: 0; width: calc(100% - 150px); height: 100%; padding: 0 16px 20px; display: none; overflow: auto; background-color: #fff;     -webkit-overflow-scrolling: touch; /* iOS 최적화지만 넣어두면 무해 */}
.mo_menu .depth_wrap .depth1 .depth2 { width: 100%; height: auto; }
.mo_menu .depth_wrap .depth1.on .depth2_wrap { display: block; }
.mo_menu .depth_wrap .depth1 .depth2 > li + li {  }
.mo_menu .depth_wrap .depth1 .depth2 > li > a { position: relative; display: flex; align-items: center; width: 100%; height: 57px; padding: 0; border-bottom: 1px solid #f3f4f8; font-size: var(--txt1); font-weight: 700; }
.mo_menu .depth_wrap .depth1 .depth2 > li.on > a span {position: relative;}
.mo_menu .depth_wrap .depth1 .depth2 > li.on > a span::before {content: ""; position: absolute; right: -10px; top: 0%; transform: translateY(20%) ;display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--colorBlue2);}


.mo_menu .depth_wrap .depth1 .depth2 > li > a[target="_blank"] span {position: relative; padding-right: 1.2em;}
.mo_menu .depth_wrap .depth1 .depth2 > li > a[target="_blank"] span::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.8em; height: 0.8em; 
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23262f40"><path d="M320 0L288 0l0 64 32 0 82.7 0L201.4 265.4 178.7 288 224 333.3l22.6-22.6L448 109.3l0 82.7 0 32 64 0 0-32 0-160 0-32L480 0 320 0zM32 32L0 32 0 64 0 480l0 32 32 0 424 0 32 0 0-32 0-128 0-32-64 0 0 32 0 96L64 448 64 96l96 0 32 0 0-64-32 0L32 32z"/></svg>') no-repeat center / contain;
}

.mo_menu .depth_wrap .depth1 .depth2 > li > a .arr { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 1em; height: 0.8em; transform-origin: center; transition: transform 0.3s; }
.mo_menu .depth_wrap .depth1 .depth2 > li > a .arr svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transform-origin: center; transition: transform 0.3s; }
.mo_menu .depth_wrap .depth1 .depth2 > li.on > a .arr svg { transform: rotate(180deg); }
.mo_menu .depth_wrap .depth1 .depth2 .depth3 { padding: 10px 0; border-bottom: 1px solid #f3f4f8; display: none; }
.mo_menu .depth_wrap .depth1 .depth2 .depth3 > li {  }
.mo_menu .depth_wrap .depth1 .depth2 .depth3 > li > a { position: relative; display: inline-block; width: 100%; padding: 10px; font-size: var(--txt2); font-weight: 500; color: #7A8390;}
.mo_menu .depth_wrap .depth1 .depth2 .depth3 > li > a:before { content: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 256l-11.3 11.3-192 192L96 470.6 73.4 448l11.3-11.3L265.4 256 84.7 75.3 73.4 64 96 41.4l11.3 11.3 192 192L310.6 256z"/></svg>')center/contain no-repeat; }
.mo_menu .depth_wrap .depth1 .depth2 .depth3 > li.on > a {color: #262F40;}






@media screen and (min-width: 1240px) {

    
    .mo_menu .depth_wrap .depth1 .depth2 > li > a[target="_blank"] span::after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M320 0L288 0l0 64 32 0 82.7 0L201.4 265.4 178.7 288 224 333.3l22.6-22.6L448 109.3l0 82.7 0 32 64 0 0-32 0-160 0-32L480 0 320 0zM32 32L0 32 0 64 0 480l0 32 32 0 424 0 32 0 0-32 0-128 0-32-64 0 0 32 0 96L64 448 64 96l96 0 32 0 0-64-32 0L32 32z"/></svg>') no-repeat center / contain;}

}






/* footer */
#footer { margin: auto auto 0; max-width: 100%; width: 100%;}
#footer .ft_cont { padding: 20px 0 90px; background-color: #f8f8f8 ; }
#footer.none .ft_cont {display: none;}

#footer .ft_cont .sns_top { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(38,47,64,0.15); }
#footer .ft_cont .sns_top .sns_ico {width: 38px;}
#footer .ft_cont .sns_top .sns_ico + .sns_ico {margin-left: 20px;}

#footer .ft_cont .ft_btm { margin-top: 20px; }
#footer .ft_cont .ft_btm .sel_wrap {display: flex;}
#footer .ft_cont .ft_btm .sel_box { width: 50%; }
#footer .ft_cont .ft_btm .sel_box + .sel_box {margin-left: 10px;}
#footer .ft_cont .ft_btm .sel_box .nice-select { padding-left: 1em; padding-right: 1.6em; border-radius: 5px; font-size: var(--txt3); font-weight: 700; background-color: #fff; color: #262f40; border: 1px solid #BDC2CD;}
#footer .ft_cont .ft_btm .sel_box .nice-select .list { min-width: 100%; top: auto; width: calc(100% - 1px); max-height: 300px; overflow-y: auto ;bottom: calc(100% + 5px); transform: translateY(21px); border-radius: 5px; color: #262f40;}
#footer .ft_cont .ft_btm .sel_box .nice-select.open .list {transform: scale(1) translateY(0);}
#footer .ft_cont .ft_btm .sel_box .nice-select .list .option { min-height: unset; height: unset; line-height: 1.5; padding: 1em; }
#footer .ft_cont .ft_btm .sel_box.current .current { font-weight: 700; color: #2C44A0; }
#footer .ft_cont .ft_btm .sel_box .nice-select:after { right: 1em; width: 1.1em; height: 1.1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="1em" fill="%23262f40"><path d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"/></svg>')center/contain no-repeat; transform-origin: center; transition: transform 0.3s; }
#footer .ft_cont .ft_btm .sel_box .nice-select.open:after { transform: rotate(180deg); }

#footer .ft_cont .ft_menu { display: flex; align-items: center; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: 20px; padding: 0 var(--inPd); overflow: auto; color: #262f40; font-size: var(--txt3); }
#footer .ft_cont .ft_menu::-webkit-scrollbar { display: none; }
#footer .ft_cont .ft_menu .menu { white-space: nowrap; }
#footer .ft_cont .ft_menu .menu + .menu { margin-left: 25px; }

#footer .ft_cont .ft_btm .ft_info { margin-top: 20px; }
#footer .ft_cont .ft_btm .ft_info .addr { font-size: 14px; color: #262f40; }
#footer .ft_cont .ft_btm .ft_info .info_box { display: flex; align-items: center; justify-content: flex-start; }
#footer .ft_cont .ft_btm .ft_info .info { font-size: 14px; color: #262f40; }
#footer .ft_cont .ft_btm .ft_info .info b { margin-right: 3px; font-weight: 700; }
#footer .ft_cont .ft_btm .ft_info .info + .info { margin-left: 15px; }

#footer .ft_cont .ft_btm .ft_info .notice { margin-top: 15px; font-size: 12px; color: #7A8390; } 
#footer .ft_cont .ft_btm .ft_info .copy { font-size: 12px; color: #7A8390; }

#footer .ft_cont .ft_btm .ft_coo_wrap { margin-top: 30px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding:0 var(--inPd); overflow: hidden;}

@media screen and (max-width: 600px) { 
    #footer .ft_cont .ft_btm .ft_coo_wrap{width: calc(100% + var(--inPd) * 2) !important;}
}



#footer .ft_cont .ft_btm .ft_coo_wrap .btn_box {display: flex; justify-content: flex-end;margin-bottom: 7px; padding-right: 15px; display: none;}
#footer .ft_cont .ft_btm .ft_coo_wrap .btn_box .swiper_btn {width: 1.2em; height: 1.2em; border-radius: 50%; border: 1px solid #ddd; background-color: #fff; display: flex; align-items: center ; justify-content: center; cursor: pointer;}
#footer .ft_cont .ft_btm .ft_coo_wrap .btn_box .swiper_btn.swiper-button-disabled {pointer-events: none; opacity: 0.3;}
#footer .ft_cont .ft_btm .ft_coo_wrap .btn_box .swiper_btn + .swiper_btn {margin-left: 5px;}
#footer .ft_cont .ft_btm .ft_coo_wrap .btn_box .swiper_btn svg {width: 50%; height: 50%; fill: #262F40;}
#footer .ft_cont .ft_btm .ft_coo_wrap .swiper-container {overflow: visible; padding-right:20px;}
#footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide {width: auto; height: auto; }
#footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide .ft_coo_box {display: flex; align-items: center; justify-content: flex-start; }
#footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide .ft_coo_box .txt { font-size: 10px; color: #7A8390; text-align: right; line-height: 1.3; }
#footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide .ft_coo_box .logo {position: relative; width: 45px; height: 45px; flex-shrink: 0; margin-left: 8px;}
#footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide .ft_coo_box .logo img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}

/* .top_btn_box { position: fixed; right: 10px; max-width: 100%; bottom: 80px; display: flex; justify-content: flex-end;  z-index: 100; pointer-events: none;}
.top_btn_box.bot {bottom: 15px;} */




.fix_btn_box { position: fixed; z-index: 100; right: 20px;bottom: 25px; font-size: var(--txt3);}
.fix_btn_box .btn { position: relative; display:flex; flex-direction: column; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 13px; background-color: #fff; pointer-events: auto; transition: background-color 0.3s ease-in-out; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.fix_btn_box .btn .txt {display: none;}
.fix_btn_box .btn + .btn {margin-top: 10px;}
.fix_btn_box .btn.rese_btn {display: none;}

.fix_btn_box .top_btn {opacity: 0; border-radius: 50%;}
.fix_btn_box .top_btn .ico {width: 35%; height: 35%; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out;}
.fix_btn_box .top_btn .ico svg {width: 100%;height: 100%;position: absolute;left: 0;top: 0; fill: #262F40; }

.fix_btn_box .top_btn:hover .ico {transform: translateY(-5px);}

.fix_btn_box { transform: translateY(7rem); transition: transform 0.3s ease-in-out;}

.fix_btn_box .rese_btn { color: #fff; fill: #fff; }
.fix_btn_box .rese_btn.call {background-color: var(--colorMint);}
.fix_btn_box .rese_btn.now {background-color: var(--colorBlue1);}
.fix_btn_box .rese_btn .ico {width:50%; position: relative; pointer-events: none;}
.fix_btn_box .rese_btn .ico object {width: 100%;}
.fix_btn_box .rese_btn .ico img {width: 100%;}
.fix_btn_box .rese_btn > .tit {font-weight: 600;  margin-top:-5px;} 
.fix_btn_box .rese_btn:hover .ico img {opacity: 0; transition: 0.3s ease-in-out;}
.fix_btn_box .rese_btn:hover .ico object {opacity: 1;}

body.scroll .fix_btn_box {transform: translateY(0); }
body.scroll .fix_btn_box .top_btn {opacity: 1;}

.fix_btn_box .btn.call:hover {background-color: #1cd2d3;}
.fix_btn_box .btn.now:hover{background-color: #203eb0;}

.fix_btn_box .top_btn:hover {background-color: #fff; }





/* 전화 예약 상담 */
.slide_modal .modal_wrap .modal_cont.res{position:relative; max-height:calc(70svh - env(safe-area-inset-bottom));}
.slide_modal .modal_wrap .modal_cont.res .modal_close {position: absolute; top:1.5em; right: 1.25em; width: 1.8rem; height: 1.8rem;}
.slide_modal .modal_wrap .modal_cont.res{padding: 3em 1.25em 2.5em; font-size: var(--txt2);}
.slide_modal .modal_wrap .modal_cont.res .tit_box .tit{font-size:var(--tit3); font-weight: 700;}
.slide_modal .modal_wrap .modal_cont.res .tit_box .txt {margin-top: 5px;}
.slide_modal .modal_wrap .modal_cont.res .com_info_box {margin-top: 10px;}
.slide_modal .modal_wrap .modal_cont.res .cont .term_box{background: #F3F4F8; padding: 1em; margin-top:10px; font-size: var(--txt2); border-radius:5px;}
.slide_modal .modal_wrap .modal_cont.res .form_btm_btn .btn{width: 100%;}
.slide_modal .modal_wrap .modal_cont.res_term .form_btm_btn{margin-top:20px;}
.slide_modal .modal_wrap .modal_cont.res .write_form{margin-top:30px;}

.slide_modal .modal_wrap .modal_cont.res:not(.res_term){overflow-y: auto;}
.slide_modal .modal_wrap .modal_cont.res:not(.res_term)::-webkit-scrollbar { display: none; }


.modal .modal_wrap .modal_cont.res{position:relative; padding: 3rem; border-radius: 2rem; background-color: #fff; width: 70rem;}
.modal .modal_wrap .modal_cont.res .modal_close {position: absolute; top:1.25em; right: 1.25em; width: 1.8rem; height: 1.8rem; transform: unset ;font-size: var(--txt2);}
.modal .modal_wrap .modal_cont.res .tit_box .tit{font-size:var(--tit5); font-weight: 700;}
.modal .modal_wrap .modal_cont.res .tit_box .txt {margin-top: 20px;}
.modal .modal_wrap .modal_cont.res .com_info_box {margin-top: 20px;}
.modal .modal_wrap .modal_cont.res .cont .term_box{background: #F3F4F8; padding: 1em; margin-top:2rem; font-size: var(--txt2); border-radius:1rem;}
.modal .modal_wrap .modal_cont.res .form_btm_btn .btn{width: 100%;}
.modal .modal_wrap .modal_cont.res_term .form_btm_btn{margin-top:20px;}
.modal .modal_wrap .modal_cont.res .write_form{margin-top:30px;}
/* .modal .modal_wrap .modal_cont.res:not(.res_term){overflow-y: auto;} */
.modal .modal_wrap .modal_cont.res:not(.res_term)::-webkit-scrollbar { display: none; }



/* 지점 선택 팝업 */

.modal {display: block; overflow: auto; position: fixed; top:0; left: 50%; transform: translateX(-50%); right:0; bottom:0; z-index: 10000; opacity: 0; width:100%; height: 100vh; padding: 8rem 0; background: rgba(0,0,0,0.4); 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 1em;}
.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; }


.modal .modal_cont .cls_btn { position: absolute; right: 0; top: -10px; transform: translateY(-100%); width: 20px; height: 20px; cursor: pointer; fill: #fff; }
.modal .modal_cont .cls_btn svg { width: 100%; height: 100%; }

.modal .modal_cont .top { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1em 1.5em; background-color: var(--colorBlue2); border-radius: 15px 15px 0 0;}
.modal .modal_cont .top .tit { color: #fff; font-size: var(--txt1); font-weight: 700; }



.slide_modal {display: block;  position: fixed; top:0; left: 50%; transform: translateX(-50%); right:0; bottom:0; z-index: 10000; opacity: 0; width:102%; height: calc(var(--vh, 1vh) * 100); background: rgba(0,0,0,0.4); pointer-events: none;}
.slide_modal.open {opacity: 1; pointer-events: inherit; }
.slide_modal .modal_wrap { margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0; display: flex; align-items: flex-end;}
.slide_modal .modal_wrap .scroll_box { transform: translateY(100%); transition:  0.3s ease-in-out; width: 100%;}
.slide_modal.open .modal_wrap .scroll_box { transform: translateY(0%);}
.slide_modal .modal_wrap .modal_cont {position: relative; width: 100rem; max-width: 100%; margin: 0 auto; transform: translateY(100%); height: auto; max-height: calc(60dvh - env(safe-area-inset-bottom)); background-color: transparent; overflow: hidden; padding-bottom: env(safe-area-inset-bottom); background-color: #fff; border-radius: 20px 20px 0 0;}
.slide_modal .modal_wrap .modal_cont .modal_close { width: 1.8rem; height: 1.8rem; margin-top: -0.1rem; 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="%23262f40" d="M52.2 50.2l-17-17L1.3 67.2l17 17L190.1 256 18.2 427.8l-17 17 33.9 33.9 17-17L224 289.9 395.8 461.8l17 17 33.9-33.9-17-17L257.9 256 429.8 84.2l17-17L412.8 33.3l-17 17L224 222.1 52.2 50.2z"/></svg>') no-repeat center/cover;}
.slide_modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M52.2 50.2l-17-17L1.3 67.2l17 17L190.1 256 18.2 427.8l-17 17 33.9 33.9 17-17L224 289.9 395.8 461.8l17 17 33.9-33.9-17-17L257.9 256 429.8 84.2l17-17L412.8 33.3l-17 17L224 222.1 52.2 50.2z"/></svg>') no-repeat center/cover;}

.slide_modal .modal_cont .cls_btn { position: absolute; right: 0; top: -10px; transform: translateY(0%); width: 20px; height: 20px; cursor: pointer; fill: #fff; }
.slide_modal .modal_cont .cls_btn svg { width: 100%; height: 100%; }

.slide_modal.open .modal_wrap .modal_cont {transform: unset; }


.slide_modal .modal_cont .top { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background-color: var(--colorBlue2); }
.slide_modal .modal_cont .top .tit { color: #fff; font-size: var(--tit4); font-weight: 700; }

.slide_modal .modal_cont .li_cont { max-height: calc(60dvh - 56px - env(safe-area-inset-bottom)); /* 하단바 높이 고려 */padding: 24px 20px 45px; background-color: #fff; font-size: var(--txt2); overflow: auto; }
.slide_modal .modal_cont .li_cont .box + .box { margin-top: 16px; padding-top: 16px; border-top: 2px solid var(--grayLine); }
.slide_modal .modal_cont .li_cont .box .tit { font-weight: 700; }
.slide_modal .modal_cont .li_cont .box .txt { margin-top: 5px; color: #7A8390; font-size: var(--txt3);}
.slide_modal .modal_cont .li_cont .box .tit + .txt {margin-top: 5px;}
.slide_modal .modal_cont .li_cont  .com_info_box {margin-top: 30px}
.slide_modal .modal_cont .li_cont_slide {position: relative;  max-height: calc(60dvh - 56px - env(safe-area-inset-bottom)); overflow-y: auto;}
.slide_modal .modal_cont .li_cont_slide .li_cont {max-height: none; overflow: visible;}
.slide_modal .modal_cont .li_cont_slide .swiper-pagination.swiper-pagination-progressbar { position: relative; width: 40%; height: 2.5px; margin: 0px auto 30px; background: #D4D9E4; border-radius: 5em; overflow: hidden;}
.slide_modal .modal_cont .li_cont_slide .swiper-pagination.swiper-pagination-progressbar-fill { background:var(--colorBlue1); border-radius: 10px; }

.slide_modal .modal_cont.info .info_txt {display: flex; font-size: var(--txt1); padding: 30px 20px; font-weight: 500;}
.slide_modal .modal_cont.info .info_txt .ico {width: 1em;height: 1.7em;margin-right: 0.75em;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%231970C6"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}

/* 자생인칭찬 */
.modal .modal_wrap .modal_cont.doctor_good {width: 60rem;}
.modal .modal_wrap .modal_cont.doctor_good .cont_wrap{background-color: #fff; padding: 2em 0px; border-radius: 0 0 15px 15px;}

/* 결과테스트 */

.modal .modal_wrap .modal_cont.self_test_result {width: 80rem;}



/* 치료법 미리보기 팝업 */
.slide_modal2 {display: block; overflow: auto; position: fixed; top:0; left: 50%; transform: translateX(-50%); right:0; bottom:0; z-index: 9998; opacity: 0; width:100%; height: 100vh; background: rgba(0,0,0,0.4); pointer-events: none; transition: 0.3s ease-in-out;}
.slide_modal2.open {opacity: 1; pointer-events: inherit; }

.slide_modal2 .modal_wrap {position: relative; margin: 0 auto; width: 100%; height: 100%; margin-top:6.5rem;}
.slide_modal2 .modal_wrap .scroll_box {transform: translateY(100%); transition: 0.5s ease; width: 100%; padding-bottom: 80px;} 
.slide_modal2.open .modal_wrap .scroll_box { transform: translateY(0%);}
.slide_modal2 .modal_wrap .modal_cont {position: relative; width: var(--subInW); max-width: 100%; margin: 0 auto;}
.slide_modal2 .modal_wrap .modal_cont .modal_close { width: 1.8rem; height: 1.8rem; cursor: pointer; z-index: 2; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M52.2 50.2l-17-17L1.3 67.2l17 17L190.1 256 18.2 427.8l-17 17 33.9 33.9 17-17L224 289.9 395.8 461.8l17 17 33.9-33.9-17-17L257.9 256 429.8 84.2l17-17L412.8 33.3l-17 17L224 222.1 52.2 50.2z"/></svg>') no-repeat center/cover;}
.slide_modal2 .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M52.2 50.2l-17-17L1.3 67.2l17 17L190.1 256 18.2 427.8l-17 17 33.9 33.9 17-17L224 289.9 395.8 461.8l17 17 33.9-33.9-17-17L257.9 256 429.8 84.2l17-17L412.8 33.3l-17 17L224 222.1 52.2 50.2z"/></svg>') no-repeat center/cover;}

.slide_modal2 .modal_cont .cls_btn { position: absolute; right: 0; top: -10px; transform: translateY(-100%); width: 20px; height: 20px; cursor: pointer; fill: #fff; }
.slide_modal2 .modal_cont .cls_btn svg { width: 100%; height: 100%; }

.slide_modal2 .modal_cont .pop_cont > .top { position:sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 1em 20px; background-color: var(--colorBlue2); z-index: 50; }
.slide_modal2 .modal_cont .pop_cont > .top .tit { color: #fff; font-size: var(--txt1); font-weight: 700; }

.slide_modal2 .modal_cont.treat .cont_wrap{background-color: #fff; overflow: hidden;}
.slide_modal2 .modal_cont.treat .bg_visual_sect .bg {transform: unset; opacity: 1;}
.slide_modal2 .modal_cont.treat .bg_visual_sect .nice-select,
.slide_modal2 .modal_cont.treat .bg_visual_sect .txt_box {transform: unset; opacity: 1; padding-top: 40px;}
.slide_modal2 .modal_cont.treat .bg_visual_sect .txt_box .txt,
.slide_modal2 .modal_cont.treat .bg_visual_sect .txt_box .tit {opacity: 1;}
.slide_modal2 .modal_cont.treat .bg_visual_sect .txt_box .txt br {display: none;}
.slide_modal2 .modal_cont.treat .bg_visual_sect + .com_causes_sect .sub_cont_tit { opacity: 1; }
.slide_modal2 .modal_cont.treat .bg_visual_sect + .com_causes_sect .list_wrap { opacity: 1; transform: translateY(0); }
.slide_modal2 .modal_cont.treat .tbl_wrap.type2 .td  br {display: none;}

.slide_modal2 .modal_cont.treat .sub_top{padding-top: 50px;}
.slide_modal2 .modal_cont.treat .ja_herbal_page .visual_sect .img{clip-path: inset(0 0 0 0);}
.slide_modal2 .modal_cont.treat .ja_herbal_page .visual_sect .txt_box .desc,
.slide_modal2 .modal_cont.treat .ja_herbal_page .visual_sect .txt_box .tit,
.slide_modal2 .modal_cont.treat .ja_herbal_page .txt_sect .tit_box,
.slide_modal2 .modal_cont.treat .ja_herbal_page .txt_sect .txt,
.slide_modal2 .modal_cont.treat .ja_herbal_page .slide_sect .sect_tit_box .sub_cont_tit,
.slide_modal2 .modal_cont.treat .ja_herbal_page  .sci_txt,
.slide_modal2 .modal_cont.treat .shinbaro_herba_page .tre_eff_sect .sect_tit_box .sub_cont_tit,
.slide_modal2 .modal_cont.treat .ja_herbal_page .sub_cont_txt,
.slide_modal2 .modal_cont.treat .shinbaro_herba_page .tre_eff_sect .sect_tit_box .info,
.slide_modal2 .modal_cont.treat .shinbaro_herba_page .tre_eff_sect .cont_box,
.slide_modal2 .modal_cont.treat .shinbaro_herba_page .effect_sect,
.slide_modal2 .modal_cont.treat .ja_herbal_page .sub_cont_tit{transform: unset; opacity: 1;}

.slide_modal2 .modal_cont.treat .ja_herbal_page .slide_sect .line::before,
.slide_modal2 .modal_cont.treat .shinbaro_herba_page .recipe_sect .line::before{height: 0;}
.slide_modal2 .modal_cont.treat .ja_herbal_page .slide_sect .slide_cont .cont_tit {background-position-x: 0;}


.slide_modal2 .modal_wrap .modal_cont .mri_page .mri_point_sect {padding-top: var(--subContPd);}

.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont {background-color: #fff; margin-bottom: -80px;}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sub_pd {padding-bottom: 60px;}

.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sub_top {display: none;}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .visual_card_sect {display: none;}

.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .slide_sect .sect_tit_box .sub_cont_tit ,
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .slide_sect .sect_tit_box .sub_cont_txt {opacity: 1; transform: unset}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .slide_sect .slide_cont .cont_tit {background-position-x: 0;}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .slide_sect .line:before {height: 0%}

.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sci_txt.active {opacity: 1;transform: unset;}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sub_cont_tit.active,
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sub_cont_txt.active {opacity: 1;transform: unset;}

.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .ja_herbal_page .slide_sect {margin-top: 0;}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .com_tab_part_sect .tab_wrap {top: 3.4em; font-size: var(--txt1);}


.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .ja_herbal_page .slide_cont .cont_box .item {opacity: 1; transform: unset;}

.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sci_txt {opacity: 1; transform: unset;}
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sub_cont_tit ,
.slide_modal2 .modal_wrap .modal_cont.treatment_modal_cont .sub_cont_txt {opacity: 1; transform: unset;}






.slide_modal .modal_cont.living_index .txt_box {padding: 3rem 2rem;}
.slide_modal .modal_cont.living_index .txt {font-size: var(--txt2); color: #262F40;}



.over_modal {display: block; overflow: auto; position: fixed; top:0; left: 50%; transform: translateX(-50%); right:0; bottom:0; z-index: 10000; opacity: 0; width:100%; height: 100vh; padding: 8rem 0; background: rgba(0,0,0,0.4); 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 1em;}
.over_modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle; }
.over_modal .modal_wrap .modal_cont {position: relative; width: 100rem; max-width: 100%; margin: 0 auto;}

.over_modal .modal_cont .cls_btn { position: absolute; right: 0; top: -10px; transform: translateY(-100%); width: 20px; height: 20px; cursor: pointer; fill: #fff; }
.over_modal .modal_cont .cls_btn svg { width: 100%; height: 100%; }

.over_modal .modal_cont .top { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background-color: var(--colorBlue2); border-radius: 15px 15px 0 0;}
.over_modal .modal_cont .top .tit { color: #fff; font-size: var(--txt1); font-weight: 700; }

.over_modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 50%; right: 1em; transform: translateY(-50%) ;width: 1.8rem; height: 1.8rem; 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="%236B7B92" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.over_modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center/cover;}

.over_modal .modal_wrap .modal_cont.terms {width: 80rem;}
.over_modal .modal_wrap .modal_cont.terms .terms_cont {background-color: #fff; overflow: hidden; border-radius: 0 0 15px 15px; padding: 3rem;}

.over_modal .modal_wrap .terms_cont.third .txt {display: flex;}
.over_modal .modal_wrap .terms_cont.third .txt + .txt {margin-top: 10px;}
.over_modal .modal_wrap .terms_cont.third .txt .tit {margin-right: 0.5em; flex-shrink: 0;}
.over_modal .modal_wrap .terms_cont.third .txt .tit .line {margin-right: 0.5em;}


.modal .modal_cont.zoom {width: 1240px; max-width: 100%; padding: 30px; background-color: #fff;}
.modal .modal_cont.zoom img {width: 100%;}

.modal .modal_cont.point_sel { position: relative; width: 95%; max-width: 450px; height: auto; margin: 0 auto; border-radius: 20px; background-color: var(--colorBlue1); color: #fff; }
.modal .modal_cont.point_sel .cont { position: relative; padding: 30px 35px 15px; overflow: hidden; }
.modal .modal_cont.point_sel .cont .symbol { position: absolute; right: 30px; bottom: 0; width: 45%; transform: translateY(15%); opacity: 0.05; display: none;}
.modal .modal_cont.point_sel .point_wrap { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; font-weight: 600; color: #A3C1FF; }
.modal .modal_cont.point_sel .point_wrap .point { text-align: center; }
.modal .modal_cont.point_sel .point_wrap .point span { position: relative; }
.modal .modal_cont.point_sel .point_wrap .point span:before { content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 1.5px; background-color: #fff; }
.modal .modal_cont.point_sel .point_wrap .point.active { color: #fff; }
.modal .modal_cont.point_sel .point_wrap .point.active span:before { width: 100%; }

.modal .modal_cont.point_sel .btm { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.5); }
.modal .modal_cont.point_sel .btm .logo { width: 40%; margin: 0 auto; max-width: 190px;}


/* 로그인 */


.modal .modal_wrap .modal_cont .modal_close {position: absolute; top: 50%; right: 1em; transform: translateY(-50%) ;width: 1.8rem; height: 1.8rem; 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="%236B7B92" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center/cover;}
.modal .modal_wrap .modal_cont .modal_close.out {right: 0;top: -1.5rem; transform: translateY(-100%);}

.modal .modal_wrap .modal_cont.login .modal_close {top:1.8em; right: 1.2em;}

.modal .modal_wrap .modal_cont.member{width: 50rem; background: none;}
.modal .member .login_wrap{padding: 5.3em 2em 3.5em; background: #fff; border-radius: 15px; font-size: var(--txt3);}
.modal .member .login_wrap .logo{display: flex; justify-content: center;}
.modal .member .login_wrap .logo svg{width: 11em;}
.modal .member .login_wrap .input_wrap{margin-top: 50px;}
.modal .member .login_wrap .input_wrap .inp{position: relative;}
.modal .member .login_wrap .input_wrap .inp input{width: 100%; height: 3.25em; padding-left: 2.5em; margin-bottom: 10px; border: 1px solid #C5CCD5; font-size: var(--txt2); border-radius: 0.5em; transition: background 0.25s}
.modal .member .login_wrap .input_wrap .inp input::placeholder{color: var(--exTxt);}
.modal .member .login_wrap .input_wrap .inp .ico{position: absolute; top: calc(50% - 1em); left: 1.2em; height: 1em; font-size: var(--smTxt);}
.modal .member .login_wrap .input_wrap .inp .ico svg{fill: var(--exTxt); transition: fill 0.25s;}
.modal .member .login_wrap .input_wrap .inp input:focus{border: 1.5px solid #1664FA;}
.modal .member .login_wrap .input_wrap .inp input:focus + .ico svg{fill: #000;}
.modal .member .login_wrap .input_wrap .inp input:focus::placeholder{color: #000;}
.modal .member .login_wrap .input_wrap button{width: 100%; height:3em; line-height: 3em; margin-top: 25px; background: var(--colorBlue2); color: #fff; font-size: var(--txt2); font-weight: 700; text-align: center; border-radius: 5px; transition: background 0.25s;}
.modal .member .login_wrap .util_wrap{display: flex; justify-content: center; margin-top: 1.8em;}
.modal .member .login_wrap .util_wrap a{position: relative; color: var(--exTxt); font-size: var(--txt3); 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.modal_cont .modal_close {top:2.5em; right: 2em;}
.modal .member .txt_box{margin-bottom: 40px;}
.modal .member .txt_box .step {font-size: var(--smTxt1); color:#C5CCD5; font-weight: 700; margin-bottom: 5px;}
.modal .member .txt_box .tit {font-size: var(--txt1); font-weight: 700; line-height: 1.5;}
.modal .member .inp_tit .tit .ess,
.modal .member .inp_chk label .ess {font-weight: 400; color: var(--colorBlue2);}
.modal .member .btn_box button{width: 100%; height:3em; line-height: 3em; margin-top: 25px; background: var(--colorBlue2); color: #fff; font-size: var(--txt2); font-weight: 700; text-align: center; border-radius: 5px;}
.modal .member .btn_wrap{display: flex; justify-content: flex-end; margin-top: 50px;}
.modal .member .btn_wrap a{display: flex; align-items: center; justify-content: center; width: 9em; height:3em; line-height: 3em; vertical-align: middle; border-radius: 0.3em; font-size:var(--txt2); background: var(--colorBlue2); color: #fff; font-weight: 700; text-align: center; transition: background 0.25s;}
.modal .member .btn_wrap a .ico{display:inline-flex; width: 0.7em; height: 1.7em; margin-left:0.8em; flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23ffffff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.modal .member .inp_wrap + .inp_wrap{margin-top: 4rem;}
.modal .member .form_tab + .inp_wrap + .inp_wrap {margin-top: 0;}
.modal .member .inp_wrap .inp_tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.2rem;}
.modal .member .inp_wrap .inp_tit .tit{font-size: var(--txt2); font-weight: 700;}
.modal .member .inp_wrap input {width: 100%; height: 3em; padding: 0 0.8em; background-color: var(--grayBg2); border-color: var(--grayBg2); line-height: 3em; border-radius: 5px;}
.modal .member .inp_wrap input::placeholder{color: #7A8390;}


.modal .member .inp_wrap .pw_chk {position: relative;}
.modal .member .inp_wrap .pw_chk::before {content: ""; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); width: 1em; height: 1em; z-index: 2; }
.modal .member .inp_wrap .pw_chk.failed::before {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23db3737"><path d="M7.5 105c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l151 151 151-151c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-151 151 151 151c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-151-151-151 151c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l151-151-151-151z"/></svg>')no-repeat center / contain;} 
.modal .member .inp_wrap .pw_chk.success::before {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%232F6BF0"><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,
.modal .member .complete_wrap {padding:3.4em 2em; background: #fff; border-radius: 15px; font-size: var(--txt3);}
.modal .member .join_wrap .chk_all_wrap { border-radius: 5px; padding: 1em; margin-bottom: 1.6em; background-color: #F3F8FE;}
.modal .member .join_wrap .chk_all_wrap label{font-weight: 700;}
.modal .member .join_wrap .inp_chk{display: flex; justify-content: space-between; }
.modal .member .join_wrap .inp_chk + .inp_chk{ margin-top: 1em;}
.modal .member .join_wrap .inp_chk label{display: flex; align-items: center; cursor: pointer;}
.modal .member .join_wrap .inp_chk label .ess {font-weight: 400; color: var(--colorBlue2); margin-left: 0.2em;}
.modal .member .join_wrap .inp_chk label .ico {margin-right: 0.6em; width: 1.4em; height: 1.4em; flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23C5CCD5"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.modal .member .join_wrap .inp_chk .term_link {display: inline-flex; align-items: center;}
.modal .member .join_wrap .inp_chk .term_link .ico {display:inline-flex; width: 0.7em; height: 1.7em; margin-left:0.8em; flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.modal .member .join_wrap .inp_chk input:checked + label .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.modal .member .join_wrap .com_info_box {margin-top: 1.2em;}

.modal .member .join_wrap .inp_wrap .refer{display: block; position: relative; padding-left: 1em; margin-top: 0.5em; color: #838791; font-size: var(--smTxt1);}
.modal .member .join_wrap .inp_wrap .flex_wrap{display: flex;}
.modal .member .join_wrap .inp_wrap .flex_wrap button{width:6em; flex-shrink: 0; height:3em; margin-left: 8px; border: 1px solid #C5CCD5; font-size: var(--subTxt); border-radius: 5px; transition: background 0.25s, color 0.25s;}
.modal .member .join_wrap .inp_wrap .flex_wrap button.active{border-color: var(--colorBlue2); color:var(--colorBlue2); font-weight: 600;}

.modal .member .join_wrap .form_tab {display: flex; background-color: var(--grayBg2); border-radius: 10px; margin-bottom: 30px;}
.modal .member .join_wrap .form_tab label {padding: 0.7em 1em;color: #7A8390;border-radius: 5px;font-weight: 700;white-space: nowrap;line-height: 1.6;font-size: 15px;flex: 1; text-align: center; cursor: pointer;}
.modal .member .join_wrap .form_tab input:checked + label {background-color: #262F40; color: #fff; border-radius: 5px;}

.modal .complete_wrap .txt_box{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 0;}
.modal .complete_wrap .txt_box .ico{width: 4em;}
.modal .complete_wrap .txt_box .ico img{display:block; width: 100%;}
.modal .complete_wrap .txt_box .tit{font-size: var(--txt1); font-weight: 700; margin-top: 18px;}
.modal .complete_wrap .txt_box .txt{margin-top: 5px; color:var(--exTxt);}

.modal .form_btm_btn .btn{width: 8.5em;}


/* 유투브 , 쇼츠 미리보기 모달 */

.modal .modal_wrap .modal_cont.video {}
.modal .modal_wrap .modal_cont.youtube .video_box {position: relative; width: 100%; padding-top: 56.25%; border-radius: 15px; overflow: hidden;}
.modal .modal_wrap .modal_cont.youtube .video_box .thumb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.modal .modal_wrap .modal_cont.youtube .video_box .thumb img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.modal .modal_wrap .modal_cont.youtube .video_box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.modal .modal_wrap .modal_cont.youtube .com_play_bg {z-index: 3;}


.modal .modal_wrap .modal_cont.youtube.shorts {width: 35rem;}
.modal .modal_wrap .modal_cont.youtube .shorts_box {position: relative; width: 100%; padding-top: 177.75%; border-radius: 15px; overflow: hidden;}
.modal .modal_wrap .modal_cont.youtube .shorts_box .thumb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.modal .modal_wrap .modal_cont.youtube .shorts_box .thumb img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.modal .modal_wrap .modal_cont.youtube .shorts_box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.modal .modal_wrap .modal_cont.youtube .com_play_bg {z-index: 3;}



/* 마이페이지 > 자가테스트 */
.modal_cont.self_test_result .cont_wrap {background-color: #fff; border-radius: 0 0 20px 20px; padding:0 20px 40px;}
.modal_cont.self_test_result .self_result_top {padding-top: 64px;}


/* 마진, 패딩 */
.ma0 {margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.ml05 {margin-left:5px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}

.maLR10{margin:0 10px}
.maR05{margin-right:5px}
.maR10{margin-right:10px}
.maR30{margin-right:30px}
.maT05{margin-top:5px}
.maT10{margin-top:10px}
.maT15{margin-top:15px}
.maT20{margin-top:20px}
.maT30{margin-top:30px}
.maT40{margin-top:40px !important}
.maT50{margin-top:50px !important}
.maT60{margin-top:60px !important}
.maT70{margin-top:70px !important}
.maT80{margin-top:80px !important}
.maB05{margin-bottom:5px}
.mab10{margin-bottom:10px}
.mab20{margin-bottom:20px}
.maLR5{margin:0 5px}
.maTB10{margin:10px 0}
.mRB510{margin:0 5px 10px 0}
.mTB510{margin:5px 0 10px 0}
.mTB155{margin:15px 0 5px 0}
.mTB1530{margin:15px 0 30px 0}
.mTB310{margin:30px 0 10px 0}
.mTB30{margin:30px 0}
.mTB305{margin:30px 0 5px 0}
.mTB8020{margin:80px 0 20px 0 !important}

.marT10 {margin-top:10px;}
.marT20 {margin-top:20px;}
.marT30 {margin-top:30px;}

.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}

/* 이용약관 등등 */


.etcWrap > dl {line-height: 1.7 !important;}
.etc_page .in {width: 840px;}
.etc_page .etc_top_select {display: flex; margin-bottom: 30px;}
.etc_page .etc_top_select .nice-select {font-size: var(--txt3); height: 3em; line-height: 3em; padding-left: 1em; padding-right: 2.5em;}
.etc_page .etc_top_select .nice-select::after {content: '';border: none;display: block;width: 0.8em;height: 0.8em;pointer-events: none;position: absolute;right: 0.8em;top: 50%;margin-top: 0px;transform-origin: center; transform: translateY(-50%);transition: all 0.15s ease-in-out;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><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 / cover;}
.etc_page .etc_top_select .nice-select .list {width: 100%; max-height: 20em; overflow-y: auto; margin-top: 5px;}
.etc_page .etc_top_select .nice-select .list::-webkit-scrollbar {-webkit-appearance: none;}
.etc_page .etc_top_select .nice-select .list::-webkit-scrollbar:vertical {width: 3px;}
.etc_page .etc_top_select .nice-select .list::-webkit-scrollbar:horizontal {height: 5px;}
.etc_page .etc_top_select .nice-select .list::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 5px;}
.etc_page .etc_top_select .nice-select .list::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.etc_page .etc_top_select .nice-select .option {min-height: 0; line-height: 3em; padding: 0em 0.75em; font-size: var(--txt3);}

.etc_page .etc_top_select .nice-select.open::after {transform: translateY(-50%) rotate(180deg)}


.etcWrap {font-size: var(--txt2); }

.personalInfo2 .grayBox2 {padding: 25px;margin-bottom: 30px;border: 1px solid var(--grayLine);}
.grayBox2 ol {counter-reset: section;}
.grayBox2 ol li {list-style: decimal; }

.patientBox {padding: 25px;margin-bottom: 30px;border: 1px solid var(--grayLine);}
.patientRight .patientBox dt {font-weight: bold;;}
.patientRight .patientBox dt + dd {margin-top: 5px;}
.patientRight .patientBox dd + dt {margin-top: 20px;}


.personalInfo2 ol > li {list-style-type: decimal; margin:5px 0 5px 25px; font-size: var(--txt3);}

.patientRight h2,
.personalInfo2 .persnalCont h2 {font-weight: 700; font-size: var(--tit5);}
.personalInfo2 .persnalCont p {font-size: var(--txt2);line-height: 1.7;margin-top: 5px;}
figure { margin: 0; }
/* figcaption {display: none;} */


.tableLayoutSec{clear:both; max-width: 100%; overflow-x: auto; }
.tableLayoutSec .table,
.tableLayoutSec table{width:100%; }
.tableLayoutSec .h1{font-size:var(--txt1);text-align:left}
.tableLayoutSec td p{font-size:var(--txt2); letter-spacing:normal;}
.tableLayoutSec td.con_area iframe{display:none}



.tableLayoutSec .tableStyle table{width:100%; border-collapse:separate; margin-bottom:10px;}
.tableLayoutSec .tableStyle th{position:relative; border-top:2px solid #000;border-bottom:1px solid #F3F4F8;padding:5px 0; text-align:center; font-size:var(--txt3); font-weight:700;}
.tableLayoutSec .tableStyle td{padding:5px; font-size:var(--txt3); border-right: 1px solid #F3F4F8; border-bottom:1px solid #F3F4F8;text-align:center; }
.tableLayoutSec .tableStyle td p{font-size:var(--txt3); line-height:1.5 !important}
.tableLayoutSec .tableStyle td img{padding:0;}
.tableLayoutSec .tableStyle td li{font-size:var(--txt3);; line-height:1.5}
.tableLayoutSec .tableStyle .leftTd {border-left:1px solid #F3F4F8; padding-left:5px;}

.personalInfo2 .persnalCont {margin-bottom: 30px;}

.personalInfo2 dl {margin: 20px 0 ;}
.personalInfo2 dl dt {font-size: var(--txt3);margin: 10px 0 5px 0; font-weight: 700;} 
.personalInfo2 dl dd {font-size: var(--txt3);}

.personalInfo2 .bullet > li{padding-left:7px; margin-top:3px; font-size:var(--txt3); padding-left: 0.7em; position: relative;}
.personalInfo2 .bullet > li::before {content: "*"; margin-right: 3px; font-size: 0.8em; position: absolute; left: 0; top: 0.2em;}
.personalInfo2 .bullet > li:first-child{margin-top:0}
.personalInfo2 .bullet > li + li {margin-top: 0.25em;}

.persnalCont h2 {font-size: var(--txt1); font-weight: 700;}
.persnalCont .f16 {}

.agreementWrap2 p.verCheck {margin-top: 40px;font-weight: bold;}


.agreementWrap2 dl dd > ol > li {
    list-style-type: decimal;
    margin: 5px 0 5px 18px;
}

.underlinie {text-decoration: underline;}


/* 회원_마이페이지 */
.my_page .write_box{font-size: var(--txt3); padding-bottom: 40px;}
.my_page .write_box .inp_list { display: flex; align-items: center;}
.my_page .write_box .inp_list + .inp_list {margin-top: 20px;}
.my_page .write_box .inp_list .left {flex-shrink: 0; min-width: 25%; font-weight: 600; white-space: nowrap;}
.my_page .write_box .inp_list.id .right {display: flex; align-items: center;}
.my_page .write_box .inp_list.pw .btn_box button {white-space: nowrap; padding: 0.5em 1.2em 0.45em; border: 1px solid #6B7B92;border-radius: 2em; transition: background 0.25s, color 0.25s, fill 0.25s;}
.my_page .write_box .inp_list.pw .btn_box button:hover {background-color: #262f40; color: #fff;}

.my_page .write_box .inp_list.agree {justify-content: space-between;}
.my_page .write_box .inp_list.agree .toggle_switch {position: relative; display: inline-block; width: 3.1em; height: 1.5em; cursor: pointer;}
.my_page .write_box .inp_list.agree .toggle_switch .slider {position: absolute; inset: 0; background-color: #C5CCD5; border-radius: 5em; transition:background-color 0.3s;}
.my_page .write_box .inp_list.agree .toggle_switch .slider:before {content: ''; position: absolute; height: 1.1em; width: 1.1em; left: 0.3em; top: 0.18em; background-color: #fff;border-radius: 50%; transition: transform 0.3s;}
.my_page .write_box .inp_list.agree .toggle_switch input:checked + .slider {background-color: #1664FA;}
.my_page .write_box .inp_list.agree .toggle_switch input:checked + .slider::before {transform: translateX(1.5em);}
 
.my_page .interest_field{border-top: 7px solid var(--grayBg1); padding-top: var(--subContPd);}
.my_page .interest_field .tit {font-size: var(--txt2); font-weight: 700;}
.my_page .interest_field .check_box{margin-top: 1.6em;}
.my_page .interest_field .check_box + .check_box{margin-top: 1em; padding-top: 1.3em; border-top: 1px solid var(--bigLine);}
.my_page .interest_field .check_box label {display: inline-block; margin-bottom: 0.6em; margin-right: 0.2em; cursor: pointer;}
.my_page .interest_field .check_box .tag {display: inline-block; border-radius: 2em; padding:0.3em 0.8em; background-color: #F8F8FB; user-select: none; font-weight: 500; color:#7A8390; font-size: var(--txt3)}
.my_page .interest_field .check_box input[type="checkbox"] + .tag{transition: background-color 0.2s, color 0.2s;}
.my_page .interest_field .check_box2 input[type="checkbox"]:checked + .tag {background-color: #E0F9F9; color:#10B2B4; font-weight: 600;}
.my_page .interest_field .check_box1 input[type="checkbox"]:checked + .tag {background-color: #E3EFFF; color:#1664FA; font-weight: 600;}
.my_page .interest_field .info_txt{font-size: var(--smTxt1); color:#838791; margin-top: 0.3em;}

.my_page .test_cont {margin-top: var(--subContPd);}
.my_page .test_cont .cont_tit .tit {font-size: var(--txt2); font-weight: 700;}
.my_page .test_cont .list {border-top: 1px solid #000; margin-top: 15px;}
.my_page .test_cont .list li a {display: block;}
.my_page .test_cont .list li a {padding: 15px 10px; border-bottom: 1px solid var(--grayLine);}
.my_page .test_cont .list li a .com_tag {margin-bottom: 5px; font-size: var(--smTxt1);}
.my_page .test_cont .list li a .tit {font-size: var(--txt2); font-weight: 500;}
.my_page .test_cont .list li a .date {font-size: var(--txt3); margin-top: 7px; font-weight: 500; color: #7A8390;} 

.my_page .btn_wrap{display: flex; flex-direction: column; align-items: center; max-width: 840px; padding: 0 var(--inPd); margin: 0 auto;}
.my_page .btn_wrap .btn_box {display: flex; justify-content: center; margin-top: 50px;}
.my_page .btn_wrap .btn_box .btn {width: 9em; height: 3em; border-radius: 0.3em; font-size: var(--txt3); font-weight: 500;}
.my_page .btn_wrap .btn_box .btn + .btn {margin-left: 10px;}
.my_page .btn_wrap .btn_box .btn.gray {border: 1px solid #C5CCD5;}
.my_page .btn_wrap .btn_box .btn.blue {background-color: #1664FA; color: #fff;}
.my_page .btn_wrap .withdrawal {position: relative; display: inline-flex; justify-content: center; align-items: center; color:#6B7B92; text-align: center; margin-top: 2.6em; font-size: var(--smTxt1);}
.my_page .btn_wrap .withdrawal:before{content:''; position: absolute; width: 100%; height: 1px; bottom:-0.3em; left:0; background-color: #6B7B92;}
.my_page .btn_wrap .withdrawal .ico {display:inline-block; width: 1em; height: 1em; margin-left:0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat right / contain;}




/* 알럿 스타일 */
.msg_layer{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 10001; 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 2em; 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: 420px; max-width: 100%; padding: 40px 2em 40px; margin: 0 auto; background-color: #fff; border-radius: 12px;}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: var(--txt2); text-align: center; font-weight: 500;}
.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: 2.5rem; }
.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: 3em; font-size: var(--txt3); font-weight: 600; border-radius: 2em; background-color: #262F40; border: 1px solid #262F40; color: #fff; box-shadow: 0 0 0 transparent; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; }
.msg_layer .btn_wrap .btm_btn + .btm_btn {margin-left: 10px;}
.msg_layer .btn_wrap .btm_btn.wh{background-color: #fff; color: #262F40;}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }

/* 페이징 */

.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem;}
.pagination > a {line-height: 1}
.pagination > a svg circle,
.pagination > a svg {transition: 0.3s ease-in-out;}
.pagination > a:hover svg circle,
.pagination > a:hover svg {fill: #262f40;}
.pagination > a svg { fill: #7A8390; transition: all 0.3s; height: 2.2rem}
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2.5rem; }
.pagination .num_list li { position: relative; width: 2.85em; height: 2.85em; margin: 0 0.25rem; font-size: 1.7rem; border-radius: 50%; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 2.85em; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; font-weight: 700}
.pagination .num_list li.active a:before { background-color: #262F40; }

.pagination .num_list li:hover a { color: #fff; font-weight: 700}
.pagination .num_list li:hover a:before { background-color: #262F40; }


.pagination .next { margin-right: 2.5rem; }
.pagination .prev { margin-left: 2.5rem; }
.pagination .none{opacity: 0.3; cursor: default;}


/* container */

.container {
    margin: 0 auto;
    font-size: var(--txt2);
    letter-spacing: -0.5px;
    background-color: #fff;
    width: 100%;
}
.in { max-width: 100%; padding: 0 var(--inPd); position: relative; margin: 0 auto; width: var(--subInW);}



@media screen and (min-width:600px) {


    :root {
        --inPd: 40px;
    }

    .mini_only {display: none  !important;}
    .mini_over {display: block !important;}
    .mini_over.inline {display: inline !important;}
    .mini_over.flex {display: flex !important;}


    #footer .ft_cont .ft_top {display: flex; border-bottom: 1px solid #DEE0E5; padding-bottom: 2rem;}
    
    #footer .ft_cont .sns_top {border-bottom: 0; padding-bottom: 0;}
    #footer .ft_cont .sns_top .sns_ico {width: 34px;} 
    #footer .ft_cont .sns_top .sns_ico + .sns_ico {margin-left: 10px;}
    #footer .ft_cont .ft_menu {margin-top: 0;}

    #footer .ft_cont .ft_menu .menu + .menu {margin-left: 15px;}
    #footer .ft_cont .sns_top .sns_ico {width: 30px;}
    #header > .cont .nav .select + .select + .select .nice-select .current {max-width: none;}
    


    @media screen and (min-width: 600px) and (max-width: 767px) {
        #footer .ft_cont .ft_btm .ft_info .addr {display: inline-block;}
        #footer .ft_cont .ft_btm .ft_info .info_box {display: inline-flex;}
        #footer .ft_cont .ft_btm .ft_coo_wrap {width: 100% !important;}
    
        /* #footer .ft_cont .ft_btm .ft_coo_wrap {position: absolute;right: 0;bottom: 0;padding: 0;} */
    }


    

}


@media screen and (min-width: 768px) {

    .container {letter-spacing: 0;}

        /* 모바일 */
    :root {
        --vh: 100%;
        --hdH: 65px;

        
        --tit1: 4rem;
        --subTopMg: 23px;

        --subContPd:80px;
        --subPd: 80px;

        --mainContPd: 140px;
        --mainContM: 20px;
        
        --subPd: 160px;
        --sectMt: 120px;
        --sectPd: 80px;
    
        --smTxt1: 1.3rem;
        --smTxt2: 1.2rem;

        --discContPd: 20px;


      

    }

    .phone_only.inline,
    .phone_only.flex,
    .phone_only {display: none !important;}
    .phone_over {display: block !important;}
    .phone_over.flex {display: flex !important;}
    .phone_over.inline {display: inline !important;}
    .pc_only {display: none !important;}


    #footer .ft_cont .ft_menu {margin-top: 0; font-size: var(--txt2);}
    #footer .ft_cont .ft_btm {margin-top: 30px; position: relative;}
    #footer .ft_cont .ft_btm .ft_logo {width: 19rem;}
    #footer .ft_cont .ft_btm .sel_wrap {position: absolute; right: 0; top: 0; width: 450px;}
    #footer .ft_cont .ft_btm .sel_box .nice-select {height: 48px;line-height: 47px; border-radius: 10px;}
    #footer .ft_cont .ft_btm .sel_box .nice-select .list {width: auto;}

    #footer .ft_cont .ft_btm .ft_info .notice {width: 100%;}

    #footer .ft_cont .ft_btm .ft_info .info,
    #footer .ft_cont .ft_btm .ft_info .addr {font-size: 16px;}

    #footer .ft_cont .ft_btm .ft_info .copy,
    #footer .ft_cont .ft_btm .ft_info .notice {font-size: 14px;}

    #footer .ft_cont .ft_btm .ft_coo_wrap {position: absolute; right: -15px; bottom: 0; padding: 0;}
    #footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide .ft_coo_box .logo {width: 65px; height: 65px;}
    #footer .ft_cont .ft_btm .ft_coo_wrap .swiper-slide .ft_coo_box .txt {font-size: 12px;}

    #footer .ft_cont .sns_top .sns_ico {width: 38px;}
    
    #footer .ft_cont .ft_btm .ft_coo_wrap .btn_box {display: flex;}
    #footer .ft_cont .ft_btm .ft_info .notice {margin-top: 25px;}



    .all_sch {height: 32rem;}

 }


 @media screen and (min-width: 1240px) {

    .pc_over {display: none !important;}

    

    :root {
        --vh: 100%;
        --hdH: 90px;
        --mainHdH:145px;

        --inPd: 20px;

        --subTopMg: 23px;
        --subInW: 124rem;
        --subPd: 12rem;
        --subContPd:12rem;

        /* txt style */
        
        /* --tit1: 4rem;
        --tit2: 3.8rem;
        --tit3: 3.2rem;
        --tit4: 2.8rem;
        --tit5: 2.4rem; */

        --tit1: 5.8rem;
        --tit2: 4.3rem;
        --tit3: 3.8rem;
        --tit4: 3rem;
        --tit5: 2.6rem;
        
        --thmbTit1: max(2.4rem, 24px);
        --txt0: max(2.4rem, 24px);

        --txt1: 22px;
        --txt2: 20px;
        --txt3: 17px;
        --smTxt1: 14px;
        --smTxt2: 13px;

        --mainContPd: 140px;
        --mainContM: 20px;
        
        --subPd: 180px;
        --sectMt: 180px;
        --sectPd: 100px;
    
        /* 위에 변수 너무 많이 씀. 타이틀 사이 + cont 마진 */
        --contMt: 30px;


        --discContPd: 20px;


      

    }


    .mo_only {display: none !important;}
    .mo_only.flex {display: none !important;}

    .pc_only {display: block  !important;}
    .pc_only.flex {display: flex !important;}

    .com_see_more .ico {width: 1.2em; height: 1.2em; margin-left: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23262f40">><path d="M569.4 337L586.4 320L569.4 303L401.4 135L384.4 118L350.5 151.9L367.5 168.9L494.5 295.9L64.4 295.9L64.4 343.9L494.5 343.9L367.5 470.9L350.5 487.9L384.4 521.8L401.4 504.8L569.4 336.8z"/></svg>') no-repeat center/ contain;}
    .com_see_more.wh_line .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23fff">><path d="M569.4 337L586.4 320L569.4 303L401.4 135L384.4 118L350.5 151.9L367.5 168.9L494.5 295.9L64.4 295.9L64.4 343.9L494.5 343.9L367.5 470.9L350.5 487.9L384.4 521.8L401.4 504.8L569.4 336.8z"/></svg>') no-repeat center/ contain;}

    

    .slide_modal .modal_cont .li_cont {padding: 35px 30px 45px;}



    #header.sub_header.scroll > .cont.type2 {display: none;}


    

    
    /* header */
    /* #header.zero {transform: translate(-50%, 0%) !important;} */



    #header.sub_header.scroll_top.gray_line {border-bottom: 1px solid #ddd;}
    #header .logo_box {display: flex; align-items: center;}
    #header > .cont > .logo_box .logo { height: 2.5rem;}
    #header > .cont > .logo_box .logo svg { width: 100%; }
    #header > .cont {width: 100%;height: var(--hdH);;margin: 0 auto;}


    
    #header .network_select {margin-left: 2rem; position: relative; display: block;}
    #header .network_select .btn {display: flex; align-items: center;  font-weight: 700; padding: 0.4em 1em 0.4em 1em; color: var(--colorBlue1); background-color: #F3F4F8; font-size: 13px; border-radius: 10em; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
    #header .network_select .ico {width: 1em; height: 1em; margin-left: 0.7em; transform: rotate(0deg) ; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 417.9l17-17L465 209l17-17L448 158.1l-17 17-175 175L81 175l-17-17L30.1 192l17 17L239 401l17 17z"></path></svg>') center/contain no-repeat; transition: 0.3s ease-in-out;}
    #header .network_select .btn:hover {background-color: #262F40; color: #fff;}
    #header .network_select .btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"  fill="%23ffff"><path d="M256 417.9l17-17L465 209l17-17L448 158.1l-17 17-175 175L81 175l-17-17L30.1 192l17 17L239 401l17 17z"></path></svg>') center/contain no-repeat; }

    #header .network_select .network_list{position: absolute; top: calc(100%); left: 0; opacity: 0; transform: translateY(5px); padding: 2.5rem 2rem; background: #2946b8; border-radius: 15px; pointer-events: none; width: 17em;}
    #header .network_select .network_list::before{content: ''; position: absolute; top: -6px; left: 0; width: 100%; height: 7px;}
    #header .network_select .network_list ul{position: relative; z-index: 3; display: grid; grid-template-columns: repeat(7, 1fr); justify-items: center; gap: 10px 14px;}
    #header .network_select .network_list ul li{color: #B7CEFF; font-size: 16px; transition: color 0.25s; white-space: nowrap;}
    #header .network_select .network_list ul li.active{color: #fff;}
    #header .network_select .network_list ul li:hover{color: #fff;}
    #header .network_select .network_list .symbol {position: absolute; right: 0; bottom: 0; width: 40%; padding-top: 40%; opacity: 0.3; display: none;}
    #header .network_select .network_list .symbol img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}
    #header .network_select .network_list .btm { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(255,255,255,0.5); }
    #header .network_select .network_list .btm .logo { width: 40%; margin: 0 auto; }

    
    #header .network_select.active .network_list {pointer-events: visible; opacity: 1;}
    #header .network_select.active .ico {transform: rotate(180deg);}

    #header > .cont .util_wrap .btn + .btn {margin-left: 2rem;}
    #header > .cont .util_wrap .btn .ico {width: 2rem; height: 2rem; display: flex;}
    #header > .cont .util_wrap .btn .ico svg {width: 100%; height: auto; max-height: 100%;}

    #header > .cont .util_wrap .btn {position: relative;}
    

    #header .user_btn .login_nav {position: absolute; left: 50%; bottom: -20px; 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; opacity: 0; transition: opacity 0.3s ease-in-out}
    #header .user_btn .login_nav.active {opacity: 1}
    #header .user_btn .login_nav li + li {margin-top: 10px}
    #header .user_btn .login_nav a {display: flex; align-items: center;  font-weight: 500; margin-right: 0; font-size: var(--txt3)}
    #header .user_btn .login_nav a .login_nav_ico {width: 1em; height: 1em; margin-right: 1em; transform: translateY(-1px)}
    #header .user_btn .login_nav a .login_nav_ico svg {width: 100%}
    #header .user_btn .login_nav a .txt {}
 

    #header .size_up { display: flex; align-items: center; margin-right: 2rem; font-size: var(--txt3);}
    #header .size_up .ico { display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; background-color: #fff; border: 1.5px solid var(--grayLine); cursor: pointer;}
    #header .size_up .ico svg { width: 60%; height: 60%; }
    #header .size_up .txt { width: 1.8em; font-weight: 500; text-align: center; }


    #header .pc_nav {height: 100%; display: block; overflow-x: auto; max-width: 62%; padding-bottom: 1px;}
    #header .pc_nav::-webkit-scrollbar {-webkit-appearance: none; }
    #header .pc_nav::-webkit-scrollbar:vertical {width: 10px;}
    #header .pc_nav::-webkit-scrollbar:horizontal {height: 4px;}
    #header .pc_nav::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 5px;}
    #header .pc_nav::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}


    #header .pc_nav .nav_list {display: flex; align-items: center; height: 100%;}
    

    #header .pc_nav .nav_list > li {height: 100%; flex-shrink: 0;}
    #header .pc_nav .nav_list > li > a {position: relative; padding: 0 1em; height: 100%; display: flex; align-items: center; font-weight: 700; font-size: var(--txt3);  transition: color 0.3s ease-in-out;}
    #header .pc_nav .nav_list > li > a::before {content: "";position: absolute; left: 0; bottom: -1px; width: 0%; height: 3px;  background-color: var(--colorBlue2); z-index: 3;  transition: width 0.3s ease-in-out;}

    #header.scroll_up .pc_nav .nav_list > li:hover .depth2_wrap {opacity: 1; pointer-events: visible; }
    #header.scroll_up .pc_nav .nav_list > li:hover > a {color: var(--colorBlue2);}
    #header.scroll_up .pc_nav .nav_list > li:hover > a::before {width: 100%;}

    #header.scroll_top .pc_nav .nav_list > li:hover .depth2_wrap {opacity: 1; pointer-events: visible; }
    #header.scroll_top .pc_nav .nav_list > li:hover > a {color: var(--colorBlue2);}
    #header.scroll_top .pc_nav .nav_list > li:hover > a::before {width: 100%;}

    #header.up .pc_nav .nav_list > li {opacity: 0;}

    #header .pc_nav .depth2_wrap { position: absolute; left: 50%; bottom: 1px; transform: translate(-50%,100%); width: 100vw; height: 23em; padding: 0 4rem;background-color: #fff; border-top: 1px solid #EAEDF3 ; opacity: 0; pointer-events: none; transition: transform 0.6s ease-in-out; box-shadow: 0 5px 10px rgba(0,0,0,0.05); z-index: 2;}
    #header .pc_nav.x_scroll .depth2_wrap {bottom: 4px;}
    #header .pc_nav .depth2_wrap .depth_in {max-width: 1590px;position: relative; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%; margin: 0 auto;}
    #header .pc_nav .depth2_wrap .depth_tit {padding-top: 4rem; padding-right: 4rem; font-size: var(--tit5); font-weight: 700; height: 100%; border-right: 1px solid #EAEDF3; width: 16%; text-align: right;}
    #header .pc_nav .depth2_wrap .depth_tit .tit {position: relative;}
    #header .pc_nav .depth1.on .depth2_wrap .depth_tit .tit::before {content: ""; position: absolute; left: -5px; top: 0; width: 0.25em; height: 0.25em; background-color: #fff; border-radius: 50%; transform: translate(-100%,50%);}
    #header .pc_nav .depth1:nth-child(1) .depth2_wrap .depth2 {grid-template-columns: repeat(7,auto);}
    #header .pc_nav .depth2_wrap .depth2 { padding-top: 3em; padding-left: 4rem; display: grid; grid-template-columns: repeat(6,auto); gap: 3rem 3rem; margin-right: 3rem;}
    #header .pc_nav .depth2_wrap .depth2 > li > a { display: block;font-size: var(--txt3); font-weight: 600; position: relative;}
    #header .pc_nav .depth2_wrap .depth2 > li > a span {position: relative;}
    #header .pc_nav .depth2_wrap .depth2 > li > a[target="_blank"] {padding-right: 1.2em; position: relative;}
    #header .pc_nav .depth2_wrap .depth2 > li > a[target="_blank"]::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.75em; height: 0.75em;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23262f40"><path d="M320 0L288 0l0 64 32 0 82.7 0L201.4 265.4 178.7 288 224 333.3l22.6-22.6L448 109.3l0 82.7 0 32 64 0 0-32 0-160 0-32L480 0 320 0zM32 32L0 32 0 64 0 480l0 32 32 0 424 0 32 0 0-32 0-128 0-32-64 0 0 32 0 96L64 448 64 96l96 0 32 0 0-64-32 0L32 32z"/></svg>') no-repeat center / contain;}
    #header .pc_nav .depth2_wrap .depth2 > li > a::before {content: ""; position: absolute; left: -0.5em; top: 50%; transform: translate(-100%, -50%) ;width: 0.25em; opacity:  0;height: 0.25em; background-color:var(--colorBlue2); border-radius: 50%; transition: opacity 0.3s ease-in-out;}
    #header .pc_nav .depth2_wrap .depth2 > li:hover > a::before {opacity: 1;}
    #header .pc_nav .depth2_wrap .depth2 > li:hover > a {color: var(--colorBlue2);}

    #header .pc_nav .depth2_wrap .depth2 > li.on > a::before {opacity: 1;}
    #header .pc_nav .depth2_wrap .depth2 > li.on > a {color: var(--colorBlue2);}

    #header .pc_nav .depth2_wrap .banner_box {margin-left: auto; width: 24rem; margin-top: 4rem;}
    #header .pc_nav .depth2_wrap .banner_box .cont .img {position: relative; padding-top: 56.25%; overflow: hidden;}
    #header .pc_nav .depth2_wrap .banner_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
    #header .pc_nav .depth2_wrap .banner_box .cont .img .com_play_bg  {pointer-events: none;}
    #header .pc_nav .depth2_wrap .banner_box .cont .img .com_play_bg .btn_play {width: 42px; height: 42px;}
    #header .pc_nav .depth2_wrap .banner_box .cont .txt {margin-bottom: 10px; font-size: var(--txt3); display: inline-flex; align-items: center; font-weight: 700; position: relative;}
    #header .pc_nav .depth2_wrap .banner_box .cont .txt svg {width: 1.25em; height: auto; fill: #262F40;}
    #header .pc_nav .depth2_wrap .banner_box .cont .txt::before {content: "";position: absolute; left: 0; bottom: -2px; width: 0%; height: 1px; background-color: #262F40; transition: width 0.3s ease-in-out;}
    #header .pc_nav .depth2_wrap .banner_box .recommend {margin-top: 30px;}
    #header .pc_nav .depth2_wrap .banner_box .recommend .txt {font-weight: 600;}
    #header .pc_nav .depth2_wrap .banner_box .recommend ul {display: flex; flex-wrap: wrap; margin-top: 10px;}
    #header .pc_nav .depth2_wrap .banner_box .recommend ul li {margin-right: 3px; margin-bottom: 3px;}
    #header .pc_nav .depth2_wrap .banner_box .recommend ul li a{border: 1px solid var(--grayLine);border-radius: 50px;padding: 0.4em 0.7em;font-size: var(--smTxt1);color: var(--exTxt);flex-shrink: 0;transition: 0.3s ease-in-out;}

    #header .pc_nav .depth2_wrap .banner_box .cont:hover .txt::before {width: 100%;}

    /* #header .pc_nav .depth1.on .depth2_wrap .depth2 > li.on a span::before {width: 100%;} */

    #header .pc_nav .depth2_wrap .depth3 {margin-top: 1.5rem;}
    #header .pc_nav .depth2_wrap .depth3 > li > a {display: block; font-size: var(--smTxt1); font-weight: 500; color: #7A8390; transition: 0.3s ease-in-out;}
    #header .pc_nav .depth2_wrap .depth3 > li + li {margin-top: 1rem;}
    #header .pc_nav .depth2_wrap .depth3 > li.on > a {color: #262F40; font-weight: 700;}
    #header .pc_nav .depth2_wrap .depth3 > li:hover > a {color: #262F40; font-weight: 700;}





    
    .mo_menu { display: block; padding: 0 3vw; opacity: 0; pointer-events: none; transition:opacity 0.3s ease-in-out;}
    .mo_menu::-webkit-scrollbar {display: none;}
    .mo_menu.on { opacity: 1; pointer-events: auto; transform: unset;}
    .mo_menu::before {content: "";position: fixed; top: 0; left: 0%; width: 100%; max-width: 100%; height: 100vh; transform: translateY(-105%); background-color: var(--colorBlue1); z-index: 9995;  transition:transform 0.5s ease-in-out; pointer-events: none;}
    .mo_menu::after {content: "";position: absolute; top: 0; left: 0%; width: 100%; max-width: 100%; height: 4.4vw; background-color: #fff; z-index: 9995;}

    .mo_menu.on::before {transform: translate(0%); pointer-events: auto; }
    
    .mo_menu .menu_top {position: absolute;right: 1vw; top: 1vw; z-index: 9999; padding: 0; background-color: transparent;}

    .mo_menu .top { display: flex; align-items: center; opacity: 0; transform: translateY(50px); transition: 0.3s ease-in-out; position: relative;z-index: 9997;}
    .mo_menu.on .top {opacity: 1; transform: unset; transition: 0.3s ease-in-out 0.5s;}
    
    .mo_menu .top .logo {width: 9vw; position: fixed; right: 5rem; top: calc(100vh - 5rem); z-index: 9998; transform: translateY(-100%);}
    .mo_menu .top .logo path {fill: #fff; }
    

    .mo_menu .top .close {  width: 2.5vw; height: 2.5vw; background-color: #F0F0F0; border-radius: 50%;}
    .mo_menu .top .close svg { width: 28%; fill: #262F40;}

    .mo_menu .bot_logo { display: flex; align-items: center; width: 9vw; position: fixed; right: 5rem; top: calc(100vh - 5rem); z-index: 9998; transform: translateY(-100%); opacity: 0; transition: 0.3s ease-in-out 0.6s;}
    .mo_menu .bot_logo svg { width: 100%; }
    .mo_menu .bot_logo path {padding: 0; fill: #fff;}
    .mo_menu.on .bot_logo {opacity: 1;}
    
    #header .mo_menu .size_up { display: none; }
    .mo_menu .login_btn { display: none; }

    .mo_menu .menu_info { padding: 17px 20px; display: none; }
    .mo_menu .menu_sch { display: none; }

    .mo_menu .recom_tag {display: none;}
    .mo_menu .depth_wrap {color: #fff; ; padding: 0; opacity: 0; transform: translateY(100px); transition: 0.5s 0.2s; position: relative;z-index: 9997;
        border: none;
        background-color: transparent;
         height: auto;
}
    .mo_menu.on .depth_wrap {opacity: 1; transform: unset;border: none;background-color: transparent;transition:opacity 0.5s 0.5s;}
    .mo_menu .depth_wrap > ul {display: flex;height: auto; overflow: inherit;}
    .mo_menu .depth_wrap .depth1  {flex: 1; padding-left: 0; display: block; border-left: 1px solid rgba(255,255,255,0.15); padding-bottom: 6vw;}
    .mo_menu .depth_wrap .depth1 .depth2 > li > a .arr {display: none;}
    .mo_menu .depth_wrap .depth1 > a {position: relative; font-size: 1.1vw; color: #000; background-color: transparent; padding: 0; padding: 1.4vw 0 1.05vw 2vw; height: auto; font-weight: 600;}
    .mo_menu .depth_wrap .depth1.on > a {background-color: transparent;}
    .mo_menu .depth_wrap .depth1:first-child {padding-left: 0; border-left: none;}
    .mo_menu .depth_wrap .depth1 > a::before {content:""; display: block; position: absolute; left: -0.1em; top: 0; transform: translate(-100%,-100%); width: 0.2em; height: 0.2em; background-color: #fff; border-radius: 50%;  opacity: 0; transition: 0.3s ease-in-out;}
    .mo_menu .depth_wrap .depth1:hover a::before {opacity: 1;}

    .mo_menu .depth_wrap .depth1 .depth2_wrap {position: static;left: 0;width:auto;height: auto;padding: 0;display: block;overflow: inherit;background-color: transparent;padding-top: 1.5vw; padding-left: 2.5vw; }

    .mo_menu .depth_wrap .depth2_wrap .depth2 > li {padding-right: 10px; line-height: 1.4;}
    .mo_menu .depth_wrap .depth2_wrap .depth2 > li > a {position: relative; font-size: 1vw; font-weight: 500; height: auto; border-bottom: none; }
    .mo_menu .depth_wrap .depth2_wrap .depth2 > li > a::before {content: none;position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background-color: #fff;transition: 0.3s ease-in-out;}
    .mo_menu .depth_wrap .depth2_wrap .depth2 > li:hover > a::before {width: 100%;}
    .mo_menu .depth_wrap .depth2_wrap .depth2 > li + li {margin-top: 1.25vw;}

    .mo_menu .depth_wrap .depth1 .depth2 .depth3 {margin-top: 0.9vw; font-size: 0.75vw; border: none; padding: 0; border: none; padding: 0; display: block;}
    .mo_menu .depth_wrap .depth1 .depth2 .depth3 > li + li {margin-top: 0.25vw;}
    .mo_menu .depth_wrap .depth1 .depth2 .depth3 > li > a {position: relative; padding-left: 0.7em; opacity: 0.6; transition: opacity .3s ease-in-out; color: #fff; padding: 0; font-size: inherit; padding-left: 0.5em;}
    .mo_menu .depth_wrap .depth1 .depth2 .depth3 > li > a::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 0.15em; height: 0.15em; border-radius: 50%; background: #fff;}
    .mo_menu .depth_wrap .depth1 .depth2 .depth3 > li > a:hover {opacity: 1;}
    .mo_menu .depth_wrap .depth1 .depth2 .depth3 > li.on > a {color: #fff; display: block; }

    #footer .ft_cont .ft_btm .ft_info {display: flex; flex-wrap: wrap;}
    #footer .ft_cont .ft_btm .ft_info  .info_box {margin-left: 15px;}

    #footer .ft_cont .ft_menu .menu {position: relative;}
    #footer .ft_cont .ft_menu .menu::before {content: ""; position: absolute; left: 0; bottom: 0px; width: 0%; height: 1px; background-color: #000; transition:  0.3s ease-in-out;}
    #footer .ft_cont .ft_menu .menu:hover::before {width: 100%;}


    /* 모달존 */

    .slide_modal .modal_wrap .modal_cont .modal_close,
    .slide_modal2 .modal_wrap .modal_cont .modal_close,
    .over_modal .modal_wrap .modal_cont .modal_close,
    .modal .modal_wrap .modal_cont .modal_close {width: 2.2rem; height: 2.2rem; right: 1.5em;}


    .slide_modal .modal_cont .top .tit,
    .slide_modal2 .modal_cont .top .tit,
    .over_modal .modal_cont .top .tit,
    .modal .modal_cont .top .tit {font-size: var(--tit5);}


    .slide_modal .modal_wrap .modal_cont.res .tit_box .tit {font-size: var(--tit5);}
    .slide_modal .modal_wrap .modal_cont.res .cont .term_box {padding: 1.5em;}


    .fix_btn_box .btn {width: 7em; height: 7em;}
    .fix_btn_box .btn.rese_btn {display: flex;}
    .fix_btn_box .btn.top_btn {flex-direction: row; align-items: center ;height: auto; padding: 20px 0px; border-radius: 15px; font-weight: 500; }
    .fix_btn_box .btn.top_btn .txt {font-size: var(--smTxt1); font-weight: 600; display: block;}
    .fix_btn_box .btn.top_btn .ico {width: 1em; height: auto; margin-left: 15px; display: flex; align-items: center;}
    .fix_btn_box .btn.top_btn .ico svg {width: 100%; height: auto; position: static;}
    .fix_btn_box .btn.top_btn:hover {background-color: var(--grayBg2); }

    .modal .modal_cont .cls_btn {width: 30px; height: 30px;}

    #footer .ft_cont .ft_menu .menu + .menu {margin-left: 25px;}

 }



 @media screen and (min-width: 1640px) {
    #header .pc_nav .nav_list > li > a {padding: 0 1.5em; font-size: var(--txt3);}
    #header .pc_nav .depth2_wrap .depth_tit {padding-right: 3rem;width: 12%;text-align: left;}
    #header .pc_nav .depth2_wrap .depth2 > li > a {font-size: var(--txt3);}
    #header .pc_nav .depth2_wrap .depth2 {padding-left: 6rem;gap: 4rem 6rem;}
    #header .pc_nav .depth2_wrap .banner_box {width: 26rem;}

    #header .band_banner .slide .swiper-slide,
    #header > .cont {padding: 0 40px;}
    #header .band_banner .btn_wrap {right: 40px; bottom: 40px;}
    #header .network_select {margin-left: 2rem;}
    
    #header .size_up {font-size: var(--txt2); margin-right: 3rem;}
    #header > .cont > .logo_box .logo {height: 2.8rem;}
    #header .network_select .btn {font-size: var(--smTxt1);}

    #header > .cont .util_wrap .btn + .btn {margin-left: 2.5rem;}
    #header > .cont .util_wrap .btn .ico {width: 2.2rem; height: 2.2rem;}

    .fix_btn_box {right: 20px;}

    #header .pc_nav .depth2_wrap .depth_tit {font-size: var(--tit4);}
    #header .pc_nav .depth2_wrap .depth2 > li > a {font-size: var(--txt2);}
    #header .pc_nav .depth2_wrap .depth3 > li > a {font-size: var(--txt3);}

    

}


@media screen and (min-width: 1840px) {
    #header .pc_nav .nav_list > li > a { font-size: var(--txt2);}
    #header .pc_nav .depth2_wrap .depth2 > li > a {font-size: var(--txt2);}
}







