@charset "utf-8";
/****************************** 인트로 ******************************/
body.index > .inner{position:absolute;top:0%; width:100%; height:100%;z-index: 2;}
body.index > .inner:after,.ejin_list:after {content: ''; display: block; clear: both;}
.ejin_list{width:90%; margin:20% auto 0; z-index: 3;}
.ejin_list dl{width:90%; margin:0 auto;overflow:hidden; z-index: 4; }
.ejin_list dl dt p,
.ejin_list dl dt span{color:#fff; width:100%; text-align:center;display: block;}
.ejin_list dl dt p{font-family:'NanumSquareR';font-size:2.3rem;}
.ejin_list dl dt span{font-family:'NanumSquareB';font-size:2.8rem; line-height:3.5rem; margin-bottom:6%;}
.ejin_list dl dd {float:none; width:100%; height:20%; display: block; overflow:hidden; display:table; margin-bottom:3%; border-radius:8px;}
.ejin_list dl dd a{overflow:hidden;width:100%; height:100%; text-align:center; padding-top:0; display: table-cell; vertical-align: middle;}
.ejin_list dl dd.Nejin {background:#555;}
.ejin_list dl dd.Dejin {background:#ffe028;}
.ejin_list dl dd.Sejin {background:#5e8aee;}
.ejin_intro{position:absolute;top:0;left:0; display:block; width:100%; height:100%; background: url(../images/bg_hospital_intro.png) no-repeat top right;  background-size:cover; opacity: 1; z-index:1;
   -webkit-animation:scale 3s ease-out; -moz-animation:scale 3s ease-out; -o-animation:scale 3s ease-out; animation:scale 3s ease-out;}

/****************************** 메인 페이지 ******************************/
.main .visualArea {/*padding-top: 70px;*/ height:217px;}
.main .visualArea .flexslider .flex-control-nav {bottom: 5px;}
.main .visualArea .flexslider ul.slides{height:100%;}
.main .visualArea .flexslider ul.slides li{background-size:250%; background-repeat: no-repeat;}
.main .visualArea .flexslider ul.slides li:nth-child(1){background-size:230%; background-position: 44% 20%;}
.main .visualArea .flexslider ul.slides li:nth-child(2){background-position: 30% 50%;}
.main .visualArea .flexslider ul.slides li:nth-child(3){background-size:200%; background-position: 37% 50%;}
.main .visualArea .flexslider ul.slides li:nth-child(4){background-size:175%; background-position: 37% 0%;}
.main .visualArea .flexslider ul.slides li .desc {position:relative; height:inherit; width:270px; margin:0 0 0 auto;}
.main .visualArea .flexslider ul.slides li .desc .slide_text{position:absolute; padding:10px; overflow:hidden; width:290px; clear:both; margin:0;}
.main .visualArea .flexslider ul.slides li .desc .slide_text .slideCopy {width:100%; font-size:2.2rem; text-align:right; }
.main .visualArea .flexslider ul.slides li .desc .slide_text dl{overflow:hidden;border:none;display: block;padding-left:0; margin-top:20px;}
.main .visualArea .flexslider ul.slides li .desc .slide_text dt{width:100%; font-size:1.9rem; text-align:right;}
.main .visualArea .flexslider ul.slides li .desc .slide_text dt > span{width: 100%; text-align: right;}
.main .visualArea .flexslider ul.slides li .desc .slide_text dd{width:100%; font-size:1.4rem; text-align: right;}

.main .wrap .quick .box { max-width: 50%; }
.main .wrap .quick a:nth-child(1), .wrap .quick a:nth-child(4) { background-color: #fff !important; }
.main .wrap .quick a:nth-child(2), .wrap .quick a:nth-child(3) { background-color: #f7f6f2 !important; }

.main .wrap {margin: 0 auto 20px;}
.main .wrap .content { height: auto; }
.main .wrap .content { display: -webkit-box; display: -mox-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;} /* 추가 태블릿,모바일 순서 바꾸기*/
.main .wrap .content .news { margin-top: 20px; width: 100%; height: 100%; }
.main .wrap .content .news { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2;} /* 추가 태블릿,모바일 순서 바꾸기*/
.main .wrap .content .help { width: 100%; height: 280px; }
.main .wrap .content .help { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1;} /* 추가 태블릿,모바일 순서 바꾸기*/
.main .wrap .content .guidance { width: 50%; }
.main .wrap .content .guide { width: 50%; }
.main .wrap .content .inquire { width: 50%; }

.main .wrap div.quick .box {position:relative; width: 50%; height:120px; overflow:hidden; padding:20px 0 0 16px !important;}
.main .wrap div.quick .box img{position:absolute; bottom:12px;display:block;}
.main .wrap div.quick a.box:nth-child(1) img{right:12px; height:50px !important;}
.main .wrap div.quick a.box:nth-child(2) img{right:12px; height:50px !important;}
.main .wrap div.quick a.box:nth-child(3) img{right:10px; height:50px !important;}
.main .wrap div.quick a.box:nth-child(4) img{right:14px; height:50px !important;}
.main .wrap div.quick .box p {width:100%; font-size:12px !important; color:#999; line-height:1 !important; text-align:left;}
.main .wrap div.quick .box h3 {width:100%; font-size:2rem; text-align:left; font-weight:normal;}
.main .wrap div.quick .box span{display:none;}
.guidance hr{display:none;}
.guide hr{display:none;}

@media only screen and (max-width: 640px) {
    .main .wrap .quick .box { max-width: 1000%; }
    .main .wrap div.quick .box p { font-size: 2.3rem; }
    .main .wrap div.quick .box span {font-size: 1.8rem; }
    .main .wrap .content .help {height: auto !important;}
    .main .wrap .content .guidance { width: 100%; }
	.main .wrap .content .guide { width: 100%; height:min-content; min-height:200px;}
    .main .wrap .content .inquire { width: 100%; margin-top: 20px;}
}

@media only screen and (max-width: 320px) { }

/****************************** 서브 페이지 정의 ******************************/
/* 공통 */
.sub-page .pdwrap{position:relative; width:95%;margin:0 auto 50px;}
.sub-page .visual .inner {height: 138px; position:absolute; bottom:0; width:100%;}
.sub-page h2.subTitle { font-size: 2.3rem;  padding-top: 30px;}
.sub-page hr.sublineB {margin-top: 5px; width:35px;}
.sub-page h3.pageTitle {font-size:2.7rem;}
.sub-page p.pageCopy {text-align: center; font-size: 1.6rem; margin-top: 0px;}
.sub-page hr.pagelineB {border-top: 1px solid #35a3dc; width: 35px; margin: 30px auto 40px;}
.inner > h4 {font-size:2rem !important; margin-bottom:20px !important;}
/*서브비주얼S*/
.sub-page .visual {display:none; position: relative; width:100%; height: 138px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.sub-page .visual.intro{background:url('../images/intro_visual.png') no-repeat 85% bottom; background-size:cover !important; background-position:80% 50% !important;}
.sub-page .visual.center{background:url('../images/center_visual.png') no-repeat 85% bottom; background-size:cover !important;}
.sub-page .visual.vaccin{background:url('../images/vaccin_visual.png') no-repeat 85% bottom; background-size:cover !important;}
.sub-page .visual.reservation{background:url('../images/reservation_visual.png') no-repeat 75% bottom; background-size:cover !important;}
.sub-page .visual.board{background:url('../images/board_visual.png') no-repeat  70% bottom; background-size:cover !important;}
/*서브비주얼S*/

.sub_nav:not(.mobile) { display: none; }
.sub_nav.mobile {position:absolute; bottom:-25px; width: 100%;height: 45px; display: block; background:#fff; border-bottom:1px solid #ddd;}
.sub_nav.mobile .nav_select {text-align: center; display: block; width:95%; height:35px; margin:5px auto 0;vertical-align: middle;}

.sub_nav.mobile .nav_select select {text-align-last:center; height: 100%; width: 100%;/* min-width: 310px; */max-width: 500px; background-color: #fff; 
   border:1px solid #ddd; padding: 0 15px;
   border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px;  background-image: url(/images/ico_select_arrow.png); background-repeat: no-repeat; background-position: right; outline: 0; font-size: 1.6rem; background-size:30px;}
    
/****************************** 뉴이진소개 ******************************/
/* == about_intro */
.sub-page .cont_wrap {padding-top: 75px; padding-bottom: 10px;}
.sub-page .vision {height: 360px;}
.sub-page .bg_vision {background-size: cover; background-position: center;}
.sub-page .bg_vision .txt_vision {padding-left: 0px; padding-right: 0px; background-color: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; text-align: center;}
.sub-page .bg_vision .txt_vision p.vision_title {margin-top:20px; margin-bottom: 45px;}
.sub-page hr.decoline {display: none;}
.sub-page .mission > .inner > .box {float:none; width: 85%;margin:0 auto; padding: 30px 0; border-top:3px dotted #ddd;}
.sub-page .mission > .inner > .box.mission1{border-top:none;}
.sub-page .mission > .inner > .box.mission4{padding-left:0; width: 80%; margin-top:0;}
.sub-page .mission > .inner > .box.mission5{padding-right:0; width: 80%;margin-top:0;}
.sub-page p.title, .sub-page p.discription > i {font-size: 1.8rem; color:#666;}
.sub-page .mission > .inner > h4{ font-size:2.2rem; display:none;}
.sub-page p.title{font-size:2.4rem !important;}
.sub-page p.title br{display:none;}
.sub-page .mission{margin-top:20px;}

@media only screen and (max-width: 460px) { 
    .sub-page .bg_vision .txt_vision p.vision_title {font-weight:bold; font-size: 2.6rem; line-height:3.4rem;}
    .sub-page .bg_vision .txt_vision p.vision_disc {font-size: 1.6rem;}
    .sub-page .vision,.sub-page .bg_vision {height: 300px;}
    .sub-page .bg_vision .txt_vision {padding-top: 35px;}
    .sub-page p.discription > i {font-size: 2.2rem;}
}

@media only screen and (max-width: 320px) {
    .sub-page .vision {height: 280px;}
    .sub-page .bg_vision {height: 280px;}
    .sub-page .bg_vision .txt_vision {padding-top: 27px;}
    .sub-page .bg_vision .txt_vision p.vision_title { font-size: 2.5rem;}
    .sub-page .bg_vision .txt_vision p.vision_disc {font-size: 1.7rem;}
    .sub-page .mission {margin-top: 30px;}
    .sub-page .mission > .inner > h4 {margin-bottom: 0px;}
    .sub-page p.title, .sub-page p.discription > i { font-size:  2.0rem;}
    .sub-page p.discription { font-size: 1.5rem; }
}

/* == about_infoDoc */
.sub-page .infoDoc > .inner{width:100%;height:100%;}
.sub-page .infoDoc > .inner > .box {float: none; width: 90%;margin: 0 auto; border-radius: 20px; padding:15px 0px 20px;border:1px solid #ededed;}
.sub-page .infoDoc > .inner > .box:first-child{margin:0 auto !important;}
.sub-page .infoDoc > .inner > .box:nth-child(2){margin:20px auto !important;}
.sub-page .infoDoc > .inner > .box:nth-child(3) {margin-bottom:30px;}
.sub-page .infoDoc > .inner > .box .group {display: table;}
.sub-page .infoDoc > .inner > .box .group img {margin:10px auto 0;}
.sub-page .infoDoc > .inner > .box .group .profile { height: auto; display: table-cell; vertical-align: top; text-align: left; }
.sub-page .infoDoc > .inner > .box > h4 {width:95%;margin:0 auto; text-align:center;font-size:2rem;}
.sub-page .infoDoc > .inner > .box > h4 > i {font-size:2.5rem;}
.sub-page .infoDoc > .inner > .box > p.pageCopy {text-align:center; width:100%; position:relative; top:0; left:0; font-size:2rem; padding-top:25px;}
.sub-page .infoDoc > .inner > .box > .profile_box {width:100%; margin-right:0; margin-top:50px; padding-top:50px; border-top:1px solid #ddd; border-left:0; position:relative; overflow: hidden;}
.sub-page .infoDoc > .inner > .box > .profile_box > h4{text-align:center;font-size:2.1rem; color:#222; padding-left:0;}

@media only screen and (max-width: 640px) { 
    .sub-page .infoDoc > .inner > .box .group {display: block; position: relative; }
    .sub-page .infoDoc > .inner > .box .group img {display: block; width:90%; border-radius:15px; border: 3px solid #fff;}
    .sub-page .infoDoc > .inner > .box .group .profile {display: block; padding: 0px;margin-top: 20px; padding-left:35px;}
/*    .sub-page .infoDoc > .inner > .box .group .profile .before {display:block;}*/
}

/* == about_infoTime */
.sub-page .infoTime > .inner > .pdwrap.mobile {display: block;}
.sub-page .infoTime > .inner > .pdwrap.pc {display: none;}
.sub-page .infoTime > .inner > .pdwrap.mobile .doc-name {font-size: 1.8rem; margin-bottom: 10px; margin-top: 30px;}
.sub-page .infoTime > .inner > .pdwrap.mobile > table.default > thead > tr, .sub-page .infoTime > .inner > .pdwrap.mobile > table.default > tbody > tr {height: 40px;}
.sub-page .infoTime > .inner > .pdwrap.mobile .tbl_caution {margin-top: 20px;}
.sub-page .infoTime > .inner .btnWrap {display: none;}
.sub-page .infoTime > .inner > .pdwrap > .infoBox{border:4px solid #f2ba78; padding:38px 60px; overflow:hidden; margin-top:60px;border-radius:30px;}
	.sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dd > ul{overflow:hidden; margin:20px auto 30px; display: inline-block;}
   .sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dd > ul > li{float:left; margin:0 4%; width:25%; display:inline-block;;}
   .sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dd > ul > li > img{width:100%;}
	.sub-page .infoTime > .inner > .pdwrap > .infoBox > dl{overflow:hidden; display:block; color:#222; font-family:'NanumSquareB'; margin: 0 auto;}
	.sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dt{font-size:1.8rem;margin-bottom:10px; text-align: center;}
	.sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dd{font-size:1.4rem;line-height:1.8rem; text-align: center;}
	.sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dd.info{font-size:1.8rem;line-height:1.8rem; text-align: center; margin-bottom:15px;}

/* == about_infoMap */
.sub-page .infoMap > .inner > .mapArea{width:100%; height:300px;}
.sub-page .infoMap > .inner > .pdwrap > table.default {box-shadow: 0 3px 0 0 rgba(232,232,232,.5);}
.sub-page .infoMap > .inner > .pdwrap > table.default > tbody > tr > th{padding:5px; font-size:1.4rem;}
.sub-page .infoMap > .inner > .pdwrap > table.default > tbody > tr > td{padding:10px; font-size:1.5rem;}
.sub-page .tbl_caution{display:block; width:100%; text-align:center; color:#eb1557; font-size:1.3rem;}
.sub-page .infoMap > .inner > .pdwrap{overflow:hidden;}
.sub-page .infoMap > .inner > .pdwrap > img{margin-top:0px; width:200%; margin-left:-50%;}

/****************************** 진료센터 ******************************/
/* == center_natural */
.sub-page .cautionBox{padding:20px;}
.sub-page .otherBox{padding:20px;}
.sub-page .natural > .inner > p.sectionCopy {font-size: 1.4rem; margin-top:0px;}
.sub-page .natural > .inner > .pdwrap > .box {width:100%; text-align: center; margin-right: 0px; height:auto;}
.sub-page .natural > .inner > .pdwrap > .box:last-child{border-bottom:3px solid #efefef;}
.sub-page .natural > .inner > .pdwrap > .box > .group {position:relative; display: block; width:100%;overflow:hidden;}
.sub-page .natural > .inner > .pdwrap > .box > .group > img {float:left; width:25%; margin:0 !important;}
.sub-page .natural > .inner > .pdwrap > .box > .group > img.reset_img {float:right; width:25%; margin:10px 0px 0px 0px !important; width:70%;}
.sub-page .natural > .inner > .pdwrap > .box > .group > p.disc{float:right; padding-left:0; text-align:left; width:70%; margin-top:0; font-size:1.8rem; line-height:2.5rem; display: inline-block;}
.sub-page .natural > .inner > .pdwrap > .box > .group > p.disc > br{display:none;}
.sub-page .natural > .inner > .pdwrap > .box > p.subject{font-size:2.3rem; margin-bottom:20px ; font-weight:bold !important; height:auto;}
.sub-page .natural > .inner > .pdwrap > .box > p.subject > i {color:#888;}

.sub-page .natural > .inner > .pdwrap > .box4 {display:table;width:100%; float:none; border-bottom:none;}
.sub-page .natural > .inner > .pdwrap > .box4:last-child {border-bottom:1px solid #ddd;}
.sub-page .natural > .inner > .pdwrap > .box4 > p.subject{display:table-cell;width:30%; vertical-align:middle; font-size:2.3rem; font-weight:bold; height:auto !important;}
.sub-page .natural > .inner > .pdwrap > .box4 > p.disc{display:table-cell;width:70%; height:auto !important; padding:20px 10px; vertical-align:middle; text-align:center;}
.sub-page .natural > .inner > .pdwrap > .box4 > p.disc > img{width:25%; border:1px solid #e7e7e7;}
.sub-page .natural > .inner > .pdwrap > .box4 > p.disc > i{display:inline-block;}
.sub-page .natural > .inner > .pdwrap > .box4 > p.disc > span{display: none;}

.sub-page .natural > .inner > .pdwrap.pc{display:none;}
.sub-page .natural > .inner > .pdwrap.mobile{display:block;}
.sub-page .natural > .inner > .pdwrap.mobile > p{display:block; text-align:center; font-size:1.6rem; line-height:1.4; padding:5px 0; background:#35a3dc; color:#fff; border-bottom:1px solid #ddd;}
.sub-page .natural > .inner > .pdwrap.mobile > table.default{padding:none;border-top:0 !important;}
.sub-page .natural > .inner > .pdwrap.mobile > table.default > thead > tr:first-child > th{background:#fafafa !important;color:#222;}
 
.sub-page .natural > .inner > .pdwrap > .infoBox {padding: 20px 5px; text-align: center; width: 100%; border-radius:30px;}
.sub-page .natural > .inner > .pdwrap > .infoBox > img {display: block; float: none; margin: 0 auto; width:25%; margin-bottom: 20px;}
.sub-page .natural > .inner > .pdwrap > .infoBox > dl {margin: 0px;}
.sub-page .natural > .inner > .pdwrap > .infoBox > dl > dt,
.sub-page .natural > .inner > .pdwrap > .infoBox > dl > dd {text-align: center;}
.sub-page .natural > .inner > .pdwrap > .infoBox > dl > dd {font-size:1.55rem;}
.sub-page .natural > .inner > .pdwrap > .infoBox > .infodesk {float:none;; width: 85%; border-left: 0px; padding: 20px 0px 0px; margin:20px auto 0; background-image: none; border-top:3px dotted #efefef;}

@media only screen and (max-width: 640px) {  
    .sub-page .natural > .inner > h4 {font-size:2rem; margin-bottom:20px;}
    .sub-page .natural > .inner > .pdwrap > .box {width:100%;padding:20px 10px;border-right:none;border-left:none;border-bottom:none;}
    .sub-page .natural > .inner > .pdwrap > .infoBox > dl {margin-left: 0px;}
}

@media only screen and (max-width: 320px) {  
    .sub-page .natural > .inner > .pdwrap > .box > .group > img {width: 60px;}
}

/* == center_implant */
.sub-page .cautionBox{padding:20px;}
.sub-page .otherBox{padding:20px;}
.sub-page .implant > .inner > p.sectionCopy {font-size: 1.4rem; margin-top:0px;}
.sub-page .implant > .inner > .pdwrap > .box {text-align: center; margin-right: 0px;}
.sub-page .implant > .inner > .pdwrap > .box:last-child{border-bottom:3px solid #efefef;}
.sub-page .implant > .inner > .pdwrap > .box > .group {position:relative; display: block; width:100%; overflow:hidden;}
.sub-page .implant > .inner > .pdwrap > .box > .group > img {float:left; width:25%; margin:0 !important;}
.sub-page .implant > .inner > .pdwrap > .box > .group > p.disc{float:right; padding-left:0; text-align:left; width:70%; margin-top:0; font-size:1.8rem; line-height:2.5rem; display: inline-block;}
.sub-page .implant > .inner > .pdwrap > .box > .group > p.disc > br{display:none;}
.sub-page .implant > .inner > .pdwrap > .box > p.subject{font-size:2.3rem; margin-bottom:20px ; font-weight:bold !important; height:auto;}
.sub-page .implant > .inner > .pdwrap > .box > p.subject > i {color:#888;}

.sub-page .implant > .inner > .pdwrap > .box4 {display:table;width:100%; float:none; border-bottom:none;}
.sub-page .implant > .inner > .pdwrap > .box4:last-child {border-bottom:1px solid #ddd;}
.sub-page .implant > .inner > .pdwrap > .box4 > p.subject{display:table-cell;width:25%; vertical-align:middle; font-size:2.3rem; font-weight:bold; height:auto !important;}
.sub-page .implant > .inner > .pdwrap > .box4 > p.disc{display:table-cell;width:75%; height:auto !important; padding:20px 10px; vertical-align:middle; text-align:left;}
.sub-page .implant > .inner > .pdwrap > .box4 > p.disc > i{display:inline-block;}
.sub-page .implant > .inner > .pdwrap > .box4 > p.disc > span{display: none;}

.sub-page .implant > .inner > .pdwrap.pc{display:none;}
.sub-page .implant > .inner > .pdwrap.mobile{display:block;}
.sub-page .implant > .inner > .pdwrap.mobile > p{display:block; text-align:center; font-size:1.6rem; line-height:1.4; padding:5px 0; background:#35a3dc; color:#fff; border-bottom:1px solid #ddd;}
.sub-page .implant > .inner > .pdwrap.mobile > table.default{padding:none;border-top:0 !important;}
.sub-page .implant > .inner > .pdwrap.mobile > table.default > thead > tr:first-child > th{background:#fafafa !important;color:#222;}
 
.sub-page .implant > .inner > .pdwrap > .infoBox {padding: 20px 5px; text-align: center; width: 100%; border-radius:30px;}
.sub-page .implant > .inner > .pdwrap > .infoBox > img {display: block; float: none; margin: 0 auto; width:25%; margin-bottom: 20px;}
.sub-page .implant > .inner > .pdwrap > .infoBox > dl {margin: 0px;}
.sub-page .implant > .inner > .pdwrap > .infoBox > dl > dt,
.sub-page .implant > .inner > .pdwrap > .infoBox > dl > dd {text-align: center;}
.sub-page .implant > .inner > .pdwrap > .infoBox > dl > dd {font-size:1.55rem;}
.sub-page .implant > .inner > .pdwrap > .infoBox > .infodesk {float:none;; width: 85%; border-left: 0px; padding: 20px 0px 0px; margin:20px auto 0; background-image: none; border-top:3px dotted #efefef;}

@media only screen and (max-width: 640px) {  
    .sub-page .implant > .inner > h4 {font-size:2rem; margin-bottom:20px;}
    .sub-page .implant > .inner > .pdwrap > .box {width:100%;padding:20px 10px;border-right:none;border-left:none;border-bottom:none;}
    .sub-page .implant > .inner > .pdwrap > .infoBox > dl {margin-left: 0px;}
}

@media only screen and (max-width: 320px) {  
    .sub-page .implant > .inner > .pdwrap > .box > .group > img {width: 60px;}
}

/* == center_wisdom */
.sub-page .wisdom > .inner > p.sectionCopy {font-size: 1.4rem; margin-top:0px;}
.sub-page .wisdom > .inner > .pdwrap > .box {width: 100%; text-align: center; margin-right: 0px; padding:5rem 3rem;}
.sub-page .wisdom > .inner > .pdwrap > .box:last-child{border-bottom:3px solid #efefef;}
.sub-page .wisdom > .inner > .pdwrap > .box > .group {position:relative; display: block; width:30%; overflow:hidden; float:left;}
.sub-page .wisdom > .inner > .pdwrap > .box > .group > img {width:100%; float:left; margin:5px 0 0 0 !important;}
.sub-page .wisdom > .inner > .pdwrap > .box > .group > p.disc{float:right; padding-left:0; text-align:left; width:70%; margin-top:0; font-size:1.8rem; line-height:2.5rem; display: inline-block;}
.sub-page .wisdom > .inner > .pdwrap > .box > .group > p.disc > br{display:none;}
.sub-page .wisdom > .inner > .pdwrap > .box > p.subject{width: 70%; font-size:2.3rem; margin-top:35px; margin-bottom:35px; font-weight:bold !important; height:auto; float:right;}
.sub-page .wisdom > .inner > .pdwrap > .box > p.subject > i {color:#888;}

.sub-page .wisdom > .inner > .pdwrap > .box4 {display:table;width:100%; float:none; border-bottom:none;}
.sub-page .wisdom > .inner > .pdwrap > .box4:last-child {border-bottom:1px solid #ddd;}
.sub-page .wisdom > .inner > .pdwrap > .box4 > p.subject{display:table-cell;width:25%; vertical-align:middle; font-size:2.3rem; font-weight:bold; height:auto !important;}
.sub-page .wisdom > .inner > .pdwrap > .box4 > p.disc{display:table-cell;width:75%; height:auto !important; padding:20px 10px; vertical-align:middle; text-align:left;}
.sub-page .wisdom > .inner > .pdwrap > .box4 > p.disc > i{display:inline-block;}
.sub-page .wisdom > .inner > .pdwrap > .box4 > p.disc > span{display: none;}

.sub-page .wisdom > .inner > .pdwrap.pc{display:none;}
.sub-page .wisdom > .inner > .pdwrap.mobile{display:block;}
.sub-page .wisdom > .inner > .pdwrap.mobile > p{display:block; text-align:center; font-size:1.6rem; line-height:1.4; padding:5px 0; background:#35a3dc; color:#fff; border-bottom:1px solid #ddd;}
.sub-page .wisdom > .inner > .pdwrap.mobile > table.default{padding:none;border-top:0 !important;}
.sub-page .wisdom > .inner > .pdwrap.mobile > table.default > thead > tr:first-child > th{background:#fafafa !important;color:#222;}
 
.sub-page .wisdom > .inner > .pdwrap > .infoBox {padding: 20px 5px; text-align: center; width: 100%; border-radius:30px;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > img {display: block; float: none; margin: 0 auto; width:25%; margin-bottom: 20px;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl {margin: 0px;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl > dt,
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl > dd {text-align: center;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl > dd {font-size:1.55rem;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > .infodesk {float:none;; width: 85%; border-left: 0px; padding: 20px 0px 0px; margin:20px auto 0; background-image: none; border-top:3px dotted #efefef;}

@media only screen and (max-width: 640px) {  
    .sub-page .wisdom > .inner > h4 {font-size:2rem; margin-bottom:20px;}
    .sub-page .wisdom > .inner > .pdwrap > .box {width:100%;padding:20px 10px;border-right:none;border-left:none;border-bottom:none;}
    .sub-page .wisdom > .inner > .pdwrap > .infoBox > dl {margin-left: 0px;}
}

@media only screen and (max-width: 320px) {  
    .sub-page .wisdom > .inner > .pdwrap > .box > .group > img {width: 60px;}
}

/* == cetner_pediatric */
.sub-page .pediatric > .inner > p.sectionCopy {font-size: 1.4rem; margin-top:0px;}
.sub-page .pediatric > .inner > .pdwrap > .box {width:100%; text-align: center; margin-right: 0px;}
.sub-page .pediatric > .inner > .pdwrap > .box:last-child{border-bottom:3px solid #efefef;}
.sub-page .pediatric > .inner > .pdwrap > .box > .group {position:relative; display: block; width:100%; overflow:hidden;}
.sub-page .pediatric > .inner > .pdwrap > .box > .group > img {float:left; width:25%; margin:0 !important;}
.sub-page .pediatric > .inner > .pdwrap > .box > .group > p.disc{float:right; padding-left:0; text-align:center; width:70%; margin-top:0; font-size:1.8rem; line-height:2.5rem; display: inline-block;}
.sub-page .pediatric > .inner > .pdwrap > .box > .group > p.disc > br{display:none;}
.sub-page .pediatric > .inner > .pdwrap > .box > p.subject{font-size:2.3rem; margin-bottom:20px ; font-weight:bold !important; height:auto;}
.sub-page .pediatric > .inner > .pdwrap > .box > p.subject > i {color:#888;}

.sub-page .pediatric > .inner > .pdwrap > .box4 {display:table; width:100%; float:none; border-bottom:none;}
.sub-page .pediatric > .inner > .pdwrap > .box4:last-child {border-bottom:1px solid #ddd;}
.sub-page .pediatric > .inner > .pdwrap > .box4 > p.subject{display:table-cell; width:25%; vertical-align:middle; font-size:2.3rem; font-weight:bold; height:auto !important;}
.sub-page .pediatric > .inner > .pdwrap > .box4 > p.disc{display:table-cell; width:75%; height:auto !important; padding:20px 10px; vertical-align:middle; text-align:center;}
.sub-page .pediatric > .inner > .pdwrap > .box4 > p.disc > i{display:inline-block;}
.sub-page .pediatric > .inner > .pdwrap > .box4 > p.disc > span{display: none;}

.sub-page .pediatric > .inner > .pdwrap.pc{display:none;}
.sub-page .pediatric > .inner > .pdwrap.mobile{display:block;}
.sub-page .pediatric > .inner > .pdwrap.mobile > p{display:block; text-align:center; font-size:1.6rem; line-height:1.4; padding:5px 0; background:#35a3dc; color:#fff; border-bottom:1px solid #ddd;}
.sub-page .pediatric > .inner > .pdwrap.mobile > table.default{padding:none;border-top:0 !important;}
.sub-page .pediatric > .inner > .pdwrap.mobile > table.default > thead > tr:first-child > th{background:#fafafa !important;color:#222;}
 
.sub-page .pediatric > .inner > .pdwrap > .infoBox {padding: 20px 5px; text-align: center; width: 100%; border-radius:30px;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > img {display: block; float: none; margin: 0 auto; width:25%; margin-bottom: 20px;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl {margin: 0px;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl > dt,
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl > dd {text-align: center;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl > dd {font-size:1.55rem;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > .infodesk {float:none;; width: 85%; border-left: 0px; padding: 20px 0px 0px; margin:20px auto 0; background-image: none; border-top:3px dotted #efefef;}

@media only screen and (max-width: 640px) {  
    .sub-page .pediatric > .inner > h4 {font-size:2rem; margin-bottom:20px;}
    .sub-page .pediatric > .inner > .pdwrap > .box {width:100%;padding:20px 10px;border-right:none;border-left:none;border-bottom:none;}
    .sub-page .pediatric > .inner > .pdwrap > .infoBox > dl {margin-left: 0px;}
}

@media only screen and (max-width: 320px) {  
    .sub-page .pediatric > .inner > .pdwrap > .box > .group > img {width: 60px;}
}

/* == center_general */
.sub-page .general > .inner > p.sectionCopy {font-size: 1.4rem; margin-top:0px;}
.sub-page .general > .inner > .pdwrap > .box {width: 100%; text-align: center; margin-right: 0px; padding:5rem 3rem;}
.sub-page .general > .inner > .pdwrap > .box:last-child{border-bottom:3px solid #efefef;}
.sub-page .general > .inner > .pdwrap > .box > .group {position:relative; display: block; width:30%; overflow:hidden; float:left;}
.sub-page .general > .inner > .pdwrap > .box > .group > img {float:left; margin:0 !important;}
.sub-page .general > .inner > .pdwrap > .box > .group > p.disc{float:right; padding-left:0; text-align:left; width:70%; margin-top:0; font-size:1.8rem; line-height:2.5rem; display: inline-block;}
.sub-page .general > .inner > .pdwrap > .box > .group > p.disc > br{display:none;}
.sub-page .general > .inner > .pdwrap > .box > p.subject{width: 70%; font-size:2.3rem; margin-top:53px; margin-bottom:53px; font-weight:bold !important; height:auto; float:right;}
.sub-page .general > .inner > .pdwrap > .box > p.subject > i {color:#888;}

.sub-page .general > .inner > .pdwrap > .box4 {display:table;width:100%; float:none; border-bottom:none;}
.sub-page .general > .inner > .pdwrap > .box4:last-child {border-bottom:1px solid #ddd;}
.sub-page .general > .inner > .pdwrap > .box4 > p.subject{display:table-cell;width:25%; vertical-align:middle; font-size:2.3rem; font-weight:bold; height:auto !important;}
.sub-page .general > .inner > .pdwrap > .box4 > p.disc{display:table-cell;width:75%; height:auto !important; padding:20px 10px; vertical-align:middle; text-align:left;}
.sub-page .general > .inner > .pdwrap > .box4 > p.disc > i{display:inline-block;}
.sub-page .general > .inner > .pdwrap > .box4 > p.disc > span{display: none;}

.sub-page .general > .inner > .pdwrap.pc{display:none;}
.sub-page .general > .inner > .pdwrap.mobile{display:block;}
.sub-page .general > .inner > .pdwrap.mobile > p{display:block; text-align:center; font-size:1.6rem; line-height:1.4; padding:5px 0; background:#35a3dc; color:#fff; border-bottom:1px solid #ddd;}
.sub-page .general > .inner > .pdwrap.mobile > table.default{padding:none;border-top:0 !important;}
.sub-page .general > .inner > .pdwrap.mobile > table.default > thead > tr:first-child > th{background:#fafafa !important;color:#222;}
 
.sub-page .general > .inner > .pdwrap > .infoBox {padding: 20px 5px; text-align: center; width: 100%; border-radius:30px;}
.sub-page .general > .inner > .pdwrap > .infoBox > img {display: block; float: none; margin: 0 auto; width:25%; margin-bottom: 20px;}
.sub-page .general > .inner > .pdwrap > .infoBox > dl {margin: 0px;}
.sub-page .general > .inner > .pdwrap > .infoBox > dl > dt,
.sub-page .general > .inner > .pdwrap > .infoBox > dl > dd {text-align: center;}
.sub-page .general > .inner > .pdwrap > .infoBox > dl > dd {font-size:1.55rem;}
.sub-page .general > .inner > .pdwrap > .infoBox > .infodesk {float:none;; width: 85%; border-left: 0px; padding: 20px 0px 0px; margin:20px auto 0; background-image: none; border-top:3px dotted #efefef;}

@media only screen and (max-width: 640px) {  
    .sub-page .general > .inner > h4 {font-size:2rem; margin-bottom:20px;}
    .sub-page .general > .inner > .pdwrap > .box {width:100%;padding:20px 10px;border-right:none;border-left:none;border-bottom:none;}
    .sub-page .general > .inner > .pdwrap > .infoBox > dl {margin-left: 0px;}
}

@media only screen and (max-width: 320px) {  
    .sub-page .general > .inner > .pdwrap > .box > .group > img {width: 60px;}
}

/* == center_nutrition */ 
.sub-page .nutrition > .inner > .pdwrap.pc{display:none;}
.sub-page .nutrition > .inner > .pdwrap.mobile.box-group{display:block;}
.sub-page .nutrition .pdwrap.box-group {margin:0 auto 50px;width:95%;overflow: hidden;}
.sub-page .nutrition > .inner > .pdwrap > .box {box-sizing: border-box; margin-right: 2%; margin-bottom:8px; width:49%; text-align:center; padding:15px 10px;margin-bottom: 20px;}
.sub-page .nutrition > .inner > .pdwrap > .box:nth-child(2n) {margin-right:0 !important;}
.sub-page .nutrition > .inner > .pdwrap > .box > p.subject {display: block; height:120px;}
.sub-page .nutrition > .inner > .pdwrap > .box > p.subject > span {font-size: 1.8rem; display: block; letter-spacing: -0.08rem;}
.sub-page .nutrition > .inner > .pdwrap > .box > img{margin:0 auto; padding:0; display:inline-block;}

.sub-page .nutrition > .inner > .pdwrap > .infoBox {padding: 20px 5px; text-align: center; width: 100%; border-radius:30px; margin-top:-20px;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > img {display: block; float: none; margin: 0 auto; width:25%; margin-bottom: 20px;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl {margin: 0px;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl > dt,
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl > dd {text-align: center;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl > dd {font-size:1.55rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > .infodesk {float:none;; width: 85%; border-left: 0px; padding: 20px 0px 0px; margin:20px auto 0; background-image: none; border-top:3px dotted #efefef;}

/* == center_growth */ 
.sub-page .growth > .inner > .pdwrap.pc{display:none;}
.sub-page .growth > .inner > .pdwrap.mobile.box-group{display:block;}
.sub-page .growth .pdwrap.box-group {margin:0 auto 50px;width:95%;overflow: hidden;}
.sub-page .growth > .inner > .pdwrap > .box {box-sizing: border-box; margin-right: 2%; margin-bottom:8px; width:49%; text-align:center; padding:15px 10px;margin-bottom: 20px;}
.sub-page .growth > .inner > .pdwrap > .box:nth-child(2n) {margin-right:0 !important;}
.sub-page .growth > .inner > .pdwrap > .box > p.subject {display: block; height:120px;}
.sub-page .growth > .inner > .pdwrap > .box > p.subject > span {font-size: 1.8rem; display: block; letter-spacing: -0.08rem;}
.sub-page .growth > .inner > .pdwrap > .box > img{margin:0 auto; padding:0; display:inline-block;}

/****************************** 예방접종 ******************************/
/* == vaccin_schedule */
.sub-page .schedule > .inner > .pdwrap > table.default {font-size:1.4rem;}
.sub-page .schedule > .inner > .pdwrap > table.default colgroup{display: none;}
.sub-page .schedule > .inner > .pdwrap > table.default > thead > tr > th {padding:0; font-size:1.4rem;}
.sub-page .schedule > .inner > .pdwrap > table.default > thead > tr > th > span:first-child{display:none;}
.sub-page .schedule > .inner > .pdwrap > table.default > thead > tr > th > span:last-child{display:block;font-size:1.4rem;}
.sub-page .schedule > .inner > .pdwrap > table.default > tbody > tr > th,
.sub-page .schedule > .inner > .pdwrap > table.default > tbody > tr > td {padding:0 3px; font-size:1.4rem; text-align:center;word-break: keep-all;}
.sub-page .schedule > .inner > .pdwrap > table.default > tbody > tr > th{width:25%;}

/* == vaccin_cautions */
.sub-page .cautions > .inner > .pdwrap > table.default.cautions > tbody > tr > th > span {font-size:1.8rem; line-height:2.6rem; width:100%; text-align: center;}
.sub-page .cautions > .inner > .pdwrap > table.default.cautions > tbody > tr > th > img {margin: 10px auto; float: none; display: block; width:60%;}
.sub-page .cautions > .inner > .pdwrap > table.default.cautions > tbody > tr > th {text-align: center; width:30%;}
.sub-page .cautions > .inner > .pdwrap > table.default.cautions > tbody > tr > td {padding-left:10px !important; padding-top:5px !important; padding-bottom:5px !important; font-size:1.8rem; line-height:2rem;}

.sub-page .cautions > .inner > .pdwrap > table.default {font-size:1.4rem;}
.sub-page .cautions > .inner > .pdwrap > table.default colgroup{display: none;}
.sub-page .cautions > .inner > .pdwrap > table.default > thead > tr > th {padding:0; font-size:1.4rem;}
.sub-page .cautions > .inner > .pdwrap > table.default > tbody > tr > th,
.sub-page .cautions > .inner > .pdwrap > table.default > tbody > tr > td {padding:0 3px; font-size:1.4rem; text-align:left;word-break: keep-all;}

/****************************** 온라인 예약 ******************************/
/* == reservation_infoWay */
.sub-page .infoWay > .inner > .pdwrap > table.default > colgroup{display: none;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > th:nth-child(1) {display: none;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > th:nth-child(2){font-size:1.8rem; width:38%; padding: 5px 5px 5px 10px !important;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > th:nth-child(2) > p{display:block; font-size:3rem; text-align:left; color: #d4d3d3;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > th{font-size:1.8rem; line-height:2rem; word-break: break-all;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > td{padding: 5px 0 5px 10px !important; font-size:1.7rem; line-height:2rem; width:62%;}

/* 팝업 */
.popup { max-width: 80% !important; min-width:80% !important; top: 75px !important; left:50% !important; }
.popup:first-child::after { content: ''; background-color: #fff; width: 100%; height: 100%;}
.sub-page .infoTime > .inner > .pdwrap > table > tbody > tr > td.on.moon {background-size: contain !important; }