@charset "utf-8";

.page-common > *{word-break:keep-all}
.page-common h2{padding-bottom:70px;font-size:55px;font-weight:700;color:#000;font-family:'pretendard' !important}
.page-common .pl{white-space:pre-line}
.page-common .col-2{display:grid;grid-template-columns:repeat(2,1fr);}
.page-common .col-3{display:grid;grid-template-columns:repeat(3,1fr);}
.page-common .sub-tit{font-size:32px;font-weight:700}
.page-common .list-tit{font-size:25px;font-weight:700}
.page-common .clinic-bnr{display:flex;align-items:center;height:315px;margin-bottom:80px;padding-left:80px;border-radius:var(--radius)}

.page-common.clinic{position:relative}
.page-common.clinic .ntc{position:absolute;bottom:-50px;right:0;font-size:14px;text-align:right;color:#aaa}
.page-common.clinic .list.col-2{gap:80px 0}
.page-common.clinic .list-tit{margin-bottom:20px}
.page-common.clinic span{display:inline-block;padding:2px 15px;border-radius:5px;font-weight:700;color:#fff;background:var(--primary)}
.page-common.clinic .list ul li{display:flex;align-items:center;gap:8px}
.page-common.clinic .dot li+li{margin-top:5px}
.page-common .dot li:before{display:inline-block;content:'';width:3px;height:3px;margin-right:8px;border-radius:50px;vertical-align:3px;background:#777}
.page-common.clinic .case{border:1px solid #e1e1e1;border-radius:var(--radius)}
.page-common.clinic .case li{padding:15px 20px}
.page-common.clinic .case li+li{border-top:1px dashed #e1e1e1}

.page-common.clinic .case.col-2 li:nth-child(even){border-left:1px dashed #e1e1e1}
.page-common.clinic .case.col-2 li:nth-child(2){border-top:none}
.page-common.clinic .case.col-3 li+li{border-top:none;border-left:1px dashed #e1e1e1}
.page-common.clinic .case.col-2 li{flex-direction:column}


.page-common.clinic .col-3 li{flex-direction:column}

/* 바른병원 이야기 */
#Story .cont-box{gap:25px;padding:50px;border-radius:var(--radius);background:#E8E8E3}
#Story .cont-box img{border-radius:10px}
#Story .desc .top-txt{padding:50px;border-radius:13px 13px 0 0;color:#000;text-align:center;background:#fff}
#Story .desc .top-txt p{margin-bottom:35px;font-size:32px;font-weight:700;font-family:var(--serif)}
#Story .desc .top-txt div{font-size:17px}
#Story .desc .btm-bnr{padding:40px 50px;font-size:23px;font-weight:700;line-height:1.2;border-radius:0 0 13px 13px;color:#fff;background:var(--primary) url('/sh_page/img/story-logo.png') right bottom no-repeat} 
#Story .b_n{display:none}

/* 병원소개 */
#Intro .cont-box div+div{margin-top:120px}
#Intro .col-2{align-items:center;gap:200px}
#Intro .col-2 img{overflow:hidden;border-radius:var(--radius)}
#Intro .col-2 span{color:var(--primary)}
#Intro .list .list-tit{margin-bottom:10px;color:var(--primary)}
#Intro .list .img-box{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
#Intro .list .img-box.row2{grid-template-columns:repeat(2,1fr)}
#Intro .list .img-box img{overflow:hidden;border-radius:var(--radius)}
#Intro .list .img-box p{position:relative;z-index:10;width:85%;margin:-50px auto 0;padding:20px 30px;border-top:5px solid var(--primary);border-radius:var(--radius);font-size:20px;font-weight:700;color:var(--primary);text-align:center;background:#fff}
#Intro .list .patient{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
#Intro .list .patient li{padding:35px;border-radius:var(--radius);font-size:20px;font-weight:600;background:#f5f5f5}
#Intro .list .patient li p{display:flex;flex-direction:column;align-items:center;gap:5px;word-break: keep-all;}
#Intro .list .patient li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50px;color:var(--primary);background:var(--primary-20)}
#Intro .list .patient li span svg{width:18px;stroke-width:3px}
#Intro .why{padding-top:50px}
#Intro .why-tit{text-align:center}
#Intro .why-tit .e-tit{font-size:80px;font-weight:700;opacity:.08;line-height:1;color:var(--primary);text-transform:uppercase}
#Intro .why-tit .k-tit{margin-top:-35px;font-size:45px;font-weight:700}
#Intro .why-tit .k-tit span{color:var(--primary)}
#Intro .why .choice{width:70%;margin:100px auto 0;gap:20px;justify-items:center}
#Intro .why .choice li{position:relative;height:300px;color:#fff;border-radius:var(--radius)}
#Intro .why .choice li+li{margin-top:20px}
#Intro .why .choice li img{width:100%;height: 100%;object-fit: cover;filter:brightness(0.5)}
#Intro .why .choice li dl{position:absolute;bottom:0;left: 0;padding:40px;}
#Intro .why .choice dt{font-size:20px;font-weight:700}

/* 병원 모토 */
#Motto .col-2{gap:50px}
#Motto .col-2 li{position:relative}
#Motto .col-2 img{overflow:hidden;width:100%;border-radius:var(--radius);filter:brightness(0.5)}
#Motto .col-2 div{position:absolute;top:50%;left:50%;text-align:center;color:#fff;transform:translate(-50%, -50%)}
#Motto .col-2 div span{font-size:20px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase}
#Motto .list_box{position:relative;padding-top:50px;display:flex;gap:50px}
#Motto .list_box .left{font-size:40px;font-weight:700}
#Motto .list_box .last_t{padding-top:20px;font-size:22px;font-weight:600}
#Motto .motto-list .bar{position:absolute;top:-150px;left:50%;width:3px;height:350px;transform:translateX(-50%);background:linear-gradient(45deg,var(--primary),#fff)}
#Motto .motto-list .bar:after{position:absolute;bottom:0;left:50%;content:'';width:20px;height:20px;border-radius:50px;border:5px solid #B3D3D2;background:var(--primary);transform:translateX(-50%)}
#Motto .motto-list img{display:block;margin:0 auto}
#Motto .motto-list ul{/* margin-top:50px; */}
#Motto .motto-list li{display:flex;align-items:center;gap:10px;width: 1000px;margin:0 auto;padding:15px 25px;border-radius:50px;color:#fff;background:var(--primary)}
#Motto .motto-list li+li{margin-top:10px}
#Motto .motto-list li:nth-child(2){background:#FAAF5E}
#Motto .motto-list li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50px;font-size:20px;font-weight:700;color:var(--primary);background:#fff}

/* 바른병원 의료진 */
#Team .cont-box .cont-tit{font-size:20px;font-weight:500;text-align:center}
#Team .cont-box .cont-tit span{display:inline-block;margin:10px 0;padding:10px 35px;border-radius:50px;font-size:22px;color:#fff;font-weight:700;background:var(--primary)}
#Team .profile-box{margin-top:100px}
#Team .profile-box>li{display:flex;align-items:center;gap:90px}
#Team .profile-box>li+li{margin-top:100px}
#Team .profile-box .img-box{display: flex;width:35%;height:620px;border-radius:var(--radius);align-items: center;justify-content: center;}
#Team .profile-box .img-box img{width:100%;border-radius:20px}
#Team .profile-box .img-box p{color:#666;font-size:15px}

#Team .profile{width:65%}
#Team .profile .name span{font-weight:700;color:var(--primary)}
#Team .profile .name p{font-size:28px;font-weight:700}
#Time .info dd p{font-family:'notokr-bold'}
#Team .profile .comment{margin-top:15px;padding:20px;border-radius:13px;font-size:22px;font-weight:700;color:var(--primary);text-align:center;font-family:var(--serif);background:var(--primary-10)}
#Team .profile .info{margin-top:40px}
#Team .profile .info>div+div{margin-top:30px}
#Team .profile .info-list p{margin-bottom:5px;font-size:19px;font-weight:700}
#Team .profile .info-list li:before{display:inline-block;content:'';width:3px;height:3px;margin-right:8px;border-radius:50px;vertical-align:3px;background:#777}

/* 진료시간안내 */
#Time .cont-box{align-items:center;gap:200px}
#Time img{overflow:hidden;border-radius:var(--radius)}
#Time .info dl+dl{margin-top:70px}
#Time .info dt{margin-bottom:20px;font-size:25px;font-weight:700}
#Time .info dd p{font-size:40px;font-weight:700;line-height:1}
#Time .info .time dd{display:flex;align-items:center;gap:15px}
#Time .info .time dd+dd{margin-top:10px}
#Time .info .time dd span{width:85px;padding:5px 0;border-radius:50px;text-align:center;font-weight:700;color:#fff;background:var(--primary)}
#Time .info .time .er span{background:#DB2B2B}
#Time .info .time .er p{color:#DB2B2B}

/* 주차안내 */
#Parking .cont-box{align-items:center;gap:200px}
#Parking img{overflow:hidden;border-radius:var(--radius)}
#Parking .info{text-align:center}
#Parking .info p{margin-top:-35px}
#Parking .info span{color:var(--primary)}


/* 고관절클리닉 */
#Clinic01 .clinic-bnr{color:#fff;background:#002286 url('/sh_page/img/clinic-bg01.png') right no-repeat;background-size:contain}

/* 골절 및 외상 클리닉 */
#Clinic02 .clinic-bnr{color:#000;background:#c1c7cb url('/sh_page/img/clinic-bg02.jpg') right no-repeat}

/* 수부 클리닉 */
#Clinic03 .clinic-bnr{color:#000;background:#a5b3bd url('/sh_page/img/clinic-bg03.png') right no-repeat}

/* 족부 클리닉 */
#Clinic04 .clinic-bnr{color:#fff;background:#aa8b6e url('/sh_page/img/clinic-bg04.png') right no-repeat}

/* 척추 외과 클리닉 */
#Clinic05 .clinic-bnr{color:#fff;background:#486b7b url('/sh_page/img/clinic-bg05.png') right no-repeat}

/* 관절 내시경 클리닉 */
#Clinic06 .clinic-bnr{color:#fff;background:#719dd8  url('/sh_page/img/clinic-bg06.png') right no-repeat}

/* 성장 클리닉 */
#Clinic07 .clinic-bnr{color:#000;background:#dddfde   url('/sh_page/img/clinic-bg07.png') right no-repeat}

/* 물리치료 안내 */
#Clinic08 .clinic-bnr{justify-content:center;text-align:center;height:435px;color:#fff;background:url('/sh_page/img/clinic-bg08.jpg') bottom no-repeat}
#Clinic08 .clinic-bnr .therapy{margin-top:30px;font-size:25px}
#Clinic08 .clinic-bnr .therapy span{display:inline-block;padding:3px 15px;color:#000;background:#fff}
#Clinic08 .program-table table{width:100%;border-bottom:1px solid #e1e1e1;border-collapse:collapse;text-align:center;}
#Clinic08 .program-table table tr>*{padding:12px}
#Clinic08 .program-table table tr th:first-child{border-radius:13px 0 0 0}
#Clinic08 .program-table table tr th:last-child{border-radius:0 13px 0 0 }
#Clinic08 .program-table table th{color:#fff;background:var(--primary)}
#Clinic08 .program-table table tbody tr:nth-child(even) >*{background:var(--primary-10)}
#Clinic08 .program-table table tbody td:first-child{font-weight:700}

/* 호흡기 질환 클리닉 */
#Clinic09 .clinic-bnr{color:#fff;background:#003595 url('/sh_page/img/clinic-bg09.png') right no-repeat}

/* 위대장 클리닉 */
#Clinic10 .clinic-bnr{color:#fff;background:#311415 url('/sh_page/img/clinic-bg10.png') right no-repeat}

/* 복통 클리닉 */
#Clinic11 .clinic-bnr{color:#000;background:#dddfde url('/sh_page/img/clinic-bg11.png') right no-repeat}

/* 만성질환 클리닉 */
#Clinic12 .clinic-bnr{color:#fff;background:#cc6a73 url('/sh_page/img/clinic-bg12.png') right no-repeat}

/* 비만 클리닉 */
#Clinic13 .clinic-bnr{color:#000;background:#bbd1de url('/sh_page/img/clinic-bg13.png') right no-repeat}

/* 예방접종 클리닉 */
#Clinic14 .clinic-bnr{color:#000;background:#dddfde url('/sh_page/img/clinic-bg14.png') right no-repeat}

/* 금연 클리닉 */
#Clinic15 .clinic-bnr{color:#000;background:#b1c3e7 url('/sh_page/img/clinic-bg15.png') right no-repeat}

/* CT */
#Clinic16 .clinic-bnr{color:#fff;background:#6dafd6 url('/sh_page/img/clinic-bg16.png') right no-repeat}

/* MRI */
#Clinic17 .clinic-bnr{color:#fff;background:#6dafd6 url('/sh_page/img/clinic-bg17.png') right no-repeat}

/* 초음파 */
#Clinic18 .clinic-bnr{color:#fff;background:#6dafd6 url('/sh_page/img/clinic-bg18.png') right no-repeat}

/* 심장 초음파 */
#Clinic19 .clinic-bnr{color:#000;background:#e4d9c7  url('/sh_page/img/clinic-bg19.png') right no-repeat}

/* 암검진 */
#Clinic20 .clinic-bnr{color:#000;background:#ececec url('/sh_page/img/clinic-bg20.png') right no-repeat}

/* 수액치료 클리닉 */
#Clinic21 .clinic-bnr{color:#000;background:#ececec url('/sh_page/img/clinic-bg21.png') right no-repeat}

/* 건강검진 클리닉 */
#Clinic22 .clinic-bnr{color:#fff;background:#535842 url('/sh_page/img/clinic-bg22.png') right no-repeat}

/* 입원안내 */
#Enter .cont-box>div+div{margin-top:120px}
#Enter .col-2{align-items:center;gap:200px}
#Enter .col-2 img{overflow:hidden;border-radius:var(--radius)}
#Enter .col-2 span{color:var(--primary)}
#Enter .list .list-tit{margin-bottom:10px;color:var(--primary)}
#Enter .list .col-2{gap:10px}
#Enter .list .step li{display:flex;align-items:center;gap:10px;padding:15px;border-radius:var(--radius);background:#f5f5f5}
#Enter .list .step li span{display:flex;align-items:center;justify-content:center;width:35px;height:25px;border-radius:50px;font-size:12px;font-weight:700;color:#fff;background:var(--primary)}
#Enter .list .step li p{font-size:18px;font-weight:700}
#Enter .list .step li:last-child{grid-column:span 2}
#Enter .list .check li{display:flex;align-items:center;gap:10px;padding:15px;border-radius:var(--radius);font-size:18px;font-weight:700;background:#f2f2f2}
#Enter .list .check li+li{margin-top:10px}
#Enter .list .check li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50px;color:#fff;background:var(--primary)}
#Enter .list .check li svg{width:18px;stroke-width:3px}
#Enter .hospital{align-items:unset}

/* 반응형 [s] */
@media (max-width:1400px){
.page-common{padding:25px}
.page-common h2{font-size:45px}
.page-common .sub-tit{font-size:30px}
.page-common .sub-tit{font-size:26px}
#Story .cont-box img{width:100% !important}
#Intro .col-2{gap:80px}
#Intro .col-2 img{width:100%}
#Intro .list .img-box img{width:100%}
#Team .profile-box>li{gap:50px}
#Time img{width:100%}
#Time .cont-box{gap:100px}
#Enter .col-2 img{width:100%}
#Enter .col-2{gap:50px}
}
@media (max-width:1200px){
.page-common .sub-tit{font-size:28px}
.page-common .col-2{grid-template-columns:repeat(1, 1fr)}
.page-common.clinic .case.col-2 li:nth-child(2){border-top:1px dashed #e1e1e1}
.page-common.clinic .case.col-3 li+li {border-top:1px dashed #e1e1e1}
#Clinic18.clinic .case.col-2 li:nth-child(even){border-left:none}
#Story .desc .top-txt p{font-size:28px;word-break:keep-all}
#Intro .list .img-box p{font-size:17px}
#Intro .why .choice{width:100%}
#Team .profile .info{font-size:16px}
#Team .profile .comment{font-size:18px}
#Team .profile-box .img-box{width:50%}
#Enter .col-2{grid-template-columns:repeat(2, 1fr)}
#Motto .col-2{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:1024px){
.page-common{padding:0 20px}
.page-common .sub-tit{font-size:23px}
.page-common h2{font-size:35px;padding-bottom:30px}
.page-common .list-tit {font-size: 20px;}
#Intro .why-tit .k-tit{font-size:37px}
#Story .desc .top-txt p{font-size:24px}
#Intro .col-2{gap:50px}
#Intro .list .img-box{grid-template-columns:repeat(2, 1fr)}
#Intro .why .choice dt{padding-bottom:10px;font-size:18px}
#Intro .why .choice li dl{font-size:16px}
#Motto .motto-list li{width:100%}
#Team .profile .comment{font-size:16px}
#Motto .list_box .left{font-size:36px}
}
@media (max-width:900px){
.page-common .col-2{grid-template-columns: repeat(0, 1fr);}
.page-common .clinic-bnr{height:200px}
.page-common .col-3{grid-template-columns:repeat(1, 1fr)}
#Story .cont-box{display: flex;flex-direction: column;padding:30px;}
#Intro .col-2{text-align:center}
#Intro .cont-box div+div{margin-top:70px}
#Intro .list .patient li{font-size:17px;text-align:center}
#Motto .motto-list .bar{top:30px;height:200px}
#Team .cont-box .cont-tit span{font-size:15px}
#Team .profile-box .img-box{width:70%;}
#Enter .list .step li{flex-direction:column;text-align:center}
}
@media (max-width:800px){
#Team .profile-box>li{flex-direction:column}
#Team .profile-box .img-box{width:100%;height:100%}
#Team .profile{width:100%}
}
@media (max-width:768px){
.page-common .list-tit{font-size:18px}
.page-common .sub-tit{font-size:19px}
.page-common .clinic-bnr{padding-left: 0;text-align:center;justify-content:center}
#Story .desc .top-txt{padding:40px}
#Intro .why-tit .e-tit{font-size:60px}
#Motto .motto-list img{max-width:300px}
#Motto .motto-list li span{font-size:17px}
#Clinic08 .clinic-bnr .therapy{font-size:20px}
#Clinic08 .clinic-bnr .therapy span{margin-bottom:20px}
#Team .profile{width:100%}
#Time .cont-box{gap:50px}
#Time .info dl+dl{margin-top:40px}
#Time .info dd p {font-size:28px}
#Time .cont-box{gap:30px}
#Time .info dd p{font-size:26px}
#Enter .col-2{grid-template-columns:repeat(1, 1fr)}
#Enter .cont-box>div+div{margin-top:50px}
#Motto .col-2{grid-template-columns:repeat(1, 1fr);gap:24px}
#Motto .list_box{padding-top:30px;flex-direction:column;gap:20px}
#Motto .list_box .left{font-size:24px}
#Motto .list_box .last_t{font-size:18px}
}
@media (max-width:600px){
#Intro .list .img-box{grid-template-columns:repeat(1, 1fr)}
#Intro .why-tit .k-tit{font-size:30px}
#Intro .why .choice{margin:50px auto 0}
#Motto .col-2{gap:30px}
#Team .cont-box .cont-tit{font-size:17px}
#Clinic08 .clinic-bnr .therapy{font-size:17px}
#Clinic08 .clinic-bnr{height:300px}
#Enter .list .step li p{font-size:17px}
#Story .desc .top-txt div{font-size:16px}
.clinic{font-size:16px}
.page-common .list-tit{font-size:16px;word-break:keep-all}
.page-common .clinic-bnr{margin-bottom:40px}
.page-common.clinic span{font-size:15px}
.page-common.clinic .case li{flex-direction:column;text-align:center}
}
@media (max-width:480px){
#Story .desc .top-txt{padding:24px 20px}
#Story .desc .top-txt p{margin-bottom:24px;font-size:18px}
#Story .desc .top-txt div{font-size:15px}
#Story .desc .btm-bnr{padding:40px 20px;font-size: 16px;text-align:center}
#Story .cont-box{padding:22px;}
#Intro .col-2{gap:40px}
#Intro .list .img-box{gap:14px}
#Intro .list .img-box p{font-size:15px}
#Intro .cont-box div+div{margin-top:40px}
#Intro .list .patient{gap:14px}
#Intro .list .patient li{padding:24px 20px;font-size:16px}
#Intro .why-tit .e-tit{font-size:50px}
#Intro .why-tit .k-tit{margin-top:-25px;font-size: 25px;}
#Intro .why{padding-top:20px}
#Intro .why .choice li{height:260px}
#Intro .why .choice li dl{font-size:15px}
#Motto .col-2{gap:20px}
#Motto .col-2 div span{font-size:16px}
#Motto .motto-list .bar{top:30px;height:150px}
#Motto .motto-list li{flex-direction:column;border-radius:14px;text-align:center}
#Motto .motto-list li span {font-size:15px}
#Team .cont-box .cont-tit{font-size:15px}
#Team .cont-box .cont-tit span{border-radius:14px}
#Team .profile .comment{font-size: 14px;}
#Team .profile-box>li{gap:30px}
#Team .profile .info{margin-top:30px;font-size:15px}
#Team .profile-box>li+li {margin-top:50px}
#Team .profile-box{margin-top:50px}
#Team .profile .name p{font-size:26px}
#Time .info dt{font-size:22px}
#Parking .pl{white-space:normal;word-break:keep-all}
#Clinic08 .clinic-bnr .therapy span{display:block}
#Clinic08 .clinic-bnr .therapy{font-size:16px}
#Enter .list .step li p{font-size:16px}
#Enter .list-tit{font-size:18px}
#Enter .dot{font-size:16px}
#Enter .list .check li{flex-direction: column;font-size:16px}
#Enter .list .check li svg{width:10px}
#Enter .list .check li span{width:20px;height:20px}
#Enter .sub-tit{text-align:center}
#Story .pl{white-space:normal;word-break:keep-all}
#Story .b_n{display:block}
#Motto .list_box .last_t{font-size:15px}
#Motto .list_box .left{font-size:20px}
#Team .profile-box .img-box img{border-radius:10px}
    
#Clinic02 .sub-tit{color:#fff;word-break:keep-all}
#Clinic03 .sub-tit{color:#fff;word-break:keep-all}
#Clinic07 .sub-tit{color:#fff;word-break:keep-all}
#Clinic11 .sub-tit{color:#fff;word-break:keep-all}
#Clinic13 .sub-tit{color:#fff;word-break:keep-all}
#Clinic14 .sub-tit{color:#fff;word-break:keep-all}
#Clinic15 .sub-tit{color:#fff;word-break:keep-all}
#Clinic19 .sub-tit{color:#fff;word-break:keep-all}
#Clinic20 .sub-tit{color:#fff;word-break:keep-all}
#Clinic21 .sub-tit{color:#fff;word-break:keep-all}
#Story .cont-box img{max-width: 350px;margin:0 auto}
#Story .desc{width:100%}

#Clinic09 .case.col-2 li:nth-child(even) {border-left:none}
#Clinic10 .case.col-3 li+li{border-left:none}
#Clinic11 .case.col-3 li+li{border-left:none}
#Clinic12 .case.col-3 li+li{border-left:none}
#Clinic13 .case.col-2 li:nth-child(2){border-left:none}
#Clinic13 .case.col-2 li:nth-child(4){border-left:none}
#Clinic15 .case.col-3 li+li{border-left:none}
#Clinic19 .case.col-3 li+li{border-left:none}
#Clinic20 .case.col-3 li+li{border-left:none}
#Clinic21 .case.col-3 li+li{border-left:none}
#Clinic22 .case.col-3 li+li{border-left:none}

.page-common.clinic .list.col-2{gap:50px 0}
.page-common.clinic .list-tit{font-size:18px}
.clinic .clinic-bnr{padding:30px;word-break:keep-all}
.clinic{font-size:15px}
.clinic .sub-tit br{display:none}
.page-common .sub-tit{font-size:17px}
.page-common .list-tit{font-size:15px}
.why-tit > span{font-size:16px}
.page-common .sub-tit{font-size:17px}
.page-common{padding:0 15px}
.page-common h2{padding-bottom:20px;font-size: 24px;text-align:center}
.clinic .clinic-bnr{position:relative}
.clinic .clinic-bnr:after{ content: "";position:absolute;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 0;border-radius:14px}
.clinic .sub-tit{position:relative;z-index:9999}
}
@media (max-width:380px){
#Story .desc .top-txt div{font-size:14px}
#Story .desc .btm-bnr{font-size:14px}
#Intro .list .patient{grid-template-columns:repeat(1, 1fr)}
#Intro .why-tit .e-tit{font-size:40px}
#Intro .why-tit .k-tit{margin-top:-16px;font-size:23px}
#Intro .why .choice li{height:230px}
#Motto .motto-list img{max-width:280px}
#Clinic01 .clinic-bnr{background-size:cover}
#Enter .list .step li p{font-size:15px}
.why-tit > span{font-size:15px}
.page-common .sub-tit{font-size:17px}
#Enter .hospital .col-2{display:flex;flex-direction:column}
#Enter .list .step li{width:100%}
}
/* 반응형 [e] */