@charset "utf-8";
/* Common */
.sub .container {font-size: var(--txt); word-break: keep-all;}
.sub .in {width: var(--in);}
.sub .fix_form{display: none;}
.sub_pd {padding-bottom: var(--sectPd);}
.nice-select {font-size: var(--txt); border-radius: 0;}
.nice-select .list {min-width: calc(100% + 2px); border-radius: 0; left: -1px;}
/* Visual */
.sub_visual { position: relative; width: 100%; margin-bottom: var(--subVisPd); margin-top: var(--hdH); border-bottom:1px solid var(--lineColor);}
.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(--in); max-width: 100%; padding: 5rem var(--inPd) 0; margin: 0 auto; font-size: var(--txt); 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;}
.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;}
.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,') 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 1.2em;}
.sub_visual .lnb .sel_wrap .nice-select .list{margin-top: 1em;}
.sub_visual .tit_wrap{ width: 100%; padding: 7rem 0 14rem; text-align: center;}
.sub_visual .tit_wrap .tit { font-size: max(5.6rem, 56px); font-weight: 700;}
.sub_visual .tit_wrap .txt { margin-top: 0.5em; font-size: var(--txt2); color:var(--gray); font-weight: 500;}
/* Txt */
.sub_tit_box > *{opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.sub_tit_box.active > * {opacity: 1; transform: translateY(0);}
.sub_tit,
.sub_tit_box .tit{font-size:var(--tit); font-weight: 700; line-height: 1.5;}
.sub_tit_box .txt{font-size:var(--subTxt); font-weight: 500; margin-top: 4rem; transition-delay: 0.35s;}
.sub_tit{opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.sub_tit.active {opacity: 1; transform: translateY(0);}
.sub_cont_tit{ font-size: var(--smTit); font-weight: 600;}
.sub_cont_tit.ani{opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.sub_cont_tit.ani.active{opacity: 1; transform: translateY(0);}
.top_txt_box .fill_txt span { display: inline; color: rgba(0,0,0,.2); background: linear-gradient(90deg, black 0%, black 100%); background-clip: text;-webkit-background-clip: text; background-size: 0% 100%; background-repeat: no-repeat;transition: background-size 0.1s linear;}
.com_tag{font-size:var(--smTxt); max-width: max-content; background-color: var(--pink); border-radius: 0.8rem ; color: var(--brown); padding:0.7em 0.8em 0.6em; font-weight: 600; line-height: 1;}
.info_txt_box{margin-top: 2.4rem;}
.info_txt_box .txt{color:var(--gray); font-size:var(--smTxt);}
/* 클리닉 공통 */
.clinic_page {margin-top: calc( -1 * var(--subVisPd));}
.clinic_page .sub_tit_box .txt{font-size:var(--lgTxt);}
/* 클리닉 공통_인트로 */
.clinic_page .intro_sect {background: linear-gradient(180deg, #A76F58 0%, #797355 100%); padding: var(--sectPd) 0;}
.clinic_page .intro_sect .chat_cont .list{display: flex; flex-direction: column; align-items: center;}
.clinic_page .intro_sect .chat_cont .list .item{position: relative; display: flex; align-items: center; justify-content: center; font-size:var(--lgTxt ); background-color: #fff; border-radius: 100rem; padding:0.8em 1.2em 0.8em 0.8em; opacity: 0; transform: translateY(50px); transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}
.clinic_page .intro_sect .chat_cont .list .item:nth-child(1) {transition-delay: 0.5s;}
.clinic_page .intro_sect .chat_cont .list .item:nth-child(2) {transition-delay: 1s;}
.clinic_page .intro_sect .chat_cont .list .item:nth-child(3) {transition-delay: 1.5s;}
.clinic_page .intro_sect .chat_cont .list.active .item {opacity:1; transform: translateY(0);}
.clinic_page .intro_sect .chat_cont .list .item + .item{margin-top: 4rem;}
.clinic_page .intro_sect .chat_cont .list .item:before{content:''; position: absolute; width:1em; height:1em; bottom: -0.8em; left: 50%; transform: rotate(45deg) translateX(-50%); background-color: #fff; border-radius: 0 0 0.2em 0;}
.clinic_page .intro_sect .chat_cont .list .item .img_box{position: relative; width: 3.2em; height: 3.2em; border-radius: 50%; overflow: hidden; margin-right: 0.8em;}
.clinic_page .intro_sect .chat_cont .list .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.clinic_page .intro_sect .chat_cont .list .item .txt{color:#974A2A; font-weight: 600;}
/* 공통_어려움 */
.difficult_sect{padding: var(--sectPd) 0; background: linear-gradient(180deg, #A76F58 0%, #70673B 79.52%);}
.clinic_page .intro_sect .com_difficult_cont{margin-top: 13.2rem;}
.com_difficult_cont .sub_tit.fill_txt{text-align: center;}
.com_difficult_cont .sub_tit.fill_txt span {background: linear-gradient(to right, rgb(255,255,255) 50%, rgba(255,255,255,.3) 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text;}
.com_difficult_cont .cont{position: relative; margin-top: 12rem;}
.com_difficult_cont .cont .line{position: absolute; left: 50%; top: 0; height: 100%; width: 3px; --grad-opacity-mid: 0.5; --grad-opacity-end:1; background: linear-gradient(180deg, rgba(251, 193, 175, 0) 0%, rgba(251, 193, 175, var(--grad-opacity-mid)) 50%, rgba(251, 193, 175, var(--grad-opacity-end)) 100%);}
.com_difficult_cont .cont .line .dot { position: absolute; width: 2.5rem; bottom: -0.8em; left: 50%; transform: translateX(-50%); opacity: 0;}
.com_difficult_cont .cont .line .dot svg{display:block; width: 100%; }
.com_difficult_cont .cont .list{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4rem 0 8rem 0;}
.com_difficult_cont .cont .list .item{position: relative; width: calc(50% - 12rem); margin-top: 4rem; border-radius: var(--radius); overflow: hidden;}
.com_difficult_cont .cont .list .item:nth-child(1),
.com_difficult_cont .cont .list .item:nth-child(2){margin-top: 0;}
/*.com_difficult_cont .cont .list .item:nth-child(odd){margin-right: 12rem;}*/
.com_difficult_cont .cont .list .item:nth-child(even){top: 8rem;}
.com_difficult_cont .cont .list .item .txt_box{position: absolute; bottom: 0; left: 0; padding: 6.4rem; z-index: 2; color:#fff;}
.com_difficult_cont .cont .list .item .txt_box .tit{position: relative; font-size: var(--smTit); font-weight: 600; padding-left: 0.8em; line-height: 1.4;}
.com_difficult_cont .cont .list .item .txt_box .tit:before{content:''; position: absolute; left: 0; top: 0.6em; width: 0.3em; height: 0.3em; border-radius: 50%; background-color: #FBC1AF;}
.com_difficult_cont .cont .list .item .txt_box .txt{position: relative; font-size: var(--txt2); margin-top: 1.5rem;}
.com_difficult_cont .cont .list .item .bg_box{position: relative; padding-top: 100%; width: 100%; height: 100%; z-index: 1;}
.com_difficult_cont .cont .list .item .bg_box:after{content:''; position:absolute; left: 0; bottom: 0; height: 50%; width: 100%; background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 0%, #2D2D2D 100%);}
.com_difficult_cont .cont .list .item .bg_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* 클리닉 공통_그래프 */
.clinic_page .intro_sect .graph_cont_wrap .sub_tit_box{color:#fff;}
.clinic_page .intro_sect .graph_cont_wrap .sub_tit_box .subtit{font-size:var(--lgTxt); font-weight: 600; margin-top: 3.5rem;}
.clinic_page .intro_sect .graph_cont_wrap .sub_tit_box .txt{font-size: var(--subTxt); font-weight: 500; margin-top: 2rem;}
.clinic_page .intro_sect .graph_cont_wrap{margin-top: 13.2rem;}
.clinic_page .graph_box_wrap{display: flex; max-width: 100%; width:72rem;}
.clinic_page .graph_cont{position:relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8rem 3rem 9rem; margin-top: var(--contMt); background-color: var(--bg); border-radius: var(--radius);}
.clinic_page .graph_cont .top_txt_box {text-align: center; opacity: 0; transform: translateY(50px); transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;}
.clinic_page .graph_cont.active .top_txt_box {opacity:1; transform: translateY(0);}
.clinic_page .graph_cont .top_txt_box .txt{display: inline-block; font-size:var(--smTit); color:#9A4F31; font-weight: 700; background-color: var(--pink); border-radius: 1.2rem; padding:0.3em 0.6em 0.2em; line-height: 1.4;}
.clinic_page .graph_cont .info_txt{font-size:var(--smTxt); margin-top: 1.6rem; line-height: 1; opacity: 0.5;}
.clinic_page .graph_cont > .info_txt{position: absolute; right: 4rem; bottom: 3.5rem; opacity: 0.5;}
.clinic_page .graph_cont .top_txt_box .info_txt{margin-top: 1.6rem; opacity: 0.5;}
.clinic_page .graph_cont .graph_box { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2.4rem; width: 100%; height: 25rem; margin-top: 14.8rem ; padding: 0 5rem; border-bottom: 2px solid #D5D9E3; }
.clinic_page .graph_cont .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(1){justify-content: flex-end;}
.clinic_page .graph_cont .graph_box .bar_box .bar { position: relative; width: 9.6rem; height: 0; background: linear-gradient(180deg, #BBB491 0%, #797355 100%); border-radius: 1.2rem 1.2rem 0 0; transition: height 0.8s; }
.clinic_page .graph_cont .graph_box .bar_box .label,
.clinic_page .graph_cont .graph_box .bar_box .label_sm { position: absolute; left: 50%; top: -0.5em; line-height: 1.2; transform: translate(-50%, -100%); font-size: 1.8rem; font-size:var(--lgTxt); font-weight: 700; text-align: center; white-space: nowrap; }
.clinic_page .graph_cont .graph_box .bar_box .btm_label,
.clinic_page .graph_cont .graph_box > .btm_label_only { position: absolute; font-size:var(--txt); line-height: 1; left: 50%; top: calc(100% + 1em); transform: translateX(-50%); font-weight: 600; color:var(--gray); white-space: nowrap; text-align: center;}
.clinic_page .graph_cont .graph_box .bar_box.current .bar { background: linear-gradient(180deg, var(--pink) 0%, #B86F50 100%);}
.clinic_page .graph_cont .graph_box .bar_box.current .label { padding: 0.5em 1em 0.4em; background-color: var(--brown); top:-0.8em; border-radius: 2em; color: #fff; font-size: 3.2rem; line-height: 1.2;}
.clinic_page .graph_cont .graph_box .bar_box.current .label:before { content: ''; position: absolute; left: 50%; bottom: 0.05em; width: 0.6em; height: 0.6em; transform: translate(-50%, 50%) rotate(45deg); background-color: var(--brown); border-radius: 0 0 0.1em 0;;}
.clinic_page .graph_cont .graph_box .bar_box:nth-child(1) .bar { transition-delay: 0.4s }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(2) .bar { transition-delay: 0.6s }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(3) .bar { transition-delay: 0.8s }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(4) .bar { transition-delay: 1s }
.clinic_page .graph_cont .graph_box2 .bar_box:nth-child(1) .bar { transition-delay: 1.4s }
.clinic_page .graph_cont .graph_box2 .bar_box:nth-child(2) .bar { transition-delay: 1.6s }
.clinic_page .graph_cont.active .graph_box .bar_box:nth-child(1) .bar { height: 60%; }
.clinic_page .graph_cont.active .graph_box .bar_box:nth-child(2) .bar { height: 100%; }
.clinic_page .graph_cont .graph_box .bar_box .btm_label { opacity: 0; transition: opacity 0.5s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(1) .bar .btm_label { transition-delay: 0.6s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(2) .bar .btm_label { transition-delay: 0.8s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(3) .bar .btm_label { transition-delay: 1s }
.clinic_page .graph_cont .graph_box .bar_box:nth-child(4) .bar .btm_label { transition-delay: 1.2s }
.clinic_page .graph_cont .graph_box2 .bar_box:nth-child(1) .bar .btm_label { transition-delay: 1.6s }
.clinic_page .graph_cont .graph_box2 .bar_box:nth-child(2) .bar .btm_label { transition-delay: 1.8s }
.clinic_page .graph_cont.active .graph_box .bar_box .btm_label { opacity: 1; }
.clinic_page .graph_cont .graph_box .bar_box .label,
.clinic_page .graph_cont .graph_box .bar_box .label_sm { opacity: 0; transform: translate(-50%, -70%); transition: opacity 0.8s, transform 0.8s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-of-type(1) .bar .label { transition-delay: 1s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-of-type(2) .bar .label { transition-delay: 1.2s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-of-type(3) .bar .label { transition-delay: 1.4s; }
.clinic_page .graph_cont .graph_box .bar_box:nth-of-type(4) .bar .label { transition-delay: 1.6s; }
.clinic_page .graph_cont .graph_box2 .bar_box:nth-of-type(1) .bar .label { transition-delay: 1.1s; }
.clinic_page .graph_cont .graph_box2 .bar_box:nth-of-type(2) .bar .label { transition-delay: 2.2s; }
.clinic_page .graph_cont.active .graph_box .bar_box .label,
.clinic_page .graph_cont.active .graph_box .bar_box .label_sm { opacity: 1; transform: translate(-50%, -100%); }
.clinic_page .graph_cont .arrow_box{position: absolute; width: 10rem; top: 0; left: 50%; transform: translateX(-50%) scaleX(0); transform-origin: left; opacity: 0; transition: transform 0.8s ease 1.5s, opacity 0.8s ease 1.5s;}
.clinic_page .graph_cont.active .arrow_box{transform: translateX(-50%) scaleX(1); opacity: 1;}
.clinic_page .graph_cont .arrow_box svg{display:block; width: 100%;}
/* 클리닉_어깨통증클리닉 */
.clinic_page .graph_sect{padding-top: var(--sectPd);}
.shoulder_page .intro_sect {background: linear-gradient(180deg, #466552 0%, #70673B 79.52%); }
.shoulder_page .intro_sect .chat_cont .list .item,
.shoulder_page .intro_sect .chat_cont .list .item:before{background-color: #F5F2CE;}
.shoulder_page .intro_sect .chat_cont .list .item .txt{color:var(--green);}
.shoulder_page .graph_cont .graph_box{height: 25rem; gap:16rem; width: 71rem; }
.shoulder_page .graph_cont.active .graph_box .bar_box:nth-child(1) .bar { height: 60%; }
.shoulder_page .graph_cont.active .graph_box .bar_box:nth-child(2) .bar { height: 100%; }
.shoulder_page .graph_cont .graph_box .bar_box:nth-child(1) .bar .btm_label { transition-delay: 0.4s; }
.shoulder_page .graph_cont .graph_box .bar_box:nth-child(2) .bar .btm_label { transition-delay: 0.4s; }
/* 클리닉_팔꿈치통증클리닉*/
.elbow_page .intro_sect {background: linear-gradient(180deg, #7D5A80 0%, #A76F58 100%);}
.elbow_page .intro_sect .chat_cont .list .item,
.elbow_page .intro_sect .chat_cont .list .item:before{background-color: #FBEEFB;}
.elbow_page .intro_sect .chat_cont .list .item .txt{color:#873989;}
.elbow_page .graph_cont .graph_box{height:28rem;}
.elbow_page .graph_cont .top_txt_box .txt{color:#873989; background-color: #FBEEFB;}
.elbow_page .graph_cont .graph_box .bar_box .bar{background: linear-gradient(180deg, #C5C5C5 0%, #717171 100%);}
.elbow_page .graph_cont .graph_box .bar_box.current .bar{background: linear-gradient(180deg, #D6907A 0%, #873989 100%);}
.elbow_page .graph_cont .graph_box .bar_box.current .label,
.elbow_page .graph_cont .graph_box .bar_box.current .label:before{background:#873989;}
.elbow_page .graph_cont .graph_box .bar_box .btm_label{top:unset; bottom:0.9em; color:#fff; font-size:var(--smTxt);}
.elbow_page .graph_cont.active .graph_box1 .bar_box:nth-child(1) .bar{height:75%}
.elbow_page .graph_cont.active .graph_box1 .bar_box:nth-child(2) .bar{height:100%}
.elbow_page .graph_cont.active .graph_box2 .bar_box:nth-child(1) .bar{height:25%}
.elbow_page .graph_cont.active .graph_box2 .bar_box:nth-child(2) .bar{height:45%}
/* 클리닉_허리통증클리닉 */
.back_page .graph_cont .top_txt_box .txt{color:#606C53; background:#F5F2CE;}
.back_page .graph_cont .graph_box{height:35rem; grid-template-columns: repeat(4, minmax(0, 1fr));}
.back_page .graph_cont .graph_box .bar_box .bar{background: linear-gradient(180deg, #C5C5C5 0%, #717171 100%);}
.back_page .graph_cont .graph_box .bar_box.current .bar{background: linear-gradient(180deg, #F5F1CE -28.13%, #1B5512 100%);}
.back_page .graph_cont.active .graph_box .bar_box:nth-child(1) .bar { height: 100%; }
.back_page .graph_cont.active .graph_box .bar_box:nth-child(2) .bar { height: 70%; }
.back_page .graph_cont.active .graph_box .bar_box:nth-child(3) .bar { height: 55%; }
.back_page .graph_cont.active .graph_box .bar_box:nth-child(4) .bar { height: 45%; }
.back_page .graph_cont .graph_box .bar_box.current .label,
.back_page .graph_cont .graph_box .bar_box.current .label:before{background:#1B5512;}
.back_page .graph_cont .graph_box .bar_box:nth-child(1),
.back_page .graph_cont .graph_box .bar_box{justify-content: center;}
.back_page .graph_cont .graph_box .bar_box:nth-of-type(4) .bar .label_sm { transition-delay: 1.6s; }
.back_page .graph_cont .graph_box .bar_box.current .label{top:-2em;}
/* 클리닉_목통증클리닉 */
.neck_page .graph_cont .top_txt_box .txt{color:#873989; background-color: #FBEEFB;}
.neck_page .graph_cont .graph_box{grid-template-columns: repeat(4, minmax(0, 1fr)); height:28rem; margin-top: 20rem;}
.neck_page .graph_cont .graph_box .bar_box .bar{background: linear-gradient(180deg, #C5C5C5 0%, #717171 100%);}
.neck_page .graph_cont .graph_box .bar_box.current .bar{background: linear-gradient(180deg, #D6907A 0%, #873989 100%);}
.neck_page .graph_cont .graph_box .bar_box.current .label,
.neck_page .graph_cont .graph_box .bar_box.current .label:before{background:#873989;}
.neck_page .graph_cont .graph_box .bar_box:nth-child(1),
.neck_page .graph_cont .graph_box .bar_box{justify-content: center;}
.neck_page .graph_cont.active .graph_box .bar_box:nth-child(1) .bar { height: 40%; }
.neck_page .graph_cont.active .graph_box .bar_box:nth-child(2) .bar { height: 60%; }
.neck_page .graph_cont.active .graph_box .bar_box:nth-child(3) .bar { height: 80%; }
.neck_page .graph_cont.active .graph_box .bar_box:nth-child(4) .bar { height: 100%; }
.neck_page .graph_cont .graph_box .bar_box:nth-of-type(4) .bar .label_sm { transition-delay: 1.6s; }
.neck_page .graph_cont .graph_box .bar_box.current .label{top:-2em;}
.neck_page .graph_cont .arrow_box{width: 15rem;}
.neck_page .graph_cont .arrow_box{top:-12rem;}
/* 클리닉_기타관절 */
.joint_page .graph_cont .top_txt_box .txt{color:#70603F; background-color: #FAEED3;}
.joint_page .graph_cont{padding: 8rem 3rem;}
.clinic_page .graph_cont .cir_graph {margin-top: 8rem; transform: translateX(-25%)}
.clinic_page .graph_cont .cir_graph .graph {width:45rem; position: relative}
.clinic_page .graph_cont .cir_graph .graph svg {width: 100%; height: auto}
.clinic_page .graph_cont .cir_graph .graph .dot_cont {position: absolute; display: flex; align-items: center}
.clinic_page .graph_cont .cir_graph .graph .dot_cont .dot {display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #fff; opacity: 0;}
.clinic_page .graph_cont .cir_graph .graph .dot_cont .dot span {width: 50%; height: 50%; border-radius: 50%}
.clinic_page .graph_cont .cir_graph .graph .dot_cont .line {height: 1px;background: repeating-linear-gradient(to right, #444 0, #444 6px, transparent 6px, transparent 10px);clip-path: inset(0 100% 0 0);}
.clinic_page .graph_cont .cir_graph .graph .dot_cont .txt_box {position: absolute; right: -2rem; top: 2em; transform: translateX(100%); opacity: 0; white-space: nowrap}
.clinic_page .graph_cont .cir_graph .graph .dot_cont .txt_box .txt {font-size: var(--lgTxt); font-weight: 500}
.clinic_page .graph_cont .cir_graph .graph .dot_cont .txt_box .num {font-size: var(--tit); font-weight: 700; line-height: 1.3}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type1 {left: 64%; top: 16%;}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type1 .dot span {background-color: #BFBFBF}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type1 .line {width: 22rem}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type2 {left: 85%; top: 50%; transform: translateY(-50%)}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type2 .dot span {background-color: #70603F}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type2 .line {width: 12.8rem}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type2 .txt_box .txt {font-size: var(--lgTxt2)}
.clinic_page .graph_cont .cir_graph .graph .dot_cont.type2 .txt_box .num {font-size: var(--mainTit); color: #6E6257}
.clinic_page .graph_cont .cir_graph svg .svg-elem-1 {stroke-dashoffset: 914.6616821289062px;stroke-dasharray: 914.6616821289062px;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;}
.clinic_page .graph_cont .cir_graph svg .svg-elem-2 {stroke-dashoffset: 911.7368774414062px;stroke-dasharray: 911.7368774414062px;fill: transparent;-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;}
.clinic_page .graph_cont.active .cir_graph svg .svg-elem-1 {stroke-dashoffset: 0;}
.clinic_page .graph_cont.active .cir_graph svg .svg-elem-2 {stroke-dashoffset: 0;fill: url("#paint1_linear_817_575");}
.clinic_page .graph_cont.active .cir_graph .graph .dot_cont.type1 .dot {opacity: 1; transition: 0.3s ease-in-out 0.3s}
.clinic_page .graph_cont.active .cir_graph .graph .dot_cont.type1 .line {clip-path: inset(0); transition: 0.5s ease-in-out 0.5s}
.clinic_page .graph_cont.active .cir_graph .graph .dot_cont.type1 .txt_box {top: -0.5em; opacity: 1; transition: 0.6s ease-in-out 0.7s}
.clinic_page .graph_cont.active .cir_graph .graph .dot_cont.type2 .dot {opacity: 1; transition: 0.3s ease-in-out 0.5s}
.clinic_page .graph_cont.active .cir_graph .graph .dot_cont.type2 .line {clip-path: inset(0); transition: 0.5s ease-in-out 0.7s}
.clinic_page .graph_cont.active .cir_graph .graph .dot_cont.type2 .txt_box {top: -0.6em; opacity: 1; transition: 0.6s ease-in-out 0.9s}
.clinic_page .graph_cont.active.ani_end .cir_graph .graph .dot_cont .dot ,
.clinic_page .graph_cont.active.ani_end .cir_graph .graph .dot_cont .line ,
.clinic_page .graph_cont.active.ani_end .cir_graph .graph .dot_cont .txt_box {transition-delay: 0s}
/* 클리닉 공통_왜 두드림? */
.clinic_page .why_sect{display: flex; justify-content: space-between; overflow: hidden; padding:var(--sectPd) 0 var(--sectPd) max(calc((100% - var(--in))/2 + var(--inPd)) ,var(--inPd));}
.clinic_page .why_sect .left_wrap{padding-top: 10rem; width: 35%; flex-shrink: 0;}
.clinic_page .why_sect .left_wrap .controls{margin-top: var(--contMt); opacity: 0; transform: translateY(100px); transition: transform 0.8s ease-in-out 0.5s, opacity 0.8s ease-in-out 0.5s;}
.clinic_page .why_sect.active .left_wrap .controls{opacity: 1; transform: translateY(0);}
.clinic_page .why_sect .slide_wrap{width: 65%; flex-shrink: 0; opacity: 0; transform: translateX(100px); transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}
.clinic_page .why_sect .slide_wrap.active{opacity: 1; transform: translateX(0);}
.clinic_page .why_sect .slide_wrap .item .img_box{position: relative; padding-top: 100%; border-radius: var(--radius); overflow: hidden;}
.clinic_page .why_sect .slide_wrap .item .img_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.clinic_page .why_sect .slide_wrap .item .txt_box{margin-top: 5rem;}
.clinic_page .why_sect .slide_wrap .item .txt_box .tit{position: relative; font-size: var(--smTit); font-weight: 600; padding-left: 0.8em; line-height: 1.4;}
.clinic_page .why_sect .slide_wrap .item .txt_box .tit:before{content:''; position: absolute; left: 0; top: 0.5em; width: 0.3em; height: 0.3em; border-radius: 50%; background-color: #FBC1AF;}
.clinic_page .why_sect .slide_wrap .item .txt_box .txt{margin-top: 2rem; max-width: 95%;}
/* 클리닉 공통_질환 */
.clinic_page .disease_sect{padding: var(--sectPd) 0; background-color: var(--brown);}
.clinic_page .disease_sect .sub_tit_box{color:#fff; text-align: center;}
.clinic_page .disease_sect .slide_cont { margin-top: 12rem; overflow: hidden;}
.clinic_page .disease_sect .slide_cont .swiper-container{ padding-bottom: 8rem; width: 110%; margin-left: -5%;}
.clinic_page .disease_sect .slide_cont .item { border-radius: var(--radius); overflow: hidden; transition: transform 1s; }
.clinic_page .disease_sect .slide_cont .item.swiper-slide[class$=-prev],
.clinic_page .disease_sect .slide_cont .item.swiper-slide[class$=-active] + .item,
.clinic_page .disease_sect .slide_cont .item.swiper-slide[class$=-active] + .item + .item + .item { transform: translateY(8rem); }
.clinic_page .disease_sect .slide_cont .item .img { position: relative; width: 100%; padding-top: 39%; }
.clinic_page .disease_sect .slide_cont .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.clinic_page .disease_sect .slide_cont .item .txt_wrap{background-color: #fff; padding:4.8rem; }
.clinic_page .disease_sect .slide_cont .item .txt_wrap .info_box{position: relative; padding-left: 7.5rem;}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .info_box .num {position: absolute; left: 0; top: 0; font-size:var(--txt2); line-height: 1; padding:0.5em 0.7em; color: #A76F58; border-radius: 0.8rem; font-weight: 700; background-color: var(--pink); }
.clinic_page .disease_sect .slide_cont .item .txt_wrap .info_box .tit { font-size: var(--smTit); font-weight: 600; line-height: 1.3; }
.clinic_page .disease_sect .slide_cont .item .txt_wrap .info_box .tit span { font-size: 0.6em; }
.clinic_page .disease_sect .slide_cont .item .txt_wrap .info_box .txt { font-weight: 600; font-size:var(--txt2); margin-top: 1rem;}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .cause_box{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1.5em; font-size:var(--smTxt); background-color: var(--bg); border-radius: 1.6rem; padding: 2.4rem; margin-top: 2.4rem;}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .cause_box .tit{display: flex; align-items: center; font-size:var(--smTxt); font-weight: 700; color: var(--brown);}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .cause_box .tit .ico{display: inline-block; width: 1em; height: 1em; margin-right: 0.3em; background:url('data:image/svg+xml,') no-repeat center / contain;}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .cause_box .list{margin-top: 0.2em;}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .cause_box .list li{position: relative; padding-left: 0.5em; word-break: break-all;}
.clinic_page .disease_sect .slide_cont .item .txt_wrap .cause_box .list li:before{content: '·'; position: absolute; left: 0;}
.clinic_page .disease_sect .slide_cont .paging { position: relative; width: 40rem; margin: var(--contMt) auto 0; height: 4px; background: rgba(255, 255, 255, 0.20); }
.clinic_page .disease_sect .slide_cont .paging .swiper-pagination-progressbar-fill { background: #fff }
/* 클리닉 공통_장비 */
.clinic_page .equip_sect { padding: var(--sectPd) 0; overflow: hidden;}
.clinic_page .equip_sect .equip_tab { display: flex; justify-content: center; width: auto; margin: 12rem auto 9rem; opacity: 0;overflow-x:auto; overflow-y:hidden; white-space:nowrap; touch-action:pan-x; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;transition: opacity 1s; transition-delay: 0.5s; }
.clinic_page .equip_sect .equip_tab::-webkit-scrollbar {display:none;}
.clinic_page .equip_sect.active .equip_tab { opacity: 1;}
.clinic_page .equip_sect .equip_tab .tab { position: relative; padding-bottom: 0.6em; margin:0 1.6rem; font-size: var(--lgTxt2); font-weight: 600; white-space: nowrap; opacity: 0.5; text-align: center; transition: color 0.5s; }
.clinic_page .equip_sect .equip_tab .tab:before { content: ''; position: absolute; left: 50%; bottom: -1px; width: 0; border-bottom: 3px solid transparent; transform: translateX(-50%); transition: width 0.5s; }
.clinic_page .equip_sect .equip_tab .tab.active { opacity: 1; }
.clinic_page .equip_sect .equip_tab .tab.active:before { width: 100%; border-color: var(--green); }
.clinic_page .equip_sect .slide_cont { padding-left: max(calc((100% - var(--in))/2 + var(--inPd)) , var(--inPd)); opacity: 0; transform: translateY(100px); transition: opacity 1s ease 0.8s, transform 1s ease 0.8s; }
.clinic_page .equip_sect.active .slide_cont { opacity: 1; transform: unset; }
.clinic_page .equip_sect .slide_cont .swiper-container{overflow: visible;}
.clinic_page .equip_sect .slide_cont .item{display: flex; align-items: center;}
.clinic_page .equip_sect .slide_cont .item .img_box{position: relative; padding-top: 28%; width:50%; flex-shrink: 0; margin-right: 8rem; border-radius: var(--radius); overflow: hidden;}
.clinic_page .equip_sect .slide_cont .item .img_box .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.clinic_page .equip_sect .slide_cont .item .img_box .callout_txt{ position: absolute; opacity:0; font-size:var(--txt1); left: 40%; top: 35%; padding: 2rem 3.5rem; background:var(--brown); color:#fff; line-height: 1.5; z-index: 1; border-radius: 2rem; font-weight: 700; text-align: center;}
.clinic_page .equip_sect .slide_cont .item .img_box .callout_txt:before{content:''; position: absolute; width:20%; height: 100%; bottom:-16%; left: 50%; transform: translateX(-50%); z-index: -1; background:url('data:image/svg+xml,') no-repeat center bottom / contain;}
.clinic_page .equip_sect .slide_cont .item .txt_box{opacity: 0; transition: opacity 0.5s ease;}
.clinic_page .equip_sect .slide_cont .item.swiper-slide-active .txt_box{opacity: 1;}
.clinic_page .equip_sect .slide_cont .item .txt_box .com_tag{font-size: var(--txt2); margin-bottom: 1.5rem;}
.clinic_page .equip_sect .slide_cont .item .txt_box .tit{font-size: var(--smTit); font-weight: 600;}
.clinic_page .equip_sect .slide_cont .item .txt_box .txt{font-size: var(--txt2); font-weight: 600; margin-top: 3rem;}
.clinic_page .equip_sect .slide_cont .item .txt_box .list{font-size: var(--smTxt); font-weight: 400; margin-top: 1.6rem; color:var(--gray);}
.clinic_page .equip_sect.active .slide_cont .item.swiper-slide-active .img_box .callout_txt{animation:callOut 1.8s ease-out 1 forwards 0.8s;}
@keyframes callOut{
0%{opacity:0}
20%{opacity:1}
40%{opacity:0}
80%{opacity:1}
100%{opacity:1}
}
/* 클리닉 공통_프로그램 */
.com_program_sect{position: relative; padding-top: var(--sectPd); height: auto;}
.com_program_sect .sub_tit_box{margin-bottom: 16rem;}
/*.com_program_sect .cont{position:sticky; top: 0; height: 100vh; overflow: hidden;}*/
.com_program_sect .cont{height: 100vh}
.com_program_sect .list{ max-width: 100%; width: 100%; height: 100%; display: grid; grid-template-columns: repeat(4, minmax(0 , 1fr));}
.com_program_sect .list .item{position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
.com_program_sect .list .item .cont_box{position: absolute; bottom: 0; left: 0; z-index: 2; color:#fff; padding: 0 7rem 10rem; transform: translateY(calc(100% - 22rem)); transition: transform 0.5s ease-in-out;}
.com_program_sect .list .item .cont_box .view_box{display: flex; align-items: flex-end; font-size:3.2rem;/*40*/}
.com_program_sect .list .item .cont_box .view_box .ico{max-width: 40%; height: 5em;}
.com_program_sect .list .item .cont_box .view_box .ico svg{display: inline-block; height: 100%; max-width: 100%;}
.com_program_sect .list .item .cont_box .view_box .txt {font-family: var(--en); font-weight: 500; font-size:1em; line-height: 1; padding-left: 0.5em; text-transform: uppercase;}
.com_program_sect .list .item .cont_box .hover_box {margin-top: 6.4rem; opacity: 0; transition: opacity 0.5s ease;}
.com_program_sect .list .item .cont_box .hover_box .tit {font-size:var(--tit); font-weight: 700; line-height: 1;}
.com_program_sect .list .item .cont_box .hover_box .txt {font-size:var(--txt2); font-weight: 600; margin-top: 2rem; max-width: 90%;}
.com_program_sect .list .item .bg{position: relative; width: 100%; height: 100%; z-index: 1; background-color: var(--green);}
.com_program_sect .list .item .bg .img{position: absolute; width: 100%; height: 100%; top:0; left:0; object-fit: cover; object-position: center; transition: border-radius 0.5s ease-in-out;}
.com_program_sect .swiper-container{height: 100%}
/* 클리닉 공통_marqee */
.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 30s linear infinite; padding-right:4rem; line-height: 1.1; color: rgba(111, 109, 107, 0.1);}
/* 클리닉 공통_자가테스트 */
.self_sect{padding-top:var(--sectPd);}
.self_sect .in{position: relative;}
.self_sect .self_box{position: relative; padding:12rem 16rem; color:#fff; margin: 0 auto; z-index: 2;}
.self_sect .self_box .sub_tit_box .subtit{margin-bottom:3.2rem}
.self_sect .self_box .sub_tit_box .tit{ font-size: var(--smTit); line-height: 1.5; font-weight: 600;}
.self_sect .self_box .sub_tit_box .txt{font-weight: 500; margin-top: 3.2rem;}
.self_sect .self_box .round_btn{margin-top: 4rem; opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s;}
.self_sect .self_box .active + .round_btn{opacity: 1; transform: translateY(0);}
.self_sect .bg{position: absolute; width:calc(100% - calc(var(--inPd) * 2)); height: 100%; top: 0; left: 0; z-index: 1; margin:0 var(--inPd); border-radius: 4rem; overflow: hidden;}
.self_sect .bg .img{position: absolute; width: 100%; height:100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.review_page .self_sect{padding-top: 0;}
/* 클리닉 공통_QnA */
.clinic_page .faq_sect{padding-top: var(--sectPd);}
.clinic_page .faq_sect .qna_list { margin-top: var(--contMt);}
.qna_list .row{background-color: var(--bg); --qnaPd:max(2.8rem, 30px); font-size: var(--subTxt); border-radius: 6rem; opacity: 0; transform: translateY(10rem);}
.qna_list .row.active{border-radius: var(--smRadius); background-color: var(--brown); color:#fff; }
.qna_list .row + .row{margin-top:2.4rem; }
.qna_list.active .row{opacity:1; transform: translateY(0);}
.qna_list.active .row:nth-child(1){transition:opacity 0.8s ease 0s, transform 0.8s ease 0s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(2){transition:opacity 0.8s ease 0.35s, transform 0.8s ease 0.35s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(3){transition:opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(4){transition:opacity 0.8s ease 0.8s, transform 0.8s ease 0.8s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(5){transition:opacity 0.8s ease 1.1s, transform 0.8s ease 1.1s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list .row .que {display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 2.2em 2.7em;}
.qna_list .row .que .tit {position: relative; font-size: var(--lgTxt); font-weight: 700; padding-right: 1em; padding-left:var(--qnaPd)}
.qna_list .row .que .tit:before{content:'Q.'; position: absolute; left: 0; top: 0; color:var(--brown); transition: color 0.3s;}
.qna_list .row .que .btn { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.qna_list .row .que .btn .ico { width: 1em; height: 1em; background: url('data:image/svg+xml,') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.qna_list .row.active .que{padding-bottom: 1.2em;}
.qna_list .row.active .que .tit:before { color:#fff; }
.qna_list .row.active .que .btn .ico { transform: rotate(-180deg); background: url('data:image/svg+xml,') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.qna_list .row .answer { display: none; overflow: hidden; opacity: 0; padding:0 calc(2.7em + var(--qnaPd)) 2.5em; font-weight: 500; color:#F8CBB7; transition: color 0.3s;}
.qna_list .row.active .answer { opacity:1; }
.qna_list .row .answer .txt_box { font-weight: 500;}
/* 클리닉 공통_특별함 */
/* .clinic_page .com_special_sect{margin-top: var(--sectPd); color:#fff; padding: calc(var(--sectPd) + 7rem) 0 var(--sectPd); background: var(--green) url(/inc/img/sub/clinic_special_bg.jpg) no-repeat center / cover;} */
.com_special_sect{position: relative; margin-top: var(--sectPd); color:#fff; padding: calc(var(--sectPd) + 7rem) 0 var(--sectPd);}
.com_special_sect .in{z-index: 2;}
.com_special_sect .cont{position: relative; display: flex;align-items: flex-start; justify-content: space-between; margin-top: var(--contMt);}
.com_special_sect .cont .line{position: absolute; left: 50%; top: 0; height: 100%; width: 3px; --grad-opacity-mid: 0.5; --grad-opacity-end:1; background: linear-gradient(180deg, rgba(221, 200, 181, 0) 0%, rgba(221, 200, 181, var(--grad-opacity-mid)) 50%, rgba(221, 200, 181, var(--grad-opacity-end)) 100%);}
.com_special_sect .cont .line .dot { position: absolute; width: 2.5rem; bottom: -0.8em; left: 50%; transform: translateX(-50%); opacity: 0;}
.com_special_sect .cont .line .dot svg{display:block; width: 100%; }
.com_special_sect .left_area{position: relative; flex: 1; position: sticky; top: 18vh; max-width: 50%;}
.com_special_sect .left_area .img_box{position: relative; padding-top: 100%; width: 62rem; max-width: 90%; border-radius: 3.6rem 32rem 3.6rem 3.6rem; overflow: hidden; transition: border-radius 1s ease-in-out;}
.com_special_sect .left_area .img_box.index1 {border-radius: 3.6rem 32rem 3.6rem 3.6rem;}
.com_special_sect .left_area .img_box.index2 {border-radius: 3.6rem 3.6rem 32rem 3.6rem;}
.com_special_sect .left_area .img_box.index3 {border-radius: 32rem 32rem 3.6rem 32rem;}
.com_special_sect .left_area .img_box.index4 {border-radius: 3.6rem 32rem 3.6rem 3.6rem;}
.com_special_sect .left_area .img_box.index5 {border-radius: 3.6rem 3.6rem 3.6rem 32rem;}
.com_special_sect .left_area .img_box.index6 {border-radius: 32rem 32rem 3.6rem 32rem;}
.com_special_sect .left_area .img_box img{width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; object-fit: cover; transition: opacity 0.8s ease-in-out;}
.com_special_sect .left_area .img_box img.active{opacity: 1;}
.com_special_sect .right_area{flex:1; padding: 20vh 0; padding-left: 18.6rem; max-width: 50%;}
.com_special_sect .right_area .list .item{opacity: 0.3; transition: opacity 0.5s ease-in-out;}
.com_special_sect .right_area .list .item + .item{margin-top: var(--sectPd);}
.com_special_sect .right_area .list .item.active{opacity: 1;}
.com_special_sect .right_area .list .item .img_box{display: none;}
.com_special_sect .right_area .list .item .ico svg{width: 5.6rem; height: 5.6rem;}
.com_special_sect .right_area .list .item .tit{font-size:var(--smTit); font-weight: 700; margin-top: 3.5rem;}
.com_special_sect .right_area .list .item .txt{font-size:var(--txt2); font-weight: 500; margin-top: 1.5rem;}
.com_special_sect .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.com_special_sect .bg img{position: sticky; top: 0; width: 100%; height: 100vh; object-fit: cover; object-position: center;}
.com_special_sect + .com_inquiry_sect{margin-top: 0;}
/* 도수치료사 추가 */
/*.staff_sect{padding: var(--sectPd) 0 0;}*/
.staff_sect{padding-top: 4rem;}
.staff_sect .in{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.staff_sect .sub_tit_box{padding-right:3rem;}
.staff_sect .staff_list{opacity: 0; transform: translateY(5rem); transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s;}
.staff_sect .active + .staff_list{opacity: 1; transform:unset;}
.staff_sect .staff_list .item{background-color: var(--bg); border-radius: 1.6rem;}
.staff_sect .staff_list .item + .item{margin-top: 2.4rem;}
.staff_sect .staff_list .item .info_box{display: flex; justify-content: space-between; padding: 4rem; border-radius: 1.6rem; cursor: pointer;}
.staff_sect .staff_list .item .info{display: flex; align-items: center}
.staff_sect .staff_list .item .info .name { font-size:var(--smTit); font-weight:700; margin-left: 1.6rem; line-height: 1}
.staff_sect .staff_list .item .info .name span { font-size:0.6em; padding-left: 0.4em;}
.staff_sect .staff_list .item .btn .ico { width: 1.06em; height: 1.06em; background: url('data:image/svg+xml,') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.staff_sect .staff_list .item.active .btn .ico { transform: rotate(-180deg); background: url('data:image/svg+xml,') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.staff_sect .staff_list .item .history{padding: 0 4rem 4rem; display: none; overflow: hidden; opacity: 0; transition:opacity 0.3s ease-in-out;}
.staff_sect .staff_list .item .history.show{opacity: 1;}
.staff_sect .staff_list .item .history dl + dl{margin-top: 5rem;}
.staff_sect .staff_list .item .history dl dt { font-size:var(--txt2); font-weight:700; margin-bottom: 1rem;}
.staff_sect .staff_list .item .history dl dd { position:relative; font-size:var(--txt); color:var(--gray); line-height: 1.5; padding: 0.1em 0 0.1em 0.5em;}
.staff_sect .staff_list .item .history dl dd:before{content:"·"; position:absolute; left: 0;}
/* 이용안내 */
.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(--txt) * 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-color: #fff; border:1px solid var(--lineColor); transition: all 0.3s ease;}
.form_chk .chk_box input + label .ico svg{display: block; width: 0.8em;}
.form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color: var(--green); border-color: var(--green);}
.form_chk .chk_box input:checked + label .ico path{ fill: #fff;}
.form_chk .chk_box + .btn { flex-shrink: 0; margin-left: 0.5em; font-size: calc(var(--txt) * 0.85); transition: color 0.3s; margin-bottom: 0.2em;}
.com_inquiry_list {font-size: var(--txt2);}
.com_inquiry_list .item a{display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--smRadius); padding:2em 1em;}
.com_inquiry_list .item .ico {width: 4em; height: 4em; margin-top: 1em; margin:0 auto;}
.com_inquiry_list .item .ico img{display: block;}
.com_inquiry_list .item .txt{font-weight: 600; font-size: 1em;text-align: center;line-height: 1.5;}
.reserv_page .quick_sect .banner_cont{position: relative; z-index: 2; border-radius: var(--radius); padding:12rem; background:url(/inc/img/sub/reservation_banner.jpg) no-repeat center / cover; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.reserv_page .quick_sect.active .banner_cont{opacity: 1; transform: translateY(0);}
.reserv_page .quick_sect .banner_cont .sub_tit_box .tit{line-height: 1; color:#fff;}
.reserv_page .quick_sect .form_wrap {display: grid; grid-template-columns: auto 140px; gap:2.4rem 1.6rem; margin-top: var(--contSmMt); max-width: 70%;}
.reserv_page .quick_sect .form_wrap .form_inp {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1em 0.5em; font-size: var(--txt);}
.reserv_page .quick_sect .form_wrap .form_inp .select{position:relative;}
.reserv_page .quick_sect .form_wrap .form_inp .select .nice-select {font-size: var(--txt); height: var(--inpH); line-height: var(--inpH); padding: 0 1.1em; border: 1px solid var(--lineColor); border-radius: 0.8rem; border:none;}
.reserv_page .quick_sect .form_wrap .form_inp .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,') no-repeat center center/ contain; transition: transform 0.3s; }
.reserv_page .quick_sect .form_wrap .form_inp .select .nice-select.open:after { transform: rotate(180deg); }
.reserv_page .quick_sect .form_wrap .form_inp .select .nice-select .list{border-radius: 0.8rem; z-index: 50;}
.reserv_page .quick_sect .form_wrap .form_inp .select .nice-select .current{opacity: 0;}
.reserv_page .quick_sect .form_wrap .form_inp .inp { position: relative; width: 100%; height: var(--inpH); border-radius: 0.8rem; background-color: #fff; overflow: hidden;}
.reserv_page .quick_sect .form_wrap .form_inp .inp input { width: 100%; height: 100%; padding: 0.8em 1.1em; font-weight: 500; background-color: transparent; border: 0;}
.reserv_page .quick_sect .form_wrap .form_inp .placeholder { position: absolute; left: 1.1em; top: 50%; transform: translateY(-50%); width: calc(100% - 1em); color:var(--black); height: auto; pointer-events: none; transition: opacity 0.3s; }
.reserv_page .quick_sect .form_wrap .form_inp .placeholder span { font-size: 1.1em; color: var(--brown); margin-left: 3px;}
.reserv_page .quick_sect .form_wrap .form_inp .inp input:focus + .placeholder { opacity: 0; }
.reserv_page .quick_sect .form_wrap .form_priv{order:3; color:#fff;}
.reserv_page .quick_sect .form_wrap .form_priv { width: 100%; grid-column: span 2; display: flex; flex-direction: column;}
.reserv_page .quick_sect .form_wrap .form_priv .form_chk{ display: flex; justify-content: flex-start; margin-right: 1.8em; margin-top: 0; grid-column: span 2;}
.reserv_page .quick_sect .form_wrap .form_priv .form_chk .ico{background-color: unset;}
.reserv_page .quick_sect .form_wrap .form_priv .form_chk .chk_box input { display: none; }
.reserv_page .quick_sect .form_wrap .form_priv .form_chk .chk_box input:checked + label .ico{ background-color: #fff; border-color: #fff;}
.reserv_page .quick_sect .form_wrap .form_priv .form_chk .chk_box input:checked + label .ico path{fill:#000;}
.reserv_page .quick_sect .form_wrap .form_priv .form_chk + .form_chk{margin-top: 0.3em;}
.reserv_page .quick_sect .form_submit { width: 100%; height: 100%; border-radius: 0.8rem; font-size: var(--txt); background-color: var(--black); color:#fff; text-align: center; font-weight: 600; transition: background-color 0.3s ease-in-out;}
.reserv_page .goto_cont{margin-top: var(--contMt); display: flex; justify-content: space-between; width: 100%;}
.reserv_page .goto_cont .com_inquiry_list{max-width: 95.3rem; margin-left: 1em;}
.reserv_page .goto_cont .com_inquiry_list {display: flex; flex: 1;}
.reserv_page .goto_cont .com_inquiry_list .item{flex:1; margin-right: 1em; opacity: 0; transform: translateY(100px); transition: opacity 1s ease, transform 1s ease;}
.reserv_page .goto_cont .com_inquiry_list.active .item{opacity: 1; transform: translateY(0);}
.reserv_page .goto_cont .com_inquiry_list .item:nth-child(1){transition-delay: 0.6s;}
.reserv_page .goto_cont .com_inquiry_list .item:nth-child(2){transition-delay: 0.9s;}
.reserv_page .goto_cont .com_inquiry_list .item:nth-child(3){transition-delay: 1.2s;}
.reserv_page .goto_cont .com_inquiry_list .item{margin-right: 1em; padding-top:35%;}
.reserv_page .goto_cont .com_inquiry_list .item a{position:absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: var(--bg);} /* padding: 5em 1em;*/
.reserv_page .board_sect{padding: var(--sectPd) 0;}
/* 이용안내_진료안내 */
.info_page .time_sect{padding-top: 16rem;}
.info_page .time_sect.active .sub_tit {opacity: 1; transform: translateY(0);}
.info_page .time_sect .list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:1.6rem; margin-top: var(--contSmMt);}
.info_page .time_sect .list .item{display: flex; flex-direction: column; align-items: center; background-color: var(--bg); padding: 6.4rem 1rem; border-radius: var(--radius); opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.info_page .time_sect .list.active .item{opacity: 1; transform: translateY(0);}
.info_page .time_sect .list .item:nth-child(1){transition-delay: 0.35s;}
.info_page .time_sect .list .item:nth-child(2){transition-delay: 0.5s;}
.info_page .time_sect .list .item:nth-child(3){transition-delay: 0.8s;}
.info_page .time_sect .list .item:nth-child(4){transition-delay: 1.1s;}
.info_page .time_sect .list .item .label{display: inline-block; font-size: var(--smTxt); font-weight: 700; background-color: var(--green); border-radius: 0.8rem ; padding: 0.5em 1.25em; margin-bottom: 0.5em; color: #fff; line-height: 1;}
.info_page .time_sect .list .item .txt{font-size: 3.6rem; font-weight: 600;}
.info_page .time_sect .info_txt_box{ opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 1.3s, transform 1s ease-in-out 1.3s;}
.info_page .time_sect .list.active + .info_txt_box{opacity: 1; transform: translateY(0);}
.info_page .doctor_sect{padding-top: var(--sectPd);}
.info_page .doctor_sect .list{margin-top: 4rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:7.2rem;}
.info_page .doctor_sect .list .item{ opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.info_page .doctor_sect .list.active .item{ opacity: 1; transform: translateY(0);}
.info_page .doctor_sect .list .item:nth-child(1){transition-delay: 0.35s;}
.info_page .doctor_sect .list .item:nth-child(2){transition-delay: 0.5s;}
.info_page .doctor_sect .list .item .cont_wrap{display: flex; align-items: center;}
.info_page .doctor_sect .list .item .cont_wrap .img_box{position: relative; padding-top: 50%; width: 50%; border-radius: var(--radius); overflow: hidden; margin-right: 6rem;}
.info_page .doctor_sect .list .item .cont_wrap .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center top; object-fit: cover;}
.info_page .doctor_sect .list .item .cont_wrap .txt_box .name{margin-top: 1.5rem; font-size: var(--smTit); font-weight: 700;}
.info_page .doctor_sect .list .item .cont_wrap .txt_box .name span{font-size: 0.5em; padding-left: 0.3em;}
.list_tbl { margin-top: 4rem; 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; }
.list_tbl .tbl_box .th_box { background-color: var(--green); color: #fff; font-size: var(--smTxt); 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_box { border-top: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box .td { display: flex; align-items: center; justify-content: center; height: 4em; }
.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(--smTxt); }
.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: var(--green); color: #fff; }
.list_tbl .tbl_box .td_box .td .badge.close { background-color: var(--brown); color: #fff; }
.list_tbl .tbl_box .td_box .td .date { font-weight: 700; }
.com_inquiry_sect{ padding: 16rem 0; background-color: var(--bg);}
.com_inquiry_sect .cont{margin-top: var(--contMt); display: flex; justify-content: space-between; align-items: center;}
.com_inquiry_sect .cont > *{opacity: 0; transform: translateY(100px); transition: transform 1s ease-in-out, opacity 1s ease-in-out;}
.com_inquiry_sect .cont > *:nth-child(1) {transition-delay: 0.35s;}
.com_inquiry_sect .cont > *:nth-child(2) {transition-delay: 0.5s;}
.com_inquiry_sect .cont.active > * {opacity:1; transform: translateY(0);}
.com_inquiry_sect .cont .form_wrap{width: 55%; display: flex; flex-direction: column; z-index: 2;}
.com_inquiry_sect .cont .form_wrap .tit{font-size:var(--txt2); font-weight: 700; margin-bottom: 2rem;}
.com_inquiry_sect .cont .form_wrap .select{position:relative;}
.com_inquiry_sect .cont .form_wrap .select .nice-select { position:relative; font-size:var(--txt); height: var(--inpH); line-height: var(--inpH); padding: 0 1.3em; border: 1px solid var(--lineColor); border-radius: 0.8rem; border:none;}
.com_inquiry_sect .cont .form_wrap .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,') no-repeat center center/ contain; transition: transform 0.3s; }
.com_inquiry_sect .cont .form_wrap .select .nice-select.open:after { transform: rotate(180deg); }
.com_inquiry_sect .cont .form_wrap .select .nice-select .current{opacity: 0;}
.com_inquiry_sect .cont .form_wrap .select .nice-select .list{border-radius: 0.8rem;}
.com_inquiry_sect .cont .form_wrap .form_inp {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1em 0.5em; font-size: var(--txt);}
.com_inquiry_sect .cont .form_wrap .form_inp .inp { position: relative; width: 100%; height:var(--inpH); border-radius: 0.8rem; background-color: #fff; overflow: hidden;}
.com_inquiry_sect .cont .form_wrap .form_inp .inp input { width: 100%; height: 100%; padding:0 1.1em; font-weight: 500; background-color: transparent; border: 0;}
.com_inquiry_sect .cont .form_wrap .form_inp .placeholder { position: absolute; left: 1.1em; top: 50%; transform: translateY(-50%); width: calc(100% - 1em); color:var(--black); height: auto; pointer-events: none; transition: opacity 0.3s; }
.com_inquiry_sect .cont .form_wrap .form_inp .placeholder span { font-size: 1.1em; color: var(--brown); margin-left: 3px;}
.com_inquiry_sect .cont .form_wrap .form_inp .inp input:focus + .placeholder { opacity: 0; }
.com_inquiry_sect .cont .form_wrap .form_priv{order:3; margin-top: 2.4rem;}
.com_inquiry_sect .cont .form_wrap .form_submit { width: 100%; height:var(--inpH); margin-top: 2.4rem; border-radius: 0.8rem; color:#fff; font-size: var(--txt); background-color: var(--green); text-align: center; font-weight: 600; transition: background-color 0.3s ease-in-out;}
.com_inquiry_sect .cont .form_wrap .form_submit:hover{background-color: var(--black);}
.com_inquiry_sect .cont .com_inquiry_list{width: 35%; flex-shrink: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1em;}
.com_inquiry_sect .cont .com_inquiry_list .item a{background-color: #fff; border-radius: 1.6rem; height:max(16rem, 200px); padding:0;}
/* 이용안내_비급여안내 */
.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.certifi{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; }
.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: var(--bg); border: 1px solid var(--lineColor); font-size: var(--txt); 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 th:last-child { border-right: none; }
/* .noncover_page .tbl_sect .tbl_wrap table tr:first-child ~ tr th { border-top: 1px solid var(--lineColor); } */
.noncover_page .tbl_sect .tbl_wrap table td { padding: 1em; border: 1px solid var(--lineColor); font-size: var(--txt); word-break: keep-all; text-align: center;}
.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 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; }
/* 이용안내_온라인 서류발급 */
.doc_page .doc_sect .cont{display: flex; justify-content: space-between; margin-top: var(--contMt);}
.doc_page .doc_sect .cont .list_wrap{width: 95rem;}
.doc_page .doc_sect .cont .list_wrap .list{border-top: 1px solid var(--lineColor);}
.doc_page .doc_sect .cont .list_wrap .list .item{display: flex; align-items: center; font-size:var(--txt2); padding: 3.2rem; border-bottom: 1px solid var(--lineColor); font-weight: 500;}
.doc_page .doc_sect .cont .list_wrap .list .item .tit{font-weight: 700; width: 20rem; flex-shrink: 0; text-align: center;}
.doc_page .doc_sect .cont .list_wrap .list .item .txt{font-weight: 400;}
.doc_page .doc_sect .cont .list_wrap .list .item .tit + .txt,
.doc_page .doc_sect .cont .list_wrap .list .item .tit + ul{margin-left: 2.4rem;}
.doc_page .doc_sect .cont .list_wrap .round_btn{margin-top: var(--contSmMt);}
.doc_page .doc_sect .cont + .cont{margin-top: 15.3rem;}
.doc_page .doc_sect.online .cont .list_wrap .list .item .txt{font-weight: 500;}
.doc_page .doc_sect.offline{padding-top: var(--sectPd);}
/* 오시는길 */
.location_page .map_sect .address{display: flex; align-items: center; font-size:var(--tit); font-weight: 700;}
.location_page .map_sect .address .copy_btn svg{width:0.8em; height: 0.8em; margin-top: 0.2em;}
.location_page .map_sect .address .txt p{display: inline;}
.location_page .map_sect .btn_list{display: flex; align-items: center; margin-top: var(--contSmMt);}
.location_page .map_sect .btn_list .item{display: flex; align-items: center;}
.location_page .map_sect .btn_list .item + .item{margin-left: 1em;}
.location_page .map_sect .btn_list .item a{display: flex; align-items: center; font-weight: 600; line-height: 1; font-size:var(--txt); padding: 0.9em 1.6em 0.8em 1.6em; border:1px solid var(--lineColor); border-radius: 10rem; background-color: #fff; transition: background-color 0.5s ease, color 0.5s ease;;}
.location_page .map_sect .btn_list .item a .ico{margin-right: 0.7em; height: 1.4em; flex-shrink:0;}
.location_page .map_sect .btn_list .item a .ico img{height: 100%;}
.location_page .map_sect .map{position: relative; padding-top: 50%; width: 100%; margin-top: var(--contMt); border-radius: var(--smRadius); overflow: hidden;}
.location_page .map_sect .map .map_cont{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.location_page .location_sect{padding-top: var(--sectPd);}
.location_page .location_sect .way_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--contSmMt);}
.location_page .location_sect .way_list > .item{opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out 0.8s, opacity 1s ease-in-out 0.8s;}
.location_page .location_sect .active + .way_list > .item {padding-right:6rem; opacity:1; transform: translateY(0);}
.location_page .location_sect .way_list > .item .tit_cir{display:flex; flex-direction: column; align-items: center; justify-content: center; font-size:var(--smTxt); background-color: var(--bg); border-radius: 50%; width: 9.3em; height: 9.3em; margin-bottom:2rem;}
.location_page .location_sect .way_list > .item .tit_cir .ico svg{width: 3.125em; height: 3.125em;}
.location_page .location_sect .way_list > .item .tit_cir .tit {color:#797355; font-weight: 700; line-height: 1; margin-top: 0.3em;}
.location_page .location_sect .way_list > .item .txt {font-size:var(--txt2); font-weight: 700; margin-bottom: 1.6rem;}
.location_page .location_sect .way_list > .item .info_txt{font-size: var(--txt); font-weight: 400; line-height: 1.2;}
.location_page .location_sect .way_list > .item .list li .label{display: inline-block; font-size:var(--smTxt); background-color: var(--green); border-radius: 0.8rem; line-height: 1; padding:0.5em 0.9em 0.5em; margin-right: 1em; color:#fff; font-weight: 700;}
.location_page .location_sect .way_list > .item .list li{margin-bottom: 1.6rem;}
.location_page .location_sect .way_list > .item.subway .list li .label.c_green{background-color: #9ECF17;}
.location_page .location_sect .way_list > .item.bus .list li .label.c_blue{background-color: #2C6FEB;}
.location_page .location_sect .way_list > .item.bus .list li .label.c_green{background-color: #49B40C;}
.location_page .info_sect{padding-top: var(--sectPd);}
.location_page .info_sect .in {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:4rem;}
.location_page .info_sect .in > div{display: flex;}
.location_page .info_sect .sub_tit + .cont {opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out 0.8s, opacity 1s ease-in-out 0.8s;}
.location_page .info_sect .sub_tit.active + .cont {opacity: 1; transform: translateY(0);}
.location_page .info_sect .sub_tit{margin-right: 4rem; line-height: 1;}
.location_page .info_sect .time_cont .table_box tr{font-size:var(--txt2); font-weight: 700;}
.location_page .info_sect .time_cont .table_box tr td{line-height: 1; padding-bottom: 3.2rem;}
.location_page .info_sect .time_cont .table_box tr td:first-child{padding-right: 4rem;}
.location_page .info_sect .time_cont .table_box tr td:last-child{font-size:2.25em;}
.location_page .info_sect .time_cont .table_box + .info_txt_box{margin-top: 0;}
.location_page .info_sect .tel_cont .tel_txt{font-weight: 700; font-size: var(--tit); line-height: 1;}
/* 게시판 공통 */
.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;}
.empty_box span{font-size: var(--txt);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: #B0B0B0; transition: all 0.3s; height: 1.3em; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2.5rem; }
.pagination .num_list li { position: relative; width: 2.45em; height: 2.45em; margin: 0 0.25rem; border-radius: 50%; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 2.45em; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; font-weight: 700; }
.pagination .num_list li.active a:before { background-color: var(--green); }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }
.board_list_top {display: flex; align-items: flex-end; justify-content: space-between; margin: 6.4rem 0 3.2rem;}
.board_list_top .sch_box{width: 46rem; max-width: 100%;}
.board_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; height: var(--inpH); background-color: var(--bg); border-radius: 10rem; padding: 0 1.4em;}
.board_list_top .sch_box .sch_inp input{width:90%; height: 100%; background-color: var(--bg); }
.board_list_top .sch_box .sch_inp input + button svg{transition: fill 0.3s ease;}
.board_list_top .sch_box .sch_inp input:focus + button svg{fill:var(--alertColor)}
.board_list_top .total_num{font-size:var(--smTxt)}
.board_list_top .total_num strong {font-weight: 700; color:var(--green);}
/* 온라인 상담 */
.board_list .list li a { display: flex; align-items: center; height: 10rem; padding-right: 4rem; border-top: 1px solid var(--lineColor); transition: background-color 0.3s ease-in-out; }
.board_list .list li a:hover{background-color: var(--bg);}
.board_list .list li:last-child a { border-bottom: 1px solid var(--lineColor); }
.board_list .list .type { font-size: var(--txt); font-weight: 600; color: var(--green); width: 10em;text-align: center;}
.board_list .list .tit { font-weight: 700; font-size: var(--lgTxt); flex: 1; padding-right: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_list .list .txt { font-weight: 500; font-size: var(--smTxt); color: var(--gray); margin-right: 4rem;}
.board_list .state { width: 5.625em; padding:0.7em 0; line-height: 1; text-align: center; border-radius: 100px; font-size: var(--smTxt); font-weight: 500; }
.board_list .state.wait { background-color: #9C9C9C; color: #fff; }
.board_list .state.clear { background-color: var(--green); color: #fff; }
.board_list .state.check { background-color: #f05a28; color: #fff; }
.board_list + .btn_box{display: flex; justify-content: flex-end;}
.btn_box .btn { display: flex; align-items: center; max-width: max-content; margin-top: 2.4rem; line-height: 1; padding: 1.1em 1.6em 1em; border:1px solid var(--black); background-color: #fff; font-weight: 600; border-radius: 7rem; transition: all 0.3s ease; }
.btn_box .btn .ico{margin-left: 1em; width: 1em; height: 1em;}
.btn_box .btn .ico svg{display: block; width: 100%;}
.btn_box .btn .ico svg path{transition: all 0.3s ease;}
.btn_box .btn:hover{background-color: var(--black); color:#fff;}
.btn_box .btn:hover .ico svg path{fill: #fff;}
/* 온라인 상담 글쓰기 */
.reserv_write_page .in{font-size:var(--txt); width: 104rem; max-width: calc(900px + calc(var(--inPd) * 2));}
.reserv_write_page .write_form{margin-top: var(--contMt); padding-top: var(--contMt); border-top: 1px solid var(--lineColor);}
.reserv_write_page .write_form .in {--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(--brown); 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(--txt); 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,') 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(--gray); color:#BCBFC7; font-weight: 500;}
.reserv_write_page .write_form .form_list li .inp_txt { margin-top: 10px; font-size: calc(var(--txt) * 0.85); color: var(--gray); }
.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 .file_btn:hover{background-color: #000; color:#fff;}
.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(--gray); 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; height: var(--inpH); background-color: var(--green); font-size:var(--txt); font-weight: 600; border-radius: 7rem; color:#fff; transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }
.reserv_write_page .write_form .form_btn_box .btn:hover{background-color: var(--black);}
/* 비밀번호체크 모달 */
.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(--lgTxt2); 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: var(--bg); font-size: var(--txt); 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(--smTxt); color:var(--gray)}
.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(--txt); 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(--green); border-color: var(--green); color: #fff; font-weight: 700; }
.modal .modal_wrap .modal_cont.password .btn_wrap > * + * { margin-left: 0.8rem; }
.modal .modal_wrap .modal_cont.password .btn_wrap > *:hover{background-color: var(--black); color:#fff;}
/* 미디어_썸네일 게시판 */
.media_list .list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8rem 3rem;}
.media_list .list a { display: block;position: relative;}
.media_list .list li{background-color: var(--bg); border-radius: 1.6rem;}
.media_list .list li .img_box { position: relative; overflow: hidden;}
.media_list .list li .img_box .img {position: relative; padding-top: 100%; border-radius: 1.6rem; overflow: hidden; background-color: #CFCFCF;}
.media_list .list li .img_box .img img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; transition: transform 0.3s ease;}
.media_list .list li .img_box.youtubeBox img{width: 90%; left:5%; object-fit: contain;}
.media_list .list li .img_box .img img {transition: transform 0.3s ease;}
.media_list .list li .img_box .img img.non_thumb { width: 60%; top: 0; left: 50%; transform: translateX(-50%); object-fit: contain; }
/*.pinter_list .grid-sizer{width:25%;}*/
/*.pinter_list .gutter-sizer{width:3.2rem;}*/
/*.pinter_list .item{width: calc(25% - 9.6rem/4); margin-bottom: 3.2rem;}*/
.media_list .list li .txt_box {padding: 3.2rem;}
.media_list .list li .txt_box .tit { font-size: var(--lgTxt); font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5;}
.media_list .list li .txt_box .date{ font-size: var(--smTxt); color:#696969; margin-top: 3.2rem; }
/* Hover */
@media screen and (min-width: 1241px) {
.com_inquiry_sect .cont .com_inquiry_list .item a{border:1px solid #fff; transition: border 0.3s, color 0.3s ease;}
.com_inquiry_sect .cont .com_inquiry_list .item.tell a{border:none !important;}
.com_inquiry_sect .cont .com_inquiry_list .item a:hover {border-color: var(--green); color: var(--green);}
.com_inquiry_sect .cont .com_inquiry_list .item.tell a:hover {border: none; color:inherit;}
.reserv_page .goto_cont .com_inquiry_list .item:nth-child(1){pointer-events: none;}
.reserv_page .goto_cont .com_inquiry_list .item a{ transition: border 0.3s, transform 0.3s ease;}
.reserv_page .goto_cont .com_inquiry_list .item a:hover{transform: translateY(-15px); border:1px solid var(--brown);}
.reserv_page .goto_cont .com_inquiry_list .item:first-child a:hover{transform: translateY(0); border:none !important;}
.com_inquiry_sect .cont .com_inquiry_list .item.tell a {cursor: default; pointer-events: none;}
.media_list .list a:hover .img_box .img img{transform: scale(1.1);}
.com_program_sect .list .item:hover .cont_box{transform: translateY(0);}
.com_program_sect .list .item:hover .cont_box .hover_box{opacity: 1;}
.com_program_sect .list .item:hover .bg .img{border-radius: 0 0 40rem 0;}
.location_page .map_sect .btn_list .item a:hover{background-color: var(--black); color:#fff;}
}