@charset "utf-8";

/* 의료진소개 */
.sDoctor {position:relative;}
.sDoctor .inner {overflow:hidden;}
.sDoctor:before {content:'';position:absolute;left:0;bottom:0;background:#f7f7f7; z-index:-3;}
.sDoctor .img {position:relative;}
.sDoctor .img:before {content:'';position:absolute;background:#018a08; z-index:-1;}
.sDoctor .img:after {content:'Rehabilitation medicine';position:absolute;color:#fff;font-weight:600;text-transform:uppercase;font-family: 'GmarketSansMedium', sans-serif;}
.sDoctor .img img {border:1px solid #ccc;}

.sDoctor .cont {}
.sDoctor .cont .name {}
.sDoctor .cont .name>span {color:#018a08;font-family:'GmarketSansMedium', sans-serif;}
.sDoctor .cont .name h3 {padding-left:0;font-family:'GmarketSansLight', sans-serif;}
.sDoctor .cont .name h3:before {display:none;}
.sDoctor .cont .name h3 span {font-family:'GmarketSansBold', sans-serif;}

.sDoctor .cont .in-cont {overflow:hidden;}
.sDoctor .cont .in-cont>div {float:left;}
.sDoctor .cont .in-cont .list {}
.sDoctor .cont .in-cont .list li {}

.sDoctor:first-child {}
.sDoctor:first-child .img:after {content:'Neurosurgery / Orthopedics';}
.sDoctor:last-child .img:after {content:'Internal medicine';}

/* 진료과목 */
#clinicTop {width:100%;margin:0 auto;overflow:hidden;background-position:left top;background-repeat:no-repeat;}
#clinicTop .contWrap {}
#clinicTop .contWrap .cont {display:table;width:100%;}
#clinicTop .contWrap .cont .in-box {position:relative;display:table-cell;color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box;}
#clinicTop .contWrap .cont .in-box:before {content:'NAMSAN HOSPITAL';position:absolute;right:0px;color:#f5f5f5;letter-spacing:-0.03em;text-transform:uppercase;font-family: 'GmarketSansBold', sans-serif;}
#clinicTop .contWrap .cont .in-box:after {content:'';position:absolute;left:0px;top:0px;border:1px solid #fff;z-index:5}
#clinicTop .contWrap .cont .in-box h3 {color:#fff;padding-left:0 !important;}
#clinicTop .contWrap .cont .in-box h3:before {display:none;}
#clinicTop .contWrap .cont .in-box .eng {display:inline-block;color:#fff;font-weight:400;line-height:1.2em !important;opacity:.3;text-transform:uppercase;text-align:center;border-top:1px dashed #fff;border-bottom:1px dashed #fff;font-family:'Roboto', sans-serif;}
#clinicTop .contWrap .cont .in-box .t1 {line-height:1.6em;text-align:left;}
#clinicTop .contWrap .cont .in-box .t1 span {display:inline;color:yellow !important;}

.s0302 {background-image:url("/theme/theme_wide_17/img/sub03/top_02.jpg");}/* 신경외과 */
.s0303 {background-image:url("/theme/theme_wide_17/img/sub03/top_03.jpg");}/* 재활의학과 */
.s0304 {background-image:url("/theme/theme_wide_17/img/sub03/top_04.jpg");}/* 내과 */
.s0305 {background-image:url("/theme/theme_wide_17/img/sub03/top_05.jpg");}/* 가정의학과 */
.s0306 {background-image:url("/theme/theme_wide_17/img/sub03/top_06.jpg");}/* 영상의학과 */

.clinic_cont_area {overflow:hidden;}
.clinic_cont_area:last-child {border-bottom:0;padding-bottom:0;margin-bottom:0;}
.clinic_cont_area .left-title {}
.clinic_cont_area .left-title h3 {padding-left:0 !important;font-family:'GmarketSansBold', sans-serif;}
.clinic_cont_area .left-title h3:before {top:0 !important;width:100% !important;height:2px !important;border-radius:0 !important;background:#000;border:0 !important;margin:0 0 1.3rem !important;}
.clinic_cont_area .left-title h4 {color:#333 !important;padding-left:0 !important;padding-top:0 !important;margin:0 0 1.2rem !important;font-family:'GmarketSansBold', sans-serif;}
.clinic_cont_area .left-title h4:before {display:none !important;}
.clinic_cont_area .right-content {border-top:1px solid #ddd;}
.clinic_cont_area .right-content p:last-child {margin-bottom:0 !important;}

.right-content .photo-box-txt {}
.right-content .photo-box-txt .img {position:relative;margin-bottom:0 !important;background-color:#eee}
.right-content .photo-box-txt .img img {width:100%;height:auto;}
.right-content .photo-box-txt .txt {margin-bottom:0 !important;}

.right-content>div {overflow:hidden;}
.right-content .con {}
.right-content .con:last-child {margin-right:0}

/* 숫자 타이틀 내용 */
#numList_box {width:100%;margin: 0 auto;overflow:hidden;}
#numList_box li {position:relative;float:left;height:120px;width:49%;counter-increment:number;margin-right:2%;margin-bottom:2em;background:rgba(255,255,255,1);border:2px solid #ddd;border-radius:60px;
box-sizing:border-box}
#numList_box li:nth-child(odd) {}
#numList_box li:nth-child(even) {float:right;margin-right:0;}
#numList_box li:before {content:counter(number, decimal-leading-zero);display: inline-block;width:45px;height:45px;font-size:1.05em;color:#fff;line-height:50px;font-weight:300;
border-radius:100%;background:#018a08;margin:0 0 0 20px;vertical-align: middle;text-align:center;font-family:'GmarketSansMedium', sans-serif;}

#numList_box li dl {display:inline-block;max-width:calc(100% - 80px);height:110px;padding:0.9em 0.7em 0;vertical-align:middle;}
#numList_box li dl dt {font-size:1.1em;color:#018a08;font-weight:500;padding-bottom:5px;}
#numList_box li dl dd {line-height:1.3em;}

#numList_box li:nth-of-type(1) dl, #numList_box li:nth-of-type(3) dl, #numList_box li:nth-of-type(6) dl {padding:1.4em 0.7em 0;}
#numList_box.w50 li {width:49.5%;margin: 0.3em 0.5% 0.3em 0; padding:0.5em;} 

/* 이미지+제목 설명 디자인 */
#imgList {}
#imgList ul {overflow:hidden}
#imgList li {float:left;}
#imgList li:last-child {margin-right:0 !important;}
#imgList li img {width:100%;height:auto;}
#imgList li dl {}
#imgList li dl dt {font-size:1.1em;color:#fff;font-weight:400;line-height:50px;text-align:center;background-color:#018a08}
#imgList li dl dd {min-height:100px;line-height:1.5em;padding:15px 0 0;}
#imgList li span {display:block;font-size:1.1em;color:#fff;font-weight:400;line-height:50px;text-align:center;background-color:#0056d1}
#imgList .w25 li {width:22.75%;margin-right:3%;}
#imgList .w33 li {width:31.33%;margin-right:3%;}
#imgList .w50 li {width:48.5%;margin-right:3%;}
#imgList .w50 li:nth-child(even) {margin-right:0 !important;}
.s0306_2 #imgList li span {background-color:#018a08}


/***************1441 데스크탑***************/
@media screen and (min-width:1441px){

/* 의료진소개 */
.sDoctor {height:650px;margin-top:100px;}
.sDoctor:before {width:100%;height:71%;}
.sDoctor .img {float:left;width:470px;height:540px;padding-top:30px;padding-left:70px;background:url('/theme/theme_wide_17/img/sub03/profile_ment.png') no-repeat left bottom;}
.sDoctor .img:before {right:-15px;bottom:30px;width:80%;height:550px;}
.sDoctor .img:after {top:3px;right:30px;font-size:0.6em;letter-spacing:0.1em;}

.sDoctor .cont {float:right;width:65%;}
.sDoctor .cont .name {width:100%;padding:60px 0 30px;margin-left:9%;background:url('/theme/theme_wide_17/img/sub03/tit_line.gif') repeat-x left bottom;}
.sDoctor .cont .name>span {font-size:1.3em;}
.sDoctor .cont .name h3 {font-size:2em;margin:30px 0 0 !important;}
.sDoctor .cont .name h3 span {font-size:1.5em;padding-right:10px;}

.sDoctor .cont .in-cont {padding:3.5% 0 2% 9%;}
.sDoctor .cont .in-cont>div {width:50%;}
.sDoctor .cont .in-cont>div h4 {margin:20px 0 1.3rem !important;}
.sDoctor .cont .in-cont .list li {margin-bottom:2px !important;}
.sDoctor:first-child {margin-top:0}

/* 진료과목 */
#clinicTop {background-size:55% auto;}
#clinicTop .contWrap {float:right;width:58%;margin-top:80px;}
#clinicTop .contWrap .cont {height:400px;background:url('/theme/theme_wide_17/img/sub03/top_bg.png') no-repeat right top;background-size:cover}
#clinicTop .contWrap .cont .in-box {padding:0 4em;}/* 배경 텍스트 */
#clinicTop .contWrap .cont .in-box:before {top:-50px;font-size:2.9em;}
#clinicTop .contWrap .cont .in-box:after {width:95%;min-height:360px;margin:20px;}
#clinicTop .contWrap .cont .in-box h3 {font-size:2.8em;margin:35px 0 0 !important;}
#clinicTop .contWrap .cont .in-box .eng {font-size:0.8em;letter-spacing:0.15em;padding:0.4rem 1rem;margin:1em 0 0.5em;}
#clinicTop .contWrap .cont .in-box .t1 {font-size:.95em;margin-top:20px;}

.clinic_cont_area {margin-top:5rem;}
.clinic_cont_area .left-title {float:left;width:20%;}
.clinic_cont_area .left-title h3 {padding-top:5rem;margin:0 0 1.2rem !important;}
.clinic_cont_area .left-title h4 {font-size:1.7em !important;}
.clinic_cont_area .left-title h4:before {display:none !important;}
.clinic_cont_area .right-content {float:right;width:75%;padding-top:5rem;}

.right-content .photo-box-txt {margin-bottom:40px;}
.right-content .photo-box-txt .img {float:left;width:40%;height:220px;padding:30px 25px 0;}
.right-content .photo-box-txt .txt {float:right;width:60%;height:220px;font-size:.9em !important;padding:25px 25px 15px;border:10px solid #eee;border-left:0;}

.right-content .con {float:left;width:48.5%;margin-right:3%}

.s0306_2 #imgList li:nth-of-type(1) {width:35.8%;}
.s0306_2 #imgList li:nth-of-type(2) {width:22.4%;}
.s0306_2 #imgList li:nth-of-type(3) {width:35.8%;}


}

/***************1440 데스크탑***************/
@media screen and (max-width:1440px){

/* 의료진소개 */
.sDoctor {height:100%;padding-bottom:78px;margin-top:80px;}
.sDoctor:before {width:100%;height:78.5%;}
.sDoctor .img {float:left;width:380px;height:440px;padding-top:30px;padding-left:55px;background:url('/theme/theme_wide_17/img/sub03/profile_ment.png') no-repeat left 85%;background-size:8.5%;}
.sDoctor .img:before {right:-15px;bottom:40px;width:78%;height:450px;}
.sDoctor .img:after {top:3px;right:20px;font-size:9px;letter-spacing:0.1em;}

.sDoctor .cont {float:right;width:60%;}
.sDoctor .cont .name {width:100%;padding:0 0 30px;background:url('/theme/theme_wide_17/img/sub03/tit_line.gif') repeat-x left bottom;}
.sDoctor .cont .name>span {font-size:1.3em;}
.sDoctor .cont .name h3 {font-size:1.6em !important;margin:25px 0 0 !important;}
.sDoctor .cont .name h3 span {font-size:1.5em;padding-right:10px;}

.sDoctor .cont .in-cont {padding:10px 0 0 0}
.sDoctor .cont .in-cont>div {width:57%;padding-right:2rem;}
.sDoctor .cont .in-cont>div:last-child {width:40%;padding-right:0;}
.sDoctor .cont .in-cont>div h4 {margin:30px 0 1.3rem !important;}
.sDoctor .cont .in-cont .list li {margin-bottom:2px !important;}
.sDoctor:first-child {margin-top:0}

/* 진료과목 */
#clinicTop {background-size:55% auto;}
#clinicTop .contWrap {float:right;width:58%;margin-top:80px;}
#clinicTop .contWrap .cont {height:400px;background:url('/theme/theme_wide_17/img/sub03/top_bg.png') no-repeat right top;background-size:cover}
#clinicTop .contWrap .cont .in-box {padding:0 2.5em 0 3em;}
#clinicTop .contWrap .cont .in-box:before {top:-50px;font-size:2em;}/* 배경 텍스트 */
#clinicTop .contWrap .cont .in-box:after {width:96%;min-height:370px;margin:15px;}
#clinicTop .contWrap .cont .in-box h3 {font-size:2.5em;margin:25px 0 0 !important;}
#clinicTop .contWrap .cont .in-box .eng {font-size:0.8em;letter-spacing:0.15em;padding:0.4rem 1rem;margin:1em 0 0.5em;}
#clinicTop .contWrap .cont .in-box .t1 {font-size:.95em;margin-top:20px;}

.clinic_cont_area {margin-top:5rem;}
.clinic_cont_area .left-title {float:left;width:20%;}
.clinic_cont_area .left-title h3 {padding-top:5rem;margin:0 0 1.2rem !important;}
.clinic_cont_area .left-title h4 {font-size:1.7em !important;}
.clinic_cont_area .left-title h4:before {display:none !important;}
.clinic_cont_area .right-content {float:right;width:75%;padding-top:5rem;}


.right-content .photo-box-txt {margin-bottom:40px;}
.right-content .photo-box-txt .img {float:left;width:40%;height:240px;padding:30px 25px 0;}
.right-content .photo-box-txt .txt {float:right;width:60%;height:240px;font-size:.9em !important;padding:25px 25px 15px;border:10px solid #eee;border-left:0;}

.right-content .con {float:left;width:48.5%;margin-right:3%}

.s0306_2 #imgList li:nth-of-type(1) {width:35.8%;}
.s0306_2 #imgList li:nth-of-type(2) {width:22.4%;}
.s0306_2 #imgList li:nth-of-type(3) {width:35.8%;}

}

@media screen and (max-width:1300px) {/* 1280 GalaxyA5, GalaxyJ7, GalaxyZ3, GalaxyTab10 */

/* 의료진소개 */
.sDoctor .img {width:360px;height:415px;}
.sDoctor .cont {}
.sDoctor .cont .in-cont>div {width:57%;}
.sDoctor .cont .in-cont>div:last-child {width:43%;}

}

@media screen and (max-width:1200px){

/* 의료진소개 */
.sDoctor:before {height:79.5%;}
.sDoctor .img {width:340px;height:390px;}
.sDoctor .cont {width:58%;}

/* 진료과목 */
#clinicTop {background-size:65% auto;}
#clinicTop .contWrap .cont .in-box:before {font-size:1.3em;}/* 배경 텍스트 */
#clinicTop .contWrap .cont .in-box:after {width:96.5%;min-height:380px;margin:10px;}
#clinicTop .contWrap .cont .in-box h3 {font-size:2.2em;margin:30px 0 0 !important;}

.right-content .photo-box-txt .img {height:280px;}
.right-content .photo-box-txt .txt {height:280px;padding:20px 25px 10px;}

}

@media screen and (max-width:1100px){

/* 의료진소개 */
.sDoctor .img {width:330px;height:375px;}
.sDoctor .cont {width:56%;}
.sDoctor .cont .in-cont>div {padding-right:1.5rem;}

}

/********************1024 태블릿********************/
@media screen and (max-width:1025px){ /* PC, 태블릿 가로 */

/* 의료진소개 */
.sDoctor {padding-bottom:68px;margin-top:70px;}
.sDoctor:before {height:82%;}
.sDoctor .img {width:320px;height:380px;padding-left:45px;}
.sDoctor .img:before {bottom:30px;width:82%;height:400px;}
.sDoctor .img:after {right:10px;}

.sDoctor .cont {width:55%;}
.sDoctor .cont .name>span {font-size:1.2em;}
.sDoctor .cont .name h3 {font-size:1.5em !important;margin:20px 0 0 !important;}

/* 진료과목 */
#clinicTop {background-size:auto 100%;}
#clinicTop .contWrap {width:75%;}
#clinicTop .contWrap .cont {height:320px;}
#clinicTop .contWrap .cont .in-box {padding:0 2em 0 2.5em;}
#clinicTop .contWrap .cont .in-box:before {display:none;}/* 배경 텍스트 */
#clinicTop .contWrap .cont .in-box:after {width:97%;min-height:300px;}
#clinicTop .contWrap .cont .in-box h3 {font-size:2em;margin:20px 0 0 !important;}
#clinicTop .contWrap .cont .in-box .eng {font-size:0.7em;padding:0.3em 1em;margin:0.5em 0 0.5em;}
#clinicTop .contWrap .cont .in-box .t1 {margin-top:1em;}

.clinic_cont_area {margin-top:4rem;}
.clinic_cont_area .left-title {width:23%;padding-right:2%;}
.clinic_cont_area .left-title h3 {padding-top:3rem;}
.clinic_cont_area .left-title h4 {font-size:1.5em;padding-top:3rem;}
.clinic_cont_area .right-content {width:77%;padding-top:3rem;}

.right-content .photo-box-txt .img {width:100%;height:100%;min-height:100%;padding:3%;}
.right-content .photo-box-txt .img img {width:55%}
.right-content .photo-box-txt .txt {width:100%;height:100%;padding:3%;border-left:10px solid #eee;margin:0}

.right-content .con {width:48.5%;margin-right:3%}

/* 숫자 타이틀 내용 */
#numList_box li {height:140px;border-radius:30px;}
#numList_box li dl {height:130px;}

#numList ul.w50 li {width:100%; margin:0.3em 0;}

}

@media screen and (max-width:960px){/* 896-iPhone 11, 896-iPhone 11Pro Max, 926-iPhone 12Pro Max */

/* 의료진소개 */
.sDoctor:before {height:84%;}
.sDoctor .img {width:290px;height:340px;}
.sDoctor .img:after {font-size:9px;}

.sDoctor .cont .name h3 {font-size:1.4em !important;margin:20px 0 0 !important;}

/* 진료과목 */
#clinicTop {background-size:100% auto;}
#clinicTop .contWrap {width:90%;margin-top:25vw;margin-right:5%;}
#clinicTop .contWrap .cont .in-box:before {display:none;}/* 배경 텍스트 */

.s0302 {background-image:url("/theme/theme_wide_17/img/sub03/top_02_T.jpg");}/* 신경외과 */
.s0303 {background-image:url("/theme/theme_wide_17/img/sub03/top_03_T.jpg");}/* 재활의학과 */
.s0304 {background-image:url("/theme/theme_wide_17/img/sub03/top_04_T.jpg");}/* 내과 */
.s0305 {background-image:url("/theme/theme_wide_17/img/sub03/top_05_T.jpg");}/* 가정의학과 */
.s0306 {background-image:url("/theme/theme_wide_17/img/sub03/top_06_T.jpg");}/* 영상의학과 */

.clinic_cont_area .left-title {width:100%;padding-right:0}
.clinic_cont_area .left-title h3 {padding-top:3rem;}
.clinic_cont_area .left-title h4 {font-size:1.5em;padding-top:3rem;}
.clinic_cont_area .right-content {width:100%;padding-top:0;border-top:0}

.right-content .con {width:100%;margin-right:0%;margin-bottom:25px;}
.right-content .con:last-child {margin-bottom:0}

}

@media screen and (max-width:864px){/* 812-iPhoneXS, 812-iPhone 11Pro */

/* 의료진소개 */
.sDoctor .img {width:270px;height:315px;}
.sDoctor .img:after {font-size:8px;right:5px;}
.sDoctor .cont .in-cont .list li {font-size:.95em;}

/* 숫자 타이틀 내용 */
#numList_box li {width:100%;height:120px;margin-right:0%;margin-bottom:30px;}
#numList_box li:nth-child(even) {}
#numList_box li:last-child {margin-bottom:0 !important;}

#numList_box li dl {height:100px;padding:0.9em 0.7em 0;}

#numList_box li:nth-of-type(1) dl, #numList_box li:nth-of-type(3) dl, #numList_box li:nth-of-type(6) dl {padding:1.4em 0.7em 0;}
#numList_box.w50 li {width:49.5%;margin: 0.3em 0.5% 0.3em 0; padding:0.5em;} 

#numList ul.w50 li {width:100%; margin: 0.3em 0;}

}

@media screen and (max-width:768px){/* 736-iPhone 8Plus, 740-S8, 740-Galaxy S9+, 768-iPad */

/* 의료진소개 */
.sDoctor {padding-bottom:68px;margin-top:70px;}
.sDoctor:before {height:80%;}
.sDoctor .inner {width:400px !important;min-width:400px !important;}

.sDoctor .img {width:300px;height:360px;padding-left:40px;background:url('/theme/theme_wide_17/img/sub03/profile_ment.png') no-repeat left bottom;background-size:7%;}
.sDoctor .img:before {width:82%;}
.sDoctor .img:after {top:5px;right:1em;bottom:unset;font-size:9px;}

.sDoctor .cont {width:100%;}
.sDoctor .cont .name {padding:30px 0 20px;}
.sDoctor .cont .name>span {font-size:1.3em;}
.sDoctor .cont .name h3 {font-size:1.3em !important;margin:15px 0 0 !important;}

.sDoctor .cont .in-cont {padding:0;}
.sDoctor .cont .in-cont>div {width:100%;padding:0 !important;}
.sDoctor .cont .in-cont>div:last-child {width:100%;}
.sDoctor .cont .in-cont .list li {font-size:1.0em;}


}

@media screen and (max-width:675px){/* 640 Galaxy S7, S7 edge, Galaxy Note 7, 667- iPhone SE2세대  iPhone 7, 8 */

/* 진료과목 */
#clinicTop .contWrap {width:100%;margin-top:30vw;margin-right:0;}
#clinicTop .contWrap .cont {height:270px;}
#clinicTop .contWrap .cont .in-box {padding:0 1.5em 0 2em;}
#clinicTop .contWrap .cont .in-box:after {min-height:250px;}
#clinicTop .contWrap .cont .in-box h3 {font-size:1.8em;}
#clinicTop .contWrap .cont .in-box .eng {font-size:0.6em;padding:0.3em 1em;margin:0.5em 0 0em;}

.s0302 {background-image:url("/theme/theme_wide_17/img/sub03/top_02_M.jpg");}/* 신경외과 */
.s0302 .contWrap .cont {height:380px !important;}
.s0302 .contWrap .cont .in-box:after {min-height:360px !important;}
.s0303 {background-image:url("/theme/theme_wide_17/img/sub03/top_03_M.jpg");}/* 재활의학과 */
.s0303 .contWrap .cont {height:315px !important;}
.s0303 .contWrap .cont .in-box:after {min-height:295px !important;}
.s0304 {background-image:url("/theme/theme_wide_17/img/sub03/top_04_M.jpg");}/* 내과 */
.s0305 {background-image:url("/theme/theme_wide_17/img/sub03/top_05_M.jpg");}/* 가정의학과 */
.s0306 {background-image:url("/theme/theme_wide_17/img/sub03/top_06_M.jpg");}/* 영상의학과 */

/* 스마트 재활치료 */
#s-Title {font-size:3.4rem;}

/* 이미지+제목 설명 디자인 */
#imgList li:last-child {margin-right:0 !important;}
#imgList li dl dt {height:45px;font-size:.9em;}
#imgList .w25 li {width:100%;margin-right:0;margin-bottom:30px;}
#imgList .w33 li {width:100%;margin-right:0;margin-bottom:30px;}
#imgList .w50 li {width:100%;margin-right:0;margin-bottom:30px;}

.s0306_2 #imgList li:nth-of-type(1) {width:59%;}
.s0306_2 #imgList li:nth-of-type(2) {width:37%;}
.s0306_2 #imgList li:nth-of-type(3) {width:59%;}

}

@media screen and (max-width:660px){

}

@media screen and (max-width:568px){/* 모바일 가로, 태블릿 세로 */

/* 의료진소개 */
.sDoctor .inner {width:360px !important;min-width:360px !important;}

/* 진료과목 */
#clinicTop .contWrap .cont {height:300px;}
#clinicTop .contWrap .cont .in-box:after {width:96%;height:280px;}

.s0302 .contWrap .cont {height:430px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:410px !important;}
.s0303 .contWrap .cont {height:340px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:320px !important;}

/* 이미지+제목 설명 디자인 */
#imgList li dl dt {font-size:.8em;}

}

@media screen and (max-width:480px){/* 모바일 가로, 태블릿 세로 */

/* 의료진소개 */
.sDoctor .cont .name h3 {font-size:1.2em !important;}

/* 진료과목 */
#clinicTop .contWrap .cont {height:340px;}
#clinicTop .contWrap .cont .in-box:after {width:95%;min-height:320px;}

.s0302 .contWrap .cont {height:480px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:460px !important;}

.s0303 .contWrap .cont {height:355px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:335px !important;}

/* 이미지+제목 설명 디자인 */
.s0306_2 #imgList li:nth-of-type(1) {width:80%;}
.s0306_2 #imgList li:nth-of-type(2) {width:80%;}
.s0306_2 #imgList li:nth-of-type(3) {width:80%;}

}

/********************430 스마트폰********************/
@media screen and (max-width:430px){/* 400- Note, 412-Galaxy Note 20 Ultra, 414-iPhone Plus 6/7/8, 414-iPhone 11 Pro Max, 428-iPhone12ProMax */

/* 의료진소개 */
.sDoctor .inner {width:320px !important;min-width:320px !important;}

.sDoctor .img {width:280px;height:335px;}
.sDoctor .img:after {font-size:8px;}

.sDoctor .cont .name {padding:25px 0 15px;}
.sDoctor .cont .name>span {font-size:1.2em;}
.sDoctor .cont .name h3 {font-size:1.05em !important;}
.sDoctor .cont .name h3:before {top:0.15rem !important;}
.sDoctor .cont .name h3 span {font-size:1.4em;padding-right:5px;}

/* 진료과목 */
#clinicTop .contWrap .cont {height:360px;}
#clinicTop .contWrap .cont .in-box:after {width:94%;min-height:340px;}
#clinicTop .contWrap .cont .in-box {padding:0 1em 0 1.7em;}

.s0302 .contWrap .cont {height:510px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:490px !important;}
.s0303 .contWrap .cont {height:390px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:370px !important;}

.right-content .photo-box-txt .img img {width:100%;height:auto;}

/* 숫자 타이틀 내용 */
#numList_box li {height:135px;}

}

@media screen and (max-width:399px){/* 384-Galaxy S21 Ultra, 390-iPhone 12 Pro */

/* 진료과목 */
#clinicTop .contWrap .cont {height:360px;}
#clinicTop .contWrap .cont .in-box:after {min-height:340px;}

.s0302 .contWrap .cont {height:530px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:510px !important;}
.s0303 .contWrap .cont {height:400px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:380px !important;}

/* 이미지+제목 설명 디자인 */
.s0306_2 #imgList li:nth-of-type(1) {width:100%;margin-right:0;}
.s0306_2 #imgList li:nth-of-type(2) {width:100%;}
.s0306_2 #imgList li:nth-of-type(3) {width:100%;margin-right:0;}

/* 숫자 타이틀 내용 */
#numList_box li {height:130px;}
#numList_box li dl dt {font-size:1.0em;}
#numList_box li dl dd {font-size:.9em;}

}

@media screen and (max-width:375px){/* 375-iPhone SE/iPhoneXS/iPhone8/11 Pro */

/* 의료진 소개 */
.sDoctor .inner {width:300px !important;min-width:300px !important;}

.sDoctor .img {width:260px;height:310px;}
.sDoctor .img:after {font-size:7px;}
.sDoctor .cont .name h3 {font-size:1.15em !important;}
.sDoctor .cont .name h3 span {display:block;padding-bottom:5px;}

/* 진료과목 */
#clinicTop .contWrap .cont {height:390px;}
#clinicTop .contWrap .cont .in-box:after {min-height:370px;}

.s0302 .contWrap .cont {height:600px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:580px !important;}
.s0303 .contWrap .cont {height:440px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:420px !important;}

}

@media screen and (max-width:349px){/* 320-Galaxy S9+ */

/* 의료진소개 */
.sDoctor .inner {width:270px !important;min-width:270px !important;}
.sDoctor .img {width:250px;height:295px;}

/* 진료과목 */
#clinicTop .contWrap .cont {height:440px;}
#clinicTop .contWrap .cont .in-box:after {min-height:420px;}

.s0302 .contWrap .cont {height:650px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:630px !important;}
.s0303 .contWrap .cont {height:480px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:460px !important;}

/* 숫자 타이틀 내용 */
#numList_box li {height:150px;}

}

@media screen and (max-width:319px){/* 280-Galaxy Z Fold3 */

/* 의료진소개 */
.sDoctor .inner {width:230px !important;min-width:230px !important;}
.sDoctor .img {width:225px;height:265px;}
.sDoctor .cont .in-cont .list li {font-size:.9em;}

/* 진료과목 */
#clinicTop .contWrap .cont {height:460px;}
#clinicTop .contWrap .cont .in-box:after {width:92%;min-height:440px;}

.s0302 .contWrap .cont {height:770px !important;}/* 신경외과 */
.s0302 .contWrap .cont .in-box:after {min-height:750px !important;}
.s0303 .contWrap .cont {height:520px !important;}/* 재활의학과 */
.s0303 .contWrap .cont .in-box:after {min-height:500px !important;}

}