@charset "utf-8";

/* 서브페이지 타이틀 */
.sub_title_wrap{
    background-color: #bda88f;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 6.9375rem; height: 21.875rem; box-sizing: border-box; overflow: hidden;
}
.sub_title_wrap .sub_title{padding-top: 5rem; position: relative; z-index: 1;}
.sub_title_wrap .sub_title::after{
    content: ""; position: absolute; right: 0; bottom: -9.375rem; z-index: -1;
    background-image: url(/img/section03_bgi.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 15.625rem;
    height: 15.625rem;
}
.sub_title_wrap .sub_title span{font-size: 2.5rem; font-weight: 700; color: #fff; text-shadow: -1px 0px 5px rgb(0, 0, 0, 0.5);}
.sub_title_wrap .sub_title p{font-size: 1.25rem; margin-top: 0.3125rem; text-shadow: -1px 0px 5px rgb(255, 255, 255, 0.5);}

/* 서브타이틀 bgi */
.sub_title_wrap.bgi_a{background-image: url(/img/sub/title_bgi_a.jpg);}
.sub_title_wrap.bgi_b{background-image: url(/img/sub/title_bgi_b.jpg);}
.sub_title_wrap.bgi_c{background-image: url(/img/sub/title_bgi_c.jpg);}
.sub_title_wrap.bgi_d{background-image: url(/img/sub/title_bgi_d.jpg);}
.sub_title_wrap.bgi_d p{color: #fff; text-shadow: -1px 0px 5px rgb(0, 0, 0, 0.5);}
.sub_title_wrap.bgi_e{background-image: url(/img/sub/title_bgi_e.jpg);}
.sub_title_wrap.bgi_f{background-image: url(/img/sub/title_bgi_f.jpg);}
.sub_title_wrap.bgi_g{background-image: url(/img/sub/title_bgi_g.jpg);}

/* 20230206 추가 */
.sub_title_wrap.bgi_h{background-image: url(/img/sub/title_bgi_h.jpg);}
.sub_title_wrap.bgi_h p{color: #fff; text-shadow: -1px 0px 5px rgb(0, 0, 0, 0.5);}
.sub_title_wrap.bgi_i{background-image: url(/img/sub/title_bgi_i.jpg);}
.sub_title_wrap.bgi_i p{color: #fff; text-shadow: -1px 0px 5px rgb(0, 0, 0, 0.5);}

/* 20230519 추가 */
.sub_title_wrap.bgi_j{background-image: url(/img/sub/title_bgi_j.jpg);}

/*// 서브타이틀 bgi */

.sub_lnb_wrap{background-color: #fff; display: flex; position: relative; z-index: 2; margin-top: -1.5625rem; border-bottom: 2px solid #3f2b17; box-shadow: 0px -10px 18px rgba(0, 0, 0, 0.1);}
.sub_lnb_wrap li{width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15);  box-sizing: border-box;}
.sub_lnb_wrap li:last-child{border-right: 0;}
.sub_lnb_wrap li a{font-size: 1.25rem; display: block; text-align: center; padding: 1.5rem 0;}
.sub_lnb_wrap li:hover, .sub_lnb_wrap li.on{background-color: #796145; color: #fff; font-weight: 500; border-top: 1px solid #796145;}
/*// 서브페이지 타이틀 */

/* 서브페이지 내용 */
.sub_contents{padding: 6.25rem 0;}
.sub_contents .wrap > div.title{text-align: center; margin-bottom: 3rem;}
.sub_contents .wrap > div.title span{display: block; font-size: 1.375rem; margin-bottom: 0.3125rem; font-family: 'SeoulHangangM';}
.sub_contents .wrap > div.title h3{font-size: 2.1875rem; font-weight: 700;}
.sub_contents .wrap > div.title p{font-size: 1.25rem; margin-top: 0.3125rem;}

.sub_contents #about.wrap > div.title02{margin-bottom: 3rem;}
.sub_contents .wrap > div.title .border{width: 2px; height: 6.25rem; background-color: #3f2b17; margin: 0 auto; margin-top: 1.5rem;}


/*// 서브페이지 내용 */

/* 감사후기 */
#review_wrap .top .right{max-width: 12.5rem;}
#review_wrap .top .right .sel_wrap{max-width: none; margin-right: 0;}
#review_wrap .top .right .sel_wrap select{background-position: 95% 50%; padding: 0 0.5rem;}

#review_wrap .middle{}
#review_wrap .middle .review_box{}
#review_wrap .middle .review_box > ul{display: flex; flex-wrap: wrap;}
#review_wrap .middle .review_box > ul > li{
    border: 1px solid #ddd; box-sizing: border-box; background-color: #f8f8f8;
    width: calc(100% / 3 - 1.25rem);
    -webkit-width: calc(100% / 3 - 1.25rem);
    -moz-width: calc(100% / 3 - 1.25rem);
    margin-bottom: 1.875rem;
    border-radius: 0.625rem; overflow: hidden; isolation: isolate;
    margin-right: 1.875rem;
}
#review_wrap .middle .review_box > ul > li:nth-child(3n){margin-right: 0;}
#review_wrap .middle .review_box > ul > li:hover{box-shadow: #3f2b17 0px 1px 4px, #3f2b17 0px 0px 0px 3px;}
#review_wrap .middle .review_box > ul > li a{}
#review_wrap .middle .review_box > ul > li a .img_box{
    position: relative; overflow: hidden;
    padding-top: 85%; border-bottom: 1px solid #ddd;
}
#review_wrap .middle .review_box > ul > li a .img_box .img{
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    transform: translate(50%, 50%);
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    
}
#review_wrap .middle .review_box > ul > li a .img_box .img img{
    position: absolute;
    top: 0; left: 0;
    max-width: 100%; width: 100%; height: 100%; 
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    object-fit: cover;
}
#review_wrap .middle .review_box > ul > li a .text{padding: 1.5rem;}
#review_wrap .middle .review_box > ul > li a .text .txt_top{font-size: 1.5625rem; font-weight: 700; color: #3f2b17;}
#review_wrap .middle .review_box > ul > li a .text .txt_top i{
    display: block; font-size: 1.125rem; margin-bottom: 0.3125rem;
    max-width: 4.0625rem; text-align: center; background-color: #796145; color: #fff;
    padding: 0.3rem 0 0.3rem; font-weight: 500;
}
#review_wrap .middle .review_box > ul > li a .text .txt_middle{font-size: 1.125rem; margin-top: 0.625rem;}
#review_wrap .middle .review_box > ul > li a .text .txt_middle .name{}
#review_wrap .middle .review_box > ul > li a .text .txt_middle .name i{}
#review_wrap .middle .review_box > ul > li a .text .txt_bottom{text-align: right; margin-top: 1.875rem; color: #878787;}

.board_wrap .view_tb.review_view_tb tr th.th_title{}
.board_wrap .view_tb.review_view_tb tr th.th_title ul{justify-content: flex-start;}

/*// 감사후기 */

/* 자주하는질문 */
.faq_box{}
.faq_box .faq{border-top: 2px solid #3f2b17; border-bottom: 2px solid #3f2b17;}
.faq_box .faq p{line-height: 1.875rem; width: calc(100% - 1.5rem);}
.faq_box .faq li{border-bottom: 0.5px solid rgba(121, 97, 69, 0.2); font-size: 1.125rem; padding: 1.5rem 0.5rem;}
.faq_box .faq li.f{position: relative; cursor: pointer;}
.faq_box .faq li.f i{
    position: absolute;
    right: 0.5rem; top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.3s;
}
.faq_box .faq li.f i.rotate{
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
}
.faq_box .faq li.f.active{background-color: #796145; color: #fff;}
.faq_box .faq li.q{background-color: #faf8f5; display: none;}
/*// 자주하는질문 */

/* 진료상담및예약 */
.reserve_box{}
.reserve_box .box{}
.reserve_box .box .top{font-size: 0;}
.reserve_box .box .top > div{
    background-color: #faf8f5;
    border-radius: 1.875rem;
    padding: 4.375rem 3.125rem; display: inline-block; box-sizing: border-box;
    width: calc(100% - 12.5625rem);
    -webkit-width: calc(100% - 12.5625rem);
    -moz-width: calc(100% - 12.5625rem);
    background-image: url(/img/sub/reserve_bgi01.jpg); background-repeat: no-repeat;
    background-size: contain; background-position: center right;
}
.reserve_box .box .top > div > span{font-size: 2.8125rem; font-weight: 700; color: #3f2b17;}
.reserve_box .box .top > div p{font-size: 1.25rem; line-height: 1.5625rem; margin-top: 1.25rem;}
.reserve_box .box .top > div p b{color: #9f5741;}
.reserve_box .box .top > div p:last-child{
    margin-top: 2.5rem; background-color: rgb(255, 255, 255, 0.5); padding: 1.875rem 2.5rem; width: 80%;
}
.reserve_box .box .top > div p:last-child span{font-size: 1.5625rem; display: block; margin-bottom: 0.9375rem;}
.reserve_box .box .top > div p:last-child span b{}
.reserve_box .box .top > div p:last-child a{font-weight: 600;}
.reserve_box .box .top > div p:last-child a:first-of-type{color: #1ec800;}
.reserve_box .box .top > div p:last-child a:last-of-type{color: #796145;}
.reserve_box .box .top > div p:last-child a img{vertical-align: middle; border-radius: 100%; max-width: 2.1875rem;}
.reserve_box .box .top > img{max-width: 18.75rem; margin-left: -6.25rem; margin-top: 3rem;}

.reserve_box .box > p{font-size: 1.875rem; margin-bottom: 0.3125rem;}
.reserve_box .box > p.naver b{color: #1ec800;}
.reserve_box .box > p.tel b{color: #796145;}
.reserve_box .box > p img{vertical-align: middle; border-radius: 100%; max-width: 3.125rem;}
.reserve_box .box > span{color: red;}
.reserve_box .box > i{display: block; font-size: 1.5625rem; font-weight: 700; margin-top: 2rem; }
.reserve_box .box > ul{display: flex; justify-content: flex-start; margin: 1.5rem 0; flex-wrap: wrap;}
.reserve_box .box > ul > li{
    width: calc(100% / 3);
    -webkit-width: calc(100% / 3);
    -moz-width: calc(100% / 3);
    border: 1px solid #878787; border-right: 0; box-sizing: border-box;
}
.reserve_box .box > ul > li:last-child{border-right: 1px solid #878787;}
.reserve_box .box > ul > li.on{}
.reserve_box .box > ul > li:hover{background-color: #a1896e; color: #fff; box-shadow: #3f2b17 0px 0px 0px 2px inset;}
.reserve_box .box > ul > li a{
    display: block; font-size: 1.25rem; text-align: center; padding: 1.5rem 0.5rem; font-weight: 600;
}
.reserve_box .box > ul > li a img{vertical-align: middle; margin-right: 0.9375rem; border-radius: 100%; max-width: 1.875rem;}
.reserve_box .border{height: 1px; background-color: #ddd; margin: 3rem 0;}
.reserve_box .tel_box{}
.reserve_box .tel_box > ul{flex-wrap: wrap;}
.reserve_box .tel_box > ul > li{
    background-color: #faf8f5; border-color: #d3bca7;    
}
.reserve_box .tel_box > ul > li:last-child{border-color: #d3bca7;}
/*// 진료상담및예약 */

/* 본원소개 */
#about > div{margin-bottom: 5rem;}
#about > div:last-child{margin-bottom: 0;}
#about .top{display: flex; justify-content: space-between;}
#about .top p{font-size: 1rem;}
#about .top > div{}
#about .top .left{width: 35%;}
#about .top .left img{box-shadow: 3px 5px 15px rgba(0,0,0,0.15);}
#about .top .right{width: 65%;}
#about .top .right .txt_top{
    background-color: rgba(63, 43, 23, 0.95); margin-left: 0rem;
    max-width: 37.5rem; box-sizing: border-box; margin-top: 1.25rem; padding: 1.25rem 1.875rem;
    mix-blend-mode: multiply;
}
#about .top .right .txt_top img{max-width: 10.625rem;}
#about .top .right .txt_top p{
    font-size: 1.5625rem; color: #fff; font-family: 'SeoulHangangM'; position: relative; display: inline-block;
    padding: 0.9375rem 0; margin: 1.25rem 0 0 1.25rem;
}
#about .top .right .txt_top p::before, #about .top .right .txt_top p::after{
    content: ''; position: absolute; width: 28px; height: 22px; background-image: url(/img/sub/about_img01.png); opacity: 0.15;
}
#about .top .right .txt_top p::before{top: 0; left: -0.9375rem;}
#about .top .right .txt_top p::after{
    bottom: 0; right: -0.9375rem;
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
}
#about .top .right .txt_bottom{}
#about .top .right .txt_bottom p{font-size: 1.125rem; line-height: 1.375rem; text-align: right; margin-top: 1.875rem; margin-left: 1.875rem;}
#about .top .right .txt_bottom p i{font-size: 2.1875rem; font-weight: 500;}
#about .top .right .txt_bottom span{
    display: block; text-align: right; position: relative;
    font-size: 1.5625rem; font-weight: 800;
    padding-top: 0.9375rem; margin-top: 0.9375rem; color: #3f2b17;
}
#about .top .right .txt_bottom span::after{
    content: ""; position: absolute; top: 0; right: 0;
    width: 12.5rem; height: 0.3125rem; background-color: #3f2b17;
}
#about .top .right .txt_bottom span i{
    display: block; font-family: 'SeoulHangangM'; font-style: italic; font-weight: 500;
    font-size: 1rem; color: #878787; margin-bottom: 0.1875rem;
}
#about .middle_wrap{background-color: #f8f6f3; padding: 4rem 0;}
#about .middle{}
#about .middle > span{font-size: 1.875rem; font-family: 'SeoulHangangM'; letter-spacing: -2px; display: block; text-align: center; margin-bottom: 2rem; color: #796145;}
#about .middle > span.large_title{font-size: 3rem;}
#about .middle > span b{color: #3f2b17; position: relative;}
#about .middle > span b::after{
    content: ""; position: absolute; top: -0.8125rem; left: 50%;
    transform: translateX(-30%);
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    width: 0.3125rem; height: 0.3125rem; border-radius: 100%;
    background-color: #3f2b17; 
}
#about .middle > ul{
    display: flex; justify-content: space-between;
    width: 90%; max-width: 750px;
    margin: 0 auto; position: relative; z-index: 1;
}
#about .middle > ul::after{
    content: ""; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%; height: 0.1875rem; background-color: #f0e9e1; z-index: -1;
}
#about .middle > ul > li{
    border: 0.5rem solid #f0e9e1; background-color: #fff; box-sizing: border-box; text-align: center; position: relative;
    width: calc(100% / 3 - 1.25rem);
    -webkit-width: calc(100% / 3 - 1.25rem);
    -moz-width: calc(100% / 3 - 1.25rem);
    padding: 2.1875rem 0.9375rem;
}
#about .middle > ul > li::after{
    content: ""; position: absolute;
    top: -0.5rem; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 2.5rem; height: 0.9375rem; background-color: #3f2b17;
}
#about .middle > ul > li > img{width: 3.75rem; height: auto;}
#about .middle > ul > li > p{font-size: 1.25rem; line-height: 1.375rem; margin-top: 0.9375rem;}
#about .middle .border{width: 0.1875rem; height: 6.25rem; background-color: #f0e9e1; margin: 0 auto;}

#about .bottom{}
#about .bottom > ul{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2rem;}
#about .bottom > ul:nth-child(even){flex-direction: row-reverse;}
#about .bottom > ul:last-child{margin-bottom: 0;}
#about .bottom > ul > li{}
#about .bottom > ul > li:nth-child(1){max-width: 25rem;}
#about .bottom > ul > li:nth-child(2){
    width: calc(100% - 28.125rem);
}
#about .bottom > ul > li img{box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1);}
#about .bottom > ul:nth-child(even) li img{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
#about .bottom > ul > li span{font-size: 1.5625rem; display: block; margin-bottom: 2rem;}
#about .bottom > ul > li span i{font-size: 3.4375rem; display: inline-block; font-weight: 700; color: #796145; margin-right: 0.3125rem;}
#about .bottom > ul > li span b{
    display: inline-block;
    background-color: #3f2b17; color: #fff;
    padding: 0.1875rem 0.3125rem;
}
#about .bottom > ul > li ol{background-color: #f8f6f3; padding: 2.5rem 1.875rem;}
#about .bottom > ul > li ol li{font-size: 1.125rem; margin: 0.625rem 0;}

#about .bottom > ul:nth-child(even) > li:nth-child(2) ol{background-color: #f0e9e1;}

#about .title{}
#about .title h3{}
#about .list_btn{}
#about .list_btn ul{display: flex; max-width: 900px; width: 100%; margin: 0 auto;}
#about .list_btn ul li{width: 100%;}
#about .list_btn ul li a{display: block; border: 1px solid #f0e9e1; padding: 1rem 0; text-align: center; background-color: #f8f6f3; font-weight: 500;}
#about .list_btn ul li:first-child a{background-color: #f0e9e1;}
#about .list_btn ul li:hover a{background-color: #9b8770; color: #fff;}
#about .doctor_list{}
#about .doctor_list > ul{
    display: flex; justify-content: space-between; position: relative;
    border: 0.625rem solid #f0e9e1; padding: 3.125rem; border-radius: 3.125rem 0 3.125rem 0;
    margin-bottom: 1.875rem;    
}
#about .doctor_list > ul:last-child{margin-bottom: 0;}
#about .doctor_list > ul > li{width: 100%;}
#about .doctor_list > ul > li.place{
    position: absolute; top: -0.9375rem; right: -1.25rem;
    background-color: #3f2b17; color: #fff;
    max-width: 12.5rem; padding: 1.25rem; box-sizing: border-box;
}
#about .doctor_list > ul > li.place span{font-size: 1.25rem;}
#about .doctor_list > ul > li.doctor_img{max-width: 21.875rem;}
#about .doctor_list > ul > li.doctor_txt{margin-left: 2.5rem;}
#about .doctor_list > ul > li.doctor_txt span{margin-top: 1.875rem;}
#about .doctor_list > ul > li span{display: block; font-size: 1.5625rem;}
#about .doctor_list > ul > li span b{font-size: 2.5rem; margin-right: 0.3125rem;}
#about .doctor_list > ul > li .border{
    width: 2.5rem; height: 0.25rem;
    background-color: #3f2b17; margin: 0.9375rem 0 2.5rem;
}
#about .doctor_list > ul > li ol li{font-size: 1.125rem; margin-top: 0.625rem;}

#about .time_box{background-color: #f8f6f3; padding: 4rem 0;}
#about .time_box > div table{width: 100%; /*max-width: 750px;*/ background-color: #fff; margin: 0 auto;}
#about .time_box > div table th, #about .time_box > div table td{text-align: center; padding: 1rem 0.5rem; font-size: 1.125rem; width: 50%;}
#about .time_box > div table thead tr{background-color: #3f2b17; color: #fff; font-weight: 700;}
#about .time_box > div table tbody{border-top: 2px solid #3f2b17; border-bottom: 2px solid #3f2b17;}
#about .time_box > div table tbody tr{border-bottom: 0.5px dashed #ddd;}
#about .time_box > div table tbody tr:last-child{border-bottom: 0;}

#about .process_box{}
#about .process_box ul{display: flex; align-items: center;}
#about .process_box ul:nth-child(2){margin-top: 2rem; justify-content: end;}
#about .process_box ul li{}
#about .process_box ul li.process{}
#about .process_box ul li.arrow{margin: 0 0.625rem;}
#about .process_box ul li.arrow img{width: 2.5rem; height: auto;}

#about .hospital_btn{}
#about .hospital_btn ul{max-width: none;}
#about .hospital_btn ul:first-child{}
#about .hospital_btn ul:first-child li{border: 1px solid #f0e9e1; padding: 1rem 0; text-align: center; background-color: #3f2b17; color: #fff;}
#about .hospital_btn ul:first-child li.w100per{width: 100%;}
#about .hospital_btn ul:last-child li{}
#about .hospital_btn ul:last-child li a{}
#about .hospital_btn ul:last-child li a i{display: block;}
#about .hospital_btn ul:last-child li:hover a{background-color: #9b8770!important;}
#about .hospital_btn ul:last-child li:first-child a{background-color: #f8f6f3;}
#about .hospital_btn ul:last-child li a.on{background-color: #f0e9e1;}

#about .hospital_slide_wrap ul li{display: none;}
#about .hospital_slide_wrap ul li:nth-child(1){display: block;}
#about .hospital_slide_wrap ul li > div{position: relative;}
#about .hospital_slide_wrap ul li > div .slide_title{
    position: absolute; top: -15px; right: -15px; z-index: 2;
    background-color: rgba(63, 43, 23, 0.9); color: #fff;
    padding: 3rem 1rem; border-radius: 0 1.875rem 0 0;
    max-width: 250px; width: 100%;
}
#about .hospital_slide_wrap ul li > div .slide_title span{display: block; font-size: 1.5625rem; margin-bottom: 0.3125rem;}
#about .hospital_slide_wrap ul li > div .slide_title p{}
#about .hospital_slide, #about .hospital_slide_thumb{overflow: hidden;}
#about .hospital_slide{position: static;}
#about .hospital_slide_thumb{margin-top: 10px;}
#about .hospital_slide_thumb .swiper-slide{opacity: 0.4; filter: grayscale(1);}
#about .hospital_slide_thumb .swiper-slide-thumb-active{opacity: 1; filter: none;}
#about .hospital_slide_wrap .swiper-button-next, #about .hospital_slide_wrap .swiper-button-prev{width: 60px; height: 60px; background-size: cover;}
#about .hospital_slide_wrap .swiper-button-next{
    right: -75px; background-image: url(/img/sub/hospital_next.svg);
}
#about .hospital_slide_wrap .swiper-button-prev{
    left: -75px; background-image: url(/img/sub/hospital_prev.svg);
}

#about .place_box{display: none;}
#about .place_box.on{display: block;}
#about .place_box .map{}
#about .place_box .map iframe{}
#about .place_box .place{margin-top: 3rem; font-size: 1.125rem;}
#about .place_box .place .border{height: 1px; background-color: #ddd; margin: 3rem 0;}
#about .place_box .place ul{}
#about .place_box .place ul > li{}
#about .place_box .place ul > li b{font-weight: 600;}
#about .place_box .place ul > li:nth-child(1){font-size: 1.5625rem; font-weight: 700; margin-bottom: 1.25rem;}
#about .place_box .place ul > li:nth-child(1) img{vertical-align: middle; margin-right: 0.3125rem; width: 2.1875rem; height: auto;}
#about .place_box .place ul > li:nth-child(2){}
#about .place_box .place ul > li:nth-child(2) table{width: 100%; background-color: #fff;}
#about .place_box .place ul > li:nth-child(2) table tbody{border-top: 2px solid #3f2b17; border-bottom: 2px solid #3f2b17;}
#about .place_box .place ul > li:nth-child(2) table tbody tr{border-bottom: 0.5px dashed #ddd;}
#about .place_box .place ul > li:nth-child(2) table tbody th, #about .place_box .place ul > li:nth-child(2) table tbody td{padding: 1rem}
#about .place_box .place ul > li:nth-child(2) table tbody th{width: 30%; border-right: 0.5px dashed #ddd; background-color: #f8f6f3; text-align: center;font-weight: 700; vertical-align: middle;}
#about .place_box .place ul > li:nth-child(2) table tbody td{width: 70%;}
#about .place_box .place ul > li:nth-child(2) .subway_i{
    background-color: #fec057; color: #fff; border-radius: 100%;
    display: inline-block; text-align: center;
    width: 1.25rem; height: 1.25rem; line-height: 1.25rem; margin-right: 0.3125rem; 
}
#about .place_box .place ul > li:nth-child(2) ol{display: flex; justify-content: space-between; margin-bottom: 1.25rem;}
#about .place_box .place ul > li:nth-child(2) ol i{
    display: inline-block; text-align: center; color: #fff;
    width: 2.8125rem; height: 1.4375rem; line-height: 1.5rem; border-radius: 0.1875rem;
}
#about .place_box .place ul > li:nth-child(2) ol:nth-child(1) i{background: #10499a;}
#about .place_box .place ul > li:nth-child(2) ol:nth-child(2) i{background: #c70c18;}
#about .place_box .place ul > li:nth-child(2) ol:nth-child(1) i{}
#about .place_box .place ul > li:nth-child(2) ol:nth-child(2){}
#about .place_box .place ul > li:nth-child(2) ol li:nth-child(1){width: 20%;}
#about .place_box .place ul > li:nth-child(2) ol li:nth-child(2){width: 80%;}
#about .place_box .place ul > li:nth-child(2) ol li:nth-child(2) > div{margin-bottom: 0.625rem;}
#about .place_box .place ul > li:nth-child(2) ol li:nth-child(2) > div span{
    display: block; font-size: 1.25rem; margin-bottom: 0.3125rem;}
#about .place_box .place ul > li:nth-child(2) ol li:nth-child(2) > div p{margin-left: 0.625rem;}
/* //본원소개 */

/* 입원치료 */
#about .cost_box{}
#about .cost_box > span{display: block; font-size: 1.5625rem; font-weight: 700; margin: 3rem 0 1rem;}
#about .cost_box > span::before{
    content: ""; display: inline-block; width: 0.625rem; height: 0.625rem; margin-right: 0.625rem;
    background-color: #796145; vertical-align: middle;
}
#about .cost_box > span.title_02{margin-bottom: 0.5rem;}
#about .cost_box > p.title_02{font-size: 1.125rem;}
#about .cost_box table{width: 100%; font-size: 1.125rem; text-align: center; word-break: keep-all;}
#about .cost_box table.pc_cost i{display: block; font-size: 1rem;}
#about .cost_box table.pc_cost tbody{border-bottom: 2px solid #3f2b17;}
#about .cost_box table.pc_cost tbody tr{border-bottom: 0.5px dashed #ddd;}
#about .cost_box table.pc_cost tr th, #about .cost_box table.pc_cost tr td{padding: 1rem 0.5rem; vertical-align: middle;}
#about .cost_box table.pc_cost tr th{background-color: #3f2b17; color: #fff; font-weight: 700;}
#about .cost_box table.pc_cost tr td{border-right: 0.5px dashed #ddd;}
#about .cost_box table.pc_cost tr td:last-child{border-right: 0;}

/* 진료비용 테이블 가로 폭 설정 */
#about .cost_01 table.pc_cost .th_a, #about .cost_01 table.pc_cost .td_a, #about .cost_01 table.pc_cost .th_b, #about .cost_01 table.pc_cost .td_b{width: 15%;}
#about .cost_01 table.pc_cost .th_c, #about .cost_01 table.pc_cost .td_c, #about .cost_01 table.pc_cost .th_d, #about .cost_01 table.pc_cost .td_d{width: 30%;}
#about .cost_01 table.pc_cost .th_e, #about .cost_01 table.pc_cost .td_e{width: 10%;}
#about .cost_01 table.pc_cost .td_d{background-color: #faf8f5;}
/* 진료비용 테이블 가로 폭 및 색상 설정 */

#about .cost_box .notice_ul{margin-top: 1rem;}
#about .cost_box .notice_ul li{margin-bottom: 0.625rem; line-height: 1.25rem;}

#about .cost_02 table.pc_cost tbody tr:nth-child(even){background-color: #faf8f5;}
#about .cost_02 table.pc_cost tr th{border-right: 0.5px dashed rgba(255,255,255,0.3);}
#about .cost_02 table.pc_cost tr th.th_col{border-top: 0.5px dashed rgba(255,255,255,0.3);}

.cost_02 > p{margin-bottom: 0.625rem; text-align: right; display: none;}
.cost_02 > p img{width: 1.5625rem; height: auto; vertical-align: middle; margin-right: 0.1875rem;}

#about .certi_box{}
#about .certi_box .process{margin-bottom: 2rem;}
#about .certi_box .process > span{display: inline-block; font-size: 1.25rem; font-weight: 600; background-color: #796145; color: #fff; padding: 0.6rem 1rem; border-radius: 0.625rem; margin-bottom: 1rem;}
#about .certi_box .process > ul{display: flex; position: relative; justify-content: space-between;}
#about .certi_box .process > ul::after{
    content: ""; position: absolute; z-index: -1;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    height: 0.1875rem;
    background-color: #f0e9e1;
}
#about .certi_box .process > ul > li{
    border: 0.5rem solid #f0e9e1; font-size: 1.125rem;
    width: 100%;
    box-sizing: border-box; text-align: center; padding: 1rem 0; font-weight: 600; background-color: #fff; position: relative; min-height: 85px; margin-right: 1.25rem;
}
#about .certi_box .process > ul > li:first-child{border-radius: 0 0 0 25px;}
#about .certi_box .process > ul > li:last-child{border-radius: 0 25px 0 0; margin-right: 0;}
#about .certi_box .process > ul > li p{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
}
#about .certi_box {}
#about .certi_box table.pc_cost .th_a, #about .certi_box table.pc_cost .td_a, #about .certi_box table.pc_cost .th_b, #about .certi_box table.pc_cost .td_b, #about .certi_box table.pc_cost .th_c, #about .certi_box table.pc_cost .td_c{}
#about .certi_box table.pc_cost .th_a, #about .certi_box table.pc_cost .td_a{}
#about .certi_box table.pc_cost .th_b, #about .certi_box table.pc_cost .td_b{}
#about .certi_box table.pc_cost .th_c, #about .certi_box table.pc_cost .td_c{}
#about .certi_box table.pc_cost .td_b ,#about .certi_box table.pc_cost .td_c{text-align: left; padding: 1rem 1.2rem;}

#about .certi_box table.certi_tb02 .td_b, #about .certi_box table.certi_tb02 .td_c{text-align: center; padding: 1rem 0.5rem;}
#about .certi_box table.certi_tb02 tbody tr:nth-child(even){background-color: #faf8f5;}
#about .certi_box table.certi_tb02 tr th, #about .certi_box table.certi_tb02 tr td{width: 50%;}

#about .certi_box .guide_box{
    background-color: #f8f6f3;    
    padding: 6.25rem 3.125rem; position: relative; z-index: 1; overflow: hidden;
}
#about .certi_box .guide_box::after{
    content: ""; position: absolute; z-index: -1; top: 0; right: 0;
    background-image: url(/img/sub/guide_bgi01.jpg);
    background-position: center right; background-size: cover;
    background-repeat: no-repeat; width: 848px; height: 520px;
}
#about .certi_box .guide_box > div{
    background-color: rgba(63, 43, 23, 0.95);    
    color: #fff; box-sizing: border-box;
    max-width: 600px; padding: 3.125rem 1.875rem;
}
#about .certi_box .guide_box > div p:nth-child(1){font-size: 1.875rem; line-height: 2.3125rem; font-weight: 600;}
#about .certi_box .guide_box > div p:nth-child(2){margin-top: 3rem; line-height: 1.25rem;}
#about .certi_box .guide_box > div p b{background-color: #ebd87f; color: #3f2b17; font-weight: 800;}

#about .course_box{}
#about .course_box ul li{font-size: 1.125rem;}
#about .course_box .course_ul{font-size: 0; margin-bottom: 1rem;}
#about .course_box .course_ul li{border: 3px solid #3f2b17; box-sizing: border-box; display: inline-block; vertical-align: middle; padding: 1rem; min-height: 5.6875rem;}
#about .course_box .course_ul li:nth-child(1){background-color: #3f2b17; color: #fff; text-align: center; width: 15.625rem; position: relative;}
#about .course_box .course_ul li:nth-child(1)::after{
    content: ""; position: absolute;
    top: 50%; right: -1.5625rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-image: url(/img/sub/tri_icon.svg);
    width: 1.3125rem; height: 2.125rem;
}
#about .course_box .course_ul li:nth-child(1) b{display: block; font-size: 1.875rem; margin-bottom: 0.3125rem;}
#about .course_box .course_ul li:nth-child(2){
    width: calc(100% - 15.625rem);
    -webkit-width: calc(100% - 15.625rem);
    -moz-width: calc(100% - 15.625rem);
    line-height: 3.3125rem; padding-left: 1.875rem;
}
#about .course_box .course_ul:nth-child(even) li:nth-child(2){background-color: #faf8f5;}

#about .course_box .course_ul_02{}
#about .course_box .course_ul_02 li{
    margin: 1rem 0; padding-bottom: 1rem; border-bottom: 0.5px dashed #ddd;
    line-height: 1.375rem;
}
#about .course_box .course_ul_02 li:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
#about .course_box .course_ul_02 li i{
    background-color: #796145; color: #fff;
    display: inline-block; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; 
    text-align: center; border-radius: 0.3125rem; margin-right: 0.3125rem;
}
#about .course_box .course_ul_02 li:nth-child(even) i{background-color: #3f2b17;}
#about .course_box > span{margin-bottom: 2rem;}
#about .course_box.course_box02{background-color: #f8f6f3; padding: 3.125rem; box-sizing: border-box;}
#about .course_box.course_box02 > span:first-child{margin-top: 0;}

#about .course_box .course_ul_03{margin-bottom: 1rem; display: flex;}
#about .course_box .course_ul_03 > li{border: 3px solid #3f2b17; box-sizing: border-box; padding: 1rem;}
#about .course_box .course_ul_03 > li:nth-child(1){
    background-color: #3f2b17; color: #fff; text-align: center;
    width: 15.625rem; position: relative; z-index: 1;
}
#about .course_box .course_ul_03 > li:nth-child(1)::after{
    content: ""; position: absolute;
    top: 50%; right: -1.5625rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-image: url(/img/sub/tri_icon.svg);
    width: 1.3125rem; height: 2.125rem;
}
#about .course_box .course_ul_03 > li:nth-child(2){
    width: calc(100% - 15.625rem);
    position: relative; padding-left: 1.875rem;
}
#about .course_box .course_ul_03:nth-child(even) > li:nth-child(2){background-color: #faf8f5;}
#about .course_box .course_ul_03 > li i{display: block;}
#about .course_box .course_ul_03 > li i img{margin-bottom: 0.625rem; width: 3.125rem; height: auto;}
#about .course_box .course_ul_03 > li ol{
    position: absolute; top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin-right: 1rem;
}
#about .course_box .course_ul_03 > li ol li{margin-bottom: 0.3125rem;}
#about .course_box .course_ul_03 > li ol li:last-child{margin-bottom: 0;}

#about .envi_box{}
#about .envi_box .envi_ul{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 1;}
#about .envi_box .envi_ul::after{
    content: ""; position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 900px;
    width: 80%; height: 50%;
    border: 0.5rem solid #f0e9e1; z-index: -1;
}
#about .envi_box .envi_ul li{
    width: calc(100% / 3 - 0.625rem);
    -webkit-width: calc(100% / 3 - 0.625rem);
    -moz-width: calc(100% / 3 - 0.625rem);
    border: 0.5rem solid #f0e9e1; background-color: #fff;
    box-sizing: border-box;
    padding: 2.5rem 1rem;
    margin-bottom: 1rem;
    text-align: center;
}
#about .envi_box .envi_ul li img{
    display: block; margin: 0 auto;
    width: 3.75rem; height: auto;
}
#about .envi_box .envi_ul li span{font-size: 1.5625rem; font-weight: 700; display: block; margin: 1rem 0; color: #3f2b17; word-break: keep-all;}
#about .envi_box .envi_ul li p{}

#about .envi_box02{}
#about .envi_box02 ul{display: flex; border: 0.5rem solid #f0e9e1; margin-bottom: 1rem; min-height: 133px;}
#about .envi_box02 ul > li{}
#about .envi_box02 ul > li:nth-child(1){
    font-size: 2.5rem; font-weight: 700; text-align: center;
    background-color: #f0e9e1; color: #3f2b17;
    width: 7.5rem; padding: 2rem 0.5rem;
    position: relative; z-index: 1;
    overflow: hidden; box-sizing: border-box;
    border-right: 0.5rem solid #f0e9e1;
}
#about .envi_box02 ul > li:nth-child(1) span{
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#about .envi_box02 ul > li:nth-child(1)::after{
    display: none;
    content: ""; position: absolute; z-index: -1;
    bottom: -0.625rem; right: -0.625rem;
    width: 4.375rem; height: 4.5625rem;
    background-image: url(/img/sub/envi_bgi01.png);
    background-size: cover;
    opacity: 0.08;
}
#about .envi_box02 ul > li:nth-child(2){
    padding: 2rem; box-sizing: border-box;
    width: calc(100% - 7.5rem);
}
#about .envi_box02 ul > li:nth-child(2) ol{}
#about .envi_box02 ul > li:nth-child(2) ol li{}
#about .envi_box02 ul > li:nth-child(2) ol li:nth-child(1){font-size: 1.25rem; font-weight: 600;}
#about .envi_box02 ul > li:nth-child(2) ol li:nth-child(2){font-size: 1.125rem; margin-left: 0.625rem; margin-top: 0.3125rem; line-height: 1.375rem;}
/*// 입원치료 */
/* 교통사고진료 */
#about.treat_wrap .treat_box{position: relative; z-index: 1;}
#about.treat_wrap .treat_box > img{margin-bottom: 3rem; box-sizing: border-box;}
#about.treat_wrap .treat_box > p{font-size: 1.25rem; line-height: 1.75rem; text-align: center; background-color: #fff;}
#about.treat_wrap .process{}
#about.treat_wrap .certi_box .process > ul > li img{display: inline-block; margin-bottom: 1rem; width: 3.75rem; height: auto;}
#about.treat_wrap .certi_box .process > ul > li p{position: static; transform: none;}
#about.treat_wrap .mid_box{background-color: #3f2b17; padding: 5rem 0;}
#about.treat_wrap .mid_box p{    
    text-align: center; font-family: 'SeoulHangangM'; margin: 0 auto;
    position: relative; z-index: 1; color: #fff;
    width: 95%; max-width: 600px;
    font-size: 2.1875rem; line-height: 2.5rem;
    letter-spacing: -0.5px;    
}
#about.treat_wrap .mid_box p::before, #about.treat_wrap .mid_box p::after{
    content: ''; position: absolute; opacity: 0.15;
    width: 28px; height: 22px;
    background-image: url(/img/sub/about_img01.png);
}
#about.treat_wrap .mid_box p::before{top: 0; left: -0.9375rem;}
#about.treat_wrap .mid_box p::after{
    bottom: 0; right: -0.9375rem;
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
}
#about.treat_wrap .treat_box02{
    background-color: #f8f6f3; overflow: hidden; box-sizing: border-box;
    padding: 6.25rem 0;
    background-image: url(/img/sub/traffic_bgi01.jpg);
    background-size: cover; background-position: center center;
}
#about.treat_wrap .treat_box02 > .txt_box{
    background-color: rgba(63, 43, 23, 0.95); color: #fff;
    box-sizing: border-box; 
    padding: 3.125rem 1.875rem; margin: 0 auto; text-align: center;
}
#about.treat_wrap .treat_box02 > .txt_box p:nth-child(1){
    font-size: 1.875rem; line-height: 2.3125rem; font-weight: 600;
}
#about.treat_wrap .treat_box02 > .txt_box p:nth-child(2){
    margin-top: 2rem; font-size: 1.25rem; line-height: 1.75rem;
}
#about.treat_wrap .treat_box > .img_box{display: flex; flex-wrap: wrap;}
#about.treat_wrap .treat_box > .img_box li{
    width: calc(100% / 5 - 0.9375rem);
    -webkit-width: calc(100% / 5 - 0.9375rem);
    -moz-width: calc(100% / 5 - 0.9375rem);
    box-sizing: border-box; text-align: center; position: relative;
    margin-bottom: 1rem; margin-right: 1.125rem; height: 16.875rem;
    border: 0.5rem solid #3f2b17; border-bottom: 0;
    background-size: cover; background-position: center top;
}
#about.treat_wrap .treat_box > .img_box li::after{
    content: ""; position: absolute;
    top: -0.5rem; left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 2.5rem; height: 0.9375rem;
    background-color: #3f2b17;
}
#about.treat_wrap .treat_box > .img_box li:nth-child(1){background-image: url(/img/sub/traffic_img02.jpg);}
#about.treat_wrap .treat_box > .img_box li:nth-child(2){background-image: url(/img/sub/traffic_img04.jpg);}
#about.treat_wrap .treat_box > .img_box li:nth-child(3){background-image: url(/img/sub/traffic_img03.jpg);}
#about.treat_wrap .treat_box > .img_box li:nth-child(4){background-image: url(/img/sub/traffic_img05.jpg);}
#about.treat_wrap .treat_box > .img_box li:nth-child(5){background-image: url(/img/sub/traffic_img07.jpg);}
#about.treat_wrap .treat_box > .img_box li:last-child{margin-right: 0;}
#about.treat_wrap .treat_box > .img_box li > div{
    background-color: #3f2b17; color: #fff; box-sizing: border-box;
    position: absolute; bottom: 0; padding: 1rem 0; width: 100%;
    font-size: 1.5625rem; font-weight: 600;
}
#about .rehab_box > ul{
    display: flex; justify-content: space-between; position: relative;
    max-width: 800px; margin: 0 auto; z-index: 1;
}
#about .rehab_box > ul::after{
    content: ""; position: absolute; z-index: -1;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%; height: 0.1875rem; background-color: #f0e9e1;
}
#about .rehab_box > ul li{}
#about .rehab_box > ul li img{}
#about .rehab_box > div{background-color: #3f2b17; padding: 3rem; margin-top: 3rem; box-sizing: border-box;}
#about .rehab_box > div p{
    font-size: 1.25rem; line-height: 1.75rem; text-align: center;
     color: #fff;  
}
#about .rehab_box > div p:nth-child(1){}
#about .rehab_box > div p:nth-child(2){margin-top: 1.5rem;}
#about .rehab_box > div p img{
    margin: 0 auto; margin-top: 3rem; width: 10.625rem; display: block;
}

#about .envi_box02.rehab_box02{font-size: 0;}
#about .envi_box02.rehab_box02 ul{
    min-height: auto; display: inline-flex; margin-right: 1rem; box-sizing: border-box;
    width: calc(100% / 2 - 1.5625rem); 
    -webkit-width: calc(100% / 2 - 1.5625rem); 
    -moz-width: calc(100% / 2 - 1.5625rem); 
}
#about .envi_box02.rehab_box02 ul:nth-of-type(2n){margin-right: 0;}

#about .spine_box{}
#about .spine_box .box_top{margin-bottom: 3rem;}
#about .spine_box .box_top img{}
#about .spine_box .spine_ul{margin-bottom: 2rem;}
#about .spine_box .spine_ul > li{position: relative; box-sizing: border-box;}
#about .spine_box .spine_ul > li:nth-child(1){
    font-size: 1.5625rem; font-weight: 700; background-color: #f0e9e1; color: #3f2b17;
    z-index: 1; padding: 1rem 2rem; margin-left: -2rem; display: inline-block;
}
#about .spine_box .spine_ul > li:nth-child(1) i{}
#about .spine_box .spine_ul > li:nth-child(2){
    border: 0.5rem solid #f0e9e1; padding: 2.5rem 1rem 1rem 1rem;
    margin-top: -1.5625rem; border-radius: 0 0 25px 0;
}
#about .spine_box .spine_ul > li:nth-child(2) ol{}
#about .spine_box .spine_ul > li:nth-child(2) ol li{font-size: 1.125rem; margin-bottom: 0.3125rem;}
#about .spine_box .spine_ul > li:nth-child(2) ol li:last-child{margin-bottom: 0;}
#about .spine_box .spine_ul:last-of-type{margin-bottom: 0;}
#about .spine_box .spine_ul:nth-of-type(2) > li:nth-child(1){background-color: #d7c9b8;}
#about .spine_box .spine_ul:nth-of-type(2) > li:nth-child(2){border-color: #d7c9b8;}
#about .spine_box .spine_ul:nth-of-type(3) > li:nth-child(1){background-color: #a3917b;}
#about .spine_box .spine_ul:nth-of-type(3) > li:nth-child(2){border-color: #a3917b;}

#about .middle_wrap .spine_box > span{margin-top: 0;}

#about .spine_box .ul_wrap{
    display: flex; justify-content: space-between; margin-top: 3rem;    
}
#about .spine_box .ul_wrap .spine_ul02{
    text-align: center; box-sizing: border-box;
    width: calc(100% / 4);
    -webkit-width: calc(100% / 4);
    -moz-width: calc(100% / 4);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
#about .spine_box .ul_wrap .spine_ul02:last-child{border-right: 0;}
#about .spine_box .ul_wrap .spine_ul02 > li{}
#about .spine_box .ul_wrap .spine_ul02 > li:nth-child(1){font-size: 1.4375rem; font-weight: 600; margin-bottom: 0.5rem;}
#about .spine_box .ul_wrap .spine_ul02 > li:nth-child(1) img{
    display: block; margin: 0 auto; margin-bottom: 1rem; width: 4.375rem;
}
#about .spine_box .ul_wrap .spine_ul02 > li:nth-child(2){}
#about .spine_box .ul_wrap .spine_ul02 > li:nth-child(2) ol{}
#about .spine_box .ul_wrap .spine_ul02 > li:nth-child(2) ol li{font-size: 1.125rem; margin-bottom: 0.3125rem;}

#about .bottom.spine_bottom > ul > li span{font-weight: 700; color: #3f2b17;}
#about .bottom.spine_bottom > ul > li ol li{line-height: 1.5625rem; margin: 0;}

#about.spine_wrap{}

#about.treat_wrap .spine_title_bgi01{background-image: url(/img/sub/lumbar_bgi01.jpg);}
#about.treat_wrap .spine_title_bgi02{background-image: url(/img/sub/neck_bgi01.jpg);}
#about.treat_wrap .spine_title_bgi03{background-image: url(/img/sub/lumbar_bgi04.jpg);}
#about.treat_wrap .spine_title_bgi04{background-image: url(/img/sub/lumbar_bgi03.jpg);}
#about.treat_wrap .spine_title_bgi05{background-image: url(/img/sub/lumbar_bgi05.jpg);}
#about.treat_wrap .spine_title_bgi06{background-image: url(/img/sub/lumbar_bgi06.jpg);}

#about.spine_wrap .treat_box02 > .txt_box span{display: block; font-size: 1.375rem; margin-bottom: 0.3125rem; font-family: 'SeoulHangangM'; word-break: keep-all;}
#about.spine_wrap .treat_box02 > .txt_box p:nth-of-type(1){font-size: 2.5rem; font-weight: 600; margin-top: 1rem; line-height: 2.5rem;}
#about.spine_wrap .treat_box02 > .txt_box p:nth-of-type(2){font-size: 1.25rem; line-height: 1.75rem; max-width: 800px; margin: 0 auto; margin-top: 2.5rem; }

#about.spine_wrap .con_box{
    background-image: url(/img/sub/spine_bgi01.jpg);
    background-size: cover; background-position: center right;
}
#about.spine_wrap .con_box.con_box_bgi02{background-image: url(/img/sub/spine_bgi02.jpg);}
#about.spine_wrap .con_box.con_box_bgi03{background-image: url(/img/sub/spine_bgi03.jpg);}
#about.spine_wrap .con_box.con_box_bgi04{background-image: url(/img/sub/spine_bgi04.jpg);}
#about.spine_wrap .con_box.con_box_bgi05{background-image: url(/img/sub/spine_bgi05.jpg);}
#about.spine_wrap .con_box.con_box_bgi06{background-image: url(/img/sub/spine_bgi06.jpg);}

#about.spine_wrap .con_box > ul{}
#about.spine_wrap .con_box > ul > li{max-width: 950px; margin: 0 auto; text-align: center;}
#about.spine_wrap .con_box > ul > li img{width: 3.125rem; height: auto; margin-bottom: 1rem;}
#about.spine_wrap .con_box > ul > li p{font-size: 1.25rem; line-height: 1.75rem;}

#about.spine_wrap{}
#about.spine_wrap .spine_img_box > ul{display: flex; justify-content: center;}
#about.spine_wrap .spine_img_box > ul > li{overflow: hidden; text-align: center; margin-right: 1.25rem;}
#about.spine_wrap .spine_img_box > ul > li:last-child{margin-right: 0;}
#about.spine_wrap .spine_img_box > ul > li ol{display: flex;}
#about.spine_wrap .spine_img_box > ul > li ol li{border: 2px solid #3f2b17; border-bottom: 0; background-color: #3f2b17; max-width: 300px; width: 100%; box-sizing: border-box;}
#about.spine_wrap .spine_img_box > ul > li ol li > div{}
#about.spine_wrap .spine_img_box > ul > li ol li > .li_img{}
#about.spine_wrap .spine_img_box > ul > li ol li > .li_img img{}
#about.spine_wrap .spine_img_box > ul > li ol li > .li_txt{
    background-color: #3f2b17; color: #fff; box-sizing: border-box;    
    padding: 1rem 0; width: 100%; min-height: 5.3125rem; position: relative;
}
#about.spine_wrap .spine_img_box > ul > li ol li > .li_txt p{
    font-size: 1.5625rem; font-weight: 600; width: 100%;
    position: absolute; top: 50%; left: 50%; 
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#about.spine_wrap .spine_img_box > ul.img_box01 > li:nth-child(2) ol li:nth-child(1){border-right: 0;}
#about.spine_wrap .spine_img_box > ul.img_box01 > li:nth-child(2) ol li:nth-child(2){border-left: 0;}

#about.spine_wrap .spine_img_box02 > ul > li ol li, #about.spine_wrap .spine_img_box03 > ul > li ol li{max-width: 500px;}
#about.spine_wrap .spine_img_box02 > ul > li ol li > .li_txt{min-height: auto;}
#about.spine_wrap .spine_img_box02 > ul > li ol li > .li_txt p{position: static; transform: none; line-height: 2rem;}

#about.spine_wrap .spine_img_box03 > ul > li ol li{border-bottom: 2px solid #3f2b17;}

#privacy_txt{text-align: left;}
#privacy_txt ul li{text-align: left!important;}
#privacy_txt > span{font-size: 1.25rem; font-weight: 700; display: block; margin-bottom: 1rem;}
#privacy_txt > ul{}
#privacy_txt > ul > li{margin-bottom: 0.625rem!important; font-weight: 500; border: 0!important; padding: 0!important; min-height: auto!important; max-height: none!important; overflow: unset!important; margin-top: 0!important;}
#privacy_txt > ul > li ol{}
#privacy_txt > ul > li ol li{font-weight: 300; margin-bottom: 2rem; text-align: left; margin-bottom: 0.625rem!important; border: 0!important; padding: 0!important; min-height: auto!important; max-height: none!important; overflow: unset!important; margin-top: 0!important; margin-left: 1rem;}
/*// 교통사고진료 */

/* 20220325 추가 */
.sub_contents .wrap > div.time_info_title h3{text-align: left; color: #3f2b17; word-break: keep-all; line-height: 2.5rem;}
.sub_contents .wrap > div.time_info_title b{color: #796145;}
.sub_contents .wrap > div.time_info_title h3 i{font-size: 1.4375rem; font-weight: 500; word-break: keep-all;}
.sub_contents .wrap > div.time_info_title p{text-align: left; margin-top: 0.625rem; line-height: 1.5625rem;}
.sub_contents .wrap > div.time_info_title p br{display: none;}
.time_info_wrap{}
.time_info_wrap > li{}
.time_info_wrap > li ol{display: flex; justify-content: space-between; align-items: flex-end;}
.time_info_wrap > li ol.border{height: 0.5px; background-color: #ddd; margin: 3rem 0;}
.time_info_wrap > li ol li{}
.time_info_wrap > li ol .doctor{border: 1px solid #ddd;}
.time_info_wrap > li ol .doctor img{max-width: 280px; width: 100%;}
.time_info_wrap > li ol .time_tb{width: 100%; margin-left: 1.875rem;}
.time_info_wrap > li ol .time_tb span{display: inline-block; font-size: 1.875rem; font-weight: 700;}
.time_info_wrap > li ol .time_tb span::before{
    content: ""; display: inline-block;
    width: 0.625rem; height: 0.625rem; background-color: #796145;
    margin-right: 0.625rem; margin-bottom: 0.375rem;
}
.time_info_wrap > li ol .time_tb span i{font-size: 1.25rem; font-weight: 400; margin-left: 0.3125rem;}
.time_info_wrap > li ol .time_tb table{width: 100%; text-align: center; margin-top: 0.625rem;}
.time_info_wrap > li ol .time_tb table b{font-weight: 500;}
.time_info_wrap > li ol .time_tb table b.red{color: #d91212;}
.time_info_wrap > li ol .time_tb table b.blue{color: #3e67d3;}
.time_info_wrap > li ol .time_tb table b.gray{color: #adadad; font-weight: 200;}
.time_info_wrap > li ol .time_tb table thead{border-top: 2px solid #3f2b17;}
.time_info_wrap > li ol .time_tb table thead tr{background-color: #faf8f5;}
.time_info_wrap > li ol .time_tb table tbody{border-bottom: 2px solid #3f2b17;}
.time_info_wrap > li ol .time_tb table tr{border-bottom: 0.5px dashed #ddd;}
.time_info_wrap > li ol .time_tb table th,
.time_info_wrap > li ol .time_tb table td
{padding: 1rem 0.5rem; width: 12.5%; border-right: 0.5px dashed #ddd; word-break: keep-all; vertical-align: middle;}
.time_info_wrap > li ol .time_tb table th:last-child,
.time_info_wrap > li ol .time_tb table td:last-child
{border-right: 0;}

.k_care_ul{display: flex; justify-content: space-between; margin-top: 3rem; margin-right: -2.5rem;}
.k_care_ul li{
    width: 100%; margin-right: 2.5rem; position: relative; z-index: 1;
    background-color: #fff; box-sizing: border-box;
    padding: 2rem; border: 1px solid #f0e9e1; overflow: hidden;
    box-shadow: rgb(50 50 93 / 25%) 0px -15px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
    background-size: cover;
    background-position: center center;    
}
.k_care_ul li:nth-child(1){background-image: url(/img/sub/k_care_bgi01.jpg);}
.k_care_ul li:nth-child(2){background-image: url(/img/sub/k_care_bgi02.jpg);}
.k_care_ul li:nth-child(3){background-image: url(/img/sub/k_care_bgi03.jpg);}
.k_care_ul li::after{
    content: ""; position: absolute; top: 0; left: 0; z-index: -1;    
    width: 100%; height: 100%;
    background-color: rgba(63, 43, 23, 0.9); opacity: 0;
    backdrop-filter: blur(5px);
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.k_care_ul li > div{
    text-align: center; opacity: 0;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.k_care_ul li .care_title{}
.k_care_ul li .care_title span{display: block; font-size: 1.4375rem; font-weight: 700; margin: 0.5rem 0; color: #fff;}
.k_care_ul li .border{width: 20px; height: 1px; margin: 1.25rem auto 2.5rem; background-color: #fff;}
.k_care_ul li .care_con{}
.k_care_ul li .care_con p{font-size: 1.125rem; margin: 1rem 0; text-align: left; color: #fff;}
.k_care_ul li .care_con p:last-child{margin-bottom: 0;}
.k_care_ul .k_care_title{
    position: absolute; top: 50%; left: 50%;
    width: 90%; height: 90%; opacity: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border: 1px solid #fff;    
}
.k_care_ul .k_care_title span{
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2.1875rem; font-weight: 700; color: #fff;
    display: block; width: 100%;
}

.k_care_ul li:hover > div{opacity: 1;}
.k_care_ul li:hover .k_care_title{opacity: 0;}
.k_care_ul li:hover::after{opacity: 1;}

/*// 20220325 추가 */

/* 20220328 추가 */
#about .middle > .time_ul{margin-bottom: 2rem; max-width: none;}
#about .middle > .time_ul > li{
    width: -webkit-calc(100% / 4 - 1.25rem);
    width: -moz-calc(100% / 4 - 1.25rem);
    width: -o-calc(100% / 4 - 1.25rem);
    width: calc(100% / 4 - 1.25rem);
}
#about .middle > .time_ul > li > span{
    font-family: 'SeoulHangangM'; font-size: 1.5625rem; font-weight: 600; color: #796145;
    display: block; margin-bottom: 2rem;
}
#about .middle > .time_ul > li > p{font-size: 1.125rem;}
#about .middle > .time_ul > li > p i{font-size: 0.9375rem;}

#about .course_box03 > ul{max-width: 900px;}
#about .course_box03 > ul li{margin: 0 1.25rem;}
#about .course_box03 > ul li:nth-child(1){margin-left: 0;}
#about .course_box03 > ul li:nth-child(4){margin-right: 0;}
/*// 20220328 추가 */

/* 20220408 추가 */
.spine_img_box02 > .li_img{text-align: center;}
.spine_img_box02 > .li_img img{width: 100%; max-width: 800px;}
.spine_img_box02 > .li_img img.m_img{display: none;}
#about .cost_box .lumbar_tb{}
#about .cost_box .lumbar_tb tbody{border-top: 2px solid #3f2b17; border-bottom: 2px solid #3f2b17;}
#about .cost_box .lumbar_tb tr{background-color: #fff; border-bottom: 0.5px dashed #ddd;}
#about .cost_box .lumbar_tb tr:nth-child(1){background-color: #3f2b17; color: #fff;}
#about .cost_box .lumbar_tb tr:nth-child(2){}
#about .cost_box .lumbar_tb tr:nth-child(2) td:nth-child(2),
#about .cost_box .lumbar_tb tr:nth-child(3) td:nth-child(2){
    background-color: #f0e9e1;}
#about .cost_box .lumbar_tb tr:nth-child(3){}
#about .cost_box .lumbar_tb tr:nth-child(3) td > div{margin-bottom: 0.625rem; text-align: left;}
#about .cost_box .lumbar_tb tr:nth-child(3) td > div:last-child{margin-bottom: 0;}
#about .cost_box .lumbar_tb tr td{padding: 1rem 0.5rem; vertical-align: middle; line-height: 1.5rem;}
#about .cost_box .lumbar_tb tr td:nth-child(1),
#about .cost_box .lumbar_tb tr td:nth-child(3){width: 43%;}
#about .cost_box .lumbar_tb tr td:nth-child(2){}
/*// 20220408 추가 */

/* 20220411 추가 */
#about .course_box .course_ul_02 li i.i_title{width: auto; padding: 0 0.5rem;}
#about .course_box .course_ul_02 li ol{margin-top: 1rem; margin-left: 1rem;}
#about .course_box .course_ul_02 li ol li{margin: 0; padding: 0; border: 0;}
#about .cost_box .lumbar_tb02 tr td{width: 50%!important;}
#about .cost_box .lumbar_tb02 tr:nth-child(2) td > div{text-align: left; margin-bottom: 0.625rem;}
#about .cost_box .lumbar_tb02 tr:nth-child(2) td > div:last-child{margin-bottom: 0;}
#about .cost_box .lumbar_tb03 thead tr th{padding: 1rem 0.5rem;}
#about .cost_box .lumbar_tb03 tbody{border-top: 0;}
#about .cost_box .lumbar_tb03 tbody tr:nth-child(1){background-color: #fff; color: #202020;}
#about .cost_box .lumbar_tb03 tbody tr td:nth-child(1){width: 10%; background-color: #f0e9e1;}
#about .cost_box .lumbar_tb03 tbody tr td:nth-child(2){background-color: #fff!important; border-right: 0.5px dashed #ddd;}
#about .cost_box .lumbar_tb03 tbody tr td:nth-child(3){text-align: left;}
#about .middle > .shoulder_m_ul{max-width: none; width: 100%;}
#about .middle > .shoulder_m_ul li::after{display: none;}
/*// 20220411 추가 */

/* 20220418 추가 */
#about.new_sub .con_box{background-image: none;}
#about.new_sub .certi_box .guide_box > div p b{background-color: transparent; color: #ebd87f;}
#about.new_sub .con_box > ul > li .title{
    font-size: 2rem; font-family: 'SeoulHangangM'; letter-spacing: -2px;
    margin-bottom: 1rem; color: #3f2b17; display: block;
}
#about.new_sub .con_box > ul > li .icon{width: 4.375rem;}
/*// 20220418 추가 */

/* 20220420 추가 */
#about .b_02{margin-top: 3rem;}
#about .b_02 > ul > li ol{background-color: #fff; display: flex; flex-wrap: wrap;}
#about .b_02 > ul > li ol li{width: 50%;}
#about .b_02 > ul:nth-child(even) > li:nth-child(2) ol{background-color: #f0e9e1;}
/*// 20220420 추가 */

/* 20220510 추가 */
.tabBottomBox{margin: 5rem auto 0;}
.tabBottomBox .boxTitle{font-size: 1.5625rem; font-weight: 700; margin-bottom: 1rem; display: inline-block;}
.tabBottomBox .boxText{background-color: #f0e9e1; border: 1px solid #f0e9e1; padding: 1rem 1.5rem; line-height: 1.5625rem; margin-bottom: 2rem;}
.tabBottomBox > ul{display: flex;}
.tabBottomBox > ul li{width: 100%; margin-right: 20px;}
.tabBottomBox > ul li:last-child{margin-right: 0;}
.tabBottomBox > ul li a{background-color: #796145; display: block; text-align: right; padding: 1rem; transition: 0.3s;}
.tabBottomBox > ul li a > span{font-size: 1.125rem; font-weight: 700; color: #fff; display: block; margin-bottom: 2.5rem; text-align: left;}
.tabBottomBox > ul li a > img{width: 4.375rem;}
.tabBottomBox > ul li a:hover{
    transform: translateY(-10px);
    box-shadow: rgb(149 157 165 / 40%) 0px 8px 24px;
    
}
.tapWrap{display: none;}
.tapWrap > div{margin-bottom: 5rem;}
.tapWrap .title h3{font-size: 1.5625rem; font-weight: 700; text-align: center;}
#about .tapList ul{max-width: 1200px; width: 95%;}
#about .tapList ul li:first-child a{background-color: #f8f6f3;}
#about .tapList ul li:first-child a:hover{background-color: #9b8770;}

/*// 20220510 추가 */

/* 20220907 추가 */
.privacy_box_wrap{}
.privacy_box_wrap .contents:last-child{padding-top: 0rem;}
.privacy_box_wrap h2{
    font-weight: 700; text-align: center;
    font-size: 1.875rem; margin-bottom: 40px;
}
.privacy_box_wrap p{line-height: 1.5;}
.privacy_box_wrap .privacy_top{}
.privacy_box_wrap .privacy_top .link_wrap{
    border: 1px solid #ddd; padding: 10px 20px;
    margin: 20px 0px 80px;
}
.privacy_box_wrap .privacy_top .link_wrap > ul{
    display: flex; flex-wrap: wrap;
}
.privacy_box_wrap .privacy_top .link_wrap > ul > li{
    width: calc(100% / 2);
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
    width: -o-calc(100% / 2);
    padding: 10px 0;
}
.privacy_box_wrap .privacy_txt{}
.privacy_box_wrap .privacy_txt > span{
    font-size: 1.25rem; font-weight: 700; display: block; margin: 20px 0;
}
.privacy_box_wrap .privacy_txt > p{margin-bottom: 10px;}
.privacy_box_wrap .privacy_txt > table{width: 100%; margin: 15px 0;}
.privacy_box_wrap .privacy_txt > table tr th,
.privacy_box_wrap .privacy_txt > table tr td{
    border: 0.5px solid #ddd;
    padding: 10px 10px;
    vertical-align: middle; text-align: center;
}
.privacy_box_wrap .privacy_txt > table tr th{
    background-color: #f8f8f8; font-weight: 700;
}
.privacy_box_wrap .privacy_txt > table tr td{line-height: 1.2;}
.privacy_box_wrap .privacy_txt > table tr td > p{margin-bottom: 5px;}
.privacy_box_wrap .privacy_txt > table tr td > p:last-child{margin-bottom: 0;}
.privacy_box_wrap .privacy_txt > .table_a tr td:last-child{text-align: left;}
.privacy_box_wrap .privacy_txt > .table_b tr th{width: 20%;}
.privacy_box_wrap .privacy_txt > .table_c tr th{width: 25%;}
.privacy_box_wrap .privacy_txt > .table_d tr th:first-child{width: 15%;}
.privacy_box_wrap .privacy_txt > .box{margin-bottom: 20px;}
.privacy_box_wrap .privacy_txt > .box:last-child{margin-bottom: 0;}
.privacy_box_wrap .privacy_txt > .box > span{
    font-weight: 700; display: block; margin-bottom: 10px;
}
.privacy_box_wrap .privacy_txt > .box > p{margin-bottom: 5px;}
.privacy_box_wrap .privacy_txt > .box > p:last-child{margin-bottom: 0;}
.privacy_box_wrap .privacy_txt > .box > ul{
    margin-left: 10px; margin-bottom: 15px;
}
.privacy_box_wrap .privacy_txt > .box > ul > li{
    margin-bottom: 5px; font-size: 0.875em;
}
.privacy_box_wrap .privacy_txt > .box > p a:hover{text-decoration: underline;}
.privacy_box_wrap .border{
    height: 0.5px; background-color: #ddd; margin: 40px 0;
}
#join .privacy_box_wrap #p_anchor_a span{margin-top: 0;}
#join .privacy_box_wrap .privacy_txt{font-weight: 300;}
#join .privacy_box_wrap .privacy_txt > .box > ul > li{
    border: 0!important;
    overflow: inherit;
    min-height: auto!important;
    max-height: none!important;
    margin-top: initial!important;
    padding: 0!important;
    text-align: left;
}
#join .privacy_box_wrap .privacy_txt > table{background-color: #fff;}
#join .privacy_box_wrap .privacy_txt > table tr th{background-color: #e8e8e8;}

/* 20230118 추가 */

.inacitive_img {text-align: center;}
#about .cost_box .lumbar_tb04 thead tr th{padding: 1rem 0.5rem;}
#about .cost_box .lumbar_tb04 tbody{border-top: 0;}
#about .cost_box .lumbar_tb04 tbody tr:nth-child(1){background-color: #fff; color: #202020;}
#about .cost_box .lumbar_tb04 tbody tr td:nth-child(1){width: 10%; background-color: #f0e9e1;}
#about .cost_box .lumbar_tb04 tbody tr td:nth-child(2){width: 25%; background-color: #fff!important; border-right: 0.5px dashed #ddd;}
#about .cost_box .lumbar_tb04 tbody tr td:nth-child(3){width: 25%; border-right: 0.5px dashed #ddd;}
#about .cost_box .lumbar_tb04 tbody tr td:nth-child(4){width: 20%; border-right: 0.5px dashed #ddd;}
#about .cost_box .lumbar_tb04 tbody tr td:nth-child(5){width: 20%; border-right: 0.5px dashed #ddd;}
#about .middle > .shoulder_m_ul{max-width: none; width: 100%;}
#about .middle > .shoulder_m_ul li::after{display: none;}

/* 20230206 추가 */

.suwoldiet {width: 100%; height: 100%; position: relative; text-align: center;}


/* 20230518 추가 */

#about .skincare_box {}
#about .skincare_box .check_box {display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}
#about .skincare_box .check_box img {width: 40px; margin-right: 10px;}
#about .skincare_box h3 {font-size: 26px; line-height: 1.3; font-weight: 800; text-align: center; color: #3f2b17;}
#about .skincare_box h4 {font-size: 23px; line-height: 1.3; font-weight: 600; text-align: center; margin-bottom: 30px; color: #3f2b17;}
#about .skincare_box .mtscare_01 {}
#about .skincare_box .mtscare_01 ul {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
#about .skincare_box .mtscare_01 ul li {width: calc(100% / 6 - 20px); line-height: 180px; text-align: center; color: #333; background: #ebe3da; font-size: 20px; font-weight: 600; border-radius: 50%; margin-bottom: 10px;}

#about .skincare_box .mtscare_02 {margin: 0 auto; width: 100%;}
#about .skincare_box .mtscare_02m {display: none;}

#about .skincare_box .mtscare_03 {}
#about .skincare_box .mtscare_03 ul {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#about .skincare_box .mtscare_03 ul li {position: relative; text-align: center; box-sizing: border-box; font-size: 20px;}
#about .skincare_box .mtscare_03 ul li.right {font-size: 40px; font-weight: 200;}
#about .skincare_box .mtscare_03 ul li .mtscare_03_box {width: 100%; display: block; width: 80px; background: #ebe3da; border-radius: 50%; padding: 25px; margin: 0 auto;}
#about .skincare_box .mtscare_03 ul li span {display: block; margin-top: 20px;}

#about .skincare_box .mtscare_04 ul {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center;}
#about .skincare_box .mtscare_04 ul li {box-sizing: border-box; font-size: 20px; width: calc(100% / 2 - 20px); display: block; padding: 30px 0; background: #9d8060; margin-bottom: 10px; color: #fff; font-weight: 600;}
#about .skincare_box .mtscare_04 ul li.right {font-size: 40px; font-weight: 200;}
#about .skincare_box .mtscare_04 ul li:nth-child(2) {background: #81694f;}
#about .skincare_box .mtscare_04 ul li:nth-child(3) {background: #81694f;}


#about .skincare_box .anticare_01 ul {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center;}
#about .skincare_box .anticare_01 ul li {box-sizing: border-box; font-size: 20px; width: calc(100% / 2 - 20px); display: block; padding: 20px 0; background: #9d8060; margin-bottom: 13px; color: #fff; font-weight: 600;}
#about .skincare_box .anticare_01 ul li:nth-child(3) {background: #81694f;}
#about .skincare_box .anticare_01 ul li:nth-child(4) {background: #81694f;}
#about .skincare_box .anticare_01 ul li:nth-child(7) {background: #81694f;}
#about .skincare_box .anticare_01 ul li:nth-child(8) {background: #81694f;}


#about .skincare_box .anticare_02m {display: none;}
#about .skincare_box .anticare_02 {}
#about .skincare_box .anticare_02 ul {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#about .skincare_box .anticare_02 ul li {position: relative; text-align: center; box-sizing: border-box; font-size: 20px;}
#about .skincare_box .anticare_02 ul li .anticare_02_box {width: 100%; display: block; width: 80px; background: #ebe3da; border-radius: 50%; padding: 25px; margin: 0 auto;}
#about .skincare_box .anticare_02 ul li.right {font-size: 40px; font-weight: 200;}
#about .skincare_box .anticare_02 ul li span {display: block; margin-top: 20px;}

/* 20230704 추가 */

#about .place_btn {}
#about .place_btn ul {display: flex; justify-content: center;}
#about .place_btn ul li {padding-right: 10px;}
#about .place_btn ul li:last-child {padding-right: 0px;}
#about .place_btn ul li a {display: inline-block; width: 150px; height: 40px; text-align: center; line-height: 40px; border-radius: 10px; border: 1px solid #3f2b17; font-size: 18px;}
#about .place_btn ul li a.on {background-color: #3f2b17; color: #fff;}

/*// 20220907 추가 */

@media screen and (max-width: 1370px) {
    #about .hospital_slide_wrap .swiper-button-next{right: 0;}
    #about .hospital_slide_wrap .swiper-button-prev{left: 0;}
    #about .hospital_slide_wrap ul li > div .slide_title{right: 0;}
    #about .hospital_slide{width: 95%; margin: 0 auto;}
    
    #about .spine_box .spine_ul > li:nth-child(1){margin-left: 0;}
}
@media screen and (max-width: 1200px) {
    .sub_lnb_wrap{flex-wrap: wrap; border-top: 2px solid #3f2b17;}
    .sub_lnb_wrap li{
        width: calc(100% / 3);
        -webkit-width: calc(100% / 3);
        -moz-width: calc(100% / 3);
        border-top: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
    .sub_lnb_wrap li:nth-child(3n){border-right: 0;}
    .sub_lnb_wrap li:last-child{border-right: 1px solid rgba(0, 0, 0, 0.15);}
    .sub_lnb_wrap li a{padding: 1.2rem 0.5rem;}

    .sub_title_wrap{padding-top: 5.0625rem;}
    .sub_title_wrap .sub_title{padding-top: 5.8rem;}

    #about .top .right .txt_bottom p{text-align: left;}
    
    #about .course_box .course_ul li:nth-child(1), #about .course_box .course_ul_03 > li:nth-child(1){width: 9rem;}
    #about .course_box .course_ul li:nth-child(2), #about .course_box .course_ul_03 > li:nth-child(2){
        width: calc(100% - 9rem);
        -webkit-width: calc(100% - 9rem);
        -moz-width: calc(100% - 9rem);
    }
    #about .envi_box02.rehab_box02 ul{width: 100%;}
    #about .tapList ul{flex-wrap: wrap;}
    #about .list_btn ul li{
        width: calc(100% / 3);
        -webkit-width: calc(100% / 3);
        -moz-width: calc(100% / 3);
    }
}
@media screen and (max-width: 1000px) {
    #review_wrap .middle .review_box > ul > li{width: 100%; margin-right: 0;}
    #review_wrap .middle .review_box > ul > li a{display: flex;}
    #review_wrap .middle .review_box > ul > li a .img_box{
        padding-top: 21%; width: 35%;
        border-bottom: 0;
    }
    #review_wrap .middle .review_box > ul > li a .text{width: 65%;}    

    .reserve_box .box .top > img{display: none;}
    .reserve_box .box .top > div{width: 100%; padding: 3.125rem 2.5rem; margin-bottom: 3rem; text-align: center;}
    .reserve_box .box .top > div p:last-child{width: 100%; box-sizing: border-box;}
    .reserve_box .tel_box > ul > li{width: 100%; margin-bottom: 0.625rem;}

    #about .top .left{display: none;}
    #about .top .right{width: 100%;}
    #about .top .right .txt_top{max-width: none; text-align: center; width: 90%; margin: 0 auto; position: relative; z-index: 1;}
    #about .top .right .txt_top img{display: block; margin: 0 auto;}
    #about .top .right .txt_top p{margin-left: 0;}
    #about .top .right .txt_bottom{
        background-image: url(/img/sub/about_img06.jpg);
        background-size: cover; background-repeat: no-repeat; background-position: center center;
        position: relative;
        padding: 5rem 1.875rem 8.125rem 1.875rem; margin-top: -3.125rem;
    }
    #about .top .right .txt_bottom::after{
        content: ""; position: absolute; bottom: 0; left: 0;
        width: 100%; height: 20%;
        background: transparent;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255, 0));  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }    
    #about .top .right .txt_bottom p{margin-left: 0;}
    #about .middle > ul{width: 100%;}
    #about .bottom > ul{flex-wrap: wrap; justify-content: flex-start;}
    #about .bottom > ul:nth-child(even) li:nth-child(2){text-align: right;}
    #about .bottom > ul > li:nth-child(2){max-width: 670px; width: 100%;}
    #about .bottom > ul > li span{margin-top: 1.5rem;}

    #about .doctor_list > ul{flex-wrap: wrap; justify-content: center; text-align: center;}
    #about .doctor_list > ul > li.doctor_txt{margin-left: 0;}
    #about .doctor_list > ul > li .border{margin: 2.5rem auto 2.5rem;}
    #about .doctor_list > ul > li ol{text-align: left;}

    #about .process_box ul:nth-child(2) li:first-child{display: none;}

    #about .list_btn ul:last-child{flex-wrap: wrap;}
    #about .hospital_btn ul:last-child li{width: 50%;}
    #about .hospital_slide_wrap ul li > div .slide_title{padding: 2rem 1rem;}
    #about .hospital_slide_wrap .swiper-button-next, #about .hospital_slide_wrap .swiper-button-prev{width: 50px; height: 50px;}

    #about .place_box .map iframe{height: 550px;}

    #about .cost_box table.pc_cost .th_a, #about .cost_box table.pc_cost .td_a{display: none;}
    #about .cost_01 table.pc_cost .th_b, #about .cost_01 table.pc_cost .td_b, #about .cost_01 table.pc_cost .th_e, #about .cost_01 table.pc_cost .td_e{width: 15%;}
    #about .cost_01 table.pc_cost .th_c, #about .cost_01 table.pc_cost .td_c, #about .cost_01 table.pc_cost .th_d, #about .cost_01 table.pc_cost .td_d{width: 35%;}

    .cost_02 > p{display: block;}
    .tb_wrap{overflow-x: scroll; padding-bottom: 10px;}    
    .tb_wrap .pc_cost{width: 1000px!important;}

    #about .certi_box table.pc_cost .th_a, #about .certi_box table.pc_cost .td_a{display: table-cell;}

    #about .certi_box .guide_box{padding: 5rem 0;}
    #about .certi_box .guide_box::after{opacity: 0.3;}
    #about .certi_box .guide_box > div{margin: 0 auto; text-align: center;}

    #about .course_box .course_ul li{min-height: auto;}
    #about .course_box .course_ul li:nth-child(1),
    #about .course_box .course_ul li:nth-child(2),
    #about .course_box .course_ul_03 > li:nth-child(1),
    #about .course_box .course_ul_03 > li:nth-child(2)
    {width: 100%;}
    #about .course_box .course_ul li:nth-child(1){padding: 0.5rem 0;}
    #about .course_box .course_ul li:nth-child(2){
        text-align: center; line-height: normal; padding: 2rem 1rem 1rem 1rem;
    }

    #about .course_box.course_box02{padding: 3.125rem 1.875rem;}
    #about .course_box .course_ul li:nth-child(1)::after{
        right: 50%; top: 4rem;
        transform: translate(50%, 0) rotate(90deg);
        -webkit-transform: translate(50%, 0) rotate(90deg);
        -ms-transform: translate(50%, 0) rotate(90deg);
    }
    #about .course_box .course_ul_03{flex-wrap: wrap;}
    #about .course_box .course_ul_03 > li:nth-child(1){padding: 0.5rem 0;}
    #about .course_box .course_ul_03 > li:nth-child(1)::after{
        right: 50%; top: 5.5rem;
        transform: translate(50%, 0) rotate(90deg);
        -webkit-transform: translate(50%, 0) rotate(90deg);
        -ms-transform: translate(50%, 0) rotate(90deg);
    }
    #about .course_box .course_ul_03 > li:nth-child(2){padding: 2rem 1rem 1rem 1rem;}
    #about .course_box .course_ul_03 > li ol{position: static; transform: none; margin-right: 0;}
    
    #about .envi_box .envi_ul li{
        width: calc(100% / 2 - 0.625rem);
        -webkit-width: calc(100% / 2 - 0.625rem);
        -moz-width: calc(100% / 2 - 0.625rem);
    }

    #about .envi_box02 ul{flex-wrap: wrap; justify-content: center; border: 0;}
    #about .envi_box02 ul > li:nth-child(1){
        width: 100%; max-width: 5.625rem;
        border: 0.5rem solid #f0e9e1;
    }
    #about .envi_box02 ul > li:nth-child(2){
        width: 100%; margin-top: -2.5rem;
        border: 0.5rem solid #f0e9e1;
        padding: 3rem 1.5rem 1.5rem 1.5rem;
    }
    #about .envi_box02 ul > li:nth-child(2) ol li:nth-child(1){text-align: center; word-break: keep-all;}

    #about.treat_wrap .certi_box .process > ul{flex-wrap: wrap;}
    #about.treat_wrap .certi_box .process > ul > li{
        width: calc(100% / 3 - 0.9375rem);
        -webkit-width: calc(100% / 3 - 0.9375rem);
        -moz-width: calc(100% / 3 - 0.9375rem);
        margin-bottom: 1rem;
    }
    #about.treat_wrap .certi_box .process > ul > li:nth-child(3n){margin-right: 0;}
    #about.treat_wrap .certi_box .process > ul::after{
        width: 80%; height: 60%; border: 0.5rem solid #f0e9e1; background-color: transparent;
    }

    #about.treat_wrap .treat_box > .img_box{justify-content: center;}
    #about.treat_wrap .treat_box > .img_box li{
        width: calc(100% / 3 - 0.8125rem);
        -webkit-width: calc(100% / 3 - 0.8125rem);
        -moz-width: calc(100% / 3 - 0.8125rem);
    }
    #about.treat_wrap .treat_box > .img_box li:nth-child(3n){margin-right: 0;}

    #about.treat_wrap .mid_box p::before{left: 0;}
    #about.treat_wrap .mid_box p::after{right: 0;}

    #about.treat_wrap .treat_box02 > .txt_box p:nth-child(1) br{display: none;}

    #about .rehab_box > ul li:nth-child(2){margin: 0 1.25rem;}

    #about .rehab_box > div p br{display: none;}
    
    #about .spine_box .ul_wrap{flex-wrap: wrap;}
    #about .spine_box .ul_wrap .spine_ul02{
        width: calc(100% / 2);
        -webkit-width: calc(100% / 2);
        -moz-width: calc(100% / 2);
        margin-bottom: 2rem;
    }
    #about .spine_box .ul_wrap .spine_ul02:nth-child(2n){border-right: 0;}

    #about.spine_wrap .treat_box02 > .txt_box p:nth-of-type(2) br, #about.spine_wrap .con_box > ul > li p br{display: none;}
    
    #about.spine_wrap .spine_img_box > ul > li ol li > .li_txt p{font-size: 1.25rem;}

    .reserve_box .tel_box > ul > li{border-right: 1px solid #d3bca7;}
    /* 20220325 추가 */
    .time_info_wrap > li ol{flex-wrap: wrap; justify-content: center;}
    .time_info_wrap > li ol .time_tb{margin-left: 0; margin-top: 1.875rem;}
    .sub_contents .wrap > div.time_info_title h3,
    .sub_contents .wrap > div.time_info_title p{text-align: center;}
    .sub_contents .wrap > div.time_info_title h3 i{display: block;}    
    .sub_contents .wrap > div.time_info_title p br{display: block;}
    .k_care_ul{margin-right: -1rem;}
    .k_care_ul li{margin-right: 1rem; padding: 2rem 1rem;}
    /*// 20220325 추가 */    

    /* 20220407 추가 */    
    #about .middle > span.large_title{font-size: 2.25rem;}
    /*// 20220407 추가 */
    .tabBottomBox > ul li{margin-right: 10px;}

    .spine_img_box02 > .lumbarImg img{display: none;}
    .spine_img_box02 > .li_img img.m_img{display: block;}

    /* 20220808 추가 */
    #about .middle > .time_ul{flex-wrap: wrap; margin-top: -1.25rem;}
    #about .middle > .time_ul::after{
        width: 80%; height: 60%;
        background-color: transparent; border: 5px solid #f0e9e1;
    }
    #about .middle > .time_ul > li {
        width: -webkit-calc(100% / 2 - 1.25rem);
        width: -moz-calc(100% / 2 - 1.25rem);
        width: -o-calc(100% / 2 - 1.25rem);
        width: calc(100% / 2 - 1.25rem);
        margin-top: 1.25rem;
    }
    /*// 20220808 추가 */

    /* 20220907 추가 */
    .privacy_box_wrap .privacy_top .link_wrap > ul > li{width: 100%;}
    /*// 20220907 추가 */
    
    /* 20230206 추가 */
    #about .cost_box .table_box {width: 100%; overflow: auto;}
    #about .cost_box .table_box .lumbar_tb {white-space: nowrap;}
    /* // 20230206 추가 */

    /* 20230523 추가 */
    #about .skincare_box .mtscare_01 ul {justify-content: flex-start;}
    #about .skincare_box .mtscare_01 ul li {width: calc(100% / 4 - 20px); margin: 10px 10px;}
    #about .skincare_box .mtscare_03 ul li span {margin: 20px 0; font-size: 16px;}
    #about .skincare_box .mtscare_03 ul li.right {font-size: 20px;}
    #about .skincare_box .mtscare_04 ul li {width: calc(100% / 2 - 10px);}
}
@media screen and (max-width: 670px) {
    .reserve_box .box .top > div p:last-child{padding: 1.875rem 1rem;}

    #about .middle > ul{flex-wrap: wrap;}
    #about .middle > ul::after{width: 0.1875rem; height: 100%;}
    #about .middle > ul > li{width: 100%; margin-bottom: 1.25rem;}
    #about .middle > ul > li:last-child{margin-bottom: 0;}

    #about .place_box .map iframe{height: 400px;}

    #about.treat_wrap .treat_box > p br{display: none;}

    #about.treat_wrap .mid_box p{font-size: 1.875rem; line-height: 2.1875rem;}

    #about.treat_wrap .certi_box .process > ul > li{
        width: calc(100% / 2 - 0.9375rem);
        -webkit-width: calc(100% / 2 - 0.9375rem);
        -moz-width: calc(100% / 2 - 0.9375rem);
    }
    #about.treat_wrap .certi_box .process > ul > li:nth-child(3n){margin-right: 1.25rem;}
    #about.treat_wrap .certi_box .process > ul > li:nth-child(2n){margin-right: 0;}
    #about .certi_box .process > ul > li:first-child{border-radius: 25px 0 0 0;}
    #about .certi_box .process > ul > li:last-child{border-radius: 0 0 25px 0;}

    #about.treat_wrap .treat_box > .img_box li{
        width: calc(100% / 2 - 0.8125rem);
        -webkit-width: calc(100% / 2 - 0.8125rem);
        -moz-width: calc(100% / 2 - 0.8125rem);
    }
    #about.treat_wrap .treat_box > .img_box li:nth-child(3n){margin-right: 1.125rem;}
    #about.treat_wrap .treat_box > .img_box li:nth-child(2n){margin-right: 0;}

    #about.spine_wrap .spine_img_box > ul > li{margin-right: 0.5rem;}

    /* 20220325 추가 */
    .k_care_ul{flex-wrap: wrap; margin-right: 0;}
    .k_care_ul li{margin-right: 0; margin-bottom: 1rem;}
    .k_care_ul .k_care_title{width: 95%;}
    .k_care_ul li .care_con{display: flex; flex-wrap: wrap;}
    .k_care_ul li .care_con p{width: 50%; margin: 0.5rem 0;}
    /*// 20220325 추가 */

    /* 20220329 추가 */
    #about .course_box03 > ul{flex-wrap: wrap; justify-content: center;}
    #about .course_box03 > ul::after{width: 0.1875rem; height: 100%;}
    #about .course_box03 > ul li{margin: 1.252rem 0; width: 100%; text-align: center;}
    #about .course_box03 > ul li:nth-child(1){margin-top: 0;}
    #about .course_box03 > ul li:nth-child(2){margin: 1.252rem 0;}
    #about .course_box03 > ul li:nth-child(4){margin-bottom: 0;}
    #about .course_box03 > ul li img{width: 180px;}
    /*// 20220329 추가 */
    .tabBottomBox > ul{flex-wrap: wrap; margin-right: -10px;}
    .tabBottomBox > ul li{
        width: calc(100% / 3 - 10px);
        -webkit-width: calc(100% / 3 - 10px);
        -moz-width: calc(100% / 3 - 10px);
        margin-bottom: 10px;
    }
    /* 20220808 추가 */
    #about .middle > .time_ul > li {
        margin-bottom: 0;
    }
    /*// 20220808 추가 */

    /* 20230523 추가 */
    #about .skincare_box .mtscare_01 ul {justify-content: space-between;}
    #about .skincare_box .mtscare_01 ul li {width: calc(100% / 3 - 20px); font-size: 15px; line-height: 150px;}
    #about .skincare_box .mtscare_03 ul li .mtscare_03_box {width: 50px; padding: 15px;}
    #about .skincare_box .anticare_01 ul li {width: calc(100% / 2 - 10px);}
    #about .skincare_box .anticare_02 ul li.right {font-size: 20px;}
    #about .skincare_box .anticare_02 ul li .anticare_02_box {width: 60px; padding: 10px;}
    #about .skincare_box .anticare_02 ul li span {font-size: 17px;}
    
}
@media screen and (max-width: 580px) {
    .sub_lnb_wrap li{width: 50%;}
    .dietpage li {width: 100%;}
    .sub_lnb_wrap li:nth-child(3n){border-right: 1px solid rgba(0, 0, 0, 0.15);}
    .sub_lnb_wrap li:nth-child(even){border-right: 0;}
    /* .sub_lnb_wrap li:last-child{border-right: 1px solid rgba(0, 0, 0, 0.15);} */

    #about .list_btn ul li{
        width: calc(100% / 2);
        -webkit-width: calc(100% / 2);
        -moz-width: calc(100% / 2);
    }
    /* 20230525 추가 */
    #about .skincare_box .mtscare_02 {display: none;}
    #about .skincare_box .mtscare_02m {display: block;}
    #about .skincare_box .anticare_02pc {display: none;}
    #about .skincare_box .anticare_02m {display: block;}
    #about .skincare_box .mtscare_04 ul li {width: calc(100% / 2 - 5px); font-size: 17px;}
    #about .skincare_box h3 {font-size: 22px;}
    #about .skincare_box .check_box img {width: 30px;}
}
@media screen and (max-width: 520px) {
    .sub_title_wrap .sub_title::after{right: -3.125rem; bottom: -8.4375rem;}
    .reserve_box .box .top > div{background-size: cover; padding: 3rem 1.5rem;}

    #about .bottom > ul{justify-content: center;}
    #about .bottom > ul:nth-child(even) li:nth-child(2){text-align: left;}
    #about .bottom > ul > li:nth-child(1){max-width: none;}

    #about .process_box ul li{position: relative;}
    #about .process_box ul li.arrow{margin: 0 -0.5rem; z-index: 1;}
    #about .hospital_slide_wrap ul li > div .slide_title{display: none;}
    #about .hospital_slide_wrap .swiper-button-next, #about .hospital_slide_wrap .swiper-button-prev{width: 40px; height: 40px;}

    #about .place_box .map iframe{height: 350px;}

    #about .certi_box .guide_box > div p:nth-child(1) br{display: none;}
    #about .certi_box .process > ul > li{margin-right: 0.5rem;}

    #about .course_box.course_box02{padding: padding: 3.125rem 1rem;}

    #about .spine_box .spine_ul{text-align: center;}
    #about .spine_box .spine_ul > li:nth-child(1){width: 100%;}
    #about .spine_box .spine_ul > li:nth-child(2){text-align: left; border-radius: 0 0 25px 25px;}

    
    /* 20230523 추가 */
    #about .skincare_box .mtscare_01 ul li {line-height: 130px; width: calc(100% / 3 - 10px); margin: 10px 0px;}
    #about .skincare_box .mtscare_03 ul {justify-content: left;}
    #about .skincare_box .mtscare_03 ul li {margin: 0 12px;}
    #about .skincare_box .mtscare_03 ul li.right {margin: 0px;}
    #about .skincare_box .anticare_01 ul li {width: calc(100% / 2 - 5px); font-size: 17px;}
    #about .skincare_box .anticare_02 ul {justify-content: left;}
    #about .skincare_box .anticare_02 ul li {margin: 0 5px;}
    #about .skincare_box .anticare_02 ul li span {margin: 10px 0;}
    #about .skincare_box .anticare_02 ul li.right {margin: 0px;}
    #about .skincare_box .anticare_02 ul li .anticare_02_box {width: 40px;}
    #about .skincare_box .anticare_02 ul li span {font-size: 14px;}
    
}
@media screen and (max-width: 380px) {
    #about .skincare_box .mtscare_03 ul li {margin: 0 12px;}
    #about .skincare_box .anticare_02 ul li.right.center {display: none;}
    #about .skincare_box .anticare_02 ul li {padding: 0px;}
    #about .skincare_box .mtscare_01 ul li {line-height: 110px;}
}
@media screen and (max-width: 370px) {
    .sub_title_wrap{height: 17rem;}
    .sub_title_wrap .sub_title{text-align: center; padding-top: 3.5rem;}

    .sub_lnb_wrap li a{padding: 1.3rem 0.5rem;}

    .sub_contents{padding: 4.5rem 0 6.25rem;}

    #review_wrap .middle .review_box > ul > li a .img_box{padding-top: 41%; width: 50%;}
    #review_wrap .middle .review_box > ul > li a .text{width: 50%;} 

    #about .process_box ul li.arrow img{width: 3.5rem;}

    #about .place_box .map iframe{height: 250px;}

    /* 20230523 추가 */
    #about .skincare_box .mtscare_01 ul li {width: calc(100% / 2 - 5px); line-height: 135px;}
    #about .skincare_box .mtscare_03 ul {justify-content: space-around;}
    
    /* 20230704 추가 */
    #about .place_btn ul li a {width: 120px; font-size: 16px;}
}