@charset "utf-8";
/****************************** 인트로 ******************************/
.ejin_list{width:700px; margin:15% auto 0;}
.ejin_list dl dt span{margin-bottom:25%;}
.ejin_list dl dd{height:240px;}
.ejin_list dl dd a img{width:90%;}
.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;}
/****************************** 메인 페이지 ******************************/
/* header nav .menu_group:after {top: 135px;} */
.main .wrap {margin: 0 auto 20px;}

.main .visualArea{/*padding-top:70px;*/ height:330px;}
.main .visualArea .flexslider .flex-control-nav {bottom: 30px;}
.main .visualArea .flexslider ul.slides li {background-position: top;}
.main .visualArea .flexslider ul.slides li .desc{position:relative; margin: 0 0 0 auto; width: 360px; right:0; height: inherit;}
.main .visualArea .flexslider ul.slides li .desc .slide_text {position:absolute; margin: 0; width:380px; padding: 20px;}
.main .visualArea .flexslider ul.slides li .desc .slide_text .slideCopy {font-size: 3.0rem;}
.main .visualArea .flexslider ul.slides li .desc .slide_text dl {margin-top: 20px;}

.main .wrap div.quick {/*display: inline-flex;*/ width: 100%;}
.main .wrap div.quick a.box {/*flex: 1;*/ position: relative;}
.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%; max-width: none; 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(2),
.main .wrap div.quick a.box:nth-child(3) {background-color: #f7f6f2 !important;}
.main .wrap div.quick a.box:nth-child(4) {background-color: #fff !important;}

.main .visualArea .flexslider ul.slides li dl dd > span {display: block; font-size:0;}
.main .visualArea .flexslider ul.slides span.highlight {margin-left: -5px; font-size:1.6rem; width: max-content;}

.popup {top:127px;}
@media only screen and (max-width: 1024px) {
	.popup {top:75px;}
}

#popup_schedule {width: 97%; left:0px !important; right:0px !important; margin: 0 auto; top: 160px !important; max-width: 850px !important;}

#popup_schedule .pc {display: none;}
#popup_schedule .mobile {display: block;}
#popup_schedule table tr th {padding-top: 10px; padding-bottom: 10px; font-size: 1.8rem !important;}
#popup_schedule td.on.moon {background-size: 30% !important;}
/****************************** 서브 페이지 정의 ******************************/
/* 공통 */
.sub-page .visual {padding-top: 0px; height: 400px;}
.sub-page .visual > .inner {height: 100%; padding-top: 70px;}
.sub-page h2.subTitle {font-size: 3.8rem; padding-top:0px;}
.sub-page hr.sublineB {width:50px; margin-top:10px;}
.sub-page .visual ul.sub_nav {position: absolute; bottom: 0px;}
.sub-page .cont_wrap{padding: 80px 0 50px 0;}
/*서브비주얼S*/
.sub-page .visual {display:none; position: relative; width:100%; height: 238px; -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 bottom right; background-size:cover !important;}
.sub-page .visual.center{background:url('../images/center_visual.png') no-repeat bottom right; background-size:cover !important;}
.sub-page .visual.vaccin{background:url('../images/vaccin_visual.png') no-repeat bottom right; background-size:cover !important;}
.sub-page .visual.reservation{background:url('../images/reservation_visual.png') no-repeat bottom right; background-size:cover !important;}
.sub-page .visual.board{background:url('../images/board_visual.png') no-repeat bottom right; background-size:cover !important;}
/*서브비주얼S*/
/* ========= 뉴이진소개 ======== */
/* == about_intro */
.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-bottom: 45px;}
.sub-page hr.decoline {display: none;}
.sub-page .mission > .inner p.discription { height:80px; word-break: keep-all; }
.sub-page .mission > .inner p.discription i {line-height: 3.0rem; /*display: block;*/ margin-bottom: 5px;}
/* == about_infoDoc */
.sub-page .infoDoc > .inner > .box { float: left; width: 100%; margin-left: 0px !important; height: auto; }
.sub-page .infoDoc > .inner > .box:nth-child(1) {padding-top: 0px;}
.sub-page .infoDoc > .inner > .box:nth-child(1), .sub-page .infoDoc > .inner > .box:nth-child(3) { background-color: #fff;}
.sub-page .infoDoc > .inner > .box .group {display: table; margin: 0 auto;}
.sub-page .infoDoc > .inner > .box .group img {margin-top: 10px; margin-bottom: 10px;}
.sub-page .infoDoc > .inner > .box .group .profile { height: auto; display: table-cell; vertical-align: top; padding-top: 15px; padding-left: 30px;}
.sub-page .profile > li {margin-bottom: 10px;}
/* == about_infoTime */
.sub-page .infoTime > .inner .btnWrap {display: none;}
.sub-page .infoTime > .inner > .pdwrap > .infoBox > dl > dt{font-size:2.4rem;margin-bottom:10px; text-align: center;}
/* == about_infoMap*/ 
.sub-page .infoMap > .inner > .pdwrap > table.default > tbody > tr > th {font-size: 1.5rem;}
.sub-page .infoMap > .inner > .pdwrap > table.default > tbody > tr > th:nth-child(1) {min-width: 120px;}
.sub-page .infoMap > .inner > .pdwrap > table.default > tbody > tr > th:nth-child(2) {min-width: 200px;}
.sub-page .infoMap > .inner > .pdwrap > table.default > tbody > tr > td {word-break: keep-all; padding-left: 15px;}
.sub-page .infoMap > .inner > .pdwrap{overflow:hidden;}
.sub-page .infoMap > .inner > .pdwrap > img {margin-left:-25%; width:150%;}
.sub-page .infoMap > .inner > .mapArea{height:450px;}
/* ========= 진 료 센 터 ======== */
/* == center_natural */
.sub-page .natural > .inner > h4{margin-bottom:20px !important;}
.sub-page .natural > .inner > .pdwrap > .box { padding-left: 20px; padding-right: 20px; margin-right: 10px;}
.sub-page .natural > .inner > .pdwrap > .box > .group > p.disc {font-size: 1.5rem;}
.sub-page .natural > .inner > .pdwrap.box4_wrap {display: flex; flex-flow:nowrap !important; align-content:flex-start !important; justify-content:flex-start !important;}
.sub-page .natural > .inner > .pdwrap.box4_wrap .box4 {width: 49%; height: 330px;}
.sub-page .natural > .inner > .pdwrap.box4_wrap .box4:nth-child(2n) { margin-right: 10px; }
.sub-page .natural > .inner > .pdwrap > .box4 > p.disc {word-break: keep-all; padding:0px; height: auto;}
.sub-page .natural > .inner > .pdwrap > table.default > thead > tr > th {font-size: 1.6rem;}
.sub-page .natural .box-group {display: flex;}
.sub-page .natural .box-group .box {flex: 1; min-height: 470px;}
.sub-page .natural .box-group .box p.disc {word-break: keep-all;}
.sub-page .natural > .inner > .pdwrap > .infoBox {padding: 20px 20px;}
.sub-page .natural > .inner > .pdwrap > .infoBox > img {width:130px;}
.sub-page .natural > .inner > .pdwrap > .infoBox > dl {margin-left: 25px; font-size: 1.3rem;}
.sub-page .natural > .inner > .pdwrap > .infoBox > dl > dd {font-size: 1.3rem;}
.sub-page .natural > .inner > .pdwrap > .infoBox > dl > dt {font-size: 2.5rem;}
.sub-page .natural > .inner > .pdwrap > .infoBox > .infodesk {font-size: 1.4rem;}
.sub-page .natural > .inner > .pdwrap > .infoBox > .infodesk > p {font-size: 1.4rem;}
.sub-page .natural > .inner > .pdwrap > .infoBox > .infodesk > p > .orange {font-size: 1.6rem;}
/* == center_implant */
.sub-page .implant > .inner > h4{margin-bottom:20px !important;}
.sub-page .implant > .inner > .pdwrap > .box { padding-left: 20px; padding-right: 10px; margin-right: 10px;}
.sub-page .implant > .inner > .pdwrap > .box > .group > p.disc {font-size: 1.5rem;}
.sub-page .implant > .inner > .pdwrap.box4_wrap {display: flex; flex-flow:nowrap !important; align-content:flex-start !important; justify-content:flex-start !important;}
.sub-page .implant > .inner > .pdwrap.box4_wrap .box4 {width: 49%; height: 330px;}
.sub-page .implant > .inner > .pdwrap.box4_wrap .box4:nth-child(2n) { margin-right: 10px; }
.sub-page .implant > .inner > .pdwrap > .box4 > p.disc {word-break: keep-all; padding-top:15%; height: auto;}
.sub-page .implant > .inner > .pdwrap > table.default > thead > tr > th {font-size: 1.6rem;}
.sub-page .implant .box-group {display: flex;}
.sub-page .implant .box-group .box {flex: 1; min-height: 470px;}
.sub-page .implant .box-group .box p.disc {word-break: keep-all;}
.sub-page .implant > .inner > .pdwrap > .infoBox {padding: 20px 20px;}
.sub-page .implant > .inner > .pdwrap > .infoBox > img {width:130px;}
.sub-page .implant > .inner > .pdwrap > .infoBox > dl {margin-left: 25px; font-size: 1.3rem;}
.sub-page .implant > .inner > .pdwrap > .infoBox > dl > dd {font-size: 1.3rem;}
.sub-page .implant > .inner > .pdwrap > .infoBox > dl > dt {font-size: 2.5rem;}
.sub-page .implant > .inner > .pdwrap > .infoBox > .infodesk {font-size: 1.4rem;}
.sub-page .implant > .inner > .pdwrap > .infoBox > .infodesk > p {font-size: 1.4rem;}
.sub-page .implant > .inner > .pdwrap > .infoBox > .infodesk > p > .orange {font-size: 1.6rem;}
/* == center_wisdom*/
.sub-page .wisdom > .inner > h4{margin-bottom:20px !important;}
.sub-page .wisdom > .inner > .pdwrap > .box { padding-left: 10px; padding-right: 10px; margin-right: 10px;}
.sub-page .wisdom > .inner > .pdwrap > .box > .group > p.disc {font-size: 1.5rem;}
.sub-page .wisdom > .inner > .pdwrap.box4_wrap {display: flex; flex-flow:nowrap !important; align-content:flex-start !important; justify-content:flex-start !important;}
.sub-page .wisdom > .inner > .pdwrap.box4_wrap .box4 {width: 49%; height: 330px;}
.sub-page .wisdom > .inner > .pdwrap.box4_wrap .box4:nth-child(2n) { margin-right: 10px; }
.sub-page .wisdom > .inner > .pdwrap > .box4 > p.disc {word-break: keep-all; padding-top:15%; height: auto;}
.sub-page .wisdom > .inner > .pdwrap > table.default > thead > tr > th {font-size: 1.6rem;}
.sub-page .wisdom .box-group {display: flex;}
.sub-page .wisdom .box-group .box {flex: 1;}
.sub-page .wisdom .box-group .box p.disc {word-break: keep-all;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox {padding: 20px 20px;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > img {width:130px;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl {margin-left: 25px; font-size: 1.3rem;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl > dd {font-size: 1.3rem;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > dl > dt {font-size: 2.5rem;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > .infodesk {font-size: 1.4rem;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > .infodesk > p {font-size: 1.4rem;}
.sub-page .wisdom > .inner > .pdwrap > .infoBox > .infodesk > p > .orange {font-size: 1.6rem;}
/* == center_pediatric*/
.sub-page .pediatric > .inner > h4{margin-bottom:20px !important;}
.sub-page .pediatric > .inner > .pdwrap > .box { padding-left: 20px; padding-right: 10px; margin-right: 10px;}
.sub-page .pediatric > .inner > .pdwrap > .box > .group > p.disc {font-size: 1.5rem;}
.sub-page .pediatric > .inner > .pdwrap.box4_wrap {display: flex; flex-flow:nowrap !important; align-content:flex-start !important; justify-content:flex-start !important;}
.sub-page .pediatric > .inner > .pdwrap.box4_wrap .box4 {width: 49%; height: 330px;}
.sub-page .pediatric > .inner > .pdwrap.box4_wrap .box4:nth-child(2n) { margin-right: 10px; }
.sub-page .pediatric > .inner > .pdwrap > .box4 > p.disc {word-break: keep-all; padding:0px; height: auto;}
.sub-page .pediatric > .inner > .pdwrap > table.default > thead > tr > th {font-size: 1.6rem;}
.sub-page .pediatric .box-group {display: flex;}
.sub-page .pediatric .box-group .box {flex: 1; min-height: 470px;}
.sub-page .pediatric .box-group .box p.disc {word-break: keep-all;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox {padding: 20px 20px;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > img {width:130px;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl {margin-left: 25px; font-size: 1.3rem;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl > dd {font-size: 1.3rem;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > dl > dt {font-size: 2.5rem;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > .infodesk {font-size: 1.4rem;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > .infodesk > p {font-size: 1.4rem;}
.sub-page .pediatric > .inner > .pdwrap > .infoBox > .infodesk > p > .orange {font-size: 1.6rem;}
/* == center_general*/
.sub-page .general > .inner > h4{margin-bottom:20px !important;}
.sub-page .general > .inner > .pdwrap > .box { padding-left: 10px; padding-right: 10px; margin-right: 10px;}
.sub-page .general > .inner > .pdwrap > .box > .group > p.disc {font-size: 1.5rem;}
.sub-page .general > .inner > .pdwrap.box4_wrap {display: flex; flex-flow:nowrap !important; align-content:flex-start !important; justify-content:flex-start !important;}
.sub-page .general > .inner > .pdwrap.box4_wrap .box4 {width: 49%; height: 330px;}
.sub-page .general > .inner > .pdwrap.box4_wrap .box4:nth-child(2n) { margin-right: 10px; }
.sub-page .general > .inner > .pdwrap > .box4 > p.disc {word-break: keep-all; padding-top:15%; height: auto;}
.sub-page .general > .inner > .pdwrap > table.default > thead > tr > th {font-size: 1.6rem;}
.sub-page .general .box-group {display: flex;}
.sub-page .general .box-group .box {flex: 1;}
.sub-page .general .box-group .box p.disc {word-break: keep-all;}
.sub-page .general > .inner > .pdwrap > .infoBox {padding: 20px 20px;}
.sub-page .general > .inner > .pdwrap > .infoBox > img {width:130px;}
.sub-page .general > .inner > .pdwrap > .infoBox > dl {margin-left: 25px; font-size: 1.3rem;}
.sub-page .general > .inner > .pdwrap > .infoBox > dl > dd {font-size: 1.3rem;}
.sub-page .general > .inner > .pdwrap > .infoBox > dl > dt {font-size: 2.5rem;}
.sub-page .general > .inner > .pdwrap > .infoBox > .infodesk {font-size: 1.4rem;}
.sub-page .general > .inner > .pdwrap > .infoBox > .infodesk > p {font-size: 1.4rem;}
.sub-page .general > .inner > .pdwrap > .infoBox > .infodesk > p > .orange {font-size: 1.6rem;}
/* == center_nutrition*/ 
.sub-page .nutrition > .inner > h4{margin-bottom:20px !important;}
.sub-page .nutrition > .inner > .pdwrap > .box { box-sizing: border-box; width:19.2%; margin-right: 1%; }
.sub-page .nutrition > .inner > .pdwrap > .box > p.subject {font-size: 1.6rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox {padding: 20px 20px;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > img {width:130px;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl {margin-left: 25px; font-size: 1.3rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl > dd {font-size: 1.3rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > dl > dt {font-size: 2.5rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > .infodesk {font-size: 1.4rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > .infodesk > p {font-size: 1.4rem;}
.sub-page .nutrition > .inner > .pdwrap > .infoBox > .infodesk > p > .orange {font-size: 1.6rem;}
/* == center_growth*/ 
.sub-page .growth > .inner > h4{margin-bottom:20px !important;}
.sub-page .growth > .inner > .pdwrap > .box { box-sizing: border-box; width:19.2%; margin-right: 1%; }
.sub-page .growth > .inner > .pdwrap > .box > p.subject {font-size: 1.6rem;}
.sub-page .growth > .inner > .pdwrap > .box > img{padding-top:15px !important;}
/* ========= 예 방 접 종 ======== */
/* == vaccin_schedule*/
.sub-page .schedule > .inner > .pdwrap > table.support > tbody > tr > td {min-width: 100px; word-break: keep-all;}
/* == vaccin_cautions*/ 
.sub-page .cautions > .inner > h4{margin-bottom:20px !important;}
.sub-page .cautions > .inner > .pdwrap > table.cautions > tbody > tr > th > img {width: 29%; margin-left: 23px;}
.sub-page .cautions > .inner > .pdwrap > table.cautions > tbody > tr > th > span {font-size: 2.5rem; padding-top: 0px;}
.sub-page .cautions > .inner > .pdwrap > table.cautions > tbody > tr > td { word-break: keep-all;}
.sub-page .cautions > .inner > .pdwrap > table.default > thead > tr > th, .sub-page .cautions > .inner > .pdwrap > table.default > tbody > tr > td { word-break: keep-all;}
/* ========= 온라인예약 ======== */
/* == reservation_infoWay*/ 
.sub-page .infoWay > .inner > h4{margin-bottom:20px !important;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > td { word-break: keep-all;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > th {font-size: 1.8rem;}
.sub-page .infoWay > .inner > .pdwrap > table.default > tbody > tr > th .green {font-size: 1.4rem;}
.sub-page .infoWay .cautionBox { word-break: keep-all;}
/* ========= 뉴이진소식 ======== */
/* ==board_nondeductible */ 
.sub-page .medicalrecord > .inner > .pdwrap > table.default > tbody > tr > th, .sub-page .medicalrecord > .inner > .pdwrap > table.default > tbody > tr > td { word-break: keep-all;}