@charset "utf-8";



/* LSM 2025.08 */
/*.sub_self-test .sub_visual { border-bottom: 0;}*/
.media_page .self_sect { padding-top:0; padding-bottom: calc(var(--sectPd) - 6.4rem);}
.media_page .self_sect .self_box { padding: 8rem 16rem; display: flex; justify-content: space-between; align-items: flex-end; }
.media_page .self_sect .self_box .desc{ margin-top:2.4rem; }

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

.review_list .list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8rem 3rem;}
.review_list .list a { display: block;position: relative;}
.review_list .list li .img_box { position: relative; overflow: hidden;border-radius: 1.6rem; margin-bottom: 3.2rem;}
.review_list .list li .img_box .img { position: relative; }
.review_list .list li .img_box .img {padding-bottom: 120%; filter:blur(3px);}
.review_list .list li .img_box.on .img { filter:none; background-color: #f6f7f9;}
.review_list .list li .img_box.on .msg { display: none;}
.review_list .list li .img_box img {position: absolute;width: 90%;height: 90%;left: 50%;bottom: 0;transform: translate(-50%,20%);object-fit: contain;object-position: center;}
.review_list .list li .img_box .msg { position: absolute; left: 0; top:0; right:0; bottom:0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size:var(--txt2); color:#fff; text-align: center; background: rgba(0,0,0,0.4);}
.review_list .list li .img_box .msg i { display: block; margin-bottom: 1.4rem;}
.review_list .list li .img_box .msg i svg { width:1em}
.review_list .list li .img_box .badge_box { position: absolute; left: 1.6rem; top: 1.6rem; display: flex; align-items: center; justify-content: center; }
.review_list .list li .img_box .badge_box p { border-radius:1rem; font-size:var(--smTxt); background-color: var(--green); color:#fff; padding:0.4em 0.8em; }
.review_list .list li .tit { font-size: var(--lgTxt); font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: var(--txtLine);}
.review_list .list li .date{ font-size: var(--smTxt); color:#696969; margin-top: 1.6rem; }

.tabs1 { }
.tabs1 .btns { display: flex; }
.tabs1 a { flex:0 0 auto; display: flex; align-items: center; padding: 0 1.5em; height: var(--inpH); border-radius:var(--inpH);  background-color: #fff; border:1px solid var(--black); font-size:var(--txt); font-weight:600;  transition: all 0.3s ease-in-out;}
.tabs1 a + a { margin-left:1.6rem ;}
.tabs1 a.active,
.tabs1 a:hover { background-color: var(--green); border-color:var(--green); color:#fff;}

/* 자주묻는질문 */
.faq_page { padding-bottom: var(--sectPd);}
.faq_list{ word-break: break-all}
.faq_list .list_box{border-top: 1px solid #BCBFC7;}
.faq_list .list_box .item{overflow: hidden; border-bottom: 1px solid #BCBFC7; transition: border-color 0.4s;}
.faq_list .list_box .item.active{border-color: transparent;}
.faq_list .list_box .question{display: flex; align-items: center; position: relative; padding: 4rem 8rem 4rem 0; font-size: var(--lgTxt); font-weight: 700; cursor: pointer;}
.faq_list .list_box .question::before{content: ''; position: absolute; top: calc(50% - 1.6rem); right: 4rem; width: 3rem; height: 3rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M212.7 363.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 329.4 75.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"/></svg>') no-repeat center center/cover; transition: transform 0.4s;}
.faq_list .list_box .item.active .question::before{transform: rotate(-180deg);}
.faq_list .list_box .question .cat{flex-shrink: 0; width: 10em;  color: var(--green); font-size: var(--txt); text-align: center;}
.faq_list .list_box .question p{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.faq_list .list_box .answer{display: none; padding: 3.2rem 8rem 3.2rem 10em; background: #F8F8F6; border-radius: var(--smRadius);}
.faq_list .list_box .answer div{display: flex; align-items: baseline; }
.faq_list .list_box .answer .ico{display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; background: #08B89A; color: #fff; font-size: 2rem; font-weight: 700; border-radius: 50%;}
.faq_list .list_box .answer p{font-size: var(--txt); }

/* 셀프테스트 */
.selftest_page .sub_tit { text-align: center;}
.sub_desc{ text-align: center; opacity: 0; font-size:var(--txt2); margin-top:4rem; font-weight:500; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.sub_desc.active {opacity: 1; transform: translateY(0);}

/* 셀프테스트 배경 추가 */
.sub_self-test .top_sect .top_txt_box{background-color: var(--green); border-radius: var(--radius); color:#fff; padding: 10rem var(--inPd);}
.sub_self-test .top_sect .top_txt_box .fill_txt span{background:linear-gradient(90deg, white 0%, white 100%); color:rgba(255,255,255,.2);     background-clip: text; -webkit-background-clip: text;background-size: 0% 100%; background-repeat: no-repeat;}
.sub_self-test .top_sect .sub_desc{margin-top: 2rem;}
.sub_self-test .top_sect .sub_desc.active {opacity: 0.8; transform: translateY(0);}

.sub_self-test-result .sub_visual {border-bottom:none; margin-bottom: 0;}
.test_sec { padding: var(--sectPd) 0; background: linear-gradient(0deg,rgba(248, 248, 246, 0) 0%, rgba(248, 248, 246, 1) 100%); margin-top:20rem; }
.test_sec .tit { display: flex; margin-bottom: 4rem; align-items: flex-start;  }
.test_sec .tit span { padding:0.2em 0.7em; border-radius:0.8rem; background-color: #e8e8e8; color:var(--gray); font-size:var(--txt2); font-weight:700; margin:0.4em 1.5rem 0 0;  flex:0 0 auto; transition: all 1s ease;}
.test_sec .item.active .tit span {  background-color: var(--green); color:#fff; }
.test_sec .item.active .test_box .over { opacity:0; visibility: hidden; pointer-events: none;}
.test_sec .tit p { font-size:var(--smTit); font-weight:600; line-height: 1.5; }
.test_box { border-radius:var(--radius); overflow: hidden; position: relative;}
.test_box .img_box > img { opacity:0; }
.test_box .img_sec { position: absolute; left: 0; top:0; width:100%; height: 100%; ;}
.test_box .img_sec > div { position: absolute; left: 0; top:0; width:100%; height: 100%;   background-position: 0 0 ; background-repeat: no-repeat; background-size: contain; opacity:0; transition: all 1s ease;}
.test_box .img_sec > div.active { opacity:1;}
.test_box .img_sec > div.img1 { background-image: url(../img/sub/selftest1_1.jpg);}
.test_box .img_sec > div.img2 { background-image: url(../img/sub/selftest1_2.jpg);}
.test_box .img_sec > div.img3 { background-image: url(../img/sub/selftest1_3.jpg);}
.test_box .img_sec > div.img4 { background-image: url(../img/sub/selftest1_4.jpg);}
.test_box .img_sec > div.img5 { background-image: url(../img/sub/selftest1_5.jpg);}
.test_box .img_sec > div.img2-1 { background-image: url(../img/sub/selftest2_1.jpg);}
.test_box .img_sec > div.img2-2 { background-image: url(../img/sub/selftest2_2.jpg);}
.test_box .img_sec > div.img2-3 { background-image: url(../img/sub/selftest2_3.jpg);}
.test_box .img_sec > div.img2-4 { background-image: url(../img/sub/selftest2_4.jpg);}
.test_box ul { position: absolute; right:8rem; top:50%; transform: translateY(-50%); width:52rem; display: flex; flex-direction: column; justify-content: space-between; }
.test_box ul li { height:4.3em;}
.test_box ul li label { display: block; height: 100%; }
.test_box ul li + li { margin-top:1.6rem;}
.test_box ul li label .test_radio { position:absolute; display: none;}
.test_box ul li label .test_radio + div { height: 100%; display: flex; align-items: center; border-radius:1.5rem; background-color: #fff; padding:0 3rem; position: relative; cursor: pointer; transition: all 0.5s ease; }
.test_box ul li label .test_radio + div strong { font-size:var(--lgTxt2); }
.test_box ul li label .test_radio + div span { font-size:var(--smTxt); margin-left: 1rem;}
.test_box ul li label .test_radio + div:before {content: ''; position: absolute; right:3rem; top:50%; transform: translateY(-50%); width:1.5em; height:1.5em; border-radius:50%; background: url("data:image/svg+xml,%3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 30.75C10.6094 30.75 5.6875 27.9375 2.99219 23.25C0.296875 18.6211 0.296875 12.9375 2.99219 8.25C5.6875 3.62109 10.6094 0.75 16 0.75C21.332 0.75 26.2539 3.62109 28.9492 8.25C31.6445 12.9375 31.6445 18.6211 28.9492 23.25C26.2539 27.9375 21.332 30.75 16 30.75ZM22.6211 12.9961H22.5625C23.1484 12.4688 23.1484 11.5898 22.5625 11.0039C22.0352 10.4766 21.1562 10.4766 20.6289 11.0039L14.125 17.5664L11.3711 14.8125C10.7852 14.2266 9.90625 14.2266 9.37891 14.8125C8.79297 15.3398 8.79297 16.2188 9.37891 16.7461L13.1289 20.4961C13.6562 21.082 14.5352 21.082 15.1211 20.4961L22.6211 12.9961Z' fill='%231C1C1C'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;transition: all 0.3s ease-in-out;}
.test_box ul li label .test_radio:checked + div { background-color: var(--black); color:#fff; }
.test_box ul li label .test_radio:checked + div:before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='31' viewBox='0 0 32 31' fill='none'><path d='M16 30.75C10.6094 30.75 5.6875 27.9375 2.99219 23.25C0.296875 18.6211 0.296875 12.9375 2.99219 8.25C5.6875 3.62109 10.6094 0.75 16 0.75C21.332 0.75 26.2539 3.62109 28.9492 8.25C31.6445 12.9375 31.6445 18.6211 28.9492 23.25C26.2539 27.9375 21.332 30.75 16 30.75ZM22.6211 12.9961H22.5625C23.1484 12.4688 23.1484 11.5898 22.5625 11.0039C22.0352 10.4766 21.1562 10.4766 20.6289 11.0039L14.125 17.5664L11.3711 14.8125C10.7852 14.2266 9.90625 14.2266 9.37891 14.8125C8.79297 15.3398 8.79297 16.2188 9.37891 16.7461L13.1289 20.4961C13.6562 21.082 14.5352 21.082 15.1211 20.4961L22.6211 12.9961Z' fill='white'/></svg>");}
.test_box .over { position: absolute; left: 0; top:0; right:0; bottom:0; display: flex; justify-content: center; align-items: center; font-size:var(--txt2); font-weight:700; color:#fff; background-color: rgba(181, 165, 148, 0.7); backdrop-filter: blur(10px); transition: all 1s ease; }
.test_box .over p { position: relative; z-index:2; display: flex; align-items: center;}
.test_box .over p svg { vertical-align: middle; width:1.2em; height: auto; margin-right:1rem}
.test_box .over:before { content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.4); ;}
.test_sec .item + .item { margin-top:var(--sectPd);}
.test_sec2 { padding-bottom: var(--sectPd);}
.test_result { max-width:90rem; margin:8rem auto; border-radius:var(--radius); background: #F8F8F6; overflow: hidden; }
.test_result .text { padding: 6rem 3rem; text-align: center; ;}
.test_result .text .badge span { display:inline-block ; padding:0.12em 0.6em; border-radius:0.8rem; font-size:var(--txt2); background-color:var(--green); color:#fff; font-weight:700; font-size:}
.test_result .text .score { font-size:var(--tit); font-weight:700; margin:1.4rem 0 4rem; }
.test_result .text .msg { font-size:var(--txt); line-height: 1.5; }
.test_result .text .msg p { margin-top:1.6rem; }
.test_result .text .msg strong { font-size:var(--txt2); font-weight:700; }
.test_result .img img{width: 100%;}

/* 병원둘러보기 */
.tour_list { padding:4rem 0 var(--sectPd); }
.tour_list ul { display: grid;  grid-template-columns: repeat(4,minmax(0,1fr)); gap:5rem 3.2rem;  }
.tour_list ul li a { display:block; }
.tour_list ul li a .img { border-radius:2rem; overflow: hidden; position: relative;}
.tour_list ul li a .img img { transition: all 1s ease-in-out;}
.tour_list ul li a .img:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(37,37,37,0.6); opacity:0; transition: all 0.7s ease; z-index:2;}
.tour_list ul li a .img span { position: absolute; left: 0; top:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size:var(--txt2); color:#fff; opacity:0; transition: all 0.7s ease; z-index:2;}
.tour_list ul li a .img span:before {content:''; display:block; margin:0 auto 1rem; width:1em; aspect-ratio: 22/25; height: auto; background: url("data:image/svg+xml;utf8,<svg width='22' height='21' viewBox='0 0 22 21' xmlns='http://www.w3.org/2000/svg'><path d='M12.5625 2.03125L12.5625 9.0625L19.5938 9.0625H21.1563V12.1875H19.5938L12.5625 12.1875L12.5625 19.2187V20.7812L9.4375 20.7812V19.2188L9.4375 12.1875L2.40625 12.1875H0.84375L0.84375 9.0625H2.40625L9.4375 9.0625L9.4375 2.03125V0.46875L12.5625 0.46875V2.03125Z' fill='white'/></svg>") no-repeat 50% 50% / contain;; }

.tour_list ul li a h4 { margin-top:2rem; font-size:var(--txt2); font-weight:600; }
.tour_list ul li a:hover .img img { transform: scale(1.15);}
.tour_list ul li a:hover .img:before { opacity:1; }
.tour_list ul li a:hover .img span { opacity:1; }

/* 공통 버튼 영역 */
.common_btns { display: flex; justify-content: center; margin-top:8rem; }
.common_btns button + button { margin-left: 1.6rem;}
.btn_type1 { min-width:12rem; display: block; padding: 0 2.2em; height: var(--inpH); background-color: var(--black); font-size:var(--txt); font-weight: 600; border-radius: 7rem; color:#fff; transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }
.btn_type1:hover{background-color: var(--green);}
.btn_type2 { min-width:12rem; display: block; padding: 0 2.2em; height: var(--inpH); background-color: var(--fff); border:1px solid var(--black); font-size:var(--txt); font-weight: 600; border-radius: 7rem; color:var(--black); transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }
.btn_type2:hover{background-color: var(--black); color:#fff;}
.txt-green { color:var(--green) !important;}

/* 영양수액클리닉 */
.ivtype_sec { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--sectPd);}
.ivtype_sec .sub_tit_box { position: sticky; top:12rem; }
.ivtype_sec .list { width:70%; }
.ivtype_sec .list .item { border-radius:var(--radius); background-color: #f6f6f6; display: flex; align-items: center; margin-bottom: 4rem; overflow: hidden; padding-left: 28rem; position: relative; opacity:0; transform: translateY(100px); transition: all 1s ease;}
.ivtype_sec .list .item.active { opacity:1; transform: unset;}
.ivtype_sec .list .item img { width:29rem; height: 100%;object-fit: cover; position: absolute; left: 0; top:0; bottom:0;  }
.ivtype_sec .list .item .box { padding:5.5rem 2rem 5.5rem 4.5rem; }
.ivtype_sec .list .item .box .name { font-size:var(--smTit); font-weight:600; margin-bottom: 2rem; ; }
.ivtype_sec .list .item .box .t1 { font-size:var(--txt2); font-weight:600; margin-bottom: 1.4rem; }
.ivtype_sec .list .item .box .t2 { font-size:var(--smTxt); }
.ivtype_sec .list .item .box .tags { display: flex; flex-wrap: wrap; gap:0.8rem 0; margin-top:2.4rem; }
.ivtype_sec .list .item .box .tags p { line-height:2em; padding:0 0.8em; background-color: #fff; font-size:var(--tinyTxt); margin-right:0.8rem; border-radius:2em; letter-spacing: -0.7px; }
.ivclinic_page .slide_cont { overflow: hidden; margin-bottom: var(--sectPd);}
.ivclinic_page .swiper-container  { margin-top:4rem}
.ivclinic_page .swiper-container .item { display: flex; align-items: center;}
.ivclinic_page .swiper-container .item .img { width:50%; flex-shrink: 0;}
.ivclinic_page .swiper-container .item .img img { border-radius:var(--radius); }
.ivclinic_page .swiper-container .item dl { padding-left: 8rem; ;}
.ivclinic_page .swiper-container .item dl dt { font-size:var(--smTit); font-weight:600; margin-bottom: 2rem; }
.ivclinic_page .swiper-container .item dl dd { font-size:var(--txt2); color:var(--gray); line-height: 1.5;}
.ivclinic_page .slider .paging { max-width:calc(var(--in)); height: 3px; background-color: rgba(121,114,85,0.5); position: relative; margin-top:6rem}
.ivclinic_page .slider .paging .swiper-pagination-progressbar-fill { background-color: var(--brown);}
.ivclinic_page .slide_cont .item dl{opacity: 0; transition: opacity 0.5s ease;}
.ivclinic_page .slide_cont .swiper-slide-active .item dl{opacity: 1;}

.ivclinic_page .slide_cont { padding-left: max(calc((100% - var(--in))/2 + var(--inPd)) , var(--inPd)); padding-right:var(--inPd); opacity: 0; transform: translateY(100px); transition: opacity 1s ease 0.8s, transform 1s ease 0.8s; }
.ivclinic_page .slide_cont.active { opacity: 1; transform: unset; }
.ivclinic_page .slide_cont .swiper-container{overflow: visible;}

/* 두드림소개 > 의료진 */
.top_txt_box.sub_tit_box .txt{transition-delay: 0s;}
.top_txt_box.sub_tit_box .txt + .sub_tit{transition-delay: 0.35s;}

.doctor_page .top_sec {  overflow: hidden; }
.doctor_page .top_sec .in { display: flex; justify-content: flex-end; }
.doctor_page .top_sec .sub_tit_box { position: absolute; left: var(--inPd); top:0; ;}
.doctor_page .top_sec .sub_tit_box .txt + .sub_tit { margin-top:3rem; }
.doctor_page .top_sec .photo { width:68rem; position: relative;}
.doctor_page .top_sec .photo img { position: relative; z-index:2; transform: translateY(100px); transition: all 2s ease; opacity:0; }
.doctor_page .top_sec .photo:before { content: ''; position: absolute; width:150rem; height: 150rem; top:70%; left: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle,rgba(221, 200, 181, 1) 0%, rgba(221, 200, 181, 0.32) 20%, rgba(255, 255, 255, 0) 50%); opacity:0; transition: all 1s ease;;}
.doctor_page .top_sec .photo.active img { transform: unset; opacity:1;}
.doctor_page .top_sec .photo.active:before { opacity:1; }
.doctor_page .marqee_sect { margin:14rem 0 var(--sectPd); }
.doctors_sec { padding-bottom: var(--sectPd);}
.doctors_sec .list { margin-top:4rem; }
.doctors_sec .list { display: grid;  grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8rem 8rem;}
.doctors_sec .list .item {position:relative; display: grid;  grid-template-columns: repeat(2,minmax(0,1fr)); gap:8rem }
.doctors_sec .list .item:not(.img_none){grid-column: span 2;}
.doctors_sec .list .item.img_none{grid-template-columns: repeat(1,minmax(0,1fr));}
.doctors_sec .list .item:not(.img_none) { margin-bottom:12rem; }
.doctors_sec .list .item .photo { flex:1; transform: translateY(50px); opacity:0; transition: all 0.8s ease-in-out; position:relative;}
.doctors_sec .list .item .photo img { border-radius:var(--radius);  position:sticky; top: calc(var(--hdH));}
.doctors_sec .list .item .info { flex:1; display: flex; flex-direction: column; transform: translateY(50px); opacity:0; transition: all 0.8s ease-in-out; transition-delay: 0.4s; }
.doctors_sec .list .item.img_none .info .head{display: flex; align-items: center;}
.doctors_sec .list .item .info .name { margin-top:1.5rem; font-size:var(--smTit); font-weight:700; }
.doctors_sec .list .item.img_none .info .name{margin-top: 0; margin-left: 1.6rem;}
.doctors_sec .list .item .info .name span { font-size:0.5em; padding-left: 0.3em;}
.doctors_sec .list .item .info .body { margin-top:2.4rem; flex:1 1 0; border-radius:var(--radius); background: #F8F8F6; padding:2rem; position: relative;} /*overflow: hidden;*/
/*.doctors_sec .list .item .info .body:before {content: ''; position: absolute; left: 0; right:3rem; bottom:0; height: 15rem; background: linear-gradient(0deg,rgba(248, 248, 246, 1) 0%, rgba(248, 248, 246, 0.8) 60%,rgba(248, 248, 246, 0) 100%); pointer-events: none;}*/
.doctors_sec .list .item .info .body .area { height: 100%; padding:2rem; display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:5rem; } /*overflow: auto;*/
.doctors_sec .list .item .info .body dl dt { font-size:var(--txt2); font-weight:700; margin-bottom: 0.5rem;}
.doctors_sec .list .item .info .body dl dd { font-size:var(--txt); color:var(--gray); line-height: 1.5; min-height: 6rem; padding:0.5em 0; border-bottom: 1px solid #ddd; display: flex; align-items: center;}
.doctors_sec .list .item .info .body .area::-webkit-scrollbar { width: 4px; height: 4px; }
.doctors_sec .list .item .info .body .area::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.2); }
.doctors_sec .list .item .info .body .area::-webkit-scrollbar-thumb { border-radius: 3px; background-color: var(--black); }
.doctors_sec .list .item .info .list_tbl { margin-top:2.5rem}
.doctors_sec .list .item.active .photo,
.doctors_sec .list .item.active .info{ transform: unset; opacity:1; }
.dreview_sec { padding:var(--sectPd) 0 0; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(248, 248, 246, 1) 100%); }
.dreview_sec .sub_tit_box .round_btn { margin-top:8rem; }
.dreview_sec .in { display: grid;grid-template-columns: repeat(2,minmax(0,1fr));  }
.dreview_sec .review_list .list { grid-template-columns: repeat(2,minmax(0,1fr)); gap:5rem 3rem;; }


/* 가져온 코드 */
.modal .modal_wrap .modal_cont.fac_modal {position: relative; width: 85rem; max-width: 100%; margin: 0 auto; background:none; }
.modal_cont.fac_modal .txt_box{display: flex; align-items: center; padding: 2rem 3rem; background-color: var(--brown); border-radius: var(--smRadius) var(--smRadius) 0 0; }
.modal_cont.fac_modal .txt_box p{font-size: var(--txt2); font-weight: 700; color:#fff;}
.modal_cont.fac_modal .img{overflow: hidden; position: relative; padding-top: 61.5%; border-radius: 0 0 2.4rem 2.4rem;}
.modal_cont.fac_modal .img img{position: absolute; top: 0; left: 0; width: 100%; height: 105%; object-fit: cover;}
.modal_cont.fac_modal .prev{position: absolute; left: -5rem; top: 50%; font-size: 5rem; cursor: pointer;}
.modal_cont.fac_modal .prev.none {display: none}
.modal_cont.fac_modal .prev svg{fill: #fff; transition: fill 0.25s;}
.modal_cont.fac_modal .next{position: absolute; right: -5rem; top: 50%; font-size: 5rem; cursor: pointer;}
.modal_cont.fac_modal .next.none{display: none}
.modal_cont.fac_modal .next svg{fill: #fff; transition: fill 0.25s;}
.modal_cont.fac_modal .close_btn{display: flex; align-items: center; justify-content: center; position: absolute; top: 2rem; right: 3rem; width: 1em; height: 1.2em; font-size: 3rem; cursor: pointer;}
.modal_cont.fac_modal .close_btn svg { fill:#fff; }



/* 병원둘러보기 */
.tour_page .top_sec .sub_tit_box .txt + .sub_tit { margin-top:3rem; }
.tour_page .marqee_sect { margin:14rem 0 var(--sectPd); }
.top_sec .top_img { border-radius:0; overflow: hidden; margin-top:12rem;  transform: translateY(100px); opacity:0; transition: all 1s ease-in-out;}
.top_sec .top_img img{width: 100%;}
.top_sec .top_img.active { transform: unset; opacity:1; border-radius:var(--radius);}
.sub_tit small { margin-left: 1.5rem; font-size:var(--smTxt); color:var(--gray); font-weight:400;;}

/* 둘러보기 슬라이드 추가 */
.tour_sect{padding-bottom:var(--sectPd); overflow:hidden;}
.tour_sect .main_slide{margin-top: 4rem;}
.tour_sect .main_slide .label{position: absolute; top: 4rem; left: 4rem; background-color: var(--green); border-radius: 0.8rem; font-size: var(--txt); font-weight: 700; color:#fff; padding: 0.7em 0.8em 0.7em; line-height: 1; z-index: 10;}
.tour_sect .main_slide .img_box{position:relative; border-radius: var(--radius); overflow: hidden; padding-top: 50%;}

.tour_sect .img_box img{position: absolute; width: 100%; height:100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.tour_sect .thumb_slide{margin-top: 2.4rem;}
.tour_sect .thumb_slide .img_box{position:relative; border-radius: 1.6rem; overflow:hidden; overflow: hidden; padding-top: 50%;}
.tour_sect .swiper-button-prev {left: -7rem;}
.tour_sect .swiper-button-next {right: -7rem;}


/* 치료컨셉 */
.concept_page .top_sec .sub_tit_box .txt + .sub_tit { margin-top:3rem; }
.concept_page .marqee_sect { margin:14rem 0 var(--sectPd); }
.copy_sec  { display:flex; justify-content: center; align-items: center; text-align: center; min-height: 100vh; padding:var(--sectPd) 0; }
.copy_sec .logo svg { max-width:100rem; width:100%; height: auto;}
.copy_sec .t1 { margin:8rem 0 4rem; font-size:var(--tit); font-weight:700; }
.copy_sec .t2 { font-size:var(--lgTxt); }
.copy_sec .logo,
.copy_sec .t1,
.copy_sec .t2 { transform: translateY(100px); opacity: 0; transition: all 1s ease-in-out;}
.copy_sec .logo.active,
.copy_sec .t1.active,
.copy_sec .t2.active { transform: unset; opacity:1;}
.concept_page .dreview_sec { padding-bottom: var(--sectPd);}

/************************************************************************
    허리통증 클리닉
************************************************************************/
.back_page .intro_sect {background: linear-gradient(180deg, #466552 0%, #797355 100%);}
.back_page .intro_sect .chat_cont .list .item,
.back_page .intro_sect .chat_cont .list .item:before{background-color: #F5F2CE;}
.back_page .intro_sect .chat_cont .list .item .txt{color:var(--green)}


/************************************************************************
    목 클리닉
************************************************************************/
.neck_page .intro_sect {background: linear-gradient(180deg, #7D5A80 0%, #A76F58 100%);}
.neck_page .intro_sect .chat_cont .list .item,
.neck_page .intro_sect .chat_cont .list .item:before{background-color: #FBEEFB;}
.neck_page .intro_sect .chat_cont .list .item .txt{color:#873989}


/************************************************************************
    기타관절 클리닉
************************************************************************/
.joint_page .intro_sect {background: linear-gradient(180deg, #DDC8B5 0%, #6F5F3D 100%);}
.joint_page .intro_sect .chat_cont .list .item,
.joint_page .intro_sect .chat_cont .list .item:before{background-color: #FAEED3;}
.joint_page .intro_sect .chat_cont .list .item .txt{color:#76550F}

/************************************************************************
    교정전문 클리닉
************************************************************************/
.posture_page .intro_sect {background: linear-gradient(180deg, #466552 0%, #70673B 100%);}
.posture_page .intro_sect .chat_cont .list .item,
.posture_page .intro_sect .chat_cont .list .item:before{background-color: #F5F2CE;}
.posture_page .intro_sect .chat_cont .list .item .txt{color:#797355}
.clinic_page .intro_sect .graph_cont_wrap .sub_tit_box .icotit{font-size:var(--smTit); font-weight: 700; margin-top: 8rem; display: flex; align-items: center;}
.clinic_page .intro_sect .graph_cont_wrap .sub_tit_box .icotit svg { width:1.1em; height: auto; margin-right:1rem; }
.top_summary { margin-top:4rem; transform: translateY(100px); opacity: 0; transition: all 1s ease; }
.top_summary ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8rem 4.5rem; color:#fff; }
.top_summary ul li .img { border-radius:var(--radius); overflow: hidden;}
.top_summary ul li h4 { margin:4rem 0 1.2rem; font-size:var(--lgTxt2); font-weight:700; }
.top_summary ul li p { font-size:var(--txt); }
.top_summary.active { transform: unset; opacity: 1;}
.posture_case { padding: var(--sectPd) 0;}
.posture_case .sub_tit_box { position: relative;}
.posture_case .sub_tit_box .paging { position: absolute; right:0; bottom:0; }
.posture_case .paging { display: flex; align-items: center; justify-content: center; }
.posture_case .swiper_btn { display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 6.4rem; border-radius: 100%; border: 1px solid #ddd; cursor: pointer; transition: all 0.3s; }
.posture_case .swiper_btn + .swiper_btn { margin-left: 1.6rem; }
.posture_case .swiper_btn svg { width: 2.2rem; }
.posture_case .swiper_btn:hover { background-color: #000; border-color: #000; fill: #fff; }
.posture_case .cont { margin-top:6.2rem; transform: translateY(100px); opacity:0; transition: all 1s ease; }
.posture_case .rule_slide { overflow: hidden;}
.posture_case .rule_slide .item { display: block; background: var(--bg); border-radius:var(--smRadius); overflow: hidden;}
.posture_case .rule_slide .item .before_after { position: relative; border-radius:var(--smRadius) var(--smRadius) 0 0; overflow: hidden;}
.posture_case .rule_slide .item .before_after:before { content: ''; position: absolute; left: 50%; top:0; bottom:0; border-left: 1px dashed #fff; z-index:2;}
.posture_case .rule_slide .item .before_after .btit { display:flex;  background-color: #aaa; }
.posture_case .rule_slide .item .before_after .btit p { flex:1; display: flex; align-items: center; justify-content: center; font-size:var(--smTxt); color:#fff; font-weight:700; padding:0.3em 0 }
.posture_case .rule_slide .item .before_after .btit p:last-child{background-color: var(--green);}
.posture_case .rule_slide .item .before_after .bimg { display: flex; position: relative; }
.posture_case .rule_slide .item .before_after .bimg div { flex:1; position: relative; padding-top:34%;}
/*.posture_case .rule_slide .item .before_after .bimg div:last-child img{border:4px solid var(--green); border-top: none;}*/
.posture_case .rule_slide .item .before_after .bimg img {position:absolute; width:100%; height: 100%; top:0; left: 0; object-fit: cover;}
.posture_case .rule_slide .item .before_after .bimg:after {content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width:4rem; height: 4rem;  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cpath d='M26.9375 20.5312L22.125 25.3438L21.5938 25.875L20.5313 24.8125L21.0625 24.2812L24.5938 20.75H14.25H13.5V19.25H14.25H24.5938L21.0625 15.7188L20.5312 15.1875L21.5938 14.125L22.125 14.6562L26.9375 19.4688L27.4688 20L26.9375 20.5312L27.4688 20L26.9375 20.5312Z' fill='%231C1C1C'/%3E%3C/svg%3E") no-repeat 0 0 / contain;;}
.posture_case .rule_slide .item .media_tag { background-color: var(--green); margin-bottom: 0; margin-right: 1.6rem;}
.posture_case .rule_slide .item .txt_box {padding: 3.2rem;}
.posture_case .rule_slide .item .txt_box .top_box{display: flex; align-items: center; margin-bottom: 0.8em;}
.posture_case .rule_slide .item .txt_box .tit { font-size: var(--lgTxt); font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: var(--txtLine);}
.posture_case .rule_slide .item .txt_box .date{ display: flex; font-size: var(--smTxt); color:#696969; }
.posture_case .rule_slide .item .txt_box .date strong { color:var(--black); font-weight:700; padding-right:10px; margin-right:10px; position: relative;}
.posture_case .rule_slide .item .txt_box .date strong:before {content: ''; position: absolute; right:0; top:4px; bottom:4px; width:1px; background:var(--green);}
.posture_case .desc { margin-top:2.5rem; }
.posture_case .desc p { font-size:var(--smTxt); line-height: 1.5; padding-left: 6px; text-indent: -6px; color:var(--gray)}
.posture_case.active .cont { transform: unset; opacity: 1;}


/************************************************************************
    재활전문 클리닉
************************************************************************/
.rehab_page .intro_sect {background: linear-gradient(180deg, #7D5A80 0%, #A76F58 100%);}
.rehab_page .intro_sect .chat_cont .list .item,
.rehab_page .intro_sect .chat_cont .list .item:before{background-color: #FBEEFB;}
.rehab_page .intro_sect .chat_cont .list .item .txt{color:#873989}
/*.rehab_page .why_sect { padding-bottom: 0;}*/

/************************************************************************
    게시판 상세 uwurology.com  에서 가져와서 수정 
***********************************************************************/
.board_view_page {word-break: break-all}
.board_view_page .view_top { padding-bottom: 2rem; border-bottom: 1px solid #000;}
.board_view_page .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--smTit); font-weight: 700; }
.board_view_page .view_top .user_info {display: flex; align-items: center; margin-left: auto; color: var(--gray); font-size: var(--smTxt)}
.board_view_page .view_top .user_info p + p {margin-left: 2rem;}

/* 이겨부터 원래 basic 이였음 */
.board_view_page .view_top {display: block;}
.board_view_page .view_top .badge_box {display: flex; margin-bottom: 1rem;}
.board_view_page .view_top .badge_box .badge {border-radius:1rem; font-size:var(--smTxt); background-color: var(--green); color:#fff; padding:0.4em 0.8em; }
.board_view_page .view_top .badge_box .badge + .badge {margin-left: 5px;}
.board_view_page .view_top .user_info {margin-top: 1.6rem;}


.board_view_page.basic .view_cont {  min-height: 20rem; border-bottom: 1px solid var(--lineColor) ; padding-top: 4rem;}
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; padding: 3rem 3rem 10rem !important; word-break: break-all; }
.board_view_page.basic .view_cont .txt_box .content_area {padding: 0 !important;}
.board_view_page.basic .view_cont img{max-width: 60%;}

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

.board_view_page .view_cont .q_cont{padding: 8rem 0 ;}

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

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


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



/* 목록 버튼 */
.board_view_page .answer_wrap + .board_li_wrap { border-top: 0; }
.board_view_page .board_li_wrap{margin-top: 10rem; }
.board_view_page .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap{}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center; height: 3.5em; padding: 0 2.5em;  border-radius: 2em; background-color: var(--green); transition: background 0.25s, fill 0.25s, color 0.25s; color:#fff; font-size:var(--txt)}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a:hover { background-color: var(--black);}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a svg{margin-left: 2em; display: none;}

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


@media screen and (min-width: 1440px) {
    .board_view_page .board_li_wrap .box:not(.none):hover .ico {background: var(--black); }
    .board_view_page .board_li_wrap .box:not(.none):hover .ico svg path { fill:#fff; }

}

@media (max-width: 1440px) {
    .tour_sect .swiper-button-prev {left: 10px;}
    .tour_sect .swiper-button-next {right: 10px;}
}

@media (max-width: 1240px) {
    .test_box ul { width:47rem;  right:4rem; }.ivtype_sec { display: block; }
    .ivtype_sec .sub_tit_box { position: static;}
    .ivtype_sec .list { margin-top: var(--contMt); width:auto;  }

    .ivclinic_page .swiper-container .item dl{padding-left: 4rem;}
    .doctor_page .top_sec .in { justify-content: space-between; }
    .doctor_page .top_sec .sub_tit_box { position: static;}
    .doctor_page .top_sec .photo { width:50rem; }
    .doctor_page .top_sec .photo:before{width: 100rem; height: 100rem;}
    .review_list .list {grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tour_list ul {grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .copy_sec{min-height:0;
        padding-top: calc(var(--sectPd) + 10rem);}


    .doctors_sec .list{gap: 8rem 4rem;}

    .tour_sect .main_slide .label{top: 25px; left:25px;}
    .tour_sect .swiper-button-prev {left: 10px;}
    .tour_sect .swiper-button-next {right: 10px;}
}
@media (max-width: 980px) {
    .test_box ul li { height: 3.3em;}
    .ivclinic_page .swiper-container .item dl dd br{display:none;}

    .ivclinic_page .swiper-container .item dl dt{margin-bottom:1.5rem;}
    .doctor_page .top_sec .photo:before { width:70rem; height: 70rem; }
    .doctor_page .top_sec .in { display: block;}
    .doctor_page .top_sec .photo { width:70vw;  margin:5rem auto 0;}
    .doctors_sec .list .item:not(.img_none) { display: block ;}
    .doctors_sec .list .item .photo { margin-bottom: 5rem; ;}
    .doctors_sec .list .item .photo img {  object-fit: cover; position:unset;}
    .doctors_sec .list .item:not(.img_none) .info { display: block;}
    /*.doctors_sec .list .item .info .body { height: 40rem;}*/
    .doctors_sec .list .item:not(.img_none) { margin-bottom:0; }
    .sub_faq .tabs1 .btns{  display: flex; justify-content: flex-start; width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd) 2px; margin-left: calc(var(--inPd) * -1);  overflow-x: auto; gap:0 1.5rem; margin-bottom: 2rem;}
    .sub_faq .tabs1 .btns a + a { margin-left: 0;}
    .sub_faq .tabs1 .btns::-webkit-scrollbar {display: none}
    .sub_faq .board_list_top { display: block;}
    .sub_faq .board_list_top .sch_box { width:100%; }
    .dreview_sec .in { display: block;}
    .dreview_sec .list_wrap { margin-top:vaR(--contMt);}
    .top_sec .top_img.active { margin-top:8rem; }


}

@media (max-width: 768px) {
    .board_view_page .board_li_wrap{ margin-top: 50px;}
    .board_view_page .board_li_wrap .box_wrap{position: relative; padding-top: 75px;}
    .board_view_page .board_li_wrap .box_wrap .btn_wrap{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    .board_view_page .board_li_wrap .box{width: auto;}
    .board_view_page .board_li_wrap .box .tit{font-size: 13px;}
    .board_view_page .board_li_wrap .box.next .ico{margin-right: 10px;}
    .board_view_page .board_li_wrap .box.prev .ico{margin-left: 10px;}
    .board_view_page .view_cont .a_cont .top .name { font-size: 16px; }
    .board_view_page .view_cont .q_cont { padding: 4rem 0 8rem; }
    .board_view_page.basic .view_cont img{max-width: 70%;}

    .test_box .img_box > img { display: none;}
    .test_box .img_sec { position: relative; aspect-ratio: 1/1; }
    .test_box .img_sec > div.img1 { background-image: url(../img/sub/selftest1_1_m.jpg);}
    .test_box .img_sec > div.img2 { background-image: url(../img/sub/selftest1_2_m.jpg);}
    .test_box .img_sec > div.img3 { background-image: url(../img/sub/selftest1_3_m.jpg);}
    .test_box .img_sec > div.img4 { background-image: url(../img/sub/selftest1_4_m.jpg);}
    .test_box .img_sec > div.img5 { background-image: url(../img/sub/selftest1_5_m.jpg);}
    .test_box .img_sec > div.img2-1 { background-image: url(../img/sub/selftest2_1_m.jpg);}
    .test_box .img_sec > div.img2-2 { background-image: url(../img/sub/selftest2_2_m.jpg);}
    .test_box .img_sec > div.img2-3 { background-image: url(../img/sub/selftest2_3_m.jpg);}
    .test_box .img_sec > div.img2-4 { background-image: url(../img/sub/selftest2_4_m.jpg);}
    .test_box ul { display: block; width:auto; position: static; border-radius:0 0 var(--radius) var(--radius); background-color: #b5a693; padding: var(--inPd); white-space: nowrap; overflow: auto;}
    .test_box ul li { display: inline-block; vertical-align: middle; height: auto;}
    .test_box ul li + li { margin-top:0}
    .test_box ul li label .test_radio + div { display: block; padding:1em 4em 1em 1em; }
    .test_box ul li label .test_radio + div span { display: block; margin-left: 0;}
    .test_box ul li label .test_radio + div:before { right:1.5rem; }
    .test_box .over p { display: block; text-align: center; padding:0 2rem }
    .test_box .over p span { display: block; margin-top:1rem;}


    .modal .modal_wrap .modal_cont.fac_modal{/*max-width: 85%;*/ border-radius: 8px;}
    .modal_cont.fac_modal .close_btn{top: 12px; right: 15px; height: 22px; font-size: 20px;}
    .modal_cont.fac_modal .txt_box{padding: 12px 15px;}
    .modal_cont.fac_modal .txt_box span{padding: 0.4em 0.6em; font-size: 11px;}
    .modal_cont.fac_modal .txt_box p{font-size: 15px;}
    .modal_cont.fac_modal .img{border-radius: 0 0 8px 8px;}
    .modal_cont.fac_modal .prev{left: 0; transform: translateX(-120%); font-size: 4rem}
    .modal_cont.fac_modal .next{right: 0; transform: translateX(120%); font-size: 4rem}

    .top_summary ul {  display: flex; justify-content: flex-start; width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd); margin-left: calc(var(--inPd) * -1);  overflow-x: auto; gap:0 5rem;}
    .top_summary ul::-webkit-scrollbar {display: none}
    .top_summary ul li { width:65%; flex-shrink: 0;}
    .posture_case .rule_slide { margin: 0 calc(var(--inPd) * -1); padding: 0 var(--inPd);}


    .ivclinic_page .swiper-container .item{flex-direction: column;}
    .ivclinic_page .swiper-container .item .img{width: 100%;}
    .ivclinic_page .swiper-container .item dl{padding-left: 0; margin-top: 25px;}
    .ivtype_sec .list .item img{width: 40rem;}
    .ivtype_sec .list .item{padding-left: 40rem;}

    .faq_list .list_box .question p { white-space: normal;}
    .faq_list .list_box .question{padding: 20px 35px 20px 0; font-size: 14px;}
    .faq_list .list_box .question::before{top: calc(50% - 1rem); right: 20px; width: 2rem; height: 2rem;}
    .faq_list .list_box .question .cat{ width: 5em; margin-left: 1em; margin-right: 1em; font-size: 12px; }
    .faq_list .list_box .answer { padding:3rem;}
    .tour_list ul {grid-template-columns: repeat(2, minmax(0, 1fr)); gap:25px 10px; }
    .tour_list ul li a:hover .img img  { transform: none; }
    .tour_list ul li a:hover .img:before,
    .tour_list ul li a:hover .img span { display: none; }
}


@media (max-width: 620px) {
    .board_view_page.basic .view_cont img{max-width: 100%;}

    .top_summary ul  { gap:0 3rem; }
    .posture_case .sub_tit_box .paging { display: none ;}

    .ivtype_sec .list .item{padding-left: 0; padding-top: 30rem;}
    .ivtype_sec .list .item img{width: 100%; height: 30rem;}
    .ivclinic_page .swiper-container .item dl{margin-top: 20px;}
    .ivtype_sec .list .item .box{padding: 20px 20px 30px;}

    .ivclinic_page .swiper-container .item dl dt{margin-bottom: 5px;}

    .selftest_page .top_txt_box .fill_txt span br{display: block;}
    /*.sub_self-test .top_sect .top_txt_box .fill_txt span br{display: block;}*/
    .sub_self-test .top_sect .sub_desc br{display: none;}
    .test_sec{ margin-top: var(--sectPd);}
    .test_result .text .msg strong{font-size:18px;}

    .review_list .list{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 10px;}
    .review_list .list li .img_box { margin-bottom: 10px;}
    .review_list .list li .img_box .msg { font-size:12px; }
    .review_list .list li .tit{font-size:14px;}
    .review_list .list li .date{font-size:11px;}
    .dreview_sec .review_list .list { gap:25px 10px; }
    /*.sub_tour .top_sec .top_img img { content: url('/inc/img/sub/img_top_tour_m.jpg'); }*/
    .sub_concept .top_sec .top_img img { content: url('/inc/img/sub/img_top_concept_m.jpg'); }
    .sub_tit small { display: block; margin:5px 0 0 ;}

    .doctors_sec .list .item:not(.img_none) {grid-column: span 1;}
    .doctors_sec .list{ grid-template-columns: repeat(1, minmax(0, 1fr));}

    .posture_case .rule_slide .item .media_tag{margin-bottom: 1rem;}
    .posture_case .rule_slide .item .txt_box .top_box{flex-direction: column; align-items: flex-start;}
    .posture_case .sub_tit_box .txt br{display: none;}

    .faq_list .list_box .question .cat{margin-left: 3px; margin-right: 0.8em; width: 4em;}
    .faq_list .list_box .question::before{right: 1em;}
    .tabs1 a{height:3em;}

    .tour_sect .main_slide .img_box{border-radius: 10px;}
    .tour_sect .main_slide .label{top: 10px; left:10px; font-size:11px; padding:0.5em 0.6em}
    .tour_sect .swiper_btn_wrap .swiper_btn{width: 30px; height: 30px; margin-top: -15px;}
    .tour_sect .thumb_slide .img_box{border-radius: 8px;}


}