@charset "UTF-8";



.sub_pd { padding-bottom: var(--subPd); }

.view_top {padding: calc(var(--hdH) + 40px) 0 0;}

.sub_top { padding: calc(var(--hdH) + 2rem) 0 var(--titContM1); }
.sub_top .lnb { display: flex; align-items: center; height: 45px; border: 1px solid #002575; border-radius: 2em; display: none;}
.sub_top .lnb .home { display: flex; align-items: center; justify-content: center; width: 60px; height: 100%; border-right: 1px solid #DADCE1; fill: #2C44A0; }
.sub_top .lnb .home svg { display: flex; align-items: center; justify-content: center; }
.sub_top .depth_bar { display: flex; align-items: center; }
.sub_top .depth_bar .sel { position: relative; }
.sub_top .depth_bar .sel + .sel { margin-left: 1em; }
.sub_top .depth_bar .sel .nice-select { padding-left: 1em; padding-right: 1.6em; border: 0; border-radius: 0; font-size: var(--txt3); font-weight: 500; }
.sub_top .depth_bar .sel .nice-select .list { min-width: 100%; border-radius: 0; border: 1px solid #002575; }
.sub_top .depth_bar .sel .nice-select .list .option { min-height: unset; height: unset; line-height: var(--titLineH); padding: 1em; }
.sub_top .depth_bar .sel.current .current { font-weight: 700; color: #2C44A0; }
.sub_top .depth_bar .sel .nice-select:after { right: 0; width: 12px; height: 12px; margin-top: -0.5em; font-size: 1em; border: 0; transform: rotate(0); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em"><path d="M256 417.9l17-17L465 209l17-17L448 158.1l-17 17-175 175L81 175l-17-17L30.1 192l17 17L239 401l17 17z"/></svg>')center/contain no-repeat; transform-origin: center; transition: transform 0.3s; }
.sub_top .depth_bar .sel .nice-select.open:after { transform: rotate(180deg); }

.sub_top .tit_box { display: flex; flex-direction: column; align-items: center; }
.sub_top .tit_box .tit { font-size: var(--tit1); font-weight: 700; color: #262F40; text-align: center; display: flex; align-items: center; justify-content: center}

.sub_top .tit_box .txt { margin-top: 10px; text-align: center;}
.sub_top .com_info_box {margin: var(--titContM1) auto 0; display: flex; }
.sub_top .video {margin-top: 20px; position: relative;}
.sub_top .youtube {width: 100%; padding-top: 56.7%;}
.sub_top .youtube iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}


.sub_top .info_btn {margin-left: 0.5em;display: inline-flex;align-items: center; vertical-align: middle; margin-top: -2px;}
.sub_top svg {width: 1em;height: auto;fill: #AAB0BD;}




/* 공용 css에 옮길 에정 */

.toggle_chk {display: flex; align-items: center;font-size: var(--txt3);font-weight: 500;color: #7A8390; margin-left: auto;}
.toggle_chk input + label {position: relative; display: block; height: 32px; height: 16px;padding-left: 40px;}
.toggle_chk input + label::before {content: '';display: block;box-sizing: border-box;position: absolute;top: 3px;left: 0;width: 36px;height: 19px;border-radius: 10px;background-color: #ccd0d6;}
.toggle_chk input + label::after {content: '';position: absolute;top: 6px;left: 3px;width: 13px;height: 13px;box-sizing: border-box;border-radius: 50%;border: 1px solid rgba(0,0,0,0.04);box-shadow: 1px 0 2px 0 rgba(0,0,0,0.1);background-color: #fff;transition: .2s ease-out;}
.toggle_chk input:checked + label:before {background-color:#262F40}
.toggle_chk input:checked + label:after {box-shadow:-1px 0 2px 0 rgba(0,0,0,0.1);left:20px; }




.big_line {border-top: 7px solid var(--grayBg1);}


/* 글자 앞에  · 표시 공용 */
.dot_line {display: flex;}
.dot_line::before {content: "·"; display: block; margin-right: 0.25em ;flex-shrink: 0;  font-size: 1em;}


/* 파란배경 i 들어가는 박스 */
.com_info_box { display: flex; align-items: flex-start; padding: 10px 9px; border-radius: 10px; background-color: #F8F8FB; color: #7A8390; fill: #7a8390; font-size: var(--smTxt1); word-break: break-all}
.com_info_box .ico {width: 1em; height: 1.6em;margin-right: 0.35em; flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%237a8390"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}
.com_info_box .list + .list {margin-top: 3px}

.com_info_box.bg_wh {background-color: #fff;}
.com_info_box.dark_gy {background-color: #E9EBF1;}



/* .com_info_box.gray { background-color: #E9EBF1; color:#616775; margin-top: 20px;}
.com_info_box.gray .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23616775"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}
 */

    /* tag  */
.com_tag {display: inline-flex;align-items: center;padding: 0.3em 0.8em 0.2em;border-radius: 0.5em;background-color: var(--tagBg1);color: var(--tagCol1);font-weight: 600;font-size: var(--smTxt2);}
.com_tag.sm {font-size: 13px;}
.com_tag.type2 {background-color: var(--tagBg2);color: var(--tagCol2);}
.com_tag.type3 {background-color: #DFF4CF;color: #2EA853;}
.com_tag.type4 {background-color: #F3F4F8; color: var(--colorBlue1)}

.com_tag .ico {width: 1em; height: 1em; display: block; margin-right: 0.5em; background: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45" height="46" viewBox="0 0 45 46"><defs><clipPath id="clip-path"><rect id="사각형_7551" data-name="사각형 7551" width="44" height="46" transform="translate(0.093)" fill="none"/></clipPath></defs><rect id="사각형_7549" data-name="사각형 7549" width="13.327" height="27.216" transform="translate(0 6.795) rotate(-29.883)" fill="%232F6BF0"/><rect id="사각형_7550" data-name="사각형 7550" width="27.216" height="13.326" transform="translate(19.6 23.754) rotate(-60.124)" fill="%232F6BF0"/><g id="그룹_8899" data-name="그룹 8899" transform="translate(0.907)" clip-path="url(%23clip-path)"><path id="패스_6917" data-name="패스 6917" d="M36.7,29.021c0,8.076-6.924,14-15,14s-15-5.924-15-14a15.276,15.276,0,0,1,15-15,15.275,15.275,0,0,1,15,15" transform="translate(0.397 2.978)" fill="%23f8ce00"/><path id="패스_6918" data-name="패스 6918" d="M25.13,27.457a4.783,4.783,0,0,1-5,5,4.784,4.784,0,0,1-5-5c0-2.944,2.057-6,5-6s5,3.056,5,6" transform="translate(1.963 4.544)" fill="%23e0a024"/></g></svg>') no-repeat center / contain;}
.com_tag.type2 .ico { background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46.001" height="46.001" viewBox="0 0 46.001 46.001"><defs><clipPath id="clip-path"><rect id="사각형_7556" data-name="사각형 7556" width="46.001" height="46.001" fill="none"/></clipPath></defs><g id="그룹_8910" data-name="그룹 8910" clip-path="url(%23clip-path)"><path id="패스_6927" data-name="패스 6927" d="M46,23A23,23,0,1,1,23,0,23,23,0,0,1,46,23" transform="translate(0 0)" fill="%2344d46e"/><path id="패스_6928" data-name="패스 6928" d="M32.635,18.856a11.469,11.469,0,0,1-3.2,7.946l-.155.155a11.4,11.4,0,0,1-8.1,3.359H18.791a11.463,11.463,0,0,1-11.46-11.46Z" transform="translate(3.015 7.755)" fill="%233a556a"/><path id="패스_6929" data-name="패스 6929" d="M28.5,25.514l-.155.155a11.4,11.4,0,0,1-8.1,3.359H17.857A11.477,11.477,0,0,1,9.6,25.514a1.691,1.691,0,0,1,.155-.169,11.424,11.424,0,0,1,8.1-3.359h2.385A11.361,11.361,0,0,1,28.5,25.514" transform="translate(3.949 9.042)" fill="%23e56353"/><path id="패스_6930" data-name="패스 6930" d="M13.581,13.681a3.34,3.34,0,1,1-3.34-3.34,3.341,3.341,0,0,1,3.34,3.34" transform="translate(2.838 4.252)" fill="%233a556a"/><path id="패스_6931" data-name="패스 6931" d="M20.962,13.681A3.34,3.34,0,1,0,24.3,10.34a3.341,3.341,0,0,0-3.341,3.34" transform="translate(8.621 4.252)" fill="%233a556a"/></g></svg>') no-repeat center / contain;}

/* 검색박스  */
.com_sch_box {position: relative;  width: 100%}
.com_sch_box input {width: 100%; height: 3.5em; padding: 0 1em; font-size: var(--txt2); background-color: #F3F4F8; border-radius: 0.5em; font-weight: 600; padding-right: 60px;}
.com_sch_box input::placeholder {color: var(--colorBlue1);}
.com_sch_box .ico {position: absolute; right: 1em; top: 50%; transform: translateY(-50%); width: 1.1em; height: 1.1em; cursor: pointer; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%231C369A"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1l124 124 17 17L478.1 512l-17-17-124-124z"/></svg>') no-repeat center / contain;}

/* 리스트 위에 있는 체크박스 ex) ~~먼저보기 */
.view_chk label { display: flex; align-items: center; font-size: var(--txt3); font-weight: 500; fill: #7A8390; color: #7A8390; }
.view_chk label .ico { margin-right: 0.5em; width: 1.2em; height: 1.2em;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23BDC2CD"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.view_chk input:checked + label { color: #262F40; }
.view_chk input:checked + label .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23262F40"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain; }

/* 리스트 위에 있는 원형 셀렉트 ex) 지점 */
.list_sel .nice-select { display: inline-block; width: auto; height: 2.6em; padding: 0 3em 0 1em ;line-height: 2.6em; border-radius: 20px ; border: 1px solid var(--grayLine); font-size: var(--txt3); font-weight: 500; transition: none;}
.list_sel .nice-select::after {width: 1em; height: 1em; right: 1em; top: 50%; margin-top: 0; transform: translateY(-50%) ;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain; border: none; transform-origin: center; }
.list_sel .nice-select.open {border-radius: 20px 20px 0 0;border-bottom: none;}
.list_sel .nice-select .list {transition: none;margin-top: 0px;border: 1px solid var(--grayLine) !important; border-top: none;box-shadow: none;border-radius: 0 0 20px 20px;width: calc(100% + 2px);padding-bottom: 5px;left: 50%;transform: translateX(-50%);max-height: 200px;overflow-y: auto;}
.list_sel .nice-select .list::-webkit-scrollbar {-webkit-appearance: none;}
.list_sel .nice-select .list::-webkit-scrollbar:vertical {width: 3px;}
.list_sel .nice-select .list::-webkit-scrollbar:horizontal {height: 5px;}
.list_sel .nice-select .list::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 5px;}
.list_sel .nice-select .list::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.list_sel .nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.list_sel .nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 15px;}



.list_sel .nice-select .option {min-height: 0; height: 2.3em; line-height: 2.3em; padding: 0 1em; }

/* 베스트 리뷰  */
.best_badge {display: inline-flex; align-items: center; padding: 0.3em 0.9em; margin-bottom: 10px; background-color:var(--colorBlue2); color: #fff; font-size: var(--txt3); font-weight: 600; border-radius: 0.5em; display: none}
.best_badge .ico {content: "";display: block;width: 1.1em;height: 1.7em;margin-right: 5px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.131" height="32.948" viewBox="0 0 33.131 32.948"><defs><clipPath><rect width="33.131" height="32.948" fill="none"/></clipPath></defs><g clip-path="url(%23clip-path)"><path d="M20.491,40.669A11.657,11.657,0,1,1,32.148,29.013,11.669,11.669,0,0,1,20.491,40.669" transform="translate(-3.93 -7.721)" fill="%239cc2ff"/><path d="M26.844,30.8l4,.62-2.925,2.8.647,4L25,36.3l-3.6,1.85.722-3.983-2.872-2.853,4.012-.545,1.826-3.613Z" transform="translate(-8.564 -12.081)" fill="%23fff"/><path d="M16.468,5.366,11.1,0S.2.2,0,0L11.1,11.1" transform="translate(0 0)" fill="%232e86ef"/><path d="M20,11.1,30.362,0H42.019l-11.1,11.1" transform="translate(-8.898 0)" fill="%2366a4ff"/></g></svg>') no-repeat center / contain;}







/* 하단 버튼 공용 */


.key_sch_box { padding: 20px 0; background-color: var(--colorBlue2); }
.key_sch_box .sch_box { display: flex; align-items: center; justify-content: space-between; height: 3.5em; padding: 0 1em; border-radius: 8px; background-color: #fff; overflow: hidden; }
.key_sch_box .sch_box .inp { width: 100%; height: 100%; }
.key_sch_box .sch_box .inp input { width: 100%; height: 100%; font-weight: 600; }
.key_sch_box .sch_box .inp input::placeholder { color: #7A8390; }
.key_sch_box .sch_box .ico { display: flex; align-items: center; justify-content: center; margin-left: 0.6em; font-size: 1.3em; flex-shrink: 0; fill: var(--colorBlue2); }

.key_sch_box .tag_wrap .tit,
.key_sch_box .pnt_wrap .tit { margin-bottom: 10px; font-size: var(--txt3); font-weight: 700; color: rgba(255,255,255,0.5); display: none;}

.key_sch_box .tag_wrap { margin-top: 32px; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.key_sch_box .tag_box { margin: -10px -2px 0 0; font-size: var(--txt2); }
.key_sch_box .tag_box .tag { display: inline-block; padding: 0 0.6em; margin-top: 10px; margin-right: 2px; color: #D3E1FF; border: 1px solid #A3C1FF; font-weight: 500; border-radius: 2em; white-space: nowrap; }

.key_sch_box .pnt_wrap { margin-top: 30px; }
.key_sch_box .pnt_wrap .pnt_box { overflow: hidden; position: relative; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 0; font-size: var(--txt3);}
.key_sch_box .pnt_wrap .pnt_box .pnt { display: flex; align-items: center; justify-content: center; width: 100%; color: #fff; font-weight: 600; border-radius: 10em; white-space: nowrap; }
.key_sch_box .pnt_wrap .pnt_box .pnt .btn {border: 1px solid transparent; display: block; padding: 0.25em 1em;  border-radius: 10em;}
.key_sch_box .pnt_wrap .pnt_box .pnt.active { }
.key_sch_box .pnt_wrap .pnt_box .pnt.active .btn {border-color: #fff; background-color: #fff; color: var(--colorBlue1); font-weight: 700;}

.key_sch_box .pnt_wrap .open_btn {display: none; align-items: center; justify-content: center; margin: 20px auto 0; padding: 0.4em 1em; font-size: var(--txt3); background-color: rgba(255,255,255,0.1); color: #fff; border-radius: 100px;}
.key_sch_box .pnt_wrap .open_btn svg {width: auto; height: 1em; fill: #fff; margin-left: 1em; transition: transform 0.3s ease-in-out;}

.key_sch_box .pnt_wrap.open .pnt_box {height: 132px;}
.key_sch_box .pnt_wrap.open .pnt_box::before {opacity: 0;}
.key_sch_box .pnt_wrap.open .open_btn svg {transform: rotate(180deg);}


.com_sch_box + .sub_full_tab {margin-top: var(--titContM1);}
.sub_full_tab { display: flex; align-items: center; overflow: auto;  width: 100%; margin:0px calc(var(--inPd) * -1) 0; background-color: var(--grayBg2); border-radius: 10px; padding: 0;}
.sub_full_tab::-webkit-scrollbar { display: none; }
.sub_full_tab .tab { padding: 0.7em 1em;  color: #7A8390; border-radius: 10px; font-weight: 700; white-space: nowrap; line-height: 1.6; font-size: 15px; flex: 1;}
.sub_full_tab .tab.active { color: #fff; background-color:#262F40; }
.sub_full_tab .tab::after {content: "";position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 1em; background-color: #e3e3e7; z-index: 1; display: none;}
.sub_full_tab .tab.active::after {content: none;}
.sub_full_tab .tab:last-child:after {content: none;}

.com_sch_box + .sub_btn_tab {margin-top: 20px;}
.sub_btn_tab { display: flex; align-items: center; overflow: auto;  width: calc(100% + var(--inPd) * 2) ; margin-left: calc(var(--inPd) * -1) ; padding: 0 var(--inPd);}
.sub_btn_tab::-webkit-scrollbar { display: none; }
.sub_btn_tab .tab { padding: 0.5em 1.2em; background-color: var(--grayBg2); color: #7A8390; border-radius: 2em; font-weight: 600; white-space: nowrap; line-height: 1.6; transition: 0.3s ease-in-out; cursor: pointer;}
.sub_btn_tab .tab + .tab { margin-left: 6px; }
.sub_btn_tab .tab.on,
.sub_btn_tab .tab.active { color: #fff; background-color:#262F40; }

.sub_btn_tab.slide_type {overflow: hidden; justify-content: flex-start; max-width: alc(100% + var(--inPd) * 2) ; margin-left: 0; padding: 0;}
.sub_btn_tab.slide_type .swiper-container {padding: 0 var(--inPd);}
.sub_btn_tab.slide_type .swiper-slide {width: auto;}

.sub_btn_tab + .com_info_box {margin-top: 10px;}








.growth-box2 .sub_btn_tab .tab:not(.active) {background: var(--grayBg2)}

/*.sub_btn_tab.center {justify-content: center}*/



.staff_info_cont { position: relative; padding-bottom: 90px; }
.staff_info_cont .community_list_top .sub_btn_tab {margin-top: 0;}

.sub_dapth2_tab { display: flex; align-items: center; overflow: auto; width: calc(100% + var(--inPd)* 2) ; margin:20px calc(var(--inPd) * -1) 0; padding: 0 var(--inPd); border-bottom: 1px solid var(--grayLine); font-size: var(--txt3);}
.sub_dapth2_tab.center {justify-content: center}
.sub_dapth2_tab::-webkit-scrollbar { display: none; }
.sub_dapth2_tab .tab { position: relative; padding-bottom: 10px; font-weight: 600; color: #7A8390; white-space: nowrap; transition: color 0.3s ease-in-out;}
.sub_dapth2_tab .tab + .tab { margin-left: 25px; }
.sub_dapth2_tab .tab.active { color: #262F40; font-weight: 700; border-bottom: 2px solid #262F40;}
.sub_dapth2_tab .tab:hover { color: #262F40; }

.staff_list_wrap { }
.staff_list_wrap .staff_list_top { display: flex; align-items: center; justify-content: space-between; }
.staff_list_wrap .staff_list_top .view_chk {margin-left: auto}
.staff_list_wrap .staff_list_top .label_wrap { display: flex; align-items: center; display: none;}
.staff_list_wrap .staff_list_top .label_wrap .label { display: flex; align-items: center; font-size: var(--txt3); color: #7A8390; font-weight: 500; }
.staff_list_wrap .staff_list_top .label_wrap .label + .label { margin-left: 10px; }
.staff_list_wrap .staff_list_top .label_wrap .label .ico { display: flex; align-items: center; justify-content: center; margin-right: 3px; }
.staff_list_wrap .staff_list_top .label_wrap .label.type1 .ico { fill: #636FEC; }
.staff_list_wrap .staff_list_top .label_wrap .label.type2 .ico { fill: #FF6F6A; }
.staff_list_wrap .staff_list_top .label_wrap .label.type3 .ico { fill: #5ECE6B; }
.staff_list_wrap .staff_list_top .label_wrap .label .ico svg { display: flex; align-items: center; justify-content: center; }






.staff_list_wrap .staff_list { padding-top: 15px; border-top: 1px solid var(--grayLine); }
.staff_list_wrap .staff_list .box { display: block; }
.staff_list_wrap .staff_list .staff_box { display: block; }
.staff_list_wrap .staff_list .staff_box + .staff_box { margin-top: 56px; }
.staff_list_wrap .staff_list .staff_box .top { display: grid; grid-template-columns: 39% minmax(0, 1fr); }
.staff_list_wrap .staff_list .staff_box .top .img_wrap { position: relative; display: block; width: 100%; padding-top: 100%; background-color: #E9EDF4; border-radius: 8px; overflow: hidden; }
.staff_list_wrap .staff_list .staff_box .top .img_wrap .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.staff_list_wrap .staff_list .staff_box .top .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }

.staff_list_wrap .staff_list .staff_box .top .txt_wrap { margin-left: 12px; }

.staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box {  }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .cate { display: flex; align-items: center; margin-bottom: 5px; font-size: var(--txt3); font-weight: 700; color: var(--titCol); }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .cate .label { display: flex; align-items: center; padding: 0 0.6em; margin-left: 5px; font-size: 12px; font-weight: 600; background-color: var(--tagBg1); border-radius: 0.25em; white-space: nowrap; }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .cate .label::before {content: ""; display: block; width: 1em; height: 1em; margin-right: 3px ;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.131" height="32.948" viewBox="0 0 33.131 32.948"><defs><clipPath><rect width="33.131" height="32.948" fill="none"/></clipPath></defs><g clip-path="url(%23clip-path)"><path d="M20.491,40.669A11.657,11.657,0,1,1,32.148,29.013,11.669,11.669,0,0,1,20.491,40.669" transform="translate(-3.93 -7.721)" fill="%239cc2ff"/><path d="M26.844,30.8l4,.62-2.925,2.8.647,4L25,36.3l-3.6,1.85.722-3.983-2.872-2.853,4.012-.545,1.826-3.613Z" transform="translate(-8.564 -12.081)" fill="%23fff"/><path d="M16.468,5.366,11.1,0S.2.2,0,0L11.1,11.1" transform="translate(0 0)" fill="%232e86ef"/><path d="M20,11.1,30.362,0H42.019l-11.1,11.1" transform="translate(-8.898 0)" fill="%2366a4ff"/></g></svg>') no-repeat center / contain ;
}



.staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .name { font-size: var(--tit2); font-weight: 700; line-height: 1.2; }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .reac_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .reac_box .reac { display: flex; align-items: center; justify-content: center; font-size: var(--txt3); font-weight: 500; color: #7A8390; }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .reac_box .reac + .reac::before {content: "·"; margin: 0 10px;}
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .reac_box .reac .num { margin-left: 0.5em; font-weight: 700; color: #262F40; font-size: 1em; line-height: 1.7; color: #7A8390;}
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .reac_box .reac .new { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 5px; border-radius: 50%; background-color: #FF5300; font-size: 11px; font-weight: 600; color: #fff; }
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .reac_box .reac .new { display: none; }

.staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap { display: grid; grid-template-columns: repeat(2,minmax(0,2fr)) ;margin-top: 10px; margin-top: 20px; gap: 8px;}
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.6em 1.2em; border-radius: 2em; font-size: var(--txt3); font-weight: 600; color: #7A8390; background-color: #fff; border: 1px solid #7A8390; line-height: 1.3}
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap .btn .ico {width: 0.9em; height: 0.9em; margin-left: 10px; display: inline-block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z"/></svg>') no-repeat center / contain; display: none;}
.staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap .btn.type2 { color: #fff; background-color: var(--colorBlue1); border-color: var(--colorBlue1);}



.staff_list_wrap .staff_list .staff_box .list_tbl { display: block; margin-top: 15px; border-radius: 10px; overflow: hidden; }
.staff_list_wrap .staff_list .staff_box .list_tbl table { width: 100%; border-collapse: collapse; background-color: var(--grayBg1);}
.staff_list_wrap .staff_list .staff_box .list_tbl table th { height: 42px;  font-weight: 600; }
.staff_list_wrap .staff_list .staff_box .list_tbl table th.month { font-size: var(--txt3); }

.staff_list_wrap .staff_list .staff_box .list_tbl table th .week { font-size: var(--smTxt2); line-height: 1.2; }
.staff_list_wrap .staff_list .staff_box .list_tbl table th .day { font-size: var(--txt3); line-height: 1.2; }

.staff_list_wrap .staff_list .staff_box .list_tbl table tr:last-child td { border-bottom: 0; }
.staff_list_wrap .staff_list .staff_box .list_tbl table td { height: 32px; text-align: center; border-bottom: 1px dashed #B9C4DA; }
.staff_list_wrap .staff_list .staff_box .list_tbl table td.time { border-right: 1px solid rgba(185,196,218,0.4); font-size: var(--txt3); color: var(--tagBg4); font-weight: 600; }
.staff_list_wrap .staff_list .staff_box .list_tbl table td span { display: inline-block; width: 12px; height: 12px; }
.staff_list_wrap .staff_list .staff_box .list_tbl table td.on span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%235791E8"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>')center/contain no-repeat; }
.staff_list_wrap .staff_list .staff_box .list_tbl table td.part span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%232FA853"><path d="M0 480L256 32 512 480H0z"/></svg>')center/contain no-repeat; }
.staff_list_wrap .staff_list .staff_box .list_tbl table td.night span { width: 14px; height: 14px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23E51DA2" height="1em"><path d="M288.1 0l86.5 164 182.7 31.6L428 328.5 454.4 512 288.1 430.2 121.7 512l26.4-183.5L18.9 195.6 201.5 164 288.1 0z"/></svg>')center/contain no-repeat; }


.staff_list_wrap .staff_list .staff_box .list_tbl { display: grid; grid-template-columns: 62px minmax(0, 1fr); margin-top: 16px; overflow: hidden; width: calc(100% + var(--inPd));}
.staff_list_wrap .staff_list .staff_box .list_tbl .left {padding: 47px 5px 5px 10px;background: var(--grayBg2);border-radius: 10px 0 0 10px;}
.staff_list_wrap .staff_list .staff_box .list_tbl .left .month { display: flex; align-items: cen; justify-content: center; height: 42px; font-size: var(--txt3); font-weight: 600; color: var(--tagBg4); background-color: #eee; border-bottom:1px solid #C8C8C8; border-right: 1px solid rgba(185,196,218,0.37); }
.staff_list_wrap .staff_list .staff_box .list_tbl .left .time {display: flex; align-items: center; justify-content: center; width: 3em; height: 1.8em; background-color: #fff; border-radius: 3px; font-size: 13px; font-weight: 600;}
.staff_list_wrap .staff_list .staff_box .list_tbl .left .time + .time {margin-top: 5px;}

.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box {padding: 10px 15px 7px 0;background: var(--grayBg2);margin-right: var(--inPd);border-radius: 0 10px 10px 0; color: #262F40;}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .box { display: flex; }
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .box + .box {margin-top: 8px;}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .th_box + .td_box {margin-top: 10px;}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .box > div { flex: 1; line-height: 1; height: 20px; min-width: 0}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .box > div.th {height: 27px;}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .box > div + div {margin-left: 20px;}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .th_box .th { display: flex; flex-direction: column; align-items: center; justify-content: center;  font-size: var(--txt2); font-weight: 600; }
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .th_box .th .week { font-size: var(--smTxt1); margin-left: 0.2em; transform: translateY(-2px);}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .th_box .th .day {font-size: var(--smTxt2); margin-top: 3px;}
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .td_box .td {display: flex; align-items: center; justify-content: center;} 
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .td_box .td span { display: inline-block; width: 12px; height: 12px; }
/* .staff_list_wrap .staff_list .staff_box .list_tbl .scroll_box .td_box .td span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%23CCD2D6"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.3 136.5L256 218.8l69.7-82.3c8.6-10.1 23.7-11.4 33.8-2.8s11.4 23.7 2.8 33.8L287.4 256l74.9 88.5c8.6 10.1 7.3 25.3-2.8 33.8s-25.3 7.3-33.8-2.8L256 293.2l-69.7 82.3c-8.6 10.1-23.7 11.4-33.8 2.8s-11.4-23.7-2.8-33.8L224.6 256l-74.9-88.5c-8.6-10.1-7.3-25.3 2.8-33.8s25.3-7.3 33.8 2.8z"/></svg>')center/contain no-repeat; } */
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_box .td_box .td.on span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%23636FEC"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>')center/contain no-repeat; }
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_box .td_box .td.part span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%235ECE6B"><path d="M0 480L256 32 512 480H0z"/></svg>')center/contain no-repeat; }
.staff_list_wrap .staff_list .staff_box .list_tbl .scroll_box .td_box .td.night span { width: 16px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23FF6F6A" height="1em"><path d="M288.1 0l86.5 164 182.7 31.6L428 328.5 454.4 512 288.1 430.2 121.7 512l26.4-183.5L18.9 195.6 201.5 164 288.1 0z"/></svg>')center/contain no-repeat; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .td_box + .td_box { border-bottom: 0; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .box:nth-of-type(1) .th,
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .box:nth-of-type(1) .td { padding-left: 15px; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .box:nth-of-type(7) .th,
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .box:nth-of-type(7) .td { padding-right: 15px; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .th { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #262F40; font-weight: 600;}
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .th .week { font-size: var(--smTxt2); line-height: 1.2; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .th .day { font-size: var(--txt3); line-height: 1.2; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .td { display: flex; align-items: center; justify-content: center; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .td:last-of-type { border-bottom: 0; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .item .td span { display: inline-block; width: 12px; height: 12px; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .paging {  }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .paging .swiper_btn { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 10px; height: 42px; font-size: var(--txt3); z-index: 10; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .paging .swiper_btn.prev { left: 7.5px; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .paging .swiper_btn.next { right: 7.5px; }
.staff_list_wrap .staff_list .staff_box .list_tbl .slide_wrap .paging .swiper_btn.swiper-button-disabled { opacity: 0.5; }


.staff_list2 .list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 50px 15px;}
.staff_list2 .list li .img_wrap { position: relative; display: block; width: 100%; padding-top: 100%; background-color: #E9EDF4; border-radius: 8px; overflow: hidden; }
.staff_list2 .list li .img_wrap .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.staff_list2 .list li .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.staff_list2 .list li .img_wrap .label {position: absolute; left: 8px; top: 8px; display: flex;align-items: center;padding: 0 0.6em;font-size: 12px;font-weight: 600;background-color: #fff;border-radius: 0.25em;white-space: nowrap; color: var(--tagCol1);}
.staff_list2 .list li .img_wrap .label::before {content: "";display: block;width: 1em;height: 1em;margin-right: 3px ;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33.131" height="32.948" viewBox="0 0 33.131 32.948"><defs><clipPath><rect width="33.131" height="32.948" fill="none"/></clipPath></defs><g clip-path="url(%23clip-path)"><path d="M20.491,40.669A11.657,11.657,0,1,1,32.148,29.013,11.669,11.669,0,0,1,20.491,40.669" transform="translate(-3.93 -7.721)" fill="%239cc2ff"/><path d="M26.844,30.8l4,.62-2.925,2.8.647,4L25,36.3l-3.6,1.85.722-3.983-2.872-2.853,4.012-.545,1.826-3.613Z" transform="translate(-8.564 -12.081)" fill="%23fff"/><path d="M16.468,5.366,11.1,0S.2.2,0,0L11.1,11.1" transform="translate(0 0)" fill="%232e86ef"/><path d="M20,11.1,30.362,0H42.019l-11.1,11.1" transform="translate(-8.898 0)" fill="%2366a4ff"/></g></svg>') no-repeat center / contain ;
}

.staff_list2 .list li .txt_box .top_txt {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.staff_list2 .list li .txt_box .top_txt .area {display: flex;align-items: center; font-size: var(--txt3);font-weight: 700;color: var(--titCol);}
.staff_list2 .list li .txt_box .top_txt .reac { display: flex; align-items: center; justify-content: center; font-size: var(--txt3); font-weight: 500; color: #7A8390; }
.staff_list2 .list li .txt_box .top_txt .reac .num { margin-left: 0.3em; font-weight: 700; color: #262F40; font-size: 1em; line-height: 1.7; color: #7A8390;}
.staff_list2 .list li .txt_box .top_txt .reac .new { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 5px; border-radius: 50%; background-color: #FF5300; font-size: 11px; font-weight: 600; color: #fff; }
.staff_list2 .list li .txt_box .name_txt {font-weight: 700;}
.staff_list2 .list li .txt_box .name_txt .name {font-size: var(--tit2);font-weight: 700;line-height: 1.2; margin-right: 2px;}

.staff_list2 .list li .txt_box .btn_wrap { display: grid; grid-template-columns: repeat(1,minmax(0,1fr)) ;margin-top: 10px; gap: 8px;}
.staff_list2 .list li .txt_box .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.6em 1.2em; border-radius: 2em; font-size: var(--txt3); font-weight: 600; color: #7A8390; background-color: #fff; border: 1px solid #7A8390; }
.staff_list2 .list li .txt_box .btn_wrap .btn.type2 { color: #fff; background-color: var(--colorBlue2); border-color: var(--colorBlue2);}






.tbl_info_quick { position: fixed; left: 50%; bottom: 10px; transform: translateX(-50%); display: inline-flex; justify-content: center; width: 100%; z-index: 100; }
.fixed_page .tbl_info_quick {bottom: 90px;}
.tbl_info_quick.absolute { position: absolute; bottom: 10px;}
.tbl_info_quick .label_wrap { display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 10px 15px; background-color: #fff; border-radius: 2em; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
.tbl_info_quick .label_wrap .label { display: flex; align-items: center; font-size: var(--txt3); color: #262F40; font-weight: 500; }
.tbl_info_quick .label_wrap .label + .label { margin-left: 25px; }
.tbl_info_quick .label_wrap .label .ico { display: flex; align-items: center; justify-content: center; margin-right: 3px; }
.tbl_info_quick .label_wrap .label.type1 .ico { fill: #636FEC; }
.tbl_info_quick .label_wrap .label.type2 .ico { fill: #FF6F6A; }
.tbl_info_quick .label_wrap .label.type3 .ico { fill: #5ECE6B; }
.tbl_info_quick .label_wrap .label .ico svg { display: flex; align-items: center; justify-content: center; }

/* 의료진 상세 */

.staff_view_page .more_btn { display: flex; align-items: center; justify-content: center; width:100%; font-size: var(--txt3); font-weight: 700; color: #262F40; background-color: var(--grayBg2); padding:1em; border-radius:10px }
.staff_view_page .more_btn .txt { margin-right: 11px; font-weight:600;  }
.staff_view_page .more_btn .ico { fill: #262F40; }
.staff_view_page .more_btn .ico svg { display: flex; align-items: center; }

.staff_view_page .slide_wrap .paging { max-width: 35%; height: 2.5px; margin: 30px auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden; }
.staff_view_page .slide_wrap .paging .swiper-pagination-progressbar-fill { background: var(--tagBg4); border-radius: 10px; }

.staff_view_page .back_btn { display: flex; align-items: center; font-size: var(--txt3); font-weight: 600; padding: 0 20px; }
.staff_view_page .back_btn .arr { display: flex; align-items: center; justify-content: center; margin-right: 8px; }
.staff_view_page .back_btn .txt { margin-right: 8px; }

.staff_view_page .staff_profile { background:#E9EBF0; padding-top: 30px;}
.staff_view_page .staff_profile .in {max-width: 480px; width: 100%;}
.staff_view_page .staff_profile .img { position: relative; width: 100%; padding-top: 110%; border-radius: 15px; overflow: hidden; }
.staff_view_page .staff_profile .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.staff_view_page .staff_profile .txt_wrap {display: flex; margin-top: 2.7rem; align-items: center; }
.staff_view_page .staff_profile .txt_wrap .cate { padding: 0.25em 0.7em; margin-right:1rem; border-radius: 2em; font-size: var(--txt3); line-height:1; font-weight: 600; color: #fff; background-color: var(--tagBg4); border: 1px solid var(--tagBg4); }
.staff_view_page .staff_profile .txt_wrap .name { font-size: var(--tit2); font-weight: 700; line-height: 1.2; }
/* .staff_view_page .staff_profile .txt_wrap .btn_wrap {  }
.staff_view_page .staff_profile .txt_wrap .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.4em 1.2em; border-radius: 2em; font-size: var(--txt3); font-weight: 600; color: #fff; background-color: var(--tagCol3); border: 1px solid var(--tagCol3); } */

.staff_view_info { }
.staff_view_info .com_sticky_nav {display: none;}
.staff_view_info > div:last-child {padding-bottom: var(--subPd);}
.btm_wrap{margin-top: 100px; }
.btm_wrap2{margin-top:3rem; }

.more_btm_btn { display: flex; align-items: center; justify-content: center; width: 85%; margin: 0 auto; padding: 1em; font-size: var(--txt3); font-weight: 700; color: #262F40; background-color: #fff; border: 1.5px solid #262F40; border-radius: 10px; }
.more_btm_btn .txt { margin-right: 11px; font-weight:600;  }
.more_btm_btn .ico { fill: #262F40; }
.more_btm_btn .ico svg { display: flex; align-items: center; }


.staff_view_page {color: #262f40; font-weight: 400;}

.staff_view_page .view_tit { font-size: var(--tit2); font-weight: 700; line-height: 1.3; letter-spacing: -1px; color: #262F40;}
.staff_view_page .view_tit .num {color: #306DFF;}
.staff_view_page .view_tit + .vliew_btn {display: flex; align-items: center; font-size: var(--txt3); font-weight: 600; color: #7A8390;}
.staff_view_page .view_tit + .vliew_btn svg {width: 0.6em; height: auto; margin-left: 10px; fill: #7A8390;}


.staff_view_page .clinic_tag{ padding-top: var(--subContM); padding-bottom:var(--subContM); background:var(--grayBg2);}
.staff_view_page .clinic_tag .tag_wrap { display: flex; align-items: center; line-height: var(--titLineH); flex-wrap: wrap; margin-top: 16px; background-color:#fff; border-radius:10px; padding:0.9em 0.8em; font-weight: 500; line-height: 1.6; }
.staff_view_page .clinic_tag .tag_wrap .tag { display: inline-block; white-space: nowrap; }
.staff_view_page .clinic_tag .tag_wrap .tag:not(:last-child)::after{ content: ","; padding-right:5px; }


.staff_view_page .doctor_name {margin-top: 26px;}
.staff_view_page .doctor_name .cate { display: inline-block; padding: 0.35em 0.7em; margin-bottom: 7px; border-radius: 2em; font-size: var(--txt3); line-height:1; font-weight: 600; color: #fff; background-color: var(--colorBlue1); }
.staff_view_page .doctor_name .name { font-size: var(--tit2); font-weight: 700; line-height: 1.2; color: #262F40;}
.staff_view_page .doctor_name .repute_box {margin-top: 15px;}
.staff_view_page .doctor_name .repute_box ul {display: flex;}
.staff_view_page .doctor_name .repute_box ul li {display: flex; align-items: center; position: relative; font-size: var(--txt3); font-weight: 500; color: #7A8390;}
.staff_view_page .doctor_name .repute_box ul li .num {font-weight: 700; margin-left: 0.25em;}
.staff_view_page .doctor_name .repute_box ul li .new { display: flex; align-items: center; justify-content: center; width: 1.6em; height: 1.6em; border-radius: 50%; font-size: 1.2rem; color: #fff; background-color: #FF6F6A; margin-left: 6px; font-weight: 600; display: none;}
.staff_view_page .doctor_name .repute_box ul li + li::before {content: "·";display: inline-block; color: visible; margin: 0 0.7em; font-weight: 700; color: var(--typeTxt1); font-size:1em;}

.staff_view_page .doctor_name .tag_box {margin-top: 32px;}
.staff_view_page .doctor_name .tag_box ul {display: flex; flex-wrap: wrap;}
.staff_view_page .doctor_name .tag_box ul li { display: flex; align-items: center; padding: 0 5px; height: 2em;  margin-right: 5px; margin-bottom: 5px; font-size: var(--txt3); font-weight: 500; border-radius: 3px; background-color: #F3F4F7; color: #888C93;}

.staff_view_page .doctor_name .btn_wrap { display: grid; grid-template-columns: repeat(2,minmax(0,2fr)); margin-top: 30px; gap: 15px;}
.staff_view_page .doctor_name .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.8em 1.2em; border-radius: 2em; font-size: var(--txt2); font-weight: 600; color: #7A8390; background-color: #fff; line-height: 1.3; border: 1px solid #262f40;}
.staff_view_page .doctor_name .btn_wrap .btn.type2 { color: #fff; background-color: var(--colorBlue1); border-color: var(--colorBlue1);}
.staff_view_page .doctor_name .btn_wrap .btn .ico {width: 0.9em;height: 0.9em;margin-left: 10px;display: inline-block;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z"/></svg>') no-repeat center / contain;}



.staff_view_page .clinic_sche { margin-top: 35px; overflow: hidden;}

.staff_view_page .clinic_sche .top { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid  var(--grayLine);  padding-top: 35px;}
.staff_view_page .clinic_sche .top .label_wrap { display: flex; align-items: center; }
.staff_view_page .clinic_sche .top .label_wrap .label { display: flex; align-items: center; font-size: var(--smTxt1); color: #7A8390; font-weight: 500; }
.staff_view_page .clinic_sche .top .label_wrap .label + .label { margin-left: 1rem; }
.staff_view_page .clinic_sche .top .label_wrap .label .ico { display: flex; align-items: center; justify-content: center; margin-right: 3px; }
.staff_view_page .clinic_sche .top .label_wrap .label.type1 .ico{fill: #636FEC;}
.staff_view_page .clinic_sche .top .label_wrap .label.type2 .ico{fill: #FF6F6A;}
.staff_view_page .clinic_sche .top .label_wrap .label.type3 .ico{fill: #5ECE6B;}
.staff_view_page .clinic_sche .top .label_wrap .label .ico svg { display: flex; align-items: center; justify-content: center; }


.staff_view_page .clinic_sche .list_tbl { display: grid; grid-template-columns: 62px minmax(0, 1fr); margin-top: 16px; overflow: hidden; width: calc(100% + var(--inPd));}



.staff_view_page .clinic_sche .list_tbl .left {padding: 3.5em 10px 12px 12px;background: var(--grayBg2);border-radius: 10px 0 0 10px;}
.staff_view_page .clinic_sche .list_tbl .left .month { display: flex; align-items: center; justify-content: center; height: 42px; font-size: var(--txt3); font-weight: 600; color: var(--tagBg4); background-color: #eee; border-bottom:1px solid #C8C8C8; border-right: 1px solid rgba(185,196,218,0.37); }
.staff_view_page .clinic_sche .list_tbl .left .time {display: flex; align-items: center; justify-content: center; width: 40px; height: 23px; background-color: #fff; border-radius: 3px; font-size: 13px; font-weight: 600;}
.staff_view_page .clinic_sche .list_tbl .left .time + .time {margin-top: 7px;}

.staff_view_page .clinic_sche .list_tbl .scroll_wrap { overflow-x: auto;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap::-webkit-scrollbar { display: none; }
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box {min-width: max-content;padding: 10px 12px 12px 0;background:var(--grayBg2); margin-right: 20px;border-radius: 0 10px 10px 0; color: #262F40;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .box { display: flex; }
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .box + .box {margin-top: 7px;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .th_box + .td_box {margin-top: 13px;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .box > div {width: 38px; flex-shrink: 0; line-height: 1; height: 23px;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .box > div + div {margin-left: 20px;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .th_box .th { display: flex; align-items:center; justify-content: center; flex-direction: column; font-size: var(--txt2); font-weight: 600; height: 2.7em;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .th_box .th .week {font-size: var(--txt3); margin-left: 0.2em; transform: translateY(-2px);}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .th_box .th .day {font-size: var(--smTxt1); margin-top: 3px;}
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .td_box .td {display: flex; align-items: center; justify-content: center;} 
.staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .td_box .td span { display: inline-block; width: 14px; height: 14px; }
/* .staff_view_page .clinic_sche .list_tbl .scroll_box .td_box .td span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%23A0ABB4"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.3 136.5L256 218.8l69.7-82.3c8.6-10.1 23.7-11.4 33.8-2.8s11.4 23.7 2.8 33.8L287.4 256l74.9 88.5c8.6 10.1 7.3 25.3-2.8 33.8s-25.3 7.3-33.8-2.8L256 293.2l-69.7 82.3c-8.6 10.1-23.7 11.4-33.8 2.8s-11.4-23.7-2.8-33.8L224.6 256l-74.9-88.5c-8.6-10.1-7.3-25.3 2.8-33.8s25.3-7.3 33.8 2.8z"/></svg>')center/contain no-repeat; } */
.staff_view_page .clinic_sche .list_tbl .scroll_box .td_box .td.on span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%23636FEC"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>')center/contain no-repeat; }
.staff_view_page .clinic_sche .list_tbl .scroll_box .td_box .td.part span { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%235ECE6B"><path d="M0 480L256 32 512 480H0z"/></svg>')center/contain no-repeat; }
.staff_view_page .clinic_sche .list_tbl .scroll_box .td_box .td.night span { width: 16px; height: 16px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23FF6F6A" height="1em"><path d="M288.1 0l86.5 164 182.7 31.6L428 328.5 454.4 512 288.1 430.2 121.7 512l26.4-183.5L18.9 195.6 201.5 164 288.1 0z"/></svg>')center/contain no-repeat; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .td_box + .td_box { border-bottom: 0; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .box:nth-of-type(1) .th,
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .box:nth-of-type(1) .td { padding-left: 15px; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .box:nth-of-type(7) .th,
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .box:nth-of-type(7) .td { padding-right: 15px; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .th { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #262F40; font-weight: 600;}
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .th .week { font-size: var(--smTxt2); line-height: 1.2; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .th .day { font-size: var(--txt3); line-height: 1.2; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .td { display: flex; align-items: center; justify-content: center; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .td:last-of-type { border-bottom: 0; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .item .td span { display: inline-block; width: 12px; height: 12px; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .paging {  }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .paging .swiper_btn { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 10px; height: 42px; font-size: var(--txt3); z-index: 10; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .paging .swiper_btn.prev { left: 7.5px; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .paging .swiper_btn.next { right: 7.5px; }
.staff_view_page .clinic_sche .list_tbl .slide_wrap .paging .swiper_btn.swiper-button-disabled { opacity: 0.5; }

.staff_view_page .clinic_sche .com_info_box {margin-top: 16px;}

.staff_view_page .clinic_sche .info_txt { display: flex; align-items: flex-start;  margin-top: 16px; font-size: var(--txt3); color: #7A8390; }
.staff_view_page .clinic_sche .info_txt .ico { fill: #7A8390; flex-shrink: 0; margin-right: 10px; }
.staff_view_page .clinic_sche .info_txt ul {  }
.staff_view_page .clinic_sche .info_txt ul li { display: flex; align-items: flex-start; font-weight: 400; line-height:1.7; }
.staff_view_page .clinic_sche .info_txt ul li:before { content: '·'; font-weight: 400; height: 1.4em; margin-right: 4px; color: #7A8390;}

.staff_view_page .sticky_sect {margin-top: 50px;}
.staff_view_page .sticky_sect .sticky_nav {position: sticky; top: 0; background-color: #fff; padding: 10px var(--inPd) 10px; overflow-x: auto; z-index: 10; transition: top 0.3s;}
.staff_view_page .sticky_sect .sticky_nav::-webkit-scrollbar {display: none;}
.staff_view_page .sticky_sect .sticky_nav ul {display: flex;  min-width: max-content; }
.staff_view_page .sticky_sect .sticky_nav ul li {flex: 1; position: relative;}
.staff_view_page .sticky_sect .sticky_nav ul li + li {margin-left: 10px;}
.staff_view_page .sticky_sect .sticky_nav ul li a {display: block; padding: 10px 0px; font-size: var(--txt3); font-weight: 700; color: var(--offTxt); background-color: transparent; border-radius: 10px; white-space: nowrap; text-align: center;}
.staff_view_page .sticky_sect .sticky_nav ul li .bg {position: absolute; left: 0; top: 0; width: 100%; display: block; padding: 10px 0px; font-size: var(--txt3); font-weight: 700; color: #fff; background-color: #066BE4; border-radius: 10px; white-space: nowrap; text-align: center; z-index: 2; pointer-events: none; clip-path: inset(0 100% 0 0); opacity: 0; transition: opacity 0.3s ease-in-out;}
.staff_view_page .sticky_sect .sticky_nav ul li.active a{ background-color: var(--grayBg2);}
.staff_view_page .sticky_sect .sticky_nav ul li.active .bg {opacity: 1;}

.staff_view_page .com_case_cont .item {background-color: var(--grayBg2);}

.staff_view_page .vliew_btn {display: flex; align-items: center; font-size: 15px; font-weight: 700; fill: #7A8390;  color: #7A8390}
.staff_view_page .vliew_btn svg { position: relative; display: flex; align-items: center; justify-content: center; width: 0.6em; height: auto; margin-left: 10px;}



.view_btm_btn_box {margin-top: 30px; display: flex; justify-content: center;}
.view_btm_btn_box .view_btm_btn {display: flex; align-items: center; padding: 0.8em 2em; font-size: var(--txt3); font-weight: 600; border-radius: 10em; background-color: var(--grayBg2);}
.view_btm_btn_box .view_btm_btn .ico {margin-left: 1em; width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;}
.view_btm_btn_box .view_btm_btn.wh {background-color: #fff; }
.view_btm_btn_box .view_btm_btn.line {border: 1px solid #C5CCD5; background-color: #fff;}





#header.scroll_down + .container .staff_view_page .sticky_sect .sticky_nav {top: 0}



/* 치료사례 공용 */
.clinic_case {  padding: var(--sectMt) 0; overflow: hidden; }
.clinic_case .top { display: flex; align-items: center; justify-content: space-between;  }

.clinic_case .slide_wrap { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--contMt); padding: 0 var(--inPd) 0;}
.clinic_case .slide_wrap .swiper-container {overflow: visible;}

/* .clinic_case .slide_wrap .item {padding: 20px 15px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);border-radius: 15px;background-color: #fff;}
.clinic_case .slide_wrap .item .top_box {display: flex; justify-content: space-between; align-items: center; } 
.clinic_case .slide_wrap .item .top_box .txt {font-size: 13px; font-weight: 500;}
.clinic_case .slide_wrap .item .top_box .txt .num {font-weight: 700; color: #306DFF;}
.clinic_case .slide_wrap .item .tit_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 20px; padding: 0.3em 0; text-align: center; font-size: var(--txt3); font-weight: 600; }
.clinic_case .slide_wrap .item .img { position: relative; width: 100%; padding-top: 90%; border-radius:10px; overflow:hidden;  }
.clinic_case .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.clinic_case .slide_wrap .item .img .login_box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); color: #fff; border-radius:10px; opacity: 0;}
.clinic_case .slide_wrap .item .img .login_box svg {width: var(--txt3); fill: #fff; height: auto;}
.clinic_case .slide_wrap .item .img .login_box .txt {font-size: var(--txt3); text-align: center; margin-top: 10px; line-height: 1.4; font-weight: 500;}
.clinic_case .slide_wrap .item .arr { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; background-color: #262F40; fill: #fff; border-radius: 100%; }
.clinic_case .slide_wrap .item .arr svg { width: 50%; height: 50%; }
.clinic_case .slide_wrap .item .txt_box { background-color: #fff; margin-top: 13px;}
.clinic_case .slide_wrap .item .txt_box .tit { font-size: var(--txt3); color: var(--colorBlue2); font-weight: 700; }
.clinic_case .slide_wrap .item .top_box .tit.type2 { background-color: var(--tagBg2); color: var(--tagCol2); }
.clinic_case .slide_wrap .item .txt_box .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: var(--titLineH);}
.clinic_case .slide_wrap .item .txt_box .date_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 15px; font-size: var(--txt3); font-weight: 500; }
.clinic_case .slide_wrap .item .txt_box .date_box .label { flex-shrink: 0; margin-right: 5px;  color: #7A8390;}
.clinic_case .slide_wrap .item .txt_box .date_box .label span { }
.clinic_case .slide_wrap .item .txt_box .date_box .date {  color: #7A8390;} */

.clinic_case .slide_wrap  + .btn_wrap { margin-top: var(--mainContM); }

/* 허리디스크 페이지 치료사례 */





/* 치료사례 공용 */



/* 리얼후기 공용 S */
.real_review { padding: var(--sectPd) 0; background-color: #EBF5FF;}
.real_review .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--contMt);}
.real_review .review_list { margin-top: var(--mainContM); padding:var(--mainContM) 0; }
.real_review .slide_wrap{ margin:0 calc(var(--inPd) * -1) 0; overflow:hidden; } 
.real_review .review_box {overflow:visible;}
.real_review .review_box + .review_box { margin-top: 14px; }

.review_item a {overflow: hidden; display: flex; flex-direction: column; padding: 20px 15px; border-radius: 15px; background:#fff; height: auto; }
.review_item .profile_box {display: flex; align-items: center;}
.review_item .top_box {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.review_item .top_box .dis_name {font-size: var(--tit5);font-weight: 700;}



.review_item .profile_box {margin-bottom:var(--contImgTitM)}
.review_item .profile_box .img {position: relative; width: 50px; height: 50px; border-radius: 50%; background-color: var(--grayBg2); overflow: hidden;}
.review_item .profile_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: top; object-fit: cover;;}
.review_item .profile_box .txt {font-size: var(--txt3); font-weight: 700; margin-left: 10px;}
.review_item .profile_box .txt .name {color: #262f40; font-weight: 700; font-size: var(--txt1);}
.review_item .profile_box .txt .type {color: #7A8390;;}
.review_item .profile_box .com_tag {margin-left: auto;}
.review_item .login_info_box {margin-bottom: 30px; justify-content: center; background-color: var(--grayBg1);}
.review_item .txt_wrap { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  margin:0 0 30px;}
.review_item .util_wrap { display: flex; align-items: center; justify-content: space-between; font-size: var(--txt3); font-weight: 500; color: var(--typeTxt1); fill: var(--typeTxt1); margin-top: auto;}
.review_item .util_wrap .viewer { display: flex; align-items: center; }
.review_item .util_wrap .viewer .num {font-weight: 700; color: #262f40; margin-left: 4px;}
.review_item .util_wrap .date {font-weight: 500;color: #7A8390;}

.review_item.type2 a{padding: 0;}
.review_item.type2 .img_box {position: relative; padding-top: 55%;}
.review_item.type2 .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.review_item.type2 .info_wrap {padding: 25px 15px;}





/* 의료진 상세 */
.staff_view_page .view_like.sect,
.staff_view_page .real_review , 
.staff_view_page .sticky_sect .sect + .sect {margin-top: var(--sectMt);}
.staff_view_page .sticky_sect .com_sticky_nav + .sect {margin-top: 0;}
.staff_view_page .sticky_sect .sect.clinic_case {padding: 0; border-top: none;}



.staff_view_page .staff_info {  background-color: #fff; }
.staff_view_page .staff_info .sub_info_tit h3 { font-size: var(--tit3); font-weight: 700; line-height: 1.3; letter-spacing: -1px; }

.staff_view_page .staff_info .info_list { position: relative; margin-top: var(--mainContM); display:flex;flex-direction: column;  border-top: 1px solid #262F40;}
/* .staff_view_page .staff_info .info_list:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); transition: opacity 0.3s ease-in-out; opacity: 1; }
.staff_view_page .staff_info .info_list.on:before { opacity: 0; } */
.staff_view_page .staff_info .info_list li { padding: 0.8em 0; border-bottom: 1px solid var(--grayLine); display: flex;  }  
.staff_view_page .staff_info .info_list li p {display: flex;}
.staff_view_page .staff_info .info_list li .en{font-size:var(--txt3)}
.staff_view_page .staff_info .info_list li p:before { content: '·'; height: 1em; margin-right: 8px; }

.staff_view_page .staff_info .btn_wrap { display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.staff_view_page .staff_info .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.4em 1em; background-color: var(--grayBg2); border-radius: 2em; font-size: var(--txt3); color: #7A8390; fill: #7A8390; font-weight: 500; }
.staff_view_page .staff_info .btn_wrap .btn .ico { margin-left: 10px; transition: transform 0.3s ease-in-out; }
.staff_view_page .staff_info .btn_wrap .btn .ico svg { display: flex; align-items: center; justify-content: center; }
.staff_view_page .staff_info .btn_wrap .btn.on .ico { transform: rotate(180deg); }
 
.staff_view_page .related_data {margin-top: var(--subContPd); padding-top: var(--subContPd); border-top: 3px solid var(--grayBg1)}
.staff_view_page .related_data .list {border-top: 1px solid #262F40; margin-top: var(--mainContM);} 
.staff_view_page .related_data .list li a{   padding: 0.9em 0 0.7em; border-bottom: 1px solid var(--grayLine); display: flex; }  
.staff_view_page .related_data .list li .type_txt {display: flex;align-items: center;justify-content: center;width: 3em;height: 1.85em;background-color: #E4EFFD;color: #306DFF;border-radius: 3px; font-size: var(--smTxt1);font-weight: 600; flex-shrink: 0; margin-right: 15px;}
.staff_view_page .related_data .list li .type_txt.type2 {background-color: var(--tagBg2); color: var(--tagCol2);}
.staff_view_page .related_data .list li .txt {margin-top: -0.25em; font-weight: 500;
    overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;
}





.staff_view_page .clinic_channel { padding-top: var(--subContPd); }
.staff_view_page .clinic_channel .top { display: flex; align-items: center; justify-content: space-between; }
.staff_view_page .clinic_channel .slide_wrap { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--contMt); }
.staff_view_page .clinic_channel .slide_wrap .swiper-container { padding: 0 20px; }
.staff_view_page .clinic_channel .slide_wrap .item {  }
.staff_view_page .clinic_channel .slide_wrap .item .img { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; }
.staff_view_page .clinic_channel .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.staff_view_page .clinic_channel .slide_wrap .item .tit { margin-top: var(--contImgTitM); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.staff_view_page .clinic_channel .paging {position: relative; width : 26rem; height: 3px; margin: 3rem auto 0; background: rgba(48,68,160,0.2);border-radius: 2em; overflow: hidden;}
.staff_view_page .clinic_channel .paging .swiper-pagination-progressbar-fill {background: var(--colorBlue1);}
.staff_view_page .clinic_channel .paging.none {display: none;}

.staff_view_page .clinic_channel .slide_wrap .swiper-container.touch_none .swiper-wrapper {transform: none !important;}



/* .staff_view_page .view_like { padding-top: var(--subContPd); border-top: 3px solid var(--grayBg1)} */
.staff_view_page .view_like .top { display: flex; align-items: center; justify-content: space-between; }
.staff_view_page .view_like .top .btn_wrap { margin-top: 0; }

.staff_view_page .view_like .like_list { margin-top: var(--contMt); border-top: 1px solid #262F40; }
.staff_view_page .view_like .like_list li { display: flex; align-items: flex-start; justify-content: space-between; padding: 0.9em 0; border-bottom: 1px solid var(--grayLine); }
.staff_view_page .view_like .like_list li.active {display: flex;}
.staff_view_page .view_like .like_list li .txt_box {max-height: 3em;  overflow: hidden; }
.staff_view_page .view_like .like_list li .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.staff_view_page .view_like .like_list li:nth-child(n+6) {display: none;}

/* .staff_view_page .view_like .like_list li.on .txt_box { max-height: 500px;} */
.staff_view_page .view_like .like_list li.on .txt_box { max-height: unset;}
.staff_view_page .view_like .like_list li.on .txt_box .txt {display: block; -webkit-line-clamp: unset; -webkit-box-orient: initial;overflow: visible; text-overflow: initial;}

.staff_view_page .view_like .like_list li .arr { flex-shrink: 0; margin-left: 20px; height: 3em; display: flex; align-items: center;}
.staff_view_page .view_like .like_list li .arr .ico {width: 1em;height: 1em;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%237a8390"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>')center/contain no-repeat;}
.staff_view_page .view_like .like_list li .arr .ico svg {display: none;}



.staff_view_page .view_like .like_list li.on .arr .ico { transform: rotate(180deg); }

.staff_view_page .view_like .btn_wrap { display: flex; align-items: center; justify-content: center; margin-top: 42px; }
.staff_view_page .view_like .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.5em 1.2em; border-radius: 2em; font-size: var(--txt3); font-weight: 600; color: #262F40; border: 1px solid#262F40; }
.staff_view_page .view_like .btn_wrap .btn svg {width: 0.75em; height: auto; margin-left: 1em;}
.staff_view_page .view_like .btn_wrap .btn.close svg {transform: rotate(180deg);}


.staff_view_page .btm_wrap {margin-top: 30px;}

/*고정버튼*/

.fixed_btn{position: fixed;left: 0; bottom: 0;display: flex; width: 100%; height: auto; z-index:100; padding: 10px 10px; background-color: #fff; box-shadow: 0 0px 8px 0px rgba(0,0,0,0.1);}
.fixed_btn .btn {background:var(--colorBlue1); color:#fff; flex: 1; font-size:var(--txt2); padding:15px 0; text-align:center;  border-radius: 10px; font-weight: 700;}
.fixed_btn .btn.sm {background-color: var(--colorMint); margin-right: 10px;}


/* 커뮤니티 공용 */

.community_list_top {padding: var(--subContPd) 0 15px;}
.community_list_top .in {display: flex; flex-direction: column; align-items: center}
.community_list_top .sub_dapth2_tab {max-width: calc(100% + var(--inPd) * 2);}


.community_list_top .chk_box {display: flex; justify-content: space-between; align-items: center; margin-top: 40px; width: 100%}
.community_list_top .chk_box .com_all_num {margin-bottom: 0;}
.community_list_top .chk_box .view_chk {margin-left: auto; }
.community_list_top .chk_box .view_chk + .view_chk {margin-left: 2rem;}
.community_list_top .chk_box .view_chk label {cursor: pointer;}




/* 커뮤니티 _ 치료사례 */
.treat_case_page .best_sect {padding: var(--subContPd) 0; background-color: var(--grayBg1); overflow: hidden;}
.best_sect .best_tit_box {position: relative; display: flex; align-items:flex-start; justify-content: center; text-align: center;}
.best_sect .best_tit_box .best_tit {margin: 0 10px;}
.best_sect .best_tit_box .best_tit .desc {font-size: var(--txt3); font-weight: 500;}
.best_sect .best_tit_box .best_tit .sub_cont_tit {color: var(--colorBlue1);}
.best_sect .best_tit_box .wings {width: 2.7em;}











.interview_page  .best_sect .slide_wrap,
.treat_case_page .best_sect .slide_wrap,
.real_review_page .best_sect .com_pt_rv {margin-top: var(--contMt);}

/* .treat_case_page .best_sect .item {display: flex; flex-direction: column; align-items: flex-start ;height: auto; padding: 25px 15px; background-color: #fff; border-radius: 15px; }
.treat_case_page .best_sect .item .img_box {width: 100%; margin-top: 10px;}
.treat_case_page .best_sect .item .img_box .img_tit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.3em 0; text-align: center; font-size: var(--txt3); font-weight: 600; }
.treat_case_page .best_sect .item .img_box .img {overflow: hidden; position: relative; padding-top: 90%; border-radius: 10px; }
.treat_case_page .best_sect .item .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

.treat_case_page .best_sect .item .txt_box {display: flex; flex-direction: column; flex: 1;margin-top: 15px; line-height: var(--titLineH); }
.treat_case_page .best_sect .item .txt_box .cate {font-size: var(--txt2); color: #7A8390; font-weight: 600;}
.treat_case_page .best_sect .item .txt_box .txt {margin-top: 5px; margin-bottom: 10px; font-size: var(--txt1) ;overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.treat_case_page .best_sect .item .txt_box .time_box {display: flex; align-items: center; margin-top: auto; font-size: var(--txt3); }
.treat_case_page .best_sect .item .txt_box .time_box .label {padding: 0.2em; border-radius: 0.2em; color: #888C93; font-weight: 500; margin-right: 7px;}
.treat_case_page .best_sect .item .txt_box .time_box .date { color: #888C93; font-weight: 500;}

.treat_case_page .best_sect .item .txt_box .util_wrap { display: flex; align-items: center; justify-content: space-between; font-size: var(--txt3); margin-top: 20px;}
.treat_case_page .best_sect .item .txt_box .util_wrap .viewer { display: flex; align-items: center; color: #7A8390; font-weight: 500;}
.treat_case_page .best_sect .item .txt_box .util_wrap .viewer .num {font-weight: 700; color: var(--colorBlue2); margin-left: 4px;}
.treat_case_page .best_sect .item .txt_box .util_wrap .date {color: #262F40;} */

.case_list_box {padding: 30px 0 var(--subPd); background-color: var(--grayBg1);}
.case_list .li a {display: block;  padding: 20px 15px; background-color: #fff; border-radius: 10px;}
.case_list .li + .li {margin-top: 15px;}
.case_list .li .com_tag {}
.case_list .li .top_box {display: flex; align-items: center;}
.case_list .li .top_box .dis_name {font-size: var(--tit5); font-weight: 700;}
.case_list .li .top_box .com_tag {margin-left: auto}
/* .case_list .li .cont {display: flex; } */

.case_list .li .case_img2 .top_txt .tit {font-size: 3.3vw;}

.case_list .li .cont .img_box {width: 35%; flex-shrink: 0;}
.case_list .li .cont .img_box .img_tit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.3em 0; text-align: center; font-size: var(--smTxt1); font-weight: 600; }
.case_list .li .cont .img_box .img {overflow: hidden; position: relative; padding-top: 90%; border-radius: 5px; }
.case_list .li .cont .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

.case_list .li .cont .txt_box {margin-left: 10px; flex: 1; line-height: var(--titLineH);}
.case_list .li .cont .txt_box .cate {font-size: var(--txt3); font-weight: 700;}
.case_list .li .cont .txt_box .txt {margin-top: 5px; margin-bottom: 7px; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.case_list .li .cont .txt_box .time_box {display: flex; align-items: center; font-size: var(--smTxt1); color: #888C93;font-weight: 500;}
.case_list .li .cont .txt_box .time_box .label {margin-right: 5px; }
.case_list .li .cont .txt_box .time_box .date {}

.case_list .li .cont .txt_box .util_wrap { display: flex; align-items: center; justify-content: space-between; font-size: var(--txt3); margin-top: 12px;}
.case_list .li .cont .txt_box .util_wrap .viewer { display: flex; align-items: center; color: #7A8390; font-weight: 500;}
.case_list .li .cont .txt_box .util_wrap .viewer .num {font-weight: 700; color: #262F40; margin-left: 4px;}
.case_list .li .cont .txt_box .util_wrap .date {font-weight: 500;color: #7A8390;}





/* 상세 공용 */
.view_page {position: relative; padding-bottom: calc(var(--subPd) * 1.5);}
/* .view_page .in {width: 840px;}   뺴달라 함*/
.view_page .view_top .top_txt {display: flex; align-items: center;}
.view_page .view_top .top_txt .cate {color: #7A8390; font-size: var(--txt3); font-weight: 600; margin-left: 6px;}
.view_page .view_top .tit {margin-top: 10px; font-size: var(--tit4); font-weight: 600; word-break: break-all;}
.view_page .view_top .util_wrap { display: flex; align-items: center; justify-content: space-between; font-size: var(--txt3); margin-top: 20px; font-weight: 500;}
.view_page .view_top .util_wrap .viewer { display: flex; align-items: center; color: #7A8390; }
.view_page .view_top .util_wrap .viewer .num {font-weight: 700; margin-left: 4px; color: #262F40;}
.view_page .view_top .util_wrap .date {color: #7A8390;}

.view_page .view_box {position: relative;;margin-top: 30px; padding: 50px 0 ; border-top: 1px solid var(--grayLine); border-bottom: 1px solid var(--grayLine); word-break: break-all; min-height: 20em;}
.view_page .view_box .share_btn {margin-top: -20px;}
.view_page .view_box table {max-width: 100%;}
/* .view_page .view_box img {width:100%} */

.view_share_btn_box {display: flex; justify-content: flex-end;}
.view_share_btn_box .share_btn { display: inline-flex;align-items: center;justify-content: center;color: #7A8390;font-size: var(--txt3); font-weight: 500; border: 1px solid var(--grayLine); border-radius: 10em; padding: 0.4em 1.25em ;transition: 0.3s ease-in-out;}
.view_share_btn_box .share_btn .ico {width: 1em;height: 1em;flex-shrink: 0;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%236B7B92"><path d="M448 112c0 44.2-35.8 80-80 80c-22.9 0-43.6-9.6-58.1-25l-151 75.5c.8 4.4 1.1 8.9 1.1 13.5s-.4 9.1-1.1 13.5l151 75.5c14.6-15.4 35.2-25 58.1-25c44.2 0 80 35.8 80 80s-35.8 80-80 80s-80-35.8-80-80c0-9.7 1.7-19 4.9-27.7L147.2 299.5c-14.3 22-39 36.5-67.2 36.5c-44.2 0-80-35.8-80-80s35.8-80 80-80c28.2 0 52.9 14.5 67.2 36.5l145.7-72.9c-3.2-8.6-4.9-17.9-4.9-27.7c0-44.2 35.8-80 80-80s80 35.8 80 80zM80 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM416 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM368 448a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}


.view_page .view_box .review_img {display: flex; justify-content: center;}
.view_page .view_box .com_case_cont .item {padding: 0; border-radius: 0; background-color: transparent; max-width: 700px; margin: 0 auto;}
.view_page .view_box .com_case_cont .item .case_img2 {border-radius: 1rem 1rem 0 0 ;}
.view_page .view_box .com_case_cont .item .case_img2 .top_txt .tit {font-size: min(3.5vw,24px);}
.view_page .view_box .com_case_cont .item .case_img2 .top_txt .bg {border: none;}
.view_page .view_box .com_case_cont .item .case_img2 .arr {display: none;}

.view_page .view_box .com_case_cont .item .case_img2.facial {border-radius: 1rem;}
.view_page .view_box .com_case_cont .item .case_img2.facial .top_txt .bg {border: 3px solid #A8ABB2; border-right: none;}
.view_page .view_box .com_case_cont .item .case_img2.facial .top_txt .bg.after {border-color: var(--colorBlue1); border-right: 3px solid var(--colorBlue1); border-left: none;}
.view_page .view_box .com_case_cont .item .case_img2.facial .arr {display: block;}





.view_page .view_box .com_case_cont .item .case_img2.facial {padding-top: min(9vw, 60px);}
.view_page .view_box .com_case_cont .item .case_img2 .bg.after::before {font-size: min(3.5vw,var(--txt2));}
.view_page .view_box .com_case_cont .item .case_img2 .img {padding-top: 0;}
.view_page .view_box .com_case_cont .item .case_img2 .img img {position: static;}


.view_page .view_doctor {padding: 15px 20px; margin-top: 30px; background-color: var(--grayBg1); border-radius: 10px; display: inline; display: block;}
.view_page .view_doctor .cont_box {display: flex; }
.view_page .view_doctor .cont_box .img_box { position: relative; display: block; width: 33%; padding-top: 33%;background-color: #e1e4ef; border-radius: 8px; overflow: hidden; }
.view_page .view_doctor .cont_box .img_box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.view_page .view_doctor .cont_box .txt_box {margin-left: 15px; flex: 1;}
.view_page .view_doctor .cont_box .txt_box .name {font-size: var(--txt1); font-weight: 700;}
.view_page .view_doctor .cont_box .txt_box .info_box {display: flex; align-items: center; margin-top: 2px; font-size: var(--txt3);}
.view_page .view_doctor .cont_box .txt_box .info_box .branch { font-weight: 600; color: var(--colorBlue2);}
.view_page .view_doctor .cont_box .txt_box .info_box ul {display: flex; align-items: center; color: #7A8390; }
.view_page .view_doctor .cont_box .txt_box .info_box ul::before {content: "·"; display: inline-block; margin: 0 0.25em 0 0.25em; font-size: 1.6em;}
.view_page .view_doctor .cont_box .txt_box .info_box ul li {display: flex; align-items: center;}
.view_page .view_doctor .cont_box .txt_box .info_box ul li + li::before  {content: "·"; display: inline-block; margin-right: 0.25em ; font-size: 1.6em; }
.view_page .view_doctor .cont_box .txt_box .info_box ul li + li {margin-left: 0.5em;}
.view_page .view_doctor .cont_box .txt_box .info_box ul li .num {font-weight: 700; margin-left: 5px;}

.view_page .view_doctor .cont_box .txt_box .btn_wrap { display: grid; grid-template-columns: repeat(2,minmax(0,2fr)) ;margin-top: 10px; margin-top: 15px; gap: 8px;}
.view_page .view_doctor .cont_box .txt_box .btn_wrap .btn { display: flex; align-items: center; justify-content: center; padding: 0.6em 1.2em; border-radius: 2em; font-size: var(--txt3); font-weight: 600; color: #7A8390; background-color: #fff;  line-height: 1.3;}
.view_page .view_doctor .cont_box .txt_box .btn_wrap .btn.type2 { color: #fff; background-color: var(--colorBlue1); border-color: var(--colorBlue1);}
.view_page .view_doctor .cont_box .txt_box .btn_wrap .btn .ico {width: 0.9em;height: 0.9em;margin-left: 10px;display: inline-block;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z"/></svg>') no-repeat center / contain; display: none;}






.view_page .board_file {display: flex; align-items: center ;padding: 3rem 0; border-bottom: 1px solid var(--grayLine); color: #7a8390; font-size: var(--txt3);}
.view_page .board_file .ico{width: 1.2em; height: 1.2em; 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;}
.view_page .board_file .file {display: flex;}
.view_page .board_file .file_txt {max-width: 10em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.view_page .board_li_wrap {margin-top: 50px;}
.view_page .board_li_wrap .box_wrap {position: relative;display: flex;align-items: center;justify-content: center;padding-top: 75px;}
.view_page .board_li_wrap .box {display: flex; flex-direction: column; max-width: 40%; font-size: var(--txt3);}
.view_page .board_li_wrap .box .tit {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #7A8390; transition: color 0.3s ease-in-out;}
.view_page .board_li_wrap .box .ico_box {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--grayBg1); border-radius: 50%; margin-bottom: 10px;}
.view_page .board_li_wrap .box .ico_box .ico {width: 40%; height: 40%;}
.view_page .board_li_wrap .box.prev .ico_box .ico{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.view_page .board_li_wrap .box.next .ico_box .ico{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M30.1 256l17-17L207 79l17-17L257.9 96l-17 17L97.9 256 241 399l17 17L224 449.9l-17-17L47 273l-17-17z"/></svg>') no-repeat center / contain;}
.view_page .board_li_wrap .box_wrap .btn_wrap {position: absolute;top: 0; left: 50%;transform: translateX(-50%);}

.view_page .board_li_wrap .box.next {margin-right: auto}
.view_page .board_li_wrap .box.prev {margin-left: auto;}
.view_page .board_li_wrap .box.prev .ico_box {margin-left: auto;}

.view_page .board_li_wrap .view_btn {display: inline-flex; align-items: center; justify-content: center; width: 9em; height: 3em; border: 1px solid #C5CCD5; border-radius: 5px; font-size: var(--txt2); font-weight: 500; transition: border 0.3s ease-in-out , color 0.3s ease-in-out , background-color 0.3s ease-in-out;}
.view_page .board_li_wrap .view_btn .ico {width: 0.9em; height: 0.9em; flex-shrink: 0; margin-right: 7px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><path d="M0 64l448 0 0 48L0 112 0 64zM0 224l448 0 0 48L0 272l0-48zM448 384l0 48L0 432l0-48 448 0z"/></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}

.review_heip_quick {position: fixed;left: 50%;bottom: 10px;transform: translateX(-50%);display: inline-flex;justify-content: center;width: 100%;z-index: 100; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out;}
.review_heip_quick .quick_box {display: flex;align-items: center;justify-content: center;margin: 0 auto;padding: 0.8em 1.7em; background-color: rgba(0, 0, 0, 1) ;border-radius: 2em; color: #fff; font-size: var(--txt3);}
.review_heip_quick .quick_box .thumb_ico {width: 1.1em; height: 1.7em; margin-right: 10px; flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="54.419" height="54.01" viewBox="0 0 54.419 54.01"><defs><clipPath id="clip-path"><rect id="사각형_7531" data-name="사각형 7531" width="54.419" height="54.01" fill="none"/></clipPath></defs><g id="그룹_8779" data-name="그룹 8779" clip-path="url(%23clip-path)"><path id="패스_6800" data-name="패스 6800" d="M41.677,53.139H24.791A24.156,24.156,0,0,1,16,51.484l-4.917-1.92V24.732C23.745,24.635,28.3,3.905,28.3,3.905A4.452,4.452,0,1,1,37.137,5L37,22.121H46.03a5.929,5.929,0,0,1,5.782,7.243l-4.353,19.16a5.929,5.929,0,0,1-5.782,4.615" transform="translate(2.457 0)" fill="%23cce1ff"/><path id="패스_6801" data-name="패스 6801" d="M3.512,49.918h9.569a3.512,3.512,0,0,0,3.512-3.512V21.977a3.512,3.512,0,0,0-3.512-3.512H3.512A3.512,3.512,0,0,0,0,21.977V46.406a3.512,3.512,0,0,0,3.512,3.512" transform="translate(0 4.092)" fill="%2375abf9"/></g></svg>') no-repeat center / contain;}
.review_heip_quick .quick_box .pen_ico {width: 1.5em; height: 1.7em; margin-right: 10px; flex-shrink: 0; background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="72.287" height="59.574" viewBox="0 0 72.287 59.574"><g transform="translate(43 0)"><g transform="translate(-43 0)"><path d="M67.421,11.5,56.517.6a2.055,2.055,0,0,0-2.9,0L14.06,39.993a.7.7,0,0,0-.191.367l-2.86,15.68a.7.7,0,0,0,.808.806L27.5,53.989a.692.692,0,0,0,.365-.191L67.421,14.4a2.056,2.056,0,0,0,0-2.9" transform="translate(4.268 0)" fill="%239cc2ff"/><path d="M11.009,36.553a.693.693,0,0,0,.806.806L27.5,34.5,13.867,20.873Z" transform="translate(4.267 19.488)" fill="%23cce1ff"/><path d="M35.357,32.158H1.4a1.4,1.4,0,1,1,0-2.794H35.357a1.4,1.4,0,1,1,0,2.794" transform="translate(0 27.415)" fill="%23e6f1ff"/><path d="M38.283.6a2.059,2.059,0,0,0-2.9,0L30.527,5.434,43.842,19.725,49.187,14.4a2.055,2.055,0,0,0,0-2.9Z" transform="translate(22.502 0)" fill="%2375abf9"/></g></g></svg>') no-repeat center / contain;;}
.review_heip_quick .quick_box .angle_ico {width: 0.7em; height: 1.7em; margin-left: 15px;flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23ffffff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.review_heip_quick.on {opacity: 1; pointer-events: visible;}

.helps_alert {display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; left: 50%; bottom: 150px; transform: translate(-50%,0%); width: 120px; height: 120px; ;background-color: rgba(0, 0, 0, .8); border-radius: 12px; z-index: 101; color: #fff; transition: opacity 0.3s linear; opacity: 0; pointer-events: visible; pointer-events: none;}
.helps_alert .thumb_ico {width: 30px; height: 30px; margin-bottom: 15px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="54.419" height="54.01" viewBox="0 0 54.419 54.01"><defs><clipPath id="clip-path"><rect id="사각형_7531" data-name="사각형 7531" width="54.419" height="54.01" fill="none"/></clipPath></defs><g id="그룹_8779" data-name="그룹 8779" clip-path="url(%23clip-path)"><path id="패스_6800" data-name="패스 6800" d="M41.677,53.139H24.791A24.156,24.156,0,0,1,16,51.484l-4.917-1.92V24.732C23.745,24.635,28.3,3.905,28.3,3.905A4.452,4.452,0,1,1,37.137,5L37,22.121H46.03a5.929,5.929,0,0,1,5.782,7.243l-4.353,19.16a5.929,5.929,0,0,1-5.782,4.615" transform="translate(2.457 0)" fill="%23cce1ff"/><path id="패스_6801" data-name="패스 6801" d="M3.512,49.918h9.569a3.512,3.512,0,0,0,3.512-3.512V21.977a3.512,3.512,0,0,0-3.512-3.512H3.512A3.512,3.512,0,0,0,0,21.977V46.406a3.512,3.512,0,0,0,3.512,3.512" transform="translate(0 4.092)" fill="%2375abf9"/></g></svg>') no-repeat center / contain;}
.helps_alert .txt .num{font-weight: 700;}
.helps_alert.active {opacity: 1; pointer-events: visible;}

.helps_alert.absolute,
.review_heip_quick.absolute {position: absolute;}



/* 커뮤니티 _ 치료사례 상세 */

.treat_case_view_page .view_box .case_img_box {width: 80%; margin: 10px auto 0;}
.treat_case_view_page .view_box .case_img_box .img_tit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.3em 0; text-align: center; font-size: var(--txt3); font-weight: 600; }
.treat_case_view_page .view_box .case_img_box .img {overflow: hidden; position: relative; padding-top: 90%; border-radius: 10px; }
.treat_case_view_page .view_box .case_img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}


.treat_case_view_page .view_box .view_cont {margin-top: 40px;}
.treat_case_view_page .view_box .view_cont .cont + .cont  {margin-top: 30px;}
.treat_case_view_page .view_box .view_cont .cont .ico_badge {display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 0 0.8em; margin-bottom: 10px; background-color: var(--grayBg2); border-radius: 3px; font-size: var(--txt3); color: #002575; font-weight: 600; width: 9em;}
.treat_case_view_page .view_box .view_cont .cont .ico_badge svg {margin-right: 5px; flex-shrink: 0;}
.treat_case_view_page .view_box .view_cont .cont .ico_badge svg.camera {width: 1.2em; height: auto;}
.treat_case_view_page .view_box .view_cont .cont .ico_badge svg.heart {width: 1.2em; height: auto;}
.treat_case_view_page .view_box .view_cont .cont .ico_badge svg.note {width: 1.1em; height: auto;}
.treat_case_view_page .view_box .view_cont .cont .txt {color: #3C3C3C;}
.treat_case_view_page .view_box .com_info_box {margin-top: 30px;}

.view_box .blur_box {position: relative;}
.view_box .blur_box .view_login_box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; padding: 30px; text-align: center; border-radius: 10px; color: #fff; background-color: var(--colorBlue2); opacity: 0; pointer-events: none;}
.view_box .blur_box .view_login_box .ico {width: 22px; height: 22px; display: flex; align-items: center; justify-content: center;}
.view_box .blur_box .view_login_box .ico svg {width: 100%; height: auto;}
.view_box .blur_box .view_login_box .txt {font-size: var(--txt2); margin-top: 15px;}
.view_box .blur_box .view_login_box .btn {margin-top: var(--titContM1); padding: 10px 20px; border-radius: 50px; background-color: #fff; color: #7A8390; font-size: var(--txt3); font-weight: 600;}


.view_box.login .blur_box .view_login_box {opacity: 1; pointer-events: visible;}
.treat_case_view_page .view_box.login .blur_box .com_info_box,
.treat_case_view_page .view_box.login .blur_box .view_cont{filter: blur(10px);}

.real_review_view_page .view_box.login .blur_box .txt_box {filter: blur(10px);}
 
.view_box.login .blur_box .view_login_box {opacity: 1; pointer-events: visible;}
 


.interview_page .real_review .sect_tit_box,
.real_review_page .real_review .sect_tit_box {text-align: center;}



/* 커뮤니티_한약배송조회 */
.commu_delivary_page .deli_info_sect .deil_info_top { padding: var(--subContPd) 0 60px; }

.commu_delivary_page .deli_info_sect .deil_info_top .top { }
.commu_delivary_page .deli_info_sect .deil_info_top .info { margin-top: 5px; }

.commu_delivary_page .deli_info_sect .deil_info_top .info { display: inline-flex; align-items: center; justify-content: flex-start; padding: 0.3em 0.6em; border-radius: 2em; background-color: #fff; border: 1px solid var(--grayLine); font-size: var(--smTxt1); color: #7A8390; fill: #7A8390; font-weight: 600; cursor: pointer; }
.commu_delivary_page .deli_info_sect .deil_info_top .info .ico { margin-right: 0.4em; }
.commu_delivary_page .deli_info_sect .deil_info_top .info .ico svg { display: flex; align-items: center; justify-content: center; }
.commu_delivary_page .deli_info_sect .deil_info_top .info .txt { margin-top: 0; line-height: 1.5}
.commu_delivary_page .deli_info_sect .deil_info_top .info .arr { margin-left: 8px; }
.commu_delivary_page .deli_info_sect .deil_info_top .info .arr svg { display: flex; align-items: center; justify-content: center; }

.commu_delivary_page .deli_info_sect .deil_info_top .cont { padding: 20px 16px; margin-top: 16px; border-radius: 15px; background-color: var(--grayBg1); }
.commu_delivary_page .deli_info_sect .deil_info_top .cont .tit { font-size: var(--txt1); font-weight: 700; }
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box { margin-top: 10px; }
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box + .sel_box { margin-top: 10px; }
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select { border: 0; border-radius: 8px; font-size: var(--txt2); height: 3.5em; line-height: 3.5em; font-weight: 500; color: #262f40;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select:after {width: 1em; height: 1em; right: 1em; top: 50%; margin-top: 0; transform: translateY(-50%); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><path  d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain; border: none; transform-origin: center; transition: 0.3s ease-in-out;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select.open:after {transform: translateY(-50%) rotate(180deg);}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list { min-width: 100%; border-radius: 8px; margin-top: 5px; max-height: 30rem; overflow-y: auto; max-width: 100%;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list::-webkit-scrollbar {-webkit-appearance: none;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list::-webkit-scrollbar:vertical {width: 3px;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list::-webkit-scrollbar:horizontal {height: 5px;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 5px;}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}
.commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box .nice-select .list .option {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.commu_delivary_page .deli_info_sect .deil_time_tbl { display: none; grid-template-columns: max-content minmax(0, 1fr); gap: 0 8px; border-top: 2px solid #000; }
.commu_delivary_page .deli_info_sect .deil_time_tbl.active {display: grid;}
.commu_delivary_page .deli_info_sect .deil_time_tbl .th,
.commu_delivary_page .deli_info_sect .deil_time_tbl .td { padding: 15px 10px; border-bottom: 1px solid var(--grayLine); }
.commu_delivary_page .deli_info_sect .deil_time_tbl .th { font-weight: 700; }

.commu_delivary_page .com_info_box { margin-top: 24px; }

.commu_delivary_page .deli_inquiry_sect { padding: var(--subContPd) 0; }
.commu_delivary_page .deli_inquiry_sect .cont { padding: 20px 16px; margin-top: 16px; border-radius: 15px; background-color: var(--grayBg1); }
.commu_delivary_page .deli_inquiry_sect .cont .tit { font-size: var(--txt1); font-weight: 700; }
.commu_delivary_page .deli_inquiry_sect .cont .inp { position: relative; margin-top: 10px; border: 0; border-radius: 8px; overflow: hidden; }
.commu_delivary_page .deli_inquiry_sect .cont .inp input { width: 100%; height: 3.5em; padding: 0 1em; font-size: var(--txt2); font-weight: 500; color: #7A8390; }

.commu_delivary_page .deli_inquiry_sect .cont .ico { position: absolute;right: 1em;top: 50%;transform: translateY(-50%);width: 1.3em;height: 1.3em;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%237A8390"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1l124 124 17 17L478.1 512l-17-17-124-124z"/></svg>') no-repeat center / contain;}


.commu_delivary_page .deli_schedule_sect{padding-bottom: var(--subPd);}
.commu_delivary_page .deli_schedule_sect .cont{position: relative; width: 100%; overflow-x: auto; margin-top: 16px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.commu_delivary_page .deli_schedule_sect .deli_schedule_swipe{position: absolute; inset: 0; display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; transition: opacity 0.3s ease, visibility 0.3s ease;}
.commu_delivary_page .deli_schedule_sect .deli_schedule_swipe.hide{opacity: 0; visibility: hidden; pointer-events: none;}
.commu_delivary_page .deli_schedule_sect .deli_schedule_swipe_box{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 160px; height: 160px; background: rgba(0,0,0,.5); border-radius: 15px; backdrop-filter: blur(10px);}
.commu_delivary_page .deli_schedule_sect .deli_schedule_swipe_box .txt{color:#fff; margin-top: 10px; text-align: center;}
.commu_delivary_page .deli_schedule_sect .deli_schedule_swipe_box .ico{width:22px; height:32px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="55.945" height="82.648" viewBox="0 0 55.945 82.648"><g transform="translate(0 25.809)"><path data-name="패스 6911" d="M22.212,44.218h0a5.6,5.6,0,0,1-5.855-5.306V5.306A5.6,5.6,0,0,1,22.212,0a5.6,5.6,0,0,1,5.855,5.306V38.912a5.6,5.6,0,0,1-5.855,5.306" transform="translate(-1.534 -17.258)" fill="%23cce1ff"/><path data-name="패스 6912" d="M33.871,45.757h0a5.614,5.614,0,0,1-5.614-5.614V23.3a5.614,5.614,0,1,1,11.228,0V40.143a5.614,5.614,0,0,1-5.614,5.614" transform="translate(-1.817 -20.962)" fill="%23cce1ff"/><path data-name="패스 6913" d="M43.637,45.757h0a5.614,5.614,0,0,1-5.614-5.614V23.3a5.614,5.614,0,1,1,11.228,0V40.143a5.614,5.614,0,0,1-5.614,5.614" transform="translate(-2.445 -19.55)" fill="%23cce1ff"/><path data-name="패스 6914" d="M53.4,48.184h0A5.454,5.454,0,0,1,47.79,42.9V27.058a5.625,5.625,0,0,1,11.228,0V42.9A5.455,5.455,0,0,1,53.4,48.184" transform="translate(-3.073 -19.564)" fill="%23cce1ff"/><path data-name="패스 6915" d="M18.915,48.432,10.473,33.858A5.614,5.614,0,0,0,.757,39.486L7.548,54.833s1.967,5.931,6.024,7.929H51.9l3.943-16.853-9.034-5.46L28.345,37.293,16.42,40.347s-.655,1.987-4.118,1.107l-.8,13.154" transform="translate(0 -21.822)" fill="%23cce1ff"/><path data-name="패스 6916" d="M1.5,13.865a12.365,12.365,0,1,1,24.73,0" transform="translate(6.617 -25.309)" fill="none" stroke="%23cce1ff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="4"/><rect data-name="사각형 7625" width="47" height="17" rx="5" transform="translate(8 39.839)" fill="%2375abf9"/></g></svg>') no-repeat center / contain;}
.commu_delivary_page .deli_schedule_sect .com_tbl{width:410px;}
.commu_delivary_page .deli_schedule_sect .com_tbl tr{vertical-align: middle;}
.commu_delivary_page .deli_schedule_sect .com_tbl td:first-child{white-space: nowrap;}

/* table */
.com_tbl{table-layout: auto; border-top: 2px solid #000; border-collapse: collapse; min-width: 100%;}
.com_tbl tr{vertical-align: top;}
.com_tbl th{font-weight: 700; text-align: left;}
.com_tbl th.center{text-align: center;}
.com_tbl th,
.com_tbl td {padding: 1em ; border-bottom: 1px solid var(--grayLine);}
.com_tbl td {color: var(--lightTxt);}
.com_tbl td li{display: flex; margin-bottom: 6px; white-space: nowrap;}
.com_tbl td li:last-child {margin-bottom: 0;}
.com_tbl td li:before { content: "·"; display: block; margin-right: 0.25em; flex-shrink: 0; font-size: 1em;}
 


.modal .modal_cont.deliveryTime {width: 600px;}
.modal .modal_cont.deliveryTime .cont {padding: 3rem 2rem; background-color: #fff; border-radius: 0 0 15px 15px;}
.modal .modal_cont.deliveryTime .cont .tbl .tr {display: grid; grid-template-columns: minmax(0,150px) minmax(0,1fr); gap: 0; border-top: 1px solid var(--grayLine);}
.modal .modal_cont.deliveryTime .cont .tbl .tr:last-child {border-bottom: 1px solid var(--grayLine);}
.modal .modal_cont.deliveryTime .cont .tbl .tr > div {padding: 1.25em 1em; }
.modal .modal_cont.deliveryTime .cont .tbl .tr .th {background-color: var(--grayBg2); font-weight: 500; display: flex; align-items: center; justify-content: centerq;}
.modal .modal_cont.deliveryTime .cont .tbl .tr .th + .td {border-left: 1px solid var(--grayLine);}


/* Form_select combo */
.write_form .li .cont .select .select2-container{z-index: auto; width: 100% !important; font-size: var(--txt3);}
.write_form .li .cont .select .select2-container .select2-selection{border:none; width: 100%; height: 3.5em; padding: 0 0.8em; background-color: #fff; border: 2px solid var(--grayLine); line-height: 3.5em; border-radius: 5px;}
.write_form .li .cont .select .select2-selection .select2-selection__rendered{height: 100%; line-height:3.5em; color: #6B7B92; padding: 0; max-width: 91%;}
.write_form .li .cont .select .select2-selection .select2-selection__arrow{height: 3.5em;; right: 1em; width: 1em;}
.write_form .li .cont .select .select2-selection .select2-selection__arrow b {width: 1em; height: 1em; top: 50%; left: unset; margin: 0; transform: translateY(-50%); transition: transform 0.3s ease; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%236B7B92"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;border: none;transform-origin: center;}
.write_form .li .cont .select .select2-container--open .select2-selection__rendered{color: #000;}
.write_form .li .cont .select .select2-container--open .select2-selection__arrow b{transform: translateY(-50%) rotate(180deg); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23000"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;border: none;transform-origin: center;}
body .select2-container .select2-results__option--highlighted.select2-results__option--selectable{background-color: #F8F8FB; color: #000;}

.select2-dropdown {border: 2px solid var(--grayLine); top: -3px; font-size: var(--txt3);}
.select2-search--dropdown .select2-search__field {padding: 10px;}
.select2-results__option {padding: 10px;}

/* Captcha */
.write_form .li .captcha_wrap{display: flex; align-items: center; justify-content: flex-start;}
.write_form .li .captcha_wrap .captcha {display: flex; align-items: center; width: 100px; height: 3em; padding: 0 1em; margin-right: 6px; background: #F3F4F8; border-radius: 5px;}
.write_form .li .captcha_wrap .captcha button {display: none;}


.modal .modal_cont.interview {width: 70rem;}
.modal .modal_cont.interview .cont {background-color: #fff; border-radius: 0 0 20px 20px;}
.modal .modal_cont.interview .cont .tit_box {padding: 25px 15px 15px;}
.modal .modal_cont.interview .cont .tit_box .name_box {display: block; }
.modal .modal_cont.interview .cont .tit_box .name_box .name {color: #7A8390; font-size: var(--txt3); font-weight: 500; margin-top: 10px;}
.modal .modal_cont.interview .cont .tit_box .tit {font-size: var(--tit5); font-weight: 700; margin-top: 10px;}
.modal .modal_cont.interview .cont .util_wrap { display: flex; align-items: center; justify-content: space-between; font-size: var(--txt3); font-weight: 500; color: #7A8390; fill: var(--typeTxt1); margin-top: 20px;}
.modal .modal_cont.interview .cont .util_wrap .viewer { display: flex; align-items: center; }
.modal .modal_cont.interview .cont .util_wrap .viewer .num {font-weight: 700; color: #262F40; margin-left: 4px;}

.modal .modal_cont.interview .cont .video_box {position: relative;}
.modal .modal_cont.interview .cont .video_box .video {padding-top: 56.25%;}
.modal .modal_cont.interview .cont .video_box .video .thumb {position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.modal .modal_cont.interview .cont .video_box .video .thumb img {position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: ccover; object-position: center;}
.modal .modal_cont.interview .cont .video_box .video iframe {position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: ccover; object-position: center;}
.modal .modal_cont.interview .cont .video_box .com_play_bg {z-index: 3;}

.modal .modal_cont.interview .cont .txt_box {overflow: hidden; position: relative; padding: 20px 15px; font-size: var(--txt2); max-height: 120px; }
.modal .modal_cont.interview .cont .txt_box::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg,rgba(226, 229, 235, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.modal .modal_cont.interview .cont .txt_box.on {max-height: none;}
.modal .modal_cont.interview .cont .txt_box.on::before {content: none;}
.modal .modal_cont.interview .cont .btn_box {padding: 0 15px 40px;}
.modal .modal_cont.interview .cont .btn_box .more_btn {display: flex; align-items: center; justify-content: center; width: 100%; height:3.5em; margin-top: 15px; border: 1px solid var(--grayLine); font-size: var(--txt3); border-radius: 5px; font-weight: 500;}
.modal .modal_cont.interview .cont .btn_box .more_btn .ico {width: 1em;height: 1em;margin-left: 10px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 374.6l11.3-11.3 160-160L406.6 192 384 169.4l-11.3 11.3L224 329.4 75.3 180.7 64 169.4 41.4 192l11.3 11.3 160 160L224 374.6z"/></svg>') no-repeat center / contain;    }
.modal .modal_cont.interview .cont .btn_box .more_btn.up .ico {transform: rotate(180deg);}

.modal .modal_cont.interview .cont .btn_box .good_box {margin-top: 40px;}
.modal .modal_cont.interview .cont .btn_box .good_box .good_tit {font-size: var(--txt2); color: #7A8390; text-align: center;}
.modal .modal_cont.interview .cont .btn_box .good_box .good_btn {display: flex; align-items: center; justify-content: center; width: 9em; height: 3em; background-color: var(--grayBg2); border-radius: 0.3em; color: var(--colorBlue2); margin: 10px auto 0; font-weight: 700; font-size: var(--txt3);}
.modal .modal_cont.interview .cont .btn_box .good_box .good_btn .ico {width: 1.2em;height: 1.2em;margin-left: 10px;
background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 66 66"><defs><clipPath><rect data-name="사각형 7584" width="66" height="66" fill="none"/></clipPath></defs><g data-name="그룹 8817" clip-path="url(%23clip-path)"><path data-name="패스 6905" d="M66,33A33,33,0,1,1,33,0,33,33,0,0,1,66,33" fill="%23cce1ff"/><path data-name="패스 6906" d="M25,27a4,4,0,1,1-4-4,4,4,0,0,1,4,4" fill="%232e86ef"/><path data-name="패스 6907" d="M49,27a4,4,0,1,1-4-4,4,4,0,0,1,4,4" fill="%232e86ef"/><path data-name="패스 6908" d="M45,45.029a16.97,16.97,0,0,1-24,0" fill="none" stroke="%232e86ef" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/></g></svg>') no-repeat center / contain;    }
.modal .modal_cont.interview .cont .btn_box .good_box .good_btn.active {background-color: var(--colorBlue2); color: #FFFFFF;}






/* 커뮤니티_리뷰_리스트 */

.com_all_num {font-size: var(--txt3); color: #7A8390; margin-bottom: 15px;}
.com_list_top {margin-bottom: 15px;}
.com_all_num strong {font-weight: 700; color: #262F40;}
.com_all_num.bot {margin-top: 20px; margin-bottom: 0;}

.comm_review_list_box { position: relative; padding: 30px 0 var(--subPd); background-color: var(--grayBg1);}
.comm_review_list_box .com_list_top {margin-top: 60px;}
.comm_review_list_box .review_item + .review_item,
.comm_review_list_box .item + .item {margin-top: 15px;}

.comm_review_list_box .item .img_box {position: relative; }


/* 커뮤니티_리얼리뷰 _ 상세 */
.real_review_view_page .view_box .txt_box {word-break: break-all; line-height: 1.75;}

/* 커뮤니티_리얼리뷰 _ 리뷰작성 */

/* .write_page .in {width: 840px;} */

.write_form .li {}
.write_form .li + .li {margin-top: 30px;}
.write_form .li .li_tit {margin-bottom: 10px;}
.write_form .li .li_tit .tit {font-size: var(--txt2); font-weight: 700;}
.write_form .li .li_tit .tit .ess {font-weight: 400; color: var(--colorBlue2);}

.write_form .li .cont .radio_cho_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;}
.write_form .li .cont .radio_cho_box .inp_chk label {display: block; width: 100%; height: 3em; line-height: 2.9em; border: 2px solid var(--grayLine); border-radius: 5px; font-size: var(--txt2); text-align: center; color: #7A8390; font-weight: 500; cursor: pointer;}
.write_form .li .cont .radio_cho_box .inp_chk input:checked + label {border:2px solid var(--colorBlue2); color: var(--colorBlue2); font-weight: 700;}

.write_form .li .cont .select .nice-select {padding: 0 0.8em; height: 3em; font-size: var(--txt2); font-weight: 500; border:none; box-shadow:  0 0 0 2px var(--grayLine) ; transition: none; border-radius: 5px;}
.write_form .li .cont .select .nice-select::after {width: 1em;height: 1em;right: 1em;top: 50%;margin-top: 0;transform: translateY(-50%); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%236B7B92"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;border: none;transform-origin: center;}
.write_form .li .cont .select .nice-select .list {width: 100%; max-height: 180px; overflow-y: auto ;background-color: #fff; border: none; box-shadow:-2px 0 0 0 var(--colorBlue2), 2px 0 0 0 var(--colorBlue2), 0 2px 0 0 var(--colorBlue2); border-top: none; border-radius: 0 0 5px 5px; color: #262F40; top: calc(100% - 2px);  transition: none; width: calc(100% );left: 0;}
.write_form .li .cont .select .nice-select .list::-webkit-scrollbar {-webkit-appearance: none;}
.write_form .li .cont .select .nice-select .list::-webkit-scrollbar:vertical {width: 5px;}
.write_form .li .cont .select .nice-select .list::-webkit-scrollbar:horizontal {height: 5px;}
.write_form .li .cont .select .nice-select .list::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 5px;}
.write_form .li .cont .select .nice-select .list::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}

.write_form .li .cont .select .nice-select .option {height: 2.5em; line-height: 2.5em; padding: 0 0.8em; color: #262f40;}
.write_form .li .cont .select .nice-select .option.disabled {color: #7A8390;}
.write_form .li .cont .select .nice-select.open {background-color: #fff; box-shadow: 0 0 0 2px var(--colorBlue2); color: #262F40; border-bottom: none; border-radius:  5px 5px 0 0;}
.write_form .li .cont .select .nice-select.open::after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;border: none;transform-origin: center;}

.write_form .li .cont .inp input {width: 100%;height: 3em;padding: 0 0.8em;background-color: var(--grayBg2); border-color: var(--grayBg2);line-height: 3em; border-radius: 5px;}
.write_form .li .cont .inp input::placeholder {color: #7A8390;}

.write_form .li .cont .textarea textarea {width: 100%;height: 12em;padding: 0.8em;background-color: var(--grayBg2); border-color: var(--grayBg2); resize: none; line-height: 1.6;}
.write_form .li .cont .textarea textarea::placeholder {color: #7A8390;}

.write_form .com_info_box {margin-top: 15px}

.write_form .term_box {margin-top: 40px;}
.write_form .term_box .inp_chk label{display: flex;  font-size: var(--txt3); font-weight: 700; color: #7A8390; cursor: pointer;}
.write_form .term_box .inp_chk label .ess {font-weight: 400; color: var(--colorBlue2); margin-left: 0.2em;}
.write_form .term_box .inp_chk label .ico {margin-right: 6px;width: 1.35em;height: 1.35em;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%236B7B92"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}

.write_form .term_box .inp_chk input:checked + label {color: #262F40;}
.write_form .term_box .inp_chk input:checked + label .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23262f40"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}

.write_form .term_box .box {padding: 20px 15px; margin-top: 10px; background-color: #fff; border: 1px solid #C5CCD5; border-radius: 6px; font-size: var(--txt3); color: #7A8390;}
/* .write_form .term_box .box .color {color: #EC1313;} */
.write_form .term_box .box .txt_box {display: flex;}
.write_form .term_box .box .txt_box .num {margin-right: 5px;}
.write_form .term_box .terms_view_btn {font-size: var(--txt3); color: #7a8390; margin-top: 1em; font-weight: 500;}

.form_btm_btn {display: flex; justify-content: center; margin-top: 50px;}
.form_btm_btn .btn {width: 8em; height: 3em; border-radius: 0.3em; font-size: var(--txt2); font-weight: 500; flex: 1; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out ;}
.form_btm_btn .btn + .btn {margin-left: 10px;}
.form_btm_btn .btn.gray {border: 1px solid #C5CCD5;}
.form_btm_btn .btn.blue {background-color: var(--colorBlue2); color: #fff;}


/* 커뮤니티 자가 테스트 */

.self_test_menu_page .bg_box {background: linear-gradient(to bottom, rgba(239, 244, 255, 1) 30%, rgba(204, 220, 255, 1) 100%); position: relative; overflow: hidden;}
.self_test_menu_page .visual_sect {display: flex; padding: calc(var(--subContPd) + var(--hdH)) 0 var(--subContPd); }
.self_test_menu_page .visual_sect .img {position: absolute; right: 0; bottom: 0; transform: translateY(5%); width: 45%; display: flex; justify-content: center;}
.self_test_menu_page .visual_sect .img video {width: 100%; max-width: 135px;}
.self_test_menu_page .visual_sect .txt_box {margin-top: 00px; text-align: left; flex: 1;}
.self_test_menu_page .visual_sect .txt_box .tit {font-size: var(--tit1); font-weight: 700; line-height: var(--titLineH);}
.self_test_menu_page .visual_sect .txt_box .desc {margin-top: 15px; font-weight: 500;}



.self_test_menu_page .visual_sect .txt_box .tit {font-size: var(--tit1);} 
.self_test_menu_page .visual_sect .txt_box .tit br {display: none;}
.self_test_menu_page .visual_sect .txt_box .txt {padding: 15px 20px;border-radius:15px;background-color: rgba(255,255,255,0.5);font-weight:600;margin-top: 20px;font-size: var(--txt2);display: inline-block; width: auto; color: var(--colorBlue1);}
.self_test_menu_page .visual_sect .txt_box .txt .num_txt {line-height: 1.5; font-size: var(--tit5); display: block;}
.self_test_menu_page .visual_sect .txt_box .txt .num {font-size:var(--tit1); margin-right: 5px; font-weight: 800;}


.self_test_menu_page .list {margin-top: 60px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px;}
.self_test_menu_page .list li {}
.self_test_menu_page .list li a {display: block; background-color: var(--grayBg1); border-radius: 10px; padding: 15px 20px;}
.self_test_menu_page .list li .ico {width: 60%; max-width: 100px; margin-right: auto;margin-top: -20px;margin-left: -15px;pointer-events: none;}
.self_test_menu_page .list li .txt_box {display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.self_test_menu_page .list li .txt_box .txt { font-weight: 700; }
.self_test_menu_page .list li .txt_box .arr {width: 0.9em;height: 0.9em;margin-left: 30px;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}


/* 자가 테스트 스타트 */
.self_test_start .sub_top {padding-bottom: 0;}
.self_test_start .in {width: 800px;}
.self_test_start .self_start_top {text-align: center; padding: 100px var(--inPd) 0; margin-bottom: var(--subTopMg);}
.self_test_start .self_start_top .desc {font-size: var(--txt2); font-weight: 700; color: #7A8390;}
.self_test_start .self_start_top .tit {font-size: var(--tit1); font-weight: 700; line-height: var(--titLineH); margin-top: 10px;}
/* .self_test_start .time_box {display: flex; flex-direction: column; align-items: center; padding: 30px 0; border-radius: 10px; background-color: var(--grayBg1);}
.self_test_start .time_box .badge {display: flex;  font-size: var(--txt1); border-radius: 5px; font-weight: 700}
.self_test_start .time_box .badge svg {width: 20px; height: 20px; margin-right: 5px; margin-top: 2px}
.self_test_start .time_box .tit {font-size: var(--tit4); font-weight: 700; margin-top: 10px;}
.self_test_start .time_box .txt {margin-top: 15px;color: #7A8390;line-height: 2;font-weight: 600; text-align: center}
.self_test_start .time_box .txt .num {display: inline-block;padding: 0 0.5em;background-color: var(--colorBlue2);border-radius: 100px;color: #fff;font-weight: 500;line-height: 1.5; flex-shrink: 0;} */

.self_test_start .time_box .badge_box {display: flex; justify-content: center;}
.self_test_start .time_box .badge_box .badge {display: flex; align-items: center; font-size: var(--txt3); font-weight: 700; background-color: var(--grayBg1); fill: #7A8390; color: #7A8390; padding: 0.15em 0.75em; border-radius: 0.25em;}
.self_test_start .time_box .badge_box .badge + .badge {margin-left: 5px;}
.self_test_start .time_box .badge_box .badge svg {width: 1em; height: 1.6em; margin-right: 0.25em;}

.self_test_start .time_box .tit {font-size: var(--tit2); text-align: center; margin-top: 20px;}
.self_test_start .time_box .tit .num {font-weight: 700;}

.self_test_start .time_box .bg_img {position: relative; padding-top: 60%; border-radius: 15px; overflow: hidden; margin-top: 30px;}
.self_test_start .time_box .bg_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.self_test_start .type_box {margin-top: var(--titContM2);}
.self_test_start .type_box .tit_box {text-align: center;}
.self_test_start .type_box .tit_box .tit {font-size: var(--tit4); font-weight: 700;}
.self_test_start .type_box .tit_box .txt {color: #7A8390;}

.self_test_start .info_box {font-size: var(--smTxt1); display: flex; color: #7a8390;}
.self_test_start .info_box .ico {width: 1em;height: 1.6em;margin-right: 0.35em;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%237a8390"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}



.self_test_start .type_box .chk_list .radio_cho_box .inp_chk label {display: flex; align-items: center;width: 100%;padding: 1.5em 1em;border: 1px solid #C5CCD5;border-radius: 5px;font-size: var(--txt2);text-align: center;color: #7A8390;font-weight: 500;}
.self_test_start .type_box .chk_list .radio_cho_box .inp_chk .chk_ico {width: 1.2em;height: 1.2em;margin-left: auto;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23C5CCD5"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.self_test_start .type_box .chk_list .radio_cho_box .inp_chk input:checked + label .chk_ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.self_test_start .type_box .chk_list .radio_cho_box .inp_chk input:checked + label {border: 2px solid var(--colorBlue2); color: var(--colorBlue2); font-weight: 700;}
.self_test_start .type_box .chk_list .inp_chk + .inp_chk  {margin-top: 15px;}


.self_test_btn {display: flex; justify-content: center; margin-top: 50px;}
.self_test_btn .btn {flex: 1; display: flex; align-items: center; justify-content: center; height: 3.5em; font-size: var(--txt2); border-radius: 0.5em; background-color:#262F40; color: #fff; font-weight: 600; transition: 0.3s ease-in-out;}
.self_test_btn .btn + .btn {margin-left: 10px;}
.self_test_btn .btn .ico {width: 1em;height: 1em;margin-left: 10px;flex-shrink: 0; transition: 0.3s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.self_test_btn .btn.prev {background-color: transparent; color: #262F40; justify-content: flex-start;}
.self_test_btn .btn.prev .ico {margin-left: 0; margin-right: 10px;transform: rotate(180deg);  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}


/* 자가 테스트  */

/* .self_test {padding-top: 100px; min-height: 100svh; display: flex; flex-direction: column;} */
.start_wrap {margin-bottom: var(--sectMt)}
.self_test { width: 540px; max-width: 100%; margin-left:auto; margin-right: auto;}
.self_test.gender {padding-top: var(--hdH);}
.self_test .in {width: 800px;}
.self_test .progress_top {display: none; justify-content: space-between;}
.self_test .progress_top .cir_txt {padding: 0.5em 1em; background-color: var(--grayBg2); border-radius: 100px; color: #7A8390; font-weight: 600; font-size: var(--txt3);}
.self_test .progress_top .gague_box {display: flex; align-items: center;}
.self_test .progress_top .gague_box .gauge {position: relative; width: 60px; height: 4px; border-radius: 50px; background-color: var(--grayBg1); }
.self_test .progress_top .gague_box .gauge .bar {position: absolute; left: 0; top: 0; height: 100%; background-color: #7A8390; border-radius: 50px;}
.self_test .progress_top .gague_box .num_box {margin-left: 10px; font-size: var(--txt3); font-weight: 500; color: #C5CCD5;}
.self_test .progress_top .gague_box .num_box .num {color: var(--colorBlue2); font-weight: 700;}

.self_test .top_tit_box {margin-top: 50px; font-weight: 700;}
.self_test .top_tit_box .num {font-size: var(--txt2); color: var(--colorBlue2); display: none;}
.self_test .top_tit_box .tit {font-size: var(--tit4); color: #262F40; line-height: var(--titLineH); margin-top: 10px; font-weight: 700;}
.self_test .top_tit_box .txt {font-size: var(--txt2); color: #7A8390; font-weight: 400; margin-top: 10px;}

.self_test .pain_img_box {margin-top: 20px; padding: 50px 25px; border-radius: 10px; background-color: #FFF6F6;}

.self_test .ex_img_box {margin-top: 30px; overflow: hidden; border-radius: 10px;}

.self_test .age_slide,
.self_test .cho_box {margin-top: 30px; margin-bottom: 50px;}


.self_test .loader {display: flex; justify-content: center}

.self_test .loader .dot {
    width: 10px;
    height: 10px;
    background-color: #262F40;
    border-radius: 50%;
    opacity: 0.3;
    transform: scale(1);
    animation: pulse 1.2s infinite;
}

.self_test .loader .dot + .dot {
    margin-left: 7px
}

.self_test .loader .dot:nth-child(1) {
    opacity: 0.4;
    transform: scale(0.6)
}

.self_test .loader .dot:nth-child(2) {
    opacity: 0.4;
    transform: scale(0.8)
}

.self_test .loader .dot:nth-child(3) {
    opacity: 0.4
}

.self_test .loader .dot:nth-child(4) {
    opacity: 0.4;
    transform: scale(0.8)
}

.self_test .loader .dot:nth-child(5) {
    opacity: 0.4;
    transform: scale(0.6)
}

.self_test .loader .dot:nth-child(1) {
    animation-delay: 0s;
}

.self_test .loader .dot:nth-child(2) {
    animation-delay: 0.2s;
}

.self_test .loader .dot:nth-child(3) {
    animation-delay: 0.4s;
}

.self_test .loader .dot:nth-child(4) {
    animation-delay: 0.6s;
}

.self_test .loader .dot:nth-child(5) {
    animation-delay: 0.8s;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(0.8);
        opacity: 0.3;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}


.self_test .radio_cho_box .inp_chk label {display: flex; align-items: center;width: 100%;padding: 1em 1em;border: 2px solid var(--grayLine);border-radius: 5px;font-size: var(--txt2); color: #7A8390;font-weight: 600; cursor: pointer;}
.self_test .radio_cho_box .inp_chk label .txt {padding-right: 15px;}
.self_test .radio_cho_box .inp_chk label .chk_ico {width: 1.2em;height: 1.2em;margin-left: auto; flex-shrink: 0; 
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23C5CCD5"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.self_test .radio_cho_box .inp_chk input:checked + label .chk_ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.self_test .radio_cho_box .inp_chk input:checked + label {border:2px solid var(--colorBlue2); color: var(--colorBlue2); font-weight: 700;}
.self_test .radio_cho_box .inp_chk + .inp_chk  {margin-top: 15px;}

.self_test .img_cho_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;}

.self_test .img_cho_box label .img {overflow: hidden; border-radius: 10px; border: 2px solid transparent; }
.self_test .img_cho_box label .img.cir {border-radius: 50%;}
.self_test .img_cho_box label .img img {width: 100%;}
.self_test .img_cho_box label .txt {font-size: var(--txt2); font-weight: 500; color: #7A8390; text-align: center; margin-top: 10px;}
.self_test .img_cho_box input:checked + label .img {border: 2px solid var(--colorBlue2);}
.self_test .img_cho_box input:checked + label .txt {color: var(--colorBlue2); font-weight: 700;}

.self_test .self_test_btn {margin-top: auto;}

.self_test .age_slide {position: relative; height: 150px;}
.self_test .age_slide::before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 50px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 10%, rgba(211, 225, 255, 0) 100%); z-index: 2; pointer-events: none;}
.self_test .age_slide::after {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 10%, rgba(211, 225, 255, 0) 100%); z-index: 2; pointer-events: none;}
.self_test .age_slide .center {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 50px; border: 1px; background: #E3EFFF; border-radius: 6px; pointer-events: none;}
.self_test .age_slide .swiper-container {width: 100%;  height: 100%;}
.self_test .age_slide .swiper-container .swiper-slide {display: flex; align-items: center; justify-content: center; transform: rotateX(-50deg); color: #C5CCD5; font-size: var(--txt1); }
.self_test .age_slide .swiper-container .swiper-slide-prev {transform: rotateX(-35deg) translateY(-10px)}
.self_test .age_slide .swiper-container .swiper-slide-active {transform: rotateX(0deg); color: var(--colorBlue2); font-weight: 700; transition: color 0.3s ease-in-out;}
.self_test .age_slide .swiper-container .swiper-slide-next {transform: rotateX(35deg) translateY(10px)}
.self_test .age_slide .swiper-container .swiper-slide-next  + .swiper-slide {transform: rotateX(50deg) }

.self_test .age_slide .txt {font-size: var(--tit5); text-align: center; }


.self_test.gender .img_cho_box {margin-top: 40px;}


.self_test_wait {height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.self_test_wait .ico_box svg {width: 30%; height: auto;}
.self_test_wait .tit_box {margin-top: 30px;}
.self_test_wait .tit_box .tit {font-size: var(--tit4); font-weight: 700; line-height: var(--titLineH);}
.self_test_wait .tit_box .txt { font-weight: 400; margin-top: 15px; color: #7A8390;}
 
.self_test_result .in {width: 800px;}
.self_test_result .self_result_top {text-align: center;padding: 100px var(--inPd) 0;margin-bottom: var(--subTopMg);}
.self_test_result .self_result_top .desc {font-size: var(--txt2);font-weight: 700;color: #7A8390;}
.self_test_result .self_result_top .tit {font-size: var(--tit1);font-weight: 700; line-height: 1.5; margin-top: 10px;}
.self_test_result .self_result_top .tit .num {color: var(--colorBlue2);}
.self_test_result .self_result_top .btn {display: inline-flex;align-items: center;justify-content: center; width: 10em; height: 3em; margin-top: 25px; border: 1px solid var(--grayLine);color: #7A8390;border-radius: 5px;font-size: var(--txt2);font-weight: 500; transition: 0.3s ease-in-out; border-radius: 10em;}
.self_test_result .self_result_top .btn .ico {width: 1em;height: 1em;flex-shrink: 0;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%236B7B92"><path d="M448 112c0 44.2-35.8 80-80 80c-22.9 0-43.6-9.6-58.1-25l-151 75.5c.8 4.4 1.1 8.9 1.1 13.5s-.4 9.1-1.1 13.5l151 75.5c14.6-15.4 35.2-25 58.1-25c44.2 0 80 35.8 80 80s-35.8 80-80 80s-80-35.8-80-80c0-9.7 1.7-19 4.9-27.7L147.2 299.5c-14.3 22-39 36.5-67.2 36.5c-44.2 0-80-35.8-80-80s35.8-80 80-80c28.2 0 52.9 14.5 67.2 36.5l145.7-72.9c-3.2-8.6-4.9-17.9-4.9-27.7c0-44.2 35.8-80 80-80s80 35.8 80 80zM80 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM416 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM368 448a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}

.self_test_result .list {margin-top: 40px;}
.self_test_result .list li {padding: 20px 15px; background-color: var(--grayBg1); border-radius: 10px;}
.self_test_result .list li .tit {font-size: var(--txt2); font-weight: 700; margin-bottom: 5px; display: flex; align-items: center;}
.self_test_result .list li .tit svg {width: 1em; height: auto; margin-right: 10px;}
.self_test_result .list li .tit svg.mint {fill: #00C9CA}
.self_test_result .list li .tit svg.navy {fill: var(--colorBlue1)}
.self_test_result .list li .tit svg.blue {fill: var(--colorBlue2)}
.self_test_result .list li .txt {padding-left: 1.5em;}
.self_test_result .list li .btn_box {display: flex; flex-wrap: wrap; margin-bottom: -10px; margin-top: 10px;}
.self_test_result .list li .btn_box .btn {display: flex; align-items: center; height: 2.5em; margin-right: 10px; margin-bottom: 10px; padding: 0 1em; border-radius: 50px; font-size: var(--txt3); font-weight: 500; color: #3C3C3C; background-color: #fff; cursor: default;}
.self_test_result .list li .btn_box .btn .ico {width: 0.9em;height: 0.9em;margin-left: 7px;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%233C3C3C"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.self_test_result .list li + li { margin-top: 10px;}

.self_test_result .treatment_sect {margin-top: 60px;}
.self_test_result .treatment_sect .sect_tit {font-size: var(--tit4); font-weight: 700;}
.self_test_result .treatment_sect .cont_box {margin-top: 10px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;}
.self_test_result .treatment_sect .cont_box .img {position: relative; overflow: hidden; padding-top: 78%; border-radius: 10px;}
.self_test_result .treatment_sect .cont_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.self_test_result .treatment_sect .cont_box .txt {display: flex; align-items: center; margin-top: 10px; font-size: var(--txt2); font-weight: 700;}
.self_test_result .treatment_sect .cont_box .txt .ico {display: inline-block; width: 1em;height: 1em;margin-left: 7px;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}

.self_test_result .btm_btn_wrap {margin-top: 60px;}
.self_test_result .btm_btn_wrap .box {display: flex;}
.self_test_result .btm_btn_wrap .box .btn {display: flex; align-items: center; justify-content: center; height: 3.25em; border-radius: 7px; transition: 0.3s ease-in-out;}
.self_test_result .btm_btn_wrap .box .btn + .btn {margin-left: 10px;}
.self_test_result .btm_btn_wrap .box .btn .ico {transition: 0.3s ease-in-out;}
.self_test_result .btm_btn_wrap .box .btn.again {border: 1px solid var(--grayLine); color: #7A8390; font-size: var(--txt2); width: 35%; font-weight: 500; min-width: 120px; }
.self_test_result .btm_btn_wrap .box .btn.again .ico {width: 0.9em; height: 0.9em; margin-right: 7px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%236B7B92"><path d="M48 224l-32 0 0-32L16 64l0-32 64 0 0 32 0 51.2L97.6 97.6c87.5-87.5 229.3-87.5 316.8 0s87.5 229.3 0 316.8s-229.3 87.5-316.8 0l45.3-45.3c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3s-163.8-62.5-226.3 0L125.7 160l50.3 0 32 0 0 64-32 0L48 224z"/></svg>') no-repeat center / contain}
.self_test_result .btm_btn_wrap .box .btn.rese {flex: 1; font-size: var(--txt2); font-weight: 700; background-color: var(--colorBlue2); color: #fff;}
.self_test_result .btm_btn_wrap .box .btn.rese .ico {width: 1em; height: 1em; margin-right: 7px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff" ><path d="M0 512l10.2-51L32 352 350.1 33.9 384 0l33.9 33.9 60.1 60.1L512 128l-33.9 33.9L160 480 51 501.8 0 512zm136.3-76.2L382.1 190.1l-60.1-60.1L76.2 375.7l-15 75.1 75.1-15z"/></svg>') no-repeat center / contain;;}

.self_test_result .btm_btn_wrap .prev_resuly_btn {position: relative; display: flex; align-items: center; margin: 30px auto 0; padding-bottom: 5px ; font-size: var(--txt2); font-weight: 500; color: #7A8390; }
.self_test_result .btm_btn_wrap .prev_resuly_btn .ico {display: inline-block; width: 1em; height: 1em; margin-left: 7px; flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.self_test_result .btm_btn_wrap .prev_resuly_btn::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #7A8390; width: 0; transition: 0.3s ease-in-out;}

.self_test_result .com_info_box {margin-top: 50px;}





.modal_cont.share .cont {background-color: #fff; padding: 40px 20px;}
.modal_cont.share .cont .ico_wrap {display: flex; justify-content: space-between; width: 260px; margin: 0 auto; max-width: 100%;}
.modal_cont.share .cont .ico_wrap .ico {flex: 1; cursor: pointer;}
.modal_cont.share .cont .ico_wrap .ico + .ico {margin-left: 20px;}
.modal_cont.share .cont .ico_wrap .ico svg {width: 100%; height: 100%;}
.modal_cont.share .cont .btn {display: flex;align-items: center;justify-content: center;width: 10em;height: 3em; margin: 30px auto 0;border: 1px solid #C5CCD5;color: #7A8390;border-radius: 5px;font-size: var(--txt2);font-weight: 500; border-radius: 10em;}
.modal_cont.share .cont .btn .ico {width: 1em;height: 1em;flex-shrink: 0;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%236B7B92"><path d="M448 112c0 44.2-35.8 80-80 80c-22.9 0-43.6-9.6-58.1-25l-151 75.5c.8 4.4 1.1 8.9 1.1 13.5s-.4 9.1-1.1 13.5l151 75.5c14.6-15.4 35.2-25 58.1-25c44.2 0 80 35.8 80 80s-35.8 80-80 80s-80-35.8-80-80c0-9.7 1.7-19 4.9-27.7L147.2 299.5c-14.3 22-39 36.5-67.2 36.5c-44.2 0-80-35.8-80-80s35.8-80 80-80c28.2 0 52.9 14.5 67.2 36.5l145.7-72.9c-3.2-8.6-4.9-17.9-4.9-27.7c0-44.2 35.8-80 80-80s80 35.8 80 80zM80 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM416 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM368 448a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>') no-repeat center / contain;}

/* 커뮤니티 키워드 검색  */

/* .com_kword_sch {padding: 30px var(--inPd); margin-bottom: 50px; background-color: var(--colorBlue2);} */

.com_kword_sch {padding: 0 var(--inPd);margin-bottom: 30px;}
.com_kword_sch .inp {position: relative;}
.com_kword_sch .inp input {width: 100%;height: 3.5em;padding: 0 1em;font-size: var(--txt2);border-radius: 0.5em;font-weight: 600;background-color: #F3F4F8; color: #262F40;}
.com_kword_sch .inp input::placeholder {color: var(--colorBlue1);}
.com_kword_sch .inp .ico {position: absolute;right: 1em;top: 50%;transform: translateY(-50%);width: 1.4em;height: 1.4em;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%231C369A"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1l124 124 17 17L478.1 512l-17-17-124-124z"/></svg>') no-repeat center / contain;}


/* 공지사항 */

.com_list_top {display: flex; align-items: flex-end; justify-content: space-between;}
.com_list_top .com_all_num {margin-bottom: 0;}
.com_list_top .chk_box {display: flex;}
.com_list_top .chk_box .view_chk + .view_chk {margin-left: 2rem;}

/* .notice_page .com_list_top {margin-top: ;} */
.notice_list {margin-top: 20px;}
.notice_list .list_sel {margin-bottom: 0px;}
.notice_list .list {border-top: 1px solid #262F40;}
.notice_list .list li a{display: block; padding: 1em 0px; border-bottom: 1px solid var(--grayLine);}
.notice_list .list li .com_tag {margin-bottom: 5px; }
.notice_list .list li .tit {font-size: var(--txt1); overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: 600;}
.notice_list .list li .date {font-size: var(--txt3); color: #7A8390; font-weight: 500; margin-top: 5px;}

/* 자생소식  */

.news_list {margin-top: 20px;}
.news_list .list {margin-top: 10px; display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 30px 15px;}

.news_list .list li a {display: block;}
.news_list .list li .thumb { position: relative; width: 100%; padding-top: 60%; border-radius: 10px; overflow: hidden; }
.news_list .list li .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.news_list .list li .txt_box {margin-top: 10px;}
.news_list .list li .txt_box .tit {font-size: var(--txt2);margin-top: 15px;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 6px; word-break: break-all;}
.news_list .list li .date { margin-top: 5px; font-size: var(--txt3); color: #7A8390; font-weight: 500; }
.news_list .list li.write_li {padding: 25px 15px; border-radius: 10px; background-color: var(--grayBg2);}
/* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);  */
.news_list .list li.write_li .tit {margin-top: 5px; font-weight: 600; font-size: var(--txt2); overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; word-break: break-all}
.news_list .list li.write_li .com_tag {background-color: #fff;}


/* 자생 건강 정보 */
.health_info_list {margin-top: 20px; }
.health_info_list .list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px}
.health_info_list .list li a {overflow: hidden; display: block; position: relative; width: 100%; padding-top: 100%; border-radius: 10px;}
.health_info_list .list li a .img_box {position: absolute; left: 0; top: 0; width: 100%;  height: 100%;}
.health_info_list .list li a img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

/* 의료진 소개 */
.staff_view_page .staff_info .info_list li:nth-child(n+8),
.staff_view_page .related_data .list li:nth-child(n+8){display: none;}
.staff_view_page .staff_info .info_list.open li:nth-child(n+8),
.staff_view_page .related_data .list.open li:nth-child(n+8){display: flex;}
.staff_view_page .more-btns{display: flex; justify-content: center;}
.staff_view_page .more-btns a{background-color: var(--grayBg1); border-radius: 50px; width: auto; padding: 0 2em;}


/* 건강정보 */
.health_info_list .list li a{padding-top: 0; border-radius: 0;}
.health_info_list .list li a .img_box {overflow: hidden; position: relative; width: 100%; padding-top: 100%; border-radius: 10px;}
.health_info_list .list li a .img_box img{object-fit: cover;}
.health_info_list .list li a .txt_box {margin-top: 10px;}
.health_info_list .list li a .txt_box .tit{font-size: var(--txt2); font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 6px; line-height: 1.5;  height: 3em;}
.health_info_list .list li a .txt_box .date,
.health_info_list .list li a .txt_box .num_txt {margin-top: 10px;font-size: var(--txt3); color:#7a8390;  font-weight: 500;}
.health_info_list .list li a .txt_box .num_txt .num {font-weight: 600; color: #262f40; margin-left: 5px;}

.health_info_page.book .health_info_list .list li a .img_box {padding-top: 110%;}





/* 커뮤니티_자생 티비보니 */
.tv_page .sub_top{ margin-bottom: 33px; }
.tv_page .sub_top .tit_box .txt{ text-align: center; }
.tv_page .sub_cont_action{display: flex; justify-content: space-between; align-items: center;}
.tv_page .sub_cont_action .sub_btn_tab{ margin-top: 0; }
.tv_page .sub_cont_action .interest_field .btn {display: flex; align-items: center;}
.tv_page .sub_cont_action .interest_field .ico {width: 1.2em; margin-right: 10px; display: flex; align-items: center;}
.tv_page .sub_cont_action .interest_field .ico svg {width: 100%; height: auto;}

.keyword_list_box {display: flex; overflow: auto; max-width: calc(100% + var(--inPd) * 2); margin: 15px calc(var(--inPd) * -1) 0; padding: 0 var(--inPd);}
.keyword_list_box .btn_wrap {display: flex; flex-wrap: wrap; align-items: center; max-width: 600px; gap: 5px;}
.keyword_list_box .btn{border: 1px solid var(--grayLine); border-radius: 50px; padding: 0.6em 1em; font-size: var(--smTxt); font-weight: 500; color:var(--smTR); flex-shrink: 0; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); touch-action: manipulation; user-select: none; -webkit-user-select: none; line-height: 1em;}









.keyword_list_box .btn.on,
.keyword_list_box .btn.active {background-color: #262F40 !important; color: #fff !important; border-color: #262F40 !important;}
.keyword_list_box .btn:hover {background-color: #262F40; color: #fff;}
.keyword_list_box .btn:active {background-color: transparent !important; color: inherit !important; border-color: inherit !important;}
.keyword_list_box::-webkit-scrollbar { display: none; }
.keyword_list_box .tit {font-weight: 700; margin-right: 20px; font-size: var(--txt3); line-height: 2.5;}

.sub_btn_tab + .com_info_box {margin-top: 20px; width: 100%;}


.tv_page .popular_video .sect_tit_box {margin-bottom: 30px;}
.tv_page .popular_video .paging {position: relative; width : 35rem; max-width: 60%; height: 3px; margin: 6rem auto 0; background: rgba(48,68,160,0.2);border-radius: 2em; overflow: hidden;}
.tv_page .popular_video .paging .swiper-pagination-progressbar-fill {background: var(--colorBlue1);}

.tv_page .popular_video .item .img { padding-top: 56.25%; overflow: hidden; position: relative;}
.tv_page .popular_video .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.tv_page .popular_video .item .txt_box { margin-top: 10px;}
.tv_page .popular_video .item .txt_box .tit {font-size: var(--txt2); font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.tv_page .popular_video .item .txt_box .count_txt {margin-top: auto; display: flex; color: #7A8390; margin-top: 5px; }
.tv_page .popular_video .item .txt_box .count_txt .txt {font-size: var(--smTxt1); display: flex; justify-content: space-between; align-items: center;}
.tv_page .popular_video .item .txt_box .count_txt .txt + .txt {margin-left: 10px;}
.tv_page .popular_video .item .txt_box .count_txt .txt + .txt::before {content: "";width: 1px;height: 0.75em;background-color: #ddd;display: inline-block;margin-right: 10px;}
.tv_page .popular_video .item .txt_box .count_txt .txt span {font-weight: 500;}

.tv_page .recommend_sect {padding: var(--subContPd) 0; background-color: #EBF5FF; margin-top: var(--sectMt);}
.tv_page .recommend_sect .sub_cont_action{margin: 36px 0 20px;}
.tv_page .recommend_sect .recommend_interest_btn { display: flex; align-items: center; font-size: var(--txt3); font-weight: 500; fill: var(--exTxt); color: var(--exTxt); }
.tv_page .recommend_sect .recommend_interest_btn .ico { margin-right: 5px; width: 1em; height: 1em;background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 45 45"><circle data-name="타원 207" cx="22.5" cy="22.5" r="22.5" fill="%236b7b92"/><path data-name="패스 6910" d="M21.073,16.273a1.8,1.8,0,0,0,.36,1.985l.065.065a2.182,2.182,0,0,1,0,3.085l0,0a2.182,2.182,0,0,1-3.085,0l0,0-.065-.065a1.815,1.815,0,0,0-3.076,1.287v.185a2.182,2.182,0,0,1-4.364,0v-.1a1.8,1.8,0,0,0-1.178-1.647,1.8,1.8,0,0,0-1.985.36l-.065.065a2.182,2.182,0,0,1-3.085,0l0,0a2.182,2.182,0,0,1,0-3.085l0,0,.065-.065a1.815,1.815,0,0,0-1.287-3.076H3.182a2.182,2.182,0,1,1,0-4.364h.1A1.8,1.8,0,0,0,4.927,9.727a1.8,1.8,0,0,0-.36-1.985L4.5,7.676a2.182,2.182,0,0,1,0-3.085l0,0a2.182,2.182,0,0,1,3.085,0l0,0,.065.065a1.8,1.8,0,0,0,1.985.36h.087a1.8,1.8,0,0,0,1.091-1.647V3.182a2.182,2.182,0,1,1,4.364,0v.1a1.815,1.815,0,0,0,3.076,1.287l.065-.065a2.182,2.182,0,0,1,3.085,0l0,0a2.182,2.182,0,0,1,0,3.085l0,0-.065.065a1.8,1.8,0,0,0-.36,1.985v.087a1.8,1.8,0,0,0,1.647,1.091h.185a2.182,2.182,0,0,1,0,4.364h-.1A1.8,1.8,0,0,0,21.073,16.273Z" transform="translate(10 10)" fill="%23ebf5ff"/><circle data-name="타원 208" cx="3" cy="3" r="3" transform="translate(20 20)" fill="%236b7b92"/></svg>') no-repeat center / contain;}

.tv_page .recommend_sect .sub_btn_tab .tab {background-color: #fff;}
.tv_page .recommend_sect .sub_btn_tab .tab.active {background-color: #262F40;}

.tv_page .recommend_sect .recommend_box {  margin-top: var(--discContPd);}
.tv_page .recommend_sect .recommend_box .com_play_bg {display: none;}
.tv_page .recommend_sect .phone_only .recommend_box .com_play_bg {display: none;}
.tv_page .recommend_sect .recommend_box .img_box{position: relative; padding-top: 56.25%; overflow: hidden;}
.tv_page .recommend_sect .recommend_box .img_box img{position: absolute; top: 0; left: 0; width: 102%; height: 102%; object-position: center; object-fit: cover;}
.tv_page .recommend_sect .recommend_box .info_wrap {margin-top: 15px;}
.tv_page .recommend_sect .recommend_box .info_wrap .txt { display: -webkit-box; font-weight: 600; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.tv_page .recommend_sect .recommend_box .info_wrap .date { font-size: 13px; margin-top: 20px; color: var(--typeTxt1); font-weight: 500; display: none;}
.tv_page .recommend_sect .slider_wrap { margin-top: 33px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);}
.tv_page .recommend_sect .slider_wrap .video_item{ border-radius: 15px; border-radius: 15px; overflow: hidden;}



.recommend_sect .shorts_wrap { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--titContM1); }
.recommend_sect.active .cont .shorts_wrap { opacity: 1; transform: translateY(0); }
.recommend_sect .shorts_wrap .swiper-container { padding: 0 var(--inPd); }
.recommend_sect .shorts_wrap .item { position: relative; width: 100%;  overflow: hidden; }
.recommend_sect .shorts_wrap .item .top { position: absolute; left: 0; top: 0; width: 100%; padding: 15px 10px; display: flex; align-items: center; justify-content: center; color: #fff; fill: #fff; z-index: 20; display: none; }
.recommend_sect .shorts_wrap .item .top .profile { width: 30px; height: 30px; border-radius: 100%; overflow: hidden; flex-shrink: 0; margin-right: 5px; }
.recommend_sect .shorts_wrap .item .top .profile img { width: 100%; height: 100%; object-fit: cover; }
.recommend_sect .shorts_wrap .item .top .tit { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--smTxt1); }
.recommend_sect .shorts_wrap .item .top .menu { flex-shrink: 0; margin-left: 10px; }
.recommend_sect .shorts_wrap .item .thumb { position: relative; padding-top: 180%;}
.recommend_sect .shorts_wrap .item .thumb:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 30%); z-index: 10; display: none; }
.recommend_sect .shorts_wrap .item .thumb img { position: absolute; left: 0; top: 0; width: 102%; height: 102%; object-fit: cover; }
.recommend_sect .shorts_wrap .paging { position: relative; max-width: 35%; height: 2.5px; margin: 32px auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden; }
.recommend_sect .shorts_wrap .paging .swiper-pagination-progressbar-fill { background: var(--tagBg4); border-radius: 10px; }


.tv_page .tv_list_sect {padding-bottom: var(--subPd);}
.tv_page .tv_list_sect .com_sch_box_wrap{margin: 60px 0 50px;}
.tv_page .tv_list_sect .sub_cont_action{margin-bottom: 33px; }
.tv_page .tv_list_sect .tv_item_wrap{display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 40px 15px;}
.tv_page .tv_list_sect .tv_item{display: flex;}
.tv_page .tv_list_sect .tv_item a{display: block; width:100%;}
.tv_page .tv_list_sect .tv_item a .img { padding-top: 56.25%; overflow: hidden; position: relative;}
.tv_page .tv_list_sect .tv_item a .img img{position: absolute; top: 0; left: 0; width: 100%; height: 101%; object-position: center; object-fit: cover;}

.tv_page .tv_list_sect .tv_item_wrap .txt_box { margin-top: 6px;}
.tv_page .tv_list_sect .tv_item_wrap .txt_box .tit {font-size: var(--txt3); font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all; }


.tv_page .tv_list_sect .tv_item_wrap .txt_box .count_txt {margin-top: auto; display: flex; color: #7A8390; margin-top: 5px; }
.tv_page .tv_list_sect .tv_item_wrap .txt_box .count_txt .txt {font-size: var(--smTxt1); display: flex; justify-content: space-between; align-items: center;}
.tv_page .tv_list_sect .tv_item_wrap .txt_box .count_txt .txt + .txt {margin-left: 10px;}
.tv_page .tv_list_sect .tv_item_wrap .txt_box .count_txt .txt + .txt::before {content: "";width: 1px;height: 0.75em;background-color: #ddd;display: inline-block;margin-right: 10px;}
.tv_page .tv_list_sect .tv_item_wrap .txt_box .count_txt .txt span {font-weight: 500;}


.tv_page .tv_list_sect .tv_item_wrap.shorts .tv_item a .img { padding-top: 180.45%; }


.tv_view_page {}
.tv_view_page .in {width: var(--subInW);}
.tv_view_page .video_box {display: flex; justify-content: space-between; align-items: flex-start;}
.tv_view_page .video_box .visual_box {width: 65%; display: flex; flex-direction: column;}
.tv_view_page .video_box .visual_box .video {padding-top: 56.25%; position: relative;}
.tv_view_page .video_box .visual_box .video .thumb {position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.tv_view_page .video_box .visual_box .video .thumb img {position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: ccover; object-position: center;}
.tv_view_page .video_box .visual_box .video iframe {position:absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.tv_view_page .video_box .visual_box .com_play_bg {z-index: 3;}
.tv_view_page .video_box .visual_box .txt_box {display: flex; flex-direction: column; margin-top: 20px; flex: 1;}
.tv_view_page .video_box .visual_box .txt_box .tit {font-size: var(--tit5); font-weight: 600;}

.tv_view_page .video_box .visual_box .txt_box .util_wrap { display: flex; align-items: center; font-size: var(--txt3); margin-top: 10px; font-weight: 500;}
.tv_view_page .video_box .visual_box .txt_box .util_wrap .txt { color: #7A8390; display: flex; align-items: center;}
.tv_view_page .video_box .visual_box .txt_box .util_wrap .txt + .txt {margin-left: 15px; }
.tv_view_page .video_box .visual_box .txt_box .util_wrap .txt + .txt::before {content: ""; width: 1px; height: 0.75em; background-color: #ddd; display: inline-block; margin-right: 15px;}
.tv_view_page .video_box .visual_box .txt_box .util_wrap .txt .num {font-weight: 600; margin-left: 6px; color: #262F40;}
.tv_view_page .video_box .visual_box .txt_box .util_wrap .date {color: #7A8390; margin-left: auto;}

.tv_view_page .video_box .visual_box .txt_box .tag_wrap {display: flex; align-items: flex-start;margin-top: 25px; }
.tv_view_page .video_box .visual_box .txt_box .tag_wrap .tag_box {display: flex; flex-wrap: wrap; flex: 1; min-width: 0; padding-right: 10px; gap: 5px; padding-top: 0.3em;}
.tv_view_page .video_box .visual_box .txt_box .tag_wrap .tag {border: 1px solid var(--grayLine);border-radius: 50px;padding: 0.25em 0.8em;font-size: var(--smTxt1);color: var(--exTxt);flex-shrink: 0;transition: 0.3s ease-in-out;}

.tv_view_page .video_box .visual_box .txt_box .share_btn {margin-left: auto; display: flex; align-items: center; border-radius: 50px;padding: 0.4em 0.7em;font-size: var(--txt3);color:#fff;flex-shrink: 0; fill: #fff; background-color: #262f40 ;transition: 0.3s ease-in-out;}
.tv_view_page .video_box .visual_box .txt_box .share_btn svg {width: 1em; height: auto; margin-right: 0.5em; display: flex; align-items: center;}

.tv_view_page .subtitle_box {margin-top: 30px; }
.tv_view_page .subtitle_box .txt { position: relative; overflow: auto; padding: 20px 30px; background-color: var(--grayBg2); border-radius: 10px; max-height: 252px; font-size: var(--txt3);}

.tv_view_page .subtitle_box .txt::-webkit-scrollbar {-webkit-appearance: none;}
.tv_view_page .subtitle_box .txt::-webkit-scrollbar:vertical {width: 5px;}
.tv_view_page .subtitle_box .txt::-webkit-scrollbar:horizontal {height: 5px;}
.tv_view_page .subtitle_box .txt::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .2);border-radius: 5px;}
.tv_view_page .subtitle_box .txt::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}

.tv_view_page .subtitle_box .more_btn {display: flex; align-items: center; justify-content: center; width: 100%; height:3.5em; margin-top: 15px; border: 1px solid var(--grayLine); font-size: var(--txt3); border-radius: 5px; font-weight: 500;}
.tv_view_page .subtitle_box .more_btn .ico {width: 1em;height: 1em;margin-left: 10px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 374.6l11.3-11.3 160-160L406.6 192 384 169.4l-11.3 11.3L224 329.4 75.3 180.7 64 169.4 41.4 192l11.3 11.3 160 160L224 374.6z"/></svg>') no-repeat center / contain;    }
.tv_view_page .subtitle_box .more_btn.up .ico {transform: rotate(180deg);}

.tv_view_page .subtitle_box.on .txt {max-height: none;}
.tv_view_page .subtitle_box.on .txt::before {display: none;}


.tv_view_page .video_box .aside_box {width: 30%; display: flex; flex-direction: column;}
.tv_view_page .video_box .aside_box .box_top {display: flex; justify-content: space-between;}
.tv_view_page .video_box .aside_box .box_top .tit {font-size: var(--tit5); font-weight: 700; flex-shrink: 0;}
.tv_view_page .video_box .aside_box .box_top .sub_btn_tab {width: auto;}
.tv_view_page .video_box .aside_box .box_top .sub_btn_tab .tab {font-size: var(--txt3); padding: 0.3em 1em;}
.tv_view_page .video_box .aside_box .box_top .sub_btn_tab .tab + .tab {margin-left: 10px;}

.tv_view_page .video_box .aside_box .list_box {margin-top: 20px; flex: 1; overflow-y: auto; min-height: 0;} 

.tv_view_page .video_box .aside_box .list_box::-webkit-scrollbar {-webkit-appearance: none;}
.tv_view_page .video_box .aside_box .list_box::-webkit-scrollbar:vertical {width: 5px;}
.tv_view_page .video_box .aside_box .list_box::-webkit-scrollbar:horizontal {height: 5px;}
.tv_view_page .video_box .aside_box .list_box::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .2);border-radius: 5px;}
.tv_view_page .video_box .aside_box .list_box::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);}


.tv_view_page .video_box .aside_box .list_box .cont {display: grid; grid-template-columns: minmax(0,45%) minmax(0,1fr);}
.tv_view_page .video_box .aside_box .list_box .cont + .cont {margin-top: 15px;}
.tv_view_page .video_box .aside_box .list_box .cont .img {position: relative; padding-top: 56.25%;}
.tv_view_page .video_box .aside_box .list_box .cont .img img {position: absolute; left: 0; top: 0; width: 102%; height: 102%; object-position: center; object-fit: cover;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box {height: 100%; display: flex; flex-direction: column; margin-left: 15px;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box .tit {font-size: var(--txt3); font-weight: 500; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box .count_txt {margin-top: auto; display: flex; color: #7A8390;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box .count_txt .txt {font-size: var(--smTxt1); display: flex; justify-content: space-between; align-items: center;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box .count_txt .txt + .txt {margin-left: 10px;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box .count_txt .txt + .txt::before {content: "";width: 1px;height: 0.75em;background-color: #ddd;display: inline-block;margin-right: 10px;}
.tv_view_page .video_box .aside_box .list_box .cont .txt_box .count_txt .txt span {font-weight: 500;}

.view_page.tv_view_page .board_li_wrap {margin-top: 4rem;}

.tv_view_page .video_info_box {display: flex; flex-wrap:wrap; align-items: center ;margin-top: 20px; border-bottom: 1px solid var(--grayLine); padding-bottom: 10px;}
.tv_view_page .video_info_box .time_txt {}
.tv_view_page .video_info_box .time_txt .num {font-weight:600; margin-left: 5px;}
.tv_view_page .video_info_box .tag_wrap {display: flex; margin-left: auto; order: 3; width: 100%; margin-top: 10px;}
.tv_view_page .video_info_box .tag_wrap .tag {border: 1px solid var(--grayLine); border-radius: 50px;padding: 0.4em 0.8em;font-size: var(--smTxt1);color: var(--exTxt);flex-shrink: 0;transition: 0.3s ease-in-out;}
.tv_view_page .video_info_box .tag_wrap .tag + .tag  {margin-left: 5px;}
.tv_view_page .video_info_box .share_btn {margin-left: auto; display: flex; background-color: #262f40 ;border-radius: 50px;padding: 0.4em 0.7em;font-size: var(--txt3);color: #fff;flex-shrink: 0; fill: #fff; transition: 0.3s ease-in-out;}
.tv_view_page .video_info_box .share_btn svg {width: 1em; height: auto; margin-right: 0.5em; }



.tv_view_page .popular_cont {margin-top: 6rem; padding-top: 6rem; border-top: 1px solid var(--grayLine);}
.tv_view_page .popular_cont .top_box {display: flex;}
.tv_view_page .popular_cont .cont_tit {font-size: var(--tit5);font-weight: 700;flex-shrink: 0;}

.tv_view_page .popular_cont .sub_btn_tab {width: auto; margin-left:auto;}
.tv_view_page .popular_cont .sub_btn_tab .tab {font-size: var(--txt3); padding: 0.3em 1em;}
.tv_view_page .popular_cont .sub_btn_tab .tab + .tab {margin-left: 10px;}

.tv_view_page .popular_cont .cont_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 15px; gap:40px 15px; }
.tv_view_page .popular_cont .cont_box .img {position: relative; padding-top: 56.25%; }
.tv_view_page .popular_cont .cont_box .img img {position: absolute; left: 0; top: 0; width: 102%; height: 102%; object-position: center; object-fit: cover;}
.tv_view_page .popular_cont .cont_box.shorts .img {padding-top: 180%; overflow: hidden;}
.tv_view_page .popular_cont .cont_box a .txt_box {margin-top: 10px;}
.tv_view_page .popular_cont .cont_box a .txt_box .tit {font-size: var(--txt3);margin-top: 15px;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}

.tv_view_page .popular_cont .count_txt {margin-top: auto; display: flex; color: #7A8390; margin-top: 5px; }
.tv_view_page .popular_cont .count_txt .txt {font-size: var(--smTxt1); display: flex; justify-content: space-between; align-items: center;}
.tv_view_page .popular_cont .count_txt .txt + .txt {margin-left: 10px;}
.tv_view_page .popular_cont .count_txt .txt + .txt::before {content: "";width: 1px;height: 0.75em;background-color: #ddd;display: inline-block;margin-right: 10px;}
.tv_view_page .popular_cont .count_txt .txt span {font-weight: 500;}




/* 자생스토리_연혁 */
.history_page .intro_sect{margin-bottom: var(--subContPd);}
.history_page .intro_sect .tit_wrap{font-weight: 700; text-align: center;}
.history_page .intro_sect .tit_wrap .txt_box .tit {display: inline-block;font-size: var(--tit3); background: linear-gradient(to right, var(--colorBlue1) 50%, #ebebeb 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;transition: background-position-x 1s ease-in-out 0.2s;}
.history_page .intro_sect .tit_wrap .txt_box .txt {display: inline-block; margin-top: 10px;background: linear-gradient(to right, #7A8390 50%, #ebebeb 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text ;transition: background-position-x 1s ease-in-out 0.4s;}
.history_page .intro_sect .tit_wrap .txt_box + .txt_box .tit ,
.history_page .intro_sect .tit_wrap .txt_box + .txt_box .txt {transition: background-position-x 1s ease-in-out 0.6s;}
.history_page .intro_sect .txt_box.active .tit ,
.history_page .intro_sect .txt_box.active .txt {background-position-x: 0%}

.history_sect .tab_wrap > .in {display: flex; justify-content: center; z-index: 50; position:sticky; top: 0; width: 100%; background-color: #fff;}


.history_sect .sub_btn_tab{ height:4em; width: auto;}
.history_sect .sub_btn_tab .tab.active{background-color: var(--colorBlue1);}
.history_sect .tab_cont {display: none; min-height: calc(100svh - 500px);}


.history_sect .tab_cont.tab_cont1 {display: block;}
.history_sect .tab_cont .select_box {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 10px var(--inPd); background-color: #fff; transition: opacity 0.3s ease, visibility 0.3s ease;}


/* .history_sect .anchor_link { display: flex; align-items: center; overflow: auto; width: calc(100% + var(--inPd)) * 2; margin:0 calc(var(--inPd) * -1) 35px; padding:1em var(--inPd); background-color: #F8F8FB;} */
.history_sect .anchor_link {position: sticky; top: 60px; z-index: 10; scroll-behavior: smooth; margin-bottom: 35px; display: flex; justify-content: center; width: 100%; background-color: #F8F8FB;}
.history_sect .anchor_link.hide { opacity: 0;  visibility: hidden; pointer-events: none;}

.history_sect .anchor_link .link_box { display: flex; align-items: center; overflow: auto; width: 100%; padding:1em var(--inPd);  width: auto;}
.history_sect .anchor_link .link_box::-webkit-scrollbar { display: none; }
.history_sect .anchor_link .link { position: relative; font-weight: 600; color: #7A8390; white-space: nowrap; }
.history_sect .anchor_link .link + .link { margin-left: 30px; }
.history_sect .anchor_link .link.active { color: #262F40; font-weight: 700;}

.history_sect .cont_wrap {margin-top: 35px; scroll-margin-top: 60px;}
.history_sect .cont_wrap + .cont_wrap{padding-top:var(--sectMt); margin-top: 0;}
.history_sect .cont .img_box{position :relative; border-radius: 10px; overflow: hidden; padding-top:56%;}
.history_sect .cont .img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}


.history_sect .cont .img_box + .txt_wrap {margin-top: 20px;}
.history_sect .cont .txt_wrap .top_box .year {font-size:var(--tit2); font-weight: 700; color: var(--colorBlue1); min-width: 2.8em; text-align: center;}
.history_sect .cont .txt_wrap .top_box .tit{font-size: var(--txt1); margin-top:15px; font-weight:700;}
.history_sect .cont .txt_wrap .top_box .txt{color:#262F40; margin-top:5px; word-break: break-all;}

.history_sect .cont .txt_wrap .top_box.move_type {display: flex; align-items: center; justify-content: center;}
.history_sect .cont .txt_wrap .top_box.move_type .year {margin: 0 15px;}
.history_sect .cont .txt_wrap .top_box.move_type .btn {display: flex; align-items: center; opacity: 1; pointer-events: none; fill: #cbcccd;}
.history_sect .cont .txt_wrap .top_box.move_type .btn.on {opacity: 1; pointer-events: visible; fill: var(--colorBlue1);}
.history_sect .cont .txt_wrap .top_box.move_type .btn .ico {width: 0.75em; height: auto;}

.history_sect .cont .txt_wrap .list_box {font-size: var(--txt3)}
.history_sect .cont .txt_wrap .list_box .txt {word-break: break-all;}
.history_sect .cont .txt_wrap .list_box .txt p {position: relative; padding-left: 0.5em;}
.history_sect .cont .txt_wrap .list_box .txt p + p {margin-top: 3px;}
.history_sect .cont .txt_wrap .list_box .txt p::before {content: "·"; position: absolute; left: 0; top: 0; height: 1.6em; font-size: 1em; }
.history_sect .cont .txt_wrap .top_box + .list_box {margin-top: 20px;}
.history_sect .cont .txt_wrap .list_box li{display: flex;}
.history_sect .cont .txt_wrap .list_box li + li{margin-top:15px;}
.history_sect .cont .txt_wrap .list_box li .date{min-width:75px; font-weight: 700;}


/* 알림 페이지_404 / 이벤트 완료 */
.status_page{position: relative; display:flex; flex-direction:column; min-height: 100svh; align-items: center; justify-content: center; padding: 0 calc(var(--inPd) * 2)}
.status_page .txt_box{text-align: center; display:flex; flex-direction:column; align-items: center; padding-bottom: 5em;}
.status_page .txt_box .ico{width: 4em;}
.status_page .txt_box .ico img{display:block; width: 100%;}
.status_page .txt_box .tit{font-size: var(--txt1); font-weight: 700; margin-top: 35px;}
.status_page .txt_box .txt{margin-top: 10px; color:var(--exTxt);}
.status_page .btm_btn{position: absolute; bottom:50px; height: 3.5em; line-height: 3.5em; font-weight: 600; background:#1664FA; width: calc(100% - var(--inPd) * 4); border-radius: 5px; padding: 0; color:#fff; font-size: var(--txt3); text-align: center;}
.status_page .btm_btn .link{display:block; width: 100%; height:100%;}






/* 자생티비 상세  반응형 */
@media screen and (max-width: 1240px) { 
    
}

@media screen and (max-width: 1000px) { 
    .tv_view_page .video_box .visual_box {width: 55%;}
    .tv_view_page .video_box .aside_box {width: 40%;}
}


@media screen and (max-width: 768px) { 

    
    
    .tv_page .popular_video .sect_tit_box {margin-bottom: var(--contMt);}
    .tv_page .recommend_sect .sub_cont_action {margin-top: var(--contMt);;}

    .tv_page .popular_video .slide {width: calc(100%  + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden;}
    .tv_page .popular_video .slide .swiper-container {overflow: visible;}

    .tv_view_page .popular_cont .sub_btn_tab,
    .tv_view_page .video_box .aside_box .box_top .sub_btn_tab {padding: 0;}

    .tv_page .popular_video .paging {margin-top: 30px;}

    /* .tv_view_page {padding-top: calc(var(--hdH) + 40px) ;} */
    .tv_view_page .video_box {display: block;}
    
    .tv_view_page .video_box .visual_box {width: 100%;}
    .tv_view_page .subtitle_box .txt {background-color: transparent; padding: 0; overflow: hidden;}
    .tv_view_page .subtitle_box .txt::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: linear-gradient(180deg,rgba(226, 229, 235, 0) 0%, rgba(255, 255, 255, 1) 100%);}
    .tv_view_page .subtitle_box .more_btn {display: flex; align-items: center; justify-content: center; width: 100%; height:3.5em; margin-top: 15px; border: 1px solid var(--grayLine); font-size: var(--txt3); border-radius: 5px; font-weight: 500;}
    .tv_view_page .subtitle_box .more_btn .ico {width: 1em;height: 1em;margin-left: 10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 374.6l11.3-11.3 160-160L406.6 192 384 169.4l-11.3 11.3L224 329.4 75.3 180.7 64 169.4 41.4 192l11.3 11.3 160 160L224 374.6z"/></svg>') no-repeat center / contain;    }
    .tv_view_page .subtitle_box .more_btn.up .ico {transform: rotate(180deg);}

    .tv_view_page .video_box .aside_box {height: auto !important; margin-top: 60px; display: block; width: 100%;}
    .tv_view_page .video_box .aside_box .list_box {display: flex; overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd) ;}
    .tv_view_page .video_box .aside_box .list_box::-webkit-scrollbar {display: none;}
    .tv_view_page .video_box .aside_box .list_box .cont {display: block; gap: 0; width: 45%; flex-shrink: 0;}
    .tv_view_page .video_box .aside_box .list_box .cont.shorts {width: 45%;}
    .tv_view_page .video_box .aside_box .list_box .cont.shorts .img {padding-top: 180%; overflow: hidden;}
    .tv_view_page .video_box .aside_box .list_box .cont .txt_box {height: auto; margin-top: 10px; margin-left: 0;}
    .tv_view_page .video_box .aside_box .list_box .cont .txt_box .tit {font-size: var(--txt3); font-weight: 600; }

    .tv_view_page .video_box .aside_box .list_box .cont + .cont {margin-top: 0; margin-left: 15px;}
    .tv_view_page .video_box .aside_box .list_box .cont .txt_box .count_txt {margin-top: 5px;}
    .tv_view_page.view_page .board_li_wrap .box_wrap {padding-top: 50px;}

    .keyword_list_box .btn {font-size: var(--smTxt1); padding: 0.25em 0.7em;}
    .keyword_list_box .tit {line-height: 1.6; margin-right: 10px;}

    .tv_page .tv_list_sect .tv_item_wrap .txt_box .tit {font-size: var(--txt2);}

    .tv_page .tv_list_sect .community_list_top {padding-bottom: 35px;}
    

}



@media screen and (max-width: 600px) { 
    .tv_view_page .video_box .aside_box .list_box .cont {width: 80%;}
}



/* 404 페이지 */

.error_page {height: 100svh; display: flex; flex-direction: column; align-items: center; padding-top: max(20vh,120px);}
.error_page .ico {width: 5em;}
.error_page .ico svg {width: 100%; height: auto;}
.error_page .txt_box {margin-top: 40px; text-align: center;}
.error_page .txt_box .tit {font-size: var(--tit5); font-weight: 700;}
.error_page .txt_box .txt {font-size: var(--txt2); color: #7A8390; margin-top: 10px;}
.error_page .btm_btn {margin-top: auto; padding: 2em; width: 100%;}
.error_page .btn {font-size: var(--txt2); color: #fff; background-color: var(--colorBlue2); border-radius: 5px; padding: 0.7em; width: 100%; display: flex; justify-content: center; font-weight: 600;}


@media screen and (min-width: 1240px) { 
    .error_page {padding-top: 0px; justify-content: center;}
    .error_page .txt_box .tit {font-size: var(--tit4);}
    .error_page .btm_btn {margin-top: 30px; width: 350px;}
}




/* tv 관심분야 팝업 */
.modal .modal_wrap .modal_cont.interest_field {width: 60rem;}
.modal_cont.interest_field .cont {background-color: #fff; padding: 30px 20px; border-radius: 0 0 15px 15px ;}
.modal_cont.interest_field .cont .keyword_box {display: flex; flex-wrap: wrap;}
.modal_cont.interest_field .cont .keyword_box label {margin-right: 10px; margin-bottom: 10px; cursor: pointer;}
.modal_cont.interest_field .cont .keyword_box .tag {border: 1px solid var(--grayLine);border-radius: 50px;padding: 0.4em 0.7em;font-size: var(--txt3);color: var(--exTxt); transition: 0.3s ease-in-out;}
.modal_cont.interest_field .cont .keyword_box .tag:hover {border-color: #262F40; background-color: #262F40; color: #ffff;}
.modal_cont.interest_field .cont .keyword_box input:checked + .tag {border-color: #262F40; background-color: #262F40; color: #ffff;} 




/* 커뮤니티_자생 칭찬 */
.praise_page {position: relative}
.praise_page .community_list_top {padding: 0}
.praise_page .com_kword_sch {margin-bottom: 0;}
.branch_choice {padding: 0 var(--inPd) 30px; background-color: #1664FA;}
.branch_choice .tit {font-size: var(--txt3); font-weight: 600; color: rgba(255,255,255,0.5);}
.branch_choice .btn_wrap {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin-top: 10px; gap: 0.7em 0.5em;}
.branch_choice .btn_wrap .btn {display: flex; align-items: center; justify-content: center; height: 2em; border: 1px solid #fff; border-radius: 50px; font-size: var(--txt3); font-weight: 600; color: #fff;}

.praise_list {margin-top: 20px;}
.praise_list .top_box {display: flex; justify-content: space-between; align-items: flex-end;}
.praise_list .com_all_num{margin-bottom: 0;}
.praise_list .praise_link{display:flex; align-items:center; gap:5px; color:#1664FA; border: 1px solid #C5CCD5; padding:0.5em 0.9em; border-radius: 2em; font-weight: 600;}
.praise_list .praise_link .ico{display:inline-block; width:1.125em; height:1.125em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="54.419" height="54.01" viewBox="0 0 54.419 54.01"><defs><clipPath><rect data-name="사각형 7531" width="54.419" height="54.01" fill="none"/></clipPath></defs><g transform="translate(0 0)"><g data-name="그룹 8779" transform="translate(0 0)" clip-path="url(%23clip-path)"><path data-name="패스 6800" d="M41.677,53.139H24.791A24.156,24.156,0,0,1,16,51.484l-4.917-1.92V24.732C23.745,24.635,28.3,3.905,28.3,3.905A4.452,4.452,0,1,1,37.137,5L37,22.121H46.03a5.929,5.929,0,0,1,5.782,7.243l-4.353,19.16a5.929,5.929,0,0,1-5.782,4.615" transform="translate(2.457 0)" fill="%23d5e7ff"/><path data-name="패스 6801" d="M3.512,49.918h9.569a3.512,3.512,0,0,0,3.512-3.512V21.977a3.512,3.512,0,0,0-3.512-3.512H3.512A3.512,3.512,0,0,0,0,21.977V46.406a3.512,3.512,0,0,0,3.512,3.512" transform="translate(0 4.092)" fill="%2375abf9"/></g></g></svg>') no-repeat center / contain}

.com_toggle_list .toggle_item { margin-top: 15px; }
.com_toggle_list .toggle_item .no_data {border-top: none;}
.com_toggle_list .toggle_item.border_none {border-top: none;}


.com_toggle_list .toggle_item .que { display:flex; justify-content: space-between; align-items: center; padding: 15px 10px; cursor: pointer; font-weight: 600; border-bottom: 1px solid var(--grayLine); }


.com_toggle_list .toggle_item .que.active {border-bottom: 0;}
.com_toggle_list .toggle_item .que .q_box {}
.com_toggle_list .toggle_item .que .com_tag { margin-bottom: 5px; flex-shrink: 0;}
.com_toggle_list .toggle_item .que .tit { padding-right: 15px; font-weight: 600; font-size: var(--txt1); word-break: break-all;}
.com_toggle_list .toggle_item .que .btn { display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.com_toggle_list .toggle_item .que .btn .ico { width: 100%; height: 100%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232C44A0"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>')center/contain no-repeat; }
.com_toggle_list .toggle_item .que .btn .ico { transition: transform 0.3s, background 0.3s; }

.com_toggle_list .toggle_item .que.active .ico { transform: rotate(-180deg);}

.com_toggle_list .toggle_item .answer { display:none; overflow: hidden; }
.com_toggle_list .toggle_item .answer .txt_box {padding: 20px 22px;border-radius: 10px;background-color: var(--grayBg2);}
.com_toggle_list .toggle_item .answer .a { display: inline-block; font-size: var(--tit3); line-height: 1; border-radius:50%; color:#1664FA; font-weight: 700; }



/* 커뮤니티_자주묻는질문 */
.faq_page .com_toggle_list .toggle_item .que .tag { min-width:4.2em;}
.faq_page .com_list_top {margin-top: 30px;}


/* 커뮤니티_비급여진료비 */
.nonfee_page .sub_top{margin-bottom: 33px;}
.nonfee_page .nonfee_list_top .sub_btn_tab {margin-top: 30px;}
.nonfee_page .list_sel {margin-top: 30px; display: flex; justify-content: flex-end;}
.nonfee_page .list_sel .nice-select{padding-right: 3em;}
.nonfee_page .list_sel .nice-select:last-child {margin-left: 10px;}
.nonfee_page .sub_dapth2_wrap {margin-top: 30px; display: flex; flex-direction: column; align-items: center;}
.nonfee_page .sub_dapth2_tab {margin-top: 30px;-webkit-overflow-scrolling: touch;cursor: grab;user-select: none;scrollbar-width: none}




.nonfee_page .nonfee_list_cont {}
.nonfee_page .nonfee_list_cont .list_sel {}


.nonfee_page .nonfee_list_cont .tbl_wrap {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow-x: auto;}
.nonfee_page .nonfee_list_cont .tbl { font-size: var(--smTxt1); margin-top: 25px; width: 100%; table-layout: fixed; word-break: break-all; min-width: 1200px;}
.nonfee_page .nonfee_list_cont .tbl th{border-right:1px solid #fff;}
.nonfee_page .nonfee_list_cont .tbl th.color1{background-color: #C9D4FF;}
.nonfee_page .nonfee_list_cont .tbl th.color2{background-color: #ABE4E4 ;}
.nonfee_page .nonfee_list_cont .tbl th.color3{background-color: #F8DAB2;}
.nonfee_page .nonfee_list_cont .tbl th,
.nonfee_page .nonfee_list_cont .tbl td{padding: 10px 5px;}
.nonfee_page .nonfee_list_cont .tbl td {border-right: 1px solid var(--grayLine); border-bottom: 1px solid var(--grayLine);}
.nonfee_page .nonfee_list_cont .tbl td.right {text-align: right;}
.nonfee_page .nonfee_list_cont .tbl th:last-child,
.nonfee_page .nonfee_list_cont .tbl td:last-child {border-right: none;}
.nonfee_page .nonfee_list_cont .tbl {}




/* 예약문의_공통 */
.reserve_page .reserve_info_sect:first-child {margin-top: 80px;}
.reserve_info_sect{margin-top: var(--sectMt);}
.reserve_info_sect .cont {margin-top: 35px; overflow-x: auto; width:  calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.reserve_info_sect .com_tbl td:first-child{width: 30%; min-width: 170px;}
.reserve_info_sect .com_tbl.type4 td:first-child {width: 100%;}
.reserve_info_sect .com_tbl td.wide{width:125px;}
.reserve_info_sect .com_tbl td.wide2{width:200px;}
.reserve_info_sect .com_tbl tr,
.reserve_info_sect .com_tbl td{font-size: var(--txt2);}
/* .reserve_info_sect .com_tbl.type2 {width: 400px;}  */
.reserve_info_sect .com_info_box{margin-top: var(--subTopMg);}
.reserve_info_sect .sub_cont_info_txt {font-size: var(--txt3); color:var(--exTxt); margin-top: 12px;}
.reserve_info_sect .view_more {margin-top: 60px; display: flex; justify-content: center;}

.reserve_info_sect.certificates .com_tbl td.wide2 {width: 50%;}
.reserve_info_sect.certificates .com_tbl th,
.reserve_info_sect.certificates .com_tbl td {text-align: center;}

/* 예약문의_제증명발급 */
.reserve_info_step{margin: 40px 0 30px;}
.reserve_info_step .step_list{position: relative; display: grid; grid-template-columns: repeat(4, 1fr);}
.reserve_info_step .step_list:before{content: ''; width: 100%; height: 4px; background-color: #F8F8FB; position: absolute; top: 3px;}
.reserve_info_step .step_list .step_item{position: relative; padding-top: 18px;}
.reserve_info_step .step_list .step_item:before{content: ""; position: absolute; width: 9px; height: 9px; top: 0; left: 50%; transform: translate(-50%); background-color: var(--titCol); border-radius: 50%;}
.reserve_info_step .step_list .step_item{display: flex; flex-direction:column; text-align: center;}
.reserve_info_step .step_list .step_item .step_num{color: var(--titCol); font-size: 10px; font-weight: 700; letter-spacing: normal;}
.reserve_info_step .step_list .step_item .step_txt{color: var(--lightTxt); font-size: var(--txt3); line-height: 1.5;}

.certificate_page .reserve_info_sect .download_box {margin-top: 25px;}
.certificate_page .reserve_info_sect .download_list {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; font-size: 0; column-gap: 6px; row-gap: 10px;}
.certificate_page .download_btn {position: relative; display:inline-flex; justify-content: center; align-items: center; width: 100%; height: 2.7em; color: #7A8390; border:1px solid #7A8390; border-radius: 100px; font-size: var(--txt3); font-weight: 600;}
.certificate_page .download_btn:after {content:""; position: relative; margin-left: 0.5em; display: inline-block; width:0.8em; height:1em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%236B7B92' d='M24 480L0 480l0-48 24 0 336 0 24 0 0 48-24 0L24 480zM209.5 344.4L192 363l-17.5-18.6-128-136L30.1 191l35-32.9 16.4 17.5L168 267.5l0-83.5 0-128 0-24 48 0 0 24 0 128 0 83.5 86.5-91.9L319 158.1l35 32.9-16.4 17.5-128 136z'/%3E%3C/svg%3E") no-repeat center / contain;}


/* 병원소개_진료시간·오시는길 */
.hours_location_page .tit_box .txt{color:var(--lightTxt); margin-top: 8px;}
/* .hours_location_page .tit_box .tit {opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0s, opacity 0.6s ease-in-out 0s}
.hours_location_page .tit_box .txt {opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0.2s, opacity 0.6s ease-in-out 0.2s} */
.hours_location_page .tit_box.active .txt,
.hours_location_page .tit_box.active .tit {opacity: 1; transform: unset;}
.hours_location_page .intro_sect{margin: var(--subContPd) 0;}
.hours_location_page .intro_sect .img_box {position: relative; padding-top: 55%; border-radius: 15px; overflow: hidden; display: none;}
.hours_location_page .intro_sect .img_box::before {content: "";position: absolute; left: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 1; transition: 1s ease-in-out;}
.hours_location_page .intro_sect .img_box::after {content: "";position: absolute; right: -2px; top: -2px; width: calc(50% + 4px); height: calc(100% + 4px); background-color: #fff; z-index: 1; transition: 1s ease-in-out}
.hours_location_page .intro_sect .img_box.active::before {width: 0;}
.hours_location_page .intro_sect .img_box.active::after {width: 0;}
.hours_location_page .intro_sect .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.hours_location_page .intro_sect .txt_box {text-align: center;}
.hours_location_page .intro_sect .txt_box .tit { display: inline-block;font-size: var(--tit3); font-weight: 700; background: linear-gradient(to right, var(--colorBlue1) 50%, rgba(0, 0, 0, 0.3) 50%); background-size: 200% 100%;  background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text; transition: background-position-x 1s ease-in-out 0.2s;}
.hours_location_page .intro_sect .txt_box .txt {margin-top: 0.6em; opacity: 0; transform: translateY(60px); transition: 1s ease-in-out 1s;}
.hours_location_page .intro_sect .txt_box.active .tit {background-position-x: 0%}
.hours_location_page .intro_sect .txt_box.active .txt {opacity: 1; transform: unset;}

 .key_sch_box{padding: 25px var(--inPd) 30px;}
.key_sch_box .in {padding: 0;}
.hours_location_page .key_sch_box .pnt_wrap{margin-top: 0;}

.hours_location_page .com_around_sect {padding: 0; border-top: none;}
.hours_location_page .com_around_sect .in {padding: 0;}

.hours_location_page .location_sect{margin-top: var(--sectMt);}
.hours_location_page .location_sect .img_box{margin-top: var(--contMt); border-radius: 15px; overflow: hidden;}
.hours_location_page .location_sect .map_btn_list { margin-top: 18px; display: grid; grid-template-columns: repeat(2,1fr); gap: 7px}
.hours_location_page .location_sect .map_btn_item { white-space: nowrap; }
.hours_location_page .location_sect .map_btn{position: relative; display:flex; justify-content: center; align-items: center; height: 2.34em; padding:0 1em; color: #6B7B92; border:1px solid var(--grayLine); border-radius: 100px; font-size: var(--txt3); font-weight: 600;}
.hours_location_page .location_sect .map_btn img{display: flex; margin-right: 5px;}
.hours_location_page .location_sect .map_btn .naver{width: 0.8em;}
.hours_location_page .location_sect .map_btn .kakao{width: 1.2em;}
.hours_location_page .location_sect .map_btn .google{width: 0.8em;}
.hours_location_page .location_sect .map_btn .tmap{width: 1.1em; margin-right: 3px;}

.hours_location_page .hours_sect {margin-top: 80px;}
.hours_location_page .parking_sect .com_info_box,
.hours_location_page .hours_sect .com_info_box{margin-top: 25px;}
.hours_location_page .hours_sect .time_table{width: 100%; margin-top: var(--contMt);}
.hours_location_page .hours_sect .time_table tr.group{border-top: 1px solid #262f40;}
.hours_location_page .hours_sect .time_table tr.group:last-child {border-bottom: 1px solid #262f40}
.hours_location_page .hours_sect .time_table tr th {padding: 1em ; text-align: left; vertical-align: top;}
.hours_location_page .hours_sect .time_table tr td {border-top:1px solid var(--grayLine); font-size: var(--txt3); padding: 1em 0;}
.hours_location_page .hours_sect .time_table tr td.hours {border-top: none}
.hours_location_page .hours_sect .time_table tr td.hours {font-weight: 700;}
.hours_location_page .hours_sect .time_table tr td div{display: inline-flex; color:var(--lightTxt); margin-right: 1em;}
.hours_location_page .hours_sect .time_table tr td div:last-child{margin-right: 0;}
.hours_location_page .hours_sect .time_table tr td .label{font-weight: 700;}
.hours_location_page .hours_sect .hours_btm_btn {display: flex; justify-content: center; margin-top: 50px; width: 100%}
.hours_location_page .hours_sect .hours_btm_btn .btn {display: flex; justify-content: center; align-items: center; width: 50%; height: 3em; border-radius: 10px; font-size: var(--txt2); font-weight: 500; padding:0 1em;;}
.hours_location_page .hours_sect .hours_btm_btn .btn + .btn {margin-left: 10px;}
.hours_location_page .hours_sect .hours_btm_btn .btn.gray {border: 1px solid #C5CCD5;}
.hours_location_page .hours_sect .hours_btm_btn .btn.blue {background-color: var(--colorBlue1); color: #fff; font-weight: 600;}

.hours_location_page .hours_sect .hours_btm_btn .btn.call {cursor: default}
.hours_location_page .hours_sect .hours_btm_btn .btn.call .ico {width: 0.8em; height:0.8em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>') no-repeat center / contain;}
.hours_location_page .hours_sect .hours_btm_btn .btn.rese .ico {width: 0.9em;height: 0.9em;margin-left: 10px;display: inline-block;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="M328 0L304 0l0 48 24 0 102.1 0L207 271l-17 17L224 321.9l17-17 223-223L464 184l0 24 48 0 0-24 0-160 0-24L488 0 328 0zM24 32L0 32 0 56 0 488l0 24 24 0 432 0 24 0 0-24 0-176 0-24-48 0 0 24 0 152L48 464 48 80l152 0 24 0 0-48-24 0L24 32z"/></svg>') no-repeat center / contain;}

.hours_location_page .parking_sect {margin-top: 80px; display: none;}
.hours_location_page .parking_sect.active {display: block;}
.hours_location_page .parking_sect .tit_box .tit {display: flex; align-items: center;}
.hours_location_page .parking_sect .tit_box .sm_txt {font-size: var(--txt3); margin-top: 15px;}
.hours_location_page .parking_sect .tit_box .txt .dot_line + .dot_line {margin-top: 5px;}
.hours_location_page .parking_sect .tit_box .btn {background-color: var(--colorBlue1); color: #fff; font-weight: 500; margin-left: 1.5em; padding: 0.7em 1.2em; font-size: var(--txt3);}
.hours_location_page .parking_sect .tit_box .img {margin-top: 25px;}
.hours_location_page .parking_sect .tit_box .img img {width: 100%;}

.hours_location_page .parking_sect .table {width: 100%; margin-top: 15px;}
.hours_location_page .parking_sect .table tr.group{border-top: 1px solid #262f40;}
.hours_location_page .parking_sect .table tr.group:last-child {border-bottom: 1px solid #262f40}
.hours_location_page .parking_sect .table tr th {padding: 16px; text-align: center; vertical-align: top; }
.hours_location_page .parking_sect .table tr td:nth-child(1),
.hours_location_page .parking_sect .table tr th:nth-child(1) {width: 25.5%; border-right: 1px solid var(--grayLine);}
.hours_location_page .parking_sect .table tr td {border-top:1px solid var(--grayLine); font-size: var(--txt3); padding: 16px}
.hours_location_page .parking_sect .table tr td:nth-child(1) {text-align: center;}
.hours_location_page .parking_sect .table tr td.hours {border-top: none}
.hours_location_page .parking_sect .table tr td.hours {font-weight: 700;}
.hours_location_page .parking_sect .table tr td .txt.col {display: flex; flex-direction: column;}
.hours_location_page .parking_sect .table tr td div{display: inline-flex; color:var(--lightTxt); margin-right: 1em;}
.hours_location_page .parking_sect .table tr td div:last-child{margin-right: 0;}
.hours_location_page .parking_sect .table tr td .label{font-weight: 700;}
.hours_location_page .parking_sect .table tr:last-child td {border-bottom: 1px solid #262f40;}





/* 병원 둘러보기 보류 */
.hours_location_page .fac_sect{margin-top: 80px; padding-top: 80px; border-top: 7px solid var(--grayBg1); overflow: hidden;}
.hours_location_page .fac_sect .tit_box {display: flex;}
.hours_location_page .fac_sect .list_sel {margin-left: auto;}
.hours_location_page .fac_sect .cont{padding: 20px 0 0px;}

.hours_location_page .fac_sect .cont .fac_tab_cont{margin-top: 20px;}

.hours_location_page .fac_sect .cont .fac_img .img img {display: none;}
.hours_location_page .fac_sect .cont .fac_img .img img.active {display: block;}
.hours_location_page .fac_sect .cont .fac_img .img .zoom_btn_box {display: flex; justify-content: flex-end;}
.hours_location_page .fac_sect .cont .fac_img .img .zoom_btn svg {width: 1.25em; height: auto; fill: #7A8390;}

.hours_location_page .fac_sect .cont .fac_img .info_ico_box {padding: 20px 0px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));}
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box {margin-right: 15px; margin-bottom: 5px;display: flex; align-items: center;}
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .ico {width: 20px; flex-shrink: 0;}
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .ico svg,
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .ico img {width: 100%; height: auto;}
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .txt_box {color: var(--colorBlue1); margin-left:5px;}
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .txt_box .txt {font-size: var(--smTxt1); font-weight: 600; line-height: 1.3;}
.hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .txt_box .en {font-size: 10px; opacity: 0.5; letter-spacing: -0.1px; line-height: 1.3; display: none;}



.hours_location_page .fac_sect .cont .aside { display: flex; justify-content: space-between; flex-direction: column; width: 100%;  background-color: var(--colorBlue1); color: #fff; border-radius:15px; margin-top: 30px;}
.hours_location_page .fac_sect .cont .aside .top { position: relative; display: flex; align-items: center; margin: 0 20px; padding-bottom: 10px;   font-weight: 700;} 
.hours_location_page .fac_sect .cont .aside .top:after {content: '';position: absolute;right: 0;top: 40%;transform: translateY(-50%) rotate(0);transition: transform 0.3s;transform-origin: center;width: var(--txt2); height: var(--txt2);background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>')center/contain no-repeat; display: none;}
.hours_location_page .fac_sect .cont .aside .top .tit { font-size: var(--txt2); }
.hours_location_page .fac_sect .cont .aside .top .floor { font-size: var(--tit3); line-height: 1; margin-left: 0.5em;}
.hours_location_page .fac_sect .cont .aside .top.active:after {transform: translateY(-50%) rotate(180deg);}
.hours_location_page .fac_sect .cont .aside .floor_tab { position: relative;}
.hours_location_page .fac_sect .cont .aside .floor_tab::before {content: none;position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: calc(100% - 40px);height: 1px;display: block;background: #fff;}
.hours_location_page .fac_sect .cont .aside .floor_tab {overflow: auto; max-height: 240px;}

.hours_location_page .fac_sect .cont .aside .floor_tab .tab { display: flex; align-items: center; padding: 10px 20px; gap: 0 15px; cursor: pointer; width: 100%;}
.hours_location_page .fac_sect .cont .aside .floor_tab .tab .num { grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; width: 2.3em; height: 2.3em; border-radius: 100%; font-size: var(--smTxt1); font-weight: 600; color: #fff; background-color: #2F6BF0; flex-shrink: 0;}
.hours_location_page .fac_sect .cont .aside .floor_tab .tab .tit { font-size: var(--txt2); font-weight: 600; text-align: left;}
.hours_location_page .fac_sect .cont .aside .floor_tab .tab .en {font-size:12px; opacity: 0.4; line-height: 1.2; display: none;}
.hours_location_page .fac_sect .cont .aside .floor_tab .tab.active { background-color: rgba(204,224,255,0.2); }
.hours_location_page .fac_sect .cont .aside .ft_logo { text-align: center; }
.hours_location_page .fac_sect .cont .aside .ft_logo img { width: 40%; margin: 0 auto; }


.hours_location_page .fac_sect .facility_img_wrap {margin-top: var(--sectMt);}
.hours_location_page .fac_sect .facility_img_wrap .top { display: flex; align-items: center; justify-content: flex-start; }
.hours_location_page .fac_sect .facility_img_wrap .top .num { display: flex; align-items: center; justify-content: center; width: 2.3em; height: 2.3em; margin-right: 15px; border-radius: 100%; font-size: var(--txt2); font-weight: 600; color: #fff; background-color: #2F6BF0; flex-shrink: 0; }
.hours_location_page .fac_sect .facility_img_wrap .top .tit_box { flex-shrink: 0; margin-right: 25px; }
.hours_location_page .fac_sect .facility_img_wrap .top .tit_box .tit { font-size: var(--tit5); font-weight: 600; }
.hours_location_page .fac_sect .facility_img_wrap .top .line { width: 100%; height: 1px; background-color: #002575; }

/* .hours_location_page .fac_sect .facility_img_wrap .img_wrap {overflow: hidden; margin-top: var(--contMt); width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); }
.hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-container {overflow: visible;} */

.hours_location_page .fac_sect .facility_img_wrap .img_wrap {
    margin-top: var(--contMt);
    width: calc(100% + var(--inPd) * 2);
    margin-left: calc(var(--inPd) * -1);
    padding: 0 var(--inPd); 
    overflow-x: auto;
}

.hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-container {
    overflow: visible;

}

.hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper {
    display: flex;
    width: auto;             /* ← 내용물 크기대로 */
    min-width: max-content; /* ← 이게 중요! */
    padding-right: var(--inPd); /* 패딩도 먹음 */
}

.hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-slide {
    width: 80%;
    flex-shrink: 0;
}

.hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-slide + .swiper-slide {
    margin-left: 15px;
}

.hours_location_page .fac_sect .facility_img_wrap .img_wrap .img { position: relative; width: 100%; padding-top: 70%; border-radius: 10px; overflow: hidden; }
.hours_location_page .fac_sect .facility_img_wrap .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }




/* 통합검색 */

/* .all_search_page {padding-top: var(--hdH);} */
.all_search_page .sub_top .tit_box {margin-top: 0; color: #fff;}
.all_search_page .sub_top .tit_box .tit {color: #fff;}
.all_search_page .key_sch_box {background-color: transparent; padding-top: 0; padding-bottom: 0;}
.all_search_page .top_bg {background-color: var(--colorBlue1); color: #fff;}

.all_search_page .key_sch_box .in {background-color:transparent; padding: 0;}
.all_search_page .key_sch_box .pnt_wrap .pnt_box .pnt .btn{color: rgba(255,255,255,0.5);}
.all_search_page .key_sch_box .pnt_wrap .pnt_box .pnt.active .btn {background-color: var(--colorBlue2); color: #fff; border-color: var(--colorBlue2);}



.all_search_page .com_sticky_nav {background-color: var(--grayBg1); margin-bottom: 70px;}
.all_search_page .com_sticky_nav ul li.active a {background-color: #fff;}


.all_search_page .result_ico {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 0; border-top: 1px solid rgba(255,255,255,0.3); margin-top: 35px;}
.all_search_page .result_ico .ico {width: 40px; display: none;}
.all_search_page .result_ico .ico svg {width: 100%; height: auto;}
.all_search_page .result_ico .txt {text-align: center; color: #fff; font-weight: 500; font-size: var(--tit5);}
.all_search_page .result_ico .txt .color {color: #4f85ff; font-weight: 700;}

.all_search_page .recommend_list_wrap {margin-top: 20px;display: block; padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.all_search_page .recommend_list {display: flex; align-items: flex-start; flex: 1;}
.all_search_page .recommend_list + .recommend_list {margin-top: 10px;}
.all_search_page .recommend_list p{margin-right: 1em; color: #fff; font-size: var(--smTxt1); font-weight: 700; flex-shrink: 0; line-height: 1.9;}
.all_search_page .recommend_list .tab_box { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.all_search_page .recommend_list .search_keyword {padding: 0.3em 1em; background: #2954A2; color: #ADCAFE; margin-right: 10px; margin-bottom: 10px; font-size: var(--smTxt1); font-weight: 600; border-radius: 2em;  cursor: pointer; display: inline-flex; align-items: center; justify-content: center; fill: #ADCAFE}
.all_search_page .recommend_list .search_keyword .txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; max-width: 7em;}
.all_search_page .recommend_list .search_keyword .x_btn {display: flex; align-items: center;}
.all_search_page .recommend_list .search_keyword .x_btn svg {width: 0.85em; height: auto;  margin-left: 10px; line-height: 1.5;}




.com_tab_part_sect .tab_wrap {justify-content: center;padding: 12px 0;margin: 80px auto 0;border-radius: 500px;width: calc(var(--subInW) - var(--inPd) * 2);transition: 0.3s ease-in-out;}
.com_tab_part_sect .tab_wrap.active {width: 100%; border-radius: 0; padding: 5px var(--inPd);}



.all_search_page .sect_tit_box {margin-bottom: 20px; display: flex; align-items: flex-end;}
.all_search_page .sect_tit {font-size: var(--tit4); font-weight: 700; display: flex; align-items: center;}
.all_search_page .sect_tit .num {color: #fff; font-weight: 700; background-color: #262F40; font-size: var(--txt3); border-radius:5em; padding: 0 0.75em; height: 1.8em;; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; min-width: 2.2em;}

.all_search_page .sect_tit_box .btn_box {margin-left: auto;}
.all_search_page .sect_tit_box .btn_box .com_see_more {font-size: var(--txt3);}

.all_search_page .sect + .sect {margin-top: 70px;}

.all_search_page .bg_sect {padding: 80px 0 0;}

.all_search_page .menu_sect .menu_list {display: flex; flex-direction: column; align-items: flex-start;}
.all_search_page .menu_sect .menu_list li {padding: 0.4em 1em; background-color:var(--grayBg2); font-size: var(--txt3); border-radius: 0.25em; color: #3C3C3C; font-weight: 600; margin-right: 10px; margin-bottom: 10px;}
.all_search_page .menu_sect .menu_list li .ico {display: inline-block;width: 0.8em;height: 0.8em;margin: 0 0.25em;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}


.all_search_page .health_info_list ,
.all_search_page .notice_list { margin-top: 0; }

.all_search_page .medical_sect .medical_list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 15px;}
.all_search_page .medical_sect .medical_list .img {width: 100%; padding-top: 100%; border-radius: 10px; background-color: #E9EDF4; position: relative;}
.all_search_page .medical_sect .medical_list .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.all_search_page .medical_sect .medical_list .txt_box {margin-top: 10px;}
.all_search_page .medical_sect .medical_list .txt_box .cate {font-size: var(--txt3); font-weight: 700; color: #7A8390;}
.all_search_page .medical_sect .medical_list .txt_box .name {font-size: var(--txt1); font-weight: 700; }

.all_search_page .case_list .li a {background-color: var(--grayBg2);}
.all_search_page .review_item a {background-color: var(--grayBg2);}
.all_search_page .com_pt_rv .item {background-color: var(--grayBg2);}

.all_search_page .review_item .login_info_box {background-color: #fff;}

.all_search_page .case_list_box {padding: 0; background-color: transparent;}


.all_search_page .notice_list .list li a {border-bottom: 1px solid #000;}




.all_search_page .comm_review_list_box { padding: 0; background-color:transparent;}

/* .all_search_page .case_list .li a {display: block; padding: 25px 15px; background-color: #fff; border-radius: 10px;}
.all_search_page .case_list .li + .li {margin-top: 15px;}
.all_search_page .case_list .li .com_tag {margin-bottom: 10px;}
.all_search_page .case_list .li .cont {display: flex; }
.all_search_page .case_list .li .cont .img_box {width: 35%; flex-shrink: 0;}
.all_search_page .case_list .li .cont .img_box .img_tit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.3em 0; text-align: center; font-size: 10px; font-weight: 600; }
.all_search_page .case_list .li .cont .img_box .img {overflow: hidden; position: relative; padding-top: 90%; border-radius: 5px; }
.all_search_page .case_list .li .cont .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

.all_search_page .case_list .li .cont .txt_box {margin-left: 10px; flex: 1; line-height: var(--titLineH);}
.all_search_page .case_list .li .cont .txt_box .cate {font-size: var(--txt3); color: #7A8390; font-weight: 600;}
.all_search_page .case_list .li .cont .txt_box .txt {margin-top: 5px; margin-bottom: 7px; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.all_search_page .case_list .li .cont .txt_box .time_box {display: flex; align-items: center; font-size: var(--txt3); color: #888C93;font-weight: 500;}
.all_search_page .case_list .li .cont .txt_box .time_box .label {margin-right: 5px; }
.all_search_page .case_list .li .cont .txt_box .time_box .date {}
.all_search_page .case_list .li .cont .txt_box .util_wrap { display: flex; align-items: center; justify-content: space-between; font-size: var(--txt3); margin-top: 12px;}
.all_search_page .case_list .li .cont .txt_box .util_wrap .viewer { display: flex; align-items: center; color: #7A8390; font-weight: 500;}
.all_search_page .case_list .li .cont .txt_box .util_wrap .viewer .num {font-weight: 700; color: var(--colorBlue2); margin-left: 4px;}
.all_search_page .case_list .li .cont .txt_box .util_wrap .date {color: #262F40;} */








/* url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="54.419" height="54.01" viewBox="0 0 54.419 54.01"><defs><clipPath ><rect data-name="사각형 7531" width="54.419" height="54.01" fill="none"/></clipPath></defs><g data-name="그룹 8779" clip-path="url(%23clip-path)"><path data-name="패스 6800" d="M41.677,53.139H24.791A24.156,24.156,0,0,1,16,51.484l-4.917-1.92V24.732C23.745,24.635,28.3,3.905,28.3,3.905A4.452,4.452,0,1,1,37.137,5L37,22.121H46.03a5.929,5.929,0,0,1,5.782,7.243l-4.353,19.16a5.929,5.929,0,0,1-5.782,4.615" transform="translate(2.457 0)" fill="%23e4effd"/><path data-name="패스 6801" d="M3.512,49.918h9.569a3.512,3.512,0,0,0,3.512-3.512V21.977a3.512,3.512,0,0,0-3.512-3.512H3.512A3.512,3.512,0,0,0,0,21.977V46.406a3.512,3.512,0,0,0,3.512,3.512" transform="translate(0 4.092)" fill="%2375abf9"/></g></svg>') */





/* 병원소개 _ 인사말 */
.greeting_page {min-height: 100vh;display: flex; flex-direction: column;}
.hello_sect {overflow: hidden;position: relative; display: flex; flex-direction: column;}

.greeting_page .hello_sect {flex: 1;}


/* 병원소개 인사말이랑 대표 > 자생의 길이랑 공용임 */
.hello_sect .logo {width: 200px; margin: 0 auto 40px; position: relative; display: none !important;}
.hello_sect .logo::before {content: none; position: absolute; left: 0; bottom: -100%; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.27) 100%); width: 100%; height: 200%;}
.hello_sect .logo svg {width: 100%; height: auto;}
.hello_sect .logo .ko {opacity: 0; transform: translateY(50px); transition-duration: 0.45s; transition-property: opacity , transform; transition-timing-function: ease-out;}
.hello_sect .logo .ko1 {transition-delay: 0s;}
.hello_sect .logo .ko2 {transition-delay: 0.1s;}
.hello_sect .logo .ko3 {transition-delay: 0.2s;}
.hello_sect .logo .ko4 {transition-delay: 0.3s;}
.hello_sect .logo .ko5 {transition-delay: 0.4s;}
.hello_sect .logo .ko6 {transition-delay: 0.5s;}
.hello_sect .logo.active .ko {opacity: 1; transform: unset;}

.hello_sect .sect_tit {position: absolute; left: 50%; top: 30vh; transform: translate(-50%,50px);font-size: var(--tit1); font-weight: 700; text-align: center; opacity: 0; transition: transform 0.6s ease-in-out , opacity 0.6s ease-in-out; display: none;}
.hello_sect .cont_box {opacity: 1; transition: opacity 1s cubic-bezier(0.44, 0.02, 0.14, 0.98) 0.1s;}
.hello_sect .doctor {background-color: #fff; text-align: center; padding-top: var(--subContPd); position: relative; overflow: hidden;}
.hello_sect .doctor img {position: relative; z-index: 2; width: 90%; opacity: 0; max-width: 450px ;transition: opacity ease-in-out 0.1s;}
.hello_sect .doctor .sign img {width: 200px; }
.hello_sect .doctor .bg_cir {position: absolute;left: 50%;bottom: 0;transform: translate(-50%,10%) scale(0);width: 100%;padding-top: 100%;background: radial-gradient(circle farthest-corner at 50% 50%, rgba(66, 105, 197,0.3), rgba(66, 105, 197, 0.15) 40%, rgba(255, 255, 255, 0) 71%);pointer-events: none;transition: transform 1s ease-in-out 0.3s, opacity 1s ease-in-out 0.3s;}
.hello_sect .txt_wrap { position: relative; padding: 40px 0 var(--sectMt); }
.strory_page  .hello_sect .txt_wrap {padding-bottom: 0;}
.hello_sect .txt_wrap .badge {display: none;}
.hello_sect .txt_wrap .hello {font-size: var(--tit1); font-weight: 700; line-height: 1.3; opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 0.3s, transform 1s ease-in-out 0.3s;}
.hello_sect .txt_wrap .tit {font-size: var(--tit4);   margin-top: 15px; opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s;}
.hello_sect .txt_wrap .tit strong {font-weight: 700;}
.hello_sect .txt_wrap .desc {font-weight: 700; margin-top: 30px; opacity: 0; transform: translateY(50px); transition: 0.6s ease-in-out 0.2s;}
.hello_sect .txt_wrap .sign {text-align: right; margin-top: 30px; opacity: 0; transform: translateY(60px); transition: transform 0.6s ease-in-out 1.8s , opacity 0.6s ease-in-out 1.8s}
.hello_sect .txt_wrap .sign img {width: 120px; mix-blend-mode: multiply;}

.hello_sect .txt_wrap .txt_box {overflow: hidden; font-size: var(--txt2);}
.hello_sect .txt_wrap .txt_box .txt {margin-top: 30px; word-break: break-all; opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out , transform 1s ease-in-out;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(1) {transition-delay: 0.7s;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(2) {transition-delay: 0.9s;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(3) {transition-delay: 1.1s;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(4) {transition-delay: 1.3s;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(5) {transition-delay: 1.5s;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(6) {transition-delay: 1.7s;}
.hello_sect .txt_wrap .txt_box .txt:nth-child(7) {transition-delay: 1.9s;}
.hello_sect .txt_wrap .txt_box .txt + .txt {margin-top: 15px;}
.hello_sect .txt_wrap .txt_box.on {height: auto; max-height: none;}
.hello_sect .txt_wrap .name {margin-top: 30px;font-weight: 700; text-align: right;}
.hello_sect.active .txt_wrap .sign,
.hello_sect.active .txt_wrap .desc,
.hello_sect.active .txt_wrap .hello,
.hello_sect.active .txt_wrap .tit ,
.hello_sect.active .txt_wrap .txt {opacity: 1; transform: unset;}
.hello_sect.active {background-color: var(--grayBg1);}
.hello_sect.active .doctor img {opacity: 1;}
.hello_sect.active .sect_tit {opacity: 1; transform: translate(-50%,0px)}
.hello_sect.active.ani_end .sect_tit {opacity: 0; transform: translate(-50%,-50px);}
.hello_sect.active .cont_box {opacity: 1;}
.hello_sect.active .doctor .bg_cir {transform: translate(-50%,35%) scale(1.2);}



.greeting_page .clinic_sect {position: relative;}
.greeting_page .clinic_sect .bg {position: relative; width: 100%; padding-top: min(200%,1000px);}
.greeting_page .clinic_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: bottom center; object-fit: cover;}
.greeting_page .clinic_sect .txt_box {display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 10%; transform: translateX(-50%) ;width: 100%; ;padding: 0 var(--inPd); color: #fff; text-align: center;}
.greeting_page .clinic_sect .logo {position: relative; width: 10em; height: 3em ;opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out , transform 1s ease-in-out;}
.greeting_page .clinic_sect .logo::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/inc/img/logo_white.svg') no-repeat center / contain;} 
.greeting_page .clinic_sect .logo svg path {fill: #fff;}
.greeting_page .clinic_sect .line {width: 1px; height: 25px; margin: 15px 0; transform: scaleY(0); transform-origin: top ;background-color: #fff; transition: transform 0.6s ease-in-out 0.6s;}
.greeting_page .clinic_sect .tit {font-size: var(--tit4);  font-weight: 700; opacity: 0; transform: translateY(30px); transition: opacity 1s ease-in-out 0.8s, transform 1s ease-in-out 0.8s;}
.greeting_page .clinic_sect .desc {margin-top: 25px; font-size: var(--tit5); font-weight: 700;  opacity: 0; transform: translateY(30px); transition: opacity 1s ease-in-out 0.9s, transform 1s ease-in-out 0.9s;}
.greeting_page .clinic_sect .txt {margin-top: 25px; font-size: var(--txt2);  opacity: 0; transform: translateY(30px); transition: opacity 1s ease-in-out 1s, transform 1s ease-in-out 1s;}

.greeting_page .clinic_sect .txt_box.active .txt {transform: unset; opacity: 0.6;}
.greeting_page .clinic_sect .txt_box.active .desc, 
.greeting_page .clinic_sect .txt_box.active .tit, 
.greeting_page .clinic_sect .txt_box.active .logo {opacity: 1; transform: unset;}
.greeting_page .clinic_sect .txt_box.active .line { transform: unset;}

.greeting_page .features_sect {margin-top: 60px;}
.greeting_page .features_sect .cont {}
.greeting_page .features_sect .cont + .cont {margin-top: var(--sectMt);}
.greeting_page .features_sect .cont .img { opacity: 0; transform: translateY(150px); transition: opacity 1s ease-in-out , transform 1s ease-in-out ; border-radius: 15px; overflow: hidden;}
.greeting_page .features_sect .cont .img img {width: 100%;}
.greeting_page .features_sect .cont .txt_box {margin-top: var(--titContM1);  opacity: 0; transform: translateY(150px); transition: opacity 1s ease-in-out , transform 1s ease-in-out;}
.greeting_page .features_sect .cont .txt_box .num {font-size: var(--tit1); font-weight: 700; color: var(--colorBlue1); margin-bottom: 30px;}
.greeting_page .features_sect .cont .txt_box .tit {font-size: var(--tit5); font-weight: 700;}
.greeting_page .features_sect .cont .txt_box .txt {margin-top: 10px; color: #3C3C3C;}
.greeting_page .features_sect .cont .txt_box .txt p + p {margin-top: var(--titContM2);}

.greeting_page .features_sect .cont:nth-child(2) .img {transition-delay: 0.4s;}
.greeting_page .features_sect .cont:nth-child(2) .txt_box {transition-delay: 0.4s;}

.greeting_page .features_sect .cont:nth-child(3) .img {transition-delay: 0.8s;}
.greeting_page .features_sect .cont:nth-child(3) .txt_box {transition-delay: 0.8s;}

.greeting_page .features_sect .cont:nth-child(4) .img {transition-delay: 1.2s;}
.greeting_page .features_sect .cont:nth-child(4) .txt_box {transition-delay: 1.2s;}

.greeting_page .features_sect .cont:nth-child(5) .img {transition-delay: 1.6s;}
.greeting_page .features_sect .cont:nth-child(5) .txt_box {transition-delay: 1.6s;}

.greeting_page .features_sect .cont:nth-child(6) .img {transition-delay: 1.8s;}
.greeting_page .features_sect .cont:nth-child(6) .txt_box {transition-delay: 1.8s;}

.greeting_page .features_sect .cont .view_btn { display: inline-flex; align-items: center; justify-content: flex-start; padding: 0.3em 1em; margin-top: var(--titContM1); border-radius: 2em; background-color: #F3F4F8; font-size: var(--smTxt1); color: #6B7B92; fill: #6B7B92; font-weight: 600; cursor: pointer; }
.greeting_page .features_sect .cont .view_btn .ico {display: inline-block; width: 0.9em;height: 0.9em;margin-left: 10px; margin-top: -1px; flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}

.greeting_page .features_sect.active .cont .img {opacity: 1; transform: unset;}
.greeting_page .features_sect.active .cont .txt_box {opacity: 1; transform: unset;}



.greeting_page .cert_sect { display: flex; flex-direction: column; justify-content: center ;height: 100svh; margin-top: 120px; background-color: #4269C5;}
.greeting_page .cert_sect .img_box { display: flex; justify-content: center;}
.greeting_page .cert_sect .img_box .img {position: relative; width: 150px; flex-shrink: 0; z-index: 2; opacity: 0; transform: translateX(-50%); transition: opacity 1s ease-in-out , transform 1s ease-in-out;}
.greeting_page .cert_sect .img_box .img + .img { margin-left: -40px; z-index: 1; opacity: 0; transform: translateX(50%);}
.greeting_page .cert_sect .img_box .img img {width: 100%;}

.greeting_page .cert_sect .img_box.active .img {transform: unset; opacity: 1;}

.greeting_page .cert_sect .txt_box {position: relative; margin-top: 60px; text-align: center; color: #fff;}
.greeting_page .cert_sect .txt_box .cont {}
.greeting_page .cert_sect .txt_box .cont + .cont {position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transform: translateY(100%);}
.greeting_page .cert_sect .txt_box .tit {font-size: var(--txt1); font-weight: 700;} 
.greeting_page .cert_sect .txt_box .txt {margin-top: 15px;}
.greeting_page .cert_sect .txt_box .date {margin-top: 10px; font-size: var(--txt3); font-weight: 500; opacity: 0.6;}

.greeting_page .slide_sect {margin-top: 80px;}
.greeting_page .slide_sect .sect_tit_box .tit {font-size: var(--tit4); font-weight: 700;}
.greeting_page .slide_sect .slide {margin-top: 20px;}
.greeting_page .slide_sect .slide .txt_box {margin-top: 10px;}
.greeting_page .slide_sect .slide .txt_box .tit {display: flex; align-items: center; font-size: var(--txt1); font-weight: 700;}
.greeting_page .slide_sect .slide .txt_box .tit .ico {width: 0.9em;height: 0.9em;margin-left: 10px;flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2332353D"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}




/* 병원소개 _ 브랜드 */

.brand_page .sect_tit_box .tit {font-size: var(--tit2); font-weight: 700; line-height: var(--titLineH); opacity: 0; transform: translateY(50px); transition: 0.6s ease-in-out;}
.brand_page .sect_tit_box .txt {margin-top: 0.5em; opacity: 0; transform: translateY(50px); transition: 0.6s ease-in-out 0.2s;}
.brand_page .sub_cont_tit {opacity: 0; transform: translateY(50px); transition: 0.6s ease-in-out;}

.brand_page .sub_cont_tit.active,
.brand_page .sect_tit_box.active .txt,
.brand_page .sect_tit_box.active .tit {opacity: 1; transform: unset;}


.about_page  .since_sect {margin: var(--sectMt) 0; overflow: hidden; opacity: 0; transform: translateY(50px); transition: 0.6s ease-in-out 0.5s;}
.about_page  .since_sect .tit_wrap { font-weight: 700; text-align: center}
.about_page  .since_sect .tit_wrap .txt_box {}
.about_page  .since_sect .tit_wrap .txt_box +  .txt_box  {margin-top: 70px; }
.about_page  .since_sect .tit_wrap .txt_box .tit {font-size: var(--tit1); background: linear-gradient(to right, var(--colorBlue1) 50%, #ebebeb 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;transition: background-position-x 1s ease-in-out 0.2s;line-height: 1.3}
.about_page  .since_sect .tit_wrap .txt_box .txt {display: inline-block; font-size: var(--txt1); margin-top: 10px;background: linear-gradient(to right, var(--colorBlue1) 50%, #ebebeb 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text ;transition: background-position-x 1s ease-in-out 0.4s;}
.about_page  .since_sect .tit_wrap .txt_box +  .txt_box .tit {transition: background-position-x 1s ease-in-out 0.6s;}
.about_page  .since_sect .tit_wrap .txt_box +  .txt_box .txt {transition: background-position-x 1s ease-in-out 0.6s;}
.about_page  .since_sect .txt_box.active .tit {background-position-x: 0%}
.about_page  .since_sect .txt_box.active .txt {background-position-x: 0%}


.full_visual_sect {padding-top: calc(var(--hdH) + 2rem);  overflow: hidden;}
.full_visual_sect .sect_tit {font-size: var(--tit1);font-weight: 700; text-align: center; opacity: 0; transform: translateY(50px); transition:  0.6s ease-in-out;}
.full_visual_sect .cont { margin-top: var(--titContM1); position: relative; height: calc(var(--MoHeight)); min-height: 100vh;}
.full_visual_sect .cont .img_box { height: calc(var(--MoHeight)); min-height: 100vh; transform-origin: top; transform: scale(0.7);}
.full_visual_sect .cont .img { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 15px; overflow: hidden; opacity: 0; transform: translateY(100px) ;transition: 0.6s ease-in-out 0.2s;}
.full_visual_sect .cont .img img {position: absolute; left: 50%; top: 50%; width:110%; height: 110%; transform: translate(-50%,-50%) ;object-fit: cover; object-position: center;}
.full_visual_sect .cont .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #002575; opacity: 0;} 
.full_visual_sect.active .sect_tit {opacity: 1; transform: unset;}
.full_visual_sect.active .img {opacity: 1; transform: unset;}
.full_visual_sect .tit_wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: translateY(100%); font-weight: 700; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.full_visual_sect .tit_wrap .txt_box {width: 100%; text-align: center; opacity: 0.2;}
.full_visual_sect .tit_wrap .txt_box + .txt_box {margin-top: 18vh}
.full_visual_sect .tit_wrap .txt_box .tit {font-size: var(--tit1); color: #fff; line-height: 1.3}
.full_visual_sect .tit_wrap .txt_box .txt {display: inline-block; font-size: var(--tit4); margin-top: 10px; color: #fff;}
.full_visual_sect .tit_wrap .txt_box + .txt_box .tit {transition: background-position-x 1s ease-in-out 0.6s;}
.full_visual_sect .tit_wrap .txt_box + .txt_box .txt {transition: background-position-x 1s ease-in-out 0.6s;}
.full_visual_sect .tit_wrap .txt_box.active .txt,
.full_visual_sect .tit_wrap .txt_box.active .tit {background-position-x: 0;}
.full_visual_sect .cont.active .tit_wrap {opacity: 1;}


/* 하단 배너 */
.banner_sect { position: relative;}
.banner_sect .tit {position: absolute; left: calc(var(--inPd) * 2); top: 40px ;font-size: var(--txt1); font-weight: 700; color: #fff;}
.banner_sect .img {width: 100%;}
.banner_sect .img img {width: 100%;}


.brand_page.about_page .hello_sect{margin-top: 0; padding:0}

.brand_page .since_slide_sect {margin-top: 0; padding: var(--sectMt) 0; background-color: var(--grayBg1);}
.brand_page .since_slide_sect .logo {width: 200px; margin: 0 auto 40px;}
.brand_page .since_slide_sect .logo svg {width: 100%; height: auto;}
.brand_page .since_slide_sect .since_slide {margin-top: 0;}

.brand_page .since_slide_sect .logo {width: 200px; margin: 0 auto 40px; position: relative;}
.brand_page .since_slide_sect .logo::before {content: none; position: absolute; left: 0; bottom: -100%; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.27) 100%); width: 100%; height: 200%;}
.brand_page .since_slide_sect .logo svg {width: 100%; height: auto;}
.brand_page .since_slide_sect .logo .ko {opacity: 0; transform: translateY(50px); transition-duration: 0.45s; transition-property: opacity , transform; transition-timing-function: ease-out;}
.brand_page .since_slide_sect .logo .ko1 {transition-delay: 0s;}
.brand_page .since_slide_sect .logo .ko2 {transition-delay: 0.1s;}
.brand_page .since_slide_sect .logo .ko3 {transition-delay: 0.2s;}
.brand_page .since_slide_sect .logo .ko4 {transition-delay: 0.3s;}
.brand_page .since_slide_sect .logo .ko5 {transition-delay: 0.4s;}
.brand_page .since_slide_sect .logo .ko6 {transition-delay: 0.5s;}
.brand_page .since_slide_sect .logo.active .ko {opacity: 1; transform: unset;}

.since_slide {overflow: hidden; position: relative; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding:0 var(--inPd); margin-top: var(--sectMt); }
.since_slide .sect_tit_box {margin-bottom: var(--contMt);}
.since_slide .swiper-container {padding-bottom: 60px; overflow: visible}
.since_slide .swiper-slide {transition: transform ease-in-out 0.6s; }
.since_slide .swiper-slide-next + .swiper-slide + .swiper-slide,
.since_slide .swiper-slide-prev,
.since_slide .swiper-slide-next {transform: translateY(60px);}

.since_slide .img {position: relative; width: 100%; padding-top: 115%; overflow: hidden; border-radius: 10px;}
.since_slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.since_slide .since_txt {position: absolute; left: -1px; top: -1.2em; font-size: 10px;transform-origin: left bottom; transform: rotate(90deg); font-weight: 700}

.since_slide .txt_box {font-size: var(--smTxt1); margin-top: 15px;}
.since_slide .txt_box .tit {font-size: var(--tit5); font-weight: 700;}
.since_slide .txt_box .txt {margin-top: 5px; }



.brand_page .full_txt_box {padding: 80px 0; text-align: center; display: none;}
.brand_page .full_txt_box span {display: inline; font-size: var(--tit1); margin-top: 10px; font-weight: 700; line-height: var(--titLineH); text-align: center; line-height: var(--titLineH);background: linear-gradient(to right, rgb(0,0,0) 50%, rgb(226,226,226) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;transition: background-position-x 1.5s ease-in-out ;}
.brand_page .full_txt_box.active span{background-position-x: 0%}

.brand_page .com_proven_sect {margin-top: 0;}

/* .brand_page .sect_tit {font-size: var(--tit4); font-weight: 700;} */
.brand_page .identity_sect{background:var(--grayBg1); padding: var(--sectMt) 0;}
.brand_page .identity_sect .sect_tit_box {text-align: center;}
.brand_page .identity_sect .icon_box .cont { display: flex; flex-direction: column; padding: 20px 30px 30px; background-color: #fff; border-radius: 10px; opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out 0.8s, transform 1s ease-in-out 0.8s;}
.brand_page .identity_sect .icon_box .cont.active {opacity: 1; transform: unset;}
.brand_page .identity_sect .icon_box .cont + .cont  {margin-top: 15px; transition: opacity 1s ease-in-out 1s, transform 1s ease-in-out 1s;}
.brand_page .identity_sect .icon_box .cont .txt_box {margin-top: -45px;}
.brand_page .identity_sect .icon_box .cont .txt_box .desc {color: #3C3C3C;}
.brand_page .identity_sect .icon_box .cont .txt_box .tit {font-size: var(--tit3); font-weight: 700; line-height: var(--titLineH);}
.brand_page .identity_sect .icon_box .cont .txt_box .txt {margin-top: 5px; color: #3C3C3C;}
.brand_page .identity_sect .icon_box .cont .ico {width: 80px; margin-left: auto;}
.brand_page .identity_sect .icon_box .cont .ico img {width: 100%;}
.brand_page .sect_tit_box + .line {position: relative; margin: var(--titContM1) auto;width: 1px;height: 80px; background-color: #173394; }
.brand_page .sect_tit_box + .line::before {content: ""; position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: calc(100% + 2px);background-color: var(--grayBg1); transition: 0.6s ease-in-out 0.6s;}
.brand_page .sect_tit_box + .line.active:before {height: 0%}

.brand_page .value_sect {padding: var(--sectMt) 0; position: relative; background-color: #4269C5;}
.brand_page .value_sect .sect_tit_box {text-align: center; color:#fff;}
.brand_page .value_sect .sect_tit_box + .line {background-color: #fff; }
.brand_page .value_sect .sect_tit_box + .line::before {background-color: #4269C5;}
.brand_page .value_box .bg_cir {display: none; position: absolute;left: 0;bottom: 0;transform: translate(-100%, 0%);width: 150%;padding-top: 150%;background: radial-gradient(circle farthest-corner at 50% 50%, rgba(66, 105, 197,0.3), rgba(66, 105, 197, 0.1) 40%, rgba(255, 255, 255, 0) 71%);pointer-events: none;transition: transform 1s ease-in-out , opacity 1s ease-in-out;}
.brand_page .value_box.active .bg_cir {transform: translateX(-58%);}
.brand_page .value_box .list { margin-top: var(--titContM2); display: grid;  grid-template-columns: 1fr 1fr; align-items: center; gap: 20px 15px;}
.brand_page .value_box .list li {  opacity: 0; transform: translateY(50px); transition-property: opacity ,transform ; transition-duration: 1s; transition-timing-function: ease-in-out; transition-delay: 1s;}
.brand_page .value_box .list li:nth-child(2) {transition-delay: 1.1s;}
.brand_page .value_box .list li:nth-child(3) {transition-delay: 1.2s;}
.brand_page .value_box .list li:nth-child(4) {transition-delay: 1.3s;}
.brand_page .value_box .list li:nth-child(5) {transition-delay: 1.4s;}
/*.brand_page .value_box .list li + li {margin-top: 30px;}*/
.brand_page .value_box .list li .en_tit {position: relative; font-size: var(--tit2); font-weight: 700; color: #9AB8FD;}
.brand_page .value_box .list li .en_tit .first_txt {opacity: 0;}
.brand_page .value_box .list li .copy_txt {position: absolute; left: 0; top: 0; background: linear-gradient(to right, #FFFFFF 50%, #e7e8ed 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text; transition: 0.6s ease-in-out 1s;} 
.brand_page .value_box .list li .txt {font-size: var(--txt3); margin-top: 0px; font-weight: 500; color:rgba(255,255,255,.6)}
.brand_page .value_box.active .list li {opacity: 1; transform: unset;}
.brand_page .value_box.active .list li .copy_txt {background-position-x: 0%;}


.brand_page .emblem_sect {margin-top: var(--sectMt)}
.brand_page .emblem_sect .img_box {margin-top: var(--contMt);}
.brand_page .emblem_sect .img_box .tit {font-size: var(--tit5); font-weight: 600; margin-bottom: 15px;}
.brand_page .emblem_sect .img_box .txt {margin-top: 15px; font-size: var(--txt3);}
.brand_page .emblem_sect .img {position: relative; border-radius: 10px; overflow: hidden;}
.brand_page .emblem_sect .img .bg {width: 100%;}
.brand_page .emblem_sect .img .logo {width: 70%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.brand_page .color_sect {margin-top: var(--sectMt);}
.brand_page .color_sect .box { margin-top: var(--contMt); background-color: #002575; border-radius: 10px; font-size: var(--txt3); padding: 4.5em 1.5em 1.5em; color: #fff;}
.brand_page .color_sect .box ol {display: grid; grid-template-columns: repeat(2, max-content); gap: 5px 20px;}

.brand_page .logo_sect {margin-top: var(--sectMt);}
.brand_page .logo_sect .sect_tit_box {display: flex;  justify-content: space-between; align-items: flex-start;}
.brand_page .logo_sect .sect_tit_box .down_btn {display: flex; align-items: center; justify-content: center ;width: 12.5em;padding: 0.2em 0 ;border: 1px solid var(--grayLine); border-radius: 100px; font-size: var(--smTxt1); font-weight: 500; margin-top: 0.5em;}
.brand_page .logo_sect .sect_tit_box .down_btn .ico {margin-left: 0.5em; width: 1.1em; height: 1.1em;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M360 480c13.3 0 24-10.7 24-24s-10.7-24-24-24L24 432c-13.3 0-24 10.7-24 24s10.7 24 24 24l336 0zM174.5 344.4c4.5 4.8 10.9 7.6 17.5 7.6s12.9-2.7 17.5-7.6l128-136c9.1-9.7 8.6-24.8-1-33.9s-24.8-8.6-33.9 1L216 267.5l0-83.5 0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128 0 83.5L81.5 175.6c-9.1-9.7-24.3-10.1-33.9-1s-10.1 24.3-1 33.9l128 136z"/></svg>') no-repeat center / contain
}

.brand_page .logo_sect .box {margin-top: var(--contMt); display: grid; grid-template-columns: repeat(2,minmax(0, 1fr)); gap: 20px 8px;}
.brand_page .logo_sect .box .img_box .txt {font-weight: 500; margin-top: 0.3em; font-size: var(--txt3);}
.brand_page .logo_sect .box .img {border-radius: 10px; overflow: hidden; position: relative;}
.brand_page .logo_sect .box .img .bg {width: 100%;}
.brand_page .logo_sect .box .img .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.brand_page .logo_sect .box .img .logo2,
.brand_page .logo_sect .box .img .logo1 {width: 50%;}
.brand_page .logo_sect .box .img .logo4 {width: 70%;}
.brand_page .logo_sect .box .img .logo3 {width: 90%;}


.brand_page .character_sect {margin-top: var(--sectMt);}
.brand_page .character_sect .tab_cont_wrap {display: none;}
.brand_page .character_sect .tab_cont_wrap.active {display: block;}
.brand_page .character_sect .visual_cont {margin-top: 30px;}
.brand_page .character_sect .visual_cont .tit {font-size: var(--tit3); font-weight: 700;}
.brand_page .character_sect .visual_cont .btn {display: flex; align-items: center; border: 1px solid var(--grayLine); border-radius: 10em; font-size: var(--txt3); padding: 0.4em 1.2em; margin-top: 20px;}
.brand_page .character_sect .visual_cont .btn svg {width: 0.9em; height: auto; margin-right: 0.7em;}
.brand_page .character_sect .visual_cont .visual_img {overflow: hidden; border-radius: 15px; margin-top: 40px;}
.brand_page .character_sect .visual_cont .visual_img img {width: 100%;}

.brand_page .character_sect .char_cont {margin-top: 40px;}
.brand_page .character_sect .char_cont + .char_cont {margin-top: 60px;}
.brand_page .character_sect .char_cont .txt_wrap {display: flex; flex-wrap: wrap; align-items: center;}
.brand_page .character_sect .char_cont .txt_wrap .img {position: relative; width: 30%; padding-top: 25%; margin-right: 15px; }
.brand_page .character_sect .char_cont .txt_wrap .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}
.brand_page .character_sect .char_cont .txt_wrap .tit_box {flex: 1;}
.brand_page .character_sect .char_cont .txt_wrap .tit_box .tit {font-size: var(--tit3); font-weight: 700;}
.brand_page .character_sect .char_cont .txt_wrap .tit_box .desc { color: #7A8390;}
.brand_page .character_sect .char_cont .txt_wrap .txt {width: 100%; margin-top: 10px;}
.brand_page .character_sect .char_cont .bot_img {margin-top: 20px;}
.brand_page .character_sect .char_cont .bot_img .img_list {display: grid; grid-template-columns: repeat( auto-fit, minmax(0,1fr)); gap: 10px;}
.brand_page .character_sect .char_cont .bot_img .img {position: relative; width: auto; padding-top: 100%;}
.brand_page .character_sect .char_cont .bot_img .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: bottom;}

.brand_page .character_sect .view_more {margin-top: 60px; display: flex; justify-content: center;}


.bot_banner_sect { position: relative; margin-top: 60px; }
.main_point_wrap + .bot_banner_sect {margin-top: 0;}
.com_reser_sect + .bot_banner_sect {margin-top: 0;}
.bot_banner_sect .tit {position: absolute; left: var(--inPd); top: 30px ;font-size: var(--tit4); font-weight: 700; color: #fff;}
.bot_banner_sect .img {width: 100%; position: relative;}
.bot_banner_sect .img img {width: 100%;}

.brand_page.load .banner_sect {margin-top: 0;}


.com_proven_sect {padding: var(--sectMt) 0; background-color: #4269C5; margin-top: var(--sectMt); color: #fff;}  
.com_proven_sect .sect_tit_box .tit {font-size: var(--tit2); font-weight: 700;}
.com_proven_sect .sect_tit_box {text-align: center;}
/* .com_proven_sect .tab_box {display: flex; justify-content: center; margin-top: 30px; background-color: #fff;  width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 5px 0; position: sticky; top: 0; z-index: 10;}
.com_proven_sect .tab_box .btn {display: flex; align-items: center; justify-content: center; width: 9em; height: 3em; font-size: var(--txt2); border-radius: 100px; color: var(--colorBlue1); font-weight: 700;}
.com_proven_sect .tab_box .btn + .btn {margin-left: 7px;}
.com_proven_sect .tab_box .btn.active {background-color: var(--colorBlue1); color: #fff; font-weight: 700;} */
.com_proven_sect .tab_box { background-color: #4269C5; ;margin-top: 30px; position: sticky; top:0; z-index: 10;  width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);padding: var(--inPd); padding-bottom: 0;}
.com_proven_sect .tab_box .btn_box {display: flex; border-radius: 10px; background-color: var(--grayBg1); }
.com_proven_sect .tab_box .btn {display: flex; align-items: center; justify-content: center; width: 9em; height: 3em; font-size: var(--txt2);border-radius: 10px; color: var(--colorBlue1); font-weight: 700; flex: 1; background-color: var(--grayBg1);}
.com_proven_sect .tab_box .btn.active {background-color: var(--colorBlue1); color: #fff; font-weight: 700;}
.com_proven_sect .tab_cont {display: none; margin-top: 40px;}
.com_proven_sect .tab_cont.active {display: block;}
.com_proven_sect .tab_cont .logo_img {width: 35%; margin: 0 auto;}
.com_proven_sect .tab_cont .logo_img img {width: 100%;}
.com_proven_sect .tab_cont .logo_txt_box {margin-top: 30px; text-align: center;}
.com_proven_sect .tab_cont .logo_txt_box .tit {font-size: var(--txt1); font-weight: 700; font-size: var(--tit3);}
.com_proven_sect .tab_cont .logo_txt_box .txt {margin-top: 10px; color: #fff;}
.com_proven_sect .tab_cont .logo_txt_box .date {margin-top: 10px; font-size: var(--txt3); color: #7A8390; opacity: 0.6; font-weight: 500;}
.com_proven_sect .tab_cont .em_txt {margin-top: var(--titContM1); background-color: rgba(255,255,255,0.2); padding: 15px 30px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.com_proven_sect .tab_cont .em_txt .ico {width: 1.2em; height: 1.2em; margin-bottom: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="57.803" height="57.803" viewBox="0 0 57.803 57.803"><g transform="translate(-50.608)"><path d="M57.412,28.792a28.9,28.9,0,1,1-28.9-28.9,28.885,28.885,0,0,1,28.9,28.9" transform="translate(50.999 0.109)" fill="%23ff8138"/><path d="M31.037,39.849c0,1.812-2.438,3.4-4.25,3.4a3.488,3.488,0,0,1-3.4-3.4c0-1.812,1.588-2.55,3.4-2.55s4.25.738,4.25,2.55" transform="translate(52.723 2.652)" fill="%23fff"/><path d="M26.9,35.692h0a3.009,3.009,0,0,1-2.55-2.55l-1.7-20.4c-.086-1.285.413-1.7,1.7-1.7h5.1c1.282,0,1.779.42,1.7,1.7l-.85,20.4c-.073,1.173-2.225,2.55-3.4,2.55" transform="translate(52.614 0.86)" fill="%23fff"/></g></svg>') no-repeat center / cover ;}
.com_proven_sect .tab_cont .em_txt .txt {font-size: var(--txt1); font-weight: 700; text-align: center;}
.com_proven_sect .tab_cont .em_txt .date {margin-top: var(--titContM2); color: rgba(255,255,255,0.6); font-weight: 500; font-size: var(--smTxt1);}
.com_proven_sect .tab_cont .map_img {margin: 30px auto 0; width: 50%;}
.com_proven_sect .tab_cont .map_img img {width: 100%;} 

.com_proven_sect .tab_cont .map_box > img {width: 50%; margin: 30px auto 0;}

.com_proven_sect .point_box {display: none;}

.com_proven_sect .tab_cont .map_btn_wrap {margin-top: -60px; display: flex; flex-wrap: wrap; justify-content: center;}
.com_proven_sect .tab_cont .map_btn_wrap .btn {font-size:var(--txt3) ; font-weight: 700; color: #fff; background-color: var(--colorBlue1); padding: 0 1em; height: 2em; border-radius: 10em; display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.com_proven_sect .tab_cont .map_txt_box {margin-top: 30px;}
.com_proven_sect .tab_cont .map_txt_box .tit {font-size: var(--tit5); font-weight: 700;}
.com_proven_sect .tab_cont .map_txt_box .txt {margin-top: var(--contImgTxtM); color: #fff;}
.com_proven_sect .ico_wrap {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 22px; gap: 15px 5px;}
.com_proven_sect .ico_wrap .box {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 5.65em ;border-radius: 6px; background-color: #fff; font-size: var(--smTxt1);}
.com_proven_sect .ico_wrap .box .ico {width: 1.8em; height: 1.8em;}
.com_proven_sect .ico_wrap .box .ico img {width: 100%;}
.com_proven_sect .ico_wrap .box .txt {margin-top: 0.7em; line-height: 1.3;  font-weight: 700;  text-align: center; color: #262F40;}
.com_proven_sect .ico_wrap.type2 .box {height: 7em;}
.com_proven_sect .ico_wrap.type2 .box .txt {display: flex; align-items: center;}
.com_proven_sect .four_box {margin-top: var(--subContPd);}
.com_proven_sect .four_box .cont_tit {font-size: var(--tit3); font-weight: 700;}
.com_proven_sect .four_box .cont_tit + .cont_txt {margin-top: 15px;}
.com_proven_sect .four_box .cont_box {display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 15px; margin-top: var(--contMt);}
.com_proven_sect .four_box .cont_box .img {position: relative; padding-top: 65%; overflow: hidden; border-radius: 10px;}
.com_proven_sect .four_box .cont_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.com_proven_sect .four_box .cont_box .txt {margin-top: var(--contImgTitM); font-size: var(--txt2); font-weight: 600; text-align: center;}



.com_network_sect {padding-top: var(--sectMt);}
.com_network_sect .visual_img {overflow: hidden; border-radius: 15px; margin-top: var(--contMt);}
.com_network_sect .visual_img img {width: 100%;}
.com_network_sect .list {margin-top: var(--titContM1); display: grid; grid-template-columns: repeat(1, minmax(0,1fr)); gap:8px 10px;}
.com_network_sect .list li + li {margin-top: 7px;} 
.com_network_sect .list li {max-width: 100%;}
.com_network_sect .list li a {display: flex; align-items: center; padding: 8px 5px 8px 8px; background-color: var(--grayBg1); overflow: hidden; border-radius: 10px; }
.com_network_sect .list li .img {position: relative; width: 2.8em; height: 2.8em; overflow: hidden; border-radius: 5px; flex-shrink: 0;}
.com_network_sect .list li .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.com_network_sect .list li .txt {font-weight: 700; margin-left: 7px; line-height: 1.5; font-size:var(--txt3)}
.com_network_sect .list li .txt .sm_txt {font-size: var(--smTxt1); display: block; font-weight: 400; margin-top: 3px;  }
.com_network_sect .list li .arr{margin-left: auto;width: 1em;height: 1em;flex-shrink: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2300"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain; }


.brand_page .network_sect {margin-top: 80px;}
.brand_page .network_sect .cont_box {margin-top: 25px;}
.brand_page .network_sect .cont_box .cont {display: block;}
.brand_page .network_sect .cont_box .cont + .cont {margin-top: 40px;}
.brand_page .network_sect .cont_box .cont .img {overflow: hidden; position: relative; width: 100%; padding-top: 60%; background-color: #CFCFCF; border-radius: 10px;}
.brand_page .network_sect .cont_box .cont .img img {position: absolute; left: 0; top: 0; object-fit: cover; object-position: center;}
.brand_page .network_sect .cont_box .cont .txt_box {margin-top: 10px;}
.brand_page .network_sect .cont_box .cont .txt_box .tit {display: flex; align-items: center; font-size: var(--txt1); font-weight: 700;}
.brand_page .network_sect .cont_box .cont .txt_box .tit .ico {width: 0.9em;height: 0.9em;margin-left: 10px;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2300"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}
.brand_page .network_sect .cont_box .cont .txt_box .txt {margin-top: 5px; color: #3C3C3C;}


.brand_page .network_sect .slide_box { width: calc(100% + 40px); margin-left: -20px; margin-top: 20px; transition: opacity 0.5s, transform 0.5s; }
.brand_page .network_sect .slide_box .swiper-container { padding: 0 20px }
.brand_page .clinic_tab_wrap { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 10px 0; }
.brand_page .clinic_tab_wrap2.swiper-container { transform: rotate(180deg); }
.brand_page .clinic_tab_wrap2 .swiper-slide { transform: rotate(-180deg); }
.brand_page .clinic_tab_wrap::-webkit-scrollbar { display: none; }
.brand_page .clinic_tab_wrap .tab { display: flex; align-items: center; justify-content: flex-start; width: auto; padding: 5px 20px 5px 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border-radius: 50em; background-color: #fff; white-space: nowrap; }
.brand_page .clinic_tab_wrap .tab + .tab { margin-left: 15px; }
.brand_page .clinic_tab_wrap .tab .img { width: 70px; height: 70px; margin-right: 13px; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.brand_page .clinic_tab_wrap .tab .tit { font-weight: 700; }
.brand_page .clinic_tab_wrap .tab .arr { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: 10px; border-radius: 100%; background-color: #19CFD0; overflow: hidden; flex-shrink: 0; fill: #fff; }
.brand_page .clinic_tab_wrap .tab .arr svg { display: flex; align-items: center; justify-content: center; width: 45%; height: 45%; }



/* .brand_page .network_sect .slide_box {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: 40px; padding: 0 var(--inPd);}
.brand_page .network_sect .slide_box .slide  + .slide {margin-top: 10px;}
.brand_page .network_sect .slide_box .swiper-container {overflow: visible;}
.brand_page .network_sect .slide_box .swiper-slide {width: auto;}
.brand_page .network_sect .slide_box .swiper-slide .cont {display: inline-flex; align-items: center; padding: 5px 20px 5px 5px; background-color: #F8F7FA; border-radius: 200px;}
.brand_page .network_sect .slide_box .swiper-slide .cont .img {position: relative;; width: 60px; height: 60px; border-radius: 50%; background-color: #C6C6C6;}
.brand_page .network_sect .slide_box .swiper-slide .cont .img img {position: absolute; left: 0; top: 0; object-position: center; object-fit: cover;}
.brand_page .network_sect .slide_box .swiper-slide .cont .tit {font-size: var(--txt2); font-weight: 700; margin-left: 12px;}
.brand_page .network_sect .slide_box .swiper-slide .cont .ico_box {display: flex; align-items: center; justify-content: center; margin-left: 25px; width: 25px; height: 25px; background-color: #19CFD0; border-radius: 50%;}
.brand_page .network_sect .slide_box .swiper-slide .cont .ico_box .ico {width: 50%;height: 50%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;} */


.brand_page .book_sect {margin-top: var(--sectMt); overflow: hidden; padding-top: var(--sectMt)}
.brand_page .book_sect .slide {margin-top: 20px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.brand_page .book_sect .slide .swiper-container {overflow: visible;}
.brand_page .book_sect .slide .img img {width: 100%;}
.brand_page .book_sect .slide .txt_box {margin-top: 15px;}
.brand_page .book_sect .slide .txt_box .tit {font-size: var(--txt1); font-weight: 700; line-height: var(--titLineH);}
.brand_page .book_sect .slide .txt_box .txt {margin-top: 5px; display: none;}


.brand_page .around_sect { padding: var(--sectMt) 0 0; border-top: 7px solid var(--grayBg1); margin-top: var(--sectMt)}
.brand_page .around_sect .cont { margin-top: var(--discContPd); }
.brand_page .around_sect .cont .map { position: relative; width: 100%; padding-top: 65%; border-radius: 5px; overflow: hidden; }
.brand_page .around_sect .cont .map img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.brand_page .around_sect .cont .addr_box { display: flex; align-items: flex-start; justify-content: space-between; margin-top: var(--contImgTitM); }
.brand_page .around_sect .cont .addr_box .addr { margin-right: 10px; font-size: var(--txt3); font-weight: 600; }
.brand_page .around_sect .cont .addr_box .copy { padding: 0.3em 0.6em; border-radius: 5px; font-size: var(--txt3); font-weight: 500; color: #7A8390; background-color: var(--grayBg2); cursor: pointer; }
.brand_page .around_sect .cont .way_box { margin-top: var(--contImgTitM) }
.brand_page .around_sect .cont .way_box .box { display: flex; align-items: center; justify-content: flex-start; }
.brand_page .around_sect .cont .way_box .box .label { margin-right: 8px; font-size: var(--txt3); }
.brand_page .around_sect .cont .way_box .box .label span { display: inline-block; padding: 0.3em 0.6em 0.3em; border-radius: 2em; font-weight: 500; line-height: 1;}
.brand_page .around_sect .cont .way_box .box .label.yellow span { background-color: #EBA900; color: #fff; }
.brand_page .around_sect .cont .way_box .box .txt { color: #434957; font-size: var(--txt3);}




.com_store_map { position: relative; width: 100%; padding-top: 150%; margin-top: 50px; background-color: #C1D1DE; overflow: hidden; }
.com_store_map .map_box { position: absolute; top: 0; left: 0; width: 120%; }
.com_store_map .map_box img { width: 100%; }

.com_store_map .point_box { position: absolute; }
.com_store_map .point_box.pin01 { left: 33%; top: 20%; }
.com_store_map .point_box.pin02 { left: 20%; bottom: 15%; }
.com_store_map .point_box.pin03 { left: 35%; top: 15%; }

.com_store_map .point_box .dot { position: relative; width: 62px; height: 62px; }
.com_store_map .point_box .dot .cir span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color: #88B2C1;  border-radius: 100%; }

.com_store_map .point_box .dot .cir span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.2); opacity: 1; }
.com_store_map .point_box .dot .cir span:nth-of-type(2) { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
.com_store_map .point_box .dot .cir span:nth-of-type(3) { transform: translate(-50%, -50%) scale(0.9); opacity: 0; }

.com_store_map .point_box.active .cir span { background-color: var(--colorBlue2); animation: waves 2.5s ease-in-out infinite; }
.com_store_map .point_box.active .cir span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.com_store_map .point_box.active .cir span:nth-of-type(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.com_store_map .point_box.active .cir span:nth-of-type(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

@keyframes waves {
    0% {
        transform: translate(-50%,-50%) scale(0.2, 0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.12;
    }

    100% {
        transform: translate(-50%,-50%) scale(1, 1);
        opacity: 0;
    }
}

.com_store_map .point_box .slide_wrap { position: absolute; right: 0; bottom: 0; transform: translate(90%, 30%); max-width: 204px; padding: 20px 0; background-color: #fff; border-radius: 15px; overflow: hidden; opacity: 0; pointer-events: none; transition: opacity 0.5s, transform 0.5s; transition-delay: 0s; }
.com_store_map .point_box.active .slide_wrap { opacity: 1; transform: translate(100%, 30%); pointer-events: auto; transition-delay: 0.7s; }
.com_store_map .point_box .slide_wrap .top { display: flex; align-items: center; padding: 0 14px; }
.com_store_map .point_box .slide_wrap .top .tit { font-size: var(--txt2); font-weight: 700; }
.com_store_map .point_box .slide_wrap .top .arr { display: flex; align-items: center; justify-content: center; margin-left: 8px; }
.com_store_map .point_box .slide_wrap .top .arr svg { display: flex; align-items: center; justify-content: center; }

.com_store_map .point_box .slide_wrap .paging { display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.com_store_map .point_box .slide_wrap .paging .swiper-pagination-bullet { width: 5px; height: 5px; background-color: #262F40; transition: all 0.3s; }
.com_store_map .point_box .slide_wrap .paging .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 3px; }
.com_store_map .point_box .slide_wrap .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { border-radius: 2em; width: 16px; background-color: #7A8390; }

.com_store_map .point_box .slide_wrap .swiper-container { margin-top: 15px; padding: 0 14px; }
.com_store_map .point_box .slide_wrap .item {  }
.com_store_map .point_box .slide_wrap .item .img { position: relative; width: 100%; padding-top: 110%; background-color: #E7E9F2; overflow: hidden; }
.com_store_map .point_box .slide_wrap .item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.com_store_map .point_box .slide_wrap .item .name { margin-top: 5px; font-size: var(--txt3); font-weight: 700; }



.com_store_map .point_tab { position: absolute; left: 0; bottom: 43px; width: 100%; overflow: auto; }
.com_store_map .point_tab::-webkit-scrollbar { display: none; }
.com_store_map .point_tab .tab_box { display: grid; grid-template-columns: repeat(10, 1fr); align-items: center; justify-content: flex-start; width: auto;  margin: -13px -13px 0 0; min-width: max-content; padding: 0 10px 0 var(--inPd);}
.com_store_map .point_tab .tab_box .tab { display: flex; align-items: center; justify-content: center; width: auto; margin-right: 13px; margin-top: 13px; padding: 0.35em 1em; color: var(--colorBlue2); fill: var(--colorBlue2); background-color: #fff; border-radius: 2em; white-space: nowrap; cursor: pointer; }
.com_store_map .point_tab .tab_box .tab .tit { font-size: var(--txt2); font-weight: 600; }
.com_store_map .point_tab .tab_box .tab .arr { display: flex; align-items: center; justify-content: center; margin-left: 10px; }
.com_store_map .point_tab .tab_box .tab .arr svg { display: flex; align-items: center; justify-content: center; }
.com_store_map .point_tab .tab_box .tab.active { background-color: var(--colorBlue2); color: #fff; fill: #fff; }

.visual_card_sect {padding: 0 var(--inPd);}
.visual_card_sect .img {border-radius: 15px; overflow: hidden; position: relative; padding-top: 110% ;clip-path: inset(0 0 100% 0); transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1);}
.visual_card_sect.active .img {clip-path: inset(0 0 0 0);}
.visual_card_sect .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: bottom; object-fit: cover;}
.byak_page .visual_card_sect .img img {object-position: center;}
.visual_card_sect .filter {position: absolute; left: 0; top: 50%; width: 100%; height: 50%; background: linear-gradient(181deg,rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.4) 100%); }
/* .visual_card_sect .img .tit {position: absolute; left: 30px; bottom: 30px; z-index: 1; color: #fff; font-size: var(--tit1); font-weight: 700;opacity: 0;transform: translateY(50px);transition: transform 0.5s ease-in-out 0.8s, opacity 0.5s ease-in-out 0.8s;} */
.visual_card_sect.active .tit {opacity: 1; transform: unset;}

.visual_card_sect .img_txt_box {position: absolute; left: 0px; bottom: 0px; color: #fff; padding: 30px}
.visual_card_sect .img_txt_box .line {display: block; width: 30px; height: 1px; background-color: #fff; margin-bottom: var(--titContM2); clip-path: inset(0 100% 0 0); transition: clip-path 0.5s ease-in-out 1s}
.visual_card_sect .img_txt_box .desc {font-size: var(--txt1); margin-bottom: 5px ;opacity: 0; transform: translateY(50px) ; transition: transform 0.5s ease-in-out 0.6s, opacity 0.5s ease-in-out 0.6s}
.visual_card_sect .img_txt_box .tit {font-size: var(--tit1); line-height: 1.5; font-weight: 700; opacity: 0; transform: translateY(50px) ; transition: transform 0.5s ease-in-out 0.8s, opacity 0.5s ease-in-out 0.8s}

.visual_card_sect .txt_box {margin-top: 60px;}
.visual_card_sect .txt_box .tit {font-size: var(--tit3); font-weight: 600;}
.visual_card_sect .txt_box .txt {margin-top: var(--titContM2); }
.visual_card_sect .txt_box.active .txt,
.visual_card_sect .txt_box.active .tit {opacity: 1; transform: unset;}

.visual_card_sect.active .img_txt_box .line {clip-path: inset(0 0 0 0)}
.visual_card_sect.active .img_txt_box .desc,
.visual_card_sect.active .img_txt_box .tit {opacity: 1; transform: unset}




/* 자생스토리_신바로메틴 */

.sinbarometin_page .commu_sect {padding-bottom: 0}
.sinbarometin_page .sub_cont_tit + .txt{ margin-top: 8px; color:var(--lightTxt);}

.sinbarometin_page .info_sect {padding-top:var(--sectPd); background-color: var(--grayBg1); overflow: hidden; margin-top: var(--sectMt);}
.sinbarometin_page .info_sect .sect_tit_box {text-align: center;}
.sinbarometin_page .info_sect .slide_wrap{margin-top: 25px;}
.sinbarometin_page .info_sect .slide_wrap .slide{overflow: visible;}

.sinbarometin_page .info_sect .slide_item .num {display: flex; align-items: center; justify-content: center; font-size: var(--txt3); ;color:#fff; width:2.5em; height:2.5em; background-color: var(--colorBlue1); border-radius: 50%; flex-shrink: 0; font-weight: 600;}
.sinbarometin_page .info_sect .slide_item .img_box{position: relative; padding-top: 65%; border-radius: 10px; overflow: hidden;}
.sinbarometin_page .info_sect .slide_item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.sinbarometin_page .info_sect .slide_item .txt_box {margin-top: 15px; display: flex; width: 95%;}
.sinbarometin_page .info_sect .slide_item .txt_box .txt{margin-left: 10px; font-weight: 600;}

.sinbarometin_page .feature_sect { padding: var(--sectMt) var(--inPd); color: #fff; background-color: var(--grayBg1);}
.sinbarometin_page .feature_sect .sub_cont_tit {text-align: center;}
.sinbarometin_page .feature_sect .cont_box {background-color:#4269C5; padding: var(--subContPd) 0; border-radius: 15px; margin: 0 auto; max-width: calc(var(--subInW) - var(--inPd) * 2);}
.sinbarometin_page .feature_sect .cont {margin-top: var(--titContM0);}
.sinbarometin_page .feature_sect .cont .feature_item {display: flex; align-items: flex-start;}
.sinbarometin_page .feature_sect .cont .feature_item + .feature_item{margin-top: var(--titContM0);}
.sinbarometin_page .feature_sect .cont .feature_item .img {width: 25%; padding-top: 25%; border-radius: 50%; position: relative; flex-shrink: 0; overflow: hidden; margin-right: 15px;}
.sinbarometin_page .feature_sect .cont .feature_item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sinbarometin_page .feature_sect .cont .feature_item .tit {font-size: var(--txt1); font-weight: 700; line-height: 1;}
.sinbarometin_page .feature_sect .cont .feature_item .txt {margin-top: 10px; font-size:var(--txt3); color: rgba(255,255,255,0.8);}

.sinbarometin_page .tretment_sect{background-color: var(--grayBg1); padding-bottom: var(--sectMt) }
.sinbarometin_page .tretment_sect .tretment_item{margin-top: 25px;}
.sinbarometin_page .tretment_sect .tretment_item + .tretment_item{margin-top: var(--sectMt);}
.sinbarometin_page .tretment_sect .tretment_item .img_box{position: relative; padding-top: 65%; border-radius: 15px; overflow: hidden;}
.sinbarometin_page .tretment_sect .tretment_item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.sinbarometin_page .tretment_sect .tretment_item .txt_box{margin-top: 15px;}
.sinbarometin_page .tretment_sect .tretment_item .txt_box .tit{font-size: var(--tit4);font-weight: 700;}
.sinbarometin_page .tretment_sect .tretment_item .txt_box .txt{margin-top: var(--contImgTxtM);}
.sinbarometin_page .research_wrap .graph_container.slide_wrap .swiper-container {padding: 0;}

.sinbarometin_page .tretment_sect .tretment_item .list {margin-top: var(--titContM2);}
.sinbarometin_page .tretment_sect .tretment_item .list li {display: flex; align-items: flex-start;}
.sinbarometin_page .tretment_sect .tretment_item .list li + li {margin-top: 10px;}
.sinbarometin_page .tretment_sect .tretment_item .list li .tit {font-size: var(--txt2);  border-radius: 5px; color: #fff; font-weight: 500; width: 2.6em; text-align: center; margin-right: 1em;}
.sinbarometin_page .tretment_sect .tretment_item .list li .tit.type1 {background-color: var(--colorBlue1);}
.sinbarometin_page .tretment_sect .tretment_item .list li .tit.type2 {background-color: #4269C5;}
.sinbarometin_page .tretment_sect .tretment_item .list li .txt .dot_line + .dot_line {margin-top: 5px;}

.sinbarometin_page .tretment_sect .tretment_item .badge_box { margin-top: 15px; font-size:var(--txt3);}
.sinbarometin_page .tretment_sect .tretment_item .badge_item { display: flex; align-items: flex-start; margin-top: 10px;}
.sinbarometin_page .tretment_sect .tretment_item .badge_item .label {display: inline-block; color: #fff; background-color: var(--colorBlue1); padding: 0 0.5em; border-radius: 0.4em; margin-right: 5px;}
.sinbarometin_page .tretment_sect .tretment_item .badge_item:nth-child(even) .label{background-color:var(--colorBlue2);}
.sinbarometin_page .tretment_sect .tretment_item .badge_item .txt{color:#262f40;}
.sinbarometin_page .tretment_sect .tretment_item .badge_item li.txt:before{content:'·'; margin-right: 5px;}

.sinbarometin_page .effect_sect.sticky_type {border-top: none; padding: var(--sectMt) 0 0;}
.sinbarometin_page .commu_sect .cont .commu_cont .slide_wrap .item .thumb{padding-top: 56.25%;}


.channel_sect{background-color: #F3F4F8; padding-bottom: 80px; overflow: hidden;}
.channel_sect .top{display: flex; align-items: center; justify-content: space-between;}
.channel_sect .slide_wrap {margin-top:25px;}
.channel_sect .slide{overflow: visible;}
.channel_sect .slide .img_box{position: relative; padding-top:55%; border-radius: 10px; overflow: hidden;}
.channel_sect .slide .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.channel_sect .slide .txt{display: -webkit-box; font-size:var(--txt1); margin-top: 10px; font-weight: 600; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 90%;}




.non_surg_page .goals_sect {text-align: center; padding: var(--sectMt) 0 var(--sectMt); background-color: var(--grayBg1); margin-top: var(--sectMt);}
.non_surg_page .goals_sect .sect_tit_box {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.non_surg_page .goals_sect .sect_tit_box .tit {
    font-size: var(--tit1);
    background: linear-gradient(to right, #262F40 50%, #ebebeb 50%);
    background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    transition: background-position-x 1.5s ease-in-out ;
    line-height: 1.3;
    font-weight: 700;
}

.non_surg_page .goals_sect .sect_tit_box.active .tit {background-position-x:0}
.non_surg_page .goals_sect .sect_tit_box .txt {}
.non_surg_page .goals_sect .line {position: relative; height: 80px; width: 1px; margin: 30px auto; background-color: #262F40;  }
.non_surg_page .goals_sect .line::before {content: "";position: absolute; left: -2px; bottom: -2px; width: calc(100% + 4px); height: calc(100% + 4px); background-color: var(--grayBg1); transition: 0.6s ease-in-out 0.6s;}
.non_surg_page .goals_sect .line.active::before {height: 0;}
.non_surg_page .goals_sect .cont_box { overflow: hidden; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd) ;opacity: 0; transform: translateY(50px); transition:  0.6s ease-in-out 0.6s;}
.non_surg_page .goals_sect .cont_box .swiper-container {overflow: visible;}
.non_surg_page .goals_sect .cont_box.active {opacity: 1; transform: unset;}
.non_surg_page .goals_sect .cont_box .item .img {border-radius: 10px; overflow: hidden;}
.non_surg_page .goals_sect .cont_box .item .img img {width: 100%;}
.non_surg_page .goals_sect .cont_box .item .txt_box {margin-top: 10px; text-align: left;}
.non_surg_page .goals_sect .cont_box .item .txt_box .tit {font-size: var(--tit4); font-weight: 700;}
.non_surg_page .goals_sect .cont_box .item .txt_box .txt {margin-top: 5px;}

.non_surg_page .sect_tit_box .txt {color: #3C3C3C; margin-top: 10px;}
.non_surg_page .nohow_sect {margin-top: 70px;}
.non_surg_page .nohow_sect .cont_box {margin-top: 25px;}
.non_surg_page .nohow_sect .cont_box .cont {padding: 30px 25px; border-radius: 10px; background-color: #F8F7FA; }
.non_surg_page .nohow_sect .cont_box .cont + .cont  {margin-top: 15px;}
.non_surg_page .nohow_sect .cont_box .top {display: flex; justify-content: space-between;}
.non_surg_page .nohow_sect .cont_box .top .tit {font-size: var(--txt1); font-weight: 700;}
.non_surg_page .nohow_sect .cont_box .top .num {font-size: var(--txt3); font-weight: 700; color: #4269C5;}
.non_surg_page .nohow_sect .cont_box .txt {margin-top: 5px; color: #3c3c3c;}
.non_surg_page .nohow_sect .cont_box .tag_wrap {display: flex; flex-wrap: wrap; margin-top: 10px; margin-right: -3px; margin-bottom: -5px;}
.non_surg_page .nohow_sect .cont_box .tag_wrap .tag {padding: 0.2em 0.4em; background-color: #fff; border-radius: 100px; color: #7A8390; font-size: var(--txt3); font-weight: 500; margin-right: 3px; margin-bottom: 5px;}



.non_surg_page .slide_saect {margin-top: 80px;}
.non_surg_page .slide_saect .slide {margin-top: 25px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden;}
.non_surg_page .slide_saect .slide .swiper-container {overflow: visible;}
.non_surg_page .slide_saect .slide .img {position: relative; padding-top: 60%; background-color: #E8E8E8; border-radius: 10px; overflow: hidden;}
.non_surg_page .slide_saect .slide .txt_box {margin-top: 10px;}
.non_surg_page .slide_saect .slide .txt_box .tit {font-size: var(--txt1); font-weight: 700;}
.non_surg_page .slide_saect .slide .txt_box .txt {color: #3c3c3c; margin-top: 5px; }

.non_surg_page .com_clinic_sect {padding: var(--sectMt) 0;}

.non_surg_page .disease_sect {padding: var(--sectMt) 0;}
.non_surg_page .disease_sect .cont_box {padding: 120px 0 70px; background: #5478CD; border-radius: 15px; overflow: hidden; margin-top: 25px;}
.non_surg_page .disease_sect .cont_box .img {position: relative; width: 40%; margin: 0 auto; }
.non_surg_page .disease_sect .cont_box .img .group {position: absolute; }
.non_surg_page .disease_sect .cont_box .img .group svg {width: 100%; height: auto;}
.non_surg_page .disease_sect .cont_box .img .group .txt_box {position: absolute; color: #fff; width: 100px; line-height: 1.3}
.non_surg_page .disease_sect .cont_box .img .group .txt_box .tit {font-size: var(--txt1); font-weight: 700;}
.non_surg_page .disease_sect .cont_box .img .group .txt_box .txt {font-size: var(--txt3); margin-top: 5px; }

.non_surg_page .disease_sect .cont_box .img .group.neek {top: 4%; left: 50%; width: 40%;}
.non_surg_page .disease_sect .cont_box .img .group.neek .txt_box {right: -10px; top: 0;transform: translate(100%,-50%); }

.non_surg_page .disease_sect .cont_box .img .group.shoulder {top: 4%; right: 60%; text-align: right; width: 29.8%;}
.non_surg_page .disease_sect .cont_box .img .group.shoulder .txt_box {left: 0px; top: -10px;transform: translate(-80%,-100%);}

.non_surg_page .disease_sect .cont_box .img .group.hand {top: 30%; left: -10%; text-align: right; width: 21%;}
.non_surg_page .disease_sect .cont_box .img .group.hand .txt_box {left: 0px; top: -10px;transform: translate(-90%,-100%); }

.non_surg_page .disease_sect .cont_box .img .group.waist {top: 30%; left: 40%;  width: 60%;}
.non_surg_page .disease_sect .cont_box .img .group.waist .txt_box {right: -10px; top: -10px;transform: translate(100%,0%); }

.non_surg_page .disease_sect .cont_box .img .group.knee {top: 65%; left: 53%;  width: 36%;}
.non_surg_page .disease_sect .cont_box .img .group.knee .txt_box {right: -10px; top: 20px;transform: translate(100%,0%); }

.non_surg_page .disease_sect .cont_box .img .group.foot {bottom: 0%;left: -3%;width: 48%; text-align: right;}
.non_surg_page .disease_sect .cont_box .img .group.foot .txt_box {left: -10px; top: -15px;transform: translate(-100%,-20%); }







.research_page .sect_tit_box .sub_cont_tit {opacity: 0; transform: translateY(50px) ; transition: transform 1s ease-in-out, opacity 1s ease-in-out }
.research_page .sect_tit_box .sub_cont_txt {margin-top: 10px; opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s}

.research_page .sect_tit_box.active .sub_cont_txt,
.research_page .sect_tit_box.active .sub_cont_tit {opacity: 1; transform: unset;}


.research_page .proof_sect {padding: var(--sectMt) 0 calc(var(--sectMt) * 2); background-color: var(--grayBg1); margin-top: var(--titContM0); position: relative; display: none;}
.research_page .proof_sect .sect_tit_box {text-align: center;}
.research_page .proof_sect .sect_tit_box .txt { margin-top: 10px;}

.research_page .proof_sect .img_box {margin-top: 50px; opacity: 0; transform: translateY(50px) ; transition: transform 1s ease-in-out 0.3s, opacity 1s ease-in-out 0.3s}
.research_page .proof_sect .img_box.active {opacity: 1; transform: unset; }

.research_page .proof_sect .first_time_box { margin-top: var(--sectMt);}
.research_page .proof_sect .first_time_box .cont {position: relative; max-width: 320px; margin: 0 auto;}
.research_page .proof_sect .first_time_box .cont + .cont {margin-top: var(--titContM1);}
.research_page .proof_sect .first_time_box .cont .txt_box {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 75%; margin: 0 auto; opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out, opacity 1s ease-in-out }
.research_page .proof_sect .first_time_box .cont .txt_box .star {width: 30px;}
.research_page .proof_sect .first_time_box .cont .txt_box .star svg {width: 100%; height: auto;}
.research_page .proof_sect .first_time_box .cont .txt_box .tit {font-size: var(--tit4); font-weight: 700;}
.research_page .proof_sect .first_time_box .cont .txt_box .txt {margin-top: 5px;}
.research_page .proof_sect .first_time_box .cont .wings {position: absolute; top: 50%; transform: translateY(-50%); width: 20%; opacity: 0.15;  opacity: 0;  transition: left 1s ease-in-out 0.3s, right 1s ease-in-out 0.3s, opacity 1s ease-in-out 0.3s}
.research_page .proof_sect .first_time_box .cont .wings.left {left: 10%;}
.research_page .proof_sect .first_time_box .cont .wings.right {right: 10%;}

.research_page .proof_sect .first_time_box .cont.active .txt_box {opacity: 1; transform: unset;}
.research_page .proof_sect .first_time_box .cont.active .wings.left {left: 0; opacity: 0.15;}
.research_page .proof_sect .first_time_box .cont.active .wings.right {right: 0; opacity: 0.15;}

.research_page .proof_sect .global {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none;}
.research_page .proof_sect .global img {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-position: center bottom; object-fit: contain; }

.research_page .que_sect {padding-top:var(--sectMt); color: var(--colorBlue1);}
.research_page .que_sect .sect_tit_box {text-align: center; display: none;}

.research_page .que_sect .line {margin: 30px auto; width: 1px; height: 80px; background-color: #fff; clip-path: inset( 0 0 100% 0); transition: 1s ease-in-out 0.3s; display: none;}
.research_page .que_sect .sect_tit_box.active + .line {clip-path: inset( 0 0 0 0); }

.research_page .que_sect .chat_wrap {display: flex; flex-direction: column; align-items: center;}
.research_page .que_sect .chat_wrap .chat {position: relative; display: flex; align-items: center; padding: 20px; width: 85%; margin-right: -10%; max-width: 450px; background-color: #E4EFFD; border-radius: 10px;  opacity: 0; transform: translateY(50px) ; transition: transform 1s ease-in-out , opacity 1s ease-in-out}
.research_page .que_sect .chat_wrap .chat:nth-child(2) {transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s}
.research_page .que_sect .chat_wrap .chat:nth-child(3) {transition: transform 1s ease-in-out 0.4s, opacity 1s ease-in-out 0.4s}
.research_page .que_sect .chat_wrap .chat:nth-child(2n) {margin-left: -10%; margin-right: 0;}
.research_page .que_sect .chat_wrap .chat:before {content: '';position: absolute;right: 10%;bottom: -4px; width: 3rem; height: 3rem; transform: translateY(50%);
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80.3" height="46.664" viewBox="0 0 80.3 46.664"><path id="패스_7650" data-name="패스 7650" d="M16.163,0,8.632,8.352h6.808C25.177,31.434-.224,46.664,0,46.664c40.233,0,65.494-21.819,78.841-38.312H80.3L75.064,0Z" transform="translate(-0.001)" fill="%23e4effd"/></svg>') no-repeat center / contain;}
.research_page .que_sect .chat_wrap .chat:nth-child(2n)::before {right: auto; left: 10%; transform: translateY(50%) rotateY(180deg);}
.research_page .que_sect .chat_wrap .chat + .chat {margin-top: 30px;}
.research_page .que_sect .chat_wrap .chat .img {width: 15%; padding-top: 15%; border-radius: 50%; position: relative; flex-shrink: 0;} 
.research_page .que_sect .chat_wrap .chat .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.research_page .que_sect .chat_wrap .chat .txt {font-size: var(--txt3); font-weight: 500; margin-left: 15px;}

.research_page .que_sect .chat_wrap.active .chat {opacity: 1; transform: unset;}

.research_page .que_sect .data_box {margin-top: 120px; position: relative; padding: 120px 0; background-color: transparent; color: #fff; transform-origin: center top; transform: scale(0.4); border-radius: 40px; overflow: hidden;transition-property: background-color , transform , border-radius; transition-duration: 1s; transition-timing-function:cubic-bezier(0.62, 0.06, 0.29, 0.99)}
.research_page .que_sect .data_box .data_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; transition: opacity 1s ease-in-out;}
.research_page .que_sect .data_box .data_bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.research_page .que_sect .data_box .in {position: relative; z-index: 1;}
.research_page .que_sect .data_box .tit_box {text-align: center; opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out 0.6s, opacity 1s ease-in-out 0.6s}
.research_page .que_sect .data_box .tit_box .ref_txt {opacity: 0.6; font-size: var(--smTxt1); margin-top: 2rem;}
.research_page .que_sect .data_box .tit_box .ref_txt .dot_line {justify-content: center;}
.research_page .que_sect .data_box .tit_box .ref_txt .dot_line + .dot_line {margin-top: 5px;}


.research_page .que_sect .data_box .data_list {margin: var(--sectMt) auto 0; max-width: 800px; opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out 0.9s, opacity 1s ease-in-out 0.9s}
.research_page .que_sect .data_box .data_list .li {display: flex; align-items: center; padding:0  15px 15px; border-bottom: 1px solid rgba(255,255,255,0.4);}
.research_page .que_sect .data_box .data_list .li + .li {margin-top: 15px;}
.research_page .que_sect .data_box .data_list .li:last-child {border-bottom: none;}
.research_page .que_sect .data_box .data_list .li .left_box {display: flex; align-items: center;}
.research_page .que_sect .data_box .data_list .li .left_box .ico {margin-right: 7px; display: flex; align-items: center; justify-content: center; width: calc(var(--txt1) * 1.4); }
.research_page .que_sect .data_box .data_list .li .left_box .ico svg {fill: #89ACFF; height: var(--txt1); width: auto;}
.research_page .que_sect .data_box .data_list .li .left_box .tit {font-weight: 500;}
.research_page .que_sect .data_box .data_list .li .left_box .txt {margin-left: 7px; font-size: var(--txt3); font-weight: 500; color: rgba(255,255,255,0.5);}
.research_page .que_sect .data_box .data_list .li .num_box {margin-left: auto; line-height: 1.1;}
.research_page .que_sect .data_box .data_list .li .num_box .num {font-weight: 700; font-size: 50px; margin-right: 5px;}

.research_page .que_sect .data_box.active { background-color: #091530; transform: scale(1); border-radius: 0;}
.research_page .que_sect .data_box.active .data_bg {opacity: 0.15;}
.research_page .que_sect .data_box.active .data_list,
.research_page .que_sect .data_box.active .tit_box {opacity: 1; transform: unset;}


.research_page .history_sect {padding: var(--sectMt) 0; background-color: #F3F4F8;}
.research_page .history_sect .cont_box {margin-top: 25px; display: grid; grid-template-columns: 40% 1fr; align-items: flex-start;}
.research_page .history_sect .cont_box .img_box {position: sticky; top: 85px; padding-top: 112%; flex-shrink: 0; margin-right: 25px; }
.research_page .history_sect .cont_box .img_box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0;}
.research_page .history_sect .cont_box .img_box img.active {opacity: 1;}
.research_page .history_sect .cont_box .year_box {padding-left: 40px; position: relative;}
.research_page .history_sect .cont_box .year_box .line {position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #E4E7F2; border-radius: 5px;}
.research_page .history_sect .cont_box .year_box .gauge {position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: var(--colorBlue2);}

.research_page .history_sect .cont_box .year_box .cont + .cont {margin-top: 30px;}
.research_page .history_sect .cont_box .year_box .cont .year {font-weight: 700;}
.research_page .history_sect .cont_box .year_box .cont .txt_box {margin-top: 3px;}
.research_page .history_sect .cont_box .year_box .cont .txt_box .txt {color: #3c3c3c;}
.research_page .history_sect .cont_box .year_box .cont .txt_box .sm_txt {color: #7A8390; font-size: var(--txt3); margin-top: 3px;}
.research_page .history_sect .cont_box .year_box .cont .txt_box .sm_txt span {vertical-align: middle;}



.research_page .history_sect .cont_box .year_box .cont .view_btn { display: inline-flex; align-items: center; justify-content: flex-start; padding: 0.2em 1em; border-radius: 2em; background-color: #fff; border: 1px solid rgba(107,123,146, 0.2); font-size: var(--smTxt1); color: #6B7B92; fill: #6B7B92; font-weight: 600; cursor: pointer; margin-top: 5px;}
.research_page .history_sect .cont_box .year_box .cont .view_btn .ico {display: inline-block; width: 0.9em;height: 0.9em;margin-left: 10px;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%236B7B92"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}




.research_page .effect_sect {margin-top: var(--sectMt)}
.research_page .effect_sect .top {  }
.research_page .effect_sect .top .desc {font-size: var(--txt1);font-weight: 700;color: var(--colorBlue2);display: flex;align-items: center; margin-top: var(--titContM0);}
.research_page .effect_sect .top .tit { margin-top: 10px; font-size: var(--tit4); font-weight: 600;}
.research_page .effect_sect .top .tit + .txt { margin-top: 5px; font-size: var(--txt3); }
.research_page .effect_sect .top .info {display: inline-flex;align-items: center;justify-content: flex-start;margin-top: 10px;font-size: var(--txt3);color: #7A8390;fill: #7A8390;font-weight: 600;cursor: pointer;}
.research_page .effect_sect .top .sci_txt + .info {margin-top: 20px;}
.research_page .effect_sect .top .info .ico { margin-right: 0.4em; }
.research_page .effect_sect .top .info .ico svg { display: flex; align-items: center; justify-content: center; }
.research_page .effect_sect .top .info .txt { margin-top: 0; font-weight: 600}
.research_page .effect_sect .top .info .arr { margin-left: 5px; }
.research_page .effect_sect .top .info .arr svg {display: flex; align-items: center; justify-content: center; }



.research_page .effect_sect .cont_box {margin-top: var(--titContM2);}
.research_page .effect_sect .cont_box .cont {background-color: var(--grayBg2);padding: 40px 20px; border-radius: 15px;}
.research_page .effect_sect .cont_box .cont .cont_txt_box .tit {font-size: var(--tit4); font-weight: 700;}
.research_page .effect_sect .cont_box .cont .cont_txt_box .txt {margin-top: var(--contImgTxtM);font-size: var(--txt3);}
.research_page .effect_sect .cont_box .cont .graph_cont {margin-top: 20px; border-radius: 15px; overflow: hidden;}
.research_page .effect_sect .cont_box .cont + .cont {margin-top: var(--titContM0);}

.research_page .research_sect {margin-top: var(--sectMt);}
.research_page .research_sect .com_video_thumbnail {margin: var(--contMt) auto 0; position: relative; padding-top: 56.25%; width: 100%; }
.research_page .research_sect .com_video_thumbnail iframe,
.research_page .research_sect .com_video_thumbnail img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: 0.3s ease-in-out;}
.research_page .research_sect .com_video_thumbnail img {z-index: 3;}
.research_page .research_sect .com_video_thumbnail .com_play_bg {z-index: 4; transition: 0.3s ease-in-out;}

.research_page .research_sect .com_video_thumbnail.play .com_play_bg,
.research_page .research_sect .com_video_thumbnail.play img {opacity: 0; pointer-events: none;}


.research_page .slide {margin-top: 20px; width:calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden;}
.research_page .slide .swiper-container {overflow: visible;}
.research_page .slide .img {position: relative; padding-top: 65%; border-radius: 15px; overflow: hidden;}
.research_page .slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.research_page .slide .txt_box {margin-top: 15px;}
.research_page .slide .txt_box .tit {font-size: var(--tit5); font-weight: 700;}
.research_page .slide .txt_box .txt {margin-top: 5px;}

/* 질환_그래프 */
.effect_sect .research_wrap .graph_container .item .graph_cont_wrap.tab_graph{padding-top: 100% !important;}
.effect_sect .research_wrap .graph_container .item .graph_cont_wrap.h_auto{min-height: 100px;}
.effect_sect .research_wrap .graph_container .item .graph_cont_wrap.h_auto .img_lg{padding: 0 10%;}


.modal .modal_wrap .modal_cont.sources {width: 600px; word-break: break-all; }
.modal_cont.sources .cont_wrap {display: flex; align-items: center; background-color: #FFF; padding: 30px 20px;     border-radius: 0 0 15px 15px;}
.modal_cont.sources .cont_wrap .img {width: 35%; max-width: 200px; flex-shrink: 0;}
.modal_cont.sources .cont_wrap .txt_box {flex: 1; min-width: 0; margin-left: 30px;}
.modal_cont.sources .cont_wrap .txt_box .tit {font-size: var(--txt2); font-weight: 600; margin-bottom: 10px; display: none;}
.modal_cont.sources .cont_wrap .txt_box .txt {font-size: var(--txt3);} 



.com_video_thumbnail {position: relative;; overflow: hidden; border-radius: 10px;}
.com_video_thumbnail img {width: 100%;}
.com_video_thumbnail .play_btn {display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, .9);}
.com_video_thumbnail .play_btn .ico {width: 30%; height: 30%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%231C369A"><path d="M384 256L0 32V480L384 256z"/></svg>') no-repeat center/ contain;}



/* 지점 지도 */






/*  */


/* 허리디스크 */

.sub_cont_tit { font-size: var(--tit2); font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; }
.sub_cont_tit .weight400 {font-weight: 400;}
.sub_cont_tit + .sub_cont_txt {margin-top: 15px}

/* .lumvar_disc_page .visual_sect { background-color: #F2F4F7; }
.lumvar_disc_page .visual_sect .bg { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 95%; }
.lumvar_disc_page .visual_sect .bg .color_bg { position: absolute; left: 0; top: 0; width: 100%; height: 120%; border-radius: 0 0 30px 30px; z-index: 5; transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1); overflow: hidden; }
.lumvar_disc_page .visual_sect .bg .color_bg video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.lumvar_disc_page .visual_sect.active .bg .color_bg { height: 100%; opacity: 1; }
.lumvar_disc_page .visual_sect .bg img { position: relative; width: 40%; margin: 0 auto; z-index: 10; }

.lumvar_disc_page .visual_sect .txt_box { position: relative; width: calc(100% - 40px); margin: -135px auto 0; padding: 30px 26px; transform: translateY(100px); opacity: 0; background-color: #fff; border-radius: 20px; text-align: center; z-index: 10; transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; }
.lumvar_disc_page .visual_sect.active .txt_box { opacity: 1; transform: translateY(0); }
.lumvar_disc_page .visual_sect .txt_box .desc { font-size: var(--txt3); font-weight: 600; color: #7A8390; }
.lumvar_disc_page .visual_sect .txt_box .tit { font-size: var(--tit1); font-weight: 700; }
.lumvar_disc_page .visual_sect .txt_box .txt { margin-top: 30px; text-align: left; font-size: var(--txt1); word-break: break-all; } */


/* 비주얼섹션 공용작업 시작 */
/*.lumvar_disc_page .visual_sect { background-color: var(--grayBg1); display: flex; flex-direction: column; overflow: hidden;}*/
/*.lumvar_disc_page .visual_sect .bg { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 55%; order: 2; margin-top: -120px; opacity: 0; transform: translateY(50%); transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;}*/
/*.lumvar_disc_page .visual_sect .bg .color_bg { position: absolute; left: var(--inPd); right: var(--inPd); ;top: 0; width: calc(100% - var(--inPd) * 2); height: 100%; border-radius: 20px; z-index: 5; overflow: hidden; }*/
/*.lumvar_disc_page .visual_sect .bg .color_bg * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }*/
/*.lumvar_disc_page .visual_sect .bg img { position: relative; width: 40%; margin: 0 auto; z-index: 10; }*/
/*.lumvar_disc_page .visual_sect .txt_box { background-color: var(--colorBlue1); color: #fff; padding: 150px var(--inPd) 150px; border-radius: 0 0 35px 35px;text-align: center ;transform: translateY(-100%); opacity: 0; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);}*/
/*.lumvar_disc_page .visual_sect .txt_box .desc { font-size: var(--txt3); font-weight: 600; color: #7A8390; }*/
/*.lumvar_disc_page .visual_sect .txt_box .tit { font-size: var(--tit1); font-weight: 700; opacity: 0; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s; display: flex; align-items: center; justify-content: center}*/
/*.lumvar_disc_page .visual_sect .txt_box .tit:after {content: "";width: 0.65em;height: 0.65em;display: block;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>') no-repeat center / contain;}*/
/*.lumvar_disc_page .visual_sect .txt_box .txt { margin-top: 10px; font-size: var(--txt2); word-break: break-all;  color: #A1ADDB; opacity: 0; transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0.2s; word-break: keep-all; width: 100%;}*/
/*.lumvar_disc_page .visual_sect.active .bg {transform: unset; opacity: 1; z-index: 200;}*/
/*.lumvar_disc_page .visual_sect.active .txt_box {transform: unset; opacity: 1; z-index: 100;}*/
/*.lumvar_disc_page .visual_sect.active .txt_box .txt,*/
/*.lumvar_disc_page .visual_sect.active .txt_box .tit {opacity: 1;}*/
/*.lumvar_disc_page .visual_sect.active + .causes_sect .sub_cont_tit { opacity: 1; }*/
/*.lumvar_disc_page .visual_sect.active + .causes_sect .list_wrap { opacity: 1; transform: translateY(0); }*/

/*.lumvar_disc_page .causes_sect { padding: var(--subContPd) 0; background-color: var(--grayBg1); }*/
/*.lumvar_disc_page .causes_sect .sub_cont_tit { opacity: 0; transition: 0.3s; transition-delay: 1s; }*/
/*.lumvar_disc_page .causes_sect .list_wrap { background-color: #fff; border-radius: 25px; cursor: pointer; }*/
/*.lumvar_disc_page .causes_sect .list_wrap { opacity: 0; transform: translateY(20px); transition: all 0.5s; }*/
/*.lumvar_disc_page .causes_sect .list_wrap:nth-of-type(1) { transition-delay: 1.2s; }*/
/*.lumvar_disc_page .causes_sect .list_wrap:nth-of-type(2) { transition-delay: 1.4s; }*/
/*.lumvar_disc_page .causes_sect .list_wrap + .list_wrap { margin-top: 16px; }*/
/*.lumvar_disc_page .causes_sect .list_wrap .tit_box { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; padding: 15px 20px;  font-weight: 700; }*/
/*.lumvar_disc_page .causes_sect .list_wrap .tit_box .chk { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; fill: var(--colorBlue1); }*/
/*.lumvar_disc_page .causes_sect .list_wrap.type2 .tit_box .chk { fill: var(--colorMint); }*/
/*.lumvar_disc_page .causes_sect .list_wrap .tit_box .arr { width: 1.2em; height: 1.2em; margin-left: 0.5em; fill: #7A8390; transition: transform 0.3s; background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;}*/
/*.lumvar_disc_page .causes_sect .list_wrap .tit_box .arr svg {width: 1.2em; height: auto; display: none;}*/
/*.lumvar_disc_page .causes_sect .list_wrap.active .tit_box .arr { transform: rotate(180deg); }*/
/*.lumvar_disc_page .causes_sect .list_wrap .list_box { display: none; padding: 0 var(--inPd) 16px; color: #3c3c3c;}*/
/*.lumvar_disc_page .causes_sect .list_wrap .list_box .list + .list { margin-top: 0.3em; }*/


/* 비주얼섹션 공용작업 끝 */


/* 스티키 네비 */
/*.lumvar_disc_page .sticky_sect .sticky_nav {position: sticky; top: 0; width: 100%; background-color: #fff; padding: 10px var(--inPd) 10px; border-bottom: 2px solid var(--grayLine); overflow-x: auto; z-index: 10; transition: top 0.3s; overflow: auto; }*/
/*.lumvar_disc_page .sticky_sect .sticky_nav::-webkit-scrollbar {display: none;}*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul {display: flex;  min-width: max-content; }*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul li { position: relative;}*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul li + li {margin-left: 10px;}*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul li a {display: block; padding: 10px 2em; font-weight: 700; background-color: transparent; border-radius: 10px; white-space: nowrap; text-align: center; transition: background-color 0.3s;}*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul li .bg {position: absolute; left: 0; top: 0; width: 100%; display: block; padding: 10px 0px; font-size: var(--txt3); font-weight: 700; color: #fff; background-color: var(--colorBlue2); border-radius: 10px; white-space: nowrap; text-align: center; z-index: 2; pointer-events: none; clip-path: inset(0 100% 0 0); opacity: 0; transition: opacity 0.3s ease-in-out; }*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul li.active a{ background-color: var(--grayBg2);}*/
/*.lumvar_disc_page .sticky_sect .sticky_nav ul li.active .bg {opacity: 1;}*/
/* 스티키 네비 */


.disease_page .com_case_cont .item {background-color: var(--grayBg2);}
.disease_page .com_case_cont .item .util .tag span {background: #fff} 
.disease_page .img_sect .img {width: 100%; overflow: hidden; border-radius: 15px;}
.disease_page .img_sect .img  img {width: 100%;}


.disease_page .btn_sect .btn_box {display: flex; justify-content: center;}
.disease_page .btn_sect .btn_box .btn {font-size: var(--txt2); display: flex; align-items: center; justify-content: center; height: 3.5em; padding: 0 2em; border-radius: 0.5em; font-weight: 600; background-color: #002575; color: #fff;}
.disease_page .btn_sect .btn_box .btn + .btn {margin-left: 15px;}
.disease_page .com_treatment_sect {overflow: visible;}



/* 자생치료 슬라이드 */

.treatment_tab_sect { overflow: hidden; padding: var(--sectMt) 0 var(--sectMt);}
.treatment_tab_sect .sub_slide_tab {display: flex;}
.treatment_tab_sect .tab_cont {margin-top: var(--contMt);}
.treatment_tab_sect .tab_cont .cont { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--contMt); transition: opacity 0.5s, transform 0.5s; }
.treatment_tab_sect.active .tab_cont .cont { opacity: 1; transform: translateY(0); }
.treatment_tab_sect .tab_cont .cont .swiper-container { padding: 0 var(--inPd); }
.treatment_tab_sect .tab_cont .cont .item  { transition: transform 0.3s; }
.treatment_tab_sect .tab_cont .cont .item .img { position: relative; width: 100%; margin-right: auto; padding-top: 60%; border-radius: 15px; overflow: hidden; }
.treatment_tab_sect .tab_cont .cont .item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.treatment_tab_sect .tab_cont .cont .item .txt_box { width: 90%;  margin-right: auto; margin-top: var(--contImgTitM)}
.treatment_tab_sect .tab_cont .cont .item .txt_box .tit { font-size: var(--tit4); font-weight: 700; }
.treatment_tab_sect .tab_cont .cont .item .txt_box .txt { margin-top: var(--contImgTxtM);}
.treatment_tab_sect .tab_cont .cont .item .list { margin-top: var(--titContM1); }
.treatment_tab_sect .tab_cont .cont .item .list li {display: flex; }
.treatment_tab_sect .tab_cont .cont .item .list li + li {margin-top: var(--titContM2);}
.treatment_tab_sect .tab_cont .cont .item .list li .tit {font-weight: 700; font-size: var(--txt1); min-width: 4em;}
.treatment_tab_sect .tab_cont .cont .item .list li .txt .dot_line + .dot_line {margin-top: 5px;}
.treatment_tab_sect .tab_cont .cont .item .view_more {display: flex; justify-content: center; margin-top: 30px;}
.treatment_tab_sect .tab_cont .cont .item .view_more .btn {background-color: var(--colorBlue2);color: #fff;border-radius: 10em;font-size: 15px;display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;}
.treatment_tab_sect .tab_cont .cont .item .view_more .btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}
.treatment_tab_sect .paging {display: none;}
.treatment_tab_sect .paging .swiper-pagination{ position: relative; max-width: 35%; height: 2.5px; margin: 40px auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden; opacity: 0; transition-delay: 0.2s;}
.treatment_tab_sect.active .paging .swiper-pagination{ opacity: 1; }
.treatment_tab_sect .paging .swiper-pagination-progressbar-fill { background: #002575; border-radius: 10px; }


/* 치료 슬라이드*/
.disease_page .effect_sect,
.treatment_page .effect_sect { padding: var(--sectMt) 0;}


.disease_page .section > div:nth-child(1),
.disease_page .section .sect {padding-top: var(--sectMt) !important; border-top: none;}
.disease_page .section > div.test_banner_sect {padding-bottom: 0;}
.disease_page .section .treatment_landing_wrapper .sect.effect_sect  {padding-top: 0 !important;}
.disease_page .section .treatment_landing_wrapper {}
.disease_page .section .sect.real_review {padding-top: var(--subContPd) !important; margin-top: var(--sectMt);}
.disease_page .section .sect.com_causes_sect {padding-top: 80px !important;}
.disease_page .section .treatment_landing_wrapper .center-item{background: var(--grayBg2);padding: 80px 0;margin-top: var(--contMt) !important;text-align: center;font-size: var(--txt1);font-weight: 600;border-radius: 15px;}
.disease_page .section .center-item {width: var(--subInW); max-width: calc(100% - var(--inPd) * 2);}

.disease_page .effect_sect.empty {padding-top: 0}

.disease_page .com_causes_sect,
.disease_page .commu_sect,
.disease_page .effect_sect,
.disease_page .com_period_sect ,
.disease_page .clinic_case,
.disease_page .com_treatment_sect {padding-top: 0 !important; padding-bottom: 0 !important}

@media screen and (max-width: 1240px) {
    .effect_sect.sticky_type {height:  auto !important;}    
}



/* 치료 슬라이드*/

/* .lumvar_disc_page .sub_cont_tit { font-size: var(--txt2); font-weight: 700; line-height: 1.3; letter-spacing: -1px; } */
.lumvar_disc_page .sub_cont_tit .num { margin-left: 0.2em; color: #306DFF;}
.lumvar_disc_page .vliew_btn {display: flex; align-items: center; font-size: 15px; font-weight: 700; fill: #262F40; }
.lumvar_disc_page .vliew_btn svg { position: relative; display: flex; align-items: center; justify-content: center; width: 0.6em; height: auto; margin-left: 10px;}


/* 치료기간 슬라이드 */

/* 치료기간 슬라이드 */


.disease_page .emergency_sect {}
.disease_page .emergency_sect .emergency_cont_box {margin-top: var(--titContM1); display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 25px 15px;}
.disease_page .emergency_sect .emergency_cont_box .img {overflow: hidden; border-radius: 10px; position: relative; padding-top: 66%;}
.disease_page .emergency_sect .emergency_cont_box .img img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; object-position: center;}
.disease_page .emergency_sect .emergency_cont_box .txt {margin-top: var(--contImgTitM); text-align: center; font-size: var(--txt2); font-weight: 600;}





.no_line {border-top: none !important;}

/*건강가이드*/





.lumvar_disc_page .around_sect { padding: var(--sectMt) 0 0; border-top: 7px solid var(--grayBg1); }
.lumvar_disc_page .around_sect .cont { margin-top: var(--discContPd); }
.lumvar_disc_page .around_sect .cont .map { position: relative; width: 100%; padding-top: 65%; border-radius: 5px; overflow: hidden; }
.lumvar_disc_page .around_sect .cont .map img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.lumvar_disc_page .around_sect .cont .addr_box { display: flex; align-items: flex-start; justify-content: space-between; margin-top: var(--contImgTitM);}

.lumvar_disc_page .around_sect .cont .addr_box .copy { padding: 0.3em 0.6em; border-radius: 5px; font-size: var(--txt3); font-weight: 500; color: #7A8390; background-color: var(--grayBg2); cursor: pointer; display: inline-block;}

.lumvar_disc_page .around_sect .cont .way_box { margin-top: var(--contImgTitM) }
.lumvar_disc_page .around_sect .cont .way_box .box { display: flex; align-items: center; justify-content: flex-start; }
.lumvar_disc_page .around_sect .cont .way_box .box .label { margin-right: 8px; font-size: var(--txt3); }
.lumvar_disc_page .around_sect .cont .way_box .box .label span { display: inline-block; padding: 0.3em 0.6em 0.3em; border-radius: 2em; font-weight: 500; line-height: 1;}
.lumvar_disc_page .around_sect .cont .way_box .box .label.yellow span { background-color: #EBA900; color: #fff; }
.lumvar_disc_page .around_sect .cont .way_box .box .txt { color: #434957; font-size: var(--txt3);}


/* 한약 페이지 */

.ja_herbal_page .sub_cont_tit {opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0s, opacity 0.6s ease-in-out 0s}
.ja_herbal_page .sub_cont_txt {opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0.2s, opacity 0.6s ease-in-out 0.2s}

.ja_herbal_page .sci_txt {margin: 0 auto; opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out }
.ja_herbal_page .sci_txt.active {opacity: 1; transform: unset;}

.ja_herbal_page .sub_cont_tit.active ,
.ja_herbal_page .sub_cont_txt.active {opacity: 1; transform: unset;}

.ja_herbal_page {overflow: hidden;}
.ja_herbal_page .visual_sect {position: relative; border-radius: 15px; overflow: hidden}
.ja_herbal_page .visual_sect .img {clip-path: inset(0 0 100% 0); transition: clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1); padding-top: 110%; position: relative}
.ja_herbal_page .visual_sect .img img {position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; width: 100%; height: 100%}
.ja_herbal_page .visual_sect .txt_box {position: absolute; left: 0px; bottom: 0px; color: #fff; padding: 30px}
.ja_herbal_page .visual_sect .txt_box .line {display: block; width: 30px; height: 1px; background-color: #fff; margin-bottom: var(--titContM2); clip-path: inset(0 100% 0 0); transition: clip-path 0.5s ease-in-out 1s}
.ja_herbal_page .visual_sect .txt_box .desc {font-size: var(--txt1); margin-bottom: 5px ;opacity: 0; transform: translateY(50px) ; transition: transform 0.5s ease-in-out 0.6s, opacity 0.5s ease-in-out 0.6s}
.ja_herbal_page .visual_sect .txt_box .tit {font-size: var(--tit1); line-height: 1.5; font-weight: 700; opacity: 0; transform: translateY(50px) ; transition: transform 0.5s ease-in-out 0.8s, opacity 0.5s ease-in-out 0.8s}

.ja_herbal_page .visual_sect.active .img {clip-path: inset(0 0 0 0);}
.ja_herbal_page .visual_sect.active .txt_box .line {clip-path: inset(0 0 0 0)}
.ja_herbal_page .visual_sect.active .txt_box .desc,
.ja_herbal_page .visual_sect.active .txt_box .tit {opacity: 1; transform: unset}

.ja_herbal_page .txt_sect {padding: 60px 0 var(--sectMt);}
.ja_herbal_page .txt_sect .tit_box {font-size: var(--tit3); line-height: 1.5; margin-bottom: var(--titContM2); font-weight: 700; opacity: 0; transform: translateY(50px); transition: transform 0.6s ease-in-out , opacity 0.6s ease-in-out }
.ja_herbal_page .txt_sect .txt {font-size: var(--txt2);  opacity: 0; transform: translateY(50px); transition: transform 0.6s ease-in-out 0.2s, opacity 0.6s ease-in-out 0.2s}
.ja_herbal_page .txt_sect .txt:nth-child(3) {transition: transform 0.6s ease-in-out 0.4s, opacity 0.6s ease-in-out 0.4s}
.ja_herbal_page .txt_sect .txt:nth-child(4) {transition: transform 0.6s ease-in-out 0.6s, opacity 0.6s ease-in-out 0.6s}
.ja_herbal_page .txt_sect .txt + .txt {margin-top: var(--titContM2)}

.ja_herbal_page .txt_sect .tit_box.active {opacity: 1; transform: unset;}
.ja_herbal_page .txt_sect .txt.active {opacity: 1; transform: unset; }

.ja_herbal_page .slide_sect {padding: var(--sectPd) 0; background-color: var(--grayBg1); margin-top: var(--sectMt);}
.ja_herbal_page .slide_sect .sect_tit_box {text-align: center; }
.ja_herbal_page .slide_sect .sect_tit_box .sub_cont_tit {opacity: 0; transform: translateY(50px) ; transition: transform 1s ease-in-out, opacity 1s ease-in-out }
.ja_herbal_page .slide_sect .sect_tit_box .sub_cont_txt {margin-top: 10px; opacity: 0; transform: translateY(50px); transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s}
.ja_herbal_page .slide_sect .line {margin:var(--titContM1) auto; width: 1px; height: 80px; background-color: #262F40; position: relative}
.ja_herbal_page .slide_sect .line::before {content: ""; position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-color:var(--grayBg1); transition: 0.6s ease-in-out 0.6s;}
.ja_herbal_page .slide_sect .slide_cont + .slide_cont {margin-top: var(--sectMt)}
.ja_herbal_page .slide_sect .slide_cont .cont_tit {display: flex; flex-direction: column; align-items: center; font-size: var(--tit2);margin-top: 10px;background: linear-gradient(to right, var(--colorBlue1) 50%, #DFDFDF 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text ;font-weight: 700;transition: background-position-x 1.5s ease-in;}
.ja_herbal_page .slide_sect .slide_cont .cont_tit .tit {font-size: var(--tit2); text-align: center;}
.ja_herbal_page .slide_sect .slide_cont .cont_tit .txt {font-size: var(--txt1)}
.ja_herbal_page .slide_sect .line + .slide_cont .cont_tit {transition: background-position-x 1.5s ease-in-out 0.8s;}
.ja_herbal_page .slide_sect .slide_cont .cont_box {margin-top: var(--contMt); width: calc(var(--inPd) * 2 + 100%); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden}
.ja_herbal_page .slide_sect .slide_cont .swiper-container {overflow: visible}
.ja_herbal_page .slide_sect .slide_cont .item .img {position: relative; overflow: hidden; border-radius: 15px; padding-top: 64%}
.ja_herbal_page .slide_sect .slide_cont .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.ja_herbal_page .slide_sect .slide_cont .item .txt_box {margin-top: var(--titContM2)}
.ja_herbal_page .slide_sect .slide_cont .item .txt_box .tit {font-weight: 700; font-size: var(--txt1); }
.ja_herbal_page .slide_sect .slide_cont .item .txt_box .txt {margin-top: var(--contImgTxtM); }
.ja_herbal_page .slide_sect .slide_cont .item .txt_box .ref_txt { margin-top: 0.5em; font-size: var(--txt3); color: #7A8390;}



.ja_herbal_page .slide_sect .sect_tit_box.active .sub_cont_tit ,
.ja_herbal_page .slide_sect .sect_tit_box.active .sub_cont_txt {opacity: 1; transform: unset}
.ja_herbal_page .slide_sect .slide_cont .cont_tit.active {background-position-x: 0;}
.ja_herbal_page .slide_sect .line.active:before {height: 0%}

.ja_herbal_page .herd_effect_sect {padding: var(--sectMt) 0; background-color: #4269C5; color: #fff; text-align: center;}

.ja_herbal_page .herd_effect_sect .sect_tit_box {text-align: center; margin-top: var(--titContM1)}
.ja_herbal_page .herd_effect_sect .sect_tit_box .sub_cont_txt {margin-top: 10px}

.ja_herbal_page .herd_effect_sect .cont_box { margin-top: var(--contMt);}
.ja_herbal_page .herd_effect_sect .cont_box .txt_wrap {display: none;}
.ja_herbal_page .herd_effect_sect .cont_box .img_wrap {display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 15px;}
.ja_herbal_page .herd_effect_sect .cont_box .cont {display: block}
.ja_herbal_page .herd_effect_sect .cont_box .img {position: relative; padding-top: 65%; overflow: hidden; border-radius: 10px;}
.ja_herbal_page .herd_effect_sect .cont_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.ja_herbal_page .herd_effect_sect .cont_box .txt_box {display: flex; align-items: center; margin-top: var(--contImgTxtM); font-size: var(--txt2);}
.ja_herbal_page .herd_effect_sect .cont_box .txt_box .txt {  font-weight: 600; }
.ja_herbal_page .herd_effect_sect .cont_box .txt_box .ico {margin-left: 0.5em; width: 1em;height: 1em;flex-shrink: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;}

.ja_herbal_page .rese_btn {display: flex; justify-content: center; margin-top: 40px;}
.ja_herbal_page .rese_btn .btn {background-color: var(--colorBlue1);color: #fff;border-radius: 10em;font-size: 15px;display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out ;}
.ja_herbal_page .rese_btn .btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat; transition: background 0.3s ease-in-out;}

.ja_herbal_page .com_reser_sect {margin-top: 0}

.ja_herbal_page .com_qna_sect  {padding-bottom: 0;}

.modal .modal_cont.herbal .herbal_pop_tit {font-size: var(--tit3); font-weight: 700;}
.modal .modal_cont.herbal .cont_wrap {background-color: var(--grayBg2); padding: 30px var(--inPd) 0; border-radius: 0 0 15px 15px; overflow: hidden;}
.modal .modal_cont.herbal .top_tit_box .txt {font-size: var(--txt3); margin-top: 5px;}
.modal .modal_cont.herbal .indctn_sect {margin-top: 60px}
.modal .modal_cont.herbal .indctn_sect .cont_box {margin-top: var(--contMt); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;}
.modal .modal_cont.herbal .indctn_sect .cont_box.type1 {grid-template-columns: repeat(1,minmax(0,1fr));}
.modal .modal_cont.herbal .indctn_sect .cont_box .cont .img {position: relative; padding-top: 68%; background-color: #858585; border-radius: 10px; overflow: hidden;}
.modal .modal_cont.herbal .indctn_sect .cont_box .cont .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.modal .modal_cont.herbal .indctn_sect .cont_box .cont .txt {margin-top: 5px; font-weight: 600;}

.modal .modal_cont.herbal .effect_sect {margin-top: var(--sectMt); padding-bottom: 50px;}
.modal .modal_cont.herbal .effect_sect .tab_box { display: flex; align-items: center; overflow: auto;  width: 100%;  background-color: #E2E3E9; border-radius: 10px; text-align: center; margin-top: var(--contMt);}
.modal .modal_cont.herbal .effect_sect .tab_box::-webkit-scrollbar { display: none; }
.modal .modal_cont.herbal .effect_sect .tab_box .tab { padding: 0.7em 1em;  color: #6B7B92; border-radius: 10px; font-weight: 700; white-space: nowrap; line-height: 1.6; font-size: var(--txt2); flex: 1;}
.modal .modal_cont.herbal .effect_sect .tab_box .tab.active { color: #fff; background-color:#262F40; }
.modal .modal_cont.herbal .effect_sect .tab_box .tab::after {content: "";position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 1em; background-color: #e3e3e7; z-index: 1;}
.modal .modal_cont.herbal .effect_sect .tab_box .tab.active::after {content: none;}
.modal .modal_cont.herbal .effect_sect .tab_box .tab:last-child:after {content: none;}

.modal .modal_cont.herbal .effect_sect .cont + .cont {margin-top: 15px;}
.modal .modal_cont.herbal .effect_sect .cont {background-color: #fff; padding: 40px 25px; border-radius: 15px;}

.modal .modal_cont.herbal .research_wrap {margin-top: var(--contMt);}
.modal .modal_cont.herbal .research_wrap .cont_tit_box {width: 90%;}
.modal .modal_cont.herbal .tab_cont .research_wrap {display: none; margin-top: 15px;}
/* .modal .modal_cont.herbal .research_wrap + .research_wrap {margin-top: 0;} */
.modal .modal_cont.herbal .research_wrap.active {display: block;}

.modal .modal_cont.herbal .research_view {border: 1px solid #8895A7; border-radius: 10px; padding: 1em 1.5em; font-size: var(--txt3); background-color: #FFFFFF; margin-top: 15px;}
.modal .modal_cont.herbal .research_view .tit_box {display: flex; align-items: center; font-weight: 600; color: #6B7B92;}
.modal .modal_cont.herbal .research_view .tit_box .ex_ico {width: 1em; fill: #6B7B92; display: flex; align-items: center; margin-right: 0.5em;}
.modal .modal_cont.herbal .research_view .tit_box .arr_ico {margin-left: auto; width: 0.9em; display: flex; align-items: center; fill: #6B7B92; transition: transform 0.3s ease-in-out;}
.modal .modal_cont.herbal .research_view .tit_box svg {width: 100%; height: auto;} 


.modal .modal_cont.herbal .research_view .view_cont {padding: 25px 0px ; font-size: var(--txt3); display: none;}
.modal .modal_cont.herbal .research_view .view_cont .view_box + .view_box { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--grayLine); }
.modal .modal_cont.herbal .research_view .view_cont .view_box .tit { font-weight: 700; }
.modal .modal_cont.herbal .research_view .view_cont .view_box .txt { margin-top: 5px; color: #7A8390; }
.modal .modal_cont.herbal .research_view .view_cont .com_info_box {margin-top: 30px}
.modal .modal_cont.herbal .research_view.active .arr_ico{ transform: rotate(180deg);}

/* 보약 모달 */

.modal .modal_cont.tonic_herbal {width: 60rem;}
.modal .modal_cont.tonic_herbal .cont_wrap {background-color: var(--grayBg2); padding: 30px var(--inPd) 50px; border-radius: 0 0 15px 15px; overflow: hidden;}
.modal .modal_cont.tonic_herbal .cont_tit_box .tit {font-size:var(--tit5); font-weight: 700;}
.modal .modal_cont.tonic_herbal .cont_tit_box .txt {margin-top: 5px; ;}
.modal .modal_cont.tonic_herbal .cont_tit_box + .img {margin-top: 30px;}
.modal .modal_cont.tonic_herbal .badge_box {display: flex; align-items: center; justify-content: center ;margin-top: 30px;}
.modal .modal_cont.tonic_herbal .badge_box .badge {width: 80px;}
.modal .modal_cont.tonic_herbal .badge_box .txt_box {margin-left: 20px; text-align: center;}
.modal .modal_cont.tonic_herbal .badge_box .txt_box .txt {font-size: var(--txt1); font-weight: 600;}
.modal .modal_cont.tonic_herbal .badge_box .btn_box {margin-top: 15px; display: flex; justify-content: center;}
.modal .modal_cont.tonic_herbal .recom_txt_box {margin-top: 40px;}
.modal .modal_cont.tonic_herbal .recom_txt {margin-top: 20px; margin-bottom: 20px; }
.modal .modal_cont.tonic_herbal .recom_txt .left_box {width: 5em; flex-shrink: 0; margin-right: 10px;}
.modal .modal_cont.tonic_herbal .recom_txt .badge {display: block; border-radius: 5px; background-color: #4269C5; font-weight: 500; padding: 0.25em 0.5em; color: #fff; text-align: center;}
.modal .modal_cont.tonic_herbal .recom_txt .list {margin-top: 10px;}



/* 신바로 한약 페이지 */

.shinbaro_herba_page .sticky_sect_wrap {padding: var(--sectMt) 0;}
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box {text-align: center;}
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .sub_cont_tit {margin-top: var(--titContM1);}
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info { display: inline-flex; align-items: center; justify-content: flex-start; margin-top: var(--contImgTitM); font-size: var(--txt3); color: #7A8390; fill: #7A8390; font-weight: 600; cursor: pointer; opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0.4s, opacity 0.6s ease-in-out 0.4s}
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info .ico { margin-right: 0.4em; }
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info .ico svg { display: flex; align-items: center; justify-content: center; }
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info .txt { margin-top: 0; }
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info .arr { margin-left: 5px; width: 0.5em;}
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info .arr svg {display: flex; align-items: center; justify-content: center; height: auto; width: 100%;}
.shinbaro_herba_page .sticky_sect_wrap .sect_tit_box .info.active {opacity: 1; transform: unset;}

.shinbaro_herba_page .tre_eff_sect { }




.shinbaro_herba_page .tre_eff_sect .cont_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 50px; opacity: 0; transform: translateY(100px) ; transition: transform 0.6s ease-in-out 0.6s, opacity 0.6s ease-in-out 0.6s}
.shinbaro_herba_page .tre_eff_sect .cont_box .cont {display: flex; flex-direction: column; padding: 1.5rem; border-radius: 1rem; background-color: #F3F4F8; text-align: left;}
.shinbaro_herba_page .tre_eff_sect .cont_box .cont .txt_box .num {font-size: var(--txt3); font-weight: 600;}
.shinbaro_herba_page .tre_eff_sect .cont_box .cont .txt_box .tit { font-weight: 700;}
.shinbaro_herba_page .tre_eff_sect .cont_box .cont .img {width: 60px; margin-left: auto; margin-top: -20px;}

.shinbaro_herba_page .tre_eff_sect .cont_box.active {opacity: 1; transform: unset;}

.shinbaro_herba_page .effect_sect {margin-top: var(--sectMt); opacity: 0; transform: translateY(100px) ; transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s}
.shinbaro_herba_page .effect_sect.active {opacity: 1; transform: translateY(0);}



.shinbaro_herba_page .research_wrap,
.shinbaro_herba_page .research_wrap .graph_container {margin-top: 0;}

.shinbaro_herba_page .recipe_sect { padding: var(--sectPd) 0; background-color: #4269C5; color: #fff;}
.shinbaro_herba_page .recipe_sect .sect_tit_box {text-align: center;}
.shinbaro_herba_page .recipe_sect .line {position: relative;margin: var(--titContM1) auto;width: 1px;height: 80px;background-color: #fff;}
.shinbaro_herba_page .recipe_sect .line::before {content: ""; position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-color:#4269C5; transition: 0.6s ease-in-out 0.6s;}
.shinbaro_herba_page .recipe_sect .line.active::before {height: 0%;}
.shinbaro_herba_page .recipe_sect .cont + .cont {margin-top: var(--sectMt)}
.shinbaro_herba_page .recipe_sect .slide_img {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden;}
.shinbaro_herba_page .recipe_sect .slide_img .swiper-container {overflow: visible;}
.shinbaro_herba_page .recipe_sect .slide_img .img {position: relative; padding-top: 64%; border-radius: 10px; overflow: hidden;}
.shinbaro_herba_page .recipe_sect .slide_img .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.shinbaro_herba_page .recipe_sect .slide_img .paging {display: none;}
.shinbaro_herba_page .recipe_sect .txt_box {margin-top: 15px;}
.shinbaro_herba_page .recipe_sect .txt_box .tit {font-size: var(--tit3); font-weight: 700;}
.shinbaro_herba_page .recipe_sect .txt_box .desc {display: flex; align-items: center;margin-top: 15px;}
.shinbaro_herba_page .recipe_sect .txt_box .desc .badge {padding: 0.3em 0.7em; background-color: #173394; color: #fff; font-weight: 500; border-radius: 0.5em; margin-right: 0.5em;}
.shinbaro_herba_page .recipe_sect .txt_box .txt {margin-top: 15px;}

/* 보약 페이지 */

.byak_page .type_sect {padding: var(--sectMt) 0; }
.byak_page .type_sect .sect_tit_box {text-align: center;}
.byak_page .type_sect .slide {width: calc(100% + var(--inPd) * 2); padding:0 var(--inPd); margin-left: calc(var(--inPd) * -1); padding-bottom: 20px; margin-top: 50px; overflow: hidden;}
.byak_page .type_sect .slide .swiper-container {overflow: visible; }
.byak_page .type_sect .slide .item {display: inline-flex; align-items: center; width: auto; padding: 0.7em 1em; margin-top: 15px; border-radius: 0.7em; background-color: var(--blueBg); transition: margin-top 0.3s ease-in-out;}
.byak_page .type_sect .slide .item.swiper-slide-active,
.byak_page .type_sect .slide .item.swiper-slide-duplicate-active {margin-top: 0;}
.byak_page .type_sect .slide .item:before {content: '';position: absolute;right: 15%;bottom: 2px;width: 22px;height: 22px;transform: translate(0%,100%);display: block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="89.922" height="52.256" viewBox="0 0 89.922 52.256"><path id="패스_7635" data-name="패스 7635" d="M18.1,0,9.666,9.353h7.623C28.194,35.2-.251,52.256,0,52.256c45.055,0,73.343-24.433,88.289-42.9h1.632L84.059,0Z" transform="translate(-0.001)" fill="%23e4effd"/></svg>') no-repeat center top / contain;}

.byak_page .type_sect .slide .item .img {position: relative; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;;}
.byak_page .type_sect .slide .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.byak_page .type_sect .slide .item .txt {font-weight: 700; color: #173394; margin-left: 1em;}


.byak_page .test_sect .sect_bg {padding: var(--sectMt) var(--inPd); background-color: var(--grayBg1); border-radius: 15px;}
.byak_page .test_sect {}
.byak_page .test_sect .sect_tit_box {text-align: center;}
.byak_page .test_sect .badge {background-color: #fff; border-radius: 0.5em; font-size: var(--txt); font-weight: 700; padding: 0.5em 1em; color: #1C2D70; display: inline-flex; align-items: center; margin-bottom: var(--titContM2);}
.byak_page .test_sect .badge .pen {width: 1.4em; margin-right: 0.5em;}

.byak_page .test_sect .cont_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px 15px; margin-top: 50px;}
.byak_page .test_sect .cont_box .img {border-radius: 10px; overflow: hidden; position: relative; padding-top: 75%;}
.byak_page .test_sect .cont_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.byak_page .test_sect .cont_box .txt_box {margin-top: var(--titContM2); text-align: center;}
.byak_page .test_sect .cont_box .txt_box .tit {font-size: var(--txt1); font-weight: 700; margin-bottom: 5px;}

.byak_page .test_sect .test_btn {display: flex;justify-content: center;margin-top: 40px;}
.byak_page .test_sect .test_btn .btn {background-color:#fff; color: #262F40;border-radius: 10em;font-size: var(--txt2);display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;}
.byak_page .test_sect .test_btn .btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262F40"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}


.byak_page .com_treatment_sect .tab_cont {margin-top: 15px;}
.byak_page .com_treatment_sect .tab_cont .cont .item .img {width: 90%;}
.byak_page .com_treatment_sect .tab_cont .cont .item .txt_box {width: 80%;}
.byak_page .com_treatment_sect .swiper-slide-prev {transform: translateX(10%);}
.byak_page .com_treatment_sect .swiper-slide-next {transform: translateX(-10%);}

.byak_page .custom_sect {background-color: #4269C5; color: #fff; padding: var(--sectMt) 0; margin-top: var(--sectMt);}
.byak_page .custom_sect .sect_tit_box {text-align: center;}
.byak_page .custom_sect .line {margin:var(--titContM1) auto; width: 1px; height: 80px; background-color: #FFFFFF; position: relative}
.byak_page .custom_sect .line::before {content: ""; position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-color:#4269C5; transition: 0.6s ease-in-out 0.6s;}
.byak_page .custom_sect .line.active::before {height: 0%;}

.byak_page .custom_sect .slide_wrap {margin-top: -30px;}
.byak_page .custom_sect .img_slide {width: calc(100% + var(--inPd) * 2); padding:0 var(--inPd); margin-left: calc(var(--inPd) * -1); overflow: hidden; position: relative; z-index: 3; }
.byak_page .custom_sect .img_slide.pc {display: none;}
.byak_page .custom_sect .img_slide .swiper-container {overflow: visible;}
.byak_page .custom_sect .img_slide .img { transition: 0.75s ease-in-out; will-change: transform;}
.byak_page .custom_sect .img_slide .swiper-slide-duplicate-active .img,
.byak_page .custom_sect .img_slide .swiper-slide-active .img {transform: scale(0.8);}

.byak_page .custom_sect .img_slide .swiper-slide-duplicate-next .img,
.byak_page .custom_sect .img_slide .swiper-slide-next .img {transform-origin: left center; transform: scale(0.4) translateX(-10%);}

.byak_page .custom_sect .img_slide .swiper-slide-duplicate-prev .img,
.byak_page .custom_sect .img_slide .swiper-slide-prev .img {transform-origin: right center; transform: scale(0.4) translateX(10%);}

.byak_page .custom_sect .img_slide .img {display: flex; align-items: center;}
.byak_page .custom_sect .img_slide .img img {width: 100%;}


.byak_page .custom_sect .txt_slide {margin-top: -100px;}
.byak_page .custom_sect .txt_slide .cont_box {padding: 80px 30px 0;background-color: #173394; border-radius: 15px 15px 0 0; height: auto; display: flex; flex-direction: column;}
.byak_page .custom_sect .txt_slide .cont_box .tit_box .tit {font-size: var(--tit2); font-weight: 700;}
.byak_page .custom_sect .txt_slide .cont_box .tit_box .txt {margin-top: 5px; font-weight: 500;}
.byak_page .custom_sect .txt_slide .cont_box .recom_txt {margin-top: 20px; margin-bottom: 30px;}
.byak_page .custom_sect .txt_slide .cont_box .recom_txt .badge {display: inline-block; border-radius: 5px; background-color: #4269C5; font-weight: 500; padding: 0.25em 0.5em;}
.byak_page .custom_sect .txt_slide .cont_box .recom_txt .list {margin-top: 15px;}
.byak_page .custom_sect .txt_slide .btm_btn {margin-top: auto; background-color: #0D2578; font-size: 15px; font-weight: 600; border-radius: 0 0 15px 15px; display: flex; align-items: center; justify-content: center; padding: 1em 0;}
.byak_page .custom_sect .txt_slide .btm_btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}

.byak_page .custom_sect .txt_slide .com_info_box {display: none;}

.byak_page .custom_sect .com_info_box {margin-top:  30px;  background-color: rgba(243,248,254,0.3); color: #fff;}
.byak_page .custom_sect .com_info_box .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}

.byak_page .custom_sect .txt_slide .paging { position: relative; max-width: 35%; height: 2.5px; margin: 30px auto 0; background: rgba(44,68,160,0.2); border-radius: 5em; overflow: hidden; margin-top: 20px; display: none;}
.byak_page .custom_sect .txt_slide .paging .swiper-pagination-progressbar-fill { background:rgba(44,68,160,1); border-radius: 10px; }






/* 첩약건강보험 페이지 */
.hins_page .benefit_sect {padding: var(--subContPd) 0; background-color: #F3F4F8; margin-top: var(--subContPd);}


.hins_page .benefit_sect .line {margin:var(--titContM1) auto; width: 1px; height: 80px; background-color: #173394; position: relative}
.hins_page .benefit_sect .line::before {content: ""; position: absolute; left: -1px; bottom: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-color:#F3F4F8; transition: 0.6s ease-in-out 0.6s }
.hins_page .benefit_sect .line.active::before {height: 0%; }

.hins_page .benefit_sect .top_box {text-align: center;}
.hins_page .benefit_sect .top_box .video {width: 100%; max-width: 840px; position: relative; overflow: hidden; border-radius: 15px; margin: var(--titContM0) auto 0; opacity: 0; transform: translateY(var(--titContM1)) ; transition: transform 0.6s ease-in-out 0s, opacity 0.6s ease-in-out 0s}
.hins_page .benefit_sect .top_box .video.active {opacity: 1; transform: unset;}
.hins_page .benefit_sect .top_box .video .img {position: relative; padding-top: 56.25%;}
.hins_page .benefit_sect .top_box .video .img img,
.hins_page .benefit_sect .top_box .video .img iframe {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; left: 0; top: 0;}
.hins_page .benefit_sect .top_box .video img {width: 100%;}
.hins_page .benefit_sect .cont_box {background-color: #fff; border-radius: 15px; padding: 3.5rem 3rem; opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0.3s, opacity 0.6s ease-in-out .3s}
.hins_page .benefit_sect .cont_box.active {opacity: 1; transform: unset;}
.hins_page .benefit_sect .cont_box .cont {padding-bottom: 20px; border-bottom:  1px dotted #7B7B7B;}
.hins_page .benefit_sect .cont_box .cont + .cont {padding-top: 20px;}
.hins_page .benefit_sect .cont_box .cont .pc_img {display: none;}
.hins_page .benefit_sect .cont_box .tit_box {text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.hins_page .benefit_sect .cont_box .tit_box .chk_ico {width: var(--tit5); fill: #3670F1;}
.hins_page .benefit_sect .cont_box .tit_box .tit {font-size: var(--tit5); font-weight: 700;}
.hins_page .benefit_sect .cont_box .tit_box .txt {font-size: var(--txt3); margin-top: 5px;}
.hins_page .benefit_sect .cont_box .txt_box {display: flex; align-items: center; margin-top: var(--titContM1);}
.hins_page .benefit_sect .cont_box .txt_box .img {width: 65px; flex-shrink: 0;}
.hins_page .benefit_sect .cont_box .txt_box .img img {width: 100%;}
.hins_page .benefit_sect .cont_box .txt_box .txt {margin-left: 15px; font-size: var(--txt3);}
.hins_page .benefit_sect .cont_box .txt_box .txt .color {color: #3670F1; font-weight: 700;}
.hins_page .benefit_sect .cont_box .txt_box .txt .arr_ico {fill: #3670F1; ;}
.hins_page .benefit_sect .cont_box .txt_box .txt .arr_ico svg {width: 1.2em; height: auto; vertical-align: sub; margin: 0 0.25em;}
.hins_page .benefit_sect .com_info_box {margin-top: 15px;}





.six_diseases_sect {padding: var(--sectMt) 0;}
.six_diseases_sect .sub_cont_tit  {text-align: center;}
.insurSect2Nitems { display:flex; white-space:nowrap; gap:12px; padding: 0 var(--inPd); margin-top:var(--contMt); overflow: hidden;overflow-x: auto;}
.insurSect2Nitems::-webkit-scrollbar {display: none;}
.insurSect2Nitem.active::before {width: 132px;height: 164px;border: 0;background: url(/images/asidesub/insur2-bx-hv.png) no-repeat;background-size: 100% auto;top: 0;box-shadow: none}


.insurSect2Nitem { display:block; width:120px; height:164px; border-radius:10px; padding-top:2px; display: block; position: relative;}
.insurSect2Nitem.active .desc {background-color: #fff;}
.insurSect2Nitem.active .desc::after {border: 2px solid var(--colorBlue2); }
.insurSect2Nitem.active .trangle {opacity: 1;}
.insurSect2Nitem .desc { width:120px; margin:0 auto; }

.insurSect2Nitem .desc { padding:15px 0 17px;border-radius: 10px; background-color: #fcfeff; position: relative;}
.insurSect2Nitem .desc::after {content: "";position: absolute; inset: 0; border-radius: 10px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.05);border: solid 1px #b5e8ff;}


.insurSect2Nitem .trangle {width: 7%; padding-top: 7%; background-color: var(--colorBlue2); border-radius: 50%; position: absolute; left: 50%; transform: translate(-50%,0%); bottom: 0px; opacity: 0;}


.insurSect2Nitem .desc::before { content:''; display:block; width:82px; height:82px; margin:0 auto; }
.insurSect2Nitem .desc1::before { background:url(/inc/img/sub/insur2-ico01@2x.png) no-repeat 50% 50%; background-size:auto 82px; }
.insurSect2Nitem .desc2::before { background:url(/inc/img/sub/insur2-ico02@2x.png) no-repeat 50% 50%; background-size:auto 82px; }
.insurSect2Nitem .desc3::before { background:url(/inc/img/sub/insur2-ico03@2x.png) no-repeat 50% 50%; background-size:auto 82px; }
.insurSect2Nitem .desc4::before { background:url(/inc/img/sub/insur2-ico04@2x.png) no-repeat 50% 50%; background-size:auto 82px; }
.insurSect2Nitem .desc5::before { background:url(/inc/img/sub/insur2-ico05@2x.png) no-repeat 50% 50%; background-size:auto 82px; }
.insurSect2Nitem .desc6::before { background:url(/inc/img/sub/insur2-ico06@2x.png) no-repeat 50% 50%; background-size:auto 82px; }

.insurSect2Nitem .tit { display:block; text-align:center; font-size:16px; letter-spacing:-1px; color:#333; line-height:1.31; margin-top:5px; }
.insurSect2NitemConts { padding:2px var(--inPd) 0; margin-top: 20px}
.insurance2Ncont { border-radius:10px; box-shadow:0 3px 4px rgba(0,0,0,0.15); background-color:var(--colorBlue2); padding:20px 20px 25px; }
.insurance2Ncont__top .desc1 { display:flex; align-items:center; }
.insurance2Ncont__top .desc1::before { content:''; display:block; width:54px; height:54px; background:url(/inc/img/sub/insur-medi@2x.png) no-repeat 50% 50%; background-size:cover; border-radius:50%; }
.insurance2Ncont__top .desc1__con { padding-left:8px; }
.insurance2Ncont__top .desc1__con h5 { color:#fff; font-size:var(--tit5); letter-spacing:-0.8px; font-weight:700; }
.insurance2Ncont__top .desc1__con p { color:#fff; font-size:var(--txt3); font-weight:300; }
.insurance2Ncont__top .desc2 { font-size:var(--txt2); line-height:1.56; letter-spacing:-0.72px; color:#fff; font-weight:700; margin-top:18px; word-break:keep-all; }
.insurance2Ncont__btm { margin-top:20px; }
.insurance2Ncont__btm a { display:flex; justify-content:center; align-items:center; font-size:var(--txt3); color:#333; border-radius:5px; background-color:#fff; padding:9px; }
.insurSect2NitemConts > div { display:none; }
.insurSect2NitemConts > div:nth-child(1) { display:block; }
.insurSect2NitemNoti { text-align:center; padding:12px 28px 0; font-size:14px; font-weight:300; line-height:1.43; }




.hins_page .hins_app_sect {padding: var(--sectMt) 0; display: none;}
.hins_page .hins_app_sect .sect_tit_box {text-align: center;}
.hins_page .hins_app_sect .tab_box {display: flex;align-items: center;overflow: auto;width: calc(100% + var(--inPd)) * 2;margin: 0px calc(var(--inPd) * -1) 0;padding: 0 var(--inPd); margin-top: 50px;}
.hins_page .hins_app_sect .tab_box::-webkit-scrollbar {display: none;}
.hins_page .hins_app_sect .tab_box .tab {white-space: nowrap; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
.hins_page .hins_app_sect .tab_box .tab +.tab {margin-left: 25px;}
.hins_page .hins_app_sect .tab_box .tab .img {width: 80px;border: 3px solid  transparent; border-radius: 50%;}
.hins_page .hins_app_sect .tab_box .tab .img img {width: 100%;}
.hins_page .hins_app_sect .tab_box .tab .txt {margin-top: 10px; font-weight: 500; font-size: var(--txt3);}
.hins_page .hins_app_sect .tab_box .tab.active .img {border: 3px solid #173394;}
.hins_page .hins_app_sect .tab_box .tab.active .txt {font-weight: 700;}
.hins_page .hins_app_sect .cont {width: calc(100% + var(--inPd) * 2);margin-left: calc(var(--inPd) * -1);margin-top:var(--titContM1);transition: opacity 0.5s, transform 0.5s;}
.hins_page .hins_app_sect .cont .swiper-container {padding: 0 var(--inPd);}
.hins_page .hins_app_sect .cont .swiper-slide {
    transition: transform 0.3s;
}
.hins_page .hins_app_sect .cont .img {position: relative; width: 90%; }
.hins_page .hins_app_sect .cont .img img {width: 100%;}
.hins_page .hins_app_sect .cont .txt_box {margin-top: 15px; width: 80%;}
.hins_page .hins_app_sect .cont .txt_box .tit {font-size: var(--tit3); font-weight: 700;}
.hins_page .hins_app_sect .cont .txt_box .desc { color: #7A8390; margin-top: 10px;}
.hins_page .hins_app_sect .cont .txt_box .txt {margin-top:10px;}

.hins_page .hins_app_sect .cont .swiper-slide-prev {transform: translateX(10%);}
.hins_page .hins_app_sect .cont .swiper-slide-next {transform: translateX(-10%);}


.hins_page .hins_app_sect .cont .swiper-slide-active .txt_box .tit {color: var(--colorBlue1); text-decoration: underline;text-underline-position: under;text-underline-offset: 2px;}

.hins_page .hins_app_sect .btn_box {display: flex;justify-content: flex-start;margin-top: 25px;}
.hins_page .hins_app_sect .btn_box .btn {background-color:var(--colorBlue1); color: #fff;border-radius: 10em;font-size: 15px;display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;}
.hins_page .hins_app_sect .btn_box .btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}

.hins_page .spe_sect {background-color: #4269C5; padding: var(--sectPd) 0; color: #fff;}
.hins_page .spe_sect .sect_tit_box {text-align: center;}
.hins_page .spe_sect .video_box { position: relative; border-radius: 15px; overflow: hidden; margin: 25px auto 0; max-width: 840px; }
.hins_page .spe_sect .video_box .img {padding-top: 56.25%;}
.hins_page .spe_sect .video_box iframe,
.hins_page .spe_sect .video_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: 0.3s ease-in-out;}
.hins_page .spe_sect .video_box iframe {opacity: 0;}
.hins_page .spe_sect .video_box.play iframe {opacity: 1;}
.hins_page .spe_sect .video_box.play .com_play_bg {opacity: 0; pointer-events: none;}


.hins_page .spe_sect .because_cont {margin-top: var(--sectMt);}
.hins_page .spe_sect .because_cont .cont_box {margin-top: 30px;}
.hins_page .spe_sect .because_cont .cont_box .cont {background-color: #fff; display: flex; align-items: center; border-radius: 15px; padding: 30px 20px; opacity: 0; transform: translateY(50px) ; transition: transform 0.6s ease-in-out 0s, opacity 0.6s ease-in-out 0s}
.hins_page .spe_sect .because_cont .cont_box .cont:nth-child(2) {transition-delay: 0.2s;}
.hins_page .spe_sect .because_cont .cont_box .cont:nth-child(3) {transition-delay: 0.4s;}

.hins_page .spe_sect .because_cont .cont_box.active .cont {opacity: 1; transform: unset;}
.hins_page .spe_sect .because_cont .cont_box .cont + .cont {margin-top: 15px;}
.hins_page .spe_sect .because_cont .cont_box .cont .img {width: 80px; flex-shrink: 0;}
.hins_page .spe_sect .because_cont .cont_box .cont .img img {width: 100%;}
.hins_page .spe_sect .because_cont .cont_box .cont .txt_box {margin-left: 20px;}
.hins_page .spe_sect .because_cont .cont_box .cont .txt_box .tit {font-size: var(--tit5); font-weight: 700; color: #173394; line-height: 1.4;}
.hins_page .spe_sect .because_cont .cont_box .cont .txt_box .txt {font-size: var(--txt3); color: #262F40;}

.hins_page .banner_sect {position: relative; padding-top: max(350px,100%);}
.hins_page .banner_sect .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.hins_page .banner_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.hins_page .banner_sect .sect_tit_box {position: absolute; top: 15%; left: var(--inPd); color: #fff;}

.hins_page .banner_sect .btn_box { position: absolute; bottom: 15%; left: var(--inPd); display: flex;justify-content: flex-start}
.hins_page .banner_sect .btn_box .btn {background-color:#fff; color: #262F40;border-radius: 10em;font-size: 15px;display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;}
.hins_page .banner_sect .btn_box .btn .ico {width: 0.9em;height: 0.9em;margin-left: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23262f40"><path d="M320 0L288 0l0 64 32 0 82.7 0L201.4 265.4 178.7 288 224 333.3l22.6-22.6L448 109.3l0 82.7 0 32 64 0 0-32 0-160 0-32L480 0 320 0zM32 32L0 32 0 64 0 480l0 32 32 0 424 0 32 0 0-32 0-128 0-32-64 0 0 32 0 96L64 448 64 96l96 0 32 0 0-64-32 0L32 32z"/></svg>') no-repeat center / contain;}








/* 질환 비교 테이블  */
.disease_page .dif_tbl_sect {padding-bottom: 0;}
.dif_tbl_sect { padding-bottom: var(--sectMt);}
.dif_tbl_sect .sub_cont_txt { margin-top: 5px; color: #3C3C3C; }
.dif_tbl_sect .tbl_wrap { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0px 7px; align-items: flex-start; margin-top: var(--contMt); }
.dif_tbl_sect .tbl_wrap .th { position: relative; padding: 1em 5px;font-size: var(--tit3); font-weight: 700; color: #fff; background-color: var(--colorBlue1); text-align: center; border-radius: 10px 10px 0 0; }
.dif_tbl_sect .tbl_wrap .th.type2 { background-color: var(--colorBlue2); }
.dif_tbl_sect .tbl_wrap .th.type3 { background-color: var(--colorBlue1); }
.dif_tbl_sect .tbl_wrap .th::before {content: ""; display: block; position: absolute; left: 50%; bottom: 0; width:80%; height: 1px; background-color: #fff; transform: translateX(-50%);}
.dif_tbl_sect .tbl_wrap .td_line {display: grid; grid-column: 1 / 3; grid-template-columns: repeat(2,minmax(0,1fr)) ; gap: 0 7px;}
.dif_tbl_sect .tbl_wrap .td_line:last-child .td {border-radius: 0 0 10px 10px; padding-bottom: 2em;}
.dif_tbl_sect .tbl_wrap .td_line .td {border-radius:  0;}
.dif_tbl_sect .tbl_wrap .td { position: relative; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; height: 100%; padding: 2em 0.5em 0; font-size: var(--txt2); color: #fff; text-align: center; background-color: var(--colorBlue1); }
.dif_tbl_sect .tbl_wrap .td .badge {display: inline-block; font-size: var(--txt2); font-weight: 700; background-color: var(--colorBlue1); border-radius: 10em; padding: 0.4em 1em; margin-bottom: 10px;}
.dif_tbl_sect .tbl_wrap .td.type2 {background-color: var(--colorBlue2);}
.dif_tbl_sect .tbl_wrap .td.type3 {background-color: var(--colorBlue1);}
.dif_tbl_sect .tbl_wrap .td .rect_chk {margin-bottom: 10px;}
.dif_tbl_sect .tbl_wrap .td .rect_chk svg {width: 1.5em; height: auto;}
.dif_tbl_sect .tbl_wrap .td .ico {width: 1em; height: 1em; width: block;margin-bottom: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.433" height="31.433" viewBox="0 0 41.433 31.433"><path data-name="패스 6916" d="M147.1,154.934l-15,15a.628.628,0,0,1-1,0l-6-6a5.519,5.519,0,0,0-8,0,6.757,6.757,0,0,0,0,9l11,10a5.519,5.519,0,0,0,8,0l4-4,15-15a6.757,6.757,0,0,0,0-9,5.519,5.519,0,0,0-8,0" transform="translate(-115.387 -153.217)" fill="%23fff"/></svg>') no-repeat center / contain;}
.dif_tbl_sect .tbl_wrap .td.type2 .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.433" height="31.433" viewBox="0 0 41.433 31.433"><path data-name="패스 6916" d="M147.1,154.934l-15,15a.628.628,0,0,1-1,0l-6-6a5.519,5.519,0,0,0-8,0,6.757,6.757,0,0,0,0,9l11,10a5.519,5.519,0,0,0,8,0l4-4,15-15a6.757,6.757,0,0,0,0-9,5.519,5.519,0,0,0-8,0" transform="translate(-115.387 -153.217)" fill="%2300C9CA"/></svg>') no-repeat center / contain;}
.dif_tbl_sect .tbl_wrap .vs {position: absolute;left: 50%;top: var(--tit3);transform: translate(-50%,0);font-size: var(--tit5);width: 2em;height: 2em;border-radius: 50%;color: #fff;font-weight: 700;background-color: var(--colorMint);z-index: 3;display: flex;align-items: center;justify-content: center; line-height: 1}
.dif_tbl_sect .tbl_wrap .vs.type2 {background-color: var(--colorMint);}

.tbl_wrap.type2 .td_tit {position: absolute; right: -3.5px; top: 1.2em; transform: translateX(50%);}

.tbl_wrap.type2 .td {padding: 4em 0.5em 0;}
.tbl_wrap.type2 .td.pd2 {padding-top: 2em}
.tbl_wrap.type2 .td .td_tit {padding: 0.5em 1em; background-color: var(--grayBg1); border-radius: 60px; color: #262F40; font-weight: 700; font-size: 15px; z-index: 2; line-height: 1.3;}

.treatment_page .dif_tbl_sect .tbl_wrap .td:nth-last-of-type(1),
.treatment_page .dif_tbl_sect .tbl_wrap .td:nth-last-of-type(2) {border-radius: 0 0 10px 10px; padding-bottom: 2em;}



.lumvar_disc_page .effect_sect .research_wrap .graph_container .item.temp_item { padding: 0; }
.modal.research .modal_cont .li_cont .info { font-size: var(--smTxt1); margin-top: 20px; text-indent: -0.85em; padding-left: 0.85em; }



/* 치료법 */

.treatment_page .treat_why_sect { padding: var(--subContPd) 0; background-color: #F3F4F8; display: none;}
.treatment_page .treat_why_sect .why_cont { margin-top: var(--contMt); }
.treatment_page .treat_why_sect .why_cont .box { position: relative; padding: 20px 20px 20px; background-color: #fff; border-radius: 15px; }
.treatment_page .treat_why_sect .why_cont .box + .box { margin-top: 14px; }
.treatment_page .treat_why_sect .why_cont .box .ico { width: 70px; margin-left: auto; position: absolute; top: 20px; right: 20px;}
.treatment_page .treat_why_sect .why_cont .box .ico svg { width: 100%; object-fit: contain; }
.treatment_page .treat_why_sect .why_cont .box .txt_box{margin-top: 30px;word-break: break-all}
.treatment_page .treat_why_sect .why_cont .box .txt_box .tit { font-size: var(--tit4); font-weight: 700; line-height: 1.5}
.treatment_page .treat_why_sect .why_cont .box .txt_box .txt {margin-top: 10px;}
.treatment_page .treat_why_sect .why_cont .box .txt_box .txt br{display: none;}
.treatment_page .treat_why_sect .why_cont .box .txt_box .desc { margin-top: 10px; line-height: 1; font-size: var(--smTxt1); color: #6B7B92; display: flex; align-items: center;}
.treatment_page .treat_why_sect .why_cont .box .txt_box .desc:before {content:''; position: relative; display:inline-block; width: 1em; height: 1em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ADB2BE"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}

.treatment_page .since_slide_sect {padding: 100px 0 var(--subContPd); background-color: #EEF2FC;}
.treatment_page .since_slide_sect .since_slide {margin-top: 40px;}


.treatment_page .point_box_sect {margin-top: 50px;}
.treatment_page .point_box_sect .cont_box {margin-top: var(--contMt);}
.treatment_page .point_box_sect .cont_box .box {display: flex; align-items: center; background-color:var(--grayBg2); border-radius: 15px; padding: 1.2em 1em;}
.treatment_page .point_box_sect .cont_box .box .img_box{width:2.9em; margin-right: 25px; flex-shrink: 0}
.treatment_page .point_box_sect .cont_box .box .txt_box{color:#262F40;}
.treatment_page .point_box_sect .cont_box .box .txt_box .tit{font-size: var(--txt1); font-weight: 600;}
.treatment_page .point_box_sect .cont_box .box .txt_box .txt{font-size: var(--txt3); margin-top: 0.2em;}
.treatment_page .point_box_sect .cont_box .box .txt_box .txt br {display: none}
.treatment_page .point_box_sect .cont_box .box + .box {margin-top: 10px;}
.treatment_page .point_box_sect .cont_tit_box .tit{font-size: var(--tit2);}
.treatment_page .point_box_sect .cont_tit_box .txt{color:#262F40;}



/* 마진탐 뻈음 추나요법에서 */
.treatment_page .treatment_banner_sect { position: relative; background-color: #C3ECFE; padding: 35px var(--inPd) 100px; border-radius: 15px; overflow: hidden;}

.treatment_page .treatment_banner_sect .tit { font-size: var(--tit3); font-weight: 700; }
.treatment_page .treatment_banner_sect .txt { font-size: var(--txt2); margin-top: 10px; font-weight: 700; color: #2485AE;}
.treatment_page .treatment_banner_sect .info { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 35px; font-size: var(--smTxt1); color: #2485AE; opacity: 0.7;}
.treatment_page .treatment_banner_sect .info .ico { width: 1em; height: 1.6em; margin-right: 5px;  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%232485AE"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0-24 0 0-48 24 0 48 0 24 0 0 24 0 88 8 0 24 0 0 48-24 0-80 0-24 0 0-48 24 0zm72-144l-64 0 0-64 64 0 0 64z"/></svg>')center/contain no-repeat; }
.treatment_page .treatment_banner_sect .bg_ico { position: absolute; bottom: 0; right: 0; width: 60%; height: auto; transform: translate(10%, 31%); }

.treatment_page  .dif_tbl_sect {padding: var(--sectMt) 0; background-color: #fff;}


.com_tab_part_sect { padding: var(--subContPd) 0; margin-top:var(--sectMt); background-color: #EEF2FC; }
.com_tab_part_sect.bg_wh { background-color: #fff; }
.com_tab_part_sect.mt_none { margin-top:0; }
.com_tab_part_sect .sub_cont_tit_box .ico {display: inline-block; width: 36px; height: 36px; margin-bottom: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="108" height="108" viewBox="0 0 108 108"><g transform="translate(-0.303 -0.172)"><path d="M54.3.172a54,54,0,1,1-54,54,53.787,53.787,0,0,1,54-54" fill="%232F6BF0" fill-rule="evenodd"/><path d="M197.016,177.113a7.83,7.83,0,0,0-5,2l-18,18c-.243.243.243.243,0,0l-6-6a7.854,7.854,0,0,0-5-2,7.071,7.071,0,0,0-6,6,7.854,7.854,0,0,0,2,5l15,15,27-27a6.514,6.514,0,0,0,0-9,5.485,5.485,0,0,0-4-2" transform="translate(-125.713 -141.942)" fill="%23fff"/></g></svg>') no-repeat center / contain;}
.com_tab_part_sect .sub_cont_tit_box {text-align: center;}

.com_tab_part_sect .tab_wrap {position: sticky; top: -1px;  z-index: 5; display: flex; align-items: center; justify-content: space-around; width: calc(100% - var(--inPd) * 2);  margin-top: var(--subContPd); padding: 5px 5px; background-color: #fff;}
.com_tab_part_sect .tab_wrap .tab { flex: 1; display: flex; justify-content: center; padding: 0.7em 1.4em; background-color: #fff; color: var(--colorBlue1); border-radius: 3em; font-size: var(--txt3); font-weight: 700;  cursor: pointer; transition: all 0.3s; }
.com_tab_part_sect .tab_wrap .tab + .tab {margin-left: 10px}
.com_tab_part_sect .tab_wrap.active .tab { opacity: 1; }
.com_tab_part_sect .tab_wrap .tab .tit { font-size: var(--txt2); font-weight: 600; }
.com_tab_part_sect .tab_wrap .tab.active { background-color: var(--colorBlue1); color: #fff; fill: #fff; font-weight: 700; }

.com_tab_part_sect .tab_cont { margin-top: var(--titContM1); display: none; }
.com_tab_part_sect .tab_cont.tab_cont1 { display: block; }

.com_tab_part_sect .tab_cont .effect_sect { padding: 0; border: 0; margin-top: 85px; }
.com_tab_part_sect .tab_cont .effect_sect .in {width: 100%; padding: 0;}

.com_tab_part_sect .tab_cont .cont_tit_box { margin-top: 50px; }
.com_tab_part_sect .tab_cont .cont_tit_box .tit { font-size: var(--tit4); font-weight: 700; }
.com_tab_part_sect .tab_cont .cont_tit_box .txt { margin-top: 5px; color: #3c3c3c; }

.com_tab_part_sect .tab_cont .cont_tit_box + .video_box { margin-top: 24px; }

.com_tab_part_sect .tab_cont .video_box { position: relative; width: 100%;  overflow: hidden; }
.com_tab_part_sect .tab_cont .video_box .thumb_box { padding-top: 56.25%; position: relative;}
.com_tab_part_sect .tab_cont .video_box .thumb_box .iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.com_tab_part_sect .tab_cont .video_box .thumb_box .iframe iframe {width: 100%; height: 100%;}
.com_tab_part_sect .tab_cont .video_box .thumb_box .thumb { position: absolute; left: 0; top: 0;width: 100%; height: 100%; background-color: #B7B9B9; }
.com_tab_part_sect .tab_cont .video_box .thumb_box .thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.com_tab_part_sect .tab_cont .video_box .thumb_box .play { position: absolute; top: 50%; left: 50%; width: 52px; height: 52px; border-radius: 100%; background-color: rgba(255,255,255,0.89); transform: translate(-50%, -50%); }
.com_tab_part_sect .tab_cont .video_box .thumb_box .play .ico { position: absolute; top: 50%; left: 52%; width: 30%; height: 30%; transform: translate(-50%, -50%); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%231C369A"><path d="M384 256L0 32V480L384 256z"/></svg>')center/contain no-repeat; }

.com_tab_part_sect .tab_cont .effect_sect + .ico_box_cont { margin-top: var(--sectMt); }

.com_tab_part_sect .tab_cont .ico_box_cont { margin-top: var(--contMt); }
.com_tab_part_sect .tab_cont .ico_box_cont .box { }
.com_tab_part_sect .tab_cont .ico_box_cont .box + .box { margin-top: 40px; }
.com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box { display: flex; justify-content: flex-start; }
.com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box .ico { width: 23px; height: 23px; margin-right: 10px; }
.com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box .ico img { width: 100%; height: 100%; object-fit: contain; }
.com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box .tit { font-size: var(--txt1); font-weight: 700; }
.com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box {margin-top: var(--titContM2); background-color: #fff; padding: 1.3em 1em; font-size: var(--txt2); border-radius: 15px;}
.com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box .list { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; }
/* .com_tab_part_sect .tab_cont .ico_box_cont .box .txt_list li:before { content: '·'; margin-right: 8px; } */

.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap { margin-top: var(--titContM2); background-color: #fff; border-radius: 15px; padding:1.3em 1em; overflow: hidden;}
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .slide_cont { width: calc(100% + var(--inPd) * 2 + 1px); margin-left: calc(var(--inPd) * -1); }
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .swiper-container { padding: 0 var(--inPd); }
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap > .tit { margin-bottom: 10px; font-size: var(--txt2); font-weight: 700; }
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .step { margin-top: var(--contImgTitM); font-size: var(--txt2); font-weight: 700; color: #2C44A0; }
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .step.bk { color: #000; }
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .txt { margin-top: var(--contImgTxtM);}




.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .img { position: relative; width: 100%; padding-top: 75%; border-radius: 10px; overflow: hidden; }
.com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.com_tab_part_sect .tab_cont .ico_box_cont .com_info_box { margin-top: 12px; }

.com_tab_part_sect .tab_cont .program_wrap { margin-top: 20px; }
.com_tab_part_sect .tab_cont .program_wrap .pro_box { padding: 22px 28px; border-radius: 10em; text-align: center; background-color: #E4EFFD; }
.com_tab_part_sect .tab_cont .program_wrap .pro_box + .pro_box { margin-top: 10px; }
.com_tab_part_sect .tab_cont .program_wrap .pro_box .tit { font-size: var(--txt1); font-weight: 700; color: #1664FA; line-height: 1.5; }
.com_tab_part_sect .tab_cont .program_wrap .pro_box .txt { margin-top: 8px; color: #3C3C3C; line-height: 1.6; }
.com_tab_part_sect .tab_cont .program_wrap .pro_box.type2 { background-color: #D2F7F7; }
.com_tab_part_sect .tab_cont .program_wrap .pro_box.type2 .tit { color: #10B2B4; }

.com_tab_part_sect .tab_cont .num_box_cont { margin-top: 50px; }
.com_tab_part_sect .tab_cont .num_box_cont .box { width: 85%; margin: 0 auto; padding: 22px 25px; border-radius: 20px; background-color: #10B2B4; }
.com_tab_part_sect .tab_cont .num_box_cont .box + .box { margin-top: 7px; }
.com_tab_part_sect .tab_cont .num_box_cont .box .num { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; margin: 0 auto; border-radius: 100%; background-color: #fff; color: #10B2B4; font-size: var(--txt3); font-weight: 600; }
.com_tab_part_sect .tab_cont .num_box_cont .box .txt_box { margin-top: 22px; color: #fff; text-align: center; }
.com_tab_part_sect .tab_cont .num_box_cont .box .txt_box .tit { font-size: var(--txt1); font-weight: 700; }
.com_tab_part_sect .tab_cont .num_box_cont .box .txt_box .txt { margin-top: 3px; }

.com_tab_part_sect .tab_cont .com_qna_sect .in { border: 0; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); max-width: none;}

/* 개별 섹션 */
.com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box .tit{font-size:var(--txt2); font-weight: 600; }
.com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box .tit + .txt {margin-bottom: 10px;}
.com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box > .list:last-child .tit + .txt {margin-bottom: 0;}

.com_tab_part_sect .tab_cont .com_qna_sect {padding-bottom: 0;}
.com_tab_part_sect .tab_cont .com_qna_sect .qna_list {border-top: 1px solid rgba(0, 0, 0, .2)}
.com_tab_part_sect .tab_cont .com_qna_sect .qna_list .que.active {border-bottom: none;}

/* num_box_cont 대신 삽입 */
.com_tab_part_sect .tab_cont .point_box_cont{margin-top: 50px;}
.com_tab_part_sect .tab_cont .point_box_cont .box {display: flex; align-items: center; background-color: #fff; border-radius: 15px; padding: 1.2em 1.3em;}
.com_tab_part_sect .tab_cont .point_box_cont .box + .box{margin-top: 0.6em;}
.com_tab_part_sect .tab_cont .point_box_cont .box .img_box{width:4em; margin-right: 1em;}
.com_tab_part_sect .tab_cont .point_box_cont .box .txt_box{color:#262F40;}
.com_tab_part_sect .tab_cont .point_box_cont .box .txt_box .tit{font-size: var(--txt1); font-weight: 700;}
.com_tab_part_sect .tab_cont .point_box_cont .box .txt_box .txt{font-size: var(--txt3); margin-top: 0.2em;}
.com_tab_part_sect .tab_cont .point_box_cont + .ico_box_cont{margin-top: 40px;}
.com_tab_part_sect .tab_cont .cont_tit_box .tit{font-size: var(--tit3);}
.com_tab_part_sect .tab_cont .cont_tit_box .txt{color:#262F40;}


.com_qna_sect { padding: var(--sectMt) 0; border-top: 7px solid var(--grayBg1); }
.com_qna_sect .top {display: flex; align-items: center; justify-content: space-between;}
.com_qna_sect .cont_tit { font-size: var(--tit2); font-weight: 700; line-height: 1.3; letter-spacing: -0.5px; }
.com_qna_sect .qna_list { margin-top: var(--contMt); border-top: 1px solid var(--grayLine);  }

.com_qna_sect .qna_list .que { display:flex; justify-content: space-between; align-items: center; padding: 15px 0px; border-bottom:1px solid var(--grayLine); cursor: pointer; font-size: var(--txt1); font-weight: 600; }
/* .com_qna_sect .qna_list .row:first-of-type .que { border-bottom: 0; } */
.com_qna_sect .qna_list .que.active { border-bottom: 0; }

.com_qna_sect .qna_list .que .q_box { display:flex; align-items: flex-start }
.com_qna_sect .qna_list .que .tit { font-size: var(--txt1); font-weight: 600; padding-right: 1em; word-break: break-all;}
.com_qna_sect .qna_list .que .btn { display: flex; align-items: center; justify-content: center;  border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.com_qna_sect .qna_list .que .btn .ico { width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%237a8390"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>')center/contain no-repeat; }
.com_qna_sect .qna_list .que .btn .ico { transition: transform 0.3s, background 0.3s; }
.com_qna_sect .qna_list .que.active .ico { transform: rotate(-180deg);}
.com_qna_sect .qna_list .answer { display:none; overflow: hidden; word-break: break-all;}
.com_qna_sect .qna_list .answer .txt_box {padding: 20px 22px;border-radius: 10px;background-color: var(--grayBg2);}
.com_qna_sect .qna_list .answer .a { display: inline-block; font-size: var(--tit3); line-height: 1; border-radius:50%; color:#1664FA; font-weight: 700; }
.com_qna_sect .qna_list .answer .txt { margin-top: 10px; }


.tab_cont  .com_qna_sect .qna_list .que {border-bottom: 1px solid rgba(0, 0, 0, .2);}


.treatment_page .commu_sect .cont .commu_cont .slide_wrap .item .thumb { padding-top: 56.25%; }

.treatment_page .commu_sect.type2 { background-color: transparent; }
.treatment_page .commu_sect.type2 .cont .commu_cont .slide_wrap .item .tit { font-weight: 600; }


.com_reser_sect { margin-top: var(--sectMt);padding: var(--sectMt) 0 var(--subPd); border-top: 7px solid var(--grayBg1); }
.strory_page .com_reser_sect {padding-bottom: var(--sectPd);}
.com_reser_sect .cont_tit { font-size: var(--tit2); font-weight: 700; line-height: 1.3; letter-spacing: -0.5px; }
.com_reser_sect .cont { margin-top: var(--titContM1); }
.com_reser_sect .cont .box { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; background-color: var(--grayBg2); border-radius: 10px; }
.com_reser_sect .cont .box + .box { margin-top: 10px; }
.com_reser_sect .cont .box  .txt_wrap {  }
.com_reser_sect .cont .box  .txt_wrap .tit { font-size: var(--txt1); font-weight: 700; }
.com_reser_sect .cont .box  .txt_wrap .txt_box { display: flex; align-items: center; justify-content: flex-start; margin-top: 5px;  font-size: var(--txt3);}
.com_reser_sect .cont .box  .txt_wrap .txt_box .txt {  }
.com_reser_sect .cont .box  .txt_wrap .txt_box .arr { width: 1em; height: 1em; margin-left: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262F40"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat; }
.com_reser_sect .cont .box  .ico_wrap { width: 45px; height: 45px; position: relative;}
.com_reser_sect .cont .box  .ico_wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }



.more_banner_sect { position: relative; padding: var(--subContPd) 0; color: #fff;background: #48A2E8; border-radius: 15px; overflow: hidden; margin: var(--titContM1) 0 var(--sectMt);}
.research_fixed .more_banner_sect {margin-bottom: 0;}
.more_banner_sect:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(22,100,250,0.25); }
.more_banner_sect .top { position: relative; z-index: 5; }
.more_banner_sect .top .star { width: 44px; margin: 0 auto; }
.more_banner_sect .top .star img { width: 100%; height: 100%; object-fit: contain; }
.more_banner_sect .top .tit { margin-top: 10px; font-size: var(--tit4); font-weight: 700; text-align: center; line-height: 1.4; }
.more_banner_sect .img { position: relative; width: 192px; margin: 22px auto 10px; z-index: 5; }
.more_banner_sect .img img { width: 100%; height: 100%; object-fit: contain; }

.more_banner_sect .box_cont { position: relative; z-index: 5; }
.more_banner_sect .box_cont .box + .box { margin-top: 25px; }
.more_banner_sect .box_cont .box .tit { font-size: 15px; font-weight: 600; }
.more_banner_sect .box_cont .box .tit span { font-size: var(--smTxt1); }
.more_banner_sect .box_cont .box .txt,
.more_banner_sect .box_cont .box ul { margin-top: 5px; font-size: var(--smTxt1); }
.more_banner_sect .box_cont .box ul li { position: relative; display: flex; align-items: flex-start; justify-content: flex-start; }
.more_banner_sect .box_cont .box ul li:before { content: '·'; margin-right: 5px; }

.more_banner_sect .btn_wrap { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 25px; z-index: 5; }
.more_banner_sect .btn_wrap .more_btn { display: flex; align-items: center; justify-content: center; padding: 0.8em 1.6em; background-color: #fff; color: #000; border-radius: 2em; font-size: var(--txt3); font-weight: 600; }
.more_banner_sect .btn_wrap .more_btn .arr { width: 0.8em; height: 0.8em; margin-left: 10px; transition: 0.3s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat; }



/* .treatment_page .btn_wrap { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 25px; z-index: 5; }
.treatment_page .btn_wrap .more_btn { display: flex; align-items: center; justify-content: center; padding: 0.8em 1.6em; background-color: #fff; color: #000; border-radius: 2em; font-size: var(--txt3); font-weight: 600; }
.treatment_page .btn_wrap .more_btn .arr { width: 0.8em; height: 0.8em; margin-left: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23000"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat; } */


.treatment_page.mri_page .btn_wrap {display: flex; justify-content: center; margin-top: 40px;}
.treatment_page.mri_page .btn_wrap .more_btn {background-color: var(--colorBlue1);color: #fff;border-radius: 10em;font-size: var(--txt2);display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
.treatment_page.mri_page .btn_wrap .more_btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;transition: background 0.3s ease-in-out;}


.mri_page .mri_point_sect { padding: var(--sectMt) 0; }

.mri_page .mri_point_sect .num_box_wrap { margin-top: var(--contMt); }
.mri_page .mri_point_sect .num_box_wrap .box + .box { margin-top: 40px; }
.mri_page .mri_point_sect .num_box_wrap .box .img { position: relative; width: 100%; padding-top: 58%; background-color: #EBEBEB; border-radius: 15px; }
.mri_page .mri_point_sect .num_box_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.mri_page .mri_point_sect .num_box_wrap .box .txt_box { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px 7px; }
.mri_page .mri_point_sect .num_box_wrap .box .tit_wrap .num { display: flex; justify-content: center; align-items: center; width: 2.5em; height: 2.5em; border-radius: 100%; background-color: var(--colorBlue1); color: #fff; font-size: var(--smTxt1); font-weight: 600; margin-right: 0.5em;}
.mri_page .mri_point_sect .num_box_wrap .box .tit_wrap .tit { font-size: var(--tit5); font-weight: 700; }
.mri_page .mri_point_sect .num_box_wrap .box .txt { margin-top:10px; }


.mri_page .mri_how_sect .wrap_tit { font-size: var(--txt1); font-weight: 700; }
.mri_page .mri_how_sect .slide_wrap { width: calc(100% + (var(--inPd) * 2)); margin-left: calc(var(--inPd) * -1); margin-top: 25px; }
.mri_page .mri_how_sect .slide_wrap .swiper-container { padding: 0 var(--inPd); }
.mri_page .mri_how_sect .slide_wrap .item {  }
.mri_page .mri_how_sect .slide_wrap .item .img { position: relative; width: 100%; padding-top: 60%; background-color: #EBEBEB; border-radius: 15px; }
.mri_page .mri_how_sect .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.mri_page .mri_how_sect .slide_wrap .item .item_txt_box { margin-top: 15px; }
.mri_page .mri_how_sect .slide_wrap .item .item_txt_box .tit { font-size: var(--txt1); font-weight: 700; }
.mri_page .mri_how_sect .slide_wrap .item .item_txt_box .txt { margin-top: 5px}

.mri_page .mri_how_sect .com_info_box {margin-top: 25px;}


.mri_banner_sect { padding: var(--subContPd) 0; background-color: #4269C5; color: #fff; }
.mri_banner_sect .cont_tit { font-size: var(--tit4); font-weight: 700; }

.mri_banner_sect .cont_img { position: relative; width: 54%; max-width: 250px; margin: 50px auto 0; opacity: 0; transform: translateY(50px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.2s; }
.mri_banner_sect .cont_img:before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 150%; height: 30%; background: linear-gradient(to bottom,  rgba(66,105,197,0) 0%,rgba(66,105,197,1) 100%); z-index: 10; }
.mri_banner_sect .cont_img img.mag { position: absolute; right: 0; bottom: 21%; width: 98px; transform: translateX(80%); opacity: 0; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.7s; }
.mri_banner_sect .cont_img.active { opacity: 1; transform: translateY(0); }
.mri_banner_sect .cont_img.active img.mag { opacity: 1; transform: translateX(50%); }

.mri_banner_sect .talk_wrap { display: flex; flex-direction: column; justify-content: space-between; width: 90%; margin: 10px auto 0; }
.mri_banner_sect .talk_wrap .talk_box { position: relative; display: inline-flex; align-items: flex-start; justify-content: flex-start; width: auto; max-width: 400px; margin-right: auto; padding: 17px; background-color: #2854BA; border-radius: 15px; overflow: hidden; }
.mri_banner_sect .talk_wrap .talk_box + .talk_box { margin-top: 30px; }
.mri_banner_sect .talk_wrap .talk_box:before { content: ''; position: absolute; left: 0; bottom: 0; transform: translate(80%, 80%); width: 25px; height: 21px; background: url('/inc/img/sub/treatment_mri_bubble.svg')center/contain no-repeat; }
.mri_banner_sect .talk_wrap .talk_box .profile { width: 53px; margin-right: 10px; flex-shrink: 0; }
.mri_banner_sect .talk_wrap .talk_box .txt_box .star { width: 70px; }
.mri_banner_sect .talk_wrap .talk_box.type2 { flex-direction: row-reverse; margin-left: auto; margin-right: unset; }
.mri_banner_sect .talk_wrap .talk_box.type2:before { left: unset; right: 0; bottom: 0; transform: translate(-80%, 80%); }
.mri_banner_sect .talk_wrap .talk_box.type2 .profile { margin-right: 0; margin-left: 10px; }

.mri_banner_sect .talk_wrap .talk_box { opacity: 0; transform: translateY(30px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.2s; }
.mri_banner_sect .talk_wrap .talk_box .profile { opacity: 0; transform: translateX(-20px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.4s; }
.mri_banner_sect .talk_wrap .talk_box .txt_box .star { opacity: 0; transform: translateY(20px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.55s; }
.mri_banner_sect .talk_wrap .talk_box .txt_box .txt { opacity: 0; transform: translateY(20px); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.7s; }

.mri_banner_sect .talk_wrap .talk_box:nth-of-type(2) { transition-delay: 0.6s; }
.mri_banner_sect .talk_wrap .talk_box:nth-of-type(2) .profile { transition-delay: 0.8s; }
.mri_banner_sect .talk_wrap .talk_box:nth-of-type(2) .txt_box .star { transition-delay: 0.95s; }
.mri_banner_sect .talk_wrap .talk_box:nth-of-type(2) .txt_box .txt { transition-delay: 1.2s; }

.mri_banner_sect .talk_wrap.active .talk_box,
.mri_banner_sect .talk_wrap.active .talk_box .profile,
.mri_banner_sect .talk_wrap.active .talk_box .txt_box .star,
.mri_banner_sect .talk_wrap.active .talk_box .txt_box .txt { opacity: 1; transform: translateY(0); }

.mri_banner_sect .btn_wrap { opacity: 0; transform: translateY(20px); transition: opacity 0.8s, transform 0.8s; transition-delay: 1.4s; }
.mri_banner_sect .btn_wrap.active { opacity: 1; transform: translateY(0); }

.manual_page .com_qna_sect .qna_list{border-color:#dcdfe7}
.manual_page .com_qna_sect .qna_list .que{border-color:#dcdfe7}


.mri_page .mri_point_sect .num_box_wrap .box .img{overflow: hidden;}
.mri_page .mri_point_sect .num_box_wrap .box + .box{margin-top: 60px; padding-top: 0;}
.mri_page .mri_how_sect .slide_wrap{margin-top: 0;}
.mri_page .mri_point_sect .num_box_wrap .box .txt_box{display: block;}
.mri_page .mri_point_sect .num_box_wrap .box .img{margin-top: 25px;}
.mri_page .mri_point_sect .num_box_wrap .box .txt_box .tit_wrap{display: flex; align-items: center;}










/* 잘환 공통 250708 */
.design_template1 {padding-bottom: 30px;}
.disease_page .bg_visual_sect {background-color: var(--grayBg1); }
.disease_page .sticky_sect {padding-top: 0;}
.disease_page .com_sticky_nav ul li.active a {background-color: #fff;}
.disease_page .com_causes_sect {background-color: #fff;}
.disease_page .com_sticky_nav {background-color: var(--grayBg1); border-bottom: none;}




.disease_page .com_case_cont.empty {background: var(--grayBg2);padding: 80px 0;margin-top: var(--contMt) !important;text-align: center;font-size: var(--txt1);font-weight: 600; border-radius: 15px;}
.disease_page .real_review.empty .com_see_more {display: none;}
.disease_page .real_review.empty .com_pt_rv {width: var(--subInW);max-width: 100%;margin: 0 auto;font-size: var(--txt1);font-weight: 600;padding: 80px 0;text-align: center;background: #fff;border-radius: 15px;}
.disease_page .test_banner_sect.empty .sub_cont_tit{font-size: var(--txt1); transform: translateY(40px);}
.disease_page .commu_sect.empty .cont .top {display: none;}
.disease_page .commu_sect.empty .top .com_see_more {display: none;}
.disease_page .commu_sect.empty .commu_cont {background: var(--grayBg2);padding: 80px 0; text-align: center;font-size: var(--txt1);font-weight: 600; border-radius: 15px;}





/* .bg_visual_sect.design_template3 {background-color: #fff;} */


/*공용으로 넣은 타입*/


/* 비주얼섹션 공용작업 시작 */


.bg_visual_sect { position: relative; padding-top: calc(var(--hdH) + 2rem) ;background-color: var(--grayBg1); display: flex; flex-direction: column; overflow: hidden;}

.bg_visual_sect.design_template3 {background-color: #EEF2FC}
.bg_visual_sect.no_bg {background-color: transparent !important;}




.sub_page_nav {display: none;}
.bg_visual_sect > .in {position: relative; z-index: 2;}
.bg_visual_sect .bg {position: absolute; left: 0; top: 0; width: 100%; height: 75%; background-color:  var(--colorBlue1); border-radius: 0 0 35px 35px; transform: translateY(-100%); transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);}


.bg_visual_sect .txt_box {margin-top:6rem; text-align: center; color: #fff; opacity: 0; transform: translateY(-100%); transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);}
.bg_visual_sect .txt_box .tit {font-size: var(--tit1); font-weight: 700; line-height: 1.4;}
.bg_visual_sect .txt_box .txt {margin-top: 1.5rem; font-size: var(--txt1); color: #A1ADDB;}

.bg_visual_sect.design_template2  .txt_box .txt {color: #fff;}

/* .bg_visual_sect .txt_box .txt br {display: none;} */

.bg_visual_sect .img {overflow: hidden; position: relative; width: 100%; padding-top: 56.25%; border-radius: 20px; margin: 3rem auto 0; opacity: 0; transform: translateY(-50%); transition: all 1s cubic-bezier(0.55, 0.02, 0.42, 0.99) 0s;}
.bg_visual_sect .img iframe,
.bg_visual_sect .img video,
.bg_visual_sect .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 101%; height: 101%; object-fit: cover; object-position: center;transition: 0.3s ease-in-out;}
.bg_visual_sect .img img.hide {opacity: 0; }
.bg_visual_sect .img video {border: none; outline: unset; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; filter:contrast(101%); -webkit-filter:contrast(101%); background-color:transparent;display: block; backface-visibility: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black);}
#thumbnailOverlay {pointer-events: none;}
.bg_visual_sect .img .thumbnail {position: absolute; inset: 0; z-index: 3; pointer-events: none;}
.bg_visual_sect .img .thumbnail.hide {opacity: 0; transition: 0.3s ease-in-out;}
.bg_visual_sect .video_txt {color: #7A8390; margin-top: 2rem; text-align: center; font-size: var(--txt3);}

.bg_visual_sect.active .bg {transform: unset;}
.bg_visual_sect.active .txt_box {transform: unset; opacity: 1;}
.bg_visual_sect.active .img {transform: unset; opacity: 1;}



/* .bg_visual_sect.type2 .txt_box {background-color: var(--colorMint);} */
.bg_visual_sect.type3 .txt_box .txt,
.bg_visual_sect.type2 .txt_box .txt {color: #fff;}
.bg_visual_sect.type3 .txt_box {background-color: var(--colorBlue2);}bg_visual_sect
.bg_visual_sect.type3 {background-color: #fff;}

.bg_visual_sect.active .bg {transform: unset; opacity: 1;}
.bg_visual_sect.active .sub_page_nav,
.bg_visual_sect.active .nice-select,
.bg_visual_sect.active .txt_box {transform: unset; opacity: 1;}
.bg_visual_sect.active .txt_box .txt,
.bg_visual_sect.active .txt_box .tit {opacity: 1;}
.bg_visual_sect.active + .com_causes_sect .sub_cont_tit { opacity: 1; }
.bg_visual_sect.active + .com_causes_sect .list_wrap { opacity: 1; transform: translateY(0); }

.com_causes_sect.active .list_wrap { opacity: 1; transform: translateY(0); }

.com_causes_sect { padding: var(--subContPd) 0; background-color: var(--grayBg1);}
/* .com_causes_sect .sub_cont_tit { opacity: 0; transition: 0.3s; transition-delay: 1s; } */
.com_causes_sect .list_wrap { background-color: #fff; border-radius: 25px; cursor: pointer; }
.com_causes_sect .list_wrap { opacity: 0; transform: translateY(20px); transition: all 0.5s; }
.com_causes_sect .list_wrap:nth-of-type(1) { transition-delay: 1.2s; }
.com_causes_sect .list_wrap:nth-of-type(2) { transition-delay: 1.4s; }
.com_causes_sect .list_wrap + .list_wrap { margin-top: 16px; }
.com_causes_sect .list_wrap .tit_box { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; padding: 15px 20px;  font-weight: 700; }
.com_causes_sect .list_wrap .tit_box .chk { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; fill: var(--colorBlue1); }
.com_causes_sect .list_wrap.type2 .tit_box .chk { fill: var(--colorMint); }
.com_causes_sect .list_wrap .tit_box .arr { width: 1.2em; height: 1.2em; margin-left: 0.5em; fill: #7A8390; transition: transform 0.3s; background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;}
.com_causes_sect .list_wrap .tit_box .arr svg {width: 1.2em; height: auto; display: none;}
.com_causes_sect .list_wrap.active .tit_box .arr { transform: rotate(180deg); }
.com_causes_sect .list_wrap .list_box { display: none; padding: 0 var(--inPd) 16px; color: #3c3c3c;}
.com_causes_sect .list_wrap .list_box .list + .list { margin-top: 0.3em; }

.com_causes_sect .cont_box .cont + .cont {margin-top: 40px;}
.com_causes_sect .cont_box .cont .cont_tit {font-size: var(--tit5); font-weight: 700; display: flex; align-items: center; }
.com_causes_sect .cont_box .cont .cont_tit .ico {width: 1em; height: 1em; margin-right: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%2300C9CA"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.com_causes_sect .cont_box .cont .cont_tit .ico.type2 {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%231C369A"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.com_causes_sect .cont_box .cont .list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: var(--titContM2);}
.com_causes_sect .cont_box .cont .list li {display: flex; flex-direction: column;}
.com_causes_sect .cont_box .cont .list .img {position: relative; padding-top: 55%; border-radius: 10px 10px 0 0; overflow: hidden;}
.com_causes_sect .cont_box .cont .list .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.com_causes_sect .cont_box .cont .list .txt_box {display: flex; align-items: center; justify-content: center; background-color: var(--grayBg2); border-radius: 0 0 10px 10px; padding: 0.8em 10px; height:auto ;font-weight: 600; text-align: center; line-height: 1.5; flex: 1;}
.com_causes_sect .cont_box .cont .list .txt_box .txt_sm{display: block; font-size:1.3rem; font-weight: 400; }

.com_causes_sect .slide_cont {margin-top: 3rem;}
.com_causes_sect .slide_cont .cont_tit {font-size: var(--tit5); font-weight: 700; display: flex; align-items: center; }
.com_causes_sect .slide_cont .cont_tit .ico {width: 1em; height: 1em; margin-right: 10px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1em" fill="%231c369a"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337l-17 17-17-17-64-64-17-17L160 222.1l17 17 47 47L335 175l17-17L385.9 192l-17 17z"/></svg>') no-repeat center / contain;}
.com_causes_sect .slide_cont .slide {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: 15px;}
.com_causes_sect .slide_cont .slide .item {display: flex; align-items: center; justify-content: flex-start; width: auto; padding: 5px 30px 5px 5px; border-radius: 50em; background-color: var(--grayBg2); white-space: nowrap; }
.com_causes_sect .slide_cont .slide .item .img { position: relative; width: 70px; height: 70px; border-radius: 100%; overflow: hidden; flex-shrink: 0; }
.com_causes_sect .slide_cont .slide .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.com_causes_sect .slide_cont .slide .item .txt_box {flex: 1; font-weight: 700; font-size: var(--txt1); flex: 1; margin-left: 2rem; white-space: nowrap;;}
.com_causes_sect .slide_cont .slide .item .txt_box  br {display: none;}

/* .com_causes_sect .swiper-wrapper {transition-timing-function: linear !important;} */





.com_causes_sect .dif_tbl_sect{padding-bottom: 0;}
.com_causes_sect .cont_box + .dif_tbl_sect{margin-top: var(--sectMt);}
.com_causes_sect .emergency_sect{background-color: #fff; margin-top: var(--sectMt); padding: 0;}
.com_causes_sect .emergency_sect .cont_box .cont + .cont{margin-top: 0;}
/* .disease_page .com_causes_sect .com_treatment_sect{border-top: none; padding-bottom: 0;} */

/* 채워지는 스티키 */
.com_sticky_nav {position: sticky; top: 0; width: 100%; background-color: #fff; padding: 0 var(--inPd); height: var(--hdH) ;border-bottom: 2px solid var(--grayLine); overflow-x: auto; z-index: 20; transition: top 0.3s; overflow: auto; }
.com_sticky_nav::-webkit-scrollbar {display: none;}
.com_sticky_nav ul {display: flex; align-items: center; justify-content: center; min-width: max-content; height: 100%;}
.com_sticky_nav ul li { position: relative;}
.com_sticky_nav ul li + li {margin-left: 10px;}
.com_sticky_nav ul li a {display: block; padding: 10px 1em; font-weight: 700; background-color: transparent; border-radius: 10px; white-space: nowrap; text-align: center; transition: background-color 0.3s; color: #262f40;}
.com_sticky_nav ul li .bg {position: absolute; left: 0; top: 0; width: 100%; display: block; padding: 10px 0px; font-weight: 700; color: #fff; background-color: var(--colorBlue2); border-radius: 10px; white-space: nowrap; text-align: center; z-index: 2; pointer-events: none; clip-path: inset(0 100% 0 0); opacity: 0; transition: opacity 0.3s ease-in-out; }
.com_sticky_nav ul li.active a{ background-color: var(--grayBg2);}
.com_sticky_nav ul li.active .bg {opacity: 1;}

.disease_page .com_sticky_nav {transition: 0.3s ease-in-out;}
.disease_page .com_sticky_nav.none {transform: translateY(-100%);}



/* 치료 슬라이드*/
.sci_txt {position: relative; font-size: var(--txt3); font-weight: 700; color:var(--colorBlue1); display: inline-block; margin-bottom: var(--titContM1);background-color: #E4EFFD; padding: 0.8em 1.5em 0.8em 4em; border-radius: 7px;white-space: nowrap;}
.sci_txt .ico {position: absolute; width: 2.5em; height: auto; left: 1em; top: 0;}


.research_wrap1 {margin-top: 30px;}
.research_wrap + .research_wrap  {margin-top: var(--sectMt);}
.research_wrap .top { margin-bottom: var(--titContM2); display: none;}
.research_wrap .point_txt {margin-bottom: var(--titContM2); display: none;}
.research_wrap .point_txt .desc { font-size: var(--txt1); font-weight: 700; color:var(--colorBlue2); display: flex; align-items: center;}
.research_wrap .point_txt .desc .num {display: inline-block; width: 1.2em; height: 1.2em; margin-left: 7px;;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM268 131.2c-7.4-4.3-16.5-4.3-24-.1l-56 32c-11.5 6.6-15.5 21.2-8.9 32.7s21.2 15.5 32.7 8.9L232 193.4 232 336l-40 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l64 0 64 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-40 0 0-184c0-8.6-4.6-16.5-12-20.8z"/></svg>') no-repeat center / contain;}
.research_wrap .point_txt .desc .num2 {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM222.7 184.7l-24.2 18.4c-10.5 8-25.6 6-33.6-4.5s-6-25.6 4.5-33.6l24.2-18.4c15.8-12 35.2-18.4 55.1-18.1l3.4 .1c46.5 .7 83.8 38.6 83.8 85.1c0 23.5-9.7 46-26.9 62.1L244.7 336l83.3 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0c-9.8 0-18.7-6-22.3-15.2s-1.3-19.6 5.9-26.3L276.3 240.6c7.5-7 11.7-16.8 11.7-27.1c0-20.3-16.3-36.8-36.6-37.1l-3.4-.1c-9.1-.1-18 2.8-25.3 8.3z"/></svg>') no-repeat center / contain;}
.research_wrap .point_txt .desc .num3 {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM184 128l128 0c9.9 0 18.8 6.1 22.4 15.3s1.1 19.7-6.2 26.4l-50.8 46.5c41.9 4.8 74.6 40.4 74.6 83.6c0 46.5-37.7 84.2-84.2 84.2L240 384c-30.1 0-58.1-15.6-73.9-41.2l-2.6-4.2c-7-11.3-3.5-26.1 7.8-33s26.1-3.5 33 7.8l2.6 4.2c7.1 11.5 19.6 18.4 33 18.4l27.8 0c20 0 36.2-16.2 36.2-36.2c0-20.1-16.3-36.3-36.4-36.2l-51.5 .3c-9.9 .1-18.9-6-22.5-15.2s-1.2-19.8 6.1-26.5L250.3 176 184 176c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>') no-repeat center / contain;}
.research_wrap .point_txt .desc .num4 {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%232F6BF0"><path d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM223.6 129.2c-12.6-4.2-26.2 2.6-30.4 15.2l-48 144c-2.4 7.3-1.2 15.4 3.3 21.6s11.8 10 19.5 10l104 0 0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40 8 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 56-70.7 0 37.5-112.4c4.2-12.6-2.6-26.2-15.2-30.4z"/></svg>') no-repeat center / contain;}
/* .research_wrap .box {background-color: var(--grayBg2); padding: 40px 20px; border-radius: 15px;} */

.research_wrap .box .box_txt_box .tit {font-size: var(--tit4); font-weight: 700;}
.research_wrap .box .box_txt_box .txt {font-size: var(--txt3); font-weight: 500; margin-top: var(--contImgTxtM); max-width:90%;}
.effect_sect .info { display: inline-flex; align-items: center; justify-content: flex-start; margin-top: var(--contImgTitM); font-size: var(--txt3); color: #7A8390; fill: #7A8390; font-weight: 600; cursor: pointer; }
.effect_sect .info .ico { margin-right: 0.4em; }
.effect_sect .info .ico svg { display: flex; align-items: center; justify-content: center; }
.effect_sect .info .txt { margin-top: 0 !important; }
.effect_sect .info .arr { margin-left: 5px; width: 0.5em;}
.effect_sect .info .arr svg {display: flex; align-items: center; justify-content: center; height: auto; width: 100%;}
.research_wrap .box .global_first_wrap {margin-top: var(--sectMt);}
.research_wrap .box .global_first_wrap .img_box {margin-top: var(--titContM2);}
.research_wrap .box .global_first_wrap .txt_cont {margin-top: var(--titContM2);}
.research_wrap .box .global_first_wrap .txt_cont .cont + .cont {margin-top: 30px;}
.research_wrap .box .global_first_wrap .txt_cont .tit {font-size: var(--txt2); font-weight: 700;}
.research_wrap .box .global_first_wrap .txt_cont .list {margin-top: var(--contImgTxtM); color: #7A8390; font-weight: 600;}
.research_wrap .box .global_first_wrap .btn_box {display: flex; justify-content: center; margin-top: 20px;}
.research_wrap .box .global_first_wrap .btn {display: flex; align-items: center; font-size: 15px; border:1px solid var(--colorBlue2); color: var(--colorBlue2); font-weight: 700; border-radius: 5em; padding: 0.3em 1em;background-color:#E9F5FF ;}
.research_wrap .box .global_first_wrap .btn svg {width: 0.75em; height: auto; margin-left: 0.5em; fill: var(--colorBlue2);}

.research_wrap .graph_container { margin-top: var(--contMt); background-color: var(--grayBg2); border-radius: 15px; padding-bottom: 20px; overflow: hidden;}

.research_wrap .graph_container.pd_none{padding:0;}
.research_wrap .graph_container.slide_wrap .paging.swiper-pagination-progressbar { position: relative; max-width: 30%; height: 2.5px; margin: 0px auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden;}
.research_wrap .graph_container.slide_wrap .paging .swiper-pagination-progressbar-fill { background:var(--colorBlue1); border-radius: 10px; }
/* .research_wrap .graph_container.slide_wrap .swiper-container { padding: 0 var(--inPd); } */
.research_wrap .graph_container .item { display: flex; flex-direction: column; justify-content: center; height: auto; background-color: #f8f8fb; overflow: hidden; padding: 25px 0 20px;}
.research_wrap .graph_container .item object {opacity: 0; transition: 0.3s ease-in-out 0.5s;}
.research_wrap .graph_container .swiper-slide-active.item object {opacity: 1;}

.research_wrap .graph_container .item .ex_btn {position: absolute; width:8%; padding-top: 8%;}
.research_wrap .graph_container .item .item_img {width: 90%; margin: 0 auto;}

.research_wrap .graph_container .item.disease_01_01_1_B .ex_btn {left: 25%; top: 0%;}
.research_wrap .graph_container .item.disease_01_01_2_C .ex_btn {left: 25.5%; top: 0%;}
.research_wrap .graph_container .item.disease_01_01_2_D .ex_btn {left: 22%; top: 0%;}

.research_wrap .graph_container .item.disease_01_02_1_C .ex_btn {left: 24%; top: 0%;}
.research_wrap .graph_container .item.disease_01_02_2_B .ex_btn {left: 30%; top: 6%;}

.research_wrap .graph_container .item.disease_03_01_1_A .ex_btn {left: 32%; top: 15%;}
.research_wrap .graph_container .item.disease_03_01_1_B .ex_btn {left: 37%; top: 14%;}

.research_wrap .graph_container .item.cure_03_3_A .ex_btn {left: 29%; top: 6%;}
.research_wrap .graph_container .item.cure_05_1_B .ex_btn {left: 21%; top: 13%;}

.research_wrap .graph_container .item.JSstory_02_3 .ex_btn {left: 24%; top: 0;}
.research_wrap .graph_container .item.JSstory_02_4 .ex_btn {left: 24%; top: 0;}


.research_wrap .graph_container .item.clinic_01_01_3_B .ex_btn {left: 34%; top: 13%;}



.research_wrap .graph_container .item .object_graph {position: relative;}
.research_wrap .graph_container .item object {pointer-events: none;}
/* 250626 거임 삭제 x 
.research_wrap .graph_container .item .tit { font-size: var(--txt1); font-weight: 700; text-align: center; }
.research_wrap .graph_container .item .tit + .txt { font-size: var(--txt3); margin-top: 0.3em; text-align: center; }
.research_wrap .graph_container .item .tab_wrap { display: flex; align-items: center; justify-content: center; margin-top: 35px; display: none;}
.research_wrap .graph_container .item .tab_wrap .tab { padding: 0.3em 1em; background-color: #fff; color: #7A8390; border-radius: 2em; font-size: var(--txt3); font-weight: 600; cursor: pointer; }
.research_wrap .graph_container .item .tab_wrap .tab + .tab { margin-left: 10px; }
.research_wrap .graph_container .item .tab_wrap .tab.active { background-color: var(--colorBlue2); color: #fff; }
 */
.research_wrap .graph_container .item .tab_wrap {display: none;}
.research_wrap .graph_container .item .graph_cont_wrap { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 280px;}
.research_wrap .graph_container .item .graph_cont_wrap .img { position: relative; display: flex; align-items: flex-start; justify-content: center; height: 100%; }
.research_wrap .graph_container .item .graph_cont_wrap .img * { height: 100%; object-fit: contain; }
.research_wrap .graph_container .item .graph_cont_wrap .img p { position: absolute; right:10px; bottom:20px; width:27%; opacity:1;  }
.research_wrap .graph_container .item .graph_cont_wrap .img p svg { width:100%; height: auto; vertical-align: top;}
.research_wrap .graph_container .item .graph_cont_wrap .graph_cont { width: 100%; height: auto; }

.research_wrap .graph_container .item .graph_cont_wrap .txt_box {text-align: center; width: 100%;}
.research_wrap .graph_container .item .graph_cont_wrap .txt_box .st1 { font-size:1.5rem; font-weight:700; margin:1.5rem 0 0.4rem;}
.research_wrap .graph_container .item .graph_cont_wrap .txt_box .st2 { font-size:1.3rem; font-weight:500;}

.research_wrap .graph_container .item .graph_cont_wrap.tab_graph { position: relative; width: 100%; padding-top: 72%; height: auto; }
.research_wrap .graph_container .item .graph_cont_wrap.tab_graph .graph_cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8fb;}
.research_wrap .graph_container .item .graph_cont_wrap .graph_cont .graph_wrap.stick.stick1 .graph_box { height: 85%; }
.research_wrap .graph_container.cir_graph_container .item .graph_cont_wrap .graph_cont { z-index: 5; display: block; }
.research_wrap .graph_container.cir_graph_container .item .graph_cont_wrap .graph_cont:nth-of-type(1) { z-index: 10; }
.research_wrap .graph_container.cir_graph_container .item .graph_cont_wrap .graph_cont.active { z-index: 10; }


.research_wrap .expt_cont {display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
.research_wrap .cont_tit_box { width: 80%; margin: 0 auto var(--contMt);}
.research_wrap .cont_tit_box .tit {font-size: var(--tit5); font-weight: 700;}
.research_wrap .cont_tit_box .tit .sm {font-size: var(--txt1);}
.research_wrap .cont_tit_box .txt {margin-top: 5px; font-size: var(--txt3);}
.research_wrap .expt_cont .img_wrap {width: 80%; margin: auto auto 0;}
.research_wrap .expt_cont .img_wrap .img_box {position: relative;}
.research_wrap .expt_cont .img_wrap .img_box .tit {padding: 0.4em 0;font-size: var(--txt3); font-weight: 700; color: #fff; background-color: #A8AAAE; border-radius: 10px 10px 0 0; text-align: center;}
.research_wrap .expt_cont .img_wrap .cir {display: flex; align-items: center; justify-content: center; position: relative; width: 25px; height: 25px; background-color: #fff; border-radius: 50%; margin: -10px auto -7px; z-index: 1;}
.research_wrap .expt_cont .img_wrap .cir .ico {width: 50%; height: 50%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / contain;}
.research_wrap .expt_cont .img_wrap .img_box .img {position: relative; border-radius: 0 0 10px 10px; overflow: hidden;}
.research_wrap .expt_cont .img_wrap .img_box .img img {width: 100%;}
.research_wrap .expt_cont .img_wrap .img_box:last-child .tit {background-color: #2F6BF0;}
.research_wrap .expt_cont .img_wrap .img_box:last-child .img::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #2F6BF0; z-index: 1; border-radius: 0 0 10px 10px;} 
.research_wrap .expt_cont .spe_bpx {position: relative; display: flex; align-items: center; justify-content: center;  padding: 0.7em 1.3em; margin:20px auto 0; background-color: #DD1B36; color: #fff; font-size: var(--txt3); font-weight: 700; border-radius: 5em;}
.research_wrap .expt_cont .spe_bpx:before {content: '';position: absolute;left: 50%;top: 2px;width: 18px;height: 18px;transform: translate(-50%,-100%);display: block; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="62.292" height="34.316" viewBox="0 0 62.292 34.316"><path id="패스_7635" data-name="패스 7635" d="M12.538,34.316,6.7,28.174h5.281C19.531,11.2-.174,0,0,0c31.211,0,50.807,16.045,61.16,28.174h1.131L58.23,34.316Z" transform="translate(-0.001)" fill="%23dd1b36"/></svg>') no-repeat center bottom / contain;}
.research_wrap .expt_cont .spe_bpx .ico {width: 1.4em; height: 1.4em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64.999" height="63.997" viewBox="0 0 64.999 63.997"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%23dd1b36"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M0,42.477H19.167V2H47.5V42.477H65L32.5,66Z" transform="translate(65 65.999) rotate(180)" fill="url(%23linear-gradient)"/></svg>') no-repeat center / contain;}
.research_wrap .expt_cont .spe_bpx .ico.left {width: 1.2em; height: 1.2em; margin: 0 0.5em ;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="51.997" height="52.999" viewBox="0 0 51.997 52.999"><defs><linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%23dd1b36"/><stop offset="1" stop-color="%23fff"/></linearGradient></defs><path d="M0,34.888H15.628V2h23.1V34.888H53L26.5,54Z" transform="translate(-2.002 53) rotate(-90)" fill="url(%23linear-gradient)"/></svg>') no-repeat center / contain;}
.research_wrap .expt_cont .cont_txt_box { width: 80%; margin: 25px auto 0 ;background-color: #fff; border-radius: 10px; padding: 15px 10px; text-align: center;}  
.research_wrap .expt_cont .cont_txt_box .tit {font-weight: 700;}
.research_wrap .expt_cont .cont_txt_box .txt {font-size: var(--txt3); margin-top: 5px;}

.research_wrap .item .slide_tit_box {margin:0 auto 1.5rem; width: 80%;}
.research_wrap .item .slide_tit_box.w100 {width: 100%; padding: 15px 15px 0;}
.research_wrap .item .slide_tit_box .tit {font-weight: 700; font-size: var(--txt1);}
.research_wrap .item .slide_sub_txt {background-color: #fff; font-size: var(--txt3); font-weight: 500; padding: 1em ; border-radius: 1rem; text-align: center; width: 90%; margin: 2rem auto 0;}
.research_wrap .item .slide_sub_txt.sm {font-size: var(--smTxt1);}

.research_wrap .paging {display: flex; align-items: center; justify-content: center;}
.research_wrap .paging .progressbar {position: relative; background-color: #D4D9E4; height: 2.5px; border-radius: 5em; max-width: 30%; width: 100% ;overflow: hidden; margin: 0 15px;}
.research_wrap .paging .progressbar > span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--colorBlue1); transition: 0.3s ease-in-out;}
.research_wrap .paging .num_box {margin-left: 1em; font-size: var(--txt3);}
.research_wrap .paging .num_box .current {font-weight: 600; color: #262F40; text-align: center; min-width: 1.1em; display: inline-block;}
.research_wrap .paging .num_box .dash {margin: 0 0.2em;}
.research_wrap .paging .num_box .total {min-width: 1.1em; display: inline-block; text-align: center;}

.research_wrap .item .slide_case_img {display: flex; align-items: center; position: relative; width: 80%; margin: 0 auto;}
.research_wrap .item .slide_case_img .cont {width: calc(50% + 1px); overflow: hidden;  flex-shrink: 0;}
.research_wrap .item .slide_case_img .cont + .cont {margin-left: -2px;}
.research_wrap .item .slide_case_img .cont .tit { background-color: #A8ABB2; color: #fff; padding: 0.6em 0; text-align: center; font-size: var(--smTxt1); font-weight: 600; border-radius: 1rem  0 0 0; overflow: hidden;}
.research_wrap .item .slide_case_img .cont .tit small {font-size: 0.8em;}
.research_wrap .item .slide_case_img .cont .img {padding-top: 100%; border: 2px solid #A8ABB2; position: relative; overflow: hidden; border-radius: 0 0 0 1rem;}
.research_wrap .item .slide_case_img .cont .img img { position: absolute; top: 0; left: 0; width: 100%; height: 103%; object-fit: cover; }  
.research_wrap .item .slide_case_img .cont.after .img {border: 2px solid var(--colorBlue1); border-radius: 0 0 1rem 0;}
.research_wrap .item .slide_case_img .cont.after .tit {background-color: var(--colorBlue1); border-radius: 0  1rem 0 0; }
.research_wrap .item .slide_case_img .arr {position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; border-radius: 100%; background-color: #fff; fill: #262f40; overflow: hidden;}
.research_wrap .item .slide_case_img .arr .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 45%; height: 45%;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"></path></svg>') no-repeat center / contain;}

.research_wrap .item .slide_case_img.type3 {width: 90%;}
.research_wrap .item .slide_case_img.type3 .cont {width: calc(33.333% + 1px); flex-shrink: 1;}
.research_wrap .item .slide_case_img.type3 .cont:nth-child(2) .tit {background-color: #8E929B; border-radius: 0;}
.research_wrap .item .slide_case_img.type3 .cont:nth-child(2) .img {border-color: #8E929B;}
.research_wrap .item .slide_case_img.type3 .arr {left: 33.333%;}
.research_wrap .item .slide_case_img.type3 .arr + .arr{left: 66.666%;}


.research_wrap .item.case_type3 .slide_sub_txt {width: 100%;}
.research_wrap .item.case_type3 .slide_tit_box {width: 100%;}


.treatment_page.dosu .com_treatment_sect {border-top: 7px solid var(--grayBg1);}

/*건강가이드*/
.commu_sect { padding: var(--sectMt) 0; border-top: 7px solid var(--grayBg1); }
.treatment_page.dosu .commu_sect {border-top: none;}
.commu_sect .top { display: flex; align-items: flex-end; justify-content: space-between; }
.commu_sect .sub_btn_tab {display: flex; margin-bottom: var(--contMt);}
.commu_sect .more_btn { position: relative; z-index: 10; display: flex; align-items: center; justify-content: flex-start; font-size: var(--txt2); font-weight: 700; color: #7A8390; }
.commu_sect .more_btn .txt {  }
.commu_sect .more_btn .arr { fill: #7A8390; }
.commu_sect .cont { margin-top: var(--contMt); }
.commu_sect .cont .commu_cont .slide_wrap { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);  transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.commu_sect.active .cont .commu_cont .slide_wrap { opacity: 1; transform: translateY(0); }
.commu_sect .cont .commu_cont .slide_wrap .swiper-container { padding: 0 var(--inPd); }
.commu_sect .cont .commu_cont .slide_wrap .item { border-radius: 15px; background-color: #fff; cursor: pointer;}
.commu_sect .cont .commu_cont .slide_wrap .item .thumb { position: relative; width: 100%; padding-top: 100%;  overflow: hidden; }
.commu_sect .cont .commu_cont.commu_cont1 .slide_wrap .item .thumb {border-radius: 15px;}
.commu_sect .cont .commu_cont .slide_wrap .item .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.commu_sect .cont .commu_cont .slide_wrap .item .tit {margin-top: var(--contImgTitM);font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.commu_sect .cont .commu_cont2 .slide_wrap .item .thumb { padding-top: 56.25%; }
.commu_sect .cont .commu_cont3 .slide_wrap .item .thumb { padding-top: 56.25%; }
/*건강가이드*/



/*테스트 배너*/
.test_banner_sect { position: relative; padding: var(--sectMt) 0; border-top: 7px solid var(--grayBg1); overflow: hidden}
.test_banner_sect .banner_cont { position: relative; display: block; margin-top: var(--contMt) ;padding: 30px 20px 20px; border-radius: 10px;  background-color: #E2EDFE;}
.test_banner_sect .banner_cont .tag_wrap { position: relative; z-index: 10; }
.test_banner_sect .banner_cont .tag_wrap .tag span { display: inline-block; margin: 0 8px 8px 0; padding: 0.1em 0.7em; border-radius: 2em; background-color: #fff; font-size: var(--txt2); font-weight: 500; color: var(--colorBlue1);}
.test_banner_sect .banner_cont .ico_img {position: absolute; right: 0; bottom: 0; width: 50%; transform: translate(5%,10%)}
.test_banner_sect .banner_cont .ico_img video {width: 100%;}
.test_banner_sect .com_see_more { margin-top: 20px;}
/*테스트 배너*/




/* 자생치료 슬라이드 */
/* .com_treatment_sect .sub_btn_tab {display: none} */
.com_treatment_sect { overflow: hidden; padding: var(--sectMt) 0 var(--sectMt); }



.com_treatment_sect .tab_cont .cont { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--contMt); transition: opacity 0.5s, transform 0.5s; }
.com_treatment_sect .tab_cont .sub_btn_tab {display:none}
.com_treatment_sect.active .tab_cont .cont { opacity: 1; transform: translateY(0); }
.com_treatment_sect .tab_cont .cont .swiper-container { padding: 0 var(--inPd); }
.com_treatment_sect .tab_cont .cont .item  { transition: transform 0.3s;cursor: pointer;;}
.com_treatment_sect.types .tab_cont .cont .item {cursor: default;}
.com_treatment_sect .tab_cont .cont .item .img { position: relative; width: 100%; margin-right: auto; padding-top: 70%; border-radius: 15px; overflow: hidden; }
.com_treatment_sect .tab_cont .cont .item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.com_treatment_sect .tab_cont .cont .item .txt_box { width: 90%;  margin-right: auto; margin-top: var(--contImgTitM)}
.com_treatment_sect .tab_cont .cont .item .txt_box .tit { font-size: var(--tit4); font-weight: 700; display: flex; align-items: center;}
.com_treatment_sect .tab_cont .cont .item .txt_box .tit:after{content:none; position: relative; display: inline-block; width: 1em; height: 1em; margin-left: 5px; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262F40"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center/ contain;}
.com_treatment_sect .tab_cont .cont .item .txt_box .txt { margin-top: var(--contImgTxtM);}
.com_treatment_sect .tab_cont .cont .item .txt_box .txt .dot_line + .dot_line {margin-top: 5px;}
.com_treatment_sect .tab_cont .cont .item .list { margin-top: var(--titContM1); padding-top: var(--titContM1); border-top: 1px solid var(--grayLine);}
.com_treatment_sect .tab_cont .cont .item .list li {display: flex; }
.com_treatment_sect .tab_cont .cont .item .list li + li {margin-top: var(--titContM2);}
.com_treatment_sect .tab_cont .cont .item .list li .tit {font-weight: 700; font-size: var(--txt1); min-width: 4em;}
.com_treatment_sect .tab_cont .cont .item .list li .txt .dot_line + .dot_line {margin-top: 5px;}
.com_treatment_sect .tab_cont .cont .item .view_more {display: flex; justify-content: center; margin-top: 30px;}
.com_treatment_sect .tab_cont .cont .item .view_more .btn {background-color: var(--colorBlue2);color: #fff;border-radius: 10em;font-size: 15px;display: flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;}
.com_treatment_sect .tab_cont .cont .item .view_more .btn .ico {width: 1em;height: 1em;margin-left: 10px;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}
.com_treatment_sect .paging {display: flex; align-items: center; justify-content: flex-start; font-weight: 500; z-index: 3; display: none;}
.com_treatment_sect .swiper-pagination { position: relative; width: 200px; height: 2.5px; margin: 0 15px; background: #D4D9E4; border-radius: 5em; overflow: hidden;transition-delay: 0.2s; }
.com_treatment_sect.active .swiper-pagination { opacity: 1; }
.com_treatment_sect .paging .swiper-pagination-progressbar-fill { background: #002575; border-radius: 10px; }

.chin_page .com_causes_sect + .com_treatment_sect {background-color: var(--grayBg1); border-top: none;}
.chin_page .com_treatment_sect +  .effect_sect{ border-top: none;}

/* 자생치료 슬라이드 */


/* 치료기간 슬라이드 */
.com_period_sect { overflow: hidden; padding: var(--sectMt) 0; }
.com_period_sect .sub_btn_tab {display: none}
.com_period_sect .top {display: flex; align-items: center;}
.com_period_sect .top .info_btn {margin-left: 10px; display: flex; align-items: center}
.com_period_sect .top svg {width: calc(var(--tit2) * 0.8); height: auto; fill: #AAB0BD;}
.com_period_sect .tab_cont { margin-top: var(--contMt); }
.com_period_sect .tab_cont .cont { width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: 0; transform: translateY(0px); transition: opacity 0.5s, transform 0.5s; }
.com_period_sect.active .tab_cont .cont { opacity: 1; transform: translateY(0); }

.com_period_sect .tab_cont .cont .swiper-container { padding: 0 var(--inPd); }
.com_period_sect .tab_cont .cont .item  { transition: transform 0.3s; }
.com_period_sect .tab_cont .cont .item .img { position: relative; width: 100%; margin-right: auto; padding-top: 60%; border-radius: 15px; overflow: hidden; }
.com_period_sect .tab_cont .cont .item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.com_period_sect .tab_cont .cont .item .txt_box { width: 90%;  margin-right: auto; margin-top: var(--contImgTitM); }
.com_period_sect .tab_cont .cont .item .txt_box .tit { font-size: var(--tit4); font-weight: 700;}
.com_period_sect .tab_cont .cont .item .txt_box .tit .tag{display:inline-block; padding: 0.35em 0.6em; margin-bottom:0.3em; border-radius: 5px; border: 1px solid var(--tagCol1); color: var(--tagCol1); font-weight: 600; font-size: 13px; margin-left: 0.5em; vertical-align:middle;line-height: 1;}
.com_period_sect .tab_cont .cont .item .txt_box .txt { margin-top: var(--contImgTxtM)}
.com_period_sect .paging { position: relative; max-width: 35%; height: 2.5px; margin: 40px auto 0; background: #D4D9E4; border-radius: 5em; overflow: hidden; transition-delay: 0.2s; margin-top: 0;visibility: hidden;pointer-events: none;opacity: 0;}
.com_period_sect.active .paging { opacity: 1; }
.com_period_sect .paging .swiper-pagination-progressbar-fill { background: var(--colorBlue1); border-radius: 10px; }
.com_period_sect .com_info_box {margin-top: 30px;}

/* 치료기간 슬라이드 */

.section .com_around_sect {padding-top: 0;}
.section .clinic_case {border-top: none;}
.com_around_sect { padding: var(--sectMt) 0 0; border-top: 7px solid var(--grayBg1);}
.com_around_sect .cont { margin-top: var(--contMt); }
.com_around_sect .cont .map { position: relative; width: 100%; padding-top: 65%; border-radius: 5px; overflow: hidden; }
.com_around_sect .cont .map .location_error_content {width: 100%; height: 100%; border: none; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: none; backdrop-filter: blur(0px);}

.com_around_sect .cont .addr_box { display: flex; align-items: center; flex-wrap: wrap; margin-top: var(--contImgTitM); }
.com_around_sect .cont .addr_box .addr_txt {flex-shrink: 0; width: 100%;}
.com_around_sect .cont .addr_box .addr { margin-right: 10px; font-size: var(--txt2); font-weight: 600; display: inline; vertical-align: middle; line-height: 1.7;}
.com_around_sect .cont .addr_box .copy { padding: 0.3em 0.6em; border-radius: 5px; font-size: var(--txt3); font-weight: 500; color: #7A8390; background-color: var(--grayBg2); cursor: pointer; display: inline;}

.com_around_sect .cont .addr_box .map_btn_list {width: 100%;}
.com_around_sect .cont .addr_box .map_btn_list { margin-top: 20px; display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; order: 3;}
.com_around_sect .cont .addr_box .map_btn_item { white-space: nowrap; }
.com_around_sect .cont .addr_box .map_btn{position: relative; display:flex; justify-content: center; align-items: center; height: 2.34em; padding:0 1em; color: #6B7B92; border:1px solid var(--grayLine); border-radius: 100px; font-size: var(--txt3); font-weight: 600;}
.com_around_sect .cont .addr_box .map_btn img{display: flex; margin-right: 5px;}
.com_around_sect .cont .addr_box .map_btn .naver{width: 0.8em;}
.com_around_sect .cont .addr_box .map_btn .kakao{width: 1.2em;}
.com_around_sect .cont .addr_box .map_btn .google{width: 0.8em;}
.com_around_sect .cont .addr_box .map_btn .tmap{width: 1.1em; margin-right: 3px;}




.com_around_sect .cont .way_box { margin-top: 10px; display: none; order: 2; width: 100%;}
.com_around_sect .cont .way_box .box { display: flex; align-items: center; justify-content: flex-start; }
.com_around_sect .cont .way_box .box .label { margin-right: 8px; font-size: var(--txt3); }
.com_around_sect .cont .way_box .box .label span { display: inline-block; padding: 0.3em 0.6em 0.3em; border-radius: 2em; font-weight: 500; line-height: 1;}
.com_around_sect .cont .way_box .box .label.line1 span { background-color: #0052A4; color: #fff; }
.com_around_sect .cont .way_box .box .label.line2 span { background-color: #00A84D; color: #fff; }
.com_around_sect .cont .way_box .box .label.line3 span { background-color: #EF7C1C; color: #fff; }
.com_around_sect .cont .way_box .box .label.line4 span { background-color: #00A5DE; color: #fff; }
.com_around_sect .cont .way_box .box .label.line5 span { background-color: #996CAC; color: #fff; }
.com_around_sect .cont .way_box .box .label.line6 span { background-color: #CD7C2F; color: #fff; }
.com_around_sect .cont .way_box .box .label.line7 span { background-color: #747F00; color: #fff; }
.com_around_sect .cont .way_box .box .label.line8 span { background-color: #E6186C; color: #fff; }
.com_around_sect .cont .way_box .box .label.line9 span { background-color: #BDB092; color: #fff; }
.com_around_sect .cont .way_box .box .label.suin span { background-color: #FABE00; color: #fff; }
.com_around_sect .cont .way_box .box .label.sinbundang span { background-color: #D31145; color: #fff; }
.com_around_sect .cont .way_box .box .label.gyeongui span { background-color: #77C4A3; color: #fff; }
.com_around_sect .cont .way_box .box .label.airport span { background-color: #0090D2; color: #fff; }
.com_around_sect .cont .way_box .box .label.gyeongchun span { background-color: #0C8E72; color: #fff; }
.com_around_sect .cont .way_box .box .label.uisinseol span { background-color: #B0CE18; color: #fff; }
.com_around_sect .cont .way_box .box .label.seohae span { background-color: #8FC31F; color: #fff; }
.com_around_sect .cont .way_box .box .label.gimpo span { background-color: #A17E47; color: #fff; }
.com_around_sect .cont .way_box .box .label.sillim span { background-color: #6789CA; color: #fff; }
.com_around_sect .cont .way_box .box .label.yellow span { background-color: #EBA900; color: #fff; }
.com_around_sect .cont .way_box .box .txt { color: #434957; font-size: var(--txt3);}





/*댓글*/
.comment_wrap { margin-top: 40px; border-bottom: 1px solid #c1c1c1; }
.comment_wrap.border_none {border-bottom: none}
.comment_wrap .tit_wrap { display: flex; padding-bottom: 10px; border-bottom: 1px solid #000; align-items: center; justify-content: flex-start; font-size: 1em; font-weight: 600; }
.comment_wrap .tit_wrap .tit { margin-right: 8px; }
.comment_wrap .tit_wrap .num { position: relative; top: -1px; border-radius: 10em; text-align: center; background-color: #F3F8FE; color: var(--colorBlue2); font-size: var(--smTxt1); padding: 0.2em 0.7em; line-height: 1.3;}



.comment_wrap .cmt_con { display: flex; align-items: flex-start; justify-content: flex-start; padding: 1.2em 0; }
.comment_wrap .cmt_con + .cmt_con { border-top: 1px solid var(--grayLine);}
.comment_wrap .cmt_con.re { padding: 15px 15px; background-color: #f8f8f9; }
.comment_wrap .cmt_con.no_line { border-bottom: 0; }
.comment_wrap .tit_wrap + .cmt_con.no_line { border-top: 0; }
.comment_wrap .cmt_con .cmt_inner { width: 100%; }
.comment_wrap .cmt_con .top { display: flex; margin-bottom: 7px; align-items: center; justify-content: space-between; }
.comment_wrap .cmt_con .top .txt_wrap { display: flex; align-items: baseline; justify-content: flex-start; }
.comment_wrap .cmt_con .top .txt_wrap .name { margin-right: 20px; font-size: var(--smTxt1); font-weight: 600; }
.comment_wrap .cmt_con .top .txt_wrap .date { position: relative; top: -1px; font-size: var(--smTxt1); font-weight: 400; color: #969696; }
.comment_wrap .cmt_con .top .txt_wrap .new_label {position: relative;top: 3px;display: flex;align-items: center;justify-content: center;width: 1.7em;height: 1.7em;margin-left: 0.8em;font-size: 0.7em;font-weight: 600;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 98"><circle class="cls-2" cx="49" cy="49" r="49" fill="%23ff6714"/><path class="cls-1" d="m68,72.12h-7.41l-21.91-31.61h-.38v31.61h-8.3V25.88h7.54l21.78,31.61h.45v-31.61h8.24v46.24Z" fill="%23fff"/></svg>')center/contain no-repeat;border-radius: 100%;color: #fff;}
.comment_wrap .cmt_con .top .btn_wrap{display: flex}
.comment_wrap .cmt_con .top .btn_wrap button{background: #fff}
.comment_wrap .cmt_con .cmt_txt { font-size: var(--txt3); }
.comment_wrap .cmt_con .cmt_txt a { word-break: break-all;}

.comment_wrap .cmt_con .re_cmt { display: inline-block; padding: 5px 15px; border: 1px solid #dfdfdf; font-size: 12px; font-weight: 400; background-color: #fff; transition: all 0.3s }
.comment_wrap .cmt_con .re_cmt + .re_cmt { margin-left: 5px; }
.comment_wrap .cmt_con .re_cmt span { color: var(--orange); font-weight: 600}
.comment_wrap .cmt_con .re_cmt:hover { border: 1px solid #000; }


.comment_wrap.type2 .tit_wrap { padding-bottom: 0px; border-bottom: 0; }

.comment_wrap.type2 .user_info_box {display: flex; margin-top: 10px;}
.comment_wrap.type2 .user_info_box .box {flex: 1;}
.comment_wrap.type2 .user_info_box .inp_chk {width: 100%; order: 2; margin-top: 5px;}

.comment_wrap.type2 .user_info_box .box  + .box  {margin-left: 10px;}
.comment_wrap.type2 .user_info_box .box .txt {font-size: var(--smTxt1); font-weight: 500; margin-right: 0.5em; font-weight: 600;}
.comment_wrap.type2 .user_info_box .box .inp {width: 100%}
.comment_wrap.type2 .user_info_box .box .inp input {width: 100%;height: 2.5em;padding: 0 0.8em;background-color: #fff;border:1px solid var(--grayLine);;line-height: 2.5em;border-radius: 5px;font-size: var(--txt3);}
.comment_wrap.type2 .user_info_box .box .inp input::placeholder{color: #bac0c9; font-size: var(--smTxt1);}

.comment_wrap.type2 .term_box {margin-top: 15px;}

.comment_wrap.type2 .inp_ck_top .com_info_box {background: transparent; padding: 0; margin-top: 5px;}
.comment_wrap.type2 .inp_chk {font-size: var(--smTxt1); }

.comment_wrap.type2 .inp_chk label {display: flex; align-items: center; cursor: pointer; color: #262F40; font-weight: 500;}
.comment_wrap.type2 .inp_chk label .ico {margin-right: 6px;width: 1.35em;height: 1.35em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%237a8390"><path d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"/></svg>') no-repeat center / contain;}
.comment_wrap.type2 .inp_chk label .ess {color: var(--colorBlue2);}
.comment_wrap.type2 .inp_chk input:checked + label .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat center / contain;}
.comment_wrap.type2 .inp_chk input:checked + label {color: #262F40;}

.comment_wrap.type2 .term_box .box {
    padding: 10px 15px;
    margin-top: 10px;
    background-color: rgba(255,255,255,0.6);
    border: 1px solid var(--grayLine);
    border-radius: 5px;
    font-size: var(--smTxt1);
    color: #7A8390;
}
.comment_wrap.type2 .term_box .info_txt {margin-top: 10px; color:#7a8390; font-size: var(--smTxt1); display: flex; justify-content: flex-end;}
.comment_wrap.type2 .term_box .info_txt span {margin-right: 0.5em;}






 /*댓글 등록*/
.comment_wrap .cmt_bg { position: relative; padding: 15px 15px; background-color: #f0f1f3; border-radius: 10px;}
.comment_wrap .cmt_write { display: flex; padding: 18px 45px; align-items: flex-start; justify-content: flex-start; background-color: #f0f1f3;  }
.comment_wrap .cmt_write .cmt_write_inner { width: 100%; }
.comment_wrap .cmt_write .cmt_write_inner .cmt_in {border-radius: 5px; overflow: hidden; border: 1px solid var(--grayLine);}
.comment_wrap .cmt_write .txt_wrap { display: flex; width: 100%; margin-right: 5px; align-items: center; justify-content: flex-start; position: relative; }
.comment_wrap .cmt_write .txt_wrap i { color: #969696; }
.comment_wrap .cmt_write .txt_wrap textarea { width: 100%; padding: 12px 15px; min-height: 80px; font-size: var(--txt3);  line-height: 1.5; border: none; resize: none;}
.comment_wrap .cmt_write .txt_wrap textarea:focus { outline: none; }

.comment_wrap .cmt_write .txt_wrap .login_box {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0em; width: 100%; height: 100%; padding-top: 0.5em; background-color: rgba(255, 255, 255, 1);}
.comment_wrap .cmt_write .txt_wrap .login_box .ico {width: 0.9em; height: 0.9em; margin-top: -0.4em; }
.comment_wrap .cmt_write .txt_wrap .login_box .ico svg {width: 100%; height: auto;}
.comment_wrap .cmt_write .txt_wrap .login_box .txt {font-size: var(--smTxt1); color: #262F40; margin-left: 7px;}
.comment_wrap .cmt_write .txt_wrap .login_box .btn {margin-left: 15px; font-size: var(--smTxt1); background-color: var(--colorBlue1); color: #fff; border-radius: 10em; padding: 0.3em 0.9em;}


.comment_wrap .cmt_in .com_info_box {background-color:#fff; padding: 0; padding: 0 15px 15px; border-radius: 0; justify-content: flex-end;}

.comment_wrap .btn_wrap {margin-top: 15px;}
.comment_wrap .btn_wrap .bd_btn {width: 100%; height: 3em; border-radius: 5px; font-size: var(--txt3); font-weight: 500; max-width: 100%; background-color: var(--colorBlue1); color: #fff; fill: #fff; display: flex; align-items: center; justify-content: center;}
.comment_wrap .btn_wrap .bd_btn svg {width: 0.8em; margin-right: 1em;}

.comment_wrap .s_btn {padding: 0.4em 1em;border: 1px solid #969696;transition: all 0.3s;color: #fff;  background-color: #000; font-size: var(--smTxt1)}

.write_bottom { display: flex; width: 100%; align-items: flex-start; justify-content: space-between; }
.write_bottom .desc { font-size: var(--smTxt1); font-weight: 400; }
.write_bottom .desc span + span { margin-left: 10px; }

.comment_wrap.type2 .cmt_write { position: relative; border: 0; padding: 15px 0px 10px; border-bottom: none }


/*파일 업로더*/
.upload_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 100%; margin-top: 15px; padding: 12px 15px; background-color: #fff; border: 1px dashed #969696; }
.upload_wrap .upload_btn { }
.upload_wrap .upload_file { flex: 1 1 auto; }
.upload_wrap .upload_file.attach_area{width: 100%}
.upload_wrap .upload_file.attach_area > *:first-child{padding-top: 12px; margin-top: 12px; border-top: 1px solid #dfdfdf;}

/*파일 업로드 전*/
.upload_wrap .upload_file .upload_form { position: relative; display: flex; align-items: center; justify-content: center; color: #969696; }
.upload_wrap .upload_file .upload_form .icon { margin-right: 17px; width: 1em; display: flex; align-items: center;}
.upload_wrap .upload_file .upload_form .icon  svg {width: 100%; height: auto; fill: #969696;}
.upload_wrap .upload_file .upload_form p { font-size: 17px; font-weight: 500; }

/*파일 업로드 후*/
.upload_wrap .upload_file .file { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; }
.upload_wrap .upload_file .file + .file { margin-top: 6px; }
.upload_wrap .upload_file .file .name { font-weight: 500; color: #969696; overflow: hidden; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.upload_wrap .upload_file .file .cancel { position: relative; margin-left: 15px; color: #EE522E; }





@media screen and (min-width: 400px) {
   



    

}



@media screen and (min-width: 600px) {

    .bg_visual_sect .txt_box .txt br {display: block}

    .research_wrap .graph_container {padding: 0px 0 40px;}
    .research_wrap .graph_container .item {padding: 25px 80px 20px ;}
    .research_wrap .graph_container .item.cure_02_2_B {padding-left: 45px; padding-right: 45px;}
    .research_wrap .graph_container .item.case_type3 {padding-left: 30px; padding-right: 30px;}

    
    
    .case_list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px;}
    .case_list .li + .li {margin: 0;}
    .case_list .li a {display: flex; flex-direction: column; height: 100%;}
    
    .comm_review_list_box .review_list {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px;}

    .comm_review_list_box .review_item a {height: 100%;}
    .comm_review_list_box .review_item + .review_item {margin: 0;}

    .view_page .view_doctor .cont_box .img_box {width: 15rem; padding-top: 15rem;}
    .view_page .view_doctor .cont_box .txt_box {padding-top: 10px; margin-left: 30px;}
    .view_page .view_doctor .cont_box .txt_box .btn_wrap {width: 18em;}
    

    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont .cont_box .item {width: 80%; margin: 0 auto;}


    .byak_page .com_treatment_sect .tab_cont .cont .item .img {width: 60%; padding-top: 40%; transition: 0.3s ease-in-out;}  
    .byak_page .com_treatment_sect .tab_cont .cont .item .txt_box {width: 55%;}
    .byak_page .com_treatment_sect .tab_cont .cont .item {transition: 0.75s;}
    .byak_page .com_treatment_sect .swiper-slide-next {transform: translateX(-40%);}
    .byak_page .com_treatment_sect .swiper-slide-next + .swiper-slide {transform: translateX(-80%);}
    .byak_page .com_treatment_sect .swiper-slide-prev {transform: translateX(40%);}

    .com_case_cont .item .case_img2 .top_txt .tit {font-size: 1.8vw;}

    .case_list .li .case_img2 .top_txt .tit {font-size: 1.5vw;}
    .com_case_cont .item .case_img2.facial {padding-top: 3.9vw;}
    .com_case_cont .item .case_img2.facial .arr {top: calc(50% + 2.95vw); }

    .health_info_list .list {grid-template-columns: repeat(3,minmax(0,1fr));}

    .self_test_menu_page .list {grid-template-columns: repeat(3,minmax(0,1fr));}
    .self_test_menu_page .list li a {padding: 25px 20px;}
    .self_test_menu_page .list li .txt_box { font-size: var(--txt1);}


    .news_list .list {grid-template-columns: repeat(2,minmax(0,1fr));gap: 30px 15px;}
    .news_list .list li.write_li {padding: 30px 20px;}
    .news_list .list li.write_li .tit {-webkit-line-clamp: 3; margin-top: 10px;}
    .news_list .list li .date {margin-top: auto;}
    .news_list .list li a {display: flex; flex-direction: column; align-items: flex-start; height: 100%;}
    .news_list .list li.write_li .tit,
    .news_list .list li .txt_box .tit {margin-bottom: 10px;}

    .modal .modal_cont.interview .cont .tit_box .name_box {display: flex; align-items: center;}
    .modal .modal_cont.interview .cont .tit_box .name_box .name { margin-left: 10px; margin-top: 0;}
    
    .tv_page .tv_list_sect .tv_item_wrap.shorts {grid-template-columns: repeat(3,minmax(0,1fr));}

    .commu_delivary_page .deli_info_sect .deil_time_tbl {grid-template-columns: repeat(2, minmax(0, 1fr)) ;gap: 0 15px; text-align: center;}

    .com_tbl {table-layout: fixed;}
    .com_tbl th {width: auto;}
    .commu_delivary_page .deli_schedule_sect .deli_schedule_swipe {display: none;}



    .com_around_sect .cont .addr_box .map_btn_list {grid-template-columns: repeat(4,1fr)}

    .shinbaro_herba_page .tre_eff_sect .cont_box {grid-template-columns: repeat(4,1fr);}
    .shinbaro_herba_page .tre_eff_sect .cont_box .cont .img {margin-top: 0px;}


    .hins_page .benefit_sect .cont_box {padding: 6rem 8rem; border-radius: 25px; max-width: 840px; margin: 0 auto;}
    .hins_page .benefit_sect .cont_box .cont {position: relative; display: flex; align-items: center; padding: 0 0 3.5rem; border-bottom: none}
    .hins_page .benefit_sect .cont_box .cont + .cont {padding-top: 3.5rem;}
    .hins_page .benefit_sect .cont_box .cont::before {content: ""; position: absolute; left: 0; bottom: 0 ;display: block; width: 100%; height: 1px; background: repeating-linear-gradient(to right, #7B7B7B 0, #7B7B7B 5px, transparent 5px, transparent 10px);}
    .hins_page .benefit_sect .cont_box .cont .pc_img {width: 10rem; flex-shrink: 0; margin-right: 30px; display: block;}
    .hins_page .benefit_sect .cont_box .cont .pc_img img {width: 100%;}
    .hins_page .benefit_sect .cont_box .tit_box {display: block; text-align: left;}
    .hins_page .benefit_sect .cont_box .tit_box .txt {margin-top: 0;}
    .hins_page .benefit_sect .cont_box .tit_box .chk_ico {display: none;}
    .hins_page .benefit_sect .cont_box .txt_box {margin-top: 5px;}
    .hins_page .benefit_sect .cont_box .txt_box .img {display: none;}
    .hins_page .benefit_sect .cont_box .txt_box .txt {margin-left: 0;}

    .hins_page .benefit_sect .com_info_box {max-width: 840px; margin: 30px auto 0;}

    .hins_page .hins_app_sect .cont .item {transition: 0.75s;}
    .hins_page .hins_app_sect .cont .img {width: 60%; transition: 0.3s ease-in-out;}
    .hins_page .hins_app_sect .cont .txt_box {width: 55%;}
    .hins_page .hins_app_sect .cont .swiper-slide-prev {transform: translateX(40%);}
    .hins_page .hins_app_sect .cont .swiper-slide-next {transform: translateX(-40%);}


    .hins_page .banner_sect {padding-top: min(80%,800px);}
    .hins_page .banner_sect .bg img {object-position: bottom;}
    

    
    .sinbarometin_page .feature_sect .cont .feature_list {display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: 40px 20px;}
    .sinbarometin_page .feature_sect .cont .feature_item + .feature_item {margin-top: 0;}
    .sinbarometin_page .feature_sect .cont .feature_item .txt {font-size: var(--txt3);}
    .sinbarometin_page .feature_sect .cont .feature_item .txt br {display: none;}
    

    .sinbarometin_page .tretment_sect .sub_cont_tit {margin-bottom: var(--contMt);}
    .sinbarometin_page .tretment_sect .tretment_list {display: flex;}
    .sinbarometin_page .tretment_sect .tretment_item {margin-top: 0; flex: 1}
    .sinbarometin_page .tretment_sect .tretment_item + .tretment_item {margin-top: 0; margin-left: 20px;}


    .commu_delivary_page .deli_info_sect .deil_info_top .top { display: flex; align-items: center; justify-content: space-between; } 
    .commu_delivary_page .deli_info_sect .deil_info_top .info {margin-top: 0;}


    .greeting_page .clinic_sect .bg {padding-top: 150%;}
    .greeting_page .features_sect {margin-top: 120px;}
    .greeting_page .features_sect .cont {width: 80%; margin: 0 auto;}

    
    .staff_list_wrap .staff_list.ward_wrap {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 70px 40px;}
    .staff_list_wrap .staff_list.ward_wrap .staff_box + .staff_box {margin-top: 0;}

    .brand_page .identity_sect .icon_box {display: flex;}
    .brand_page .identity_sect .icon_box .cont {flex: 1;}
    .brand_page .identity_sect .icon_box .cont + .cont {margin-top: 0; margin-left: 20px;}
    .brand_page .value_box .list {width: 380px; margin: 0 auto; gap: 25px 60px;}


    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper { grid-template-columns: repeat(2,minmax(0,1fr)); } 


    .bot_banner_sect .img {padding-top: 38%; position: relative;}
    .bot_banner_sect .img img {position: absolute;left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .bot_banner_sect .tit {z-index: 3; left: 10vw; top: 10vw; font-size: var(--tit3);}

    
 

    .hours_location_page .fac_sect .cont .fac_img .info_ico_box { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0;}
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box {margin-right: 0; margin-bottom: 0;}
    /* .hours_location_page .fac_sect .cont .fac_img .info_ico_box {display: grid; grid-template-columns: repeat(3, max-content);} */


    .certificate_page .reserve_info_sect .download_list {grid-template-columns: repeat(3, 1fr);}



    .hours_location_page .fac_sect .cont .fac_tab_cont {display: flex; flex-wrap: wrap; margin-top: 30px;}
    .hours_location_page .fac_sect .cont .fac_tab_cont .fac_img {width: 70%; min-height: 450px;}
    .hours_location_page .fac_sect .cont .aside {width: 30%;}
    .hours_location_page .fac_sect .facility_img_wrap {margin-top: 60px; width: 100%;}
    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper {gap: 15px; display: grid; width: 100%; margin: 0; padding: 0;}
    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper .swiper-slide {flex-shrink: 1; width: 100%;}
    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper .swiper-slide + .swiper-slide {margin-left: 0px;}
    
    
    .hours_location_page .fac_sect .cont {padding: 25px 0px; }
    
    .hours_location_page .fac_sect .cont .fac_img {border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 2.5%;}
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box {padding-right: 0px; gap: 10px 10px;}
    .hours_location_page .fac_sect .cont .aside {position: relative; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-top: 0;}
    .hours_location_page .fac_sect .cont .aside .cont {display: flex; flex-direction: column; height: 100%; contain:size;}
    .hours_location_page .fac_sect .cont .aside::before {content: ""; width: 45%; padding-top: 14.5%; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%) ;background: url('/inc/img/logo_white.svg') no-repeat center / contain;}
    
    .hours_location_page .fac_sect .cont .aside .floor_tab {display: block !important; height: auto !important; max-height: 100%;  flex: 1; min-height: 0; padding-bottom: 60px;}
    .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box {overflow-y: auto; max-height: 100%;}
    .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box {}

    .hours_location_page .fac_sect {padding: var(--subContPd) 0; border-top: none; background-color: var(--grayBg2); margin-top: var(--sectMt);}
    .hours_location_page .fac_sect .cont .fac_img {background-color: #fff; padding: 30px; border-radius: 15px 0 0 15px;}  

    .visual_card_sect .img {padding-top: 60%;}
    .visual_card_sect .txt_box {margin-top: 40px;}

    .com_clinic_sect .cont {padding-top: 100%;}

    .comm_review_list_box .com_pt_rv {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px;} 
    .comm_review_list_box .com_pt_rv .item {display: flex; flex-direction: column;}
    .comm_review_list_box .item + .item {margin-top: 0;}
    .research_page .que_sect .chat_wrap .chat .txt {font-size: var(--txt2);}


    .history_page .history_sect .cont {display: grid; grid-template-columns: minmax(0,40%) minmax(0,60%); gap: 30px; align-items: flex-start;}
    .history_page .history_sect .cont .img_box {padding-top: 70%;}
    .history_page .history_sect .cont .img_box {position: sticky; top: calc(var(--hdH) + 75px);}
    .history_page .history_sect .cont .img_box + .txt_wrap {margin-top: 0;}

    .history_page .history_sect .cont.solo {display: block;}

    .com_network_sect .list { gap: 15px 15px; grid-template-columns: repeat(2, minmax(0,1fr));}


    .history_sect .cont .txt_wrap .top_box .year {text-align: left;}
    .history_sect .cont .txt_wrap .top_box.move_type .year {text-align: center;}

    .com_network_sect .list li + li {margin-top: 0;}
    .com_around_sect {border-top: none;}
    .com_around_sect .cont .map {padding-top: 45%;}

    .hins_page .hins_app_sect .tab_box .tab .img {width: 100px;}

    .key_sch_box .pnt_wrap .pnt_box {grid-template-columns: repeat(8, minmax(0,1fr)); font-size: var(--txt2);} 


    
    .staff_list_wrap .staff_list {padding-top: 30px;}
    .staff_list_wrap .staff_list .staff_box .top {grid-template-columns: 35% minmax(0, 1fr);}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap {margin-left: 26px;}
    .staff_list_wrap .staff_list .staff_box .list_tbl {width: calc(65% - 26px);}

    .staff_list_wrap .staff_list .staff_box {position: relative;}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .name {font-size: var(--tit3);}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .cate {color: #262f40;}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap .name_box .cate .label {display: none;}
    .staff_list_wrap .staff_list .staff_box .top .img_wrap {padding-top: 130%;}
    .staff_list_wrap .staff_list .staff_box .top .img_wrap .img img {object-position: bottom;}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap {display: flex; }
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap .btn { width: 10em; }

    .staff_list_wrap .staff_list .staff_box .list_tbl {position: absolute;right: 0;bottom: 0;}
    .staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box .th_box .th {font-size: var(--txt3);}
    .staff_list_wrap .staff_list .staff_box .list_tbl .scroll_wrap .scroll_box {padding-top: 12px; padding-bottom: 12px; margin-right: 0;}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap a {display: flex; align-items: flex-end; justify-content: space-between;}


    .hello_sect {overflow: visible; }
    .hello_sect.active {background-color: var(--grayBg1);}
    .hello_sect .cont_box {display: flex; align-items: flex-start; width: var(--subInW); margin: 0 auto; padding: var(--subContPd) var(--inPd) 0; max-width: 100%;}
    .hello_sect .doctor {width: 50%; overflow: visible; padding-top: 0;}
    .strory_page .hello_sect .cont_box {padding-top: var(--subContPd);}
    
    .hello_sect .doctor {}
    .hello_sect .doctor img {max-width: none;}
    .hello_sect .txt_wrap {width: 50%; background-color: transparent; padding: 0; display: flex; flex-direction: column; justify-content: center;}
    
    
    .hello_sect .logo {width: 120px;margin:0  0 10px;}
    .hello_sect .txt_wrap .badge {color: #fff; background-color: var(--colorBlue2);font-weight: 600; font-size: var(--txt2); margin-bottom: 10px; display: inline-flex; align-items: center; border-radius: 10em; padding: 0.2em 1em; opacity: 0; transform: translateY(50px); transition: 0.3s ease-in-out; display: none;}
    .hello_sect .txt_wrap .tit {margin-top: 25px;}
    .hello_sect .txt_wrap .txt {margin-top: 25px; opacity: 0;transform: translateY(50px);transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s;}
    .hello_sect .txt_wrap .desc {margin-top: 15px; transition: opacity 1s ease-in-out 0.9s, transform 1s ease-in-out 0.9s;}
    .hello_sect.active .txt_wrap .badge {opacity: 1;transform: unset;}
    .hello_sect .cont_txt_box {background-color: var(--grayBg1); padding: 60px var(--inPd) var(--subPd); font-size: var(--txt2); position: relative; z-index: 3; line-height: 1.7; flex: 1;}
    .strory_page .hello_sect .cont_txt_box {padding-bottom: 0;}
    .hello_sect .cont_txt_box .txt_box {max-width: 1000px; padding: 0; margin: 0 auto;}
    .hello_sect .cont_txt_box .txt {opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out , transform 1s ease-in-out;}
    .hello_sect .cont_txt_box .txt strong {font-size: var(--tit5); margin-bottom: 25px; display: inline-block;}
    .hello_sect .cont_txt_box .txt:nth-child(1) {transition-delay: 0s;}
    .hello_sect .cont_txt_box .txt:nth-child(2) {transition-delay: 0.2s;}
    .hello_sect .cont_txt_box .txt:nth-child(3) {transition-delay: 0.4s;}
    .hello_sect .cont_txt_box .txt:nth-child(4) {transition-delay: 0.6s;}
    .hello_sect .cont_txt_box .txt:nth-child(5) {transition-delay: 0.8s;}
    .hello_sect .cont_txt_box .txt:nth-child(6) {transition-delay: 1.0s;}
    .hello_sect .cont_txt_box .txt:nth-child(7) {transition-delay: 1.2s;}
    .hello_sect .cont_txt_box .txt + .txt {margin-top: 15px;}
    .hello_sect .cont_txt_box.on {height: auto; max-height: none;}
    .hello_sect .cont_txt_box .name {margin-top: 30px;font-weight: 700; text-align: right;}
    .hello_sect .cont_txt_box.active .txt {opacity: 1;transform: unset;}


    /* 10.24 인사말 좌우로 수정 해달라함 */
    .hello_sect .cont_txt_box.mini_over {display: none !important;}
    .hello_sect .doctor { padding: 0; border-radius: 15px; overflow: hidden; background-color: var(--grayBg1);}
    .hello_sect.active .doctor .bg_cir {transform: translate(-50%, 35%) scale(1);}
    .hello_sect .txt_wrap .txt_box.mini_only {display: block !important;}

    .hello_sect .txt_wrap {padding-left: 30px; padding-top: 3rem;}
    .hello_sect .txt_wrap .in {padding: 0;}
    .hello_sect .txt_wrap .hello {font-size: var(--tit3);}
    .hello_sect .txt_wrap .tit {font-size: var(--tit3); margin-top: 5px;}
    


    .full_visual_sect {height: 100vh; overflow: hidden;}
    .full_visual_sect .cont {  height: 100vh; min-height: 0; padding: 0 var(--inPd); overflow: visible;}
    .full_visual_sect .cont .img_box {padding-top: calc( min(var(--subInW) , 100%) * 0.6); height: 0; min-height: 0; transform: scale(1); position: relative; width: calc(var(--subInW) - var(--inPd) * 2); margin:  0 auto; max-width: 100%}
    .full_visual_sect .cont .img {position: absolute; left: 0; top: 0; border-radius: 30px; transition: none;}
    .full_visual_sect .cont .bg {opacity: 0;}
    .full_visual_sect .tit_wrap .txt_box + .txt_box {margin-top: 120px;}

    .brand_page .character_sect .visual_cont {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;}
    .brand_page .character_sect .visual_cont .visual_img {margin: 0;}
    .brand_page .character_sect .char_cont {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 80px;}
    .brand_page .character_sect .char_cont .big_img {text-align: center;}
    .brand_page .character_sect .char_cont .big_img img {width: 40%;}
    .brand_page .character_sect .char_cont .txt_wrap .img {display: none;}
    .brand_page .character_sect .char_cont .txt_wrap {display: block;}
    .brand_page .character_sect .char_cont .txt_wrap .tit_box .desc {margin-top: 5px;}
    .brand_page .character_sect .char_cont .bot_img .img_list {margin-top: 20px; gap: 20px;}
    .brand_page .character_sect .char_cont + .char_cont {margin-top: 80px;}

    .research_page .slide .swiper-wrapper {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 45px 30px;}
    .self_test_menu_page {overflow: hidden;}
    .self_test_menu_page .bg_box {overflow: visible;}
    .self_test_menu_page .visual_sect {padding-bottom: 0;}
    .self_test_menu_page .visual_sect .txt_box .tit br {display: block;}
    .self_test_menu_page .visual_sect .txt_box .txt {padding: 30px 40px;border-radius: 20px;margin-top: 40px;}
    .self_test_menu_page .visual_sect .img {position: static; transform: translateY(10%); width: 40%;}
    .self_test_menu_page .visual_sect .img video {width: 140%; max-width: 140%;}

    .com_proven_sect .ico_wrap .box {font-size: var(--txt3);}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap .btn_wrap .btn .ico {display: block;}


    
    .view_page .view_doctor .cont_box .txt_box .btn_wrap .btn {width: 10em;}
    .view_page .view_doctor .cont_box .txt_box .btn_wrap .btn .ico { display: block;}


    .my_page .in {width: 840px;}
    .my_page .write_box .inp_list .left {width: 16em; }
    .my_page .write_box .inp_list.agree {justify-content: flex-start;}
    .my_page .write_box .inp_list.agree .toggle_switch {height: 1.45em;}
    .my_page .write_box .inp_list.pw .btn_box button {padding: 0.35em 1.2em 0.4em;}

    .my_page .test_cont .list li a {display: flex; align-items: center; padding: 1.5em 1em;}
    .my_page .test_cont .list li a .com_tag {margin-bottom: 0; margin-right: 10px;}
    .my_page .test_cont .list li a .tit {flex: 1; min-width: 0}
    .my_page .test_cont .list li a .date {margin-left: 15px; margin-top: 0;} 
    .my_page .btn_wrap {flex-direction: row; justify-content: space-between;}
    .my_page .btn_wrap .btn_box {order: 2; margin-left: auto;}
    .my_page .btn_wrap .withdrawal {font-size: var(--smTxt1);}

    .com_tab_part_sect .tab_wrap .tab {font-size: var(--txt2);}
    .com_tab_part_sect .tab_wrap .tab + .tab {margin-left: 15px;}
    .research_wrap .item .slide_case_img.type3 {width: 100%;}

    .self_test_result .list li {padding: 25px 30px; border-radius: 15px;}
    .self_test_result .list li + li {margin-top: 15px;}
    .self_test_result .treatment_sect .cont_box {margin-top: 20px; gap: 40px 25px; grid-template-columns: repeat(3, minmax(0, 1fr));}

    
    .comment_wrap .top_tit_box {display: flex;}
    .comment_wrap.type2 .user_info_box {margin-top: 0; margin-left: auto;}
    .comment_wrap.type2 .user_info_box .box {display: flex; align-items: center;}
    .comment_wrap.type2 .user_info_box .box .inp {width: 9em;}


 /* 6001 */
    
    @media screen and (min-width: 600px) and (max-width: 767px) {
        .research_wrap .expt_cont .img_wrap {width: 100%; display: flex; align-items: center;}
        .research_wrap .expt_cont .img_wrap .cir {flex-shrink: 0; transform: rotate(-90deg); margin: 30px -10px 0; z-index: 2;}
        .research_wrap .expt_cont .spe_bpx {margin: 20px 0 0 auto;}
        .research_wrap .expt_cont .spe_bpx:before{left: 70%;}

        .research_wrap .cont_tit_box {width: 100%;}
        .research_wrap .expt_cont .cont_txt_box {width: 100%;}

        .research_wrap .graph_container .item .object_graph {width: 80%; margin: 0 auto;}
        .shinbaro_herba_page .slide_sect .slide_cont .cont_box {padding: 0 110px;}

    }


   
    
}


@media screen and (min-width: 768px) {




    .bg_visual_sect .bg {transform: unset !important;}
    .bg_visual_sect .txt_box {transform: unset !important; opacity: 1 !important;}
    .bg_visual_sect .img {transform: unset!important; opacity: 1 !important;}

    .sub_top {padding-bottom: 60px;}
    .sub_top .tit_box .txt {margin-top: 15px;}

    .bg_visual_sect .bg {border-radius: 0; height: 100%;}
    .bg_visual_sect .cont_box {display: grid; align-items: center; justify-content: space-between ;grid-template-columns: minmax(0,40%) minmax(0,55%) ; text-align: left; padding: 5rem 0;}
    .bg_visual_sect .cont_box .txt_box {margin-top: 0; text-align: left;}
    .bg_visual_sect .video_txt {grid-column: 1 / 3; color: #fff; padding-left: 45%; opacity: 0.6;}

    .bg_visual_sect .sub_page_nav {opacity: 0; transition: 0.6s ease-in-out;}
    
    .bg_visual_sect .cont_box .img {margin-top: 0; padding-top: 56.25%; width: 100%;}


    .com_info_box {padding: 20px 25px;}

    .com_sticky_nav ul li + li {margin-left: 20px;}

    .visual_card_sect {position: relative;  height: 100vh; padding: 0;}
    .visual_card_sect .img { border-radius: 30px; margin: 0 auto;  width: calc(var(--subInW) - var(--inPd) * 2); max-width:calc(100% - var(--inPd) * 2); padding-top: calc(var(--subInW) * 0.4);}
    .visual_card_sect .sub_top {background-color: #fff; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; padding-bottom: 60px; will-change: transform;}
    .visual_card_sect .filter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); opacity:0; transition: 1s;}
    .visual_card_sect .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 3; width: var(--subInW); max-width: 100%; padding: 0 var(--inPd); margin-top: 0; opacity: 0; pointer-events: none ;transition: opacity 0.3s;}
    .visual_card_sect .txt_box .tit {font-size: var(--tit1); line-height: 1.5; transform: translateY(100px); opacity: 0; font-weight: 700; transition: 1s ease-in-out;}
    .visual_card_sect .txt_box .txt {font-size: var(--txt0); font-weight: 300; transform: translateY(100px); opacity: 0; transition: 1s ease-in-out}
    .visual_card_sect .txt_box .txt:nth-child(2) {transition: 1s ease-in-out 0.3s}
    .visual_card_sect .txt_box .txt:nth-child(3) {transition: 1s ease-in-out 0.4s}
    .visual_card_sect .txt_box .txt:nth-child(4) {transition: 1s ease-in-out 0.5s}
    .visual_card_sect .txt_box .tit + .txt {margin-top: 30px;}
    .visual_card_sect .txt_box .txt + .txt {margin-top: 15px;}



    .non_surg_page .goals_sect,
    .ja_herbal_page .slide_sect {margin-top: 0;}

    
    .ja_herbal_page .slide_sect .slide_cont .cont_box {width: 100%; padding: 0; margin-left: 0; overflow: visible;}
    .ja_herbal_page .slide_sect .slide_cont .cont_box .swiper-wrapper {display: flex;}
    .ja_herbal_page .slide_sect .slide_cont .cont_box .item {flex: 1; opacity: 0; transform: translateY(100px); transition: 0.8s ease-in-out 0.2s;}
    .ja_herbal_page .slide_sect .slide_cont .cont_box .item + .item  {margin-left: 30px;}
    .ja_herbal_page .slide_sect .slide_cont .item .img {border-radius: 20px;}

    .ja_herbal_page .slide_sect .slide_cont.row {display: flex; justify-content: space-between; margin-top: 60px;}
    .ja_herbal_page .slide_sect .slide_cont.row + .slide_cont.row {margin-top: var(--sectMt);}
    .ja_herbal_page .slide_sect .slide_cont.row .cont_tit {width: 40%; margin-top: 0; align-items: flex-start;}
    .ja_herbal_page .slide_sect .slide_cont.row .cont_tit .tit {text-align: left;}
    .ja_herbal_page .slide_sect .slide_cont.row .cont_box {width: 55%; margin-top: 0;}
    

    .ja_herbal_page .slide_sect .slide_cont.active .item {opacity: 1; transform: unset;}


    .ja_herbal_page .slide_sect .slide_cont .item .txt_box .tit {font-size: var(--tit5);}
    .ja_herbal_page .slide_sect .slide_cont .item .txt_box .tit br {display: none;}

    .ja_herbal_page .herd_effect_sect .cont_box {display: flex; align-items: center; margin-top: 60px;}
    .ja_herbal_page .herd_effect_sect .cont_box .txt_wrap { display: block; width: 50%; margin-right: 8rem;}
    .ja_herbal_page .herd_effect_sect .cont_box .txt_wrap .cont { display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.2);}
    .ja_herbal_page .herd_effect_sect .cont_box .txt_wrap .txt_box {width: 100%; font-size: var(--tit5); padding: 1em 0; margin-top: 0; opacity: 0.4; transition: opacity 0.6s;}
    .ja_herbal_page .herd_effect_sect .cont_box .txt_wrap .cont.active .txt_box {opacity: 1;}
    .ja_herbal_page .herd_effect_sect .cont_box .txt_wrap .txt_box .txt {}
    .ja_herbal_page .herd_effect_sect .cont_box .txt_wrap .txt_box .ico {margin-left: auto;}

    .ja_herbal_page .herd_effect_sect .cont_box .img_wrap {position: relative; width: 50%; display: block; }
    .ja_herbal_page .herd_effect_sect .cont_box .img_wrap .cont { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition: opacity 0.6s;}
    .ja_herbal_page .herd_effect_sect .cont_box .img_wrap .cont.active {opacity: 1;}
    .ja_herbal_page .herd_effect_sect .cont_box .img_wrap .cont:nth-child(1) {position: relative;}
    .ja_herbal_page .herd_effect_sect .cont_box .img_wrap .txt_box {display: none;}
    .ja_herbal_page .herd_effect_sect .cont_box .img_wrap .img {border-radius: 20px;}

    .ja_herbal_page .rese_btn {margin-top: 60px;}
    .ja_herbal_page .rese_btn .btn {font-size: var(--txt2);}

    .modal .modal_wrap .modal_cont.herbal {width: 60rem;}
    
    

    .visual_card_sect .filter.active{opacity: 1;}
    .visual_card_sect .txt_box.active{opacity: 1;transition: 0s; pointer-events: visible;}

    .com_causes_sect .cont_box .cont {display: flex; align-items: flex-start;}
    .com_causes_sect .cont_box .cont + .cont {margin-top: 80px;}
    .com_causes_sect .cont_box .cont .list {margin-top: 0; gap: 30px 15px; width: 550px; min-width: 0; margin-left: auto;}

    .effect_sect.sticky_type {padding-bottom: var(--sectMt);}
    .effect_sect.sticky_type > .in {}
    .effect_sect.sticky_type .sect_tit_box {width: 100%;  margin-bottom: 5%;}
    .effect_sect.sticky_type .sect_tit_box .sub_cont_tit br {display: none;}
    .effect_sect.sticky_type .research_fixed {width: 100%;}
    .effect_sect.sticky_type .research_fixed .research_wrap {margin-top: 0;}
    .effect_sect.sticky_type .research_fixed .research_wrap + .research_wrap {margin-top: 60px;}
    .effect_sect.sticky_type .research_fixed .research_wrap .box {display: flex; justify-content: space-between;}
    .effect_sect.sticky_type .research_fixed .research_wrap .box_txt_box {width: 40%;}
    

    .treatment_page .treatment_banner_sect .bg_ico {width: 40%;}
    
    
    .research_wrap .box_txt_box .tit br {display: none;}
    .research_wrap .graph_container { border-radius: 20px; width: 50%; margin-top: 0; padding-top: 0;}
    .research_wrap .graph_container .item {padding: 25px 3vw 20px;} 
    .research_wrap .graph_container .item.cure_02_2_B {padding-left: 0; padding-right: 0;}

    


    
    .test_banner_sect {padding: 0 var(--inPd); overflow: visible;}
    .test_banner_sect .in {background-color: #E2EDFE; border-radius: 20px; padding: 60px 30px 100px; position: relative;}
    .test_banner_sect .banner_cont {padding: 0; margin: 0; position: static; display: flex;}
    .test_banner_sect .banner_cont .cont {position: absolute; right: var(--inPd); bottom: 0; display: flex; align-items: flex-end; flex-direction: row-reverse; padding-top: 60px; width: 100%; height: 100%;}
    .test_banner_sect .banner_cont .tag_wrap {align-self: flex-start;}
    .test_banner_sect .banner_cont .ico_img {width:27%; max-width: 270px; position: static; transform: unset; transform: translate(5%,10%);}
    .test_banner_sect .banner_cont .com_see_more {position: relative; z-index: 3;}

    
    .com_around_sect .cont {margin-top: 0; margin-left: auto; margin-top: var(--contMt);}
    .com_around_sect .cont .map {padding-top: 35%; border-radius: 25px;}

    /* .com_period_sect {margin-top: var(--sectMt);} */


    .treatment_page.dosu .com_treatment_sect,
    .treatment_page .since_slide_sect,
    .clinic_case,
    .com_treatment_sect,
    .com_qna_sect,
    .treatment_page .dif_tbl_sect,
    .non_surg_page .com_clinic_sect,
    .com_period_sect,
    .disease_page .com_treatment_sect,
    .test_banner_sect,
    .commu_sect,
    .com_around_sect {border-top: none; padding-bottom: 0;}

    
    

    .staff_view_page .clinic_case {padding-top: 0;}
    .staff_view_page .clinic_case  +  .clinic_case  {margin-top: var(--sectMt);}
    


    .chin_page .com_causes_sect + .com_treatment_sect {padding-bottom: var(--sectMt); margin-top: var(--sectMt);}

    .com_qna_sect {border-top: none;}
    .effect_sect + .com_qna_sect  {padding-top: 0;}




    

    .big_line {border-top: none;}

    .com_causes_sect {padding-bottom: 0;}
    

    .slide_modal {left: 0; transform: translateX(0); max-width: 100%; overflow: auto; padding: 8rem 0;}
    .slide_modal .modal_wrap { display: table; table-layout: fixed; vertical-align: middle;}
    .slide_modal .modal_wrap .scroll_box {display: table-cell;vertical-align: middle; transform: unset;}
    .slide_modal .modal_wrap .modal_cont {transform: unset; border-radius: 2rem; max-height: none; width: 60rem;}
    .slide_modal .modal_wrap .modal_cont.living_index {width: 50rem;}
    .slide_modal .modal_cont .li_cont {max-height: none;}
    .slide_modal .modal_cont .li_cont_slide {max-height: none;}
    

    .com_see_more {display: flex;align-items: center;padding: 0.6em 1.3em;font-size: var(--txt3);font-weight: 700;fill: #262F40;border: 1px solid #262F40;border-radius: 5em;transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out , border-color 0.3s ease-in-out;}
    .real_review {margin-top: var(--sectMt);}
    .real_review .slide_wrap {margin: 0 0 0 calc(var(--inPd) * -1);}
    .com_pt_rv .slide_wrap { padding: 0;}


    .best_sect .real_review {margin-top: 0;}

    .more_banner_sect {width: var(--subInW); max-width: 100% ;margin: 0; display: flex; justify-content: flex-end; background-color: transparent; border-radius: 0; padding-top: 80px;}
    .more_banner_sect::before {content: none;}
    .more_banner_sect .in {width: 50%; background: #48A2E8; padding: 4rem var(--inPd); border-radius: 15px; overflow: hidden; margin: 0; width: 100%; display: block;}

    .motion_page  .more_banner_sect {padding-bottom: 0;}

    
    .effect_sect.sticky_type .more_banner_sect .in {width: 50%;}
    .more_banner_sect .in:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(22,100,250,0.25);}
    

    /* .com_treatment_sect.types .tab_cont .cont .swiper-wrapper {transform: unset !important;}
    .com_treatment_sect.types .tab_cont .cont .item {flex: 1 !important;}
    .com_treatment_sect.types .tab_cont .cont .item .txt_box {width: 100%;} */

    /* .more_banner_sect .in {display: flex; flex-wrap: wrap;}
    .more_banner_sect .top {width: 40%;}
    .more_banner_sect .img {width: 30%; } */

    /* .visual_card_sect .txt_box .tit br {display: none;} */
    

    .non_surg_page .goals_sect {padding: var(--sectPd) 0;}
    .non_surg_page .goals_sect .cont_box .swiper-wrapper {display: grid; grid-template-columns:  repeat(4,minmax(0,1fr)); gap: 60px 20px; margin: 0 auto;} 
    .non_surg_page .goals_sect .cont_box .item {opacity: 0; transform: translateY(100px); transition: 1s ease-in-out ;}
    .non_surg_page .goals_sect .cont_box.active .item {opacity: 1; transform: unset;}
    .non_surg_page .goals_sect .cont_box .item:nth-child(2) {transition-delay: 0.2s;}
    .non_surg_page .goals_sect .cont_box .item:nth-child(3) {transition-delay: 0.4s;}
    .non_surg_page .goals_sect .cont_box .item:nth-child(4) {transition-delay: 0.6s;}
    .non_surg_page .goals_sect .cont_box .item .img {position: relative; padding-top: 80%; border-radius: 15px;}
    .non_surg_page .goals_sect .cont_box .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
    .non_surg_page .goals_sect .cont_box .item .txt_box { margin-top: 20px;}
    .non_surg_page .goals_sect .cont_box .item .txt_box .tit {font-size: var(--tit5);}
    .non_surg_page .goals_sect .cont_box .item .txt_box .txt {font-size: var(--txt3);}
    .non_surg_page .goals_sect .cont_box .item .txt_box .txt br {display: none;}

    .sub_btn_tab {width: 100%; padding: 0 0; margin-left: 0;}

    .com_treatment_sect .tab_cont {margin-top: 0;}
    .com_treatment_sect .tab_cont .sub_btn_tab {display: flex; margin-bottom: var(--contMt); margin-top: 15px; display: none;}
    .com_treatment_sect .tab_cont .sub_btn_tab .tab {background-color: var(--grayBg1); cursor: pointer;}
    .com_treatment_sect .tab_cont .sub_btn_tab .tab.active {color: #fff;background-color: #262F40;}
    /* .com_treatment_sect .tab_cont .cont .item.swiper-slide-prev {transform: translateX(60%);}
    .com_treatment_sect .tab_cont .cont .item .img {width: 40%; padding-top: 25%;}
    .com_treatment_sect .tab_cont .cont .item .txt_box {width: 40%;}
    .com_treatment_sect .tab_cont .cont .item {transition: 0.75s;}
    .com_treatment_sect .swiper-slide-next {transform: translateX(-60%);}
    .com_treatment_sect .swiper-slide-next + .swiper-slide {transform: translateX(-120%);} */


    
    .non_surg_page .goals_sect .line {margin: 40px auto;}
    .treatment_tab_sect {padding-bottom: 0;}
    .treatment_tab_sect .tab_cont {width: 100%;}
    
    .treatment_tab_sect .tab_cont .cont .item {display: flex; align-items: flex-start;}
    .treatment_tab_sect .tab_cont .cont .item .img {width: 50%; padding-top: 40%; margin-right: 30px;}
    .treatment_tab_sect .tab_cont .cont .item .list {margin-top: 20px;}
    .treatment_tab_sect .tab_cont .cont .item .list li + li {margin-top: 10px;}
    .treatment_tab_sect .tab_cont .cont .item .list li .txt {margin-top: 0.1em;}
    .treatment_tab_sect .tab_cont .cont .item .view_more {justify-content: flex-start;}
    .treatment_tab_sect .tab_cont .cont .item .view_more .com_see_more {font-size: var(--smTxt1);}
    .treatment_tab_sect .tab_cont .cont .item .txt_wrap {padding-top: 10px;}
    .treatment_tab_sect .tab_cont .cont .item .txt_box {width: 100%; margin-top: 0;}

    .com_clinic_sect .cont {padding-top: 700px; border-radius: 25px;}


    .since_slide_sect .in {width: 100%; padding: 0;}
    .since_slide_sect .sub_cont_tit {width: var(--subInW); margin: 0 auto; padding: 0 var(--inPd);}

    
    .since_slide {width: 100%; margin: 0; }
    .since_slide .swiper-slide {width: 40rem;}
    .since_slide {margin-top: 80px; padding:0 max(calc((100% - var(--subInW))/2 + var(--inPd)) , var(--inPd))} 

    
    .treatment_page .treatment_banner_sect {padding: 45px 40px 40px; margin-top: 0;}

    
    
    .since_slide .swiper-slide-next + .swiper-slide + .swiper-slide, .since_slide .swiper-slide-prev, .since_slide .swiper-slide-next {transform: translateY(100px);}
    .since_slide .swiper-container {padding-bottom: 100px;}
    .since_slide .img {border-radius: 20px;}
    


    
    .com_tab_part_sect .tab_cont { width: 100%;margin: 0 auto;}
    .com_tab_part_sect .tab_cont .tab_cont_box {display: block; align-items: flex-start;}
    .com_tab_part_sect .tab_cont .video_box {width: 100%; margin: 0 auto; max-width: 840px;}
    .com_tab_part_sect .tab_cont .cont_tit_box + .video_box {margin-top: 60px;}
    .com_tab_part_sect .tab_cont .video_box .com_play_bg .btn_play {width: 6.2rem; height: 6.2rem;}
    .com_tab_part_sect .tab_cont .right_cont {flex: 1; min-width: 0;}
    .com_tab_part_sect .tab_cont .point_box_cont,
    .com_tab_part_sect .tab_cont .ico_box_cont { margin-top: 90px;}
    .com_tab_part_sect .tab_cont .point_box_cont + .ico_box_cont {margin-top: 80px;}
    .com_tab_part_sect .tab_cont .ico_box_cont .box {display: flex; align-items: flex-start; justify-content: space-between;}
    .com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box {width: 35%; flex-shrink: 0;}

    .com_tab_part_sect .tab_cont .point_box_cont {display: flex; }
    .com_tab_part_sect .tab_cont .point_box_cont .box {flex: 1; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
    .com_tab_part_sect .tab_cont .point_box_cont .box + .box {margin-left: 20px; margin-top: 0;}
    .com_tab_part_sect .tab_cont .point_box_cont .box .txt_box {margin-top: 20px;}

    .com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap {width: 70%; margin-left: 0; min-width: 0;}
    .com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .slide_cont {}
    .com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap .swiper-container {}
    
 
    .treatment_page.dosu .tab_cont .ico_box_cont { margin-top: 60px;}
    .treatment_page.dosu .tab_cont .cont_tit_box + .ico_box_cont {margin-top: 120px;}

    .com_tab_part_sect .tab_wrap {justify-content: center; padding: 12px 0; margin: 80px auto 0; border-radius: 500px; width: calc(var(--subInW) - var(--inPd) * 2); max-width: 100%; transition: 0.3s ease-in-out}
    .com_tab_part_sect .tab_wrap .tab {flex: 0; padding: 0.7em 1.7em;}
    .com_tab_part_sect .tab_wrap .tab + .tab {margin-left: 20px;}
    .com_tab_part_sect .tab_cont {margin-top: 4rem;}
    


    /* .com_causes_sect .dif_tbl_sect .cont {display: flex;} */

    .dif_tbl_sect .cont {}
    .dif_tbl_sect .tbl_wrap {margin-top: 40px; width:100%; }
    .dif_tbl_sect .tbl_wrap .th {padding: 0.75em 1em;}
    .dif_tbl_sect .tbl_wrap .vs {font-size: var(--tit3); top: 0.7em;}
    .dif_tbl_sect .tbl_wrap .td {font-size: var(--txt1);}
    


    .tbl_wrap.type2 .td {padding-top: 3em;}
    .tbl_wrap.type2 .td  br {display: none;}
    .tbl_wrap.type2 .td .td_tit {font-size: var(--txt3); width: 7.2em;}
    .tbl_wrap.type2 .td_tit {top: calc(var(--txt1) * 3 - 0.3em)}
    
    .effect_sect.sticky_type .in {position: relative; height: 100%;}
    
    .shinbaro_herba_page .research_wrap .graph_container {width: 100%;}
    


    /* .tbl_wrap.type2 .td {padding: 1.5em 3.2em 1.5em; justify-content: center;} */
    /* .tbl_wrap.type2 .td::before {content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 80%;height: 1px;background-color: rgba(255,255,255,0.37);transform: translateX(-50%);} */


    
    
    .treatment_page .treatment_banner_sect .tit {font-size: var(--tit2);}
    .com_tab_part_sect .tab_cont .effect_sect {margin-top: 120px;}
    .com_tab_part_sect .tab_cont .effect_sect .sub_cont_tit {font-size: var(--tit3);}
    .com_tab_part_sect .tab_cont .ico_box_cont .box + .box {margin-top: 60px;}
    .com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box .ico {width: var(--tit3); height: calc(var(--tit3) * 1.5);}
    .com_tab_part_sect .tab_cont .ico_box_cont .box .tit_box .tit {font-size: var(--tit3);}
    .com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box {padding: 30px; background-color: #fff; margin-top: 0;  border-radius: 20px; width: 70%; min-width: 0;}

    .com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box > .list.dot_line::before {content: "";width: 1em; height: 1.5em; margin-right: 10px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23262f40"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat center / contain;
    }
    .com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box > .list:first-child {border-top: 1px solid #000;}
    .com_tab_part_sect .tab_cont .ico_box_cont .box .txt_box > .list {padding: 1em; border-bottom:1px solid rgba(0, 0, 0, .1);}
    

    .com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap {padding: 25px 20px; border-radius: 20px; margin-top: 0;}
    .com_tab_part_sect .tab_cont .ico_box_cont .slide_box {width: 65%;}
    .com_tab_part_sect .tab_cont .ico_box_cont .slide_box .slide_wrap {width: 100%;}
    .com_tab_part_sect .tab_cont .ico_box_cont .slide_box .slide_wrap + .slide_wrap  {margin-top: 40px;}
    .com_tab_part_sect .tab_cont .ico_box_cont .slide_wrap > .tit {font-size: var(--txt1);}

    

    .mri_page .mri_point_sect .num_box_wrap {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px 40px;}
    .mri_page .mri_point_sect .num_box_wrap .box {display: flex; flex-direction: column;}
    .mri_page .mri_point_sect .num_box_wrap .box + .box {margin-top: 0;}
    .mri_page .mri_point_sect .num_box_wrap .box .tit_wrap {align-items: center; margin-bottom: 20px; margin-top: 0;}
    .mri_page .mri_point_sect .num_box_wrap .box .txt_box {order: 2; margin-top: 20px;}
    .mri_page .mri_point_sect .num_box_wrap .box .txt_box .txt {margin-top: 0px;}
    .mri_page .mri_point_sect .num_box_wrap .box .img {margin-top: 0;}

    .mri_page .mri_how_sect {grid-column: 1 / 3;}
    .mri_page .mri_point_sect .num_box_wrap .mri_how_sect.box .txt_box {order: inherit;}
    

    .mri_page .mri_point_sect .num_box_wrap .mri_how_sect.box .item .txt_box {margin-top: 16px;}
    .mri_page .mri_point_sect .num_box_wrap .mri_how_sect.box .item .txt_box .txt {margin-top: 8px;}
    .mri_page .mri_how_sect .slide_wrap {}
    .mri_page .mri_how_sect .slide_wrap .item {flex: 1;}
    .mri_page .mri_how_sect .slide_wrap .item + .item {margin-left: 30px;}
    .mri_page .mri_how_sect .slide_wrap .item .txt_box {}
    .mri_page .mri_how_sect .com_info_box {margin-top: 45px;}
    

    .mri_banner_sect .cont_box {display: flex; align-items: center;}
    .mri_banner_sect .cont_img {width: 30%; margin-right: 6rem; max-width: 100%;}
    .mri_banner_sect .talk_wrap  {width: 50%;}

    .treatment_page.mri_page .mri_banner_sect .btn_wrap .more_btn {margin-top: 0;}


    .interview_page .best_sect .slide_wrap, .treat_case_page .best_sect .slide_wrap, .real_review_page .best_sect .com_pt_rv  {margin-top: 60px;}

    .com_sch_box {width: 45rem; margin: 0 auto;}
    .com_sch_box + .sub_full_tab {margin-top: 6rem;}
    .sub_full_tab {width: auto}
    .sub_full_tab .tab {font-size: var(--txt1); flex: none; padding: 0.7em 2.5em;}

    .sub_dapth2_tab {max-width: 100%; margin: 45px 0 0; padding: 0; width: 100%;}
    .sub_dapth2_tab .tab {flex: 1; font-size: var(--txt2); padding: 0.6em 1.65em;}
    .sub_dapth2_tab .tab + .tab {margin-left: 0;}
    .community_list_top .chk_box {justify-content: flex-start; margin-top: 6rem;}
    

    .view_chk label {font-size: var(--txt2);}
    .list_sel .nice-select {font-size: var(--txt2); border-radius: 10em;}


    .case_list .li .case_img2 .top_txt .tit {font-size: min(1vw,13px);}

    .com_case_cont .item .case_img2.facial {padding-top: min(3.3vw , 27px);}
    .com_case_cont .item .case_img2.facial .arr {top: calc(50% + min(1.65vw , 18px)); }


    .case_list_box {background-color: #fff; padding-top: 0;}
    .case_list .li .item {background-color: var(--grayBg2);}
    .case_list .li .item .util .tag span {background-color: #fff; transition: background-color 0.3s ease-in-out;}
    

    .praise_list,
    .health_info_list,
    .notice_list {margin-top: 45px;}

    .view_btm_btn_box .view_btm_btn.wh {background-color: var(--grayBg2);}

    .community_list_top {padding-bottom: 25px;}
    .comm_review_list_box {background-color: #fff; padding-top: 0;}
    .review_item a {background-color: var(--grayBg2);}
    .comm_review_list_box .review_item a .login_info_box {background-color: #fff;}
    .review_item .profile_box .img {background-color: #fff; width: 60px; height: 60px;}
    .review_heip_quick {bottom: 60px;}

     
     
     .comm_review_list_box .item {background-color: var(--grayBg2);}
     .comm_review_list_box .item + .item {margin-top: 0; }

     
     
     .com_pt_rv .item .profile_box .img {background-color: #fff; width: 50px; height: 50px;}
     
     .com_pt_rv .item .profile_box .txt .name {font-size: var(--txt1);}
     .review_item .profile_box .txt .type,
     .com_pt_rv .item .profile_box .txt .type {font-size: var(--smTxt1); font-weight: 500;}

    .best_sect .com_pt_rv .item .profile_box .img {background-color: var(--grayBg1);}
     


     
    .view_page .com_case_cont .item:hover {transform: unset; background-color: transparent; box-shadow: none;}
    .treat_case_view_page .view_box .view_cont .cont {display: flex; }
    .treat_case_view_page .view_box .view_cont .cont .ico_badge_box {flex-shrink: 0; width: 9.5em;}
    .treat_case_view_page .view_box .view_cont .cont .ico_badge {height: 2.5em; margin-bottom: 0; flex-shrink: 0; border-radius: 5px;}
    .treat_case_view_page .view_box .view_cont .cont .ico_badge .ico_txt {margin-left: 0.5em;}
    .treat_case_view_page .view_box .view_cont .cont .txt {padding-top: 0.35em;}
    .treat_case_view_page .view_box .com_info_box {margin-top: 60px;}



  
    


    .view_page .board_li_wrap {margin-top: 80px;}
    .view_page .view_doctor {padding: 30px 40px; margin-top: 120px;}
    .view_page .view_doctor .cont_box {align-items: center;}
    .view_page .view_doctor .cont_box .img_box {width: 18rem; padding-top: 18rem;}
    .view_page .view_doctor .cont_box .txt_box .name {font-size: var(--tit5);}
    .view_page .view_doctor .cont_box .txt_box .info_box {font-size: var(--txt2);}
    
    

     
    .notice_list .list li a {display: flex; align-items: flex-end; padding: 1.5em 2em;}
    .notice_list .list li .tit_box {display: flex; align-items: center; flex: 1; min-width: 0; padding-right: 20px;}
    .notice_list .list li .com_tag {margin-bottom: 0; margin-right: 15px;}
    .notice_list .list li .date {margin-left: auto; margin-top: 0;}

    .com_clinic_sect .cont .clinic_tab {justify-content: center; top: 5rem;}

    .ja_herbal_page .slide_sect .zigzag_wrap {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px 30px;}
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont + .slide_cont {margin-top: 0;}
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont .cont_box .item {width: 100%}
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont:nth-child(2) .cont_box .item {transition-delay: 0.4s;}
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont:nth-child(3) .cont_box .item {transition-delay: 0.6s;}
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont:nth-child(4) .cont_box .item {transition-delay: 0.8s;}
    /* .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont:nth-child(2n) {transform: translateY(60px);} */
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont .cont_tit {align-items: flex-start;}
    .ja_herbal_page .slide_sect .zigzag_wrap .slide_cont .cont_tit .tit {font-size: var(--tit3);}
    .ja_herbal_page .slide_sect .zigzag_wrap.active .slide_cont .cont_box .item  {opacity: 1; transform: unset;}
    
    


    .byak_page .test_sect .cont_box .txt_box .tit {font-size: var(--tit4);}
    .byak_page .test_sect .cont_box .txt_box .txt br {display: none;}

    .byak_page .type_sect .slide {padding-bottom: 30px;}
    .byak_page .type_sect .slide .item {margin-top: 0px; transition: transform 0.3s ease-in-out;}
    .byak_page .type_sect .slide .item.swiper-slide-active,
    .byak_page .type_sect .slide .item.swiper-slide-duplicate-active {margin-top: 0; }

    .byak_page .type_sect .slide .item.swiper-slide-next,
    .byak_page .type_sect .slide .item.swiper-slide-duplicate-next,
    .byak_page .type_sect .slide .item.swiper-slide-prev,
    .byak_page .type_sect .slide .item.swiper-slide-duplicate-prev {transform: translateY(15px);}

    .byak_page .test_sect .sect_bg {padding: var(--sectPd) 40px;}
    .byak_page .test_sect .cont_box {gap: 60px 30px; max-width: 900px; margin:60px auto 0;}
    .byak_page .test_sect .cont_box .img {border-radius: 20px;}

    .byak_page .custom_sect .txt_slide .cont_box {width: 700px; margin: 0 auto;}
    .byak_page .custom_sect .txt_slide .btm_btn {width: 700px; margin: 0 auto;}
    .byak_page .custom_sect .com_info_box {width: 700px; margin: 30px auto 0;}

    .byak_page .custom_sect .img_slide {margin-top: -12vw;}
    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-active .img,
    .byak_page .custom_sect .img_slide .swiper-slide-active .img {transform: scale(0.55);}
    .byak_page .custom_sect .img_slide .img {transform: scale(0.35);}
    .byak_page .custom_sect .img_slide .swiper-slide-next .img {transform-origin: left center;}
    .byak_page .custom_sect .img_slide .swiper-slide-prev .img {transform-origin: right center;}

    .byak_page .custom_sect .txt_slide {margin-top: -20vw;}


    .byak_page .com_treatment_sect .tab_cont .cont .item .img {width: 40%; padding-top: 25%; ;}  
    .byak_page .com_treatment_sect .tab_cont .cont .item .txt_box {width: 35%;}
    .byak_page .com_treatment_sect .swiper-slide-next {transform: translateX(-60%);}
    .byak_page .com_treatment_sect .swiper-slide-next + .swiper-slide {transform: translateX(-120%);}
    .byak_page .com_treatment_sect .swiper-slide-prev {transform: translateX(60%);}


    .com_case_cont .item .case_img2 .top_txt .tit {font-size: 1.4vw;}
    .sub_btn_tab .tab + .tab {margin-left: 15px;}
    .com_sch_box + .sub_btn_tab {margin-top: 45px;}

    .com_list_top,
    .com_all_num {margin-bottom: 20px;}

    .news_list .list {gap:40px 20px; grid-template-columns: repeat(3,minmax(0,1fr));}
    .news_list .list li.write_li {padding: 1.5em 1.5em;}
    .news_list .list li .txt_box {margin-top: 20px;}
    .news_list .list li.write_li .tit,
    .news_list .list li .txt_box .tit {margin-bottom: 15px;}


    .self_test_menu_page .list {grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 100px;}
    .self_test_menu_page .list li a {padding: 25px 20px;}
    .self_test_menu_page .list li .txt_box .arr {margin-left: 10px;}
    .self_test_menu_page .list li .ico {width: 70%; margin-left: -10px; margin-top: -5px;}

    .self_test_menu_page .visual_sect {justify-content: center;}
    .self_test_menu_page .visual_sect .img {margin-top: 0px;transform:translateY(11%); width: 350px; }
    .self_test_menu_page .visual_sect .txt_box { margin-right: 60px; padding-bottom: 40px;}
    
    


    .com_toggle_list .toggle_item .que {padding: 1.5em 2em;}
    .com_toggle_list .toggle_item .que .q_box {display: flex; align-items: flex-start;}
    .com_toggle_list .toggle_item .que .com_tag {margin-bottom: 0; margin-right: 1em; width: 5em; padding: 0.2em 0; justify-content: center; font-size: var(--smTxt1); margin-top: 0.2em;}

    .com_toggle_list .toggle_item .answer .txt_box {padding: 1.5em 2em;}
    

    .tv_page .tv_list_sect .tv_item_wrap {grid-template-columns: repeat(3,minmax(0,1fr));}
    .tv_page .tv_list_sect .tv_item_wrap.shorts {grid-template-columns: repeat(4,minmax(0,1fr));}

    .commu_delivary_page .deli_info_sect .deil_info_top .info {font-size: var(--txt3);}


    .no_data::before {content: ""; width: 200px; height: 100px;}



    .com_qna_sect .qna_list .que {padding: 1.2em 1em;}
    .com_qna_sect .qna_list .answer .txt_box {padding: 2em; }

    .com_period_sect .top svg {width: calc(var(--tit2) * 0.7);}

    



    
    .shinbaro_herba_page .sticky_sect_wrap .in {display: flex; justify-content: space-between; align-items: flex-start;}
    .shinbaro_herba_page .sticky_sect_wrap .sect_tit_box {text-align: left; width: 40%;}
    .shinbaro_herba_page .tre_eff_sect {margin-top: 40px;}

    .shinbaro_herba_page .sticky_sect_wrap .right_cont_box  {width: 55%;}
    .shinbaro_herba_page .tre_eff_sect .cont_box .cont .img {margin-top: -20px;}
    .shinbaro_herba_page .tre_eff_sect .cont_box { grid-template-columns: repeat(2, 1fr); margin-top: 0;}

    .shinbaro_herba_page .effect_sect {margin-top: 0px;}

    

    .shinbaro_herba_page .recipe_sect .cont {display: flex; justify-content: space-between; align-items: center;}
    .shinbaro_herba_page .recipe_sect .slide_img {order: 2; width: calc(55% + var(--inPd)); padding-left: 0 ; padding-right: var(--inPd) ; margin-right: calc(var(--inPd)* -1);}
    .shinbaro_herba_page .recipe_sect .slide_img .paging {justify-content: center; margin-top: 10px;}
    .shinbaro_herba_page .recipe_sect .slide_img .paging .swiper-pagination-bullet {background-color: #fff;}
    .shinbaro_herba_page .recipe_sect .slide_img .paging .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 10px;}
    .shinbaro_herba_page .recipe_sect .txt_box {margin-top: 0; width: 40%;}
    .shinbaro_herba_page .recipe_sect .txt_box .txt {font-size: var(--txt3);}

    .research_wrap .expt_cont .img_wrap {width: 60%;}
    

    .tv_view_page .together_cont .slide {width: 100%; padding: 0; margin-left: 0;}
    .tv_view_page .together_cont .paging {display: block;}
    .tv_view_page .popular_cont .cont_box .cont {border-radius: 15px;}



    .hins_page .benefit_sect .top_box .video {margin-top: 60px; border-radius: 25px;}
    


    

    

    .com_pt_rv .item .img_box + .bot_box {margin-top: 40px;}
    .com_pt_rv .item .txt_box {margin-bottom: 40px;}
    .commu_delivary_page .deli_info_sect .deil_info_top {padding-top: 0;}




    .sub_btn_tab {position: relative;}
    .sub_btn_tab .swiper-slide {width: auto;}
    .sub_btn_tab::before {content: ""; position: absolute; left: 0; top: 0; display: block;width: 80px;height: 100%;background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.9) 80%); z-index: 2; opacity: 0; pointer-events: none;}
    .sub_btn_tab::after {content: ""; position: absolute; right: 0; top: 0; display: block;width: 80px;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.9) 80%); z-index: 2; opacity: 0; pointer-events: none;}

    .sub_btn_tab.left_blur::before {opacity: 1; pointer-events: visible;}
    .sub_btn_tab.right_blur::after {opacity: 1; pointer-events: visible;}


    .list_sel .nice-select .list {max-height: 300px;}
    
    .commu_delivary_page .deli_inquiry_sect .cont,
    .commu_delivary_page .deli_info_sect .deil_info_top .cont {padding: 40px 45px;}
    

    .hins_page .hins_app_sect .tab_box {justify-content: center;}
    

    .hins_page .hins_app_sect .cont {margin-top: 50px;}
    .hins_page .hins_app_sect .cont .img {width: 40%;}
    .hins_page .hins_app_sect .cont .txt_box {width: 37%;}
    .hins_page .hins_app_sect .cont .swiper-slide {height: auto; display: flex; flex-direction: column;}
    .hins_page .hins_app_sect .cont .swiper-slide .txt_box {margin-bottom: 25px;}
    .hins_page .hins_app_sect .cont .swiper-slide .btn_box {margin-top: auto;}
    .hins_page .hins_app_sect .cont .swiper-slide-prev {transform: translateX(60%);}
    .hins_page .hins_app_sect .cont .swiper-slide-next {transform: translateX(-60%);}
    .hins_page .hins_app_sect .cont .swiper-slide-next + .swiper-slide {transform: translateX(-120%);}

    .hins_page .spe_sect .video_box {margin-top: 60px;}

    .hins_page .spe_sect .because_cont .cont_box {display: flex;}
    .hins_page .spe_sect .because_cont .cont_box .cont {flex-direction: column; flex: 1; padding: 40px 20px;}
    .hins_page .spe_sect .because_cont .cont_box .cont + .cont {margin-top: 0; margin-left: 15px;}
    .hins_page .spe_sect .because_cont .cont_box .cont .img {width: 100px; height: 100px;}
    .hins_page .spe_sect .because_cont .cont_box .cont .txt_box {margin-left: 0; margin-top: 30px; text-align: center}
    .hins_page .spe_sect .because_cont .cont_box .cont .txt_box .txt {margin-top: 10px;}

    .hins_page .banner_sect {padding-top: min(40%,800px);}

    .hins_page .banner_sect .sect_tit_box {left: 40px; top: 60px;}
    .hins_page .banner_sect .btn_box {top: 180px; bottom: auto; left: 40px;}

    .login_info_box {padding: 30px 25px;}


    .sinbarometin_page .info_sect {margin-top: 0;}
    .sinbarometin_page .info_sect .slide_wrap {margin-top: 30px;}
    .sinbarometin_page .info_sect .slide_wrap .swiper-wrapper {display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px;}
    .sinbarometin_page .info_sect .slide_item .num {font-size: var(--smTxt2);}

    .sinbarometin_page .feature_sect .cont .feature_item {align-items: center;}


    .sinbarometin_page .feature_sect .cont .feature_list {grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px;}
    .sinbarometin_page .feature_sect .cont .feature_item {flex-direction: column;}
    .sinbarometin_page .feature_sect .cont .feature_item .img {width: 80px; padding-top: 80px; margin-right: 0;}
    .sinbarometin_page .feature_sect .cont .feature_item .txt_box {text-align: center; margin-top: 20px;}
    .sinbarometin_page .feature_sect .cont .feature_item .txt_box .txt {margin-top: 10px;}
    

    .faq_page .com_list_top {margin-top: 45px;}


    .modal .modal_cont.interview .cont .tit_boxs {padding: 45px 30px 30px;}

    
    .modal .modal_cont.tonic_herbal .recom_txt {margin-top: 20px; margin-bottom: 20px; display: flex;}
    .modal .modal_cont.tonic_herbal .recom_txt .left_box {width: 5em; flex-shrink: 0; margin-right: 10px;}
    .modal .modal_cont.tonic_herbal .recom_txt .badge {display: block; border-radius: 5px; background-color: #4269C5; font-weight: 500; padding: 0.25em 0.5em; color: #fff; text-align: center;}
    .modal .modal_cont.tonic_herbal .recom_txt .list {margin-top: 3px;}
    .modal .modal_cont.tonic_herbal .badge_box .badge {width: 120px;}



    .tv_view_page .video_info_box {flex-wrap: nowrap; }
    .tv_view_page .video_info_box .tag_wrap {margin-top: 0; order: 2; width: auto;}
    .tv_view_page .video_info_box .share_btn {order: 3; margin-left: 20px;}

    .tv_view_page .popular_cont .cont_box {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .tv_page .recommend_sect {padding: 80px 0; }


    .tv_page .recommend_sect .cont { display: flex; align-items: flex-end; padding-left: max(calc((100% - var(--subInW))/2 + var(--inPd)) , var(--inPd)); padding-right: var(--inPd);}
    .tv_page .recommend_sect .cont .fixed_video {width: 50%;}
    .tv_page .recommend_sect .cont .com_play_bg {opacity: 0; transition: 0.3s ease-in-out;}
    .tv_page .recommend_sect .recommend_box .info_wrap .tit { font-size: var(--txt1); font-weight: 600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .tv_page .recommend_sect .slider_wrap {width: 50%;margin-left:40px}
    .tv_page .recommend_sect .slider_wrap .paging_wrap {display: flex; align-items: center;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .paging {width: auto; margin-right: 20px; color: #7A8390;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .paging .barSpace {margin: 0 7px;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .paging .swiper-pagination-current {font-weight: 600; min-width: 0.8em; display: inline-block; color: #262F40;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .move_btn {display: flex}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .move_btn .swiper_btn {display: flex; align-items: center; cursor: pointer; opacity: 0.4; transition: 0.3s ease-in-out;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .move_btn .swiper_btn svg {width: 0.5em; height: auto;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .move_btn .swiper_btn + .swiper_btn {margin-left: 15px;}
    .tv_page .recommend_sect .slider_wrap .paging_wrap .move_btn .swiper_btn:hover {opacity: 1;}

    .recommend_sect .shorts_wrap {padding-left: max(calc((100% - var(--subInW))/2 + var(--inPd)) , var(--inPd))}

     .tv_page .recommend_sect .recommend_box .info_wrap .count_txt {margin-top: auto; display: flex; color: #7A8390; margin-top: 5px; }
     .tv_page .recommend_sect .recommend_box .info_wrap .count_txt .txt {font-size: var(--smTxt1); display: flex; justify-content: space-between; align-items: center;}
     .tv_page .recommend_sect .recommend_box .info_wrap .count_txt .txt + .txt {margin-left: 10px;}
     .tv_page .recommend_sect .recommend_box .info_wrap .count_txt .txt + .txt::before {content: "";width: 1px;height: 0.75em;background-color: #ddd;display: inline-block;margin-right: 10px;}
     .tv_page .recommend_sect .recommend_box .info_wrap .count_txt .txt span {font-weight: 500;}

     .modal_cont.interest_field .cont .keyword_box label {margin-bottom: 15px;}
     .view_top {padding: 0}

     



    /* .greeting_page .clinic_sect .bg {padding-top: 55%; overflow: hidden;}
    .greeting_page .clinic_sect .bg img {object-position: top center; width: 130%; height: 130%;} */
    
    .greeting_page .clinic_sect .bg {padding-top: min(100%,1300px); overflow: hidden;}
    .greeting_page .clinic_sect .bg img { width: 100%; height: 100%;}
    
    /* .greeting_page .clinic_sect.frame_type {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10% 0 var(--subContPd); background: linear-gradient(178deg, rgb(27 74 119) 0%, rgb(154 176 199) 100%);}
    .greeting_page .clinic_sect.frame_type .txt_box {position: relative; left: 0; top: 0; transform: unset;}
    .greeting_page .clinic_sect.frame_type .bg {width: 90%; max-width: calc(var(--subInW) - var(--inPd) * 2); padding-top: min(36%,480px); border-radius: 15px; order: 2; margin-top: 80px;}
    .greeting_page .clinic_sect.frame_type.col .bg {padding-top: min(100%,800px); max-width: 700px;} */



    .greeting_page .features_sect .in {}
    .greeting_page .features_sect .cont {width: 100%; display: flex; align-items: flex-start;}
    .greeting_page .features_sect .cont + .cont {margin-top: 60px;}
    .greeting_page .features_sect .cont .img {width: 40%; flex-shrink: 0;}
    .greeting_page .features_sect .cont .txt_box {margin-left: 30px; margin-top: 0;}
    .greeting_page .features_sect .cont .txt_box .txt {font-size: var(--txt3);}
    .greeting_page .features_sect .cont .txt_box .txt p + p {margin-top: 10px;}

    .com_proven_sect .tab_cont .em_txt {width: 600px; margin: 40px auto 0;}
    .com_proven_sect .tab_cont .map_btn_wrap .btn {display: flex; align-items: center; font-size: var(--txt3); padding-right: 0.8em; background-color: #fff; color: var(--colorBlue1); margin-right: 10px; margin-bottom: 10px; transition: 0.3s ease-in-out;}
    .com_proven_sect .tab_cont .map_btn_wrap .btn .arr {display: block; width: 1em; height: 1em; margin-left: 10px; transition: 0.3s ease-in-out; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="%231C369A"><path d="M241.5 239c9.4 9.4 9.4 24.6 0 33.9L81.5 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143-143-143c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l160 160z"/></svg>') no-repeat center / contain;}

    .com_proven_sect .tab_cont .map_btn_wrap .btn.active {background-color: var(--colorBlue1); color: #fff;}
    .com_proven_sect .tab_cont .map_btn_wrap .btn.active .arr {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="%23fff"><path d="M241.5 239c9.4 9.4 9.4 24.6 0 33.9L81.5 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143-143-143c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l160 160z"/></svg>') no-repeat center / contain;}


    .com_proven_sect .tab_cont .map_btn_wrap .btn:hover {background-color: var(--colorBlue1); color: #fff;}
    .com_proven_sect .tab_cont .map_btn_wrap .btn:hover .arr {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="%23fff"><path d="M241.5 239c9.4 9.4 9.4 24.6 0 33.9L81.5 433c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l143-143-143-143c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l160 160z"/></svg>') no-repeat center / contain;}


    .com_proven_sect .tab_cont .map_txt_box {margin-top: 80px;}
    .com_proven_sect .ico_wrap {gap: 20px; margin-top: 40px;}
    .com_proven_sect .ico_wrap .box {height: 7.5em;}
    .com_proven_sect .ico_wrap .box .ico {width: 2.2em; height: 2.2em;}

    .com_network_sect .visual_img {position: relative; padding-top: 45%;}
    .com_network_sect .visual_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

    .com_network_sect .list { gap: 15px 20px; margin-top: 40px;}


    .com_network_sect .list li + li {margin-top: 0;}
    .com_network_sect .list li a {padding: 8px 15px 8px 8px;}
    .com_network_sect .list li .txt {margin-left: 20px;}



    .com_proven_sect .tab_cont .map_box {position: relative; margin: 40px auto 0; width: 500px;}
    .com_proven_sect .tab_cont .map_box > img {width: 100%;}

    
    .com_proven_sect .point_box { position: absolute; cursor: pointer; display: block;}

    

    
    .com_proven_sect .point_box .dot { position: relative; width: 2rem; height: 2rem; }
    .com_proven_sect .point_box .dot .cir {position: absolute; width: 12rem; height: 12rem; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;}
    .com_proven_sect .point_box .dot .cir span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color:var(--colorBlue1); opacity: 0.2; border-radius: 100%; }

    .com_proven_sect .point_box .dot .cir span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.1);  transition: opacity 0.3s ease-in;}
    .com_proven_sect .point_box .dot .cir span:nth-of-type(2) { transform: translate(-50%, -50%) scale(0.1); opacity: 0; }
    .com_proven_sect .point_box .dot .cir span:nth-of-type(3) { transform: translate(-50%, -50%) scale(0.3); opacity: 0;}
    .com_proven_sect .point_box .logo_img {position: absolute; left: 50%; top: -3rem; transform: translate(-50%,-100%); width: 25rem; height: 6rem; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; display: none;}
    .com_proven_sect .point_box .logo_img img {height: 100%;}

    .com_proven_sect .point_box .toll_tip {position: absolute; left: 50%; top: -1rem; transform: translate(-50%,-100%); padding: 0.3em 0.7em; background-color: #fff; color: #262F40 ;border-radius: 5px; font-size: var(--txt3); font-weight: 700; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; white-space: nowrap;}
    .com_proven_sect .point_box:hover .toll_tip{opacity: 1;}
    .com_proven_sect .point_box:hover .cir span:nth-of-type(1) {opacity: 1;}
    /* .main_point_wrap .point_box .dot .cir span:nth-of-type(4) { transform: translate(-50%, -50%) scale(0.9); opacity: 0;} */

    .com_proven_sect .point_box.active {pointer-events: none;}
    .com_proven_sect .point_box.active .logo_img {opacity: 1; }
    .com_proven_sect .point_box.active .cir span { animation: waves 2s ease-in-out infinite; opacity: 0.12; background-color: #4269C5;}
    .com_proven_sect .point_box.active .cir span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.15); animation: none; opacity: 1; background-color: var(--colorBlue1);}
    .com_proven_sect .point_box.active .cir span:nth-of-type(2) { -webkit-animation-delay: 0s; animation-delay: 0s; }
    .com_proven_sect .point_box.active .cir span:nth-of-type(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
    .com_proven_sect .point_box.active .toll_tip{opacity: 1;}


    .com_proven_sect .tab_cont .map_btn_wrap { position: relative; z-index: 3; max-width: 90rem; margin-left: auto;margin-right: auto;}

    .staff_info_cont .in {width: 1440px;}



    .staff_view_page .staff_profile .in{display: grid; align-items: flex-end; grid-template-columns: minmax(0,50%) minmax(0,50%);max-width: 100%; width: var(--subInW);}
    .staff_view_page .doctor_name {margin-top: 0; padding: 40px 0;}
    .staff_view_page .doctor_name .btn_wrap {margin-top: 30px;}
    .staff_view_page .doctor_name .btn_wrap .btn {border-color: transparent;}
    .staff_view_page .doctor_name .tag_box ul li {margin-right: 10px; margin-bottom: 10px; padding: 0.2em 0.75em;}
    .staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .th_box .th {font-size: var(--txt3);}
    .staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .box > div {flex: 1;}
    .staff_view_page .clinic_sche .list_tbl .scroll_wrap .scroll_box .box > div + div {margin-left: 30px;}
    .staff_view_page .clinic_sche .top {border-top: none; padding-top: 0; align-items: flex-end;}
    .staff_view_page .sticky_sect .clinic_case .in {width: var(--subInW);}





    /* 병동땜에 잠깐 뺴기  여기부터 병동용*/
    .staff_list_wrap .staff_list.ward_wrap {grid-template-columns: repeat(4,minmax(0,1fr));}
    .staff_list_wrap .staff_list.ward_wrap .staff_box .top .txt_wrap .reac_box {display: none;}
    .staff_list_wrap .staff_list.ward_wrap .staff_box .top .txt_wrap .name_box .name {font-size: var(--tit4);}
    .staff_list_wrap .staff_list.ward_wrap .staff_box .top {display: block;}
    .staff_list_wrap .staff_list.ward_wrap .staff_box .top .txt_wrap {margin-left: 0; margin-top: 20px; text-align: center;}
    .staff_list_wrap .staff_list.ward_wrap .staff_box .top .txt_wrap a {justify-content: center;}
    .staff_list_wrap .staff_list.ward_wrap .staff_box .top .txt_wrap .btn_wrap {justify-content: center;}

    


    .tbl_info_quick {bottom: 30px;}



    .staff_view_page .related_data {padding-top: 0; border-top: none;}
    .staff_view_page .related_data .list li {padding: 0;}
    .staff_view_page .related_data .list li a {padding: 1em 1em; display: flex;}
    .staff_view_page .related_data .list li .type_txt.type2 a {display: flex; align-items: flex-start;}
    .staff_view_page .related_data .list li .txt {margin-top: -0.1em;}

    .staff_view_page .view_like {padding-top: 0; border-top: none;}
    
    .staff_view_page .com_pt_rv .slide_wrap {padding: 0 var(--inPd);}

    
    .staff_view_page .view_like .like_list li .arr {display: none !important;}
    .staff_view_page .view_like .like_list li .txt_box {max-height: none; overflow: visible;}
    .staff_view_page .view_like .like_list li .txt_box .txt {display: block !important;}


    .key_sch_box .pnt_wrap .pnt_box {grid-template-columns: repeat(11, minmax(0, 1fr));}

    .hours_location_page .fac_sect .cont .fac_img .info_ico_box {margin-bottom: -10px; margin-top: 20px; }
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box {display: flex; align-items: center; margin-right: 25px; margin-bottom: 20px;}
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .ico {width: 30px; display: flex; align-items: center;} 
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .txt_box {margin-left: 10px; text-align:left;}


    .hours_location_page .intro_sect .txt_box .tit br {display: none;}

    .bot_banner_sect .tit {z-index: 3; left: var(--inPd); top: 10vw;  }
    
    .bot_banner_sect .img {padding-top: min(60%, 320px);}



    .hours_location_page .bot_banner_sect {margin-top: 0;}

    .brand_page .identity_sect .icon_box .cont {padding:30px 40px 40px;}
    
    .brand_page .identity_sect .icon_box .cont .txt_box {margin-top: -60px;}


    .full_visual_sect .tit_wrap .txt_box + .txt_box {margin-top: 60px;}

    .brand_page .color_sect .box {font-size: var(--txt2); padding: 2em 2em;}

    .full_visual_sect {padding-top: calc(var(--hdH) + 2rem);}
    .full_visual_sect .cont {margin-top: 60px;}
    .research_page .full_visual_sect .tit_wrap .txt_box .txt {font-size: var(--tit2);}




     
    .brand_page .logo_sect .box {gap: 45px 15px;}
    .brand_page .logo_sect .sect_tit_box .down_btn {font-size: var(--txt3); width: 8em; padding: 0.4em 0;}

    .brand_page .character_sect .visual_cont .btn {padding: 0.6em 1.2em;}




    /* 블내드소개 */


    .hours_location_page .fac_sect .cont .aside .floor_tab .tab .txt_box {text-align: left;}


    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper {display: grid;overflow-x: visible;width: 100%;margin-left: 0;padding: 0 ; gap: 15px;}
    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper .swiper-slide {width: 100%;}
    .hours_location_page .fac_sect .facility_img_wrap .img_wrap .swiper-wrapper .swiper-slide + .swiper-slide {margin: 0;}
    

    .reserve_info_step .step_list .step_item .step_num {font-size: var(--smTxt2);}
    .reserve_info_step .step_list .step_item .step_txt {font-size: var(--txt2);}
    

    .com_reser_sect {border-top: none;padding-top: 0;}
    .com_reser_sect .cont {display: flex; justify-content: center;}
    .com_reser_sect .cont .box {flex: 1; padding: 30px 25px; }
    .com_reser_sect .cont .box + .box {margin-top: 0; margin-left: 20px;}

    .strory_page .com_reser_sect {padding-bottom: 30px;}

    .research_page .research_sect { padding-top: 0; margin-top: 0;}

    .research_page .que_sect {padding-top: var(--subContPd);}
    .research_page .que_sect .chat_wrap {justify-content: center;}
    .research_page .que_sect .chat_wrap .chat { padding: 30px; width: 25em; margin-right: 80px;}
    .research_page .que_sect .chat_wrap .chat + .chat {margin-top: 45px; }
    .research_page .que_sect .chat_wrap .chat:nth-child(2n) {margin-left: 80px; margin-right: 0;}
    .research_page .que_sect .chat_wrap .chat .txt {font-size: var(--txt3); }
    .research_page .que_sect .chat_wrap .chat .img {width: 60px; padding-top: 60px;}
    .research_page .que_sect .chat_wrap .chat:nth-child(2n)::before {right: 10%; left: auto; transform: translateY(50%);}

    .research_page .que_sect .data_box {margin-top: var(--sectMt); padding: var(--subContPd); transform: scale(0.6);}
    .research_page .research_sect .com_video_thumbnail .com_play_bg .btn_play {width: 6rem; height: 6rem;}
    .research_page .slide .txt_box .txt {width: 90%;}
    .research_page .slide .txt_box .txt br {display: none;}

    .research_page .que_sect .data_box .data_list {display: flex; max-width: 900px;}
    .research_page .que_sect .data_box .data_list .li {flex-direction: column; justify-content: flex-start; flex: 1; border-bottom: none;}
    .research_page .que_sect .data_box .data_list .li + .li {margin-top: 0; border-left: 1px solid rgba(255,255,255,0.4);}
    .research_page .que_sect .data_box .data_list .li .left_box {flex-wrap: wrap; margin-bottom: 15px; justify-content: center;}
    .research_page .que_sect .data_box .data_list .li .left_box .txt {font-size: var(--smTxt1); width: 100%; margin-left: 0; padding-left: calc(var(--txt1) * 1.4 + 10px);text-align: center;}
    .research_page .que_sect .data_box .data_list .li .num_box {margin-left: 0; margin-top: auto; position: relative;}
    .research_page .que_sect .data_box .data_list .li .num_box .num {font-size: 8rem; text-align: center; line-height: 1.1;}
    .research_page .que_sect .data_box .data_list .li .num_box .num_txt {position: absolute; right: 0; transform: translateX(100%); bottom: 0.5em;}
    /* .research_page .que_sect .data_box .data_list .li .left_box .tit {font-size: var(--txt1);}
    .research_page .que_sect .data_box .data_list .li .left_box .ico {width: calc(var(--tit5) * 1.25);}
    .research_page .que_sect .data_box .data_list .li .left_box .ico svg {height: var(--tit5);}
    .research_page .que_sect .data_box .data_list .li .left_box .txt {font-size: var(--txt2);} */

    .research_page .history_sect .sub_cont_tit ,
    .research_page .history_sect .sub_cont_txt {text-align: center;}
    .research_page .history_sect .cont_box {grid-template-columns: minmax(0,350px) 1fr; width: 800px; margin: 40px auto 0; gap: 60px;}
    .research_page .history_sect .cont_box .img_box {margin-right: 0px; padding-top: 450px;}
    
    .com_video_thumbnail {border-radius: 15px;}

    .history_sect .cont_wrap {margin-top: 120px;}
    .history_sect .anchor_link .link + .link {margin-left: 80px;}

    .hins_page .benefit_sect {margin-top: 0;}

    .full_visual_sect .cont .img_box {padding-top: calc( min(var(--subInW) , 100%) * 0.4);}

    .brand_page .since_slide_sect .logo {width: 300px; margin-bottom: 100px;}


    .research_wrap .paging .progressbar {height: 4px;}
    .hello_sect .txt_wrap {padding-left: 30px;}


    .self_test_start .in {width: var(--subInW);}
    .self_test_start .time_box {position: relative; width: 100%; padding-top: 35%;}
    .self_test_start .time_box .bg_img {position: absolute; inset: 0; padding: 0; margin: 0;}
    .self_test_start .time_box .txt_box {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; max-width: var(--subInW); padding: 4rem var(--inPd); z-index: 3; }
    .self_test_start .time_box .badge_box {justify-content: flex-start;}
    .self_test_start .time_box .tit {text-align: left; font-weight: 700; font-size: var(--txt2)}
    .self_test_start .time_box .tit .num_txt {font-size: var(--txt1); display: block; line-height: 1.3;}
    .self_test_start .time_box .tit .num {font-weight: 800; font-size: var(--tit1);}

    .self_test_btn {margin-top: 80px; }
    
    .self_test_btn .btn {padding: 0 1.5em; flex: none;}

    .all_search_page .sect_tit_box {margin-bottom: 30px}
    .all_search_page .result_ico .txt {font-size: var(--tit4);}
    .all_search_page .result_ico {padding: 50px 0;}
    .all_search_page .medical_sect .medical_list {grid-template-columns: repeat(4, minmax(0,1fr));}

    .all_search_page .sect + .sect {margin-top: 0; padding-top: var(--sectMt);}
    .all_search_page .sect_tit_box .btn_box .com_see_more {font-size: var(--smTxt1);}
    .all_search_page .menu_sect .menu_list li {font-size: var(--txt2);}

    .disease_page .dif_tbl_sect .tbl_wrap .td {padding-top: 3em;}

    .self_test .img_cho_box {gap: 40px 25px;}
    .self_test .img_cho_box input:checked + label .img,
    .self_test .img_cho_box input + label .img {border-width: 3px;}
    .self_test .ex_img_box,
    .self_test .img_cho_box label .img {border-radius: 20px;}

    .disease_page .dif_tbl_sect .tbl_wrap .td {padding-top: 3em; padding-left: 3em; padding-right: 3em;}
    .disease_page .dif_tbl_sect .tbl_wrap .td.pd2 {padding-top: 3em;}
    .disease_page .dif_tbl_sect .tbl_wrap.vs .td {padding-top: 3em;}

    .self_test .age_slide,
    .self_test .cho_box {margin-top: 40px; margin-bottom: 60px;}

    .self_test .radio_cho_box .inp_chk label .txt {padding-right: 30px;}
    .nonfee_page .sub_dapth2_wrap {margin-top: 60px;}

    .research_wrap1 {margin-top: 50px;} 
    .health_info_list .list li a .txt_box .date {margin-top: 15px;}

    .insurSect2Nitems {overflow: hidden;}
    .insurSect2Nitem {flex: 1;}
    .insurSect2Nitem .desc {width: 100%;}
    .insurSect2Nitem .tit {font-size: var(--txt3);}
    

    .bg_visual_sect .txt_box .txt br {display: none !important;}
    .bg_visual_sect .txt_box .txt br.all_only {display: block !important;}

    
    .staff_view_page .staff_profile .img.type2 { padding: 30px 60px 60px 0;}
    .staff_view_page .staff_profile .img.type2 img{position: static;overflow: hidden;border-radius: 20px;}

    .comment_wrap.type2 .top_tit_box {display: flex; align-items: center;}
    .comment_wrap.type2 .user_info_box .box {display: flex; align-items: center;}
    .comment_wrap .cmt_write .txt_wrap .login_box {padding-top: 1em;}
    .comment_wrap .cmt_write .txt_wrap .login_box .btn {margin-left: 20px;}
    .comment_wrap .cmt_write .txt_wrap .login_box .ico {display: block}
    .comment_wrap.type2 .user_info_box .box  + .box  {margin-left: 25px;}

    .comment_wrap .cmt_bg {padding: 25px;}
    .comment_wrap .btn_wrap {display: flex; justify-content: center;}
    .comment_wrap .btn_wrap .bd_btn {width: 8em;}


    

    /* 7681 */


}

@media screen and (min-width: 1000px) {


    

    
    .research_wrap .box_txt_box .tit br {display: block;}
    
    .research_wrap .graph_container .item {padding: 25px 6vw 20px;}
    .more_banner_sect .in {width: 50%;}

    
    .treatment_tab_sect .tab_cont .cont .item .img {width: 45%; padding-top: 30%;}
    .com_tab_part_sect .tab_cont {margin-top: 80px;}

    .com_case_cont .item .case_img2 .top_txt .tit {font-size: 1vw;}

    .health_info_list .list {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px 25px;}


    .shinbaro_herba_page .recipe_sect .slide_cont {display: flex}
    .shinbaro_herba_page .recipe_sect .slide_img {width: 100%; padding: 0; margin: 0;}
    .shinbaro_herba_page .recipe_sect .slide_img .img {border-radius: 15px;}
    .shinbaro_herba_page .recipe_sect .cont {flex: 1; min-width: 0; display:block; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.3s, transform 1s ease-in-out 0.3s;}
    .shinbaro_herba_page .recipe_sect .cont:nth-child(2) {transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s;}
    .shinbaro_herba_page .recipe_sect .cont:nth-child(3) {transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s;}
    .shinbaro_herba_page .recipe_sect .cont + .cont {margin-left: 20px; margin-top: 0;}
    .shinbaro_herba_page .recipe_sect .txt_box {width: 100%; margin-top: 20px;}

    .shinbaro_herba_page .recipe_sect .slide_cont.active .cont {opacity: 1; transform: unset;}
    
    
    .byak_page .custom_sect {padding: var(--sectPd) 0 0; background-color: var(--blueBg);color: #262F40;}
    .byak_page .custom_sect .line {display: none;}
    .byak_page .custom_sect .in {width: 100%;}
    .byak_page .custom_sect .slide_wrap {display: flex; align-items: center; margin-top: 80px; }
    .byak_page .custom_sect .img_slide.mo {display: none;}
    .byak_page .custom_sect .img_slide.pc {display: block;}
    .byak_page .custom_sect .img_slide {margin-top: 0; width: 60%; padding: 160px 80px 160px 0; background-color: #173394; border-radius: 0 60px 0 0; position: relative;}
    .byak_page .custom_sect .img_slide .swiper-container {max-width: 1200px; margin-right: 0;}
    .byak_page .custom_sect .img_slide .swiper-slide .img {opacity: 0;}
    .byak_page .custom_sect .img_slide .swiper-slide-prev .img {transform-origin: right bottom;}

    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-prev .img,
    .byak_page .custom_sect .img_slide .swiper-slide-prev .img {transform-origin: center center;transform: translateX(10%) scale(0.7);opacity: 1;}
    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-active .img,
    .byak_page .custom_sect .img_slide .swiper-slide-active .img{transform-origin: center center;transform: translateX(-30%) scale(0.7);opacity: 1;}
    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-next .img,
    .byak_page .custom_sect .img_slide .swiper-slide-next .img {transform-origin: center center;transform: translateX(0%) scale(1.3);opacity: 1;}
    
    .byak_page .custom_sect .img_slide .slide_btn_box {position: absolute; right: 20px; top: 50%; width: 48%; max-width: 550px; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 2;}
    .byak_page .custom_sect .img_slide .slide_btn_box .swiper_btn {display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; width: 2em; height: 2em; fill: #fff; transition: 0.3s ease-in-out; cursor: pointer;}
    .byak_page .custom_sect .img_slide .slide_btn_box .swiper_btn svg {width: 40%; height: 40%; }

    .byak_page .custom_sect .img_slide .paging {position: absolute; right: 130px; bottom: 110px;}
    .byak_page .custom_sect .img_slide .paging .swiper-pagination-bullet {background-color: #fff; }
    .byak_page .custom_sect .img_slide .paging .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 10px;}

    

    .byak_page .custom_sect .txt_slide {width: 40%; margin-top: 0; position: relative; margin-left: 60px;}
    .byak_page .custom_sect .txt_slide .swiper-slide {position: absolute; left: 0; top: 0; opacity: 0; }
    .byak_page .custom_sect .txt_slide .swiper-slide:nth-child(1) {position: relative; }
    .byak_page .custom_sect .txt_slide .swiper-slide.active {opacity: 1; z-index: 2;}
    .byak_page .custom_sect .txt_slide .cont_box {background-color: transparent; width: 100%; padding: 0; margin: 0; }
    

    .byak_page .custom_sect .txt_slide .cont_box .recom_txt {display: flex; align-items: flex-start; margin-bottom: 60px;}
    .byak_page .custom_sect .txt_slide .cont_box .recom_txt .list {margin-top: 0; margin-left: 20px;}
    .byak_page .custom_sect .txt_slide .cont_box .recom_txt .badge {background-color: #262F40; color: #fff;}
    .byak_page .custom_sect .txt_slide .btm_btn {width: auto;background-color: var(--colorBlue1);color: #fff;border-radius: 10em;font-size: var(--txt2);display: inline-flex;align-items: center;padding: 0.8em 1.7em;font-weight: 700;transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;        }
    .byak_page .custom_sect .txt_slide .com_info_box  {display: inline-flex;width: auto; background-color: #fff; color: #1970C6;}
    .byak_page .custom_sect .com_info_box .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%231970C6"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-133 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>') no-repeat center / contain;}
    .byak_page .custom_sect .slide_wrap + .com_info_box {display: none;}

    .com_play_bg .btn_play {width: 60px; height: 60px;}

    .tv_view_page .popular_cont .cont_box ,
    .tv_page .tv_list_sect .tv_item_wrap {grid-template-columns: repeat(4,minmax(0,1fr));}

    .key_sch_box {padding: 0; background-color: transparent;}
    .key_sch_box .in {background-color: var(--colorBlue2); padding: 40px var(--inPd)}



    .com_proven_sect .in {width: 1040px;}


    .greeting_page .features_sect .cont {align-items: center;}
    .greeting_page .features_sect .cont .img {width: 50%;}
    .greeting_page .features_sect .cont .txt_box {padding-top: 0;}

    .greeting_page .features_sect .cont .txt_box .txt {font-size: var(--txt2);}
    .com_proven_sect .tab_cont .logo_img {width: 27%;}


    .staff_list_wrap .staff_list {padding-top: 30px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px 30px;}
    .staff_list_wrap .staff_list .staff_box + .staff_box {margin-top: 0;}
    .staff_list_wrap .staff_list .staff_box .top {grid-template-columns: 40% minmax(0, 1fr);}
    .staff_list_wrap .staff_list .staff_box .top .txt_wrap {margin-left: 26px;}
    .staff_list_wrap .staff_list .staff_box .top .img_wrap {padding-top: 130%;}
    .staff_list_wrap .staff_list .staff_box .list_tbl {width: calc(60% - 26px);}
    
    .staff_list_wrap .staff_list.ward_wrap {grid-template-columns: repeat(6,minmax(0,1fr));}
    
    .staff_view_page .doctor_name {padding: 0;}
    .staff_view_page .staff_profile .in {align-items: center;}



    

   .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box::-webkit-scrollbar {-webkit-appearance: none;}
   .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box::-webkit-scrollbar:vertical {width: 7px;}
   .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box::-webkit-scrollbar:horizontal {height: 5px;}
   .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, .8);border-radius: 5px;}
   .hours_location_page .fac_sect .cont .aside .floor_tab .tab_box::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(255, 255, 255, .3);}

    
    

    .hours_location_page .fac_sect .cont .fac_img .info_ico_box {grid-template-columns: repeat(4, minmax(max-content, 1fr));}
    
    .hours_location_page .fac_sect .cont .aside .floor_tab .tab {padding: 15px 30px;}
    
    .hours_location_page .fac_sect .cont .aside .top {margin: 0 30px; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #fff; padding-bottom: 20px;}
    .hours_location_page .fac_sect .cont .aside .top:after {content: none;}

    .brand_page .color_sect .box strong {margin-right: 10px;}
    .brand_page .color_sect .box ol {gap: 15px 20px;}

    
    .write_form {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 25px;}
    .modal .modal_wrap .modal_cont.res .write_form {grid-template-columns: repeat(1,minmax(0,1fr));}
    .write_form .li .cont .radio_cho_box {gap: 0 25px;}
    .write_form .li + .li {margin-top: 0}
    .write_form .li .cont .select .nice-select .list {max-height: 500px;}
    .write_form .com_info_box,
    .write_form .li.w100, 
    .write_form .term_box {grid-column: 1 / 3;}


    .com_reser_sect .cont .box {padding: 35px 35px;}
    .com_reser_sect .cont .box .txt_wrap .tit {font-size: var(--tit5);}
    .com_reser_sect .cont .box .ico_wrap {width: 60px; height: 60px;}

    .self_test_menu_page .visual_sect .txt_box br {display: none;}

    .self_test_start .time_box .txt_box {padding: 6rem 8rem;}

    .case_list {grid-template-columns: repeat(3,minmax(0,1fr)) }
    .comm_review_list_box .review_list {gap: 25px; grid-template-columns: repeat(3,minmax(0,1fr));}
    .comm_review_list_box .com_pt_rv {gap: 25px;grid-template-columns: repeat(3,minmax(0,1fr));}
    .all_search_page .key_sch_box {padding: 0 var(--inPd);}


    .research_page .que_sect .chat_wrap {flex-direction: row; align-items: stretch;}
    .research_page .que_sect .chat_wrap .chat {margin: 0; flex: 1;}
    .research_page .que_sect .chat_wrap .chat + .chat {margin-top: 0; margin-left: 30px;}
    .research_page .que_sect .chat_wrap .chat:nth-child(2) {margin: 0 0 0 30px; transform: translateY(60px);}

    .com_around_sect .cont .addr_box { gap: 10px;}
    .com_around_sect .cont .addr_box .addr_txt {flex: 1;}
    .com_around_sect .cont .addr_box .copy {order: 2; margin-right: auto;}
    .com_around_sect .cont .way_box {order: 4; margin-top: 0;} 
    .com_around_sect .cont .addr_box .map_btn_list {order: 2; display: flex; width: auto;margin-top: 0;}
    .com_around_sect .cont .addr_box .map_btn_list .map_btn {font-size: var(--smTxt1); width: 8.6em;}


    .commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box {display: flex;}
    .commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box {width: 13em;}
    .commu_delivary_page .deli_info_sect .deil_info_top .cont .area_box .sel_box + .sel_box {margin-top: 0; margin-left: 10px; flex: 1; min-width: 0;}

    .shinbaro_herba_page .recipe_sect .slide_img .paging {display: flex; justify-content: center; margin-top: 10px;}

    .comment_wrap.type2 .inp_ck_top {display: flex;justify-content: space-between;}
    .comment_wrap.type2 .inp_ck_top .com_info_box {margin: 0;}
    
    /* 1000px */
    
}


@media screen and (min-width: 1240px) {


    

    
    /* 호버 */


    .modal_cont.share .cont .btn {transition: 0.3s ease-in-out;}
    .modal_cont.share .cont .btn .ico {transition: 0.3s ease-in-out;}
    .modal_cont.share .cont .btn:hover {background-color: #262F40; color: #fff;}
    .modal_cont.share .cont .btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M448 112c0 44.2-35.8 80-80 80c-22.9 0-43.6-9.6-58.1-25l-151 75.5c.8 4.4 1.1 8.9 1.1 13.5s-.4 9.1-1.1 13.5l151 75.5c14.6-15.4 35.2-25 58.1-25c44.2 0 80 35.8 80 80s-35.8 80-80 80s-80-35.8-80-80c0-9.7 1.7-19 4.9-27.7L147.2 299.5c-14.3 22-39 36.5-67.2 36.5c-44.2 0-80-35.8-80-80s35.8-80 80-80c28.2 0 52.9 14.5 67.2 36.5l145.7-72.9c-3.2-8.6-4.9-17.9-4.9-27.7c0-44.2 35.8-80 80-80s80 35.8 80 80zM80 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM416 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM368 448a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>') no-repeat center / contain;}


    .my_page .btn_wrap .btn_box .btn {transition: 0.3s ease-in-out;}
    .my_page .btn_wrap .btn_box .btn:hover {background-color: #262F40;}
    .my_page .btn_wrap .withdrawal:hover {color: #262F40;}

    .all_search_page .recommend_list .search_keyword,
    .all_sch .recommend_list span {transition: 0.3s ease-in-out;}
    .all_search_page .recommend_list .search_keyword:hover,
    .all_sch .recommend_list span:hover {background-color: #fff; color: var(--colorBlue1); fill: var(--colorBlue1);}
    .all_sch .close_btn svg {transition: 0.3s ease-in-out;}
    .all_sch .close_btn:hover svg {fill: var(--colorBlue1);}

    .all_sch .close_btn {transition: 0.3s ease-in-out;}
    .all_sch .close_btn:hover {background-color: #fff; color: var(--colorBlue1);}

    .view_page .board_file .file:hover {text-decoration: underline;}

    .staff_view_page .view_like .btn_wrap .btn {transition: 0.3s ease-in-out;}
    .staff_view_page .view_like .btn_wrap .btn:hover {background-color: #262F40; color: #fff; fill: #fff; border-color: #262F40;}

    .com_pt_rv .item .com_play_bg {opacity: 0; transition: 0.3s ease-in-out;}
    .com_pt_rv .item:hover .com_play_bg {opacity: 1;}

    .hours_location_page .hours_sect .hours_btm_btn .btn.blue {transition: 0.3s ease-in-out;}
    .hours_location_page .hours_sect .hours_btm_btn .btn.blue:hover {background-color: #262F40; color: #fff;}

    .certificate_page .download_btn {transition: 0.3s ease-in-out;}
    .certificate_page .download_btn:after {transition: 0.3s ease-in-out;}
    .certificate_page .download_btn:hover {background-color: #262F40; color: #fff; border-bottom: #262F40;}
    .certificate_page .download_btn:hover:after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23fff' d='M24 480L0 480l0-48 24 0 336 0 24 0 0 48-24 0L24 480zM209.5 344.4L192 363l-17.5-18.6-128-136L30.1 191l35-32.9 16.4 17.5L168 267.5l0-83.5 0-128 0-24 48 0 0 24 0 128 0 83.5 86.5-91.9L319 158.1l35 32.9-16.4 17.5-128 136z'/%3E%3C/svg%3E") no-repeat center / contain;}
    
    .brand_page .logo_sect .sect_tit_box .down_btn {transition: 0.3s ease-in-out;}
    .brand_page .logo_sect .sect_tit_box .down_btn .ico {transition: 0.3s ease-in-out;}
    .brand_page .logo_sect .sect_tit_box .down_btn:hover {background-color: #262F40; border-color: #262F40; color: #fff;}
    .brand_page .logo_sect .sect_tit_box .down_btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23fff"><path d="M360 480c13.3 0 24-10.7 24-24s-10.7-24-24-24L24 432c-13.3 0-24 10.7-24 24s10.7 24 24 24l336 0zM174.5 344.4c4.5 4.8 10.9 7.6 17.5 7.6s12.9-2.7 17.5-7.6l128-136c9.1-9.7 8.6-24.8-1-33.9s-24.8-8.6-33.9 1L216 267.5l0-83.5 0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128 0 83.5L81.5 175.6c-9.1-9.7-24.3-10.1-33.9-1s-10.1 24.3-1 33.9l128 136z"/></svg>') no-repeat center / contain;}

    .brand_page .character_sect .visual_cont .btn {transition: 0.3s ease-in-out;}
    .brand_page .character_sect .visual_cont .btn:hover {background-color: #262F40; color: #fff; border-color: #262F40;}

    .staff_view_page .doctor_name .btn_wrap .btn {transition: 0.3s ease-in-out;}
    .staff_view_page .doctor_name .btn_wrap .btn:hover {background-color: #262F40; color: #fff;}

    .key_sch_box .pnt_wrap .pnt_box .pnt.active .btn {pointer-events: none;}
    .key_sch_box .pnt_wrap .pnt_box .btn {transition: 0.3s ease-in-out;}
    .key_sch_box .pnt_wrap .pnt_box .btn:hover {border-color: #fff; color: #fff !important;}

    .hins_page .banner_sect .btn_box .btn {transition: 0.3s ease-in-out;}
    .hins_page .banner_sect .btn_box .btn .ico {transition: 0.3s ease-in-out;}
    .hins_page .banner_sect .btn_box .btn:hover {background-color: var(--colorBlue1); color: #fff;}
    .hins_page .banner_sect .btn_box .btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}
    .research_wrap .box .box_txt_box .info {position: relative; transition: 0.3s ease-in-out;}
    .research_wrap .box .box_txt_box .info::before {content: ""; position: absolute; left: 0; bottom: -2px; transform: translateY(100%) ;display: block; width: 0%; height: 1px; background-color: #262f40; transition: 0.3s ease-in-out;}
    .research_wrap .box .box_txt_box .info:hover {color: #262F40; fill: #262F40;}
    .research_wrap .box .box_txt_box .info:hover::before {width: 100%;}
    .view_page .board_li_wrap .view_btn:hover {background-color: #262F40; color: #fff;}
    .view_page .board_li_wrap .view_btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M0 64l448 0 0 48L0 112 0 64zM0 224l448 0 0 48L0 272l0-48zM448 384l0 48L0 432l0-48 448 0z"/></svg>') no-repeat center / contain;}
    .view_page .board_li_wrap .box:hover .tit {color: #262F40;}

    .treatment_page.mri_page .btn_wrap .more_btn:hover,
    .ja_herbal_page .rese_btn .btn:hover {background-color: #fff; color: var(--colorBlue1);}
    .treatment_page.mri_page .btn_wrap .more_btn:hover .ico,
    .ja_herbal_page .rese_btn .btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%231C369A"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}


    .form_btm_btn .btn {transition: background-color 0.3s ease-in-out ,  color 0.3s ease-in-out }
    .form_btm_btn .btn:hover {background-color: #262f40; color: #fff;}

    .tv_page .recommend_sect .sub_btn_tab .tab:hover,
    .com_treatment_sect .tab_cont .sub_btn_tab .tab:hover,
    .sub_btn_tab .tab:hover { color: #fff; background-color:#262F40; }

    
    

    .self_test_menu_page .list li a {transition: 0.3s ease-in-out;}
    .self_test_menu_page .list li .txt_box .txt {transition: 0.3s ease-in-out;}

    .self_test_menu_page .list li a:hover {background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);}
    .self_test_btn .btn:hover {background-color: var(--colorBlue1); color: #fff;}
    .self_test_btn .btn:hover .ico {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M289.9 256l-17 17L113 433l-17 17L62.1 416l17-17 143-143L79 113l-17-17L96 62.1l17 17L273 239l17 17z"/></svg>') no-repeat center / contain;
    }



    .self_test_result .self_result_top .btn:hover {background-color: #262F40; color: #fff; border-color: #262F40;}
    .self_test_result .self_result_top .btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M448 112c0 44.2-35.8 80-80 80c-22.9 0-43.6-9.6-58.1-25l-151 75.5c.8 4.4 1.1 8.9 1.1 13.5s-.4 9.1-1.1 13.5l151 75.5c14.6-15.4 35.2-25 58.1-25c44.2 0 80 35.8 80 80s-35.8 80-80 80s-80-35.8-80-80c0-9.7 1.7-19 4.9-27.7L147.2 299.5c-14.3 22-39 36.5-67.2 36.5c-44.2 0-80-35.8-80-80s35.8-80 80-80c28.2 0 52.9 14.5 67.2 36.5l145.7-72.9c-3.2-8.6-4.9-17.9-4.9-27.7c0-44.2 35.8-80 80-80s80 35.8 80 80zM80 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM416 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM368 448a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>') no-repeat center / contain;}

    .self_test_result .btm_btn_wrap .box .btn:hover {background-color: #262F40; color: #fff;}
    .self_test_result .btm_btn_wrap .box .btn.again:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M48 224l-32 0 0-32L16 64l0-32 64 0 0 32 0 51.2L97.6 97.6c87.5-87.5 229.3-87.5 316.8 0s87.5 229.3 0 316.8s-229.3 87.5-316.8 0l45.3-45.3c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3s-163.8-62.5-226.3 0L125.7 160l50.3 0 32 0 0 64-32 0L48 224z"/></svg>') no-repeat center / contain;}

    .commu_delivary_page .deli_info_sect .deil_info_top .info {transition: 0.3s ease-in-out;}
    .commu_delivary_page .deli_info_sect .deil_info_top .info:hover {background-color: #262F40; color: #fff; fill: #fff; border-color: #262F40;}

    .sub_full_tab .tab {transition: 0.3s ease-in-out;}
    .sub_full_tab .tab:hover {color: #262F40;}
    .sub_full_tab .tab.active:hover {color: #fff;}    

    .notice_list .list li a {transition: 0.3s ease-in-out;}
    .notice_list .list li a:hover {background-color: var(--grayBg2);}

    .tv_page .tv_list_sect .tv_item a .img img,
    .tv_page .recommend_sect .recommend_box .img_box img {transition: 0.3s ease-in-out;}
    .tv_page .tv_list_sect .tv_item a:hover .com_play_bg,
    .tv_page .recommend_sect .recommend_box a:hover .com_play_bg {opacity: 1;}


    .treatment_tab_sect .paging .arrow_box .swiper_btn {transition: 0.3s ease-in-out; cursor: pointer;}
    .treatment_tab_sect .paging .arrow_box .swiper_btn:hover {background-color: #262F40; color: #fff; fill: #fff;}

    .treatment_tab_sect .paging {display: flex; align-items: center; justify-content: flex-start; position: absolute; right: 0; bottom: 0; font-weight: 500; z-index: 3;}
    .treatment_tab_sect .paging .swiper-pagination { opacity: 1; width: 100px; margin: 0 15px; flex-shrink: 0; max-width: none;}
    .treatment_tab_sect .paging .current {color: var(--colorBlue1); }
    .treatment_tab_sect .paging .total {color: #7A8390}
    .treatment_tab_sect .paging .arrow_box {display: flex; margin-left: 25px;}
    .treatment_tab_sect .paging .arrow_box .swiper_btn {display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; border: 1px solid #7A8390; fill: #7A8390; border-radius: 50%;}
    .treatment_tab_sect .paging .arrow_box .swiper_btn svg {width: 40%; height: auto;}
    .treatment_tab_sect .paging .arrow_box .swiper_btn + .swiper_btn  {margin-left: 15px;}


    .com_around_sect .cont .addr_box .map_btn {transition: 0.3s ease-in-out;}
    
    .com_around_sect .cont .addr_box .map_btn:hover {background-color: #262F40; color: #fff;}

    .byak_page .test_sect .test_btn .btn {transition: 0.3s ease-in-out;}
    .byak_page .test_sect .test_btn .btn .ico {transition: 0.3s ease-in-out;}
    .byak_page .test_sect .test_btn .btn:hover {background-color: #262F40; color: #fff; fill: #fff;}
    .byak_page .test_sect .test_btn .btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}

    .tv_view_page .video_info_box .share_btn {transition: 0.3s ease-in-out;}
    .tv_view_page .video_info_box .share_btn:hover {background-color: #262F40; color: #fff; fill: #fff;}

    .byak_page .custom_sect .img_slide .slide_btn_box .swiper_btn:hover {background-color: #fff; fill: #173394;}

    .byak_page .custom_sect .txt_slide .btm_btn .ico {transition: 0.3s ease-in-out;}
    .byak_page .custom_sect .txt_slide .btm_btn:hover {background-color: #fff; color: #262F40; fill: #262f40;}
    .byak_page .custom_sect .txt_slide .btm_btn:hover .ico { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23262f40"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;}
    


    .sub_top {padding-left: var(--inPd); padding-right: var(--inPd);}
    
    /* 서브 네비 */
    .sub_top .flex_box {display: flex;}
    .sub_top .flex_box .view_share_btn_box {margin-left: auto; transition: 0.3s ease-in-out;}
    .sub_top .flex_box .view_share_btn_box .share_btn:hover {background-color: #262F40; color: #fff; fill: #fff;}
    .sub_top .flex_box .view_share_btn_box .share_btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M448 112c0 44.2-35.8 80-80 80c-22.9 0-43.6-9.6-58.1-25l-151 75.5c.8 4.4 1.1 8.9 1.1 13.5s-.4 9.1-1.1 13.5l151 75.5c14.6-15.4 35.2-25 58.1-25c44.2 0 80 35.8 80 80s-35.8 80-80 80s-80-35.8-80-80c0-9.7 1.7-19 4.9-27.7L147.2 299.5c-14.3 22-39 36.5-67.2 36.5c-44.2 0-80-35.8-80-80s35.8-80 80-80c28.2 0 52.9 14.5 67.2 36.5l145.7-72.9c-3.2-8.6-4.9-17.9-4.9-27.7c0-44.2 35.8-80 80-80s80 35.8 80 80zM80 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM416 112a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM368 448a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>') no-repeat center / contain;}

    .sub_page_nav {display: flex; align-items: center; }
    .sub_page_nav.wh {color: #fff; fill: #fff;}
    .sub_page_nav.wh .select .nice-select::after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23fff"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / cover}
    .sub_page_nav.wh .select + .select::before {background-color: rgba(255,255,255,0.2);}

    
    .sub_page_nav .home {margin-right: 15px; display: flex; align-items: center;}
    .sub_page_nav .home svg {width: calc(var(--txt3) * 1.2); height: auto; margin-top: -0.2em;}
    .sub_page_nav .select {display: flex; align-items: center; font-size: var(--txt3);}
    .sub_page_nav .select + .select {margin-left: 25px;}
    .sub_page_nav .select + .select::before {content: ""; width: 4px; height: 4px; background-color: #c9d2df; border-radius: 50%; display: block;margin: 0 15px; content: none;}
    .sub_page_nav .select .nice-select {border: none; padding: 0 1.4em 0 0; background-color: transparent; height: auto; line-height: 1.5; font-size: var(--txt3);}
    .sub_page_nav .select .nice-select .current {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
    /* .sub_page_nav .select + .select + .select .nice-select .current {max-width: 5em;} */
    .sub_page_nav .select .nice-select::after {content: '';border: none;display: block;width: 0.8em;height: 0.8em; pointer-events: none;position: absolute;right: 0px;top: 50%; margin-top: -1px; transform-origin: center; transform: translateY(-50%) ;transition: all 0.15s ease-in-out;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23262f40"><path d="M224 385.9l17-17L401 209l17-17L384 158.1l-17 17-143 143L81 175l-17-17L30.1 192l17 17L207 369l17 17z"/></svg>') no-repeat center / cover;}
    .sub_page_nav .select .nice-select .list {margin-top: 10px; color: #262f40;}
    .sub_page_nav .select .nice-select .option {line-height: 1.5; min-height: 0;}
    .sub_page_nav .select .nice-select .option:hover,
    .sub_page_nav .select .nice-select .option.focus,
    .sub_page_nav .select .nice-select .option.selected.focus {background-color: var(--grayBg2); color: #262F40;}

    .full_visual_sect .sect_tit,
    .sub_top .tit_box {margin-top: 8rem;}
    


    .com_sticky_nav ul li a {padding: 10px 1.3em;}
    .com_sticky_nav ul li + li {margin-left: 10px;} 

    

    .com_tag {font-size: var(--smTxt1);}
    .com_tag.sm {font-size: var(--smTxt1);}
    
    .bg_visual_sect .img {padding-top: 450px; width: 800px;}
    .com_causes_sect .cont_box .cont .list {width: 60%;} 
    .fixed_btn {display: none;}

    .com_treatment_sect .in{ }
    .sci_txt {margin-bottom: 1.5rem; }

    

    




    



    /* .more_banner_sect {position: absolute; right: 0; top: 0; z-index: 3; margin-top: 0; padding-top: 0; opacity: 0; transition: opacity 0.3s ease-in-out;} */
    .more_banner_sect .btn_wrap .more_btn {font-size: var(--smTxt1); transition: 0.3s ease-in-out;}
    .more_banner_sect .btn_wrap .more_btn:hover {background-color: var(--colorBlue1); color: #fff;}
    .more_banner_sect .btn_wrap .more_btn:hover .arr {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23fff"><path d="M321.9 256l-17 17L113 465l-17 17L62.1 448l17-17 175-175L79 81l-17-17L96 30.1l17 17L305 239l17 17z"/></svg>')center/contain no-repeat;
    }
    .more_banner_sect.active {opacity: 1;}
    .more_banner_sect .top .star {width: 3.5em;}
    .more_banner_sect .in {width: 100%; display: block; padding: 60px 40px;}
    .more_banner_sect .box_cont .box .tit {font-size: var(--txt1);}
    .more_banner_sect .box_cont .box ul li {font-size: var(--txt3);}
    .more_banner_sect .btn_wrap {margin-top: 40px;}
    
     

    .research_wrap + .research_wrap {margin-top: 0px;}

    
    .clinic_case .in {width: 100%;}
    .clinic_case .top {width: var(--subInW); margin: 0 auto 0;}

    .com_case_cont .item {width: 38rem; padding: 25px ; transition: transform 0.3s linear, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;;}
    .com_case_cont .item:hover {background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transform: translateY(-1.2rem);}
    

    .com_case_cont .item .case_img2 .top_txt .bg.after {border-width: 4px;}

    .com_case_cont .case_list {gap: 50px 30px;}
    .com_case_cont .case_list .item {width: 100%;}
    .com_case_cont .case_list .item:hover {background-color: #fff;  transform: unset;}

    .case_list .li .item:hover .util .tag span {background-color: var(--grayBg1);}  
    
    .real_review {overflow: hidden;}
    .real_review .in {width: 100%;}
    .real_review .top {width: var(--subInW); margin: 0 auto var(--contMt);}
    .real_review .slide_wrap {overflow: visible; padding-left: max(calc((100% - var(--subInW))/2 + var(--inPd)) , var(--inPd))}
    .com_pt_rv .item {width: 38rem; padding: 25px; border-radius: 1rem; cursor: pointer; transition: transform 0.3s linear, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
    .com_pt_rv .item:hover {background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);transform: translateY(-1.2rem);}

    .com_period_sect .in {}
    .com_period_sect .top {width: var(--subInW); margin: 0 auto;}
    .com_period_sect .tab_cont .cont {width: 100%; margin: 0;}
    .com_period_sect .tab_cont .cont .swiper-container {padding: 0;}
    .com_period_sect .tab_cont .cont .item .txt_box {width: 100%}
    .com_period_sect .tab_cont .cont .item .txt_box .tit {display: flex; flex-direction: column-reverse; align-items: flex-start; font-size: var(--txt1);}
    .com_period_sect .tab_cont .cont .item .txt_box .tit .tag {margin-left: 0;}

    .com_causes_sect .cont_box .cont .cont_tit {font-size: var(--tit5);}
    .com_treatment_sect .tab_cont .cont .item .txt_box .tit {font-size: var(--thmbTit1);}

    
    .com_treatment_sect {overflow: hidden;}
    .com_treatment_sect .tab_cont {margin-top: var(--contMt); background-color: var(--grayBg1); padding: 5rem 0 5rem 5rem; border-radius: 25px; overflow: hidden;}
    .com_treatment_sect .tab_cont .sub_btn_tab .tab {background-color: #fff;}
    .com_treatment_sect .tab_cont .cont {width: 100%; margin: 0;}
    .com_treatment_sect .tab_cont .cont .swiper-container {padding: 0 5rem 0 0; overflow: visible;}

    



    .com_treatment_sect .paging {display: flex; align-items: center; justify-content: center; margin-top: 40px ;font-weight: 500; z-index: 3;}
    .com_treatment_sect .paging .swiper-pagination { opacity: 1; width: 200px; flex-shrink: 0; max-width: none;}
    .com_treatment_sect .paging .current {color: var(--colorBlue1); display: none;}
    .com_treatment_sect .paging .total {color: #7A8390; display: none;}
    .com_treatment_sect .paging .arrow_box {display: flex; margin-left: 25px; display: none;}
    .com_treatment_sect .paging .arrow_box .swiper_btn {display: flex; align-items: center; justify-content: center;  fill: #7A8390; border-radius: 50%;}
    .com_treatment_sect .paging .arrow_box .swiper_btn svg {width: 1.5em; height: auto;}
    .com_treatment_sect .paging .arrow_box .swiper_btn + .swiper_btn  {margin-left: 10px;}

    

    .test_banner_sect .banner_cont .cont {padding-top: 6rem;}
    .test_banner_sect .in {padding: 6rem 10rem 14rem; width: calc(var(--subInW) - var(--inPd) * 2);}
    .test_banner_sect .banner_cont .ico_img {max-width: none;}
    
    .com_see_more .ico {transition: 0.3s ease-in-out;}
    .com_see_more:hover {background-color: #262F40; color: #fff; }
    .com_see_more:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23fff">><path d="M569.4 337L586.4 320L569.4 303L401.4 135L384.4 118L350.5 151.9L367.5 168.9L494.5 295.9L64.4 295.9L64.4 343.9L494.5 343.9L367.5 470.9L350.5 487.9L384.4 521.8L401.4 504.8L569.4 336.8z"/></svg>') no-repeat center/ contain;}

    .com_see_more.wh_line:hover {border-color: #fff; color: #262F40; background-color: #fff;}
    .com_see_more.wh_line:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="%23262f40">><path d="M569.4 337L586.4 320L569.4 303L401.4 135L384.4 118L350.5 151.9L367.5 168.9L494.5 295.9L64.4 295.9L64.4 343.9L494.5 343.9L367.5 470.9L350.5 487.9L384.4 521.8L401.4 504.8L569.4 336.8z"/></svg>') no-repeat center/ contain;}
    


    
    .com_around_sect .cont .addr_box .addr {font-size: var(--txt1);}
    .com_around_sect .cont .way_box .box .label {font-size: var(--smTxt1);}
    .com_around_sect .cont .way_box .box .txt {font-size: var(--txt3);}
    .com_around_sect .cont .addr_box .copy {transition: 0.3s ease-in-out;}
    .com_around_sect .cont .addr_box .copy:hover {background-color: #262F40; color: #fff;}


    .research_wrap .graph_container .item {padding: 25px 90px 40px;}
    

    .disease_page .emergency_sect .emergency_cont_box {gap: 60px 30px;}
    .disease_page .emergency_sect .emergency_cont_box .img {border-radius: 20px;}
    .disease_page .emergency_sect .emergency_cont_box .txt {font-size: var(--thmbTit1);}
    


    .treatment_tab_sect .in {}
    .treatment_tab_sect .sub_cont_tit {width: var(--subInW); margin: 0 auto; }

    
    .treatment_tab_sect .tab_cont {}
    
    .treatment_tab_sect .tab_cont .cont .item {width: var(--subInW);}
    .treatment_tab_sect .tab_cont .cont .item .img {width: 50%; padding-top: 40%; margin-right: 60px;}
    .treatment_tab_sect .tab_cont .cont .item .view_more .btn {transition: 0.3s ease-in-out;}
    .treatment_tab_sect .tab_cont .cont .item .view_more .btn:hover {background-color: var(--colorBlue1); }
    
    
    .com_treatment_sect .tab_cont .cont .item .img img {transition: 0.3s ease-in-out;}


    .com_treatment_sect .tab_cont .cont .item:hover .img img {transform: scale(1.05);}
    .com_tab_part_sect .tab_wrap .tab:hover {background-color: var(--colorBlue1); color: #fff; fill: #fff; font-weight: 700;}
    
    
    
    

    .best_sect .best_tit_box .best_tit .sub_cont_tit {font-size: 5rem;}
    .best_sect .best_tit_box .wings {width: 3.5em;}

    
    /* 커뮤니티 _ 치료사례 */


    .interview_page .best_sect .slide_wrap,
    .real_review_page .best_sect .com_pt_rv {margin-top: 70px; padding: 0;}
    .treat_case_page .best_sect .slide_wrap {margin-top: 140px;}

    .treat_case_page .best_sect.no_swiper {padding-bottom: var(--subContPd);}
    .treat_case_page .best_sect.no_swiper .slide_wrap {margin-top: 60px;}

    .treat_case_page .best_sect {padding: var(--subContPd) 0 calc(var(--subContPd) * 2);}

    .best_sect .com_case_cont .item {transition: 0.3s ease-in-out; margin-right: 30px;}

    .best_sect .com_case_cont .item.changing,
    .best_sect .com_case_cont .item.changed {transform:translateX(-15%);-ms-user-select: none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}

    .best_sect .com_case_cont .item.changing {pointer-events: none;}

    .best_sect .com_case_cont .item.changing.swiper-slide-duplicate-active,
    .best_sect .com_case_cont .item.changed.swiper-slide-duplicate-active,
    .best_sect .com_case_cont .item.changing.swiper-slide-active,
    .best_sect .com_case_cont .item.changed.swiper-slide-active {transform:translateX(0) scale(1.3);}




    .best_sect .com_case_cont .item.swiper-slide-active ~ .changing,
    .best_sect .com_case_cont .item.swiper-slide-active ~ .changed {transform:translateX(15%);}

    .best_sect .com_case_cont .item.changing.swiper-slide:hover,
    .best_sect .com_case_cont .item.changed.swiper-slide:hover {transform: translateX(-15%) translateY(-1.2rem);}

    .best_sect .com_case_cont .item.swiper-slide-active ~ .changing:hover,
    .best_sect .com_case_cont .item.swiper-slide-active ~ .changed:hover {transform:translateX(15%) translateY(-1.2rem);}

    .best_sect .com_case_cont .item.changing.swiper-slide-active:hover,
    .best_sect .com_case_cont .item.changed.swiper-slide-active:hover {transform: scale(1.3) translateY(-1.2rem);}



    .com_case_cont .item:hover {
        background-color: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        transform: translateY(-1.2rem);
    }




    .commu_sect .cont .commu_cont .slide_wrap .item .thumb img {transition: 0.3s ease-in-out;}
    .commu_sect .cont .commu_cont .slide_wrap .item:hover .tit {text-decoration-line: underline;text-decoration-color: black;text-decoration-style: solid;text-underline-position: under;text-underline-offset: 2px;text-decoration-thickness: 1px ;}

    

    .case_list .li a,
    .review_item a {padding: 25px;}
    .com_case_cont .item .date,.com_case_cont .item .num_txt,
    .review_item .util_wrap {font-size: var(--smTxt1);}

    .comm_review_list_box .com_pt_rv {gap: 25px; grid-template-columns: repeat(3,minmax(0,1fr));}

    .comm_review_list_box .review_item a{transition: transform 0.3s linear, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;;}
    .comm_review_list_box .review_item .login_info_box {transition: 0.3s ease-in-out; background-color: #fff;}
    
    .comm_review_list_box .review_item:hover a{background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
    .comm_review_list_box .review_item:hover .login_info_box {background-color: var(--grayBg1);}
    
    .comm_review_list_box .item {width: 100%;}
    .comm_review_list_box .item:hover {transform: unset;}

    .non_surg_page .goals_sect {margin-top: 0;}
    
    .modal .modal_cont.herbal .top_tit_box .txt {font-size: var(--txt2);}
    .modal .modal_cont.herbal .indctn_sect {margin-top: 60px;}
    .modal .modal_cont.herbal .herbal_pop_tit {font-size: var(--tit5);}
    .modal .modal_cont.herbal .indctn_sect .cont_box {margin-top: 20px; gap: 30px 20px;}
    .modal .modal_cont.herbal .indctn_sect .cont_box .cont .txt {font-size: var(--txt1); margin-top: 10px;}

    .modal .modal_cont.herbal .effect_sect {margin-top: 120px;}
    .modal .modal_cont.herbal .tab_cont .research_wrap {margin-top: 30px;}
    
    .research_wrap .cont_tit_box,
    .research_wrap .cont_txt_box {width: 70%;}
    .research_wrap .expt_cont .img_wrap {width: 45%;}

    .research_wrap .expt_cont .img_wrap .cir {width: 25px; height: 25px; margin: -9px auto -9px;}


    .view_page .view_box .com_case_cont {width: 100%; display: flex; justify-content: center;}
    .view_page .view_box .com_case_cont .item {width: 700px;}
    
    
    .com_case_cont .item .case_img2 .top_txt .tit {font-size: min(1vw, 13px);}
    .view_page .view_box .com_case_cont .item .case_img2.facial .top_txt .bg.after,
    .view_page .view_box .com_case_cont .item .case_img2.facial .top_txt .bg {border-width: 4px;}
    

    .news_list .list {gap:60px 30px;}
    .news_list .list li.write_li {padding: 35px 30px;}

    .news_list .list li.write_li {transition: 0.3s ease-in-out;}
    .news_list .list li.write_li:hover {background-color: #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, .1);}

    .health_info_list .list li a .img_box img {transition: 0.3s ease-in-out;}
    .health_info_list .list li a:hover .img_box img {transform: scale(1.05);}
    .self_test_result .btm_btn_wrap .prev_resuly_btn:hover::before {width: 100%;}

    .self_test_result .self_result_top {padding-top: 140px;}

    .tv_page .recommend_sect .slider_wrap .video_item {width: 80rem;}
    .tv_page .recommend_sect .slider_wrap .video_item.swiper-slide-next {transform: scale(0.6) translateY();}

    .tv_view_page .popular_cont .cont_box,
    .tv_page .tv_list_sect .tv_item_wrap {gap: 45px 30px;}
    .tv_page .popular_video .item .txt_box ,
    .tv_page .tv_list_sect .tv_item_wrap .txt_box ,
    .tv_view_page .popular_cont .cont_box a .txt_box {margin-top: 10px;}

    .tv_page .popular_video .item .txt_box .tit,
    .tv_view_page .popular_cont .cont_box a .txt_box .tit,
    .tv_page .tv_list_sect .tv_item_wrap .txt_box .tit {font-size: var(--txt2); margin-top: 10px;}
    


    .nonfee_page .nonfee_list_cont .tbl_wrap {width: 100%; margin-left: 0; padding: 0;}

    .shinbaro_herba_page .recipe_sect .txt_box .tit {font-size: var(--tit4);}

    .byak_page .slide_sect {padding-bottom: 400px;}
    .byak_page .slide_sect .zigzag_wrap {gap: 200px 100px;}
    .byak_page .slide_sect .zigzag_wrap .slide_cont:nth-child(2n) {transform: translateY(250px);}

    .byak_page .slide_sect .slide_cont .cont_tit {opacity: 0; transform: translateY(100px); transition: 1s ease-in-out 0s;}
    .byak_page .slide_sect .slide_cont .cont_tit.active {background-position-x: 100%;}

    .byak_page .slide_sect .zigzag_wrap .slide_cont .cont_box .item {opacity: 0;transform: translateY(100px);}
    .byak_page .slide_sect .zigzag_wrap .slide_cont .cont_box .item {transition-delay: 0s;}

    .byak_page .slide_sect .zigzag_wrap .slide_cont:nth-child(2) .cont_box .item {transition-delay: 0.3s;}
    .byak_page .slide_sect .zigzag_wrap .slide_cont:nth-child(3) .cont_box .item {transition-delay: 0.6s;}
    .byak_page .slide_sect .zigzag_wrap .slide_cont:nth-child(4) .cont_box .item {transition-delay: 0.9s;}

    .byak_page .slide_sect .zigzag_wrap.active .slide_cont .cont_box .item {opacity: 1; transform: unset;}


    .byak_page .type_sect {overflow: hidden;}
    .byak_page .type_sect .slide {overflow: visible;}

    .byak_page .type_sect .slide .item.swiper-slide-next, .byak_page .type_sect .slide .item.swiper-slide-duplicate-next,
     .byak_page .type_sect .slide .item.swiper-slide-prev, .byak_page .type_sect .slide .item.swiper-slide-duplicate-prev {transform: unset;}

    .byak_page .type_sect .slide .item.swiper-slide.even {transform: translateY(15px);}


    .byak_page .custom_sect .img_slide {padding: 160px 160px 160px 0; width: 50%;} 
    .byak_page .custom_sect .img_slide .slide_btn_box {right: 40px; width: 50%; max-width: 590px;}
    .byak_page .custom_sect .img_slide .slide_btn_box .swiper_btn {width: 3em; height: 3em;}


    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-prev .img, .byak_page .custom_sect .img_slide .swiper-slide-prev .img {transform-origin: center center;transform: translateX(0%) scale(0.7);opacity: 1;}
    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-active .img, .byak_page .custom_sect .img_slide .swiper-slide-active .img {transsform-origin: center center;transform: translateX(-35%) scale(0.7);opacity: 1;}
    .byak_page .custom_sect .img_slide .swiper-slide-duplicate-next .img, .byak_page .custom_sect .img_slide .swiper-slide-next .img {transform-origin: center center;transform: translateX(0%) scale(1.4);opacity: 1;}

    .byak_page .custom_sect .img_slide .paging {right: 250px;bottom: 100px;}


    .recommend_sect .shorts_wrap .item {width: 30rem; }
    .recommend_sect .shorts_wrap .in {width: 100%;}

    
    .hins_page .hins_app_sect .cont {background-color: var(--grayBg1); padding: 5rem 0 5rem 5rem; border-radius: 25px; overflow: hidden;}
    .hins_page .hins_app_sect .cont .txt_box .tit {font-size: var(--thmbTit1);}
    .hins_page .hins_app_sect .cont .swiper-container {overflow: visible;}
    .hins_page .hins_app_sect .btn_box .btn {transition: background-color 0.3s ease-in-out;}
    .hins_page .hins_app_sect .btn_box .btn:hover {background-color: var(--colorBlue2);}

    
    
    .hins_page .banner_sect {margin: var(--sectMt) auto 0; padding-top: calc(var(--subInW) * 0.4); width: calc(var(--subInW) - var(--inPd) * 2) ; border-radius: 25px; overflow: hidden;;}
        .hins_page .banner_sect .sect_tit_box {left: 60px; top: 80px;}
    .hins_page .banner_sect .btn_box {top: 240px; bottom: auto; left: 60px;}


    .sinbarometin_page .info_sect .slide_wrap {margin-top: 60px;}
    .sinbarometin_page .info_sect .slide_wrap .swiper-wrapper {gap: 30px;}

    .sinbarometin_page .feature_sect .cont .feature_list {gap: 25px;}
    .sinbarometin_page .feature_sect .cont .feature_item .img {width: 150px; padding-top: 150px;}
    .sinbarometin_page .feature_sect .cont .feature_item .txt_box {text-align: center; margin-top: 30px;}
    .sinbarometin_page .feature_sect .cont .feature_item .txt_box .txt {margin-top: 15px;}
    
    .sinbarometin_page .tretment_sect .tretment_item + .tretment_item { margin-left: 30px;}
    

    .com_around_sect .cont .addr_box .copy {font-size: var(--smTxt1);}

    .key_sch_box .in{border-radius: 15px; width: calc(var(--subInW) - var(--inPd) * 2);}
    
    .greeting_page .clinic_sect .bg {padding-top: max(45%, 1100px);}
    .greeting_page .visual_sect .txt_wrap .tit {font-size: var(--tit5);}
    .greeting_page .features_sect .cont .txt_box {margin-left: 60px;}
    .greeting_page .features_sect .cont + .cont {margin-top: 80px;}
    
    .staff_list_wrap .staff_list {gap: 80px 60px;}
    .staff_list_wrap .staff_list .staff_box .top {grid-template-columns: 38% minmax(0, 1fr);}
    .staff_list_wrap .staff_list .staff_box .top .img_wrap {padding-top: 120%;}
    .staff_list_wrap .staff_list .staff_box .list_tbl {width: calc(62% - 26px);}

    .staff_view_page .clinic_sche {margin-top: 60px;}
    .staff_view_page .sticky_sect {margin-top: var(--sectMt); border: none;}
    .staff_view_page .clinic_case {padding: 0; background-color: transparent;}
    
    .staff_list_wrap .staff_list {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px 30px;}
    .staff_list_wrap .staff_list .staff_box + .staff_box {margin: 0;}

    .sfaff_info_page .sub_dapth2_tab {display: flex; flex-wrap: wrap; justify-content: center; border-bottom: none; gap: 20px 0;}
    .sfaff_info_page .sub_dapth2_tab .tab {flex: none; border-bottom: 1px solid var(--grayLine);}

    .staff_view_page .doctor_name .btn_wrap {margin-top: 60px;}

    .staff_view_page .real_review .in{padding-left: max(calc((100% - var(--subInW))/2 + var(--inPd)) , var(--inPd))}
    .staff_view_page .real_review .slide_wrap {margin-left: 0; width: auto; padding-left: 0;}
    .staff_view_page .real_review .top {margin: 0 0 var(--contMt);}
    .staff_view_page .clinic_channel .paging {margin-top: 60px;}

    
    .brand_page .identity_sect .icon_box .cont .ico {width: 120px;}
    

    .bot_banner_sect {width: var(--subInW); padding: 0 var(--inPd); margin: 80px auto 0; overflow: hidden; }

    .about_page.brand_page .bot_banner_sect {margin-bottom: var(--subPd);}
    .bot_banner_sect .img {border-radius: 15px; overflow: hidden; }
    .strory_page .bot_banner_sect {padding-bottom: var(--subPd);}

    .hours_location_page .bot_banner_sect {margin: 60px auto var(--subPd);}

    .hours_location_page .fac_sect .cont .aside {width: 26%; margin-top: 0;}
    .hours_location_page .fac_sect .cont .fac_tab_cont .fac_img {flex: 1; min-width: 0;}
    .bot_banner_sect .tit {top: 60px; left: 80px;}


    



    .brand_page .value_box .list li .en_tit {font-size: var(--tit1);}
    .brand_page .value_box .list li .txt {font-size: var(--txt2);}
    .brand_page .value_box .list {width: 830px; gap: 40px 200px;}

    .brand_page .sect_tit_box + .line {height: 120px; padding-bottom: 40px;}
    .brand_page .identity_sect .icon_box .cont + .cont {margin-left: 40px;}

    .brand_page .character_sect .char_cont {gap: 40px;}
    .brand_page .character_sect .view_more {margin-top: 80px;}

    /* .greeting_page .clinic_sect.frame_type .bg {margin-top: 120px;} */

    
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box {grid-template-columns: repeat(5, minmax(max-content, 1fr));}
    .hours_location_page .fac_sect .cont .fac_img .info_ico_box .ico_box .txt_box .en {font-size: 12px; display: block;}
    .hours_location_page .fac_sect .cont .aside .floor_tab .tab .en {display: block;}

    .certificate_page .reserve_info_sect .download_list {gap: 20px;}
 
    .research_page .history_sect .cont_box { gap:80px;}
    .research_page .que_sect .data_box .data_list {margin-top: 80px;}

    .research_page .slide {margin-top: 60px; width: 100%; margin-left: 0; padding: 0; }


    .history_page .history_sect .cont {gap: 65px;}
    .history_sect .cont .txt_wrap .list_box li .date {min-width: 5.5em;}

    .history_sect .anchor_link {top: 79px;}
    .staff_list_wrap .staff_list .staff_box .list_tbl .left {padding-top: 47px;}
    

    .fixed_page .tbl_info_quick {bottom: 30px;}
    .self_test_menu_page .visual_sect .img {width: 40%; max-width: 400px; margin-top: -150px;}
    .self_test_menu_page .visual_sect .txt_box .txt {padding: 30px 60px;}

    .hours_location_page .fac_sect .cont .fac_tab_cont .fac_img {min-height: 720px;}


    .research_page .que_sect .data_box { background-color: #091530; transform: scale(1); border-radius: 0;}
    .research_page .que_sect .data_box .data_bg {opacity: 0.15;}

    .research_page .que_sect .data_box .tit_box {transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s}
    .research_page .que_sect .data_box .data_list {transition: transform 1s ease-in-out 0.5s, opacity 1s ease-in-out 0.5s;}
    


    
    .disease_page .clinic_case .in {width: var(--subInW);}
    .disease_page .clinic_case .com_case_cont {margin-top: calc(var(--inPd) * -1);} 
    .disease_page .clinic_case .com_case_cont .slide_wrap {overflow: hidden; }
    .disease_page .clinic_case .com_case_cont .swiper-container {padding-top: var(--inPd); }
    .disease_page .com_case_cont .item {width: calc(33.333% - 20px);}
    .disease_page .clinic_case .top {width: 100%;}

    .research_page .slide .txt_box .tit {font-size: var(--thmbTit1);}
    .com_period_sect .paging {margin-top: 40px; visibility: visible; pointer-events: auiot; opacity: 1;}

    .research_page .research_sect .sub_cont_tit {text-align: center;}
    .research_page .research_sect .com_video_thumbnail { padding-top: 39.375%; width: 70%; }
    .research_page .slide {width: 70%; margin: 30px auto 0;}


    .insuranceSect2_s2 {width: var(--subInW); padding: 0 var(--inPd); margin: 0 auto;}
    .insurSect2Nitems {gap: 20px; padding: 0;}
    .insurSect2NitemConts {padding: 0;}

    .insurance2Ncont__top {display: flex;}
    .insurance2Ncont__top .desc1 {width: 50%;}
    .insurance2Ncont__top .desc2 {width: 50%;}
    .insurSect2Nitem .tit {font-size: var(--txt2); margin-top: 15px;}
    .insurSect2Nitem {height: 295px; }
    .insurSect2Nitem .bot_txt {text-align: center; color: #333; font-size: var(--txt1); font-weight: 400; padding: 13px 0 3px; background-color: #cfcfcf; margin-top: -10px; border-radius: 0 0 10px 10px}
    .insurSect2Nitem .desc {background: #f8f8f8; padding: 30px 0;}
    .insurSect2Nitem .desc::after {border-color:#cfcfcf ;}
    .insurSect2Nitem.active .bot_txt {background-color: var(--colorBlue2); color: #fff; font-weight: 700;}

    .insurSect2Nitem .desc::before {width: 120px; height: 120px;}
    
    .insurSect2Nitem .desc1::before { background-size:auto 100px; }
    .insurSect2Nitem .desc2::before { background-size:auto 100px; }
    .insurSect2Nitem .desc3::before { background-size:auto 100px; }
    .insurSect2Nitem .desc4::before { background-size:auto 100px; }
    .insurSect2Nitem .desc5::before { background-size:auto 100px; }
    .insurSect2Nitem .desc6::before { background-size:auto 100px; }
    
    .insurance2Ncont {padding: 50px 70px;}
    .insurance2Ncont__top .desc2 {font-weight: 500; font-size: var(--tit5); padding-left: 30px; border-left: 2px solid #fff;}
    .insurance2Ncont__btm a {margin-top: 35px; font-size: var(--txt2); padding: 0.7em 0; font-weight: 700; border-radius: 10px; transition: 0.3s ease-in-out;}
    .insurance2Ncont__btm a:hover {background-color: var(--colorBlue1); color: #fff;}
    .insurance2Ncont__top .desc1::before {width: 70px; height: 70px;}
    .insurance2Ncont__top .desc1__con {padding-left: 20px;}
    .insurance2Ncont__top .desc1__con h5 {font-size: var(--tit4);}
    .insurance2Ncont__top .desc1__con p {font-size: var(--txt2);}
    
    .since_slide .txt_box {font-size: var(--txt3);}
    .hours_location_page .parking_sect .table tr th {padding: 20px;}
    .hours_location_page .parking_sect .table tr td:nth-child(2) {padding: 20px 40px;}
    .hours_location_page .parking_sect .table tr td:nth-child(1),
    .hours_location_page .parking_sect .table tr th:nth-child(1) {width: 200px}


    .comment_wrap .cmt_bg { position: relative; padding: 20px 30px; background-color: #f0f1f3; border-radius: 15px;}
    .comment_wrap .btn_wrap .bd_btn { width: 8em; border-radius: 10px;}
    
    .comment_wrap .cmt_write .txt_wrap {border-radius: 10px;}
    .comment_wrap .cmt_write .txt_wrap textarea {min-height: 90px;}
    .comment_wrap .cmt_write .txt_wrap {margin-right: 10px; }
    .comment_wrap .cmt_write .cmt_write_inner .cmt_in {border-radius: 10px;}
    .comment_wrap.type2 .term_box .box {border-radius: 10px;}

    .pagination .num_list li {width: 45px; height: 45px;}
    .pagination .num_list li a {line-height: 45px;}

    .staff_view_page .staff_profile .img.type2 {padding-right: 80px;}
    .comment_wrap.type2 .user_info_box .box .inp {width: 12em;} 
    .comment_wrap.type2 .term_box .info_txt a:hover {color: #000;}  
    .comment_wrap .btn_wrap {margin-top: 30px;}  

}


