@charset "utf-8";

.sub #container { margin-top: var(--hdH); }
.sub_pd {padding-bottom: var(--subPd);}
/* .sub .in {width: clamp(1240px, 70vw, 150rem)} */
.sub .container {font-size: var(--txt2);word-break: keep-all;}

.nice-select {font-size: var(--txt2); border-radius: 0;}
.nice-select .list {min-width: calc(100% + 2px); left: -1px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); border-radius: 5px;}

.sub .header { background: none; transition: all 0.5s ease;}
.sub .header.down,
.sub .header_down { background-color: #fff;}
.sub .container .in { width:var(--in2);}
.sub .tit_wrap .in { width:var(--in2);}

/* Visual */
.sub_visual { position: relative; width: 100%; margin-bottom: var(--subVisPd); padding-top: var(--hdH); background: linear-gradient(180deg,#F3F6FC 0%, #EDF1FA 100%); }
.sub_visual.no_line{margin-bottom: 0; border-bottom: none;}
.sub_visual .lnb { position: relative; display: flex; align-items: center; justify-content: flex-start; width: var(--in2); max-width: 100%; padding: 15rem var(--inPd) 0; margin: 0 auto; font-size: var(--txt2); z-index: 99; }
.sub_visual .lnb .home { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; fill: var(--black); width: 0.9em; height: 0.9em;}
.sub_visual .lnb .home svg { width: 100%; display:block; fill:#F3B900}
.sub_visual .lnb .dot{margin: 0 1em; width: 4px; height: 4px; margin-top: 2px; background-color: #000; opacity: 0.3; border-radius: 50%;}
/*.sub_visual .lnb .sel_wrap { margin-left: 1em; padding-left: 1em; border-left: 1px solid var(--lineColor);}*/
.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: 3rem; height: auto; line-height: 1; background: none; font-size:var(--txt2);}
/*.sub_visual .lnb .sel_wrap .nice-select:after { right: 0; width: 1em;; height: 1em; margin-top: -0.5em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') center/contain no-repeat; transition: transform 0.3s; }*/
.sub_visual .lnb .sel_wrap .nice-select:after { right: 0; width: 0.6em;; height: 0.6em; margin-top: -0.3em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="black"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.sub_visual .lnb .sel_wrap .nice-select.open:after { transform: rotate(180deg); }
.sub_visual .lnb .sel_wrap.current .current { color:var(--black); } /* 현재 페이지*/
.sub_visual .lnb .sel_wrap .nice-select .option{padding: 0.2em 1em;}
.sub_visual .lnb .sel_wrap .nice-select .list{margin-top: 1em;}
.sub_visual .tit_wrap{ width: 100%; padding: 4rem 0 6.5rem; }
.sub_visual .tit_wrap .tit { font-size: max(5.5rem, 55px); font-weight:700; color:#071D45;}
.sub_visual .tit_wrap .txt { margin-top: 0.5em; font-size: var(--txt2); color:var(--txtGray1); font-weight: 500;}
.sub_visual .bg { position: absolute; left: var(--hdIn); right:var(--hdIn); top:var(--hdH); bottom:0; border-radius:var(--radius4); background: url(../img/sub/bg_neckclinic.jpg) no-repeat; background-position:50% 50%;  background-size: cover; }
.sub_back-clinic .bg { background-image: url(../img/sub/bg_backclinic.jpg);}
.sub_shoulder-clinic .bg { background-image: url(../img/sub/bg_shoulderclinic.jpg);}
.sub_knee-clinic .bg { background-image: url(../img/sub/bg_kneeclinic.jpg);}
.sub_handfoot-clinic .bg { background-image: url(../img/sub/bg_handfootclinic.jpg);}
[class*="sub_rehab-clinic"] .bg { background-image: url(../img/sub/bg_rehabclinic.jpg);}
[class*="-clinic"] .sub_visual { background: none;}
.sub_neck-clinic .sub_visual { background: none;}
.sub_neck-clinic .sub_visual { background: none;}

/* 공통 사용 */
.sub_tit_box { margin-bottom: 10rem;}
.sub_tit_box.active > * { transform: unset; opacity:1;}
.sub_tit_box .tit { font-size:var(--subH0); line-height: 1.5; margin-bottom: 3rem; font-weight:700; background: linear-gradient(90deg,#1554C7 0%, #0A2961 50%, #1554C7 100%);background-size: 200% 100%; color: transparent; -webkit-background-clip: text;animation: gradientMove 2s linear infinite;  transition:all 1s ease; }
.sub_tit_box .tit2 { font-size:var(--subH0); line-height: 1.5; margin-bottom: 3rem; font-weight:700; color:#000;  transition:all 1s ease;}
.sub_tit_box > * { transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease; }
.sub_tit_box > *:nth-child(1){ transition-delay: 0s;  }
.sub_tit_box > *:nth-child(2){ transition-delay: 0.3s;  }
.sub_tit_box > *:nth-child(3){ transition-delay: 0.5s;  }
@keyframes gradientMove {
    0% { background-position: 0% 50%;  }
    100% {  background-position: 200% 50%; }
}
.sub_tit_box .tit_desc { font-size:var(--txt1); color:#000;font-weight:500; }
.sub_tit_box .btn-desc { display: flex; align-items: center; margin-top: 3rem; }
.sub_tit_box .btn-desc p { font-size:var(--txt3); color:#000; margin-right: 3rem; }
.sub_tit_box .btn-desc a { height: var(--inpsmH); line-height: var(--inpsmH); border-radius:var(--inpsmH); background-color: #E0E9FF; font-size:var(--txt3); color:var(--blue); padding:0 1em;  font-weight:600; transition: all 0.5s ease;}
.sub_tit_box .tips { display: flex; flex-direction: column; margin-top:2rem; }
.sub_tit_box .tit2 + .tips{margin-top: -1rem;}
.sub_tit_box .tips p { display: inline-flex; width: fit-content;  max-width: 100%; padding: 0.2em 0.5em; border-radius:1em; background-color: #E9F0FF; font-size:max(1.2rem, 12px);  color:#4B69AD; }
.sub_tit_box .tips p + p{margin-top:1rem; }
.sub_tit_box .tips p svg { width:1em; height: auto; margin-right:1.2rem; flex-shrink: 0;}
.sub_tit_box .tips2 { display: flex; flex-direction: column; margin-top:3rem; }
.sub_tit_box .tips2 p { display: inline-flex; width: fit-content; font-size:var(--txt3); max-width: 100%; padding: 0.2em 0.5em; border-radius:1rem; background-color: #fff; color:var(--blue); font-weight:500;}
.sub_tit_box .tips2 p svg { width:1em; height: auto; margin-right:1rem;}
.sub_tit_box .symbol { margin-bottom: 3rem;}
.sub_tit_box .symbol svg { width:7.5rem; height: auto;}
.sub_tit { font-size:var(--subH0); line-height: 1.5; margin-bottom: 3rem; font-weight:700;  transition:all 1s ease; transform: translateY(var(--aniY)); opacity:0; }
.sub_tit.active { transform: unset; opacity: 1;}


/* 버튼 */
.btn-type1 { display: inline-block; vertical-align: middle; line-height: var(--inpH); border-radius:var(--inpH); background-color:var(--blue); font-size:var(--txt2); color:#fff; text-align: center; transition: all 0.5s ease;}



/* 하단 공통 빠른 상담 */
.com_inquiry_sect { padding:15rem 0; background-color: var(--blue); color:#fff;  }
.com_inquiry_sect .tit { text-align: center; font-size:var(--subH0); margin-bottom: 8rem; font-weight:700; }
.com_inquiry_sect .cont { display: flex; justify-content: space-between;}
.com_inquiry_sect .cont .form_box { width:59%; display: grid; grid-template-columns: auto 140px; gap:2.3rem 1.5rem;  }
.com_inquiry_sect .cont .form_box .box {display: flex;}
.com_inquiry_sect .cont .form_box .box .forms { flex:1; display:grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1.5rem; }
.com_inquiry_sect .cont .form_box .box .inp{position: relative;}
.com_inquiry_sect .cont .form_box .box .inp input { width:100%; height: var(--inpH); border-radius:0.8rem; border:1px solid rgba(255,255,255,0.5); padding-left: 2.5rem; background: none; font-size:var(--txt3); color:#fff; }
.com_inquiry_sect .cont .form_box .box .inp input::placeholder { color:#fff; }
.com_inquiry_sect .cont .form_box .box .inp .placeholder { position: absolute; left: 2.5rem; top: 50%; transform: translateY(-50%); width: calc(100% - 1em); font-size:var(--txt3); color:#fff; height: auto; pointer-events: none; transition: opacity 0.3s; }
.com_inquiry_sect .cont .form_box .box .inp .placeholder .ess {font-size:1.1em; color: var(--yellow); margin-left: 3px;}
.com_inquiry_sect .cont .form_box .box .inp input:focus + .placeholder { opacity: 0; }

.com_inquiry_sect .cont .form_box .nice-select { position:relative; font-size:var(--txt3); height: var(--inpH); line-height: var(--inpH); padding: 0 1.3em; border: 1px solid var(--lineColor); border-radius: 0.8rem; border:1px solid rgba(255,255,255,0.5); background: none; }
.com_inquiry_sect .cont .form_box .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%23ffffff" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.com_inquiry_sect .cont .form_box .nice-select.open:after { transform: rotate(180deg); }
.com_inquiry_sect .cont .form_box .nice-select .current{ color:#fff; }
.com_inquiry_sect .cont .form_box .nice-select .option { color:var(--blue);}
.com_inquiry_sect .cont .form_box .submit { width:100%; height: 100%; border-radius:1.2rem; color:#fff; background: rgba(255,255,255,0.1); font-size:var(--txt3); font-weight:600;  transition: background 0.5s ease;}
.com_inquiry_sect .cont .form_box .form_priv{  grid-column: span 2; width:100%; order:3;}
.com_inquiry_sect .cont .com_inquiry_list { display: flex; justify-content: space-between; }
.com_inquiry_sect .cont .com_inquiry_list a { width:7em; display: block; font-size:var(--txt2);  text-align: center;}
.com_inquiry_sect .cont .com_inquiry_list a i { width:8rem; height: 8rem; border-radius:100%; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,0.1); margin:0 auto; transition: background 0.5s ease;}
.com_inquiry_sect .cont .com_inquiry_list a i svg { width:1.2em; height: auto;}
.com_inquiry_sect .cont .com_inquiry_list a p { margin-top:2rem; font-weight:600;}

.board_sect .com_inquiry_sect { padding-top:0; background: none; color:#000; border-bottom: 1px solid var(--lineColor); margin-bottom: 13rem ;}
.board_sect .com_inquiry_sect .cont .form_box .nice-select:after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%23000000" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain;}
.board_sect .com_inquiry_sect .cont .form_box .box .inp .placeholder { color:#1c1c1c;}
.board_sect .com_inquiry_sect .cont .form_box .box input { background-color: #F5F6F7; color:#000; }
.board_sect .com_inquiry_sect .cont .form_box .box input::placeholder { color:rgba(0,0,0,0.7); }
.board_sect .com_inquiry_sect .cont .form_box .nice-select { background-color: #f5f6f7; ;}
.board_sect .com_inquiry_sect .cont .form_box .nice-select .current { color:#000; }
.board_sect .com_inquiry_sect .cont .form_box .submit { background-color: #0a2961; ;}
.board_sect .com_inquiry_sect .cont .com_inquiry_list a i { background-color: #eef2fb; ;}
.board_sect .com_inquiry_sect .cont .com_inquiry_list a i path { fill:var(--blue); }
.board_sect .form_chk .chk_box input + label .ico { border-color:#B0BFDA}
.board_sect .form_chk .chk_box input + label .ico svg path { fill:#B0BFDA; }
.board_sect .form_chk .chk_box input:checked + label .ico { border-color:var(--blue); background: var(--blue);}
.board_sect .form_chk .chk_box input:checked + label .ico path { fill:#fff; }
.board_sect .com_inquiry_sect .sub_tit_box { margin-bottom: 5rem;}

/* 이용안내 */
.form_chk{ display: flex; align-items: center;}
.form_chk + .form_chk{margin-top: 0.5em;}
.form_chk .chk_box label { display: flex; align-items: center; font-size: calc(var(--txt3) * 0.85); cursor: pointer; }
/* .form_chk .chk_box input + label .txt{line-height: 1;} */
.form_chk .chk_box input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; border-radius: 0.3rem; width:1.4em; height:1.4em; background:none; border:1px solid #fff; transition: all 0.3s ease;}
.form_chk .chk_box input + label .ico svg{display: block; width: 0.8em;}
.form_chk .chk_box input + label .ico svg path { fill:#fff; }
.form_chk .chk_box input:checked + label .ico{ background-color: #fff; }
.form_chk .chk_box input:checked + label .ico path{ fill: var(--blue);}
.form_chk .chk_box + .btn { flex-shrink: 0; margin-left: 0.5em; font-size: calc(var(--txt3) * 0.85); transition: color 0.3s; margin-bottom: 0.2em;}

.write_form .form_chk .chk_box input + label .ico { border:1px solid var(--lineColor); }
.write_form .form_chk .chk_box input:checked + label .ico { background-color: var(--blue);}
.write_form .form_chk .chk_box input:checked + label .ico path { fill:#fff;}


/* 이용안내, 커뮤니티 그리드 */
.sub_community .sub_visual .lnb,
.sub_community .in,
.sub_info .sub_visual .lnb,
.sub_info .in,
.sub_info .in2{max-width: 1240px;}

.viewSubPage .tit_wrap .in,
.viewSubPage .sub_visual .lnb,
.viewSubPage .in{max-width: 1000px;}
/*.board_view_page .in{max-width: 1000px;}*/


.empty_box{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; padding-bottom: 80px; margin-top: 80px}
.empty_box img{display:flex; max-width: 320px;}
.empty_box span{font-size: var(--txt3);font-weight: 400;color: rgba(0,0,0,0.5);margin-top: 2rem;}
.empty_box svg{display: block; width: max(20rem, 240px); opacity: 0.3;}
.empty_box svg path{fill: #000;}

.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; }
.pagination > a { line-height: 1; }
.pagination > a svg { fill: var(--black); transition: all 0.3s; height: 0.8em; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 4.5rem; }
.pagination .num_list li { position: relative; width: 2em; height: 2em; margin: 0 0.25rem; border-radius: 5px; 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: 2em; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 5px; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; }
.pagination .num_list li.active a:before { background-color: var(--blue); }
.pagination .next { margin-right: 4rem; }
.pagination .prev { margin-left: 4rem; }
.pagination .none { opacity: 0.4; cursor: default; }

.board_list_top {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:5rem; }
.board_list_top .sch_box{width: 39rem; max-width: 100%; border-bottom: 1px solid var(--blue);}
.board_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; height: var(--inpH); background:none; }
.board_list_top .sch_box .sch_inp input{width:100%; height: 100%;  padding-left: 2rem; }
.board_list_top .sch_box .sch_inp input + button svg{transition: fill 0.3s ease;}
.board_list_top .sch_box .sch_inp input::placeholder { color:rgba(10,41,97,0.5); }
.board_list_top .sch_box .sch_inp button svg { height: 1.5em;}
.board_list_top .total_num{font-size:var(--txt3); }
.board_list_top .total_num strong {font-weight: 700; color:var(--green);}
.board_list_top .sch_wrap { display: flex;}
.board_list_top .sch_wrap .btn-type1 { width:8.5em; margin-left: 2.5rem; }


.board_list .list li a {display: flex; align-items: center; height: 12rem; padding: 0 5rem; 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.35em 1.2em; margin-right: 5rem; font-size: var(--txt4); border-radius: 100px; background-color: var(--blue); color: #fff; font-weight: 500;}
.board_list .list .cate {font-weight: 500; margin-right: 20px; width: 6em;}
.board_list .list .tit {font-weight: 500; font-size: var(--txt0); flex: 1; padding-right: 5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 1.5;}
.board_list .list .txt {font-weight: 400; font-size: var(--txt3); color: var(--txtGray1);}
.board_list .code {width: 3.8em;}
.board_list .date {width: 7em; text-align: center;}
.board_list .writer {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.25em; margin-left: 3rem; text-align: center; border-radius: 100px ; font-weight: 500; font-size: var(--smTxt1);}
.board_list .state.wait {background-color: #F6F4F9; color: var(--txtGray1);}
.board_list .state.clear {background-color: var(--deepPink); color: #fff;}
.board_list .state.waiting { background-color: #F2EFF2; color: var(--txtGray1); }
.board_list .state.done { background-color: var(--deepPink); color: #fff; }

.notice_page .sub_tit_box{margin-bottom: 0;}
.notice_page .board_sect{padding-top: 10rem;} /* 앵커 */
.board_view_page {word-break: break-all;}

.board_view_page .view_top {  padding-bottom: 3rem; border-bottom: 1px solid var(--black); }
.board_view_page .view_top .title { display: flex;  align-items: flex-start;}
.board_view_page .view_top .badge { padding: 0.35em 1.2em 0.3em; margin-right: 2rem; font-size: var(--txt4); border-radius: 100px; background-color: var(--blue); color: #fff; font-weight: 700; }
.board_view_page .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--subH3); font-weight: 700; line-height: 1.5; }
.board_view_page .view_top .user_info {  display: flex; align-items: center; color:var(--txtGray1); font-size:var(--smTxt1); margin-top:1.6rem;}
.board_view_page .view_top .user_info p + p {margin-left: 2rem;}
.board_view_page .view_top .date { font-size:var(--txt3); color:var(--txtGray1); }

/* 이겨부터 원래 basic 이였음 */
.board_view_page .view_top .badge_box .badge + .badge {margin-left: 5px;}

.board_view_page.basic .view_cont {  min-height: 20rem; border-bottom: 1px solid var(--lineColor1) ;}
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; padding: 3rem 3rem 10rem; word-break: break-all; margin:0 auto;} /*padding: 3rem 3rem 10rem !important;*/
.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(--lineColor1); color: var(--txtGray1); font-size: var(--txt3);}
.board_view_page.basic .view_cont .board_file .ico{width: 2rem !important; height: 2rem; margin-right: 1rem; background:url('data:image/svg+xml;utf8,<svg width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path d="M12.7188 3.28125C11.9062 2.46875 10.5625 2.46875 9.75 3.28125L3.78125 9.28125C2.40625 10.6562 2.40625 12.875 3.78125 14.2188C5.125 15.5938 7.34375 15.5938 8.71875 14.2188L13.4688 9.46875C13.75 9.1875 14.2188 9.1875 14.5 9.46875C14.8125 9.78125 14.8125 10.25 14.5 10.5312L9.78125 15.2812C7.8125 17.25 4.65625 17.25 2.71875 15.2812C0.75 13.3438 0.75 10.1875 2.71875 8.21875L8.71875 2.21875C10.0938 0.84375 12.375 0.84375 13.7812 2.21875C15.1562 3.625 15.1562 5.90625 13.7812 7.28125L8.03125 13.0312C7.03125 14.0312 5.40625 13.9375 4.53125 12.8438C3.78125 11.9062 3.875 10.5625 4.71875 9.71875L9.46875 4.96875C9.75 4.6875 10.2188 4.6875 10.5 4.96875C10.8125 5.28125 10.8125 5.75 10.5 6.03125L5.78125 10.7812C5.46875 11.0938 5.4375 11.5625 5.71875 11.9062C6.03125 12.2812 6.59375 12.3438 6.96875 11.9688L12.7188 6.21875C13.5312 5.40625 13.5312 4.09375 12.7188 3.28125Z" fill="%23696969"/></svg>') no-repeat center/contain;}
.board_view_page.basic .view_cont .board_file .file {display: flex; margin-right:3rem; }
.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 .badge {width: 5.5em; height: 2.5em; line-height: 2.5em; font-size: var(--smTxt1); color: #fff; font-weight: 500; background-color: var(--blue); border-radius: 50px; text-align: center; margin-right: 1.5rem}
.board_view_page .view_cont .a_cont .top .date {margin-left: 2rem; color: var(--txtGray1); font-size: var(--smTxt1); }
.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(--lineColor1); color: var(--txtGray1); font-size: var(--smTxt1);}
.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 .a_cont .date {margin-top: 4rem; font-size: var(--tinyTxt)}
.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(--smTxt1) - 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: 8rem; }
.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:var(--inpH); padding: 0 2.5em;  border-radius: 2em;  transition: background 0.25s, fill 0.25s, color 0.25s; color:#000; border:1px solid #000; font-size:var(--txt2)}
.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{}
.board_view_page .board_li_wrap .box .ico svg path { fill:var(--txtGray1); transition: all 0.25s;}
.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: 1rem;}
.board_view_page .board_li_wrap .box.prev .ico{margin-left: 1rem;}
.board_view_page .board_li_wrap .box .tit{color: var(--txtGray1); font-size:var(--txt2); font-weight: 600; transition: all 0.25s;}
.board_view_page .board_li_wrap .box.none{opacity: 0.4; cursor: default;}


.review_list ul { border-top:1px solid var(--lineColor); }
.review_list ul li { border-bottom:1px solid var(--lineColor); }
.review_list ul li a { display:flex; justify-content: space-between; align-items: flex-end; padding:4rem 5rem; transition: all 0.3s ease; }
.review_list ul li a .title .type { font-size:var(--txt4); color:var(--blue);  font-weight:600; margin-bottom: 0.3rem;}
.review_list ul li a .title .subj { font-size:var(--txt0); font-weight:500; line-height: 1.5; }
.review_list ul li a .date { flex-shrink: 0; font-size:var(--txt3); color:var(--txtGray1); }



/* 서브 탭 */
.sub_round_tab_wrap{overflow-x: auto; margin-bottom: 8rem; text-align: center;}
.sub_round_tab_wrap::-webkit-scrollbar{display: none;}
.sub_round_tab{display: inline-flex; overflow: hidden; padding: 9px; margin: auto 20px; background: #EDF1FA; border-radius: 3em}
.sub_round_tab .tab{display: inline-block; min-width: 6em; padding:0 1em; line-height: var(--inpH); color: var(--blue); font-size: var(--txt1); font-weight: 700; white-space: nowrap; text-align: center; border-radius: 2em;  transition: background 0.3s ease-in-out , color 0.3s ease-in-out}
.sub_round_tab .tab + .tab { margin-left: 0.5em; }
.sub_round_tab .tab.active{background: var(--blue); color: #fff;}

.faq_list{ word-break: break-all}
.faq_list .list_box{border-top: 1px solid #BCBFC7;}
.faq_list .list_box .item{overflow: hidden; border-bottom: 1px solid #BCBFC7; transition: border-color 0.4s;}
.faq_list .list_box .item.active{border-color: transparent;}
.faq_list .list_box .question{display: flex; align-items: center; position: relative; padding: 0 8rem 0 0; height: 12rem; font-size: var(--txt0); font-weight: 700; cursor: pointer;}
.faq_list .list_box .question::before{content: ''; position: absolute; top: calc(50% - 0.6em); right: 4rem; width: 1.2em; height: 1.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M212.7 363.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 329.4 75.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"/></svg>') no-repeat center center/cover; transition: transform 0.4s;}
.faq_list .list_box .item.active .question::before{transform: rotate(-180deg);}
.faq_list .list_box .question .cat{flex-shrink: 0; width: 20rem;  color: var(--blue); font-size: var(--txt4); text-align: center;}
.faq_list .list_box .question p{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.faq_list .list_box .answer{display: none; padding: 4rem 8rem 4rem 20rem; background: #F5F6F7; border-radius: var(--radius2);}
.faq_list .list_box .answer div{display: flex; align-items: baseline; }
.faq_list .list_box .answer p{font-size: var(--txt2); }

.media_list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8rem 3rem;}
.media_list ul li a { display: block; ;}
.media_list ul li a .img { border-radius:var(--radius3); overflow: hidden; position: relative; border:1px solid var(--lineColor); margin-bottom: 3rem; aspect-ratio: 1/1; background: #F5F6F7 url(../img/common/logo_gray.svg) no-repeat 50% 50%; background-size: 17rem auto;}
.media_list ul li a .img img { display: block; vertical-align: top; transition: all 0.3s ease; width: 100%; height: 100%; object-fit: cover;}
.media_list ul li a .img .labels { position:absolute; right:2rem; top:2rem; display: flex; }
.media_list ul li a .img .labels i svg { width:2.1em; height: auto; overflow: visible;}
.media_list ul li a .subj { font-size:var(--txt0); font-weight:500; line-height: 1.5;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.qna_list .list li a { display: flex; align-items: center; height: 12rem; padding-right: 5rem; border-top: 1px solid var(--lineColor); transition: background-color 0.3s ease-in-out; }
.qna_list .list li:last-child a { border-bottom: 1px solid var(--lineColor); }
.qna_list .list .type {  background-color: #DDEAFF;  color:#345283; font-size: var(--txt4); font-weight: 500;  text-align: center;; width:5.4em; line-height:2.4em; border-radius:2em; margin:0 5.7rem;}
.qna_list .list .type.type1 { background-color: #DDEAFF;  color:#345283;  }
.qna_list .list .type.type2 { background-color: #D0F3F4;  color:#2E7173;  }
.qna_list .list .type.type3 { background-color: #FDEBFA;  color:#77406E;  }
.qna_list .list .type.type4 { background-color: #E2F6D6;  color:#4D7235;  }
.qna_list .list .type.type5 { background-color: #E7E9ED;  color:#4A4A4A;  }
.qna_list .list .tit { font-weight: 500; font-size: var(--txt0); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right:1rem;}
.qna_list .list .txt {  font-size: var(--txt3); color: var(--txtGray1); }
.qna_list .list .id { margin:0 5rem; }
.qna_list .state { font-size:var(--txt4); font-weight:500;  }
.qna_list .state:before {content: ''; display: inline-block; vertical-align: middle; width:0.5em; height: 0.5em; border-radius:100%; background-color: #1554C7; margin:-0.3em 0.5em 0 0;}
.qna_list .state.wait { }
.qna_list .state.wait:before { background-color: #F3B900;}
.qna_list .state.clear { }


/* 온라인 상담 글쓰기 */
.reserv_write_page .write_form{margin-top: var(--mainContMt); padding-top: var(--mainContMt); border-top: 1px solid var(--lineColor);}
/*.reserv_write_page .write_form .in {font-size:var(--txt2); width: 104rem; max-width: calc(900px + calc(var(--inPd) * 2));--inpRadius: 0.8rem;}*/
.reserv_write_page .write_form .in {font-size:var(--txt2); --inpRadius: 0.8rem;}
.reserv_write_page .write_form .form_list > li { display: flex; justify-content: space-between;}
.reserv_write_page .write_form .form_list > li + li { margin-top: 3.5rem; }
.reserv_write_page .write_form .form_list > li + li.consent_info { margin-top: 10rem; }
.reserv_write_page .write_form .form_list > li .left_txt { display: flex; font-weight: 700; flex-shrink: 0; width: 11em; padding-top: 0.9em;} /*align-items: center;*/
.reserv_write_page .write_form .form_list > li .left_txt .ess::after { content: "*"; color: var(--yellow); font-size: 1em; margin-left: 3px;}
.reserv_write_page .write_form .form_list > li .cont_box { flex: 1;}

.reserv_write_page .write_form .form_list li .select .nice-select { font-size:var(--txt2); height: var(--inpH); line-height: var(--inpH); padding: 0 1.3em; border: 1px solid var(--lineColor); border-radius: var(--inpRadius); font-weight: 500;}
.reserv_write_page .write_form .form_list li .select .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.reserv_write_page .write_form .form_list li .select .nice-select.open:after { transform: rotate(180deg); }

.reserv_write_page .write_form .form_list li .inp { width: 100%; }
.reserv_write_page .write_form .form_list li .inp input { width: 100%; height: var(--inpH); padding: 0 1.3em; border: 1px solid var(--lineColor); border-radius: var(--inpRadius);}
.reserv_write_page .write_form .form_list li .inp input:focus { outline: 1px solid #000; }
.reserv_write_page .write_form .form_list li .inp input::placeholder { color: var(--txtGray1); color:#BCBFC7; font-weight: 500;}
.reserv_write_page .write_form .form_list li .inp_txt { margin-top: 10px; font-size: calc(var(--txt2) * 0.85); color: var(--txtGray1); }

.reserv_write_page .write_form .form_list li .textarea textarea { position: relative; width: 100%; height: 10em; padding: 1.5em 1.3em; border: 1px solid var(--lineColor); border-radius: var(--inpRadius); resize: none; line-height: 1.5em; transition: border-color 0.25s, box-shadow 0.25s; }
.reserv_write_page .write_form .form_list li .textarea textarea:focus { outline: 1px solid #000; }
.reserv_write_page .write_form .form_list li .textarea textarea::placeholder { color: #BCBFC7; font-weight: 500;}
.reserv_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar { width: 10px; }
.reserv_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; }
.reserv_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-track { background: #fff; }
.reserv_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:decrement { height: 15px; }
.reserv_write_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:increment { height: 15px; }

.reserv_write_page .write_form .form_list li .file_inp{display: flex;}
.reserv_write_page .write_form .form_list li .file_inp .inp{width: auto; flex: 1;}
.reserv_write_page .write_form .form_list li .file_inp .file_btn {display: flex; align-items: center; padding:0 1.8em; border-radius: 0.8rem; border:1px solid #000; font-weight: 500; margin-left:10px; transition: 0.3s;}
.reserv_write_page .write_form .form_list li .file_inp #fileNameBox{position:relative;}
.reserv_write_page .write_form .form_list li .file_inp .commonFileDeleteBtn{position:absolute; top:50%; right: 1.8rem; transform: translateY(-50%)}
.reserv_write_page .write_form .form_list li .file_inp .commonFileDeleteBtn svg{display: block;}

.reserv_write_page .write_form .form_list li .captcha_wrap { display: flex; align-items: center; justify-content: flex-start; }
.reserv_write_page .write_form .form_list li .captcha_wrap .captcha { display: flex; align-items: center; height: var(--inpH); padding: 0 1.5rem; margin-right: 1.5rem; background-color: #F3F4F8; border-radius: 0.8rem; }
.reserv_write_page .write_form .form_list li .captcha_wrap .captcha img { height: 100%; }
.reserv_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; }
.reserv_write_page .write_form .form_list li .captcha_wrap .inp { flex: 1; }

.reserv_write_page .write_form .form_list li.priv_chk { display: block; }
.reserv_write_page .write_form .form_list li.priv_chk .left_txt { width: auto; height: auto; }
.reserv_write_page .write_form .form_list li.priv_chk .cont_box { margin-top: 2rem; }
.reserv_write_page .write_form .form_list li.priv_chk .cont_box .terms_box { padding: 4rem; background-color: var(--bg); background-color: #F3F4F8; color: var(--txtGray1); font-size: var(--tinyTxt); border-radius: var(--inpRadius); margin-bottom: 1.6rem;}

.reserv_write_page .write_form .form_btn_box { margin-top: 6.5rem; display: flex; justify-content: center; }
.reserv_write_page .write_form .form_btn_box .btn { display: block; padding:0 2.2em; line-height: var(--inpH); border-radius:var(--inpH); background-color:var(--blue); font-size:var(--txt2); color:#fff; transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }


/* 비밀번호체크 모달 */
.modal .modal_wrap .modal_cont.password { overflow: hidden; position: relative; width: 50rem; max-width: 100%; padding: 5rem; margin: 0 auto; background-color: #fff; border-radius: var(--radius); }
.modal .modal_wrap .modal_cont.password .close_btn { display: flex; align-items: center; justify-content: center; position: absolute; top: 3rem; right: 3rem; width: 1em; height: 1.2em; font-size: 3rem; cursor: pointer; }
.modal .modal_wrap .modal_cont.password .tit { display: block; margin: 1.5em 0; font-size: var(--txt1); font-weight: 700; text-align: center; line-height: 1em; }
.modal .modal_wrap .modal_cont.password .modal_inp .inp input { width: 100%; height: var(--inpH); background-color: #f6f6f6; font-size: var(--txt2); font-weight: 700; text-align: center; border-radius: 0.8rem; }
.modal .modal_wrap .modal_cont.password .tip { margin-top: 1.1em; }
.modal .modal_wrap .modal_cont.password .tip {display: flex; align-items: center; font-size:var(--smTxt1); color:var(--txtGray1)}
.modal .modal_wrap .modal_cont.password .tip .ico{width: 1em; height: 1em; margin-right: 0.3em;}
.modal .modal_wrap .modal_cont.password .tip .ico svg{display: block; width: 100%; height: 100%;}
.modal .modal_wrap .modal_cont.password .btn_wrap { display: flex; margin-top: 3.2rem; }
.modal .modal_wrap .modal_cont.password .btn_wrap > * { flex: 1; padding: 1em 0; border: 1px solid #000; font-size: var(--txt2); 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; }



/* 오시는길 */
.directions_page .sub_tit{font-size: var(--subH2);}
.directions_page .map_sect .map{position: relative; padding-top: 50%; width: 100%; border-radius: var(--radius2); overflow: hidden;}
.directions_page .map_sect .map .map_cont{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.directions_page .map_sect .address{font-size:var(--subH2); font-weight: 700; color:#000; margin:8rem 0 5rem; transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease; }
.directions_page .map_sect .address .copy_btn svg{width:0.8em; height: 0.8em; }
.directions_page .map_sect .address .stxt { font-size:var(--txt1); font-weight:500;}
.directions_page .map_sect .address .txt p{display: inline;}
.directions_page .map_sect .address.active { transform: unset; opacity:1;}
.copy_btn {position: relative; margin-left: 0.2em;}
.copy_btn svg{width:0.8em; height: 0.8em;}
.copy_btn .hover_msg{opacity: 0; pointer-events: none; transition: opacity 0.5s ease;}
.copy_btn span{position: absolute; white-space: nowrap; top: -2.5em; left: 50%; font-weight: 500; transform: translateX(-50%); font-size:var(--txt4); background: var(--black); border-radius: 5px; color: #fff; padding: 0.6em 0.8em 0.5em; line-height: 1;}
.copy_msg{display: none; }

.directions_page .map_sect .btn_list{display: flex; align-items: center; margin-bottom: var(--sectPd); transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease}
.directions_page .map_sect .btn_list.active { transform: unset; opacity:1;}
.directions_page .map_sect .btn_list .item{display: flex; align-items: center;}
.directions_page .map_sect .btn_list .item + .item{margin-left: 1em;}
.directions_page .map_sect .btn_list .item a{display: flex; align-items: center;  line-height: 1; font-size:var(--txt2); padding: 0.9em 1.6em 0.8em 1.6em; border:1px solid #000; border-radius: 10rem; background-color: #fff;  transition: background-color 0.5s ease, color 0.5s ease;;}
.directions_page .map_sect .btn_list .item a .ico{margin-right: 0.7em; height: 1.4em; flex-shrink:0;}
.directions_page .map_sect .btn_list .item a .ico img{height: 100%;}
.directions_page .info_sect { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; margin-bottom: var(--sectPd);}
.directions_page .map_sect .keylist dl { display: flex; align-items: center;}
.directions_page .map_sect .keylist dl + dl { margin-top:1.5rem; }
.directions_page .map_sect .keylist dl dt { width:5.5em; line-height: 2.2em; border-radius:2.2em; font-size:var(--txt3); color:#fff; background-color: #6AC8E2; margin-right:2rem;  text-align: center;}
.directions_page .map_sect .keylist dl dd { font-size:var(--txt2); color:#000; }
.directions_page .map_sect .desc { margin-top:3rem; }
.directions_page .map_sect .desc p { font-size:var(--smTxt1); color:#444;}
.directions_page .map_sect .tel_cont a { font-size:var(--subH2); font-weight:700; }
.directions_page .map_sect .tel_cont a svg { width:0.7em; height: auto; margin-right:0.5rem;  }
.directions_page .contact_sect { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.directions_page .contact_sect .keylist dl dt { background-color: var(--blue);}
.directions_page .sub_tit + .cont { transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease 0.5s}
.directions_page .sub_tit.active + .cont { transform: unset; opacity:1;}
.directions_page .contact_sect .img { transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease 0.5s }
.directions_page .contact_sect.active .img { transform: unset; opacity:1;}

/* 진료안내 */
.treatment_page .time_sect { display:flex; justify-content: space-between; margin-bottom: var(--sectPd2);}
.treatment_page .time_sect .sub_tit_box .tit_desc { font-size:var(--txt2); }
.treatment_page .time_sect .sub_tit_box .tips{margin-top: 5rem;}
.treatment_page .time_sect .times { width:61rem; max-width: 100%; transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease }
.treatment_page .time_sect .times dl { display: flex; justify-content: space-between; align-items: center; padding: 3.5rem; border-radius:var(--radius2); background-color: #f5f6f7; font-weight:700;  }
.treatment_page .time_sect .times dl + dl { margin-top:1rem; }
.treatment_page .time_sect .times dl dt { font-size:var(--tit5);}
.treatment_page .time_sect .times dl dt svg { width:0.9em; height: auto; vertical-align: middle; margin:-0.5rem 0 0 1rem;;}
.treatment_page .time_sect .times dl dd { font-size:var(--tit2);}
.treatment_page .time_sect .sub_tit_box.active + .times { transform: unset; opacity:1}
.doctor_list .item { display: flex; transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease}
.doctor_list .item + .item { margin-top:var(--sectPd); }
.doctor_list .item .photo { width:48rem; width:36%; margin-right:7rem; }
.doctor_list .item .img { border-radius:3rem; overflow: hidden;  height: 100%; }
.doctor_list .item .msg { font-size:var(--tit5); font-weight:500; color:#000; line-height: 1.7; font-family: 'Noto Serif KR'; margin-bottom: 5rem;}
.doctor_list .item .img img { width:100%; height: 100%; object-fit: cover;}
.doctor_list .item .info { flex:1; }
.doctor_list .item .info .type { font-size:var(--txt2); font-weight:700; color:var(--blue); }
.doctor_list .item .info .name { font-size:var(--tit4); font-weight:700; color:#000; margin:1rem 0 4.5rem; }
.doctor_list .item .info .tit { font-size:var(--txt1); font-weight:700; margin-bottom: 2rem; ;}
.doctor_list .item .info .desc  { margin-top:2rem; }
.doctor_list .item .info .desc p { font-size:var(--txt3); color:#444; padding-left: 0.8em; text-indent: -0.8em;}
.doctor_list .item .info .body { padding-top: 5rem; margin-top:5rem; border-top:1px solid var(--lineColor); }
/*.doctor_list .item .info .body .his_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }*/
.doctor_list .item .info .body .his li {display: inline-block; width: 50%; font-size:var(--txt2); color:#000; padding-left: 1rem; text-indent: -1rem;}
.doctor_list .item.active { transform: unset; opacity:1;}
.doctor_page .doctor_list .item .photo { display: flex; flex-direction: column;}
.doctor_page .doctor_list .item .photo .img { height: 100%;}

.list_tbl {  overflow: hidden; }
.list_tbl .tbl_box { width: 100%; border-radius: 0 1.2rem 1.2rem 0; }
.list_tbl .tbl_box .box { display: flex; }
.list_tbl .tbl_box .box .th_box + .td_box { margin-top: 13px; }
.list_tbl .tbl_box .box > div { flex: 1; line-height: 1; min-width: 0; font-size:var(--txt3); }
.list_tbl .tbl_box .th_box { background-color: var(--lineColor); color: #000; font-size: var(--txt3); padding: 1em 0; font-weight: 700; border-radius: 10px 10px 0 0; }
.list_tbl .tbl_box .th_box .th { display: flex; align-items: flex-end; justify-content: center; }
.list_tbl .tbl_box .th_box .th .week { order: 2; font-size: 0.75em; margin-left: 0.2em; transform: translateY(-2px); }
.list_tbl .tbl_box .td_box .td { display: flex; align-items: center; justify-content: center; height: 3.5em; position: relative;}
.list_tbl .tbl_box .td_box .td:first-child { border-left: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box .td:last-child { border-right: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box:last-child .td { border-bottom: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box:last-child .td:first-child { border-bottom-left-radius: 10px; border-bottom: 1px solid var(--lineColor);}
.list_tbl .tbl_box .td_box:last-child .td:last-child { border-bottom-right-radius: 10px; }
.list_tbl .tbl_box .td_box .td.time { background-color: #fff; font-weight: 700; border-bottom: none; border-right: 1px solid var(--lineColor);}
.list_tbl .tbl_box .td_box .td span { font-size: var(--smTxt1); }
.list_tbl .tbl_box .td_box .td .badge { display: inline-block; padding: 0.5em 0.9em 0.45em; border-radius: 3em; font-weight: 600; line-height: 1; }
.list_tbl .tbl_box .td_box .td .badge.ing { background-color: #1554C7; color: #fff; }
.list_tbl .tbl_box .td_box .td .badge.close { background-color: var(--lineColor); color: rgba(0,0,0,0.3); }
.list_tbl .tbl_box .td_box .td .date { font-weight: 700; }
.list_tbl .tbl_box .td_box .td strong { position: absolute; left: 0; right:0; text-align: center; bottom:0; transform: translateY(50%); line-height: 1.5; font-size:var(--txt3);}

/* 자가테스트 */
.selftest h4 { font-size:var(--tit4); font-weight:700; margin-bottom: 3rem; color:#000; }
.selftest .item + h4 { margin-top:10rem; }
.selftest .item { padding: 5rem; border-radius:var(--radius2); background-color: #f5f6f7 ;}
.selftest .item + .item { margin-top:3rem; }
.selftest .item h5 { font-size:var(--txt1); font-weight:700; margin-bottom: 2rem;}
.selftest .item h5 span { color:#0a2961;}
.selftest .item h5 span:after {content:'.'; display:inline;}
.selftest .item ul { display: flex;}
.selftest .item ul + ul { margin-top:2rem;}
.selftest .item ul li { flex:1; }
.selftest .item ul li + li {margin-left: 2rem ;}
.selftest .round_btn { margin-top:10rem; text-align: center;}
.selftest input[type="text"] { width: 100%; height: var(--inpH); padding: 0 1.3em; border: 1px solid var(--lineColor); border-radius: 1rem; margin-top:1rem; transition: all 0.5s ease;}
.selftest input[type="text"]:focus {border-color:#000;  }
.selftest input[type="text"]::placeholder { color: var(--txtGray1); color:#BCBFC7; font-weight: 500;}
.txt_radio { position: absolute;}
.txt_radio + div { padding:1em 1.2em; border-radius:1rem; background-color: #fff; border:1px solid #fff; display: flex; align-items: center; font-size:var(--txt3); font-weight:500; transition: all 0.5s ease; cursor: pointer; }
.txt_radio + div em { width:1.1em; height: 1.1em; flex-shrink: 0; border-radius:100%; position: relative; overflow: hidden; margin-right:1rem;}
.txt_radio + div em + span{white-space: nowrap;}
.txt_radio + div em:before {content: ''; position: absolute; left: 0; top:0; right:0;bottom:0; border-radius:100%; border:2px solid rgba(0,0,0,0.3); transition: all 0.5s ease;}
.txt_radio + div em:after {content: ''; position: absolute; left: -1px; top:-1px; right:-1px; bottom:-1px; background: url('data:image/svg+xml;utf8,<svg width="18" height="16" viewBox="0 0 18 16" xmlns="http://www.w3.org/2000/svg"><path d="M9 16C6.125 16 3.5 14.5 2.0625 12C0.625 9.53125 0.625 6.5 2.0625 4C3.5 1.53125 6.125 0 9 0C11.8438 0 14.4688 1.53125 15.9062 4C17.3438 6.5 17.3438 9.53125 15.9062 12C14.4688 14.5 11.8438 16 9 16ZM12.5312 6.53125H12.5C12.8125 6.25 12.8125 5.78125 12.5 5.46875C12.2188 5.1875 11.75 5.1875 11.4688 5.46875L8 8.96875L6.53125 7.5C6.21875 7.1875 5.75 7.1875 5.46875 7.5C5.15625 7.78125 5.15625 8.25 5.46875 8.53125L7.46875 10.5312C7.75 10.8438 8.21875 10.8438 8.53125 10.5312L12.5312 6.53125Z" fill="%231554C7"/></svg>') no-repeat center/contain; opacity:0; transition: all 0.5s ease;}
.txt_radio:checked + div { border-color:#1554C7; }
.txt_radio:checked + div em:before { opacity:0; }
.txt_radio:checked + div em:after { opacity:1; }
.txt_radio:checked + div { color:#1554C7; font-weight:700;}
.txt_radio.type2 + div { justify-content: center; padding-top:2.5rem; padding-bottom: 2.5rem;}
.txt_radio.type2 + div i { margin-right:2rem; }
.txt_radio.type2 + div i svg { width:2.2em; height: auto; vertical-align: middle;}
.gender .txt_radio.type2 + div i { display:flex; align-items: flex-end; justify-content: center; width: max(4rem, 48px); height:max(4rem, 48px); background-color: #DCE5FA; border-radius: 50%; overflow: hidden;}
.gender .txt_radio.type2 + div i img{width: 70%;}

.txt_radio.center + div { justify-content: center;}
.result_page .sub_tit_box { text-align: center; margin-bottom: 8rem;}
.test_result { max-width:74rem; margin:0 auto; padding:5rem 8rem 8rem; border:1px solid var(--lineColor); border-radius:var(--radius4); background-color: #fff; box-shadow:0 3rem 10rem rgba(207,218,242,0.5); overflow: hidden;}
.test_result .img { position: relative; display: flex; height: 40rem;  }
.test_result .img p {position: absolute;top: 0; left: 45%; width: 32rem; height: 100%; opacity: 0;transform: translateX(-50%) scale(1);will-change: transform, opacity, filter; transition:opacity 1s ease-in-out;}/*filter: blur(4px) brightness(1.2);*/
.test_result .img img {  height: 100%;  display: block;  pointer-events: none;  user-select: none;}

/* 중앙 기준 오프셋 */
.test_result .img p:nth-child(1) { margin-left: -36rem; z-index: 2; }
.test_result .img p:nth-child(2) { margin-left: -24rem; z-index: 3; }
.test_result .img p:nth-child(3) { margin-left: -12rem; z-index: 4; }
.test_result .img p:nth-child(4) { margin-left: 0; z-index: 5; }

/* 활성화 시 순차 애니메이션 */
.test_result.active .img p:nth-child(1) {  animation: runTrail 1s ease-out forwards 0s;}
.test_result.active .img p:nth-child(2) {  animation: runTrail 1s ease-out forwards 0.15s;}
.test_result.active .img p:nth-child(3) {  animation: runTrail 1s ease-out forwards 0.3s;}
.test_result.active .img p:nth-child(4) {  animation: runLead 1s ease-out forwards 0.45s;}

@keyframes runTrail {
    0% {  opacity: 0; transform: translateX(-200%) scale(1);}
    100% {    opacity: 1;    transform: translateX(-50%) scale(1); }
}

@keyframes runLead {
    0% {    opacity: 0;    transform: translateX(-200%) scale(1);    filter: blur(4px) brightness(1.2);  }
    100% {    opacity: 1;    transform: translateX(-50%) scale(1);    filter: none;  }
}
/* 잔상처럼 사라지는 이미지 */
/*@keyframes runTrail {*/
/*    0% {  opacity: 0; transform: translateX(-200px) scale(1);}*/
/*    !*20% {    opacity: 1;    transform: translateX(0px) scale(1);}*!*/
/*    !*60% {    opacity: 1;    transform: translateX(30px) scale(1);}*!*/
/*    100% {    opacity: 1;    transform: translateX(0) scale(1); }*/
/*}*/

/* 마지막 이미지는 선명하게 남음 */
/*@keyframes runLead {*/
/*  0% {    opacity: 0;    transform: translateX(-200px) scale(1);    filter: blur(4px) brightness(1.2);  }*/
/*  !*50% {    opacity: 1;    transform: translateX(10px) scale(1.01);    filter: blur(0px) brightness(1);  }*!*/
/*  100% {    opacity: 1;    transform: translateX(0px) scale(1);    filter: none;  }*/
/*}*/

.test_result .t1 { margin-top:8rem; font-size:var(--tit4); font-weight:500; margin-bottom: 2rem;;line-height: 1.5; }
.test_result .t1 strong { font-weight:700; color:#1554C7; }
.test_result .t2 { font-size:var(--txt2); line-height: 1.5; margin-bottom: 6rem;}
.test_result .round_btn { text-align: center;}
.levels_sect { margin-top:var(--sectPd2); padding-top:var(--sectPd2); border-top:1px solid rgba(0,0,0,0.2); }
.levels_sect .tit { font-size:var(--tit4); font-weight:700; margin-bottom: 5rem; ;}
.levels_sect .lvs { border-radius:var(--radius2); border:1px solid var(--lineColor); overflow: hidden; line-height: 1.4; }
.levels_sect .lvs dl { display: flex;}
.levels_sect .lvs dl dt { display: flex; align-items: center; justify-content: center; width:24rem; padding: 1.3em; text-align: center; background-color: #66C02F; font-size:var(--txt1); font-weight:700; color:#fff;  }
.levels_sect .lvs dl dd{flex:1; font-size:var(--txt2); padding: 1.3em 1em 1.3em 0; display: flex; align-items: center;}
.levels_sect .lvs dl dd div { display: flex; align-items: center; }
.levels_sect .lvs dl dd div strong { width:9em; text-align: center; font-weight:700;  flex-shrink: 0;}
.levels_sect .lvs dl + dl dd { border-top:1px    solid var(--lineColor); }
.levels_sect .lvs dl:nth-child(2) dt { background-color: var(--yellow);}
.levels_sect .lvs dl:nth-child(3) dt { background-color: #F37500;}
.levels_sect .lvs dl:nth-child(4) dt { background-color: #C60F0F;}


/***************************************************************************************************
    1. 병원소개
/***************************************************************************************************/
/* 오케이의료진 */
.doctor_page .top_sec { position: relative; overflow: hidden;}
.doctor_page .top_sec:before {content: ''; position: absolute; left: 0; right:0; top:0; height: 100vw; aspect-ratio: 1/1; background: radial-gradient(50% 50% at 50% 50%, #5983CF 0%, rgba(211, 227, 255, 0) 100%); opacity: 0.3}
.doctor_page .top_sec .photo { text-align: center; padding:0 9rem;}
.doctor_page .top_sec .photo img {  }
.doctor_page .doctor_list { padding-bottom: var(--sectPd3);}
.doctor_page .top_sec .photo { transform: translateY(var(--aniY)); opacity:0; transition: all 1s ease 0.7s; }
.doctor_page .sub_tit_box.active + .photo { transform: unset; opacity: 1;}
.marqee_sect { margin:5rem 0 15rem; }
.marqee_sect .marqee_text {font-family: var(--en); display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 10rem; font-weight:700;}
.marqee_sect .marqee_text p {animation: textLoop 50s linear infinite; padding-right:4rem; line-height: 1.1; color: rgba(111, 109, 107, 0.1);}
.marqee_sect .marqee_text p svg { width:auto; height:7rem;}

/* 메인에서 가져옴 */
.review_sect { background-color: #EDF1FA;}
/*.review_sect .sub_tit_box { margin-bottom: 1rem;}*/
.review_sect .sub_tit_box .tips p { background-color: #E0E9FF; color:#1554C7; }
/*.review_sect .sub_tit_box .tips { margin-top:1rem;}*/
.review_sect {padding:var(--sectPd2) 0; overflow: hidden;}
.review_sect .slide_cont {opacity: 0; transition: opacity 0.6s ease-in-out 0.6s;}
.review_sect .slide_cont .swiper-container {padding: 8rem 0; overflow: visible;}
.review_sect .slide_cont .item { height: 40rem; transition: 0.5s ease-in-out;}
.review_sect .slide_cont .ite.swiper-slide-duplicate-prev,
.review_sect .slide_cont .item.swiper-slide-prev,
.review_sect .slide_cont .item.swiper-slide-prev,
.review_sect .slide_cont .ite.swiper-slide-duplicate-next,
.review_sect .slide_cont .item.swiper-slide-next,
.review_sect .slide_cont .ite.swiper-slide-duplicate-next + .item + .item,
.review_sect .slide_cont .item.swiper-slide-next + .item + .item {transform: translateY(8rem);}
.review_sect .slide_cont .item a {padding: 4rem 4rem; border-radius: 3rem; overflow: hidden; color: #000; display: block; height: 100%; transition: transform 0.3s ease-in-out , box-shadow 0.3s ease-in-out; position: relative;}
.review_sect .slide_cont .item.yellow a { background-color: #F3B900; }
.review_sect .slide_cont .item.gray a  {background-color:#E9EBF0;}
.review_sect .slide_cont .item.navy a  {background-color:#0A2961; color: #fff;}
.review_sect .slide_cont .item.gray2 a  {background-color:#DEE5F4;}
.review_sect .slide_cont .item a .txt_box {display: flex; flex-direction: column; align-items: flex-start; height: 100%; }
.review_sect .slide_cont .item a .txt_box .tag {padding: 0.35em 1em; background-color: #fff; border-radius: 5em; font-size: var(--txt3); margin-bottom: 1.5rem; color: #000; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out; position: relative; z-index:2;}
.review_sect .slide_cont .item a .txt_box .txt {font-size: var(--txt1); font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  }
.review_sect .slide_cont .item a .txt_box .info {margin-top: auto; width: 100%; font-size: var(--txt2); display: flex; justify-content: space-between; }
.review_sect.active .slide_cont {opacity: 1; }
.review_sect .paging {position: relative; width:18rem; height: 0.6rem;  margin: 5rem auto 0; background-color: #E9EBF0; border-radius: 5em; overflow: hidden;}
.review_sect .paging .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 5em; overflow: hidden;}
.review_sect .slide_cont.filter_on .item a .txt_box .txt{filter:blur(5px); }
.review_sect .slide_cont.filter_on .item a .txt_box .info {filter:blur(5px); }
.review_sect .slide_cont.filter_on .item .msg { position: absolute; left: 0; top:0; right:0; bottom:0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size:var(--txt2); color:#fff; text-align: center; background: rgba(0,0,0,0.4);}
.review_sect .slide_cont.filter_on .item .msg i { display: block; margin-bottom: 1.4rem;}
.review_sect .slide_cont.filter_on .item .msg i svg { width:1em}
.review_sect .slide_cont:not(:has(.filter_on)) .item .msg { display: none; }

.pointer { position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none; }
.pointer .pointer_box { display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; backdrop-filter: blur(7px) ; width: 20rem; height: 20rem; background-color: rgba(37,37,37,0.6); color: #fff; font-size: var(--txt1); font-weight: 700; line-height: 1.4; border-radius: 50%; transition:all .3s ease-out; overflow: hidden; }
.pointer .pointer_box p { display: block; white-space: nowrap; text-align: center; margin-top:1.2rem }
.pointer .pointer_box svg{fill: #fff;  width: 1em; height: auto;}
.pointer.on .pointer_box { opacity: 1 }

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

/* 오케이치료환경 */
.intro_sect { padding-bottom: var(--sectPd3); }
.intro_sect .item { display: flex; align-items: center;}
.intro_sect .item .img { flex:0 0 50%; padding-right:7rem; transition:all 1s ease; transform: translateY(var(--aniY)); opacity:0; }
.intro_sect .item .img img { border-radius:var(--radius4); width: 100%; }
.intro_sect .item .info { padding-left: 7rem; transition:all 1s ease 0.5s; transform: translateY(var(--aniY)); opacity:0;}
.intro_sect .item .info .tit { display: flex; align-items: center;}
.intro_sect .item .info .tit span { padding:0 1em; line-height: 2em; border-radius:2em; background-color: var(--blue); color:#fff; font-size:var(--txt3); margin-right:2rem; }
.intro_sect .item .info .tit strong { font-size:var(--tit4); font-weight:700; }
.intro_sect .item .info .t1 { font-size:var(--txt2); font-weight:500; line-height: 1.5; margin:3rem 0 2rem;}
.intro_sect .item .info .t2 { font-size:var(--txt3); line-height: 1.5; color:#696969; }
.intro_sect .item:nth-child(even){  flex-direction: row-reverse; margin-top:10rem; }
.intro_sect .item:nth-child(even) .img { padding:0 0 0 7rem; }
.intro_sect .item:nth-child(even) .info { padding:0 7rem 0 0;}
.intro_sect .item.active .img { transform: unset; opacity: 1;;}
.intro_sect .item.active .info { transform: unset; opacity: 1;;}

.envslider_sect { padding:var(--sectPd3) 0; background-color: #EDF1FA;}
.envslider_sect .sub_round_tab_wrap { transition:all 1s ease; transform: translateY(var(--aniY)); opacity:0;}
.envslider_sect .sub_round_tab { background-color: #fff;}
.envslider_sect .slider_wrap { transition:all 1s ease; transform: translateY(var(--aniY)); opacity:0;}
.envslider_sect .slide1 .img { border-radius:var(--radius4); overflow: hidden;}
.envslider_sect .paging {position: relative; width:18rem; height: 0.6rem;  margin: 5rem auto 0; background-color: #fff; border-radius: 5em; overflow: hidden;}
.envslider_sect .paging .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 5em; overflow: hidden;}
.envslider_sect .slide2 .swiper-container { padding-bottom:10rem; }
.envslider_sect .slide2 .swiper-slide { transition: 0.5s ease-in-out;}
.envslider_sect .slide2 .swiper-slide-duplicate-prev,
.envslider_sect .slide2 .swiper-slide-prev,
.envslider_sect .slide2 .swiper-slide-duplicate-next,
.envslider_sect .slide2 .swiper-slide-next,
.envslider_sect .slide2 .swiper-slide-next + .swiper-slide + .swiper-slide {transform: translateY(10rem);}
.envslider_sect .slide2 .img { border-radius:var(--radius3); overflow: hidden;}
.envslider_sect .slide2 .type { margin:5rem 0 2rem; }
.envslider_sect .slide2 .type p { display: inline-block; vertical-align: middle; padding:0 1em; line-height: 2em; border-radius:2em; font-size:var(--txt3); background-color: var(--blue); color:#fff;}
.envslider_sect .slide2 .tit { font-size:var(--tit4); font-weight: 700; color:#000; margin-bottom: 3rem;}
.envslider_sect .slide2 .txt { font-size:var(--txt2); line-height: 1.5; color:#000; }
.envslider_sect.active .sub_round_tab_wrap { transform: unset; opacity: 1;;}
.envslider_sect.active .slider_wrap { transform: unset; opacity: 1;}

/* 오케이특별함 */
.sub_ok-special .sub_visual { background: none;}
.visual_top { height: auto; display: flex; justify-content: center; align-items: center; text-align: center; color:#fff; position: relative; margin-top: calc(var(--subVisPd) * -1);}
.visual_top > *{height: 100vh;}
.visual_top .txt_box { position: relative; z-index:2; display: flex; flex-direction: column; justify-content: center; padding-bottom: var(--hdH)}
.visual_top .txt_box .tit { font-size:var(--txt1); font-weight:700; margin-bottom: 5rem; opacity:0; transform: translateY(var(--aniY));}
.visual_top .txt_box .tit p + p { margin-top:3rem; }
.visual_top .txt_box .msg { font-size:6rem; font-weight:700; line-height: 1.5; opacity:0; transform: translateY(var(--aniY));}
.visual_top .txt_box .msg span { background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.1) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}
.visual_top > .img { position: absolute; left: 0; top:0; right:0; bottom:0; transform: scale(0.95); border-radius: var(--radius4); background: url(../img/sub/img_doctors_top1.jpg) no-repeat 50% 50%; background-size: cover;}
.visual_top .bg { position: absolute; left: 0; top:0; right:0; bottom:0; background: #0053EB; opacity:0; }
.okclub_page .visual_top > .img { background-image: url(../img/sub/img_okclub_top1.jpg);}

.visual_top .motion_box { width:100%; display: flex; align-items: center; ;}
.visual_top .motion_box .test_result { width:50%; margin:0; padding:0;max-width:100%; overflow: visible;}
.visual_top .motion_box .test_result .img { height: 65vh;}
.visual_top .motion_box .test_result .img p { width:100%; height: 100%;}
.visual_top .motion_box .txt_box { text-align: left;}
.visual_top .motion_box .txt_box .tit { margin:5rem 0 0;}

.visual_top .scroll{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 3; color:#fff; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.visual_top .scroll .txt{font-weight: 700; font-size: var(--smTxt1); margin-bottom: 0.8rem ;}
.visual_top .scroll .line{ position: relative; width: 1px; height: 13rem;  background-color: rgba(255, 255, 255, 0.3); overflow: hidden;}
.visual_top .scroll .line::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; /* 움직이는 라인 */ transform: scaleY(0); transform-origin: top; animation: growLine 1.5s ease-in-out infinite;}

@keyframes growLine {
    0% { transform: scaleY(0); opacity: 1; }
    80% {  transform: scaleY(1); opacity: 1; }
    100% { transform: scaleY(1);  opacity: 0; }
}


.special1_sect { padding:var(--sectPd3) 0;  }
.clinic_slider { padding-left: max(calc((100% - var(--in2)) / 2 + var(--inPd)), var(--inPd)); overflow: hidden;  position: relative; transition: all 1s ease; transform: translateY(var(--aniY)); opacity:0; }
.clinic_slider.active {transform: unset; opacity: 1;}
.clinic_slider .swiper-container { }
.clinic_slider .item {  display: flex; align-items: center;  transition: all 1s ease; opacity:0.3;}
.clinic_slider .item .img { width:50%; padding-right:7rem; flex-shrink: 0; }
.clinic_slider .item .img img { border-radius:var(--radius4); transition: all 1s ease; border-radius:50rem; }
.clinic_slider .item .info { flex:1; padding-left: 7rem;; padding-top:8rem; }
.clinic_slider .item .info .tit { display: flex;  align-items: flex-start;}
/*.clinic_slider .item .info .tit { display: flex; align-items: center;}*/
.clinic_slider .item .info .tit span { padding:0 1em; margin-top: 0.2em; line-height: 2em; border-radius:2em; background-color: var(--blue); color:#fff; font-size:var(--txt3); margin-right:2rem;  white-space: nowrap;}
.clinic_slider .item .info .tit strong { font-size:var(--tit4); font-weight:700; line-height: 1.4;}
.clinic_slider .item .info .txt { font-size:var(--txt2); font-weight:500; line-height: 1.5; margin:3rem 0 2rem;}
.clinic_slider .item .info .tags { display: flex; gap:1rem 0;}
.clinic_slider .item .info .tags p { padding:0 0.8em; line-height: 1.8em; border-radius:1.8em; border:1px solid var(--lineColor); font-size:var(--txt3); color:#000; margin-right:1rem; }
.clinic_slider .controls { display: flex; align-items: center; position: absolute; left: max(calc((100% - var(--in2)) / 2 + var(--inPd)), var(--inPd)); top:7rem; z-index:2; }
.clinic_slider .controls .swiper-button-next,
.clinic_slider .controls .swiper-button-prev { position: static; width:20px; height: 20px;  background: none; margin:0;}
.clinic_slider .controls .swiper-button-next:after,
.clinic_slider .controls .swiper-button-prev:after { display: none;}
.clinic_slider .controls .swiper-button-next svg,
.clinic_slider .controls .swiper-button-prev svg { width:0.8em; height: auto; fill:#000;;}
.clinic_slider .controls .paging { display: flex; align-items: center; }
.clinic_slider .controls .pg .bar { width:4px; height:4px; margin:0 0.5rem; background-color: var(--black); opacity:0.3; position: relative;;}
.clinic_slider .controls .pg { display: flex; align-items: center; width:auto; margin:0 1rem; }
.clinic_slider .controls .pg .swiper-pagination-total {  color:rgba(0,0,0,0.5); }
.clinic_slider .controls .pg .swiper-pagination-current { font-weight:700;}
.clinic_slider .controls .pg .swiper-pagination-current,
.clinic_slider .controls .pg .swiper-pagination-total { width:4.8rem; font-size:var(--txt3);  text-align: center;}
.clinic_slider .swiper-pagination { display: none;}
.clinic_slider .swiper-slide-active .item { opacity:1;  }
.clinic_slider .swiper-slide-active .item .img img { border-radius:var(--radius4); }

.hello_sect { padding:var(--sectPd3) 0; }
.special_page .hello_sect{background: linear-gradient(180deg, #EDF1FA 0%, rgba(237, 241, 250, 0.00) 87.69%);}
.hello_sect .in { display: flex; justify-content: space-between;}
.hello_sect .item { width:45%; }
.hello_sect .item .img {position:relative; padding-top: 61%; border-radius:var(--radius4); overflow: hidden; margin-bottom: 5rem; transform: translateY(var(--aniY)); opacity:0; cursor: pointer; transition:opacity 1s ease 0.3s, transform 1s ease 0.3s;}
.hello_sect .item .img img{position:absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transform: scale(1);  transition: transform 0.3s ease-in-out;}
.hello_sect .item .img img:hover{transform: scale(1.1);}
.hello_sect .item .txt { font-size:var(--txt2); line-height: 1.6;  transform: translateY(var(--aniY)); opacity:0; transition:all 1s ease 0.6s;}
.hello_sect .item .txt p + p { margin-top:3rem; }
.hello_sect .sub_tit_box.active + .item .img { transform: unset; opacity: 1;}
.hello_sect .sub_tit_box.active + .item .txt { transform: unset; opacity: 1;}

.modal .modal_wrap .hello_modal{background-color: transparent;}
.modal .modal_wrap .hello_modal .head .close_btn {position:absolute; top: -4.5rem; right: 0; width: 3rem;height: 3rem;cursor: pointer; z-index: 2; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center;background-size: cover; transition: all 0.3s ease;}
.modal .modal_wrap .hello_modal .body .video_box video{width: 100%; height: 100%;}



.img_pallax { height: 60rem; border-radius:var(--radius3); background: url(../img/sub/bg_parallax_special2.jpg) no-repeat 50% 100%; background-size:cover;  margin:0 var(--inPd)}


.special_page .system_sect .sub_tit_box{margin-bottom: 0;}
.system_sect {position: relative; padding-top:var(--mainSectSmPd);overflow: hidden; transition: background 0.3s ease-in-out 0.3s}

/* 메인 복사함 */
.system_sect .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #F3F6FC 0%, #CFD7E5 100%); z-index: 2; opacity: 0;}
.system_sect .in {z-index: 3}
.system_sect .main_tit_box{text-align: center;}

.system_sect .cont {margin: 0rem auto 0; position: relative; width: 90rem; transform: translateY(20%); z-index: 3}
.system_sect .cont .cir_wrap {padding-top: 100%; transition: transform 0.5s linear;}

.system_sect .cont .cir_wrap .cir_line {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.system_sect .cont .cir_wrap .cir_bg { position: absolute; left: 50%; top: 50%; width: 85%; height: 85%; transform: translate(-50%,-50%) ;background: radial-gradient(circle,rgba(203, 213, 232, 1) 10%, rgba(255, 255, 255, 1) 100%); border-radius: 50%;}
.system_sect .cont .cir_wrap .active_cir {position: absolute;right: 16%;bottom: 64%;background: radial-gradient(circle, rgba(33, 144, 245, 1) 0%, rgb(20 172 255) 100%);width: 2rem;height: 2rem;border-radius: 50%;box-shadow: 0 0 15px 5px rgb(6 174 255 / 41%);}

.system_sect .cont .light_txt {font-size: 11rem; font-weight: 700; color: #fff; position: absolute; left: 50%; bottom: 24%; transform: translateX(-50%);color: #fff;}
.system_sect .cont .light_txt::after {content: attr(data-text);position: absolute;top: 0; left: 0;width: 100%; height: 100%;color: transparent;text-shadow: 0 0 12px rgba(255,255,255,0.9);pointer-events: none;}
.system_sect .cont .light_txt span {transition:  0.3s ease-in-out;}
.system_sect .cont .light_txt .copy_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 1em; color: #fff; z-index: 2;}
.system_sect .cont .light_txt .copy_txt span {opacity: 0;  transition: opacity 0.3s ease-in-out}

.system_sect .cont.num1 .cir_wrap {transform: rotate(-170deg);}
.system_sect .cont.num1 .light_txt .copy_txt span.num1 {background: linear-gradient(61deg, #5A95FF -2.56%, #1D6EFF 45.81%, #5A95FF 94.18%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0 10px rgba(33,150,243,0.8),0 0 3px rgba(33,150,243,0.6); opacity: 1;;}
.system_sect .cont.num2 .cir_wrap {transform: rotate(-135deg);}
.system_sect .cont.num2 .light_txt .copy_txt span.num2 {background: linear-gradient(61deg, #5A95FF -2.56%, #1D6EFF 45.81%, #5A95FF 94.18%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0 10px rgba(33,150,243,0.8),0 0 3px rgba(33,150,243,0.6); opacity: 1;;}
.system_sect .cont.num3 .cir_wrap {transform: rotate(-100deg);}
.system_sect .cont.num3 .light_txt .copy_txt span.num3 {background: linear-gradient(61deg, #5A95FF -2.56%, #1D6EFF 45.81%, #5A95FF 94.18%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0 10px rgba(33,150,243,0.8),0 0 3px rgba(33,150,243,0.6); opacity: 1;;}
.system_sect .cont.num4 .cir_wrap {transform: rotate(-35deg);}
.system_sect .cont.num4 .light_txt .copy_txt span.num4 {background: linear-gradient(61deg, #5A95FF -2.56%, #1D6EFF 45.81%, #5A95FF 94.18%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0 10px rgba(33,150,243,0.8),0 0 3px rgba(33,150,243,0.6); opacity: 1;;}
.system_sect .cont.num5 .cir_wrap {transform: rotate(0deg);}
.system_sect .cont.num5 .light_txt .copy_txt span.num5 {background: linear-gradient(61deg, #5A95FF -2.56%, #1D6EFF 45.81%, #5A95FF 94.18%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0 10px rgba(33,150,243,0.8),0 0 3px rgba(33,150,243,0.6); opacity: 1;;}
.system_sect .cont.num6 .cir_wrap {transform: rotate(35deg);}
.system_sect .cont.num6 .light_txt .copy_txt span.num6 {background: linear-gradient(61deg, #5A95FF -2.56%, #1D6EFF 45.81%, #5A95FF 94.18%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0 10px rgba(33,150,243,0.8),0 0 3px rgba(33,150,243,0.6); opacity: 1;;}

.system_sect .cont .txt_wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.system_sect .cont .txt_wrap .txt_cont {position: absolute; cursor: pointer;;}
.system_sect .cont .txt_wrap .txt_cont .num_txt {color: rgba(0,0,0,0.2); font-weight: 700; font-size: var(--tit3); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: color 0.3s ease-in-out;}
.system_sect .cont .txt_wrap .txt_cont .num_txt .num {font-size: var(--txt1); width: 2.5em; height: 2.5em; background-color: #fff; color: rgba(0,0,0,0.2); font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: color 0.3s ease-in-out , background-color 0.3s ease-in-out;}

.system_sect .cont .spe_box {position: absolute; bottom:-20%; width: 20em; opacity: 0; pointer-events: none; transition: 0.3s ease-in-out;}
.system_sect .cont .spe_box .img {position: relative; width: 100%; padding-top: 56%; border-radius: 2rem 2rem 0 0; overflow: hidden;}
.system_sect .cont .spe_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.system_sect .cont .spe_box .txt_box {position: relative; padding: 2rem 3rem 4rem; background-color: #fff; border-radius: 0 0 2rem 2rem; }
.system_sect .cont .spe_box .txt_box .tit_box {display: flex; align-items: center;}
.system_sect .cont .spe_box .txt_box .tit_box .tit {font-size: var(--tit5); font-weight: 700;}
.system_sect .cont .spe_box .txt_box .tit_box .en {font-size: var(--txt1); font-weight: 600; color: #ADAFB5; margin-left: 1rem;}
.system_sect .cont .spe_box .txt_box .tit_box .en span {color: #0E4FC3;}
.system_sect .cont .spe_box .txt_box .txt {margin-top: 1rem;}

.system_sect .cont .txt_wrap .txt_cont.left .spe_box {left: 0; transform: translate(-100%,0%);}
.system_sect .cont .txt_wrap .txt_cont.right .spe_box {right: 0; transform: translate(100%,0%);}
.system_sect .cont .txt_wrap .txt_cont .spe_box::before {content:none; position: absolute; bottom: 0.5rem; transform: rotate(180deg) translateY(-90%) ;width: 3rem; height: 3rem; font-size: var(--txt1);background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23fff"><path d="M355.2 85C348.2 72.1 334.7 64 320 64C305.3 64 291.8 72.1 284.8 85L68.8 485C62.1 497.4 62.4 512.4 69.6 524.5C76.8 536.6 89.9 544 104 544L536 544C550.1 544 563.1 536.6 570.4 524.5C577.7 512.4 577.9 497.4 571.2 485L355.2 85z"/></svg>') no-repeat center / contain}
.system_sect .cont .txt_wrap .txt_cont.left .spe_box::before {right:1.2em;}
.system_sect .cont .txt_wrap .txt_cont.right .spe_box::before {left:1.2em;}

.system_sect .cont .spe_box_wrap{display: none;}

.system_sect .cont .txt_wrap .txt_cont.active {z-index: 5;}
.system_sect .cont .txt_wrap .txt_cont.active .spe_box {opacity: 1; pointer-events: visible; }
.system_sect .cont .txt_wrap .txt_cont.active.left .spe_box {left: -4rem;}
.system_sect .cont .txt_wrap .txt_cont.active.right .spe_box {right:-4rem;}
.system_sect .cont .txt_wrap .txt_cont.active .num_txt {color: #000;}
.system_sect .cont .txt_wrap .txt_cont.active .num_txt .num {color: #fff; background-color: #367FFC;}

.system_sect .cont .txt_wrap .txt_cont.num1 { left: -15% ;bottom: 35%;}
.system_sect .cont .txt_wrap .txt_cont.num2 { left: -11% ;top: 17%;}
.system_sect .cont .txt_wrap .txt_cont.num3 { left: 15% ;top: -7%;}

.system_sect .cont .txt_wrap .txt_cont.num6 { right: -15% ;bottom: 35%;}
.system_sect .cont .txt_wrap .txt_cont.num5 { right: -11% ;top: 17%;}
.system_sect .cont .txt_wrap .txt_cont.num4 { right: 15% ;top: -7%;}

/* system dark ver */
.system_sect .cont.dark .cir_wrap .cir_bg{background: radial-gradient(65.5% 65.5% at 50% 50%, #335694 0%, #51678F 100%);}
.system_sect .cont.dark .light_txt{background: linear-gradient(89deg, #A7C8EF 1.39%, #A7C8EF 128.34%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.system_sect .cont.dark .cir_wrap .active_cir{background: radial-gradient(203.82% 203.82% at 50% 50%, #FFC300 0%, #FFDC67 100%); box-shadow: 0 0 20px #FFE32B;}
.system_sect .cont.dark .light_txt .copy_txt span.num1,
.system_sect .cont.dark .light_txt .copy_txt span.num2,
.system_sect .cont.dark .light_txt .copy_txt span.num3,
.system_sect .cont.dark .light_txt .copy_txt span.num4,
.system_sect .cont.dark .light_txt .copy_txt span.num5,
.system_sect .cont.dark .light_txt .copy_txt span.num6{background: linear-gradient(60deg, #FFDC67 6.45%, #FFC300 53.73%, #FFDC67 112.42%); background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:none;}
.system_sect .cont.dark .txt_wrap .txt_cont .num_txt .num{background-color:#697DA2; }
.system_sect .cont.dark .txt_wrap .txt_cont .num_txt{color: #697DA2;}



/* 서브 추가 */
.system_sect { background-color: var(--blue);}
.system_sect .bg { background: linear-gradient(180deg, #0A2961 0%, #030F23 100%); top:inherit; bottom:0; height: 100vh; }
.system_sect .sub_tit_box .tit2 { text-align: center; ;}
.system_sect .sub_tit_box .tit2 span { background: linear-gradient(to right, #FFCD2A 50%, rgba(255,255,255,0.3) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}
/*.system_sect .circles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding:30rem 3rem; }*/
.system_sect .circles {position: relative; display: flex; padding:30rem 3rem; }
.system_sect .circles .item { position:relative; padding-top: calc(100%/3 + 4rem); width:calc(100%/3 + 4rem); background:rgba(243, 185, 0, 0);  border-radius:100%; border:1px solid #F3B900; opacity:1; } /*transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);*/
.system_sect .circles .item dl {position:absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; color:var(--yellow); font-weight:700;}
.system_sect .circles .item dl dt { font-size:var(--txt1); display:flex; align-items:center; gap:0.8rem; }
.system_sect .circles .item dl dt:before { content:''; width:4px; height:4px; border-radius:100%; background:var(--yellow); }
.system_sect .circles .item dl dt:after { content:''; width:4px; height:4px; border-radius:100%; background:var(--yellow); }
.system_sect .circles .item dl dd { font-size:6rem; }
.system_sect .circles .item:nth-child(2){margin: 0 -6rem;}
/*.system_sect .circles .item:nth-child(1) {transform: translateX(calc(100% + 6rem)) }*/
/*.system_sect .circles .item:nth-child(3) {transform: translateX(calc(-100% + 6rem)) }*/
/*.system_sect .circles.active .item { transform: unset; opacity:1; }*/
.system_sect .circles .last_item{position: absolute; color:#fff; font-size:5rem; font-weight:700; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;}

.system_sect .main_tit_box { color:#fff; }
.system_sect .main_tit_box .tit { font-size:var(--subH0);  margin-bottom: 8rem; font-weight:700;  line-height: 1.5;}
.system_sect .main_tit_box .txt { font-size:var(--txt1); margin-bottom: 3rem; font-weight:700}
.system_sect .main_tit_box .txt2 { font-size:var(--txt2); }
.system_sect .cont .txt_wrap .txt_cont .num_txt .num { color:#000; }
.system_sect .cont .txt_wrap .txt_cont .num_txt { color:#fff; }
.system_sect .cont .txt_wrap .txt_cont.active .num_txt {color:var(--yellow);}
.system_sect .cont .txt_wrap .txt_cont.active .num_txt .num { background: var(--yellow);}

.okclinic_sect { padding:var(--sectPd3) 0;  overflow: hidden;}
.okslider { padding-left: max(calc((100% - var(--in2)) / 2 + var(--inPd)), var(--inPd)); transform: translateX(var(--aniY)); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s; opacity:0;}
.okslider .swiper-slide a { display: block; position: relative;;border-radius:var(--radius3);overflow: hidden;  position: relative; }
/*.okslider .swiper-slide a .txt { position: absolute; left: 0; top:0; right:0; bottom:0; background: rgba(51,70,106,0.4); display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:var(--tit4); font-weight:700; color:#fff;  transition: all 0.5s ease;}*/
.okslider .swiper-slide a .txt { position: absolute; left: 0; top:0; right:0; bottom:0; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:var(--tit4); font-weight:700; color:#fff;  transition: all 0.5s ease;}
.okslider .swiper-slide a .txt p { margin-bottom: 2rem; position: relative; z-index: 2;}
.okslider .swiper-slide a .txt i { position: relative; z-index: 2}
.okslider .swiper-slide a  svg { width:1.1em; height: auto;}
/*.okslider .swiper-slide a .txt:before {content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background-color: #0A2961; mix-blend-mode: plus-darker; opacity: 0.4; transition: all 0.5s ease;}*/
.okslider .swiper-slide a .txt:after {content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background-color: rgba(0,0,0,0.3); backdrop-filter: blur(10px);opacity:0; transition: all 0.5s ease;}
.okslider.active { transform: unset; opacity: 1; }

.okclinic_sect .paging {position: relative; width:18rem; height: 0.6rem;  margin: 5rem auto 0; background-color: #E9EBF0; border-radius: 5em; overflow: hidden;}
.okclinic_sect .paging .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 5em; overflow: hidden;}


.oknone { height: 400vh; display: flex; position: relative; align-items: flex-start;}
.oknone .img_box { width: 50%; }/*flex:1 0 50%; */
.oknone .img_box.mo_show{display: none;}
/*.oknone .img_box li { height: 125vh; position: relative; overflow: hidden;}*/
/* 효과 수정 */
.oknone .img_box{position: relative; min-height: 100vh; position: sticky; top: 0;}
.oknone .img_box ul{width: 100%; height: 100vh;}
.oknone .img_box li{width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
/*.oknone .img_box li:first-child{ clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}*/
/*.oknone .img_box li:not(:first-child){clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);}*/
.oknone .img_box li p { position: absolute; left: 0; top:0; width:100%; height: 100%;;}
.oknone .img_box li p img { width:100%; height: 100%; object-fit: cover;}

.oknone .txt_wrap { width: 50%; display: flex; justify-content: center; align-items: center; min-height: 100vh; position: sticky; top:0;  }
.oknone .txt_wrap .txt_box { max-width:80%; width:100%; }
.oknone .txt_wrap .txt_box .num { display: flex; margin-bottom: 10rem;}
.oknone .txt_wrap .txt_box .num p { width:3em; height: 3em; border-radius:100%; border:1px solid var(--blue); font-size:var(--txt3); font-weight:700; color:var(--blue); display: flex; justify-content: center; align-items: center; margin-right:1.5rem; }
.oknone .txt_wrap .txt_box .num p.active { background-color: var(--blue); color:#fff;}
.oknone .txt_wrap .txt_box ul { position: relative; height: 100vh;}
.oknone .txt_wrap .txt_box ul .txts .t1 { font-size:var(--subH0); font-weight:700; color:#000; line-height: 1.5; }
.oknone .txt_wrap .txt_box ul .txts .t2 { font-size:var(--txt1); margin:3rem 0 5rem; line-height: 1.5; font-weight:500; }
.oknone .txt_wrap .txt_box ul .txts .icos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:2rem;}
.oknone .txt_wrap .txt_box ul .txts .icos div { background-color: #f6f6f6; border-radius:1rem; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:var(--txt2); color:#000;  aspect-ratio: 1/1;}
.oknone .txt_wrap .txt_box ul .txts .icos div img { width:2.2em; height: auto;}
.oknone .txt_wrap .txt_box ul .txts .icos div p { margin-top:2rem;}

.oknone .txt_wrap .txt_box ul {position: relative; height: 50vh; }
.oknone .txt_wrap .txt_box ul > li {position: absolute;  inset: 0; opacity: 0; transform: translateY(20px); will-change: transform, opacity; transition: all 0.5s ease;}
.oknone .txt_wrap .txt_box ul > li.active {  opacity: 1; transform: translateY(0);}


.promise_sect { padding:var(--sectPd3) 0; }
.promise_sect .sub_tit_box { text-align: center;}
.promise_sect .cont { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; align-items: center;  z-index: 10;  max-width:max(1000px, 120rem); margin:0 auto;}
.promise_sect .cont .img_box { position: relative; width: 100%; padding-top: 117%; border-radius: var(--radius3); overflow: hidden; grid-row: 1 / 3; filter: blur(10px);  opacity: 0; transform: translateY(100px); transition-property: opacity , transform , filter; transition-duration: 1s; transition-timing-function: ease-in-out;}
.promise_sect .cont .img_box:nth-child(1) { grid-row: 1 / 3; }
.promise_sect .cont .img_box:nth-child(2) { grid-row: 2 / 4; }
.promise_sect .cont .img_box:nth-child(3) { grid-row: 3 / 5; }
.promise_sect .cont .img_box:nth-child(4) { grid-row: 4 / 6; }
.promise_sect .cont .img_box:nth-child(5) { grid-row: 5 / 7; }
.promise_sect .cont .img_box:nth-child(6) { grid-row: 6 / 8; }
.promise_sect .cont .img_box .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 80%; background: linear-gradient(to bottom, rgba(9,27, 60, 0) 1%, rgba(14,25, 46, 0.5) 100%); z-index: 10; }
.promise_sect .cont .img_box .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.promise_sect .cont .img_box .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.promise_sect .cont .img_box .txt_box { position: absolute; left: 0; bottom: 0; width: 100%; padding: 6rem; z-index: 15; color: #fff; }
.promise_sect .cont .img_box .txt_box .tit { font-size: var(--tit4); font-weight: 700; line-height: 1.5; margin-bottom: 2rem; }
.promise_sect .cont .img_box .txt_box .txt { font-size:var(--txt3); font-weight:500;line-height: 1.5 }
.promise_sect .cont .img_box.active {filter: blur(0); opacity: 1; transform: unset;}

/* 공통_자가테스트 */
.self_sect{ position: relative; margin:var(--inPd); }
.self_sect .self_box{ display: flex; align-items: center; justify-content: center;  color:#fff; margin: 0 auto; z-index: 2 ; height: 50rem; background: url(../img/sub/banner_selftest.jpg) no-repeat 50% 50%; background-size: cover; border-radius:var(--radius4); }
.self_sect .self_box .sub_tit_box { margin-bottom: 4rem;}
.self_sect .self_box .sub_tit_box .desc { font-family: 'Noto Serif KR'; font-size:var(--tit3); }
.self_sect .self_box .sub_tit_box .tit2 { font-size: 4.5rem; line-height: 1.5; font-weight: 600; margin:3rem 0;color:#fff;  }
.self_sect .self_box .round_btn{opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s;}
.self_sect .self_box .round_btn .btn { background-color: rgba(255,255,255,0.15); color:#fff; border:0;;}
.self_sect .self_box .active + .round_btn{opacity: 1; transform: translateY(0);}

/* 오케이 체인지 클럽 */
.sub_ok-change-club .sub_visual { background: none;}

/* 추가 */
.visual_top .motion_box .test_result{border:none; background-color: unset;}
.visual_top .motion_box .test_result .img p { transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out;}
/*.visual_top .motion_box .test_result .img p.active{}*/
.okclub_page .test_result .img p{opacity:0; transform: translateX(-200px);}
.okclub_page .test_result .img p:nth-child(1) { margin-left: -75rem; z-index: 2;}
.okclub_page .test_result .img p:nth-child(2) { margin-left: -50rem; z-index: 3;}
.okclub_page .test_result .img p:nth-child(3) { margin-left: -25rem; z-index: 4;}
.okclub_page .test_result .img p:nth-child(4) { margin-left: 0; z-index: 5;}

.okclub_page .system_sect .sub_tit_box .tit2 span { background: linear-gradient(to right, #1554C7 50%, #0A2961 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}
.okclub_page .system_sect { background-color: #F3F6FC}
.okclub_page .system_sect .bg { background: linear-gradient(180deg, #F3F6FC 0%, #D0D7E5 100%); top:inherit; bottom:0; height: 100vh; }
.okclub_page .system_sect .circles .item  { border-color:#1D6EFF}
.okclub_page .system_sect .circles .item dl { color:#0A2961; }
.okclub_page .system_sect .circles .item dl dt:before,
.okclub_page .system_sect .circles .item dl dt:after { background-color: #0A2961;}
.okclub_page .system_sect .main_tit_box { color:#000; }
.okclub_page .system_sect .cont .txt_wrap .txt_cont .num_txt { color:rgba(0,0,0,0.2); }
.okclub_page .system_sect .cont .txt_wrap .txt_cont.active .num_txt { color:#000; }
.okclub_page .system_sect .cont .txt_wrap .txt_cont.active .num_txt .num { background-color: #367FFC;}

.okprogram_sect { padding:var(--sectPd3) 0; }
.okprogram_sect .sub_tit_box { text-align: center;}
.okprogram_sect .slider { position: relative;}
.okprogram_sect .slider .swiper-slide { width:65vw; padding:0 6vw; width:160rem; padding:0 20rem;}
.okprogram_sect .slider .swiper-slide a { display:block; overflow:hidden; border-radius: var(--radius4);  position: relative;}
.okprogram_sect .slider .swiper-slide a .txt_box { position: absolute; left: 10rem; bottom:10rem; color:#fff; }
.okprogram_sect .slider .swiper-slide a .txt_box .type { display: inline-block; vertical-align: middle; padding:0 1em; line-height: 2em; border-radius:2em; background-color: var(--blue); color:#fff; font-size:var(--txt3); margin-right:2rem; }
.okprogram_sect .slider .swiper-slide a .txt_box .tit { font-size:var(--tit4); font-weight:700; color:#fff; margin:2rem 0; }
.okprogram_sect .slider .swiper-slide a .txt_box .txt { font-size:var(--txt2); line-height: 1.5; font-weight:500}
.okprogram_sect .slider .in { position: absolute;  left:50%; transform: translateX(-50%); top:0; bottom:0; z-index:10;}
.okprogram_sect .slider .swiper-button-prev,
.okprogram_sect .slider .swiper-button-next { width:7rem; height: 7rem; border-radius:100%; border:1px solid #000; display: flex; align-items: center; justify-content: center; background-color: transparent; transition: all 0.5s ease;}
.okprogram_sect .slider .swiper-button-next svg,
.okprogram_sect .slider .swiper-button-prev svg { width:0.9em; height: auto; }
.okprogram_sect .slider .swiper-button-next path,
.okprogram_sect .slider .swiper-button-prev path { transition: all 0.5s ease;}
.okprogram_sect .slider .swiper-button-prev { position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.okprogram_sect .slider .swiper-button-next { position: absolute; left:initial; right: 0; top:50%; transform:scaleX(-1) translateY(-50%); }

.okprogram_sect .paging {position: relative; width:18rem; height: 0.6rem;  margin: 5rem auto 0; background-color: #E9EBF0; border-radius: 5em; overflow: hidden;}
.okprogram_sect .paging .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 5em; overflow: hidden;}

.seniar_sect { height:100vh; background: url(../img/sub/img_seniar_club.jpg) no-repeat 50% 50%; background-size: cover;}
.seniar_sect .img { position: absolute; left: 0; top:0; right:0; bottom:0; ;}
.seniar_sect .img img { width:100%; height: 100%; object-fit: cover;}
.seniar_sect .cont { height: 100%; position: relative;}
.seniar_sect .txt_box { width:50%; height: 100%; display: flex; align-items: center; justify-content: center;  color:#000; position: relative;}
.seniar_sect .txt_box .box { width:100%; max-width:64rem; }
.seniar_sect .txt_box .box .tit { font-size:var(--subH0); font-weight:700; line-height: 1.5; margin-bottom: 8rem;}
.seniar_sect .txt_box .box .txt p { font-size:var(--txt2); line-height: 1.5; ;}
.seniar_sect .txt_box .box .txt p + p { margin-top:3rem; }
.seniar_sect .txt_box .box .txt p strong { font-size:var(--txt1); font-weight:700; }
.seniar_sect .over { position: absolute; left: 0; top:0; bottom:0; width:50%; background-color: var(--blue);clip-path: inset(0 100% 0 0);   transition: all 2s cubic-bezier(0.83, 0, 0.17, 1);}
.seniar_sect .over .txt_box { width:100%; color:#fff; }
.seniar_sect.active .over { opacity:1;clip-path: inset(0 0 0 0); }

.qnaclub_sect { padding:var(--sectPd3) 0; }
.qnaclub_sect .sub_tit_box { text-align: center;}
.qnaclub_sect .qna_slide { }
.qnaclub_sect .qna_slide .swiper-container { padding:5rem 0;}
.qnaclub_sect .qna_slide .swiper-container .swiper-slide { height: auto; transform-origin: center bottom;}
.qnaclub_sect .qna_slide .swiper-container .swiper-slide:nth-child(even) .item { background-color: #FFF8E2; }
.qnaclub_sect .qna_slide .swiper-container .item { height: 100%; border-radius:var(--radius3); overflow: hidden; background-color: #E1F3F3;}
.qnaclub_sect .qna_slide .swiper-container .item img { width:100%; }
.qnaclub_sect .qna_slide .swiper-container .item .qa { padding: 4rem 4rem 9rem; }
.qnaclub_sect .qna_slide .swiper-container .item .qa .q { display: flex;  font-size:var(--txt0); font-weight:700; line-height: 1.5; margin-bottom: 2rem;}
.qnaclub_sect .qna_slide .swiper-container .item .qa .q strong { flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-right:1.5rem; width:2.4em; height: 2.4em; border-radius:100%; background: var(--blue); color:#fff; font-size:var(--txt1); margin-top:1rem;}
.qnaclub_sect .qna_slide .swiper-container .item .qa .a { font-size:var(--txt3); line-height: 1.5; ;}
.qnaclub_sect .paging {position: relative; width:18rem; height: 0.6rem;  margin: 5rem auto 0; margin-top:0; background-color: #E9EBF0; border-radius: 5em; overflow: hidden;}
.qnaclub_sect .paging .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 5em; overflow: hidden;}
.qnaclub_sect .qna_slide .swiper-slide-prev { transform:translate(100%, -1rem) rotate(7deg); transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1);}
.qnaclub_sect .qna_slide .swiper-slide-next { transform:translate(-100%, 1rem) rotate(-7deg);transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1);}
.qnaclub_sect .qna_slide .swiper-slide-active { position: relative; z-index:2;}
.qnaclub_sect .qna_slide.active .swiper-slide { transform: unset !important;}
.okclub_page .marqee_sect { margin:0; }


/***************************************************************************************************
    오케이 클리닉
***************************************************************************************************/
.sub_tit_box.active + .h4 { transform: unset; opacity: 1;}
.h4 { font-size:var(--tit4); font-weight:700; color:#000; margin-bottom: 3rem; transform: translateY(var(--aniY)); opacity: 0; transition: all 1s ease;}
.clinic_page .top_desc { text-align: center; padding: 0 var(--inPd);}
.clinic_page .img_pallax { background-image: url(../img/sub/img_parallax_neckclinic.jpg);  border-radius:0; margin-left:0;margin-right:0;}
.clinic_page.backclinic .img_pallax { background-image: url(../img/sub/img_parallax_backclinic.jpg);}
.clinic_page.shoulderclinic .img_pallax { background-image: url(../img/sub/img_parallax_shoulderclinic.jpg);}
.clinic_page.kneeclinic .img_pallax { background-image: url(../img/sub/img_parallax_kneeclinic.jpg);}
.clinic_page.handfootclinic .img_pallax { background-image: url(../img/sub/img_parallax_handfootclinic.jpg);}
.clinic_page.rehab1_1 .img_pallax { background-image: url(../img/sub/img_parallax_rehab1.jpg);}
.clinic_page.rehab1_2 .img_pallax { background-image: url(../img/sub/img_parallax_rehab2.jpg);}
.clinic_page.rehab1_3 .img_pallax { background-image: url(../img/sub/img_parallax_rehab3.jpg);}
.clinic_page .marqee_sect { margin:0 0 5rem; }
.symptom_sect { padding:var(--sectPd3) 0; }
.symptom_sect .list { margin-bottom: 10rem;}
.symptom_sect .list ul { display:grid;grid-template-columns: repeat(4, minmax(0, 1fr)); gap:4rem; }
.symptom_sect .list ul li { border-radius:var(--radius2); background-color: #F5F6F7; overflow: hidden; }
.symptom_sect .list ul li p { text-align: center; padding:2rem; font-size:var(--tit5); font-weight:600; color:#000;}
.symptom_sect .cause { display: flex; justify-content: space-between;}
.symptom_sect .cause .h4{white-space: nowrap; margin-right: 3rem;}
.symptom_sect .cause .clist { width:92rem; }
.symptom_sect .cause .clist ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem; }
.symptom_sect .cause .clist ul li { display: flex; align-items: center; padding: 3rem 4rem; border-radius:1.5rem; background-color: #F5F6F7; font-size:var(--txt1); font-weight:700;  }
.symptom_sect .cause .clist ul li svg { }
.symptom_sect .cause .clist ul li:before { content: ''; width:1em; height: 1em; margin-right:1rem; background: url("data:image/svg+xml;utf8,<svg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.7769 20.5C7.18311 20.5 3.90186 18.625 2.10498 15.5C0.308105 12.4141 0.308105 8.625 2.10498 5.5C3.90186 2.41406 7.18311 0.5 10.7769 0.5C14.3315 0.5 17.6128 2.41406 19.4097 5.5C21.2065 8.625 21.2065 12.4141 19.4097 15.5C17.6128 18.625 14.3315 20.5 10.7769 20.5ZM15.1909 8.66406H15.1519C15.5425 8.3125 15.5425 7.72656 15.1519 7.33594C14.8003 6.98438 14.2144 6.98438 13.8628 7.33594L9.52686 11.7109L7.69092 9.875C7.30029 9.48438 6.71436 9.48438 6.36279 9.875C5.97217 10.2266 5.97217 10.8125 6.36279 11.1641L8.86279 13.6641C9.21436 14.0547 9.80029 14.0547 10.1909 13.6641L15.1909 8.66406Z' fill='%23F3B900'/></svg>")  no-repeat center / contain; }
.rehabclinic .symptom_sect .cause ul { display: block;  }
.rehabclinic .symptom_sect .cause ul li + li { margin-top:2rem;}
.symptom_sect .target { padding:var(--sectPd) 0; }
.symptom_sect .target .h4,
.symptom_sect .target .target_list { transform: translateY(var(--aniY)); opacity: 0; transition: all 1s ease;}
.symptom_sect .target.active .h4,
.symptom_sect .target.active .target_list { transform: unset; opacity: 1;}
.symptom_sect .target .target_list ul { display: flex;}
.symptom_sect .target .target_list ul li { flex:1; }
.symptom_sect .target .target_list ul li + li{ margin-left: 4rem; }
.symptom_sect .target .target_list ul li .item { font-size:var(--tit5); font-weight:600; color:#000;  border-radius:1.5rem; background-color: #eff3fa; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;line-height: 1.5;}
.symptom_sect .target .target_list ul li .item i svg { width:1.7em; height: auto;}
.symptom_sect .target .target_list ul li .item p { margin-top:2rem; }
.symptom_sect .programs .h4,
.symptom_sect .programs ol  { transform: translateY(var(--aniY)); opacity: 0; transition: all 1s ease;}
.symptom_sect .programs.active .h4,
.symptom_sect .programs.active ol { transform: unset; opacity: 1;}
.symptom_sect .programs ol { border-top:1px solid rgba(0,0,0,0.2); }
.symptom_sect .programs ol li { padding: 4rem; border-bottom: 1px solid rgba(0,0,0,0.2); ;}
.symptom_sect .programs ol li .tit { display: flex; align-items: center; font-size:var(--tit5);  }
.symptom_sect .programs ol li .tit span { width:2.4em; height: 2.4em; border-radius:100%; background-color: var(--yellow); display: flex; align-items: center; justify-content: center; font-size:var(--txt3); font-weight:700; color:#fff; margin-right:2rem; flex-shrink: 0;}
.symptom_sect .programs ol li .txt { font-size:var(--txt2); margin-top:2rem; line-height: 1.5; ;}
.symptom_sect .course { padding-bottom: var(--sectPd);}
.symptom_sect .course .img { padding: 5rem 2rem; border-radius:var(--radius4); background-color: #eff3fa; text-align: center;}
.symptom_sect .course .img svg { max-width:100%; height: auto; }
.symptom_sect .course .h4,
.symptom_sect .course .img  { transform: translateY(var(--aniY)); opacity: 0; transition: all 1s ease;}
.symptom_sect .course.active .h4,
.symptom_sect .course.active .img { transform: unset; opacity: 1;}


.disease_sect { padding:var(--sectPd3) 0; background-color: #EDF1FA;}
.disease_sect .sub_tit_box { text-align: center;}
.disease_sect .sub_tit_box .tips2 { align-items: center;}
.disease_sect .pic_box { position: relative; }
.disease_sect .pic_box .h4 { position:absolute; left: 8rem; top:6rem; ;z-index:2;}
.disease_sect .pic_box.active .h4 { transform: unset; opacity: 1;}
.disease_sect .pic_box .area { position: relative; border-radius:var(--radius4); overflow: hidden;}
.disease_sect .pic_box .lb { position: absolute; cursor: pointer;}
.disease_sect .pic_box .lb p { width:1.2em; height: 1.2em; border-radius:100%; position: relative;}
.disease_sect .pic_box .lb p i { display: block; width:1.2em; height: 1.2em; border-radius:100%;position: relative; z-index:2;}
.disease_sect .pic_box .lb p i:before {content: ''; position: absolute; left: 5px; top:5px; right:5px; bottom:5px; background-color: #fff; border-radius:100%;;}
.disease_sect .pic_box .lb p svg { width:100%; height: 100%; position: relative; z-index:2;}
.disease_sect .pic_box .lb .line { position: absolute; left: -18rem; top:50%;  height:1px; width:18rem;  background:repeating-linear-gradient(to right, #1554C7 0, #1554C7 5px, transparent 5px, transparent 8px)}
.disease_sect .pic_box .lb .txt { position: absolute; left: -18rem; top:50%;transform: translate(-100%, -50%); display: flex; align-items: center;  padding: 0.2em 0.7em; border-radius:3em; background-color: #1554C7; font-size:var(--txt1); white-space: nowrap; font-size:max(1.8rem,16px); color:#fff; font-weight:700;;}
.disease_sect .pic_box .lb .txt:before { content: ''; margin-right:1rem; width:1em; height: 1em; flex-shrink: 0; background: url("data:image/svg+xml;utf8,<svg width='18' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 20.5C8.17708 20.474 6.51042 20.0312 5 19.1719C3.48958 18.2865 2.26562 17.0625 1.32812 15.5C0.442708 13.9115 0 12.2448 0 10.5C0 8.75521 0.442708 7.08854 1.32812 5.5C2.26562 3.9375 3.48958 2.71354 5 1.82812C6.51042 0.96875 8.17708 0.526042 10 0.5C11.8229 0.526042 13.4896 0.96875 15 1.82812C16.5104 2.71354 17.7344 3.9375 18.6719 5.5C19.5573 7.08854 20 8.75521 20 10.5C20 12.2448 19.5573 13.9115 18.6719 15.5C17.7344 17.0625 16.5104 18.2865 15 19.1719C13.4896 20.0312 11.8229 20.474 10 20.5ZM10 5.5C9.42708 5.55208 9.11458 5.86458 9.0625 6.4375V10.8125C9.11458 11.3854 9.42708 11.6979 10 11.75C10.5729 11.6979 10.8854 11.3854 10.9375 10.8125V6.4375C10.8854 5.86458 10.5729 5.55208 10 5.5ZM8.75 14.25C8.75 14.6146 8.86719 14.9141 9.10156 15.1484C9.33594 15.3828 9.63542 15.5 10 15.5C10.3646 15.5 10.6641 15.3828 10.8984 15.1484C11.1328 14.9141 11.25 14.6146 11.25 14.25C11.25 13.8854 11.1328 13.5859 10.8984 13.3516C10.6641 13.1172 10.3646 13 10 13C9.63542 13 9.33594 13.1172 9.10156 13.3516C8.86719 13.5859 8.75 13.8854 8.75 14.25Z' fill='white'/></svg>") no-repeat 0 0 / 100% 100%; }
.disease_sect .pic_box .lb.right .line { left: initial; right:-18rem;}
.disease_sect .pic_box .lb.right .txt { left: initial; right:-18rem; transform: translate(100%, -50%); white-space: nowrap;}
.disease_sect .pic_box .lb.lbneck1 { left: 38%; top:48%;}
.disease_sect .pic_box .lb.lbneck2 { left: 61%; top:48%;}
.disease_sect .pic_box .lb.lbback1 { left: 49%; top:78%;}
.disease_sect .pic_box .lb.lbback2 { left: 49%; top:60%;}
.disease_sect .pic_box .lb.lbback3 { left: 49%; top:51%;}
.disease_sect .pic_box .lb.lbback4 { left: 49%; top:69%;}
.disease_sect .pic_box .lb.lbshoulder1 { left: 43%; top:44%;}
.disease_sect .pic_box .lb.lbshoulder2 { left: 58%; top:46%;}
.disease_sect .pic_box .lb.lbshoulder3 { left: 60%; top:55%;}
.disease_sect .pic_box .lb.lbshoulder3 .txt { right:-11rem; }
.disease_sect .pic_box .lb.lbknee1 { left: 42%; top:42%;}
.disease_sect .pic_box .lb.lbknee2 { left: 42%; top:52%;}
.disease_sect .pic_box .lb.lbknee3 { left: 56%; top:47%;}
.disease_sect .pic_box .lb.lbhandfoot1 { left: 32%; top:54%;}
.disease_sect .pic_box .lb.lbhandfoot2 { left: 28%; top:65%;}
.disease_sect .pic_box .lb.lbhandfoot2 .txt { left: -9rem;}
.disease_sect .pic_box .lb.lbhandfoot3 { left: 68%; top:36%;}
.disease_sect .pic_box .lb.lbhandfoot4 { left: 65%; top:78%;}
.disease_sect .pic_box .lb p span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color: #1554C7; border-radius: 100%; }
.disease_sect .pic_box .lb p span:nth-of-type(1) { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
.disease_sect .pic_box .lb p span:nth-of-type(2) { transform: translate(-50%, -50%) scale(1.5); opacity: 0.4; }
.disease_sect .pic_box .lb span { animation: waves 2.5s ease-in-out infinite; }
.disease_sect .pic_box .lb span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.disease_sect .pic_box .lb span:nth-of-type(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
@keyframes waves {
    0% { transform: translate(-50%,-50%) scale(1.2, 1.2); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: translate(-50%,-50%) scale(2.3, 2.3); opacity: 0; }
}


.symptom_sect .list ul li { transition: all 1s ease; transform: translateY(var(--aniY)); opacity:0;  }
.symptom_sect .list ul li:nth-child(1) { transition-delay: 0.1s; }
.symptom_sect .list ul li:nth-child(2) { transition-delay: 0.2s; }
.symptom_sect .list ul li:nth-child(3) { transition-delay: 0.3s; }
.symptom_sect .list ul li:nth-child(4) { transition-delay: 0.4s; }
.symptom_sect .list.active ul li { transform: unset; opacity:1;}
.symptom_sect .cause .h4  { transition: all 1s ease; transform: translateY(var(--aniY)); opacity:0;  }
.symptom_sect .cause .clist { transition: all 1s ease 0.3s; transform: translateY(var(--aniY)); opacity:0;  }
.symptom_sect .cause.active .h4,
.symptom_sect .cause.active .clist { transform: unset; opacity:1}
.disease_sect .pic_box {  transition: all 1s ease 0.3s; transform: translateY(var(--aniY)); opacity:0;   }
.disease_sect .pic_box.active { transform: unset; opacity:1; }

.faq_sect { padding-bottom: var(--sectPd3);}
.faq_list2 { border-top: 1px solid rgba(0,0,0,0.2); transform: translateY(var(--aniY)); opacity: 0; transition: all 1s ease;}
.faq_list2.active { transform: unset; opacity: 1;}
.faq_list2 .item{overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.2); transition: border-color 0.4s;}
.faq_list2 .item.active{border-color: transparent;}
.faq_list2 .q{display: flex; align-items: center; position: relative; padding: 0 8rem 0 4rem; height: 11rem; font-size: var(--txt1); font-weight: 700; cursor: pointer;}
.faq_list2 .q span { width:2em; height: 2em; border-radius:100%; background-color: var(--blue); display: flex; flex-shrink: 0; align-items: center; justify-content: center; font-size:var(--txt4); color:#fff; font-weight:700; margin-right:1.5rem}
.faq_list2 .q::before{content: ''; position: absolute; top:calc(50% - 1.25rem); right: 4rem; width: 2.5rem; height: 2.5rem; background: url("data:image/svg+xml;utf8,<svg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.27685 11.2715L8.24365 10.2832L1.05615 3.0957L0.0678697 2.0625L2.08935 0.0410162L3.12256 1.0293L9.27685 7.22852L15.4312 1.0293L16.4644 0.0410187L18.4858 2.0625L17.4976 3.09571L10.3101 10.2832L9.27685 11.2715L10.3101 10.2832L9.27685 11.2715Z' fill='%23AAAAAA'/></svg>")               no-repeat center / contain; transition: transform 0.4s;}
.faq_list2 .item.active .q::before{transform: rotate(-180deg);}
.faq_list2 .q .cat{flex-shrink: 0; width: 20rem;  color: var(--blue); font-size: var(--txt4); text-align: center;}
/*.faq_list2 .q p{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.faq_list2 .q p{line-height: 1.4;}
.faq_list2 .a{display: none; padding: 4rem 8rem 4rem 9rem; background: #F5F6F7; border-radius: var(--radius2);}
.faq_list2 .a div{display: flex; align-items: baseline; }
.faq_list2 .a p{font-size: var(--txt3); }

.clinic_page .system_sect {background: linear-gradient(180deg, #F3F6FC 0%, #CFD7E5 100%); }
.clinic_page .system_sect .bg { display: none;}
.clinic_page .system_sect .main_tit_box { color:#000; }
.clinic_page .system_sect .main_tit_box .tit { margin-bottom: 3rem; ;}
.clinic_page .system_sect .main_tit_box .txt { font-size:var(--txt2); font-weight:400;}
.clinic_page .system_sect .cont .txt_wrap .txt_cont .num_txt { color:rgba(0,0,0,0.2); }
.clinic_page .system_sect .cont .txt_wrap .txt_cont.active .num_txt { color:#000; }
.clinic_page .system_sect .cont .txt_wrap .txt_cont .num_txt .num { color:rgba(0,0,0,0.2); }
.clinic_page .system_sect .cont .txt_wrap .txt_cont.active .num_txt .num { color:#000; }
.clinic_page .system_sect .cont .txt_wrap .txt_cont .num_txt .num { color:rgba(0,0,0,0.2); }
.clinic_page .system_sect .cont .txt_wrap .txt_cont.active .num_txt .num { color:#fff; background-color: #367FFC; }

.modal .modal_wrap .modal_cont.disease_modal { background: none; border-radius:var(--radius2); overflow: hidden;}
.modal_cont.disease_modal .head{display: flex; align-items: center; justify-content: space-between; padding: 2.4rem; background-color: var(--blue); border-radius:var(--radius2) var(--radius2) 0 0; overflow: hidden;}
.modal_cont.disease_modal .head h4{margin-right: 1.5em; font-size:var(--txt1); font-weight: 700; color:#fff; }
.modal_cont.disease_modal .head .close_btn {width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em;  transition: all 0.3s ease;}
.modal_cont.disease_modal .body{overflow-y: auto; max-height: 70rem; padding: 5rem; background-color: #fff; border-radius:0 0 var(--radius2) var(--radius2);  }
.modal_cont.disease_modal .body:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height: 10rem; background: linear-gradient(180deg,rgba(255,255,255,0) 0%, #fff 100%);}
.modal_cont.disease_modal .body::-webkit-scrollbar{width: 10px;}
.modal_cont.disease_modal .body::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #f6f6f6; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_cont.disease_modal .body::-webkit-scrollbar-track{background: #f6f6f6;}
.modal_cont.disease_modal .body::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont.disease_modal .body::-webkit-scrollbar-button:vertical:increment{height: 15px;}
.modal_cont.disease_modal .body .desc { font-size:var(--txt2); font-weight:500; line-height: 1.5; padding:3rem 0; margin-bottom: 3rem; border-bottom: 1px solid var(--lineColor);}
.modal_cont.disease_modal .body .tit { display: flex; align-items: center; margin-bottom: 1rem; font-size:var(--txt3); }
.modal_cont.disease_modal .body .tit span { width:1.5em; height: 1.5em; border-radius:100%; display: flex; align-items: center; justify-content: center; background-color: #000; font-size:0.6em; color:#fff;  margin-right:1rem;}
.modal_cont.disease_modal .body .txt { padding-bottom: 3rem;}
.modal_cont.disease_modal .body .txt p { font-size:var(--txt3); line-height: 1.5; color:#444; padding-left: 8px; text-indent: -8px;}

/* 비급여안내 추가 */
.noncover_page .tbl_sect .com_tag{transition-delay: 0.35s; margin-top: 2rem;}
.noncover_page .tbl_sect .tbl_cont.service{margin-top: var(--contMt);}
.noncover_page .tbl_sect .tbl_cont + .tbl_cont {margin-top: var(--sectPd);}
.noncover_page .tbl_sect .tbl_cont .sub_cont_tit{margin-bottom: 3rem;}
.noncover_page .tbl_sect .tbl_wrap { overflow-x: auto; position: relative; padding: 0 var(--inPd); width: calc(100% + calc(var(--inPd) * 2)); margin-left: calc(-1 * var(--inPd));}
.noncover_page .tbl_sect .tbl_wrap table { width: 100%; min-width: 768px; border-radius: 1.6rem;  overflow: hidden; border: 1px solid var(--lineColor); border-collapse:inherit}
/*.noncover_page .tbl_sect .tbl_wrap table thead { border-bottom: 1px solid #000; }*/
.noncover_page .tbl_sect .tbl_wrap table tr th { padding: 0.8em; background: #F5F6F7; border-bottom: 1px solid var(--lineColor); border-right: 1px solid var(--lineColor); font-size: var(--txt3); font-weight: 700; word-break: keep-all; text-align: center; }
/*.noncover_page .tbl_sect .tbl_wrap table tr th:first-child { border-left: none; }*/
.noncover_page .tbl_sect .tbl_wrap table tr:first-child th:last-child { border-right: none; }
.noncover_page .tbl_sect .tbl_wrap table td { padding: 1em 0.5em; border-bottom: 1px solid var(--lineColor); border-right: 1px solid var(--lineColor); font-size: var(--txt3); word-break: keep-all; text-align: left;}
.noncover_page .tbl_sect .tbl_wrap table td.center { text-align: center; }
.noncover_page .tbl_sect .tbl_wrap table td:first-child { border-left: none; }
.noncover_page .tbl_sect .tbl_wrap table td:last-child { border-right: none; }
.noncover_page .tbl_sect .tbl_wrap table tr:last-child td{border-bottom: none;}
.noncover_page .tbl_sect .tbl_wrap table td.price { text-align: right; }
.noncover_page .tbl_sect .tbl_wrap::-webkit-scrollbar { width: 10px; height: 13px; display: none; }
.noncover_page .tbl_sect .tbl_wrap::-webkit-scrollbar-thumb { background: var(--bg); 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; }
.noncover_page .tbl_sect .tbl_wrap::-webkit-scrollbar-track { background: #fff; }



/* hover 스타일 */
@media (min-width: 1241px) {
    .sub_round_tab .tab:not(.active):hover{background: rgba(21,84,199,0.1);}

    .sub_tit_box .btn-desc a:hover { background-color: var(--blue); color:#fff;}
    .btn-type1:hover { background-color: var(--black);}
    .com_inquiry_sect .cont .form_box .submit:hover { background-color: var(--yellow);}
    .com_inquiry_sect .cont .com_inquiry_list a:hover i { background-color: var(--yellow);}
    .board_sect .com_inquiry_sect .cont .form_box .submit:hover { background-color: #000; ;}
    .board_sect .com_inquiry_sect .cont .com_inquiry_list a:hover i { background-color: var(--blue); ;}
    .board_sect .com_inquiry_sect .cont .com_inquiry_list a:hover i path { fill:#fff; }
    .board_list .list li a:hover { background-color: #F5F6F7; }
    .board_view_page .board_li_wrap .box_wrap .btn_wrap a:hover { background-color: var(--black); color:#fff;}
    .board_view_page .board_li_wrap .box:hover .tit { color:#000;}
    .board_view_page .board_li_wrap .box:hover .ico svg path { fill:#000; }
    .review_list ul li a:hover { background-color: #F5F6F7;}

    .media_list ul li a:hover .img img { transform: scale(1.1);}
    .qna_list .list li a:hover{background-color: #F5F6F7;}
    .reserv_write_page .write_form .form_list li .file_inp .file_btn:hover{background-color: #000; color:#fff;}
    .reserv_write_page .write_form .form_btn_box .btn:hover{background-color: var(--black);}
    .modal .modal_wrap .modal_cont.password .btn_wrap > *:hover{background-color: var(--black); color:#fff;}
    .copy_btn:hover .hover_msg{opacity: 1;}
    .directions_page .map_sect .btn_list .item a:hover { background-color: #000; color:#fff; ;}
    .review_sect .slide_cont .item:hover a { box-shadow: 0 0 15px 0px rgba(10, 41, 97, 0.20); transform: translateY(-4rem)}

    /*.okslider .swiper-slide a:hover .txt {  backdrop-filter:blur(10px); }*/
    .okslider .swiper-slide a:hover .txt:after { opacity:1; }

    .self_sect .self_box .round_btn .btn:hover { background-color: var(--blue); }
    .self_sect .self_box .round_btn .btn:hover:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') no-repeat center / contain;}

    .okprogram_sect .slider .swiper-button-next:hover,
    .okprogram_sect .slider .swiper-button-prev:hover { background-color: #000; }
    .okprogram_sect .slider .swiper-button-next:hover path,
    .okprogram_sect .slider .swiper-button-prev:hover path { fill:#fff; }

    .modal_cont.disease_modal .head .close_btn:hover,
    .modal_cont.hello_modal .head .close_btn:hover {transform: rotate(180deg);}

}