@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

 /****************** common ******************/
:root{
    --primary: #375aaa;
    --secondary: #5c6d94;
}
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.table-fixed{ table-layout: fixed; }
.narrow{ margin-inline: auto; max-width: 1400px; }

#content{min-height:500px; min-width: 320px;}
.txtColor {color: var(--primary);}
.txtColor2 {color: var(--secondary);}

.sub_area {padding: 80px 0 80px;}
.sub_area02 {padding: 80px 0 0;}

.s_tit {font-size: 45px; text-align: center; color: #111; margin: 0 0 65px;}
.s_tit.mt {margin: 100px 0 65px;}

.s_tit:has(+ .sm_tit){ margin: 0; }
.s_tit + .sm_tit{ margin: 16px 0 63px; padding: 0; font-weight: 500; }

.sm_tit {font-size: 22px; color: #4c4c4c; text-align: center; display: block; padding: 0 0 5px 0;}
.sm_tit.t02 {padding: 60px 0 0;}

.overline{ position: relative; margin: 2.9em 0 clamp(28px, 4.33333333vw, 65px); text-align: center; font-size: 30px; font-weight: 700; color: #111; }
.overline::before{ content: ''; position: absolute; margin: -2.13333333em auto auto; inset: 0; width: 1px; height: 1.2em; background: #d4d4d4; }

.txtTy1 {text-align: center; font-size: 38px; font-weight: 300; color: #111;}

.sConBox {max-width: 1500px; margin: 0 auto; width: calc(100% - 44px);}
.sConBox.mt, .top_img.mt {margin: 120px auto 0;}
.sConBox.mt02 {padding: 120px 0 120px; margin: 120px auto 0;}
.sConBox.mt03 {margin: 50px auto 100px;}
.sConBox.mt04 {margin: 120px auto 0;}
#wrap .top_img + .bg >:where(.mt, .mt02){ margin-top: 0; }
.clinic .sConBox.mt{margin:60px auto 0;} 

.con_mg {margin: 80px 0 0;}

.table {overflow-x: auto;position: relative;}
.table {overflow-x: auto;}
.table table {min-width: 680px;font-size: 16px; text-align: center;}
.table table thead {border-top: 2px solid #3446aa; background: #f8f8f8;}
.table table thead th {padding: 12px 5px; font-weight: 500;}
.table table thead th:nth-child(n+2) {border-left: 1px solid #dedede;}
.table table tbody tr:nth-child(n+2) {border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.table table tbody td {padding: 12px 5px;}
.table table tbody td em {font-size: 14px;}
.table table tbody td em.color {color: #63a9eb;}
.table table tbody td:nth-child(n+2) {border-left: 1px solid #dedede;}
.table .mbtb_quide {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: url('../images/common/table_scroll_icon.png'); background-size: 100%; display: none;}

table.s5{ font-size: 18px; line-height: 1.44444444; }
table.s5 thead{ border-top: 1px solid #151f3d; border-bottom: 1px solid #dddddd; }
table.s5 th{ height: 3.61111111em; box-sizing: border-box; color: #333; }
table.s5 td{ padding: 0.88888889em clamp(5px, 2.46666667vw, 37px) !important; box-sizing: border-box; font-weight: 500; color: #5c5c5c; }
table.s5 td:first-child{ border-right: 1px solid #dedede; }
table.s5 small{ display: block; font-size: 14px; line-height: 1.57142857; }

.top_img, .btm_img{ background: no-repeat center/cover; }
.s1_4 .top_img {background-image: url('../images/content/s1_4_bg.jpg');}
.s1_5 .top_img {background-image: url('../images/content/s1_5_bg.jpg');}
.s1_6 .top_img {background-image: url('../images/content/s1_6_bg.jpg');}
.s1_9 .top_img {background-image: url('../images/content/s1_9_bg.jpg');}
.s2_1 .top_img {background-image: url('../images/content/s2_1_bg.jpg');}
.s2_2 .top_img {background-image: url('../images/content/s2_2_bg.jpg');}
.s2_3 .top_img {background-image: url('../images/content/s2_3_bg.jpg');}
.s2_4 .top_img {background-image: url('../images/content/s2_4_bg.jpg');}
.s2_5 .top_img {background-image: url('../images/content/s2_5_bg.jpg');}
.s2_6 .top_img {background-image: url('../images/content/s2_6_bg.jpg');}
.s2_7 .top_img {background-image: url('../images/content/s2_7_bg.jpg');}
.s2_8 .top_img {background-image: url('../images/content/s2_8_bg.jpg');}
.s3_1 .top_img {background-image: url('../images/content/s3_1_bg.jpg');}
.s3_1.btm_img {background-image: url('../images/content/s3_1_btm_bg.jpg');}
.s3_2_1.top_img {background-image: url('../images/content/s3_2_1_bg.jpg');}
.s3_2_2.top_img {background-image: url('../images/content/s3_2_2_bg.jpg');}
.s3_2_2.btm_img {background-image: url('../images/content/s3_2_2_bg2.jpg');}
.s3_3 .top_img {background-image: url('../images/content/s3_3_bg.jpg');}
.s3_3 .top_img.im2 {background-image: url('../images/content/s3_3_bg2.jpg');}
.s3_4 .top_img {background-image: url('../images/content/s3_4_bg.jpg');}
.s3_5 .top_img {background-image: url('../images/content/s3_5_bg.jpg');}
.s3_6 .top_img {background-image: url('../images/content/s3_6_bg.jpg');}
.s3_7 .top_img {background-image: url('../images/content/s3_7_bg.jpg');}
.s3_8 .top_img {background-image: url('../images/content/s3_8_bg.jpg');}
.s3_8 .btm_img {background-image: url('../images/content/s3_8_bg2.jpg');}
.s4_1 .top_img {background-image: url('../images/content/s4_1_bg.jpg');}
#wrap .s4_1_1.top_img {background-image: url('../images/content/s4_1_1_bg.jpg');}
.s4_2 .top_img {background-image: url('../images/content/s4_2_bg.jpg');}
.s4_3 .top_img {background-image: url('../images/content/s4_3_bg.jpg');}
.s4_4 .top_img {background-image: url('../images/content/s4_4_bg.jpg');}
.s4_5 .top_img {background-image: url('../images/content/s4_5_bg.jpg');}
.s4_6 .top_img {background-image: url('../images/content/s4_6_bg.jpg');}
.s4_7 .top_img {background-image: url('../images/content/s4_7_bg.jpg');}
.s4_8 .top_img {background-image: url('../images/content/s4_8_bg.jpg');}
.s4_9 .top_img {background-image: url('../images/content/s4_9_bg.jpg');}
.s4_10 .top_img {background-image: url('../images/content/s4_10_bg.jpg');}
.s4_11 .top_img {background-image: url('../images/content/s4_11_bg.jpg');}
.s4_11 .btm_img {background-image: url('../images/content/s4_11_bg2.jpg');}
.s5_1 .top_img {background-image: url('../images/content/s5_1_bg.jpg');}
.s5_2 .top_img {background-image: url('../images/content/s5_2_bg.jpg');}

.top_img {position: relative;}
.top_img .txt {text-align: center; color: #fff; width: 90%; margin: 0 auto; padding: 193px 0;}
.top_img .txt h4 {font-size: 32px; border: 1px solid #fff; border-radius: 100px; padding: 0 40px; display: table; margin: 0 auto;}
.top_img .txt h4.no_border{ border: 0; }
.top_img .txt h4 em {color: #a3baec;}
.top_img .txt > p {padding: 30px 0 0; font-size: 28px;}
.top_img .txt > p em {color: #a4bbf0; font-weight: 600;}
.top_img ul {display: flex; justify-content: center; padding: 65px 0 0;}
.top_img ul li {padding: 50px 60px;}
.top_img ul li:nth-child(n+2) {border-left: 1px solid rgba(255,255,255,.5);}
.top_img ul li i {display: block; font-size: 20px;}
.top_img ul li p {font-size: 20px; padding: 30px 0 0;}
.top_img.ty2 {display: flex;}
.top_img.ty2 > div {width: 50%;}
.top_img.ty2 .ltimg {background: url('../images/content/s1_7_img1.jpg') no-repeat center/cover;}
.top_img.ty2 .rtimg {background: url('../images/content/s1_7_img2.jpg') no-repeat center/cover;}

.btm_img {position: relative;}
.btm_img .txt {text-align: center; color: #fff; width: 90%; margin: 0 auto; padding: 193px 0;}
.btm_img .txt h4 {font-size: 32px; border-radius: 100px; display: table; margin: 0 auto;}
.btm_img .txt h4 em {color: #a4bbf0;}

.tit_box {text-align: center}
.tit_box.mt {margin: 100px 0 0;}
.tit_box h4 {font-size: 38px; color: #111;}
.tit_box p {font-size: 22px; font-weight: 300; padding: 18px 0 0;}
.tit_box p em {font-weight: 600;}

.imgBoxTy1 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.imgBoxTy1 li {width: calc(100% / 4 - 10px);}
.imgBoxTy1 li:nth-child(n+5) {margin: 40px 0 0;}
.imgBoxTy1 li p {text-align: center; font-size: 20px; color: #424242; padding: 15px 0 0; font-weight: 600;}
.imgBoxTy1 li img {width: 100%;}
.imgBoxTy1.item4{ display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(30px, 4.33333333vw, 65px) clamp(10px, 1.13333333vw, 17px); }
#wrap .imgBoxTy1.item4 li{ margin: 0; width: 100%; }

.imgBoxTy1.t02 li {width: calc(100% / 6 - 10px); margin: 0;}
.imgBoxTy1.t02 li:nth-child(n+6) {margin: 0;}

.imgBoxty2 {position: relative;}
.imgBoxty2::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 494px; background: #f0f1f2; z-index: 1;}
.imgBoxty2 ul {display: flex; justify-content: center; z-index: 10; position: relative; padding: 120px 22px 0;}
.imgBoxty2 ul li {width: 49.5%;}
.imgBoxty2 ul li img {width: 100%;}
.imgBoxty2 ul li:nth-child(2) {margin-left: 1.5%;}
.imgBoxty2 ul li p {text-align: center; padding: 30px 0 0; font-size: 24px;}
.imgBoxty2 ul li p em {color: #375aaa; font-weight: 600;}

.imgBoxTy3 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.imgBoxTy3 > li {width: 24%;}
.imgBoxTy3 > li:nth-child(n+5) {margin: 35px 0 0;}
.imgBoxTy3 > li img {width: 100%;}
.imgBoxTy3 li > div {border: 1px solid #ddd; box-sizing: border-box;}
.imgBoxTy3 li p {width: 100%; text-align: center; color: #fff; font-size: 25px; padding: 10px 0; background: var(--secondary);}
.imgBoxTy3 .check_list {padding: 30px; height: 195px;}
.imgBoxTy3 .check_list li {font-size: 20px; color: #2e2e2e; padding: 9px 0 9px 34px; position: relative;}
.imgBoxTy3 .check_list li::before {content: ''; position: absolute; top: 13px; left: 0; background: url('../images/content/s1_5_check.png') no-repeat; width: 23px; height: 23px;}
.imgBoxTy3 .check_list li:nth-child(n+2) {border-top: 1px dashed #ddd;}
.imgBoxTy3 .check_list li em {font-size: 16px; color: #63a9eb;}

/*클리닉 모바일ver 리스트*/
.m_clinic_depth {display: none;}



.imgBoxTy3.t02 > li {width: 32.5%;}
.imgBoxTy3.t02 > li:nth-child(n+4) {margin: 35px 0 0;}

.imgBoxTy3.t03 .check_list {height: 250px;}
.imgBoxTy3.t03 .check_list.height {height: 460px;}

.imgBoxTy4.mt {margin: 35px 0 0;}
.imgBoxTy4 ul {display: flex; justify-content: center; flex-wrap: wrap;}
.imgBoxTy4 ul li {border: 1px solid #e9e9e9; background: #fff; box-sizing: border-box; }
.imgBoxTy4 ul li .txt {text-align: center; min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box;}
.imgBoxTy4 ul li:nth-child(n+2) {margin-left: 1%;}
.imgBoxTy4 ul li .txt p {font-size: 24px; color: #111; font-weight: 600;}
.imgBoxTy4 ul li .txt span {font-size: 18px; color: #666; padding: 10px 0 0; display: block;}
.imgBoxTy4 ul li .txt small{ font-size: 15px; color: #666; display: block; }
.imgBoxTy4 ul li .txt small + span{ display: block; font-size: 17px; color: #333; }
.imgBoxTy4 ul li img {width: 100%; max-height: 203px; object-fit: cover;}
/*.imgBoxTy4 ul.line3 li {width: calc(100% / 3 - 9%);}*/
.imgBoxTy4 ul.line3 li {width: calc(100% / 3 - 8%);}
.imgBoxTy4 ul.line3 li:nth-child(n+4) {margin-top: 15px;}
.imgBoxTy4 ul.line4 li {width: calc(100% / 4 - 1%);}
.imgBoxTy4 ul.line4-1 li {width: calc(100% / 4 - 6%);}
.imgBoxTy4 ul.line5 li {width: calc(100% / 5 - 1%);}
.imgBoxTy4.t02 ul li .txt {height: 100px;}

.imgBoxTy4 .grid3{ margin-inline: auto !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2.2vw, 33px) clamp(0px, 2%, 19px); max-width: 1044px; }
#wrap .imgBoxTy4 .grid3 li{ margin: 0 !important; }
.imgBoxTy4 .txt2{ text-align: center; }
.imgBoxTy4 .txt2 .title{ margin: 23px 0 15px; font-size: 24px; font-weight: 600; color: #111; }
.imgBoxTy4 .txt2 .desc{ display: flex; flex-direction: column; align-items: center; height: 130px; padding-bottom: 19px; line-height: 1.4375; color: #595959; }
.imgBoxTy4 .txt2 .desc:not(:has(.arrow_down)){ justify-content: center; }
.imgBoxTy4 .txt2 .arrow_down{ position: relative; display: block; aspect-ratio: 1/1; width: 31px; }
.imgBoxTy4 .txt2 .arrow_down::before{ content: ''; position: absolute; margin: auto; inset: 0; aspect-ratio: 1/1; width: 15px; border: solid #646565; border-width: 0 2px 2px 0; box-sizing: border-box; transform: translateY(-5px) rotate(45deg); }
.imgBoxTy4 ul:nth-of-type(2) {margin: 15px 0 0;}

.imgBoxTy5{ display: grid; justify-content: space-between; row-gap: 30px; text-align: center; font-size: 25px; }
.imgBoxTy5.item3{ margin: 0 auto; grid-template-columns: repeat(3, 1fr); column-gap: 24px; max-width: 1044px; }
.imgBoxTy5.item4{ grid-template-columns: repeat(4, 1fr); column-gap: 17px; }
.imgBoxTy5.item5{ grid-template-columns: repeat(5, 1fr); column-gap: 24px; }
.imgBoxTy5 li:has(.span2){ grid-column: 1/3; }
.imgBoxTy5 .span2{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 12px; border: 1px solid var(--secondary); }
.imgBoxTy5 .span2 img{ aspect-ratio: 320/212; }
.imgBoxTy5 img{ width: 100%; height: 269px; object-fit: cover; }
.imgBoxTy5 h4{ margin-top: 0.92em; font-family: 'Pretendard' , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size: inherit; font-weight: 600; color: #111; }
.imgBoxTy5 p{ margin-top: 0.36842105em; font-size: 0.76em; font-weight: 500; color: #484848; }

.imgBoxTy6{ display: grid; gap: clamp(20px, 3.66666667vw, 55px) clamp(12px, 2%, 24px); text-align: center; font-size: 25px; }
.imgBoxTy6.item3{ grid-template-columns: repeat(3, 1fr); }
#wrap .imgBoxTy6 li{ margin: 0; border: 1px solid #e1e1e1; }
.imgBoxTy6 img{ width: 100%; max-height: 203px; object-fit: cover; }
.imgBoxTy6 .txt{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 1.24em 10px 0.96em; }
.imgBoxTy6 h4{ display: inline-flex; align-items: center; justify-content: center; min-width: 7.68em; height: 1.72em; background: var(--secondary); border-radius: 3em; font-size: inherit; font-weight: 700; line-height: 1; color: #fff; }
.imgBoxTy6 p{ font-size: 0.76em; font-weight: 500; color: #484848; }

.mblink {margin-top: 35px; position: relative; display: table; margin: 0 auto;}
.mblink img {width: 100%;}
.mblink a {position: absolute; bottom: 10px; right: 10px; width: 40px; height: 40px; text-indent: -999px; overflow: hidden; background: rgba(0,0,0,0.4); border-radius: 50%; display: none;}
.mblink a::after {position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -9px; width: 19px; height: 20px; content: ''; background: url(../images/common/ic_search.png) no-repeat center center; opacity: 0.8;}

.listBox strong {text-align: center; color: #fff; background: #151f3d; padding: 10px 20px; font-size: 32px; display: table; margin: 0 auto 50px;}
.listBox span {font-size: 18px; font-weight: 300;}
.listBox ul li {display: flex; align-items: center; border: 1px solid #e8e8e8;}
.listBox ul li:nth-child(n+2) {margin: 20px 0 0;}
.listBox ul li .tit {width: 25%; height: 130px; color: #fff; background: var(--secondary);display: flex; flex-direction: column; justify-content: center; align-items: center;}
.listBox ul li .tit h5 { text-align: center; font-size: 28px; font-weight: 600; }
.listBox ul li .txt {width: 75%;}
.listBox ul li .txt em {font-size: 19px; font-weight: 600; color: #12203f; padding: 0 30px;}
.listBox ul li .txt p {font-size: 18px; padding: 0 30px; color: #666;}
.listBox ul li .txt p em{padding-left:10px;}
.listBox .item2{ align-items: unset; }
.listBox .item2 .tit{ height: 240px; }
.listBox .txt{ display: flex; flex-direction: column;  }
.listBox .txt p{ flex: 1; display: flex; align-items: center; }
.listBox .txt p + p{ border-top: 1px dashed #e8e8e8; }

.listBox.grid ul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 23px 22px; }
#wrap .listBox.grid ul li{ margin: 0 !important; }
.listBox.grid li{ align-items: unset; height: 153px; box-shadow: 0px 5px 38px 0px rgba(108, 108, 108, 0.16); }
.listBox.grid .tit{ height: auto; }
.listBox.grid .txt{ display: flex; align-items: center; }

.listBox02 ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.listBox02 ul li {width: 49.5%; background: #fafafa; border: 1px solid #e8e8e8; box-sizing: border-box; display: flex;}
.listBox02 ul li:nth-child(n+3) {margin: 15px 0 0;}
.listBox02 ul li > div {padding: 26px 38px; display: flex; align-items: center; width: 100%;}
.listBox02 ul li > div i {display: inline-block; font-size: 30px; color: var(--secondary); font-weight: 600; padding: 0 25px 0 0;}
.listBox02 ul li > div p {font-size: 20px; color: #2e2e2e; padding: 0 0 0 25px; position: relative;}
.listBox02 ul li > div p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 22px; background: #ddd;}

.listBox03 ul {display: flex; justify-content: space-between;}
.listBox03 ul li {width: 24%; border: 1px solid #e8e8e8; box-sizing: border-box; background: #fafafa;}
.listBox03 ul li > div {padding: 30px}
.listBox03 ul li > div i {background: #12203f; color: #fff; width: 35px; height: 35px; display: block; text-align: center; line-height: 35px;}
.listBox03 ul li > div p {padding: 50px 0 0; font-size: 18px;}

.bg {background: #f8f8f8;}
.bg.img1 {background: #f8f8f8 url(/images/content/bg1.jpg) no-repeat 50% / cover;}

@media(min-width:769px){
    .imgBoxTy4 ul.line3 li:nth-child(4){ margin-left: 0; }
}

@media screen and (max-width:1580px) {
    .s_tit {font-size: 40px; margin: 0 0 28px;}
    .overline{ font-size: 32px; }
    .sConBox.mt,
    .top_img.mt {margin: 100px auto 0;}
    .sConBox.mt02 {padding: 100px 0 100px; margin: 100px auto 0;}
    .sConBox.mt03 {margin: 80px auto 80px;}
    .con_mg {margin: 60px 0 0;}

    .tit_box h4 {font-size: 32px;}
    .tit_box p {font-size: 20px; padding: 12px 0 0;}
}
@media screen and (max-width:1430px) {
    .imgBoxTy3.t03 .check_list {height: 310px;}
    .imgBoxTy3.t03 .check_list.height {height: 512px;}
}
@media screen and (max-width:1380px) {
    .top_img {background-attachment: unset !important;}
    .top_img .txt, .btm_img .txt{padding: 130px 0;}
    .top_img .txt h4, .btm_img .txt h4 {font-size: 26px;}
    .top_img .txt p, .btm_img .txt p {padding: 28px 0 0; font-size: 30px;}

    .txtTy1 {font-size: 30px;}
    .imgBoxTy1 li p {font-size: 18px;}
    .imgBoxTy1 li:nth-child(n+6) {margin: 40px 0 0;}

    .imgBoxty2::before {height: 380px;}
    .imgBoxty2 ul li p {font-size: 22px; padding: 28px 0 0;}

    .imgBoxTy3 li p {font-size: 20px; padding: 8px 0;}
    .imgBoxTy3 .check_list {padding: 15px;}
    .imgBoxTy3 .check_list li {font-size: 17px; padding: 8px 0 8px 30px;}
    .imgBoxTy3 .check_list li::before {background-size: contain; width: 18px; height: 18px;}

    .imgBoxTy3.t03 .check_list {height: 272px;}
    .imgBoxTy3.t03 .check_list.height {height: 440px;}

    .top_img .txt p {font-size: 24px; padding: 20px 0 0;}
    .top_img ul li {padding: 30px 20px; width: 33.3%;}
    .top_img ul li i {font-size: 18px;}

    .listBox strong {font-size: 30px;}
    .listBox ul li .tit {height: 100px;}
    .listBox ul li .tit h5 {font-size: 22px;}
    .listBox ul li:nth-child(n+2) {margin: 12px 0 0;}
    .listBox .item2 .tit{ height: 184px; }
    .listBox.grid ul{ grid-template-columns: 1fr; gap: 12px; }
    .listBox.grid li{ height: 100px; }
    .listBox02 ul li > div {padding: 20px 30px;}
	
	.people_list .txt .pc_on_span {margin: 40px 70px 0px 70px;}

}
@media screen and (max-width:1200px) {
    .s_tit {font-size: 32px;}
    .overline{ font-size: 25px; }
    .tit_box.mt {margin: 70px 0 0;}
    .sm_tit {font-size: 18px;}
	
	.people_list .pc_on {display: none;}
	.people_list .m_on {display: block !important;}
	

    .imgBoxTy4 ul li .txt p {font-size: 18px;}
    .imgBoxTy4 ul li .txt span {font-size: 16px; padding: 6px 0 0;}

    .listBox02 ul li > div i {font-size: 22px; padding: 0 20px 0 0;}
    .listBox02 ul li > div p {font-size: 18px; padding: 0 0 0 20px;}
    .listBox02 ul li > div p::before {height: 18px;}

    .listBox03 ul {flex-wrap: wrap;}
    .listBox03 ul li {width: 49.2%;}
    .listBox03 ul li:nth-child(n+3) {margin: 20px 0 0;}

    .imgBoxTy5{ font-size: 20px; }
    .imgBoxTy6{ font-size: 20px; }
}
@media screen and (max-width:1080px) {
    .imgBoxTy3 > li {width: 49%;}
    .imgBoxTy3 > li:nth-child(n+3) {margin: 30px 0 0;}
    .imgBoxTy3.t02 > li:nth-child(3) {margin: 0;}
    .imgBoxTy3.t02 > li:nth-child(n+4) {margin: 30px 0 0;}

    .imgBoxTy3.t03 .check_list {height: 220px;}
    .imgBoxTy3.t03 .check_list.height {height: 355px;}

    .imgBoxTy1.t02 li {width: calc(100% / 3 - 10px);}
    .imgBoxTy1.t02 li:nth-child(n+4) {margin: 30px 0 0;}

    #wrap .imgBoxTy5{ grid-template-columns: repeat(2, 1fr); }
    .imgBoxTy6.item3{ grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:980px) {
    .txtTy1 {font-size: 24px;}

    .sConBox.mt,
    .top_img.mt {margin: 80px auto 0;}
    .sConBox.mt02 {padding: 80px 0 80px; margin: 80px auto 0;} 
    .sConBox.mt03 {margin: 65px auto 65px;}

    .table table thead th {padding: 9px 5px;}
    .table table tbody td {padding: 9px 5px;}

    .imgBoxty2::before {height: 220px;}
    .imgBoxty2 ul {padding: 70px 22px 0;}
    .imgBoxty2 ul li p {font-size: 18px; padding: 20px 0 0;}

    .top_img ul li {padding: 12px 20px;}
    .top_img ul li i {font-size: 16px;}

    .listBox strong {font-size: 24px; margin: 0 auto 30px;}
    .listBox span {font-size: 16px;}
    .listBox ul li .tit h5 {font-size: 20px;}
    .listBox ul li .txt p {font-size: 16px; padding: 0 22px;}
    .listBox ul li .txt em {font-size: 17px; padding: 0 22px;}

    .listBox03 ul li > div i {width: 30px; height: 30px; font-size: 14px; line-height: 30px;}
    .listBox03 ul li > div p {font-size: 16px; padding: 30px 0 0;}
}
@media screen and (max-width:768px) {    
    .listBox02 ul li {width: 100%;}
    .listBox02 ul li:nth-child(n+2) {margin: 10px 0 0;}
    .listBox02 ul li > div {padding: 18px;}
    .listBox02 ul li > div i {font-size: 20px;}
    .listBox02 ul li > div p {font-size: 16px;}

    .imgBoxTy1.t02 li {width: calc(100% / 2 - 10px);}
    .imgBoxTy1.t02 li:nth-child(n+3) {margin: 30px 0 0;}

    .imgBoxTy4 ul{ gap: 20px 2%; justify-content: space-between;}
    .imgBoxTy4 ul li { margin: 0 !important; width: 49% !important;}
    /* .imgBoxTy4 ul li {width: calc(100% / 2 - 1%) !important;} */
    /* .imgBoxTy4 ul li:nth-child(n+2) {margin: 0 0 0 2%;}
    .imgBoxTy4 ul li:nth-child(n+3) {margin: 20px 0 0 0;}
    .imgBoxTy4 ul li:nth-child(4) {margin: 20px 0 0 2%;}
    .imgBoxTy4 ul:nth-child(2) {margin: 20px 0 0;} */
    .imgBoxTy4 ul li .txt {min-height: 120px;}
    .imgBoxTy4 ul li .txt p {font-size: 16px;}
    .imgBoxTy4 ul li .txt span {font-size: 14px;}

    .imgBoxTy4 .grid3{ grid-template-columns: repeat(2, 1fr); }
    .imgBoxTy4 .grid3 li{ width: auto !important; }

    .imgBoxTy5.item4{ grid-template-columns: repeat(2, 1fr); }

    .imgBoxTy5{ font-size: 18px; }
    .imgBoxTy6{ font-size: 18px; }
}
@media screen and (max-width:680px) {
    .sub_area {padding: 60px 0 60px;}
    .sConBox.mt,
    .top_img.mt {margin: 60px auto 0;}
    .sConBox.mt02 {padding: 60px 0 60px; margin: 60px auto 0;}
    .sConBox.mt03 {margin: 50px auto 50px;}
    .con_mg {margin: 40px 0 0;}

    .s_tit {font-size: 26px;}
    .sm_tit {font-size: 16px;}
    .sm_tit.t02 {padding: 40px 0 0;}
    .overline{ font-size: 20px; }

    .tit_box.mt {margin: 60px 0 0;}

    /* .table {overflow-x: auto;}
    .table table {min-width: 680px;} */
    .table .mbtb_quide {display: block;}
    
    table.s5{ font-size: 16px; }

    .top_img .txt, .btm_img .txt {padding: 80px 0;}
    .top_img .txt h4, .btm_img .txt h4 {font-size: 22px; padding: 5px 24px;}
    .btm_img .txt span {font-weight: 500; font-size: 18px;}
    .top_img .txt p, .btm_img .txt p {padding: 20px 0 0; font-size: 18px;}

    .txtTy1 {font-size: 22px;}
    .imgBoxTy1 li {width: calc(100% / 2 - 10px);}
    .imgBoxTy1 li:nth-child(n+3) {margin: 30px 0 0;}
    .imgBoxTy1 li p {font-size: 16px;}

    .imgBoxTy1.item4{ grid-template-columns: repeat(2, 1fr) }

    .imgBoxty2 ul li {width: 49%;}
    .imgBoxty2 ul li:nth-child(2) {margin-left: 2%;}

    .imgBoxTy3 li p {font-size: 18px;}
    .imgBoxTy3 .check_list {padding: 13px;}
    .imgBoxTy3.t03 .check_list.height {height: 450px;}

    .imgBoxTy4 ul li .txt {min-height: 30px; padding: 10px 0;}
    .imgBoxTy4 ul li .txt small + span {display: none;}

    .top_img ul {flex-direction: column; padding: 30px 0 0;}
    .top_img ul li {width: 100%; padding: 12px 0;}
    .top_img ul li:nth-child(n+2) {border-top: 1px dashed rgba(255,255,255,.2); border-left: 0;}

    .mblink a {display: block;}

    .listBox ul li {flex-direction: column;}
    .listBox ul li .tit {width: 100%; height: 68px;}
    .listBox ul li .txt {width: 100%;}
	.listBox ul li .txt em {text-align: center; padding: 20px 20px 0;}
    .listBox ul li .txt p {text-align: center; padding: 22px;}
    .listBox .item2 .tit{ height: 125px; }

    .listBox.grid li{ height: auto; }
    .listBox.grid .tit{ height: 68px; }
    .listBox.grid .tit br{ display: none; }
    .listBox.grid p{ flex: 1; }

    .imgBoxTy4 ul li .txt span {padding: 3px 0 0;}
    
    .listBox03 ul li {width: 100%;}
    .listBox03 ul li:nth-child(n+2) {margin: 15px 0 0;}
}
@media screen and (max-width:580px) {
    .imgBoxTy3.t03 .check_list {height: 270px;}
}
@media screen and (max-width:500px) {
    .txtTy1 {font-size: 20px;}

    .imgBoxty2::before {height: 100%;}
    .imgBoxty2 ul {flex-wrap: wrap; padding: 60px 22px;}
    .imgBoxty2 ul li {width: 100%;}
    .imgBoxty2 ul li:nth-child(2) {margin-left: 0; margin: 30px 0 0;}

    .imgBoxTy3 .check_list {height: auto;}
    .imgBoxTy3 > li {width: 100%;}
    .imgBoxTy3 > li:nth-child(n+2) {margin: 15px 0 0;}
    .imgBoxTy3.t02 > li {width: 100%;}
    .imgBoxTy3.t02 > li:nth-child(n+2) {margin: 20px 0 0;}
    .imgBoxTy3.t03 .check_list {height: auto !important;}
	
/*	.con_mg {display: none;}*/
	.s3_1 .con_mg{display:none;}
	.s3_1 .con_mg.m_clinic_depth {display: block;}
	.m_clinic_depth > li {padding: 15px 20px; box-sizing: border-box; border: 1px solid #12203f; border-radius: 30px;}
	.m_clinic_depth > li > div {border: none; display: none; margin-top: 15px;}
	.m_clinic_list {position: relative;display: block; width: 100%;}
	.m_clinic_list .mclist_tit {width: 100%; background: #fff; color: #222; font-weight: 600; box-sizing: border-box; padding: 0 0 0 5px; text-align: left; font-size: 19px;}
	.m_clinic_list .mclist_tit:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 12px; height: 7px; background: url('../images/board/img_faq.png')no-repeat center;}
}
@media screen and (max-width:480px) {
/*    .imgBoxTy4 ul li {width: 100% !important;}*/
/*    .imgBoxTy4 ul li:nth-child(n+2) {margin: 20px 0 0 !important;}*/
	.imgBoxTy4 ul li .txt span {font-size: 12px;}
    .imgBoxTy4 ul.medicine li {margin: 0 !important; width: 49% !important;}

    .imgBoxTy4 .grid3{ grid-template-columns: 1fr; }
    .imgBoxTy4 .grid3 li{ width: auto !important; }
    #wrap .imgBoxTy4 .line6 li{ margin: 0 !important; }
/*    #wrap .imgBoxTy5{ grid-template-columns: 1fr; }*/
/*    .imgBoxTy5 li:has(.span2){ grid-column: unset; }*/
/*    .imgBoxTy5 li:has(.span2){ grid-column: unset; }*/
	.imgBoxTy5.item3 {column-gap: 10px;}
	.imgBoxTy5 img {height: 150px;}
/*    .imgBoxTy5 .span2{ grid-template-columns: 2fr;}*/
/*    .imgBoxTy6.item3{ grid-template-columns: 1fr; }*/
/*	.imgBoxTy5 .item4 li:first-child {grid-template-columns : 1fr;}*/
}

/* 전통과 연혁 */
.s1_1 .toggle_btn {width: 200px; height: 60px; border-radius: 100px; background: #151f3d; color: #fff; text-align: center; line-height: 60px; font-size: 20px; margin: 30px auto 50px; display: block;}
.people_wrap {background: url('../images/content/s1_1_bg.jpg') no-repeat; background-size: cover;}
.people_wrap .tit {font-size: 34px; text-align: center; font-family: 'MaruBuri'; line-height: 1.6;}
.people_wrap .cont {max-width: 1280px; margin: 0 auto; padding: 120px 22px;}
.people_list {display: flex; justify-content: center; flex-wrap: wrap; padding: 120px 0 0;}
.people_list li {width: 50%;}
.people_list li:nth-child(n+3) {padding: 120px 0 0;}
.people_list li:last-child {padding: 30px 0 0 !important; width: 100%;}
.people_list .img {display: table; margin: 0 auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.people_list .txt {text-align: center;}
.people_list .txt.mTxt p {display: none;}
.people_list .txt.mTxt strong {display: none;}
.people_list .txt span {color: #fff; background: #151f3d; padding: 8px 20px; display: table; margin: 40px auto 0;}
.people_list .txt .pc_on_span {display: inline-block; margin: 40px 100px 0px 100px;}
.people_list .txt strong {font-size: 30px; color: #282828; padding: 30px 0 0; display: block; font-weight: 300;}
.people_list .txt strong em {font-weight: 500;}
.people_list .txt p {font-size: 18px; color: #5d5d5d; padding: 15px 0 0;}


.history_wrap {position: relative;}
.history_wrap::before {content: ''; position: absolute; top: 13.6%; left: 0; width: 100%; height: 1px; background: #e8e8e8;}
.his_cont {max-width: 1580px; margin: 0 auto; display: flex; justify-content: center; padding: 0 22px;}
.his_cont .cont {width: 27%; margin: 0 3%;}
.his_cont .cont .top_year {text-align: center; font-size: 35px; color: #151f3d;}
.his_cont .cont ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 65px 0 0;}
.his_cont .cont ul li {text-align: center; padding: 80px 0 30px; height: 300px; position: relative; width: 50%;}
.his_cont .cont ul li.ml {margin-left: auto;}
.his_cont .cont ul li.mr {margin-right: auto;}
.his_cont .cont ul li::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 53px; background: #b4b4b4;}
.his_cont .cont ul li::after {content: ''; position: absolute; top: 52px; left: 50%; transform: translateX(-50%); width: 9px; height: 9px; background: #b4b4b4;}
.his_cont .cont ul li .year {display: block; font-weight: 600; font-size: 24px; color: #333; padding: 20px 0 0;}
.his_cont .cont ul li .txt  {font-size: 14px; color: #606060; padding: 5px 0 0;}
.his_cont .cont ul li .txt:nth-of-type(3) {padding: 5px 0 0;}
.his_cont .cont ul li .txt em {font-weight: 600;}
.history_list {display: none;}
.history_list table th {font-size: 38px; font-weight: 600; color: #21317e; text-align: left; border-top: 1px solid #21317e; padding: 25px 0;}
.history_list table td {padding: 25px 15px; border-top: 1px solid #e8e8e8;}
.history_list table td ul li {display: flex; font-size: 20px; color: #5b5b5b;}
.history_list table td ul li em {color: #222; font-weight: 500; padding: 0 15px 0 0;}
.history_list table td ul li:nth-child(n+2) {padding: 3px 0 0;}



/* 의료진 소개 */
.staff_intro > ul {display: flex; flex-wrap: wrap; flex-direction: column;}
.staff_intro > ul > li {width: 80%; margin: 0 auto;}
/*.staff_intro > ul > li:nth-child(2n) {margin-left: 4%;}*/
.staff_intro ul li:nth-child(n+2) {padding: 90px 0 0;}
.staff_intro ul li .info {display: flex;}
.staff_intro ul li .info .img {width: 35%;}
.staff_intro ul li .info .img img {width: 100%; border: 3px solid #eee; box-sizing: border-box;}
.staff_intro ul li .info .txt {margin: 28px 0 0 4%; width: 65%;}
.staff_intro ul li .info .txt span {font-size: 16px; font-weight: 300;}
.staff_intro ul li .info .txt h3 {font-size: 22px; color: #111; font-weight: 300;}
.staff_intro ul li .info .txt h3 em {font-size: 32px; font-weight: 500;}
.staff_intro ul li .info .txt dl {padding: 30px 0 0;}
.staff_intro ul li .info .txt dl dt {font-size: 20px; color: #111;}
.staff_intro ul li .info .txt dl dd:nth-of-type(1) {padding: 10px 0 0;}
.staff_intro ul li .info .txt dl dd {font-size: 15px; color: #666; padding: 4px 0 0;}
.staff_intro .time {margin: 40px 0 0;}
.staff_intro .time h4 {font-size: 20px; color: #111; padding: 0 0 8px; border-bottom: 1px solid #e8e8e8;}
.staff_intro .time p {padding: 0 0 0 30px; margin: 8px 0 0; position: relative; font-size: 18px; color: #111; font-weight: 500;}
.staff_intro .time p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url('../images/content/s1_2_icon1.png') no-repeat; width: 20px; height: 20px;}
.staff_intro .time .time-txt{margin:10px 0 0; font-size:17px; font-weight:400; color:#222;}
.staff_intro .time .time_notice {padding: 12px;}
.staff_intro .time .time_notice li {font-size: 14px; color: #666;}
.staff_intro .time .time_notice li.color {color: #63a9eb;}

/* 양한방 협진병원 */
.num_box {margin: 90px 0 0;}
.num_box ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.num_box ul li {border: 1px solid #e0e0e0; box-sizing: border-box; width: calc(100% / 3 - 20px); padding: 28px 25px;}
.num_box ul li:nth-child(n+4) {margin: 30px 0 0;}
.num_box ul li span {font-size: 20px; color: #696868; display: table; border-bottom: 1px solid #333;}
.num_box ul li p {text-align: center; font-size: 20px; padding: 25px 0 0;}
.num_box ul li p strong {display: block;}
.num_box ul li .icon {display: block; margin: 17px auto 0;}
.num_box ul li:nth-child(1) .icon {background: url('../images/content/s1_3_icon1.png') no-repeat; width: 57px; height: 48px;}
.num_box ul li:nth-child(2) .icon {background: url('../images/content/s1_3_icon2.png') no-repeat; width: 49px; height: 58px;}
.num_box ul li:nth-child(3) .icon {background: url('../images/content/s1_3_icon3.png') no-repeat; width: 53px; height: 56px;}
.num_box ul li:nth-child(4) .icon {background: url('../images/content/s1_3_icon4.png') no-repeat; width: 49px; height: 60px;}
.num_box ul li:nth-child(5) .icon {background: url('../images/content/s1_3_icon5.png') no-repeat; width: 51px; height: 51px;}
.num_box ul li:nth-child(6) .icon {background: url('../images/content/s1_3_icon6.png') no-repeat; width: 57px; height: 62px;}

.num_box.t02 {margin: 0;}
.num_box.t02 ul li:nth-child(1) .icon {background: url('../images/content/s3_1_icon1.png') no-repeat; width: 47px; height: 55px;}
.num_box.t02 ul li:nth-child(2) .icon {background: url('../images/content/s3_1_icon2.png') no-repeat; width: 48px; height: 57px;}
.num_box.t02 ul li:nth-child(3) .icon {background: url('../images/content/s3_1_icon3.png') no-repeat; width: 57px; height: 56px;}
.num_box.t02 ul li:nth-child(4) .icon {background: url('../images/content/s3_1_icon4.png') no-repeat; width: 47px; height: 57px;}

.num_box.t02.othicon ul li:nth-child(1) .icon {background: url('../images/content/s3_7_icon1.png') no-repeat; width: 47px; height: 55px;}
.num_box.t02.othicon ul li:nth-child(5) .icon {background: url('../images/content/s3_7_icon5.png') no-repeat; width: 53px; height: 57px;}
.num_box.t02.othicon ul li:nth-child(6) .icon {background: url('../images/content/s3_7_icon6.png') no-repeat; width: 47px; height: 57px;}

.s1_3 .img_area {background: url('../images/content/s1_3_bg.jpg') no-repeat center/cover; height: 620px; margin: 130px 0 0; position: relative; overflow: hidden; background-attachment: fixed;}
.s1_3 .img_area p {font-size: 34px; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.s1_3 .img_area p strong {display: block; color: #a3baec; padding: 34px 0 0; font-size: 55px;}
.s1_3 .img_area::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: url('../images/content/s1_3_txt.png') no-repeat; height: 67px; width: 1347px;}
.s1_3 .list_box {padding: 90px 0 0; display: flex; justify-content: space-between;}
.s1_3 .list_box > div {width: 48%;}
.s1_3 .list_box ul {background: #f8f8f8; padding: 100px 60px; margin-top: -30px; position: relative; z-index: 1; height: 454px; display: flex; flex-direction: column; justify-content: center;}
.s1_3 .list_box ul li {text-align: center; padding: 15px 0; font-size: 24px; color: #333;}
.s1_3 .list_box ul li:nth-child(1) {padding: 0 0 15px;}
.s1_3 .list_box ul li:nth-child(n+2) {border-top: 1px dashed #c2c2c2;}
.s1_3 .list_box ul li:last-child {border-bottom: 1px dashed #c2c2c2;}
.s1_3 .list_box h5 {font-size: 26px; color: #fff; background: var(--secondary); padding: 12px 0; text-align: center; width: 55%; margin: 0 auto; z-index: 10; position: relative;}

.list_link{width:500px; margin:80px auto 0;}
.list_link > li{text-align:center; margin:0 0 20px;}
.list_link > li:last-child{margin:0;}
.list_link > li > a{display:block; padding:20px; font-size:20px; font-weight:600; color:#1c2c51; border:3px solid #1c2c51; box-sizing:border-box; transition:all 0.3s ease;}
.list_link > li > a:hover{background:#1c2c51; color:#fff;}

/* 삼세한약 */
.product_wrap {background: #f6f2ef; padding: 100px 0;}
.product_wrap .product {margin: 100px auto 0;}
.product_wrap .product:nth-child(1) {margin: 0;}
.product_wrap .product h4 {text-align: center; font-size: 45px; color: #111;}
.product_wrap .product .pd_list {padding: 40px 0 0;}
.product_wrap .product .pd_list .pd_inr {background: #fff; padding: 50px 20px 20px;}
.product_wrap .product .pd_list span {text-align: right; padding: 32px 0 0; font-size: 18px; color: #383737; display: block;}
.product_wrap .product .pd_list span.tx2 {padding: 12px 0 0;}
.product_wrap .product .pd_list .pd_img {display: flex; justify-content: center; align-items: flex-end;}
.product_wrap .product .pd_list .pd_img .pd {display: flex; flex-direction: column; justify-content: center;}
.product_wrap .product .pd_list .pd_img .pd:nth-child(n+2) {margin: 0 0 0 3%;}
.product_wrap .product .pd_list .pd_img .pd p {text-align: center; font-size: 20px; color: #444; border-radius: 100px; padding: 5px 12px; border: 1px solid #999; display: table; margin: 20px auto 0;}
.product_wrap .product .pd_list .pd_txt {background: #151f3d; position: relative; overflow: hidden;}
.product_wrap .product .pd_list .pd_txt::before {content: ''; position: absolute; top: 0; left: 0; background: url('../images/content/s1_6_line.png') no-repeat; width: 100%; height: 10px; background-size: cover; }
.product_wrap .product .pd_list .pd_txt ul {display: flex; justify-content: center; padding: 55px 0;}
.product_wrap .product .pd_list .pd_txt ul li {width: 16.6%;}
.product_wrap .product .pd_list .pd_txt ul li:nth-child(n+2) {border-left: 1px solid rgba(255,255,255,.3);}
.product_wrap .product .pd_list .pd_txt ul li p {font-size: 22px; color: #fff; padding: 20px 50px; text-align: center;}
.product_wrap .product .pd_list .pd_txt > p {font-size: 22px; color: #fff; text-align: center; padding: 50px 12px;}
.product_wrap .pd_banner {background: url('../images/content/s1_6_bg02.jpg') no-repeat;}
.product_wrap .pd_banner .txt {padding: 88px 20px; text-align: center;}
.product_wrap .pd_banner .txt span {display: table; padding: 6px 80px; background: #58442a; border-radius: 100px; text-align: center; color: #fff; font-size: 30px; margin: 0 auto;}
.product_wrap .pd_banner .txt strong {display: block; font-size: 60px; color: #58442a; padding: 10px 0 0;}
.product_wrap .pd_banner .txt em {display: block; font-size:22px; color: #613f1d; font-weight: 300; padding: 30px 0 0;}

/* 입원실 안내 */
.procedure ul {display: flex; justify-content: space-between;}
.procedure ul li {width: 16.4%; background: #e6edf3; position: relative;}
.procedure ul li:nth-child(n+2)::before {content: ''; position: absolute; top: 50%; left: -42px; transform: translateY(-50%); width: 0; height: 0; border-bottom: 14px solid transparent; border-top: 14px solid transparent; border-left: 16px solid #9bb1e4; border-right: 16px solid transparent;}
.procedure ul li span {display: block; width: 42px; height: 42px; text-align: center; line-height: 42px; color: #fff; font-size: 18px; font-weight: 500; background: var(--primary);}
.procedure ul li .con {padding: 30px 12px 56px;}
.procedure ul li .con .icon {display: block; margin: 0 auto; width: 53px; height: 62px;}
.procedure ul li:nth-child(1) .con .icon {background: url('../images/content/s1_7_icon1.png') no-repeat;}
.procedure ul li:nth-child(2) .con .icon {background: url('../images/content/s1_7_icon2.png') no-repeat;}
.procedure ul li:nth-child(3) .con .icon {background: url('../images/content/s1_7_icon3.png') no-repeat;}
.procedure ul li:nth-child(4) .con .icon {background: url('../images/content/s1_7_icon4.png') no-repeat;}
.procedure ul li:nth-child(5) .con .icon {background: url('../images/content/s1_7_icon5.png') no-repeat;}
.procedure.ty2 ul li {background: #e6f3f2;}
.procedure.ty2 ul li span {background: #35918a;}
.procedure.ty2 ul li:nth-child(n+2)::before {border-left: 20px solid #b2cbc9;}
.procedure.ty2 ul li:nth-child(1) .con .icon {background: url('../images/content/s1_7_icon6.png') no-repeat;}
.procedure.ty2 ul li:nth-child(2) .con .icon {background: url('../images/content/s1_7_icon7.png') no-repeat;}
.procedure.ty2 ul li:nth-child(3) .con .icon {background: url('../images/content/s1_7_icon8.png') no-repeat;}
.procedure.ty2 ul li:nth-child(4) .con .icon {background: url('../images/content/s1_7_icon9.png') no-repeat;}
.procedure.ty2 ul li:nth-child(5) .con .icon {background: url('../images/content/s1_7_icon10.png') no-repeat;}
.procedure ul li .con p {text-align: center; font-size: 20px; color: #111; padding: 24px 0 0;}

/* 둘러보기 */
.veiw_slide {display: flex;}
.veiw_slide .tab_wrap .tab_menu li {width: 135px; height: 69px; line-height: 69px; border: 1px solid #ddd; border-right: 0; text-align: center; font-size: 20px; color: #111; background: #fff; cursor: pointer;}
.veiw_slide .tab_wrap .tab_menu li.on {background: #4f586c; color: #fff;}
.veiw_slide .tab_wrap .tab_menu li:nth-child(n+2) {border-top: 0;}
.veiw_slide .tab-contents {display: none; overflow: hidden; margin: 1px 0 0;}
.veiw_slide .tab-contents.on {display: block;}
.veiw_slide .tab-contents .list {float: left; background: #4f586c; width: 19%; height: 100%;}
.veiw_slide .tab-contents .list ul {padding: 20px;}
.veiw_slide .tab-contents .list ul li {font-size: 20px; color: #fff;}
.veiw_slide .tab-contents .list ul li:nth-child(n+2) {padding: 8px 0 0;}
.veiw_slide .tab-contents .list ul li p {font-size: 14px; color: #e8e8e8; padding: 3px 0 0 12px;}
.veiw_slide .tab-contents .tab_slide {float: left; width: 80%; position: relative; margin: 0 0 0 1%; overflow: hidden;}
.veiw_slide .tab-thum {margin-top: 0px;}
.veiw_slide .tab-thum .swiper-slide {cursor: pointer; filter: brightness(50%); overflow: hidden; height: 142px;}
.veiw_slide .swiper {overflow: unset;}
.veiw_slide .swiper-slide-thumb-active {opacity: 1; filter: none !important;}
.veiw_slide .swiper-slide {background-size: cover; background-position: center;}
.veiw_slide .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.veiw_slide .swiper-slide .con_txt {font-size: 20px; color: #111; display: flex; justify-content: center; align-items: center; height: 72px;}
.veiw_slide .control {position: absolute; bottom: 175px; width: 100%;}
.veiw_slide .swiper-button-next {position: absolute; top: 0; right: 16px; z-index: 9; width: 35px; height: 35px; cursor: pointer; background: url('../images/content/s1_8_next.png') no-repeat;}
.veiw_slide .swiper-button-prev {position: absolute; top: 0; left: 16px; z-index: 9; width: 35px; height: 35px; cursor: pointer; background: url('../images/content/s1_8_prev.png') no-repeat;}

/* 오시는길 */
.timetable table tr:nth-child(1) {border-top: 3px solid #d3d3d3;} 
.timetable table tr:last-child {border-bottom: 3px solid #d3d3d3;}
.timetable table .tel {padding: 0 42px;}
.timetable table .tel > div {padding: 0 0 0 22px; float: left;}
.timetable table .tel span {font-size: 18px; color: #5b5b5b; display: block;}
.timetable table .tel strong {font-size: 30px; color: var(--primary); display: block;}
.timetable table .tel .iconTy1 {background: url('../images/content/s1_9_icon1.png') no-repeat; width: 63px; height: 57px; display: block; float: left; margin: 3px 0 0;}
.timetable table td {padding: 26px; border-top: 1px solid #e8e8e8;}
.timetable table td ul {display: flex;}
.timetable table td ul li {font-size: 20px;}
.timetable table td ul li.day {font-weight: bold; width: 97px;}
.timetable table td ul li.time {color: #767676;}
.timetable table td ul li:nth-child(2) {padding: 0 19px 0 34px;}
.timetable table td ul li:nth-child(3) {padding: 0 0 0 19px; position: relative;}
.timetable table td ul li:nth-child(3)::before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; background: #d3d3d3; transform: translateY(-50%);}
.timetable table td ul li.box {font-size: 16px; background: var(--primary); padding: 2px 6px; color: #fff; margin: 0 0 0 16px;}
.location_info ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.location_info ul li {background: #f8f8f8; width: calc(100% / 2 - 10px);}
.location_info ul li .txt strong {font-size: 20px; color: #111;}
.location_info ul li .txt p {font-size: 20px; color: #555; padding: 5px 0 0;}
.location_info ul li:nth-child(n+3) {margin: 17px 0 0;}
.location_info ul li > div {padding: 42px 30px; display: flex; align-items: center;}
.location_info ul li .iconTy2 {position: relative; width: 58px; height: 58px; border-radius: 100%; background-color: #e6edf3; display: block;}
.location_info ul li .iconTy2::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.location_info ul li .iconTy2.icon01::before {background: url('../images/content/s1_9_icon2.png') no-repeat; width: 16px; height: 20px;}
.location_info ul li .iconTy2.icon02::before {background: url('../images/content/s1_9_icon3.png') no-repeat; width: 20px; height: 20px;}
.location_info ul li .iconTy2.icon03::before {background: url('../images/content/s1_9_icon4.png') no-repeat; width: 19px; height: 21px;}
.location_info ul li .iconTy2.icon04::before {background: url('../images/content/s1_9_icon5.png') no-repeat; width: 20px; height: 14px;}
.location_info ul li .txt {padding: 0 0 0 20px; width: 82%;}
.root_daum_roughmap .wrap_controllers {display: none;}
.map {margin: 42px 0 0;}

@media screen and (max-width:1580px) {
    .history_wrap::before {top: 11.7%;}
    .his_cont .cont ul {margin: 33px 0 0;}
    .his_cont .cont ul li .img img {width: 100px;}

    .num_box {margin: 50px 0 0;}
    .num_box ul li p {font-size: 18px;}
    .s1_3 .img_area {height: 500px;}
    .s1_3 .img_area p {font-size: 30px;}
    .s1_3 .img_area p strong {padding: 30px 0 0; font-size: 45px;}
    .s1_3 .img_area::before {background-size: contain; width: 980px; height: 49px;}
    .s1_3 .list_box > div {width: 49%;}
    .s1_3 .list_box h5 {font-size: 22px; padding: 10px 0;}
    .s1_3 .list_box ul {padding: 70px 50px; height: 405px;}
    .s1_3 .list_box ul li {font-size: 20px; padding: 12px 0;}

    .procedure ul li {width: 17%;}
    .procedure ul li:nth-child(n+2)::before {left: -31px;}
}
@media screen and (max-width:1380px) {
    .people_list .img img {width: 260px;}
    .people_list .txt strong {font-size: 26px; padding: 20px 0 0;}
    .people_list .txt p {font-size: 16px; padding: 8px 0 0;}

    .staff_intro > ul {flex-direction: column;}
    .staff_intro > ul > li {width: 100%;}
    .staff_intro > ul > li:nth-child(2n) {margin-left: 0;}
    .staff_intro > ul > li:nth-child(n+2) {padding: 100px 0 0;}
    .staff_intro ul li .info .img {width: unset;}
    .staff_intro ul li .info .txt {margin: 28px 0 0 4%;}

    .product_wrap .product .pd_list .pd_txt ul {padding: 40px 20px;}
    .product_wrap .product .pd_list .pd_txt ul li p {font-size: 18px; padding: 18px 10px;}
    .product_wrap .product .pd_list .pd_img .pd p {font-size: 16px;}
    .product_wrap .product .pd_list .pd_img .pd img {width: 70%; margin: 0 auto;}
    .product_wrap .product .pd_list span {font-size: 16px;}

    .product_wrap {padding: 70px 0;}
    .product_wrap .product h4 {font-size: 40px;}
    .product_wrap .pd_banner .txt span {padding: 6px 45px; font-size: 22px;}
    .product_wrap .pd_banner .txt strong {font-size: 45px;}
    .product_wrap .pd_banner .txt em {font-size: 20px;}

    .procedure ul {flex-wrap: wrap; justify-content: center;}
    .procedure ul li {width: 30%;}
    .procedure ul li:nth-child(n+4) {margin: 30px 0 0;}
    .procedure ul li:nth-child(n+2) {margin-left: 4%;}
    .procedure ul li:nth-child(4)::before {display: none;}

    .location_info ul li .txt strong {font-size: 18px;}
    .location_info ul li .txt p {font-size: 18px;}
}
@media screen and (max-width:1200px) {
    .people_wrap .cont {padding: 70px 22px;}
    .people_wrap .tit {font-size: 24px;}
    .people_list {padding: 70px 0 0;}
    .people_list li:nth-child(n+3) {padding: 70px 0 0;}

    .history_wrap::before {top: 11.9%;}
    .his_cont .cont .top_year {font-size: 28px;}
    .his_cont .cont ul li {padding: 70px 0 20px; height: 280px;}
    .his_cont .cont ul li .year {font-size: 18px;}
    .his_cont .cont ul li::before {height: 40px;}
    .his_cont .cont ul li::after {width: 6px; height: 6px; top: 40px;}

    .history_list table th {font-size: 30px;}
    .history_list table td ul li {font-size: 18px;}

    .s1_3 .img_area {background-attachment: unset;}

    .procedure ul li:nth-child(n+2)::before {left: -27px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 12px solid #9bb1e4; border-right: 12px solid transparent;}
    .procedure.ty2 ul li:nth-child(n+2)::before {left: -27px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 12px solid #b2cbc9; border-right: 12px solid transparent;}

    .veiw_slide .tab-contents .list ul li {font-size: 17px;}
}
@media screen and (max-width:980px) {
    .people_list li {width: 48%;}
    .people_list li:nth-child(2n) {margin: 0 0 0 4%;}
    .people_list .img {width: 60%;}
    .people_list .img img {width: 100%;}
    .people_list .txt span {font-size: 14px; padding: 6px 18px;}
    .people_list .txt strong {font-size: 22px; padding: 12px 0 0;}
    .people_list .txt p br {display: none;}

    .history_wrap::before {display: none;}
    .his_cont {flex-direction: column;}
    .his_cont .cont {width: 600px; margin: 0 auto;}
    .his_cont .cont ul li {padding: 48px 0 20px; height: unset;}
    .his_cont .cont ul li .img img {width: 130px;}
    .his_cont .cont ul li::before {height: 25px;}
    .his_cont .cont ul li::after {top: 25px;}
    .his_cont .cont .top_year {background: #151f3d; color: #fff; padding: 6px;}
    
    .staff_intro ul li .info .txt h3 {font-size: 20px;}
    .staff_intro ul li .info .txt h3 em {font-size: 26px;}
    .staff_intro ul li .info .txt dl dt {font-size: 18px;}
    .staff_intro ul li .info .img {width: 310px;}
    .staff_intro .time p {font-size: 16px; padding: 0 0 0 25px;}
    .staff_intro .time p::before {background-size: contain; width: 15px; height: 15px;}

    .num_box ul li {padding: 20px; width: calc(100% / 3 - 10px);}
    .num_box ul li .icon {background-size: contain !important;}
    .num_box ul li:nth-child(1) .icon {width: 44px; height: 37px;}
    .num_box ul li:nth-child(2) .icon {width: 40px; height: 49px;}
    .num_box ul li:nth-child(3) .icon {width: 42px; height: 45px;}
    .num_box ul li:nth-child(4) .icon {width: 41px; height: 49px;}
    .num_box ul li:nth-child(5) .icon {width: 41px; height: 41px;}
    .num_box ul li:nth-child(6) .icon {width: 45px; height: 51px;}
    .num_box ul li span {font-size: 16px;}
    .s1_3 .img_area {height: 380px;}
    .s1_3 .img_area p {font-size: 24px;}
    .s1_3 .img_area p strong {font-size: 35px; padding: 20px 0 0;}
    .s1_3 .img_area::before {width: 680px; height: 35px;}

    .product_wrap .product {margin: 60px auto 0;}
    .product_wrap .product .pd_list .pd_txt ul {flex-wrap: wrap;}
    .product_wrap .product .pd_list .pd_txt ul li {width: calc(100% / 3); border-left: 0; border: 1px solid rgba(255,255,255,.2); box-sizing: border-box;}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(2) {border-left: 0; border-right: 0;}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(5) {border-left: 0; border-right: 0;}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(n+4) {border-top: 0;}
    .product_wrap .product .pd_list .pd_txt ul li p {font-size: 16px; padding: 6px 10px;}
    .product_wrap .product .pd_list .pd_txt::before {height: 5px;}
    .product_wrap .product .pd_list .pd_txt > p {font-size: 17px;}

    .top_img.ty2 {flex-direction: column;}
    .top_img.ty2 > div {width: 100%;}
    .procedure ul li {width: 49%;}
    .procedure ul li:nth-child(n+2)::before {display: none;}
    .procedure ul li:nth-child(n+2) {margin-left: 0;}
    .procedure ul li:nth-child(n+3) {margin: 20px 0 0;}
    .procedure ul li:nth-child(2n) {margin-left: 2%;}
     
    .veiw_slide {flex-direction: column;}
    .veiw_slide .tab_wrap .tab_menu {display: flex;}
    .veiw_slide .tab_wrap .tab_menu li {width: calc(100% / 9); height: 50px; line-height: 50px; font-size: 16px;}
    .veiw_slide .tab_wrap .tab_menu li:nth-child(n+2) {border-top: 1px solid #ddd;}
    .veiw_slide .tab_wrap .tab_menu li:last-child {border-right: 1px solid #ddd;}
    .veiw_slide .tab-contents {margin: 30px 0 0;}
    .veiw_slide .tab-contents .list {width: 27%;}
    .veiw_slide .tab-contents .list ul {padding: 20px 12px;}
    .veiw_slide .tab-contents .list ul li {font-size: 16px;}
    .veiw_slide .tab-contents .list ul li p {font-size: 13px; padding: 3px 0 0 5px;}
    .veiw_slide .tab-contents .tab_slide {width: 72%; float: right;}
    .veiw_slide .tab-thum .swiper-slide {height: 103px;}
    .veiw_slide .control{bottom:135px;}
    .timetable table td {display: block; padding: 15px 26px;}
    .timetable table td ul li {font-size: 16px;}
    .timetable table col {width: 100% !important;}
    .timetable table .tel {padding: 30px 26px; display: flex; align-items: center;}
    .timetable table .tel span {font-size: 16px;}
    .timetable table .tel strong {font-size: 26px;}
    .timetable table .tel .iconTy1 {background-size: contain; width: 50px; height: 45px; margin: 0;}
    
    .location_info ul li {width: 100%;}
    .location_info ul li > div {flex-wrap: wrap; padding: 20px 30px;}
    .location_info ul li:nth-child(n+2) {margin: 10px 0 0;}
    .location_info ul li .iconTy2 {width: 50px; height: 50px;}
}
@media screen and (max-width:680px) {
    .people_wrap .tit {font-size: 18px;}
    .people_wrap .cont {padding: 50px 22px;}
    .people_list {flex-direction: column; padding: 50px 0 0;}
    .people_list li {width: 100%;}
    .people_list li:nth-child(2n) {margin: 0;}
    .people_list li:nth-child(n+2) {padding: 50px 0 0;}
    .people_list .txt strong {font-size: 20px;}
/*    .people_list .txt.mTxt p {display: block;}*/
/*    .people_list .txt.mTxt strong {display: block;}  */
/*    .people_list li:last-child {display: none;}*/
    
    .his_cont .cont {width: 100%;}
    .his_cont .cont .top_year {font-size: 22px;}

    .history_list table col {width: 100% !important;}
    .history_list table th {display: block; padding: 10px 15px; font-size: 22px}
    .history_list table td {display: block;}
    .history_list table td ul li {font-size: 16px;}

    .s1_1 .toggle_btn {font-size: 18px; height: 50px; line-height: 50px; margin: 30px auto 30px;}

    .staff_intro > ul > li:nth-child(n+2) {padding: 60px 0 0;}
    .staff_intro ul li .info .img {width: 210px;}
    .staff_intro ul li .info .txt {margin: 0 0 0 4%;}
    .staff_intro ul li .info .txt dl {padding: 18px 0 0;}
    .staff_intro ul li .info .txt dl dd {padding: 2px 0 0;}
    .staff_intro ul li .info .txt span {font-size: 14px;}

    .tit_box h4 {font-size: 24px;}
    .tit_box p {font-size: 16px;}
    .num_box ul li {width: calc(100% / 2 - 10px);}
    .num_box ul li:nth-child(n+3) {margin: 20px 0 0;}
    .num_box ul li p {font-size: 16px;}
    .s1_3 .img_area {margin: 70px 0 0;}
    .s1_3 .list_box {flex-direction: column; padding: 40px 0 0;}
    .s1_3 .list_box h5 {width: 100%; font-size: 20px;}
    .s1_3 .list_box ul {padding: 35px 25px; margin-top: 0; height: unset;}
    .s1_3 .list_box ul li {font-size: 18px;}
    .s1_3 .list_box > div {width: 100%;}
    .s1_3 .img_area {height: 320px;}
    .s1_3 .img_area p {font-size: 18px;}
    .s1_3 .img_area p strong {font-size: 22px; padding: 12px 22px 0;}
    .s1_3 .img_area::before {width: 500px; height: 27px;}

    .product_wrap .product h4 {font-size: 32px;}
    .product_wrap .product .pd_list {padding: 30px 0 0;}
    .product_wrap .product .pd_list span {font-size: 14px;}
    .product_wrap .product .pd_list .pd_inr {padding: 30px 20px 20px;}
/*    .product_wrap .product .pd_list .pd_img {flex-direction: column; align-items: unset;}*/
    .product_wrap .product .pd_list .pd_img .pd img {width: 58%;}
    .product_wrap .product .pd_list .pd_img .pd:nth-child(n+2) {margin: 30px 0 0;}
    .product_wrap .product .pd_list .pd_txt ul li {width: calc(100% / 2);}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(2) {border-right: 1px solid rgba(255,255,255,.3);}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(3) {border-top: 0;}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(4) {border-left: 0;}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(5) {border-left: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3);}
    .product_wrap .product .pd_list .pd_txt ul li:nth-child(6) {border-left: 0;}
    .product_wrap .pd_banner .txt span {font-size: 20px;}
    .product_wrap .pd_banner .txt strong {font-size: 36px;}
    .product_wrap .pd_banner .txt em {font-size: 16px; padding: 25px 0 0;}

    .veiw_slide .tab_wrap .tab_menu {flex-wrap: wrap;}
    .veiw_slide .tab_wrap .tab_menu li {width: 50%; box-sizing: border-box;}
    .veiw_slide .tab_wrap .tab_menu li:nth-child(n+3) {border-top: 0;}
    .veiw_slide .tab_wrap .tab_menu li:nth-child(even) {border-right: 1px solid #ddd;}
    .veiw_slide .tab-contents .list {float: none; width: 100%;}
    .veiw_slide .tab-contents .tab_slide {float: none; width: 100%; margin: 10px 0 0;}
    .veiw_slide .swiper-slide .con_txt {font-size: 16px;}
    
    .timetable table td {text-align: center;}
    .timetable table .tel {justify-content: center;}
    .timetable table .tel > div {text-align: left;}
    .timetable table .tel .iconTy1 {width: 40px; height: 36px;}
    .timetable table .tel strong {font-size: 22px;}
    .timetable table td ul {flex-direction: column;}
    .timetable table td ul li:nth-child(2) {padding: 0;}
    .timetable table td ul li:nth-child(3) {padding: 0;}
    .timetable table td ul li:nth-child(3)::before {display: none;}
    .timetable table td ul li.day {width: unset;}
    .timetable table td ul li:nth-child(n+2) {margin: 3px 0 0;}
    .timetable table td ul li.box {margin: 0; width: 110px; margin: 3px auto 0;}
    .map {margin: 30px 0 0;}
    .root_daum_roughmap .wrap_map {height: 300px !important;}
}
@media screen and (max-width:550px) {
    .location_info ul li > div {flex-direction: column;}
    .location_info ul li .txt {text-align: center; padding: 20px 0 0; width: 100%;}
}
@media screen and (max-width:500px) {
    .staff_intro ul li .info {flex-direction: column;}
    .staff_intro ul li .info .txt {margin: 20px 0 0; width: 100%;}
    .staff_intro ul li .info .img {width: 100%;}

    .procedure ul li {width: 100%;}
    .procedure ul li:nth-child(2n) {margin-left: 0;}
    .procedure ul li:nth-child(n+2) {margin: 12px 0 0;}
    .procedure ul li .con {padding: 10px 12px 28px;}
    .procedure ul li .con p {font-size: 18px; padding: 15px 0 0;}
    .procedure ul li span {font-size: 16px;}
    .procedure ul li .con .icon {background-size: contain !important; width: 42px; height: 51px;}

    .veiw_slide .control {bottom:135px;}
}
@media screen and (max-width:480px) {
    .people_wrap .tit br {display: none;}

    .his_cont .cont ul li .img img {width: 100px;}

/*    .num_box ul li {width: 100%;}*/
    .num_box ul li {width: calc(100% / 2 - 5px);}
    .num_box ul li .icon {margin: 10px auto 0;}
    .num_box ul li:nth-child(n+3) {margin: 10px 0 0;}
	
	.product_wrap .product .pd_list .pd_img .pd p {font-size: 12px; margin: 10px auto 0; border: 1px solid #fff; font-weight: 600; padding: 0 12px;}
}

/* 체형교정 */
.ordered_list{ margin-top: 2.48em; display: grid; gap: 1.04em; text-align: center; font-size: 25px; font-weight: 600; line-height: 1.36; color: #333; }
.ordered_list.item3{ margin-inline: auto; max-width: 1044px; }
.ordered_list li:not(.arrow){ position: relative; display: flex; justify-content: center; align-items: center; min-height: 8.32em; padding: 2.08em 10px; border: 1px solid #ddd; box-sizing: border-box; }
.ordered_list .arrow{ align-self: center; justify-self: center; background: #a8a8a8; }
.ordered_list__number{ position: absolute; inset: -1px; display: flex; justify-content: center; align-items: center; aspect-ratio: 1/1; width: 2.6em; background: #5c6d94; font-size: .8em; line-height: 1; color: #fff; }

@media(min-width:768px){
    .ordered_list.item3{ grid-template-columns: 1fr auto 1fr auto 1fr; }
    .ordered_list .arrow{ aspect-ratio: 17/20; width: 0.68em; clip-path: polygon(0 0, 100% 50%, 0 100%); }
}

@media(max-width:1279px){
    .ordered_list{ font-size: 20px; }
}

@media(max-width:767px){
    .ordered_list{ font-size: 18px; }
    .ordered_list .arrow{ aspect-ratio: 20/17; width: .8em; clip-path: polygon(0 0, 100% 0, 50% 100%); }
}

/* + 합진 */
.integration{ position: relative; margin-inline: auto; display: grid; grid-template: 'img1 plus img2' 'txt1 none txt2'; row-gap: .5em; justify-content: space-between; max-width: 1044px; text-align: center; font-size: 30px;  }
.integration::before{ content: ''; grid-area: 1 / 1 / 2 / 4; position: absolute; inset: 0; border: 1px solid var(--secondary); pointer-events: none; }
.integration__img{ max-width: 100%; padding: .7em; box-sizing: border-box; }
.integration__img.img1{ grid-area: img1; }
.integration__img.img2{ grid-area: img2; }
.integration__txt{ font-weight: 700; color: #111; }
.integration__txt.txt1{ grid-area: txt1; }
.integration__txt.txt2{ grid-area: txt2; }
.integration__plus{ align-self: center; aspect-ratio: 1/1; width: 1.16666667em; background: var(--secondary); font-size: inherit; clip-path: polygon( calc( 50% - 1.5px) 0, calc( 50% + 1.5px) 0, calc( 50% + 1.5px) calc( 50% - 1.5px), 100% calc( 50% - 1.5px), 100% calc( 50% + 1.5px), calc( 50% + 1.5px) calc( 50% + 1.5px), calc( 50% + 1.5px) 100%, calc( 50% - 1.5px) 100%, calc( 50% - 1.5px) calc( 50% + 1.5px), 0 calc( 50% + 1.5px), 0 calc( 50% - 1.5px), calc( 50% - 1.5px) calc( 50% - 1.5px)); }

@media(max-width:1279px){
    .integration{ font-size: 20px; }
}

@media(max-width:767px){
    .integration{ font-size: 18px; }
}

/* 종합건강검진 검사종류 */
.types_list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(10px, 1.53333333vw, 23px) clamp(10px, 1.8vw, 27px); font-size: 20px; }
.types_list li{ display: flex; align-items: center; justify-content: center; height: 4em; background: var(--secondary); border-radius: 3em; font-size: inherit; font-weight: 500; color: #fff; }

@media(max-width:1279px){
    .types_list{ grid-template-columns: repeat(3, 1fr); font-size: 16px; }
}

@media(max-width:767px){
    .types_list{ grid-template-columns: repeat(2, 1fr); font-size: 14px; }
}

/* 치료한약 타이틀 */
.sHerbal{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25em 1em; padding: 0.33333333em 15px; background: #202c4e; text-align: center; font-size: clamp(26px, 2.4vw, 36px); color: #fff; }
.sHerbal.color2 {background: #6b7508;}
.sHerbal__title{ display: inline-block; font-size: inherit; }
.sHerbal__title::before{ content: ''; position: relative; margin-right: 0.41666667em; top: -0.11111111em; display: inline-block; aspect-ratio: 34/35; width: 0.94444444em; background: url('/images/content/icon_herbal.png') no-repeat 50% / contain; vertical-align: middle; }
/*.sHerbal__desc{ display: inline-block; font-size: clamp(18px, 0.61111111em, 22px); }*/
.sHerbal_box_tit{display:block; margin:0 0 20px; font-size:32px; font-weight:700; color:#222; line-height:1em; word-break:keep-all; text-align:center;}
.sHerbal__desc{ display: block; font-size: 20px; text-align: center; font-weight: 500; padding: 30px; color: #202c4e;}
.border_plus{ margin: 0.78571429em auto; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 1em; background: #fff; border: 1px solid #bababa; border-radius: 50%; box-sizing: border-box; font-size: clamp(40px, 3.26666667vw, 49px); }
.border_plus::before{ content: ''; display: inline-block; aspect-ratio: 1/1; width: 40.81632653%; background: #828282; clip-path: polygon(0 35%, 35% 35%, 35% 0%, 65% 0%, 65% 35%, 100% 35%, 100% 65%, 65% 65%, 65% 100%, 35% 100%, 35% 65%, 0 65%); }

.s4_titbox {border: 1px solid #202c4e;}
.s4_titbox>ul {padding: 0 20px 25px;}
.imgBoxTy4 >.s4_sndbox>li{border: 1px solid #202c4e;}
.imgBoxTy4 >.s4_sndbox>li>.txt{text-align: center; min-height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; background: #202c4e;}
.imgBoxTy4 >.s4_sndbox>li>.txt>p{color: #fff;}
.imgBoxTy4 >.s4_sndbox>li>img {width: 25%; margin: 0 auto; display: flex; padding: 40px 0;}
.imgBoxTy4 >.s4_sndbox>li:nth-child(n+5) {margin-top: 15px;}
.imgBoxTy4 >.s4_sndbox.line5>li:nth-child(n+5) {margin-top:0;}
.imgBoxTy4 >.s4_sndbox.line5>li>img{width:32%;}
.imgBoxTy4 .box{padding:60px; box-sizing:border-box;}
.imgBoxTy4 .box .sHerbal__desc{padding:0 30px 30px;}
.imgBoxTy4 .box .num_box.t02{margin:40px 0 0;}

@media all and (max-width:768px){
	.imgBoxTy4>.s4_sndbox>li>img {padding: 30px 0; width: 30%;}
}
@media all and (max-width:500px){
	.sHerbal__desc {font-size: 18px; padding: 20px 50px;}
}




/* 한방 클리닉 circle_list */
.circle_list{ display: flex; justify-content: center; gap: 28px; text-align: center; font-size: clamp(18px, 1.6vw, 24px); font-weight: 700; color: #111; }
.circle_list li{ display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; max-width: 277px; width: 100%; border: 0.48333333em solid #a3baec; border-radius: 50%; box-sizing: border-box; }

@media(min-width:768px){
    .circle_list li:nth-of-type(even){ border-color: #5d79b6; }
}

@media(max-width:1279px) and (min-width:768px){
    .circle_list.item3{ flex-wrap: wrap; }
    .circle_list.item3 li{ width: calc( ( 100% - calc( 28px * 2 ) ) / 3 ); }
}
@media(max-width:767px){
    .circle_list{ flex-wrap: wrap; gap: 15px; }
    .circle_list li{ width: calc( 50% - 15px ); }
    .circle_list li:where(:nth-child(4n+2), :nth-child(4n+3)){ border-color: #5d79b6; }
}

/* 사상체질 */
.type1[role="tablist"]{ display: flex; font-size: clamp(18px, 1.6vw, 24px); font-weight: 700; color: #666; }
.type1 [role="tab"]{ display: flex; align-items: center; justify-content: center; flex: 1; height: 2.91666667em; border: 1px solid #ddd; box-sizing: border-box; cursor: pointer; }
.type1 [role="tab"] + [role="tab"]{ border-left: 0; }
.type1 [role="tab"][aria-selected="true"]{ background: var(--secondary); border-color: var(--secondary); color: #fff; }
.type2[role="tablist"]{ display: flex; font-size: clamp(16px, 1.33333333vw, 20px); font-weight: 700; color: #919191; }
.type2 [role="tab"]{ display: flex; align-items: center; justify-content: center; flex: 1; height: 3.25em; border: 1px solid #e0e0e0; box-sizing: border-box; cursor: pointer; }
.type2 [role="tab"][aria-selected="true"]{ border-color: currentColor; color: #151f3d; }
div:has(> [role="tabpanel"]){ margin-top: 39px; }
[role="tabpanel"]:not([aria-hidden="false"]){ display: none; }
.s4_10 [role="tabpanel"]{ border: 1px solid #ddd; padding: clamp(15px, 3.26666667vw, 49px); box-sizing: border-box; }
.tabCon1{ display: flex; align-items: center; row-gap: 30px; color: #111; }
.tabCon1__img{ width: 100%; }
.tabCon1__title{ font-size: clamp(22px, 2.33333333vw, 35px); font-weight: 700; }
.tabCon1_ul{ margin-top: 1.44em; font-size: clamp(20px, 0.72vw, 25px); }
.tabCon1_ul__li + .tabCon1_ul__li{ margin-top: 38px; }
.tabCon1_ul__title{ font-size: inherit; font-weight: 700; }
.tabCon1_ul__desc{ margin-top: 11px; font-size: clamp(16px, 0.88888889vw, 18px); font-weight: 500; line-height: 1.55585980; color: #666; }
.tabCon2{ margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(10px, 1.8vw, 27px); }
.tabCon2__img{ width: 100%; }
.tabCon2__cap{ display: flex; align-items: center; justify-content: center; height: 3.18333333em; padding: 15px; border: solid #e9e9e9; border-width: 0 1px 1px; box-sizing: border-box; font-size: clamp(18px, 1.6vw, 24px); font-weight: 700; }

@media(min-width:768px){
    .tabCon1__txt{ padding-left: 54px; }
    .tabCon1__img{ width: clamp(270px, 38%, 532px); }
}

@media(max-width:767px){
    .tabCon1{ flex-direction: column; }
    .tabCon2{ grid-template-columns: repeat(2, 1fr); }
}

/* 비급여 안내 */
.s7_1 div:has(> [role="tabpanel"]){ margin-top: clamp(39px, 4.86666667vw, 73px); }
.s7_1 .bullet{ position: relative; padding-left: 1.23076923em; font-size: clamp(22px, 1.73333333vw, 26px); font-weight: 700; color: #151f3d; }
.s7_1 .bullet::before{ content: ''; position: absolute; margin: auto auto auto 0; inset: 0; aspect-ratio: 1/1; width: 0.38461538em; background: currentColor; border-radius: 50%; }
.s7_1 .bullet:has(+ h5){ margin-bottom: 1.80769231em; }
.s7_1 h5{ font-size: clamp(18px, 1.33333333vw, 20px); font-weight: 700; color: #666; }
.s7_1 section + section{ margin-top: 56px; }
.s7_1 table{ position: relative; margin-block: 2em; border-top: 1px solid #151f3d; font-size: clamp(16px, 1.2vw, 17px); font-weight: 500; }
.s7_1 table::before{ content: ''; position: absolute; inset: 0 0 auto; border-top: 1px solid #151f3d; }
.s7_1 .table em{display:block; margin:10px 0 0; font-size:15px; font-weight:400; color:#777; line-height:1.2em; word-break:keep-all;}
#wrap .s7_1 thead{ border-top: 0; }
#wrap .s7_1 :is(th, td){ padding: 18.5px 10px; border: 1px solid #ddd; }
#wrap .s7_1 tr:first-child td{ border-top: 0; }
#wrap .s7_1 :is(th, td):first-child{ border-left: 0; }
#wrap .s7_1 :is(th, td):last-child{ border-right: 0; }
.s7_1 td{ color: #5c5c5c; }
.s7_1 th{ color: #333; }