@charset "utf-8";

/* 공용 */


:root {
    --inpH2: 4em;
}


.nice-select {font-size: var(--subTxt); border-radius: 0;}
.nice-select .list {min-width: calc(100% + 2px); border-radius: 0; left: -1px;}

.sub .in {width: clamp(1240px, 70vw, 164rem);}
.sub .in2 {width: clamp(1440px, 85vw, 184rem);}
.sub .container { margin-top: var(--hdH); font-size: var(--subTxt); word-break: keep-all;}


.sub_pd {padding-bottom: 26rem;}



/*=====서브 탑=====*/
.sub_visual { position: relative; width: 100%; margin-bottom: var(--subVisPd); border-bottom: 1px solid #D5D9E3; }
.sub_visual.no_line{margin-bottom: 0; border-bottom: none;}
.sub_visual .lnb { position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 2rem 0 0 5rem; font-size: calc(var(--subTxt)*0.8); z-index: 99; }
.sub_visual .lnb .home { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; fill: #232323;}
.sub_visual .lnb .dot { width: 0.3em; height: 0.3em; margin: 0 1em; border-radius: 100%; background-color: #BCBFC7; display: none; }
.sub_visual .lnb .sel_wrap + .dot { margin: 0 1em 0 1.5em; }
.sub_visual .lnb .sel_wrap { margin-left: 2em; }
.sub_visual .lnb .sel_wrap { position: relative; top: 0.1em; display: flex; align-items: center; justify-content: center; }
.sub_visual .lnb .sel_wrap .nice-select { border: 0; padding-left: 0; padding-right: 2rem; font-size: calc(var(--smTxt)); }
.sub_visual .lnb .sel_wrap .nice-select:after { right: 0; width: calc(var(--smTxt) * 0.5); height: calc(var(--smTxt) * 0.5); margin-top: -0.3em; font-size: 1em; border: 0; transform: rotate(180deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M290.5 51.8C283.3 39.5 270.2 32 256 32s-27.3 7.5-34.5 19.8l-216 368c-7.3 12.4-7.3 27.7-.2 40.1S25.7 480 40 480l432 0c14.3 0 27.6-7.7 34.7-20.1s7-27.8-.2-40.1l-216-368z"/></svg>')center/contain no-repeat; transition: transform 0.3s; }
.sub_visual .lnb .sel_wrap .nice-select.open:after { transform: rotate(0deg); }
.sub_visual .lnb .sel_wrap.current .current { color: var(--blue2); font-weight: 600; }
.sub_visual .lnb .sel_wrap .nice-select .option{padding: 0 1.2em;}


.sub_visual .tit_wrap { width: 100%; padding: 5rem 0 10rem; }
.sub_visual .tit_wrap .desc {font-size: var(--txt); color: #9CA1AE; font-weight: 500; margin-bottom: 1rem; text-align: center;}
.sub_visual .tit_wrap .tit { font-size: 6.4rem; font-weight: 700; text-align: center; }
.sub_visual .tit_wrap .txt { margin-top: 2em; font-size: var(--subTxt); font-weight: 700; text-align: center; word-break: keep-all; }



/* 페이징 */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem}
.pagination > a {line-height: 1}
.pagination > a svg { fill: #B0B0B0; transition: all 0.3s; height: 1.3em; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2.5rem; }
.pagination .num_list li { position: relative; width: 2.45em; height: 2.45em; margin: 0 0.25rem;  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.45em; 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: var(--blue2); }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none{opacity: 0.4; cursor: default;}



/* 게시글이 없습니다 */

.empty_box {display: flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; width: 100%; }
.empty_box img {opacity: 0.5; width: 24rem; margin-top: 8rem;}
.empty_box span {font-size: var(--txt);font-weight:400;color: var(--txtGray1);margin-top: 3rem;}



/* ========================== 병원소개  ========================== */

/* ============ 병원소개 01 특별함  ============= */

.special_page .visual_sect {padding: 0 var(--inPd);}
.special_page .visual_sect .tit_box {position: relative;  text-align: center; }
.special_page .visual_sect .tit {display: inline-block; position: relative; font-size: var(--subH0); font-weight: 700; background: linear-gradient(to right, #232323 30%, #65A9DF 70%); background-size: 300% 300%; color: transparent;-webkit-background-clip: text; line-height: var(--titLine);}
.special_page .visual_sect .tit span {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #232323; transition: 0.5s ease-in-out; white-space: nowrap;overflow: hidden;}
.special_page .visual_sect .img {position: relative; width: 90%; margin: 12rem auto 0; padding-top: 45% }
.special_page .visual_sect .img img {position: absolute; width: 50%; height: 50%; left: 50%; top: 0; transform: translateX(-50%) ;object-position: center; object-fit: cover; transition: cubic-bezier(0.84, 0.03, 0.38, 0.98)0.8s}
 
.special_page .visual_sect.active .tit span {width: 0%;}
.special_page .visual_sect.active .img img {width: 100%; height: 100%;}

.special_page .leader_sect {margin-top: 20rem; }
.special_page .leader_sect .logo {width: 28rem; height: auto; margin: 0 auto;}
.special_page .leader_sect .logo svg {width: 100%; height:auto;}
.special_page .leader_sect .logo svg .svg-elem-1 {fill: transparent;-webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.special_page .leader_sect .logo svg .svg-elem-2 {fill: transparent;-webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.special_page .leader_sect .sect_tit_box {text-align: center; margin-top: 12rem;}
.special_page .leader_sect .sect_tit_box .en_desc {font-size: var(--subH3); font-weight: 700; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s, transform 0.8s;}
.special_page .leader_sect .sect_tit_box .tit {font-size: 16rem; font-weight: 700; line-height: var(--titLine); transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.1s, transform 0.8s 0.1s;}
.special_page .leader_sect .sect_tit_box .desc {font-size: var(--subH0); font-weight: 700; margin-top: 3rem; line-height: var(--titLine); transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.2s, transform 0.8s 0.2s;}
.special_page .leader_sect .sect_tit_box .txt {display: flex; flex-direction: column; align-items: center; font-size: var(--txt); font-weight: 500; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.3s, transform 0.8s 0.3s;}
.special_page .leader_sect .sect_tit_box .desc + .txt {margin-top: 4.5rem;}
.special_page .leader_sect .sect_tit_box .txt + .txt {margin-top: 3.5rem;}
.special_page .leader_sect .sect_tit_box .txt li {position: relative; color: #E8E8E8;}
.special_page .leader_sect .sect_tit_box .txt span {position: absolute;left: 0;top: 0;width: 0;height: 100%;color: #000;white-space: nowrap;overflow: hidden;}


.special_page .leader_sect .logo.active svg .svg-elem-1 {fill: rgb(0, 74, 116);}
.special_page .leader_sect .logo.active svg .svg-elem-2 {fill: rgb(23, 46, 76);}
  

.special_page .leader_sect .sect_tit_box.active .en_desc,
.special_page .leader_sect .sect_tit_box.active .tit,
.special_page .leader_sect .sect_tit_box.active .desc,
.special_page .leader_sect .sect_tit_box.active .txt {opacity: 1; transform: unset;}

.special_page .leader_sect .cir_cont {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) ;margin: 18rem auto 0; width: 124rem; max-width: 100%;}
.special_page .leader_sect .cir_cont .cir {position: relative; width: 100%; padding-top: 100%; border-radius: 50%; color: #fff; transition: transform 1s ease-in-out;}
.special_page .leader_sect .cir_cont .cir:nth-child(1){background-color: var(--blue2); transform: translateX(100%);}
.special_page .leader_sect .cir_cont .cir:nth-child(2){background-color: var(--blue3); z-index: 1;}
.special_page .leader_sect .cir_cont .cir:nth-child(3){background-color: var(--blue); transform: translateX(-100%);}
.special_page .leader_sect .cir_cont .cir .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; white-space: nowrap;}
.special_page .leader_sect .cir_cont .cir .txt_box .desc {font-size: var(--txt); font-weight: 500;}
.special_page .leader_sect .cir_cont .cir .txt_box .tit {font-size: var(--subH2); margin-top: 1.5rem; font-weight: 700; line-height: var(--titLine);}

.special_page .leader_sect .cir_cont.active .cir {opacity: 1; transform: unset;}

.special_page .leader_sect .img_cont {position: relative; margin: 20rem auto 0; width: 80%; }
.special_page .leader_sect .img_cont::before {content: ""; position: absolute; left: -2px; top: -2px; background-color: #fff; width: calc(50% + 4px); height: calc(100% + 4px); transition: 1s ease-in-out;}
.special_page .leader_sect .img_cont::after {content: ""; position: absolute; right: -2px; top: -2px; background-color: #fff; width: calc(50% + 4px); height: calc(100% + 4px); transition: 1s ease-in-out}
.special_page .leader_sect .img_cont img {width: 100%;}
.special_page .leader_sect .img_cont.active::before {width: 0;}
.special_page .leader_sect .img_cont.active::after {width: 0;}

.special_page .line_up_sect {position: relative; padding-bottom: var(--subSectPd1);}
.special_page .line_up_sect .line {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 100%; background-color: #CECECE; }
.special_page .line_up_sect .line .bar {position: absolute; left: 0; top: 0; height: 0%;width: 100%; height: 0%; background-color: var(--blue2);}
.special_page .line_up_sect .bg_txt { text-align: center; background-color: #fff;}
.special_page .line_up_sect .bg_txt .txt {font-size: 16rem; font-weight: 300; font-family: var(--poppins); transform: translateY(6rem); opacity: 0; transition: opacity 0.8s , transform 0.8s;}
.special_page .line_up_sect .bg_txt.active .txt{opacity: 0.07; transform: unset;}

.special_page .line_up_sect .txt_wrap {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16rem; margin-top: var(--subSectPd1)}
.special_page .line_up_sect .txt_wrap .left_box .tit {font-size: var(--subH1); font-weight: 700; line-height: var(--txtLine); transform: translateY(4rem); opacity: 0; transition: opacity 0.8s , transform 0.8s;}
.special_page .line_up_sect .txt_wrap .left_box .txt {margin-top: 3rem; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.2s, transform 0.8s 0.2s;}
.special_page .line_up_sect .txt_wrap .right_box {transform: translateY(4rem); opacity: 0; transition: opacity 0.8s , transform 0.8s;}
.special_page .line_up_sect .txt_wrap .right_box .tit {font-size: var(--subH1); font-weight: 700; color: #0C3659; }
.special_page .line_up_sect .txt_wrap .right_box .txt {margin-top: 5rem;font-size: var(--txt); font-weight: 700; color: #E8E8E8;}
.special_page .line_up_sect .txt_wrap .right_box .txt li {position: relative;}
.special_page .line_up_sect .txt_wrap .right_box .txt li + li {margin-top: 1.5rem;}
.special_page .line_up_sect .txt_wrap .right_box .txt li span {position: absolute;left: 0;top: 0;width: 0;height: 100%;color: #000;white-space: nowrap;overflow: hidden;}

.special_page .line_up_sect .txt_wrap.active .left_box .tit,
.special_page .line_up_sect .txt_wrap.active .left_box .txt,
.special_page .line_up_sect .txt_wrap.active .right_box  {opacity: 1; transform: unset;}

.special_page .line_up_sect .slide {margin-top: var(--subSectPd1); }
.special_page .line_up_sect .slide .swiper {padding: 16rem 0;}
.special_page .line_up_sect .slide .swiper-slide {transition: transform 0.5s ease-in-out;}
.special_page .line_up_sect .slide .swiper-slide[class$=-next] {transform: translateY(-16rem);}
.special_page .line_up_sect .slide .swiper-slide[class$=-next] + div + div  {transform: translateY(16rem);}

.special_page .result_sect {position: relative;  padding: var(--subSectPd1) 0;}
.special_page .result_sect .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.special_page .result_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.special_page .result_sect .sect_tit {text-align: center;}
.special_page .result_sect .sect_tit .tit{display: inline-block; position: relative; font-size: var(--subH1); background: linear-gradient(to right, #fff 30%, #65A9DF 70%); background-size: 300% 300%; color: transparent;-webkit-background-clip: text; font-weight: 700;}
.special_page .result_sect .sect_tit .tit span {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; transition: 0.5s ease-in-out; white-space: nowrap;overflow: hidden;}

.special_page .result_sect .sect_tit.active .tit span{width: 0%;}


.special_page .result_sect .cont_box {display: grid; justify-content: space-between; grid-template-columns: 58% 38%;; margin-top: 20rem; color: #fff;}
.special_page .result_sect .cont_box .txt_box .desc {font-size: var(--txt); font-weight: 700; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s , transform 0.8s;}
.special_page .result_sect .cont_box .txt_box .tit {font-size: var(--subH0); font-weight: 700; line-height: var(--titLine); margin-top: 2rem; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s  0.2s, transform 0.8s 0.2s;}
.special_page .result_sect .cont_box .txt_box .txt {opacity: 0.8; margin-top: 3rem; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.4s, transform 0.8s 0.4s;}

.special_page .result_sect .cont_box .txt_box.active .desc,
.special_page .result_sect .cont_box .txt_box.active .tit,
.special_page .result_sect .cont_box .txt_box.active .txt{opacity: 1; transform: unset;}

.special_page .result_sect .cont_box .data_box .cont {display: flex; align-items: center; padding: 4rem 0; border-bottom: 1px solid rgba(255,255,255,0.4);}
.special_page .result_sect .cont_box .data_box .cont .ico {display: flex; align-items: center; width: 4rem; height: 3.4rem; position: relative;}
.special_page .result_sect .cont_box .data_box .cont .ico svg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;  object-position: center; fill: #C0E3FF;}
.special_page .result_sect .cont_box .data_box .cont .tit {font-size: var(--bigTxt); font-weight: 700; color: #C0E3FF; margin-left: 0.8em;}
.special_page .result_sect .cont_box .data_box .cont .num_box {display: flex; align-items: flex-end; margin-left: auto; font-size: var(--txt); font-weight: 500;}
.special_page .result_sect .cont_box .data_box .cont .num_box .num {font-size: calc(var(--subH1) * 1.3); font-weight: 700; line-height: 1.5; min-height: 1.5em; margin-right: 1rem;}
.special_page .result_sect .cont_box .data_box .cont .num_box .plus { display: flex; align-items: flex-end; margin-left: 0; font-size: var(--subH2); }
.special_page .result_sect .cont_box .data_box .cont .num_box span {display: inline-block; margin-bottom: 0.4em; margin-left: 0.3em; }












/* ============ 병원소개 02 의료진 소개  ============= */

.medical_staff_page .img_sect {margin-top: var(--subSectPd1); }
.medical_staff_page .img_sect .img {position: relative; margin: 0 auto; width: 50%; padding-top: 42%;}
.medical_staff_page .img_sect .img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-position: center;object-fit: cover;}
.medical_staff_page .visual_sect {overflow: hidden; position: relative; padding: var(--subSectPd1) 0; margin-top: calc(-1 * var(--subVisPd));}
.medical_staff_page .visual_sect .in {position: relative; z-index: 11;}
.medical_staff_page .visual_sect .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.medical_staff_page .visual_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.medical_staff_page .visual_sect .tit_box {text-align: center; color: #fff;}
.medical_staff_page .visual_sect .tit_box .tit {font-size: var(--subH0); line-height: var(--titLine); font-weight: 700; display: flex; flex-direction: column; align-items: center; 
    transform: translateY(4rem); opacity: 0; transition: opacity 0.8s , transform 0.8s;}
.medical_staff_page .visual_sect .tit_box .tit .grad {background: linear-gradient(to right, #D9EEFF, #6ABDFF);background-size: 300% 300%;color: transparent;-webkit-background-clip: text; }
.medical_staff_page .visual_sect .tit_box .desc {margin-top: 5rem; font-size: var(--subH3); font-weight: 700; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.2s, transform 0.8s 0.2s;}
.medical_staff_page .visual_sect .tit_box .txt {margin-top: 3rem; font-size: var(--txt); transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.4s, transform 0.8s 0.4s;}


.medical_staff_page .visual_sect .tit_box.active .desc,
.medical_staff_page .visual_sect .tit_box.active .txt,
.medical_staff_page .visual_sect .tit_box.active .tit{opacity: 1; transform: unset;}


.medical_staff_page .visual_sect .img {margin-top: 10rem; transform: translateY(4rem); opacity: 0; transition: opacity 0.8s 0.6s , transform 0.8s 0.6s;}
.medical_staff_page .visual_sect .img img {width: 100%;}

.medical_staff_page .visual_sect .tit_box.active + .img {opacity: 1; transform: unset;}

.medical_staff_page .visual_sect .txt_move {position: absolute; left: 0 ;;}

.medical_staff_page .visual_sect .txt_move {position: absolute; left: 0; bottom: 0; display: flex;flex: 0 0 auto;padding: 6rem 0 13rem;white-space: nowrap;overflow: hidden;transition: 0.3s;color: #fff;font-weight: 300;font-family: var(--poppins);z-index: 10;opacity: 0.1;}
.medical_staff_page .visual_sect .txt_move p {animation: textLoop 80s linear infinite;padding-right: 3rem;font-size: 18rem;}


@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}


.medical_staff_page .expert_sect {padding-top: var(--subSectPd1);}
.medical_staff_page .expert_sect .sect_tit_box {text-align: center;}
.medical_staff_page .expert_sect .sect_tit_box .tit {font-size: var(--subH1); font-weight: 700;}
.medical_staff_page .expert_sect .sect_tit_box .txt {margin-top: 3rem;}
.medical_staff_page .expert_sect .sect_tit_box .btn_wrap {display: flex; justify-content: center; margin-top: 6rem;}
.medical_staff_page .expert_sect .sect_tit_box .btn_wrap .more_btn {display: flex;align-items: center;justify-content: center;padding: 1em 2em;border-radius: 2em;border: 1px solid #232323;font-size: var(--smTxt);color: #232323; transition: color 0.3s ease-in-out , background-color 0.3s ease-in-out;}
.medical_staff_page .expert_sect .sect_tit_box .btn_wrap .more_btn .symbol {display: flex;align-items: center;height: 1.3em;margin-right: 0.8em;}
.medical_staff_page .expert_sect .sect_tit_box .btn_wrap .more_btn .symbol svg {width: auto; height: 100%; fill: #232323; transition: fill 0.3s ease-in-out;}

.medical_staff_page .expert_sect .doctor_wrap {margin-top: 20rem;}
.medical_staff_page .expert_sect .doctor_wrap .doctor_cont .img_box {width: 37%;}

.doctor_wrap .doctor_cont {display: flex;}
.doctor_wrap .doctor_cont + .doctor_cont {margin-top: 20rem;}
.doctor_wrap .doctor_cont .img_box .img {position: relative; width: 100%; padding-top: 118%;}
.doctor_wrap .doctor_cont .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.doctor_wrap .doctor_cont .info_box {display: flex; flex-direction: column; margin-left: 60px; flex: 1;}
.doctor_wrap .doctor_cont .info_box .name_box {position: relative; margin-bottom: 4rem;}
.doctor_wrap .doctor_cont .info_box .name_box .badge {display: inline-block; height: 2.5em; padding: 0 1.5em; font-size: var(--smTxt); font-weight: 700; border-radius: 3em; line-height: 2.6em; background-color: #004EA2; color: #fff;}
.doctor_wrap .doctor_cont .info_box .name_box .name {display: flex; align-items: flex-end; margin-top: 3rem; font-size: var(--subH3); font-weight: 700; line-height: 1;}
.doctor_wrap .doctor_cont .info_box .name_box .name strong {font-size: var(--subH2); margin-right: 10px;}
.doctor_wrap .doctor_cont .info_box .name_box .btn {position: absolute; right: 0; bottom: 0.5em; width: 7rem; height: 7rem; background-color: #D5D9E3; border-radius: 50%; transition: background-color 0.3s ease-in-out;}
.doctor_wrap .doctor_cont .info_box .name_box .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; height: 50%; fill: #fff;} 
.doctor_wrap .doctor_cont .info_box .name_box .btn.active {background-color: #FFBE2B;}
.doctor_wrap .doctor_cont .info_box .profile_box {margin-top: auto; }
.doctor_wrap .doctor_cont .info_box .profile_box .tit {font-size: var(--bigTxt); font-weight: 700; margin-bottom: 0.6em;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile_list {display: flex; align-items: flex-start; height: 25em; overflow-y: auto; background-color: #F6F7F9; border-radius: 1.5rem; }
.doctor_wrap .doctor_cont .info_box .profile_box .profile_list::-webkit-scrollbar {-webkit-appearance: none; width: 15px;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile_list::-webkit-scrollbar:vertical {width: 4px;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile_list::-webkit-scrollbar:horizontal {height: 5px;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile_list::-webkit-scrollbar-thumb {background-color: rgba(174, 187, 199, 0.5);border-radius: 5px;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile_list::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile {display: grid; align-items: flex-end; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 2.5em; padding: 1em 2.5em 2em; width:100%;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile li {display: flex; align-items: center; padding:0.6em 0; height: 100%; border-bottom: 1px solid var(--borderColor2);}
.doctor_wrap .doctor_cont .info_box .profile_box .profile li .txt_box {display: flex; align-items: flex-start;}
.doctor_wrap .doctor_cont .info_box .profile_box .profile li .num {display: none; align-items: center; justify-content: center; width: 2.5em; height: 3em; font-size:1em; font-weight: 700; color: var(--blue2); background-color: #fff; flex-shrink: 0; border-radius: 50%;} 
.doctor_wrap .doctor_cont .info_box .profile_box .profile li .txt {margin-left: 1.5rem; font-weight: 500; font-size: calc(var(--subTxt) * 0.9);}

.doctor_wrap .doctor_cont .info_box .note { margin-top: -1rem; margin-bottom: 4rem; font-size: var(--tinyTxt); color: var(--txtGray1); }

.doctor_wrap .doctor_cont .info_box .cont_tbl_wrap {overflow: hidden; border: 1px solid var(--borderColor2); border-radius: 2rem; margin-top: auto;}
.doctor_wrap .doctor_cont .info_box .cont_tbl { table-layout: fixed; width: 100%;  text-align: center;  }
.doctor_wrap .doctor_cont .info_box .cont_tbl th {padding: 1.25em 0; background: #F6F7F9;  font-weight: 600; line-height: 1em}
.doctor_wrap .doctor_cont .info_box .cont_tbl td,
.doctor_wrap .doctor_cont .info_box .cont_tbl th { border-bottom: 0; border-top: 1px solid var(--borderColor2); font-weight: 600;}
.doctor_wrap .doctor_cont .info_box .cont_tbl td .badge {display: inline-block; padding: 0 0.9em; height: 2em; line-height: 2.1em;background-color: #F6F7F9; border-radius: 50px;}
.doctor_wrap .doctor_cont .info_box .cont_tbl td .spe {background-color:#3BB47F; color: #fff;}
.doctor_wrap .doctor_cont .info_box .cont_tbl td .close {background-color:#E7EAF0; color: #9CA1AE;}

.doctor_wrap .doctor_cont .info_box .cont_tbl tbody td span {display: inline-block; padding: 0 0.9em; height: 2em; line-height: 2.1em; border-radius: 50px;}
.doctor_wrap .doctor_cont .info_box .cont_tbl tbody td .off {background-color:#E7EAF0; color: #9CA1AE;}
.doctor_wrap .doctor_cont .info_box .cont_tbl tbody td .sur {background-color:var(--blue3); color: #fff}
.doctor_wrap .doctor_cont .info_box .cont_tbl tbody td .none { display: none; }

.doctor_wrap .doctor_cont .info_box .cont_tbl td.left { text-align: left; }
.doctor_wrap .doctor_cont .info_box .cont_tbl tbody td {color:var(--blue2)}
.doctor_wrap .doctor_cont .info_box .cont_tbl tbody th { background:#F6F7F9; }
.doctor_wrap .doctor_cont .info_box .cont_tbl thead th {border-top: none;}
.doctor_wrap .doctor_cont .info_box .cont_tbl thead th:nth-of-type(1) { border-right: 1px solid var(--borderColor2); }
.doctor_wrap .doctor_cont .info_box .cont_tbl tbody th { border-right: 1px solid var(--borderColor2); }


/* ============ 병원소개 03 진료안내  ============= */

.medi_notice_sect {margin-top: 20rem;}
.medi_notice_sect .sect_tit_box {display: flex;}
.medi_notice_sect .sect_tit_box .sect_tit {font-size: var(--subH2); font-weight: 700;}
.medi_notice_sect .sect_tit_box .call_txt {display: flex; align-items: center; margin-left: auto;}
.medi_notice_sect .sect_tit_box .call_txt .txt {display: flex; align-items: center; font-size: var(--bigTxt); font-weight: 700; color: var(--blue2); fill: var(--blue2); margin-right: 1em;}
.medi_notice_sect .sect_tit_box .call_txt .txt svg {width: 0.9em; height: auto; margin-right: 10px;}
.medi_notice_sect .sect_tit_box .call_txt .num {font-size: var(--subH2); font-weight: 700;}
.medi_notice_sect .cont_box {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) ;margin-top: 6rem; gap: 0 2.5rem}
.medi_notice_sect .cont_box .cont {display: flex; flex-direction: column; align-items: center; padding: 6rem 0;background-color: #F2F6FA;}
.medi_notice_sect .cont_box .cont .ico {display: flex; align-items: center; justify-content: center; width: 6em; height: 7em; fill: #9FAEB9; font-size: calc(var(--txt)*0.5);}
.medi_notice_sect .cont_box .cont:nth-child(1) .ico svg{width: 90%;}
.medi_notice_sect .cont_box .cont:nth-child(2) .ico svg{width: 100%;}
.medi_notice_sect .cont_box .cont:nth-child(3) .ico svg{width: 82%;}
.medi_notice_sect .cont_box .cont:nth-child(4) .ico svg{width: 72%;}
.medi_notice_sect .cont_box .cont .badge {margin-top: 5rem; padding: 0 1.3em; height: 2em; line-height: 2em; color: #fff; font-weight: 700; border-radius: 50px; background-color: #004EA2;}
.medi_notice_sect .cont_box .cont .txt {margin-top: 3rem; font-size: var(--subH3); font-weight: 700; text-align: center;}
.medi_notice_sect .cont_box .cont .txt span {font-size: var(--txt); margin-left: 5px;}
.medi_notice_sect .cont_box .cont .sm_txt {margin-top: 1rem; font-size: var(--smTxt); text-align: center;}
.medi_notice_sect .cont_box .cont .sm_txt p::before {content: "※"; margin-right: 0.2em;}
.medi_notice_sect .cont_box .cont .sm_txt p {display: flex;}
 

.medi_notice_page .medi_time_sect {margin-top: 20rem;}
.medi_notice_page .medi_time_sect .doctor_wrap .doctor_cont .img_box {width: 27%;}


/* ========================== 커뮤니티  ========================== */

/* 커뮤니티_비급여 동의서 */

.clinic_noncover_page .guid_txt_box {display: flex;}
.clinic_noncover_page .guid_txt_box  svg {width:3rem; height: 3rem ;fill: var(--blue2); margin-right: 1rem; transform:translateY(calc(var(--bigTxt) * 0.25));}
.clinic_noncover_page .guid_txt_box .txt {font-size: var(--bigTxt); font-weight: 700;}
.clinic_noncover_page .guid_txt_box .txt .sm_txt {display: flex; color: var(--txtGray1); font-size: var(--subTxt) ;font-weight: 500; margin-top: 0.75rem;}
.clinic_noncover_page .guid_txt_box .txt .sm_txt::before {content:"※"; margin-right: 0.25em;}

.clinic_noncover_page .tab_box {display: flex; justify-content: center; margin: 20rem auto 0;}
.clinic_noncover_page .tab_box .btn {position: relative;width: 30rem; padding-bottom: 1.2em; font-size: var(--bigTxt); font-weight: 700; color: #9CA1AE; transition: color 0.3s ease-in-out;} 
.clinic_noncover_page .tab_box .btn::before{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--borderColor2);}
.clinic_noncover_page .tab_box .btn::after{content: ""; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0%; height: 1px; background-color: #000; transition: width 0.3s ease-in-out;}
.clinic_noncover_page .tab_box .btn.active {color: #232323;}
.clinic_noncover_page .tab_box .btn.active::after {width: 100%;}

.clinic_noncover_page .tbl_sect {padding-top: 10rem;}
.clinic_noncover_page .tbl_sect .tbl_wrap{overflow-x: auto;}
.clinic_noncover_page .tbl_sect .tbl_wrap::-webkit-scrollbar{width: 10px; height: 13px; display: none;}
.clinic_noncover_page .tbl_sect .tbl_wrap::-webkit-scrollbar-thumb{background: #9fdfd5; border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-radius: 3px; border-top-left-radius: 5px 13px; border-bottom-left-radius: 5px 13px; border-top-right-radius: 5px 13px; border-bottom-right-radius: 5px 13px;}
.clinic_noncover_page .tbl_sect .tbl_wrap::-webkit-scrollbar-track{background: #fff;}
.clinic_noncover_page .tbl_sect .tbl_item {display: none}
.clinic_noncover_page .tbl_sect .tbl_item.on {display: block}
.clinic_noncover_page .tbl_sect .tbl_item {width: calc(100% + var(--inPd)*2); margin-left: calc(var(--inPd)* -1); }
.clinic_noncover_page .tbl_sect .tbl_wrap { position: relative; padding: 0 var(--inPd)}
.clinic_noncover_page .tbl_sect .tbl_wrap:before { content: ''; position: absolute; left: 50%; top: 0; width: calc(100% - (var(--inPd) * 2)); border-top: 1px solid #000; transform: translateX(-50%); }
.clinic_noncover_page .tbl_sect .tbl_wrap table{width: 100%; min-width: 768px; border-top: 1px solid #000;}
.clinic_noncover_page .tbl_sect .tbl_wrap table thead{border-bottom: 1px solid #000;}
.clinic_noncover_page .tbl_sect .tbl_wrap table th{padding: 0.8em; background: #F3F4F8; border-left: 1px solid var(--borderColor1) !important; font-size: var(--subTxt); font-weight: 700; word-break: keep-all;}
.clinic_noncover_page .tbl_sect .tbl_wrap table th:first-child{border-left: none !important;}
.clinic_noncover_page .tbl_sect .tbl_wrap table tr:first-child ~ tr th{border-top: 1px solid var(--borderColor1) !important;}
.clinic_noncover_page .tbl_sect .tbl_wrap table th.small{font-size: var(--txt);}
.clinic_noncover_page .tbl_sect .tbl_wrap table th.color1{background: #EAF5F3;}
.clinic_noncover_page .tbl_sect .tbl_wrap table th.color2{background: #D5EDF3;}
.clinic_noncover_page .tbl_sect .tbl_wrap table th.color3{background: #F4F5EA;}
.clinic_noncover_page .tbl_sect .tbl_wrap table td{padding: 1em; border: 1px solid var(--borderColor1) !important; font-size: var(--smTxt); word-break: keep-all;}
.clinic_noncover_page .tbl_sect .tbl_wrap table td.center{text-align: center;}
.clinic_noncover_page .tbl_sect .tbl_wrap table td:first-child{border-left: none !important;}
.clinic_noncover_page .tbl_sect .tbl_wrap table td:last-child{border-right: none !important;}
.clinic_noncover_page .tbl_sect .tbl_wrap table td.price{text-align: right;}



/* 커뮤니티_공지사항 */

.board_list_top {display: flex; align-items: center; margin-bottom: 5rem;}
.board_list_top .total_num strong {font-weight: 700;}
.board_list_top .line_sch_box {margin-left: auto;}




.line_sch_box {width: max(28rem,200px); height: 3.5rem;}
.line_sch_box .sch_inp {display: flex; align-items: center; position: relative; padding:0 1.5rem 1.5rem; border-bottom: 1px solid #232323;}
.line_sch_box .sch_inp input {flex: 1; min-width: 0;}
.line_sch_box .sch_inp .btn {margin-left: auto; margin-left: 1em; }
.line_sch_box .sch_inp .btn svg {display: block; width: 2rem; height: auto; fill: #232323;}

.board_list .list li a {display: flex; align-items: center; height: 10rem; padding: 0 4rem; border-top: 1px solid var(--borderColor1); transition: background-color 0.3s ease-in-out;}
.board_list .list li:last-child a {border-bottom: 1px solid var(--borderColor1);}
.board_list .list .badge {display: block; padding: 0.4em 1.2em; margin-right: 1.5rem; font-size: var(--tinyTxt); border-radius: 100px; background-color: var(--blue); color: #fff; font-weight: 700;}
.board_list .list .cate {font-weight: 500; margin-right: 20px; width: 6em;}
.board_list .list .tit {font-weight: 700; font-size: var(--txt); flex: 1; padding-right: 5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_list .list .txt {font-weight: 500; font-size: var(--smTxt); color: var(--txtGray1);}

.board_list .code {width: 3.8em;}
.board_list .date {width: 7em; text-align: center;}
.board_list .area {width: 5em; text-align: center;}
.board_list .type {font-weight: 500; color: #232323; width: 5.5em;}
.board_list .id {width: 8em; text-align: center;}
.board_list .state {width:5.5em; height:2.2em; line-height: 2.26em; margin-left: 3rem; text-align: center; border-radius: 100px ;font-size: var(--smTxt); font-weight: 500; font-size: var(--tinyTxt);}
.board_list .state.wait {background-color: #E7EAF0; color: #767982;}
.board_list .state.check {background-color: #5b99d1; color: #fff;}
.board_list .state.clear {background-color: #f05a28; color: #fff;}



/* 커뮤니티 _ 치료후기 */
.reiview_list .list {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8rem 3rem;}
.reiview_list .list a {display: block; position: relative;}
.reiview_list .list li .badge_box {display: flex; position: absolute; top: 2rem; left: 2rem; z-index: 3;}
.reiview_list .list li .badge_box .badge {height: 2em; line-height: 2.05em ;padding: 0 1em; border-radius: 4em; color: #fff; font-size: var(--tinyTxt); font-weight: 500;}
.reiview_list .list li .badge_box .badge + .badge {margin-left: 5px;}
.reiview_list .list li .badge_box .badge.type1 {background-color: var(--blue2);}
.reiview_list .list li .badge_box .badge.type2 {background-color: var(--blue3);}
.reiview_list .list li .img_box {position: relative; overflow: hidden;}
.reiview_list .list li .img_box .img { padding-top: 110%; background-color:#f6f7f9; filter: blur(3px);}
.reiview_list .list li .img_box .img img {position: absolute; width: 90%; height: 90%; left: 50%; bottom: 0; transform: translate(-50%,20%); object-fit: contain; object-position: center;} 
.reiview_list .list li .img_box .img img.non_thumb { transform: translate(-50%, 0); width: 50%; height: 100%; opacity: 0.5; }
.reiview_list .list li .img_box .hover_box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #fff; opacity: 0; transition: opacity 0.3s ease-in-out; padding: 0 1rem;}
.reiview_list .list li .img_box .hover_box .txt_box {text-align: center; width: 100%; font-size: var(--smTxt); font-weight: 500;}
.reiview_list .list li .img_box .hover_box .txt_box .btn {display: inline-block; padding: 0 2em; height: 2.5em; line-height: 2.55em; background-color: #000; margin-top: 2rem;}
.reiview_list .list li .txt_box {margin-top: 2rem;}
.reiview_list .list li .txt_box .cate { font-size: var(--smTxt); font-weight: 700; color: var(--blue2); }
.reiview_list .list li .txt_box .tit {font-size: var(--txt); font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; line-height: var(--txtLine);}
.reiview_list .list li .txt_box .name {font-size: var(--smTxt); color: var(--txtGray1); margin-top: 1.5rem;}

.reiview_list.login .list li .img_box .hover_box {opacity: 0 !important;}
.reiview_list.login .list li .img_box .img {filter: none !important;}

/* 유웰 스토리 게시판 */
.reiview_list.story_list .list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reiview_list.story_list .list li .img_box .img { padding-top: 62%; filter: unset; }
.reiview_list.story_list .list li .img_box .img img { width: 100%; height: 100%; left: 0; transform: translate(0, 0); object-fit: cover; transition: transform 0.5s; }


/* 커뮤니티 _ 검사결과문의 */

.guide_txt_box {display: flex; align-items: center; margin-bottom: 7rem;}
.guide_txt_box .txt {display: flex; color: #9B9B9B;}
.guide_txt_box .txt::before {content: "※"; position: relative; top: -2px; display: block; position: relative; margin-right: 0.75rem; }
.guide_txt_box .btn {padding: 0 2em; height: 3em; margin-left: auto; line-height: 3.05em; border: 1px solid #232323; border-radius: 5em; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out}

.desc_txt_box {display: flex;}
.desc_txt_box .ico svg {width: 3rem;height: 3rem;fill: var(--blue2);margin-right: 1rem; transform: translateY(calc(var(--bigTxt) * 0.25));}
.desc_txt_box .txt_box .desc_txt {font-size: var(--bigTxt);font-weight: 700;}
.desc_txt_box .txt_box .txt {margin-top: 2rem; color: var(--txtGray1);}
.desc_txt_box .txt_box .btn_wrap {margin-top: 4rem;}

.inspection_page .board_list_top {margin-top: 10rem;}


.inspection_page .btn_box {display: flex; justify-content: flex-end; margin-top: 3rem;}
.inspection_page .btn_box .btn {display: flex;align-items: center;white-space: nowrap;padding: 1.2em 2em;border: 1px solid #232323; font-size: var(--smTxt);border-radius: 2em;line-height: 1em;transition: background 0.25s, color 0.25s, fill 0.25s;}
.inspection_page .btn_box .btn svg {width: 1em; height: auto; margin-left: 2rem;}


.inspection_write_page {margin-top: -8rem;}
.inspection_write_page .in {width: 104rem;}
.inspection_write_page .write_form .form_list > li {display: flex; align-items: center;}
.inspection_write_page .write_form .form_list > li +  li {margin-top: 3.5rem;}
.inspection_write_page .write_form .form_list > li + li.consent_info {margin-top: 10rem;}
.inspection_write_page .write_form .form_list li .left_txt {display: flex; align-items: center; width: 15em; height: var(--inpH2); font-weight: 600; flex-shrink: 0;} 
.inspection_write_page .write_form .form_list li .left_txt .ess::before {content: "*"; color: var(--blue3); font-size: 1em;}
.inspection_write_page .write_form .form_list li.store .left_txt {height: auto;}
.inspection_write_page .write_form .form_list li .cont_box {flex: 1;}
.inspection_write_page .write_form .form_list li .chk_wrap {display: flex; align-items: center;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk {display: block; }
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk + .inp_chk {margin-left: 4rem;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk label {display: flex; align-items: center; position: relative; cursor: pointer;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk .ico {display: flex; align-items: center; position: relative; width: 2rem; height: 2rem;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk .ico svg {width: 100%; height: auto;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk .ico .on {display: none;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk input:checked + label .ico .off {display: none;}
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk input:checked + label .ico .on {display: block;}
/* .inspection_write_page .write_form .list li .chk_wrap .inp_chk input:checked + label .ico::before {content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: #232323;} */
.inspection_write_page .write_form .form_list li .chk_wrap .inp_chk .txt {font-weight: 600; margin-left: 1rem; white-space: nowrap;}

.inspection_write_page .write_form .form_list li .select {}
.inspection_write_page .write_form .form_list li .select .nice-select{width: 35rem; height: var(--inpH2); padding: 0 1.5em; border: 1px solid var(--borderColor1); line-height: var(--inpH2);}
.inspection_write_page .write_form .form_list li .select .nice-select:after{right: 2rem; width: 0.75em; height: 0.75em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(180deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1.25em" viewBox="0 0 320 512"><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>') no-repeat center center/cover; transition: transform 0.3s;}
.inspection_write_page .write_form .form_list li .select .nice-select.open:after{transform: rotate(0deg);}

.inspection_write_page .write_form .form_list li .select_wrap {display: flex;}
.inspection_write_page .write_form .form_list li .select_wrap .select {flex: 1;}
.inspection_write_page .write_form .form_list li .select_wrap .select + .select {margin-left: 10px;}
.inspection_write_page .write_form .form_list li .select_wrap .select .nice-select {width: auto; width: 100%;}

.inspection_write_page .write_form .form_list li .inp {width: 100%;}
.inspection_write_page .write_form .form_list li .inp input {width: 100%; height: var(--inpH2); padding: 0 1.5em; border: 1px solid var(--borderColor1); line-height: var(--inpH2);}
.inspection_write_page .write_form .form_list li .inp input:focus {outline: 1px solid #000;}
.inspection_write_page .write_form .form_list li .inp_txt {margin-top: 10px; font-size: var(--smTxt); color: var(--txtGray1);}

.inspection_write_page .write_form .form_list li .textarea textarea{position: relative; width: 100%; height: 10em; padding: 1.5em; border: 1px solid var(--borderColor1);  resize: none; line-height: 1.5em; transition: border-color 0.25s, box-shadow 0.25s;}
.inspection_write_page .write_form .form_list li .textarea textarea:focus{outline: 1px solid #000;}
.inspection_write_page .write_form .form_list li .textarea textarea::placeholder{color: var(--borderColor1);}
.inspection_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar{width: 10px;}
.inspection_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-thumb{background: #efefef; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.inspection_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-track{background: #fff;}
.inspection_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.inspection_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:increment{height: 15px;}


.inspection_write_page .write_form .form_list li .captcha_wrap {display: flex;align-items: center;justify-content: flex-start;}
.inspection_write_page .write_form .form_list li .captcha_wrap .captcha {display: flex;align-items: center;height: var(--inpH2);padding: 0 1.5rem;margin-right: 1.5rem;background: #F3F4F8;border-radius: 0.8rem;}
.inspection_write_page .write_form .form_list li .captcha_wrap .captcha img {height: 100%;}
.inspection_write_page .write_form .form_list li .captcha_wrap .captcha .btn {display: flex;align-items: center;justify-content: center;width: 1.6rem;height: 1.6rem;margin-left: 3rem;}
.inspection_write_page .write_form .form_list li .captcha_wrap .inp {flex: 1;}

.inspection_write_page .write_form .form_list li.consent_info {display: block;}
.inspection_write_page .write_form .form_list li.consent_info .left_txt {width: auto; height: auto; }
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk {margin-left: auto;}
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk label {display: flex; align-items: center; font-size: var(--smTxt); cursor: pointer;}
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk label .ico {width: 1.2em; height: 1.2em; margin-right: 1rem; display: flex; align-items: center;}
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk label .ico svg {width: 100%; height: auto; }
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk label .ico svg.on {display: none;}
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk input:checked + label .ico svg.on {display: block;}
.inspection_write_page .write_form .form_list li.consent_info .left_txt .chk input:checked + label .ico svg.off {display: none;}
.inspection_write_page .write_form .form_list li.consent_info .cont_box {margin-top: 2rem;}
.inspection_write_page .write_form .form_list li.consent_info .cont_box .terms_box {padding:3rem 4.5rem; background-color: #F6F7F9; color: #9A9EA7; font-size: var(--tinyTxt);}
.inspection_write_page .write_form .form_list li.consent_info .cont_box .ann_txt {margin-top: 5px; color: #9CA1AE; font-size: var(--smTxt);}

.inspection_write_page .write_form .form_btn_box {margin-top: 12rem; display: flex; justify-content: center;}
.inspection_write_page .write_form .form_btn_box .btn {display: block; padding:0 4em; height: 3.5em; border: 1px solid #000; border-radius: 7rem; transition: background 0.3s ease-in-out , color 0.3s ease-in-out;}


/* 게시판 글 상세페이지 */

.board_view_page .view_top { padding-bottom: 2rem; border-bottom: 1px solid #000;}
.board_view_page .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--subH2); font-weight: 700;}
.board_view_page .view_top .user_info {display: flex; align-items: center; margin-left: auto; color: var(--txtGray1); font-size: var(--tinyTxt)}
.board_view_page .view_top .user_info p + p {margin-left: 2rem;}



/* 이겨부터 원래 basic 이였음 */
.board_view_page .view_top {display: block;}
.board_view_page .view_top .badge_box {display: flex; margin-bottom: 1rem;}
.board_view_page .view_top .badge_box .badge {height: 2em; line-height: 2.05em ;padding: 0 1em; border-radius: 4em; color: #fff; font-size: var(--smTxt); font-weight: 500;}
.board_view_page .view_top .badge_box .badge + .badge {margin-left: 5px;}
.board_view_page .view_top .badge_box .badge.type1 {background-color: var(--blue2);}
.board_view_page .view_top .badge_box .badge.type2 {background-color: var(--blue3);}
.board_view_page .view_top .user_info {margin-top: 2rem;}

.board_view_page.basic .view_cont {  min-height: 20rem; border-bottom: 1px solid var(--borderColor1) ;}
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; padding: 3rem 3rem 10rem !important; word-break: break-all; }
.board_view_page.basic .view_cont .txt_box .content_area {padding: 0 !important;}

.board_view_page.basic .view_cont .basic_cont {padding: 8rem;}
.board_view_page.basic .view_cont .board_file {display: flex; padding: 3rem 0; border-top: 1px solid var(--borderColor1); color: var(--txtGray1); font-size: var(--smTxt);}
.board_view_page.basic .view_cont .board_file .ico{width: 2rem; height: 2rem; margin-right: 1rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.7 67.3c-29.1-29.1-76.3-29.1-105.4 0l-192 192c-46.8 46.8-46.8 122.6 0 169.4s122.6 46.8 169.4 0l152-152c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-152 152c-59.3 59.3-155.4 59.3-214.6 0S1.4 296 60.7 236.7l192-192c41.6-41.6 109-41.6 150.6 0s41.6 109 0 150.6L219.5 379.1c-28.2 28.2-74.6 25.6-99.6-5.5c-21.3-26.6-19.2-65 4.9-89.1L276.7 132.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L147.5 307.1c-12.6 12.6-13.7 32.6-2.6 46.5c13 16.2 37.2 17.6 51.9 2.9L380.7 172.7c29.1-29.1 29.1-76.3 0-105.4z"/></svg>') no-repeat center / contain;}
.board_view_page.basic .view_cont .board_file .file {display: flex;}
.board_view_page.basic .view_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.board_view_page .view_cont .q_cont{padding: 8rem 0 ;}
.board_view_page .view_cont .a_cont {background-color: #F6F7F9; padding: 3rem 4rem; }
.board_view_page .view_cont .a_cont .wait {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 25rem;}
.board_view_page .view_cont .a_cont .wait svg {width: 4.5rem; height: auto; fill: #D5D9E3;}
.board_view_page .view_cont .a_cont .wait p {font-size: var(--txt); font-weight: 600; color: var(--txtGray1); margin-top: 2rem; ;}

.board_view_page .view_cont .a_cont .top {display: flex; align-items: center;}
.board_view_page .view_cont .a_cont .top .name {font-size: var(--txt); font-weight: 700;}
.board_view_page .view_cont .a_cont .top .date {margin-left: 2rem; color: var(--txtGray1); font-size: var(--tinyTxt); }
.board_view_page .view_cont .a_cont .txt {margin-top: 3rem; word-break: break-all;}
.board_view_page .view_cont .a_cont .board_file {display: flex; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--borderColor1); color: var(--txtGray1); font-size: var(--smTxt);}
.board_view_page .view_cont .a_cont .board_file .ico{width: 2rem; height: 2rem; margin-right: 1rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.7 67.3c-29.1-29.1-76.3-29.1-105.4 0l-192 192c-46.8 46.8-46.8 122.6 0 169.4s122.6 46.8 169.4 0l152-152c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-152 152c-59.3 59.3-155.4 59.3-214.6 0S1.4 296 60.7 236.7l192-192c41.6-41.6 109-41.6 150.6 0s41.6 109 0 150.6L219.5 379.1c-28.2 28.2-74.6 25.6-99.6-5.5c-21.3-26.6-19.2-65 4.9-89.1L276.7 132.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L147.5 307.1c-12.6 12.6-13.7 32.6-2.6 46.5c13 16.2 37.2 17.6 51.9 2.9L380.7 172.7c29.1-29.1 29.1-76.3 0-105.4z"/></svg>') no-repeat center / contain;}
.board_view_page .view_cont .a_cont .board_file .file {display: flex;}
.board_view_page .view_cont .a_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view_page .view_cont .a_cont .board_file .img_answer { max-width: 40%; cursor: pointer; }

.board_view_page .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn { display: flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.5em 1em; border-radius: 2em; border: 1px solid var(--txtGray1); font-size: calc(var(--tinyTxt) - 1px); color: var(--txtGray1); fill: var(--txtGray1); transition: all 0.3s; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn + .edit_btn { margin-left: 0.6em; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn .ico { display: flex; align-items: center; justify-content: center; }



/* 목록 버튼 */
.board_view_page .answer_wrap + .board_li_wrap { border-top: 0; }
.board_view_page .board_li_wrap{margin-top: 10rem; }
.board_view_page .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap{}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center; height: 3.5em; padding: 0 2.5em; border: 1px solid #000; border-radius: 2em; transition: background 0.25s, fill 0.25s, color 0.25s;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a svg{margin-left: 2em; display: none;}

/* 이전 글 & 다음 글 */
.board_view_page .board_li_wrap .box{display: flex; align-items: center; justify-content: flex-start; width: 20rem;}
.board_view_page .board_li_wrap .box + .box{margin-left: 20px;}
.board_view_page .board_li_wrap .box .ico{display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; position: relative; width: 5.5rem; height: 5.5rem; background: #EEF0F5; fill: #9A9EA7; border-radius: 50%; transition: background 0.25s, fill 0.25s;}
.board_view_page .board_li_wrap .box .ico svg{}
.board_view_page .board_li_wrap .box.next{margin-right: auto;}
.board_view_page .board_li_wrap .box.prev{flex-direction: row-reverse; margin-left: auto;}
.board_view_page .board_li_wrap .box.next .ico{margin-right: 1.8rem;}
.board_view_page .board_li_wrap .box.prev .ico{margin-left: 1.8rem;}
.board_view_page .board_li_wrap .box .tit{color: #9A9EA7; font-size: 1.6rem; font-weight: 700; transition: color 0.25s;}
.board_view_page .board_li_wrap .box.none{opacity: 0.4; cursor: default;}



/* 비밀번호 팝업 */

.modal .modal_wrap .modal_cont.password  {overflow: hidden; position: relative; width: 50rem; max-width: 100%; padding: 6rem; margin: 0 auto; background-color: #fff; border-radius: 2.4rem;}
.modal .modal_wrap .modal_cont.password  .inp_wrap{}
.modal .modal_wrap .modal_cont.password  .inp_wrap p{margin: 2em 0; font-size: 2.4rem; font-weight: 700; text-align: center; line-height: 1em;}
.modal .modal_wrap .modal_cont.password  .inp_wrap input{width: 100%; height: 5.5rem; margin-bottom: 2rem; border: 1px solid #BCBFC7; font-size: 1.8rem; font-weight: 700; text-align: center; border-radius: 0.8rem;}
.modal .modal_wrap .modal_cont.password  .inp_wrap span{display: flex; align-items: center; justify-content: flex-end; fill: #9A9EA7; color: #9A9EA7; font-size: 1.3rem; font-weight: 500; line-height: 1em;}
.modal .modal_wrap .modal_cont.password  .inp_wrap span + span{margin-top: 0.8rem;}
.modal .modal_wrap .modal_cont.password  .inp_wrap span svg{margin-right: 0.5em; font-size: 0.85em;}
.modal .modal_wrap .modal_cont.password  .close_btn{display: flex; align-items: center; justify-content: center; position: absolute; top: 2rem; right: 3rem; width: 1em; height: 1.2em; font-size: 3rem; cursor: pointer;}
.modal .modal_wrap .modal_cont.password  .btn_wrap{display: flex; margin-top: 6.4rem;}
.modal .modal_wrap .modal_cont.password  .btn_wrap > *{flex: 1; padding: 1em 0; border: 1px solid #000; font-size: var(--subTxt); text-align: center; border-radius: 2em; line-height: 1em; transition: background-color 0.25s, fill 0.25s, color 0.25s;}
.modal .modal_wrap .modal_cont.password  .btn_wrap > *.v2{background: var(--blue); border-color: var(--blue); color: #fff; font-weight: 700;}
.modal .modal_wrap .modal_cont.password  .btn_wrap > * + *{margin-left: 0.8rem;}
.modal .modal_wrap .modal_cont.password .inp input {width: 100%;height: var(--inpH2);margin-bottom: 2rem;border: 1px solid #BCBFC7;font-size: var(--subTxt);font-weight: 700;text-align: center;border-radius: 0.8rem;}

.modal .modal_wrap .modal_cont.password .password_box .tit {display: block;margin: 2em 0;font-size: 2.4rem;font-weight: 700;text-align: center;line-height: 1em;}




/* 커뮤니티 _ 재증명발급 */
.cert_page .online_sect .cont_box {display: flex; align-items: center;}
.cert_page .online_sect .cont_box .txt_wrap {flex: 1;}
.cert_page .online_sect .cont_box .txt_wrap .tit_box .tit {font-size: var(--subH1); font-weight: 700; line-height: var(--txtLine)}
.cert_page .online_sect .cont_box .txt_wrap .tit_box .txt {margin-top: 3rem; }
.cert_page .online_sect .cont_box .txt_wrap .tit_box .ann_txt {display: flex; margin-top: 0.5rem; color: var(--txtGray1);}
.cert_page .online_sect .cont_box .txt_wrap .tit_box .ann_txt::before {content: "※"; margin-right: 0.25em;}

.cert_page .online_sect .cont_box .txt_wrap .link_box {margin-top: 10rem; width: 50rem; max-width: 100%;} 
.cert_page .online_sect .cont_box .txt_wrap .link_box ul {border-top: 1px solid #000;}
.cert_page .online_sect .cont_box .txt_wrap .link_box ul li {border-bottom: 1px solid var(--borderColor2); }
.cert_page .online_sect .cont_box .txt_wrap .link_box ul li a{display: flex; align-items: center; padding: 3rem 0;}
.cert_page .online_sect .cont_box .txt_wrap .link_box .tit {font-size: var(--subH3); font-weight: 700; ;}
.cert_page .online_sect .cont_box .txt_wrap .link_box .txt {margin-left: 1rem;}
.cert_page .online_sect .cont_box .txt_wrap .link_box .ico {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; margin-left: auto; border-radius: 50%; background-color: #F6F7F9; transition: background-color 0.3s ease-in-out;}
.cert_page .online_sect .cont_box .txt_wrap .link_box .ico svg {width: 2rem; height: auto; fill: #232323; transition: fill 0.3s ease-in-out;}
.cert_page .online_sect .cont_box .img {width: 40%; margin-left: 12rem;}

.cert_page .down_sect {margin-top: var(--subSectPd1);}
.cert_page .down_sect .cont_box {display: flex;}
.cert_page .down_sect .cont_box .left_cont  {width:35%;}
.cert_page .down_sect .cont_box .left_cont .tit {font-size:var(--subH2); font-weight: 700;}
.cert_page .down_sect .cont_box .right_cont {flex: 1;}
.cert_page .down_sect .cont_box .right_cont .down_info .bg_txt_box {padding: 2.5rem 4rem; background-color: #EBF4F7;}
.cert_page .down_sect .cont_box .right_cont .down_info .bg_txt_box .bg_txt {display: flex; font-weight: 500; color: var(--blue2); }
.cert_page .down_sect .cont_box .right_cont .down_info .bg_txt_box .bg_txt::before {content: ""; display: inline-block; width: 0.25em; height: 0.25em; border-radius: 50%; position: relative; top: calc(1.7em / 2); transform: translateY(-50%); background-color: var(--blue2); margin-right: 0.35em; flex-shrink: 0;}
.cert_page .down_sect .cont_box .right_cont .down_info .txt {margin-top: 1.5rem;}
.cert_page .down_sect .cont_box .right_cont .down_info .btn_wrap {display: flex;margin-top: 5rem;}
.cert_page .down_sect .cont_box .right_cont .down_info .btn_wrap .btn {display: flex; align-items: center; justify-content: center; width: 25rem; height: 6rem; padding: 0 3rem; border: 1px solid #000; border-radius: 10rem; font-weight: 500; fill: #232323; transition: background 0.3s ease-in-out , color 0.3s ease-in-out , fill 0.3s ease-in-out;}
.cert_page .down_sect .cont_box .right_cont .down_info .btn_wrap .btn svg {width: 0.9em; height: auto; margin-left: auto;}
.cert_page .down_sect .cont_box .right_cont .down_info .btn_wrap .btn + .btn {margin-left: 1.5rem;}

 /* 수창1 */

.cert_page .down_sect .cont_box .right_cont .prec_txt_wrap {margin-top: 12rem;}
.cert_page .down_sect .cont_box .right_cont .prec_txt_wrap .tit {font-size: var(--bigTxt); font-weight: 700; margin-bottom: 2rem;}
.cert_page .down_sect .cont_box .right_cont .prec_txt_wrap .list li {display: flex; align-items: center; padding: 2.5rem 3.5rem;border-bottom: 1px solid #BCBFC7;}
.cert_page .down_sect .cont_box .right_cont .prec_txt_wrap .list li:first-child {border-top: 1px solid #BCBFC7;}
.cert_page .down_sect .cont_box .right_cont .prec_txt_wrap .list li .num {display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; font-size: var(--txt); border-radius: 50%; background-color: var(--blue2); color: #fff; font-weight: 600; flex-shrink: 0;}
.cert_page .down_sect .cont_box .right_cont .prec_txt_wrap .list li .txt {font-weight: 500; margin-left: 2rem;}

.cert_page .cert_sect {margin-top: var(--subSectPd1);}
.cert_page .sect_tit .tit {font-size: var(--subH2); font-weight: 700;}
.cert_page .sect_tit .txt {margin-top: 2rem;}

.cert_page .tbl_cont .group {display: flex; align-items: center; justify-content: center; height: 3.5em ;color: #fff; border-radius: 100px; margin-bottom: 2rem;}
.cert_page .tbl_cont .group.blue1 {background-color: var(--blue);}
.cert_page .tbl_cont .group.blue3 {background-color: var(--blue3);}
.cert_page .tbl_cont .group.green {background-color: #3BB47F;}
.cert_page .tbl_cont .group.gray {background-color: #B9BDC6;}
.cert_page .tbl_cont .group .tit {font-size: var(--bigTxt); font-weight: 700; }
.cert_page .tbl_cont .group .txt {font-size: var(--smTxt); margin-left: 1rem;}

.cert_page .tbl_cont .cont .th .tit {font-weight: 700;}

.cert_page .cert_sect .type_box {display: flex; margin-top: 10rem;}
.cert_page .cert_sect .type_box .tbl_cont {display: flex; flex-direction: column; width: 50%;}
.cert_page .cert_sect .type_box .tbl_cont + .tbl_cont {margin-left: 1.5rem;}
.cert_page .cert_sect .type_box .tbl_cont .cont {flex: 1;  background-color: #F6F7F9; border-radius: 2rem;}

.cert_page .cert_sect .type_box .tbl_cont.type1 .cont .th {width: 40%; text-align: center;}
.cert_page .cert_sect .type_box .tbl_cont.type1 .cont .tr {display: flex; align-items: center ;padding: 3.5rem 0;}
.cert_page .cert_sect .type_box .tbl_cont.type1 .cont .tr + .tr {border-top: 1px solid var(--borderColor2); }

.cert_page .cert_sect .type_box .tbl_cont.type2 .cont {padding: 6.5rem 6rem;}
.cert_page .cert_sect .type_box .tbl_cont.type2 .cont .acc_txt {display: flex; margin-top: 2rem; color: var(--txtGray1); font-size: var(--smTxt);}
.cert_page .cert_sect .type_box .tbl_cont.type2 .cont .acc_txt::before {content: "※"; position: relative; top: var(1.7em / 2); margin-right: 0.2em;}
.cert_page .cert_sect .type_box .tbl_cont.type2 .cont .law_txt {margin-top: 4rem; color: var(--txtGray1); font-size: var(--smTxt);}


.tbl_cont_wrap { margin-top: 10rem; }
.cert_page .req_dom_sect {margin-top: var(--subSectPd1);}
.cert_page .req_dom_sect .sect_tit + .tbl_cont_wrap {margin-top: 10rem;}
.cert_page .req_dom_sect .tbl_cont_wrap + .tbl_cont_wrap { margin-top: 20rem;}
.cert_page .req_dom_sect .tbl_cont  {margin-top: 3rem;}
.cert_page .req_dom_sect .cont_tit {font-size: var(--subH3); font-weight: 700;}
.cert_page .req_dom_sect .tbl_cont .group_box {display: flex; margin-bottom: 2rem;}
.cert_page .req_dom_sect .tbl_cont .group_box .group {flex: 1;}
.cert_page .req_dom_sect .tbl_cont .group_box  .group + .group {margin-left: 2rem;}

.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap {display: grid;grid-template-columns: minmax(0, 1fr) calc((100% - 18rem) /3 - 2rem); gap: 0 2rem;}

.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont {display: grid;grid-template-columns: 18rem minmax(0, 1fr) minmax(0, 1fr);align-items: center;gap: 0 2rem;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont .td:first-child {text-align: center;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont .td:nth-child(3),
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont .td:nth-child(2) {padding-left: 4rem;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num1 .td {border-radius: 2rem 2rem 0 0; border-bottom: 1px solid var(--borderColor2);}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num2 .td { border-bottom: 1px solid var(--borderColor2);}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num3 .td {border-radius: 0 0 2rem 2rem;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num4 {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 4rem ;grid-row: 1 / 4;grid-column: 2 /3; background-color: #F6F7F9; gap: 0; border-radius: 2rem}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num4 .txt {font-weight: 700;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num4 .sm_txt {font-size: var(--smTxt); margin-top: 0.25rem; color: var(--txtGray1); font-weight: 400;; display: block;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont.num4 .txt + .txt {margin-top: 4rem;}
.cert_page .req_dom_sect .tbl_cont.type1 .cont_wrap .cont .td {display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 3rem 0; background-color: #F6F7F9}

.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap {display: flex;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td {flex: 1; background-color: #F6F7F9; border-radius: 2rem;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td:nth-child(2) { padding: 3rem 0 3rem 4rem;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td:not(:nth-child(2)) {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td + .td {margin-left: 2rem;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td .txt {font-weight: 700;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td .list {font-weight: 700;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td .list .sm_txt {font-weight: 400;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td .list li {display: flex;}
.cert_page .req_dom_sect .tbl_cont.type2 .cont_wrap .td .list li::before {content: ""; display: block; width: 0.2em; height: 0.2em; background-color: #232323; border-radius: 50%; margin-right: 0.35em;
position: relative; top: calc(1.7em / 2); transform: translateY(-50%);}


/* 마이페이지 */
.my_page {}
.my_page .in {width: 1040px;}
.my_page .tit_wrap{padding: 12rem 0 10rem; margin-bottom: 7.2rem; border-bottom: 1px solid #BCBFC7; font-size: 6.4rem; font-weight: 700; text-align: center;}
.my_page .write_box{ font-size: var(--txt); }
.my_page .write_box .inp_list{display: flex; align-items: center;}
.my_page .write_box .inp_list + .inp_list{margin-top: 3.2rem;}
.my_page .write_box .inp_list .left{flex-shrink: 0; width: 22%; font-size: var(--txt); font-weight: 600; line-height: 5.5rem;}
.my_page .write_box .inp_list .right{flex: 1;}
.my_page .write_box .inp_list .inp {width: 100%;}
.my_page .write_box .inp_list .inp input {width: 100%;height: var(--inpH2);padding: 0 1.5em;border: 1px solid var(--borderColor1);line-height: var(--inpH2);}
.my_page .write_box .inp_list.id .right{display: flex; align-items: center;}
.my_page .write_box .inp_list.id .right .ico_box{display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; margin-right: 1rem; border-radius: 50%;}
.my_page .write_box .inp_list.id .right .ico_box.user{background: var(--blue);}
.my_page .write_box .inp_list.id .right .ico_box.user svg{fill: #fff; width: 1.3rem;}
.my_page .write_box .inp_list.id .right .ico_box.kakao{background: #FEE500;}
.my_page .write_box .inp_list.id .right .ico_box.naver{background: #5BCE36;}
.my_page .write_box .inp_list.id .right .ico_box img{max-width: 55%; max-height: 45%;}
.my_page .write_box .inp_list .right .btn_box{}
.my_page .write_box .inp_list .right .btn_box button{display: flex; align-items: center; white-space: nowrap; padding: 0.5em 1em; border: 1px solid #000; font-size: var(--smTxt); border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s, fill 0.25s;}
.my_page .btn_wrap{display: flex; align-items: flex-end; justify-content: space-between; margin-top: 8rem;}
.my_page .btn_wrap .withdrawal{color: #9A9EA7; font-size: var(--tinyTxt); font-weight: 500; text-decoration: underline;}

.my_page .write_box .inp_list.tel .right { display: flex; align-items: center; }
.my_page .write_box .inp_list.tel .right .btn_wrap { margin-top: 0; margin-left: 1em; flex-shrink: 0; }

.my_page .doc_list{margin-top: 16rem;}
.my_page .doc_list .list_tit{font-size: 3.2rem; font-weight: 700;}
.my_page .doc_list .list_box{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 4rem; margin-top: 3.2rem;}
.my_page .doc_list .list_box .item {display: block;}
.my_page .doc_list .list_box .item .img {overflow: hidden; position: relative; padding-top: 118%; }
.my_page .doc_list .list_box .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.my_page .doc_list .list_box .item .img .btn {position: absolute; right: 2rem; top: 2rem; width: 4rem; height: 4rem; background-color: #D5D9E3; border-radius: 50%; transition: background-color 0.3s ease-in-out;}
.my_page .doc_list .list_box .item .img .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; height: 50%; fill: #fff;} 
.my_page .doc_list .list_box .item .img .btn.active {background-color: #FFBE2B;}
/* .my_page .doc_list .list_box .item .img .btn:hover {background-color: #FFBE2B;} */

.my_page .doc_list .list_box .item .info{display: flex; flex-direction: column; align-items: flex-start; flex: 1; position: relative; margin-top: 2rem;}
.my_page .doc_list .list_box .item .info .top{width: 100%;}
.my_page .doc_list .list_box .item .info .util {display: flex; align-items: center; justify-content: space-between; position: relative; font-size: 1.4rem;}
.my_page .doc_list .list_box .item .info .util .badge {display: inline-block; height: 2em; font-size: var(--tinyTxt); font-weight: 700; line-height: 2.1em; color: var(--blue2);}
.my_page .doc_list .list_box .item .info .util button.active svg.favor{display: block;}
.my_page .doc_list .list_box .item .info .util button.active svg.no_favor{display: none;}
.my_page .doc_list .list_box .item .info .nm{margin-top: 0.3em; font-size: var(--bigTxt); font-weight: 700; line-height: 1;}
.my_page .doc_list .list_box .item .info .field{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 3.5em; margin-top: 0.8em; color: #9A9EA7; font-size: 1.4rem; font-weight: 500; line-height: 1.75em;}
.my_page .doc_list .list_box .item .info .ico {display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 5rem; height: 5rem; fill: var(--txtGray1);  border-radius: 50%; transition: background 0.3s ease-in-out , fill 0.3s ease-in-out;}
.my_page .doc_list .list_box .item .info .ico svg {width: 40%; }


/* 장비소개 */
.equip_li ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8rem 3rem; margin-top: 8rem; }
.equip_li ul li { cursor: pointer; }
.equip_li ul li .box {  }
.equip_li ul li .box .img { position: relative; width: 100%; padding-top: 80%; background-color: #F1F2F4; overflow: hidden; }
.equip_li ul li .box .img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; transition: transform 0.3s; }
.equip_li ul li .box .tit { margin-top: 0.7em; font-size: var(--bigTxt); font-weight: 700; }

.equip_li ul li:hover .box .img img { transform: translate(-50%, -50%) scale(1.05); }


/* 오시는 길 */
.road_page .sub_cont_visual { padding-top: 16rem; }

.road_page .road_info_sect { padding-top: var(--subSectPd1); }
.road_page .road_info_sect .top { display: flex; align-items: center; justify-content: space-between; }
.road_page .road_info_sect .top > .tit { font-size: var(--subH2); font-weight: 700; }
.road_page .road_info_sect .top .call_box { display: flex; align-items: center; }
.road_page .road_info_sect .top .call_box .tel { display: flex; align-items: center; }
.road_page .road_info_sect .top .call_box .tel .ico { display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; margin-right: 1rem; border-radius: 50%; }
.road_page .road_info_sect .top .call_box .tel .ico svg { fill: var(--blue2); width: 1.3rem; }
.road_page .road_info_sect .top .call_box .tel .tit { font-size: 1.4rem; font-weight: 700; color: var(--blue2); font-size: var(--bigTxt); }
.road_page .road_info_sect .top .call_box .num { margin-left: 0.5em; font-size: var(--subH2); font-weight: 700; }
.road_page .road_info_sect .box_wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem; margin-top: 5rem; }
.road_page .road_info_sect .box_wrap .box { position: relative; width: 100%; padding-top: 110%; background-color: #F6F7F9; }
.road_page .road_info_sect .box_wrap .box .txt_box { position: absolute; left: 0; top: 25%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.road_page .road_info_sect .box_wrap .box .txt_box .ico { width: 5.5rem; height: 5.5rem; }
.road_page .road_info_sect .box_wrap .box .txt_box .ico svg { fill: #9FAEB9; }
.road_page .road_info_sect .box_wrap .box .txt_box .ico img { height: 100%; }
.road_page .road_info_sect .box_wrap .box .txt_box .label { margin-top: 5rem; }
.road_page .road_info_sect .box_wrap .box .txt_box .label span { display: inline-block; padding: 0.4em 1.4em; border-radius: 2em; background-color: var(--blue2); color: #fff; font-weight: 700; font-size: var(--smTxt); }

.road_page .road_info_sect .box_wrap .box .txt_box .time { margin-top: 0.6em; font-size: var(--subH3); font-weight: 700; }
.road_page .road_info_sect .box_wrap .box .txt_box .time > span { font-size: var(--subTxt); }
.road_page .road_info_sect .box_wrap .box .txt_box .desc { margin-top: 0.5em; font-size: var(--smTxt); color: var(--txtGray1); }

.road_map_sect { padding-top: var(--subSectPd1); }
.road_map_sect .tit { font-size: var(--subH2); font-weight: 700; }
.road_map_sect .cont { margin-top: 5rem; }
.road_map_sect .cont .map_wrap { position: relative; width: 100%; padding-top: 46%; }
.road_map_sect .cont .map_wrap .map_cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.road_map_sect .cont .map_wrap .map_cont #map { width: 100%; height: 100%; overflow: visible; }
.road_map_sect .cont .addr { margin-top: 1em; font-size: var(--subH2); font-weight: 700; }
.road_map_sect .cont .map_btn_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 5rem; }
.road_map_sect .cont .map_btn_wrap .map_btn { display: flex; align-items: center; justify-content: center; min-width: 14.5rem; height: 4.4rem; padding: 0 1em; border: 1px solid #000; font-size: var(--smTxt); border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s; }
.road_map_sect .cont .map_btn_wrap .map_btn + .map_btn { margin-left: 1rem; }
.road_map_sect .cont .map_btn_wrap .map_btn .ico { display: flex; align-items: center; justify-content: center; height: 1.5em; margin-right: 1rem; border-radius: 50%; }
.road_map_sect .cont .map_btn_wrap .map_btn .ico img { height: 100%; object-fit: contain; }
.road_map_sect .cont .map_btn_wrap .map_btn.naver_res {display: none;}
.road_map_sect .cont .map_btn_wrap .map_btn.naver_res .ico { height: 1em; }
.road_map_sect .cont .map_btn_wrap .map_btn.naver_talk .ico { height: 1.4em; }

.road_way_sect { padding-top: var(--subSectPd1); }
.road_way_sect .tit { font-size: var(--subH2); font-weight: 700; }
.road_way_sect .cont { margin-top: 5rem; }
.road_way_sect .cont { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.road_way_sect .cont .box .ico_box { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 11rem; height: 11rem; padding-top: calc(var(--smTxt) / 2); border-radius: 100%; background-color: #EBF4F7; color: var(--blue2); fill: var(--blue2);  }
.road_way_sect .cont .box .ico_box .ico { display: flex; align-items: center; justify-content: center; height: 30%; }
.road_way_sect .cont .box .ico_box .ico svg { height: 100%; object-fit: contain; }
.road_way_sect .cont .box .ico_box .txt { margin-top: 0.5em; font-size: var(--smTxt); font-weight: 700; }
.road_way_sect .cont .box .txt_box { margin-top: 2.5rem; }
.road_way_sect .cont .box .txt_box .txt { margin-bottom: 0.6em; font-weight: 700; }
.road_way_sect .cont .box .txt_box .desc { font-size: var(--smTxt); }
.road_way_sect .cont .box .txt_box .label_wrap { display: flex; align-items: center; font-size: var(--smTxt); }
.road_way_sect .cont .box .txt_box .label_wrap + .label_wrap { margin-top: 1.5rem; }
.road_way_sect .cont .box .txt_box .label_wrap .label {  }
.road_way_sect .cont .box .txt_box .label_wrap .label + .label { margin-left: 0.5em; }
.road_way_sect .cont .box .txt_box .label_wrap .label span { display: inline-block; padding: 0.3em 1.4em; border-radius: 2em; color: #fff; font-weight: 700; }
.road_way_sect .cont .box .txt_box .label_wrap .label.gr span { background-color: #33A23D; }
.road_way_sect .cont .box .txt_box .label_wrap .label.b_gr span { background-color: #5bb025; }
.road_way_sect .cont .box .txt_box .label_wrap .label.red span { background-color: #ED1515; }
.road_way_sect .cont .box .txt_box .label_wrap .label.bu span { background-color: #2552C9; }
.road_way_sect .cont .box .txt_box .label_wrap .label.d_red span { background-color: #DB2B2B; }
.road_way_sect .cont .box .txt_box .label_wrap .num { margin-left: 0.8em; }


.prost_checkup_page .num_cont_sect .side_cont { display: flex; align-items: flex-start; justify-content: space-between; }
.prost_checkup_page .num_cont_sect .side_cont .num_tit { width: 40%; }
.prost_checkup_page .num_cont_sect .side_cont .img { width: 50%;  opacity: 0; transform: translateX(5rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
.prost_checkup_page .num_cont_sect .side_cont .img video { width: 100%; height: 100%; object-fit: cover; }
.prost_checkup_page .num_cont_sect .num_tit.active + .img { opacity: 1; transform: unset; }

/* 250918 toob */
.prost_checkup_page .num_cont_sect .cont_wrap.toob .side_cont{flex-direction: column;}
.prost_checkup_page .num_cont_sect .cont_wrap.toob .side_cont .num_tit{width: 100%;}
.prost_checkup_page .num_cont_sect .cont_wrap.toob .side_cont .img{width: 100%; margin-top: 50px;}
.sub_cont_visual.toob{padding-top: var(--subSectPd1);}
.color_tbl_cont .thead, .color_tbl_cont .tbody.toob {
    grid-template-columns: repeat(1, 1fr 2fr);
}
.color_tbl_cont .tbody.toob .td:nth-of-type(3),
.color_tbl_cont .tbody.toob .td:nth-last-of-type(3) {
    border-radius: 0 0 0 0;
}




/* 호버스타일 */
@media screen and (min-width: 1024px) {

    .pagination > a:not(.none):hover svg {fill: #232323;}
    .pagination .num_list li a:hover {color: #fff;}
    .pagination .num_list li a:hover:before {background-color: var(--blue2);}
    
    .medical_staff_page .expert_sect .sect_tit_box .btn_wrap .more_btn:hover {background-color: #000; color: #fff;}
    .medical_staff_page .expert_sect .sect_tit_box .btn_wrap .more_btn:hover svg {fill: #fff;}
    
    .doctor_wrap .doctor_cont .info_box .name_box .btn:hover {background-color: #FFBE2B;}
    
    .clinic_noncover_page .tab_box .btn:hover {color: #232323;}
    .clinic_noncover_page .tab_box .btn:hover::after {width: 100%;}
    
    .board_list .list li a:hover {background-color: #f6f7f9;}
    
    .reiview_list .list li a:hover .hover_box {opacity: 1;}
    
    .reiview_list.story_list .list li:hover .img img { transform: scale(1.05); }
    
    .guide_txt_box .btn:hover {background-color: #000; color: #fff;}
    
    .inspection_page .btn_box .btn:hover {background-color: #232323; color: #fff; fill: #fff;}
    
    .inspection_write_page .write_form .form_btn_box .btn:hover {background-color: #000; color: #fff;}

    .board_view_page .view_cont .edit_btn_wrap .edit_btn:hover { border-color: #232323; color: #232323; fill: #232323; }
    
    .board_view_page .board_li_wrap .box_wrap .btn_wrap a:hover {background: #000;fill: #fff;color: #fff;}
    .board_view_page .board_li_wrap .box:not(.none):hover .ico{background: #000; fill: #fff;}
    .board_view_page .board_li_wrap .box:not(.none):hover .tit{color: #000;}

    .cert_page .online_sect .cont_box .txt_wrap .link_box ul li a:hover .ico {background-color:var(--blue3); }
    .cert_page .online_sect .cont_box .txt_wrap .link_box ul li a:hover .ico svg {fill: #fff;}
    
    .cert_page .down_sect .cont_box .right_cont .down_info .btn_wrap .btn:hover {background-color: #000; color: #fff; fill: #fff;}
    
    .my_page .doc_list .list_box .item .info:hover .ico {background-color: var(--blue2); fill: #fff;}
    
    .road_map_sect .cont .map_btn_wrap .map_btn:hover { background-color: #232323; color: #fff; }
}