@charset "utf-8";
@import url("/css/main/content.css");

body.sub04_06 #foot_layout{z-index: 8;}
body.sub04_06 #body_layout{position: static;}
.ui-banner__box.file .ui-banner__title {padding-left: 0;}
.ui-banner__box.file .ui-banner__title:before {display: none;}
.ui-banner__box.file .ui-banner__title .icon_hwp {display: inline-block; width: 32px;height: 32px;margin-right:20px;background: url(/images/kysoa/sub02/down_icon.png); background-position: 0 0;vertical-align: middle;}
.ui-banner__box.file .ui-banner__title .icon_docx {display: inline-block; width: 32px;height: 32px;margin-right: 20px;background: url(/images/kysoa/sub02/down_icon.png); background-position: -41px 0;vertical-align: middle;}

/* box-list */
.box-list {margin: 0 -7px;}
.box-list:after {content: ""; display: block; clear: both;}
.box-list li {float: left; width: calc(25% - 14px); padding: 24px 0; margin: 0 7px 14px; border: 1px solid #ddd; text-align: center; border-radius: 5px; box-shadow: 3px 3px 5px rgba(185, 185, 185, 0.1);}
.box-list li span {display: block; font-weight: bold;}
.box-list li span:last-child {color: #008574;}
@media (max-width:1024px) {
  .box-list li {width: calc(33.3333% - 14px);}
}
@media (max-width:767px) {
  .box-list li {width: calc(50% - 14px);}
}
@media (max-width:520px) {
  .box-list li {float: none; width: auto;}
}
.table th {text-align: center !important;}

/* 와이드페이지 css */
.wide_wrapper .body_wrap.layout {max-width:100%;}
.wide_wrapper .title_wrap {position: relative; max-width:1400px;margin:0 auto 40px;}
.wide_wrapper .content-info{max-width:1400px;margin:100px auto 0;}
@media (max-width: 1469px){
    .wide_wrapper .body_wrap.layout {padding: 0;}
    .wide_wrapper .title_wrap { margin: 0 35px 40px;}
    .wide_wrapper .title_wrap .print_wrap {right: 0;}
}
@media(max-width:1023px){
	.wide_wrapper .title_wrap {margin:0 35px 30px;}
}
@media (max-width: 767px){
    .wide_wrapper .title_wrap { margin: 0 20px 30px;}
}
/* 와이드페이지 css End */

/* sub010401 외래진료 안내 */
.s010401 .vlist__bodo .obj .item .inner .ui-text {text-align: left;}
/* sub010401 외래진료 안내 End */

/* sub010501 입원절차 안내 */
.s010501 .vlist__bodo .obj .item .inner .txt-check {display: inline-block;}
.s010501 .imgbox3 { padding: 65px 20px; margin-bottom: 30px; text-align: center;background: #f8f8f8;}
@media (max-width: 767px){
    .s010501 .imgbox3 {padding: 40px 20px;}
}
/* sub010501 입원절차 안내 End */

/* sub010502 병실 생활 */
.s010502 .vlist__column.type02 .inner .item {padding: 30px 20px 30px;}
.s010502 .vlist__column .inner .ui-summary strong {font-size: 17px;}
.s010502 .box-list {margin-top: 10px;}
@media (max-width:1469px) and (min-width:1280px) {
  .s010502 .vlist__column.type02 .inner .item {min-height: 236px;}
}
/* sub010502 병실 생활 End */

/* sub010503 입원 비용 */
.s010503 .txt-box1 .list-1st {padding-left: 20px; margin: 0; display: table-cell; color: #727272;}
.s010503 .txt-box1 .list-1st li {display: inline-block; margin: 0; line-height: 24px;}
.s010503 .txt-box1 .list-1st li:not(:first-child) {margin-left: 15px;}
@media (max-width:767px) {
  .s010503 .txt-box1 .list-1st {display: block; margin-top: 15px;}
  .s010503 .txt-box1 .list-1st li {margin: 3px 0;}
  .s010503 .txt-box1 .list-1st li:not(:first-child) {margin-left: 0;}
}
/* sub010503 입원 비용 End */

/* sub010504 퇴원 절차 */
.s010504 .vlist__bodo .obj .item .inner .ui-text h4 {display: inline-block; margin-bottom: 10px;}
/* sub010504 퇴원 절차 End */

/* sub0106 검사실 이용안내 */
.s0106 .bodo-h .row1 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.s0106 .bodo-h .row1:last-child {border:none;}
.s0106 .bodo-h .row1 .h_txt .tit2 {display: block; margin: 10px 0 4px; color: #008574; font-size: 17px; line-height: 1.4; font-weight: 600; letter-spacing: -0.025em;}
.s0106 .bodo-h .row1 .h_txt .txt2 {margin-top: 0;}
@media (max-width: 767px){
    .s0106 .bodo-h .row1 .h_imgbox {max-width: 100%;}
}
/* sub0106 검사실 이용안내 End */


/* sub010605 청력검사실 */
.s010605 .prc.type5 > li {min-height: 97px;}
@media (min-width: 1240px) {
    .s010605 .prc.type5 > li {width: calc(16.666% - 48px); min-height: 97px;}
    .s010605 .prc.type5 > li:nth-child(5),
    .s010605 .prc.type5 > li:nth-child(6) {float: left;}
    .s010605 .prc.type5 > li:nth-child(4):before {bottom: auto; left: auto; top: 50%; right: -32px; transform: none;}
    .s010605 .prc.type5 > li:nth-child(5):before,
    .s010605 .prc.type5 > li:nth-child(6):before {left: auto; transform: none;}
}
@media (min-width: 1240px) and (max-width:1307px) {
    .s010605 .prc.type5 > li {min-height: 122px;}
}
@media (min-width: 767px) and (max-width:900px) {
    .s010605 .prc.type5 > li {min-height: 122px;}
}
/* sub010605 청력검사실 End */

/* sub010608 소화기능검사사실 */
.s010608 .imgbox3 {padding: 50px 20px;text-align: center; background: #fafafa;}
.s010608 .imgbox4 {padding: 0 20px;text-align: center; background: #fafafa;}
@media (max-width: 767px){
    .s010608 .imgbox3 {padding: 40px 20px;}
}
/* sub010608 소화기능검사사실 End */

/* sub01_0701 전체보기 */
.s010701 .equipment-wrap .equipment-list {display: flex; flex-wrap: wrap; margin: 0 -18px;}
.s010701 .equipment-wrap .equipment-list .equipment-item {flex: 0 0 33.3333%; max-width: 33.3333%; padding: 18px;}
.s010701 .equipment-wrap .equipment-list .equipment-item a {display: block; border: 1px solid #c5d3cd; transition: all 0.3s;}
.s010701 .equipment-wrap .equipment-list .equipment-item a:hover {border-color: #016b3b; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.s010701 .equipment-wrap .equipment-list .equipment-item a .item-title {padding: 25px 0; background-color: #eef3f1; text-align: center; transition: all 0.3s;}
.s010701 .equipment-wrap .equipment-list .equipment-item a:hover .item-title {background-color: #016b3b;}
.s010701 .equipment-wrap .equipment-list .equipment-item a .item-title strong {display: inline-block; padding-right: 8px; font-size: 16px; color: #333; vertical-align: middle; transition: all 0.3s;}
.s010701 .equipment-wrap .equipment-list .equipment-item a .item-title .link-icon {display: inline-block; width: 16px; height: 16px; background: url(/images/kysoa/sub01/link_icon01.png) no-repeat; vertical-align: middle; transition: all 0.3s;}
.s010701 .equipment-wrap .equipment-list .equipment-item a:hover .item-title strong {color: #fff;}
.s010701 .equipment-wrap .equipment-list .equipment-item a:hover .item-title .link-icon {background: url(/images/kysoa/sub01/link_icon02.png) no-repeat;}
.s010701 .equipment-wrap .equipment-list .equipment-item a .item-img img {display: block; width: 100%;}
@media (max-width:991px) {
  .s010701 .equipment-wrap .equipment-list .equipment-item {flex-basis: 50%; max-width: 50%;}
}
@media (max-width:620px) {
  .s010701 .equipment-wrap .equipment-list .equipment-item {flex-basis: 100%; max-width: 100%;}
}
/* sub01_0701 전체보기 End */

/* sub01_07.. 장비 상세보기 공통 */
.s0107 .tab-ul {margin-bottom: 40px;}
.s0107 .detail-wrap {padding-top: 70px;}
.s0107 .detail-wrap .detail-topbox {display: flex; position: relative; margin-bottom: 100px; align-items: center; padding-left: 85px; padding-bottom: 20px; border-radius: 0 50px 0 0; background-color: #eef3f1;}
.s0107 .detail-wrap .detail-topbox:before {content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 486px; height: 274px; background: url(/images/main/sub01/ky_bg.png) no-repeat;}
.s0107 .detail-wrap .detail-topbox .topbox-img {position: relative; top: -70px; overflow: hidden; flex-basis: 538px; max-width: 538px; border-radius: 0 0 0 50px; box-shadow: 0px 10px 20px rgba(5,55,47,0.2);}
.s0107 .detail-wrap .detail-topbox .topbox-img img {display: block;}
.s0107 .detail-wrap .detail-topbox .topbox-text {position: relative; flex-grow: 1; max-width: 100%; padding-left: 90px;}
.s0107 .detail-wrap .detail-topbox .topbox-text strong {display: block; font-family: 'gmarket'; font-size: 41px; font-weight: bold; color: #05372f;}
.s0107 .detail-wrap .detail-topbox .topbox-text em {display: block; padding-bottom: 15px; font-size: 19px; font-weight: 300; color: #477a74;}

@media (max-width:1240px) {
    .s0107 .detail-wrap .detail-topbox {padding: 0 30px 20px;}
    .s0107 .detail-wrap .detail-topbox:before { width: 270px;height: 152px;background-size: cover;}
    .s0107 .detail-wrap .detail-topbox .topbox-text {padding-left: 40px;}
}
@media (max-width:920px) {
    .s0107 .detail-wrap .detail-topbox {flex-direction: column; padding-bottom: 80px;}
    .s0107 .detail-wrap .detail-topbox .topbox-img {flex-basis: auto; max-width: 100%;}
    .s0107 .detail-wrap .detail-topbox .topbox-text {padding-left: 0; flex-grow: 0;}
}
/* sub01_07.. 장비 상세보기 공통 End */

/* sub01_0702 다빈치 Xi */
.s010702 .item-list {display: flex; flex-wrap: wrap; margin: 0 -18px;}
.s010702 .item-list .item {flex: 0 0 calc(33.3333% - 36px); max-width: calc(33.3333% - 36px); margin: 18px; border: 1px solid #c5d3cd; background-color: #eef3f1;}
.s010702 .item-list .item .item-img img {display: block; width: 100%;}
.s010702 .item-list .item .item-text {padding: 25px 60px; text-align: center;}
.s010702 .item-list .item .item-text strong {display: block; padding-right: 8px; font-size: 18px; font-weight: bold; color: #333;}
.s010702 .item-list .item .item-text p {color: #717171;}
@media (max-width:991px) {
    .s010702 .item-list .item  {flex-basis: calc(50% - 36px); max-width: calc(50% - 36px);}
  }
  @media (max-width:620px) {
    .s010702 .item-list .item  {flex-basis: calc(100% - 36px); max-width: calc(100% - 36px);}
  }
/* sub01_0702 다빈치 Xi End */

/* sub01_0703 에오스(EOS) */
.s010703 .eos {border-left: 2px solid #e24027; border-right: 2px solid #e24027;}
.s010703 th.eos {border-top: 2px solid #e24027;}
.s010703 .eos.last {border-bottom: 2px solid #e24027; border-top: none;}
/* sub01_0703 에오스(EOS) End */

/* sub01_0704 3.0T MRI */
.s010704 .box-list li .sub-text {display: block; font-size: 14px; font-weight: normal;}
.s010704 .item-list {display: flex; flex-wrap: wrap; margin: 0 -18px;}
.s010704 .item-list .item {flex: 0 0 calc(33.3333% - 36px); max-width: calc(33.3333% - 36px); margin: 18px; border: 1px solid #c5d3cd; background-color: #eef3f1;}
.s010704 .item-list .item .item-img img {display: block; width: 100%;}
.s010704 .item-list .item .item-text {padding: 25px; text-align: center;}
.s010704 .item-list .item .item-text strong {display: block; padding-right: 8px; font-size: 18px; font-weight: bold; color: #333;}
.s010704 .item-list .item .item-text p {color: #717171;}
@media (max-width:991px) {
    .s010704 .item-list .item  {flex-basis: calc(50% - 36px); max-width: calc(50% - 36px);}
  }
  @media (max-width:620px) {
    .s010704 .item-list .item  {flex-basis: calc(100% - 36px); max-width: calc(100% - 36px);}
  }
@media (min-width:521px) {
    .s010704 .box-list li {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 100px;}
}

/* sub01_0704 3.0T MRI End*/

/* sub01_08 사회사업 */
.s0108 .vlist__bodo .obj .item .inner .ui-tit {display: block; margin: 20px 0 10px; color: #008574; text-align: left; font-size: 16px; line-height: 1.4; letter-spacing: -0.025em;}
.s0108 .vlist__bodo .obj .item .inner .list-1st,
.s0108 .vlist__bodo .obj .item .inner .num-list,
.s0108 .vlist__bodo .obj .item .inner p {text-align: left;}

.s0108 .vlist__bodo.type1 .obj {display: flex; flex-wrap: wrap;}
.s0108 .vlist__bodo.type1 .obj .item {display: block; margin-top: -1px;}
.s0108 .vlist__bodo.type1 .obj .item .inner {vertical-align: initial;}
@media (max-width: 950px){
    .s0108 .vlist__bodo.type1 .obj .item {width: 100%;}
}
@media (max-width: 767px){
    .s0108 .vlist__bodo.type1 .obj .item {margin: -1px 0 0;}
}
/* sub01_08 사회사업 End */

/* sub02_0102 외래예약안내 */
.s020102 .txt-box1 {background: #eef3f1; border:none; color:#666;}
.s020102 .process_ty2 {padding: 0; margin-top: 20px; padding-bottom: 10px; background: none; border-bottom: 1px dashed #b4bbc2;}
.s020102 .prc.type2 > li .inner {padding: 34px 25px 21px; min-height: 385px;}
.s020102 .prc.type2 > li .inner p { min-height: 120px; text-align: left;}
.s020102 .prc.type2 > li .inner .bottom_wrap {margin-top: 15px;padding-top: 15px; text-align: left; border-top: 1px dashed #b4bbc2;}
.s020102 .prc.type2 > li .inner .bottom_wrap .list-1st {margin: 0;}
.s020102 .prc.type2 > li .inner .bottom_wrap .list-1st li {line-height: 1.2;}
.s020102 .prc.type2 > li:last-child .inner:before {display: none;}
.s020102 .h3 { margin: 30px 0 19px;}
.s020102 .num-list>li span {background: #333;}
.s020102 .reserve_box {overflow: hidden; margin-top: 70px; border: 1px solid #b4bbc2; border-radius: 0 20px 0 0;}
.s020102 .reserve_box .reserve_tit {padding: 20px; background: #008357; font-size: 19px; font-weight: bold;color:#fff; text-align: center;}
.s020102 .reserve_box .reserve_con {padding: 35px 60px;}
.s020102 .reserve_box .reserve_con .con1 {overflow: hidden; position: relative; padding: 35px 0; border-bottom: 1px dashed #b4bbc2;}
.s020102 .reserve_box .reserve_con .con1::before {position: absolute; right: 6%; top: 0; width: 326px; height: 177px; background: url(/images/kysoa/sub02/sub020102_bg.png); content: ""; z-index: -1;}
.s020102 .reserve_box .reserve_con .con1 .tit1 {display: block; margin-bottom: 15px; font-size: 23px; font-weight: bold; color: #333;}
.s020102 .reserve_box .reserve_con .con1 .form-group {margin: 0 7px; color: #414141;}
.s020102 .reserve_box .reserve_con .con1 .form-group:first-child {margin-left: 0;}
.s020102 .reserve_box .reserve_con .con1 .form-control {background-color: #f5f5f5;}
.s020102 .reserve_box .reserve_con .con1 .color {color:#008357;}
.s020102 .reserve_box .reserve_con .con2 .tit2 {display: block; margin: 25px 0 15px; font-size: 16px; font-weight: bold; color:#333;}
.s020102 .reserve_box .reserve_con .con2 .txt-box3 { padding: 30px 45px; background: #f1f5f4; border-radius: 5px;}
.s020102 .reserve_box .reserve_con .con2 .txt-box3 strong {font-size: 15px; color: #444; letter-spacing: -0.045em;}
.s020102 input[type="text"] {border-color: #ddd; max-width: 126px;}
.s020102 input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none;border:none;}
.s020102 input[type="radio"]:after {content:'';  display: inline-block; width: 17px; height: 17px; border:1px solid #ccc; vertical-align:top; cursor:pointer;}
.s020102 input[type="radio"]:checked::after{ background:url('/images/kysoa/sub02/radiobox_on.png') 0 0 no-repeat; background-size: contain;}
.s020102 input[type="submit"] {background:url(/images/main/sub02/sub020102_icon2.png)  right 15px center  no-repeat;}
.s020102 input[type="submit"]:focus,
.s020102 input[type="submit"]:hover { background:#008357 url(/images/main/sub02/sub020102_icon.png) center right 14px no-repeat;}
.s020102 .vlist__bodo .obj {display: flex;}

@media (max-width: 1355px) and (min-width: 1199px){
    .s020102 .prc.type2 > li .inner {min-height: 430px;}
    .s020102 .prc.type2 > li .inner p {min-height: 168px;}
}
@media (max-width: 1200px){
    .s020102 .reserve_box .reserve_con .con1::before {right: 0;}
}
@media (max-width: 950px){
    .s020102 .num-list>li {float: none; width: 100%; margin-right: 0;}
    .s020102 .reserve_box .reserve_con .con1::before {display: none;}
    .s020102 .reserve_box .reserve_con .con1 .form-group:first-child {display: block; margin-bottom: 10px; justify-content: left;}
    .s020102 .reserve_box .reserve_con .con1 .form-group {justify-content: center;}
}
@media (max-width: 830px){
    .s020102 .prc.type2 > li:nth-child(4) .inner,
    .s020102 .prc.type2 > li:nth-child(5) .inner {min-height: 430px;}
    .s020102 .prc.type2 > li:nth-child(4) .inner p,
    .s020102 .prc.type2 > li:nth-child(5) .inner p {min-height: 168px;}
}
@media (max-width: 767px){
    .s020102 .prc.type2 > li .inner {min-height: auto !important;}
    .s020102 .prc.type2 > li .inner p {min-height: auto !important;}
    .s020102 .reserve_box .reserve_con {padding: 20px;}
    .s020102 .reserve_box .reserve_con .con2 .txt-box3 {padding: 20px;}
    .s020102 input[type="text"] { max-width: 100%;}
}
/* sub02_0102 외래예약안내 End */

/* sub02_0304 대리처방 안내 */
.s020304 .list-box {margin-top: 50px;}
.s020304 .list-box > li {overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dashed #888;}
.s020304 .list-box .tit {overflow: hidden; position: relative; float: left; width: 316px; border: 1px solid #94c0aa; border-radius: 0 50px 0 0; min-height: 172px;}
.s020304 .list-box .tit .bg {overflow: hidden; display: table; width: 100%; min-height: 172px;}
.s020304 .list-box .tit:before {position: absolute; width: 267px; height: 294px; right:-103px; top:-2px; background: url(/images/kysoa/sub02/sub020304_bg1.png); content: ""; z-index: -1;}
.s020304 .list-box > li:nth-child(2) .tit {border-color:#97becd;}
.s020304 .list-box > li:nth-child(2) .tit:before {background: url(/images/kysoa/sub02/sub020304_bg2.png);}
.s020304 .list-box > li:nth-child(3) .tit {border-color:#a1c094;}
.s020304 .list-box > li:nth-child(3) .tit:before {background: url(/images/kysoa/sub02/sub020304_bg3.png);}
.s020304 .list-box .tit strong { display: table-cell; font-size: 17px; color:#222; font-weight: bold; text-align: center; vertical-align: middle;}
.s020304 .list-box .txt {float: right; width: calc(92% - 316px);}
.s020304 .list-box .txt .list > li{position: relative; padding-left: 27px; margin: 10px 0; font-size: 17px; color:#555; letter-spacing: -0.045em;}
.s020304 .list-box .txt .list > li .num {position: absolute; left: 0; font-weight: bold;letter-spacing: -0.045em;}
.s020304 .list-box .txt .list > li .list-1st {margin: 10px 0 0;}
@media (max-width: 850px){
    .s020304 .ui-banner__box .item {float: none; margin-left: 0; width: 100%;}
    .s020304 .list-box .tit {float: none; width: 100%; min-height: auto; padding: 15px; margin-bottom: 20px;}
    .s020304 .list-box .tit .bg {min-height: auto;}
    .s020304 .list-box .tit strong br {display: none;}
    .s020304 .list-box .txt {float: none; width: 100%;}
}
@media (max-width: 460px){
    .s020304 .list-box .tit strong br {display: block}
}
@media (max-width: 420px){
    .ui-banner__box.file .item {padding: 20px 120px 20px 20px;}
    .ui-banner__box.file .ui-banner__title {font-size: 15px;}
    .ui-banner__box.file .ui-banner__title .icon_hwp {margin-right: 10px;}
    .ui-banner__box.file .ui-banner__title .icon_docx {margin-right: 10px;}
}
/* sub02_0304 대리처방 안내 End */

/* 주차안내 */
.kyuh_parking{position: relative;min-height:762px;background:#42423f;overflow:hidden;}
.kyuh_parking .parking_img{position: absolute;left:0;top:0;width:calc(100% - 461px);height:100%;text-align: center;}
.kyuh_parking .parking_img .dot{position: relative;display: inline-block;width: 100%;height:100%;}
.kyuh_parking .parking_img img{width:100%;height:100%;}
.kyuh_parking .parking_img .img_list li{position: absolute;}
.kyuh_parking .parking_img .img_list li em{display: inline-block;width:25px;height:25px;background:#363636;color:#fff;font-size:15px;font-weight:bold;font-family: 'gmarket';text-align: center;line-height: 25px;}
.kyuh_parking .parking_img .img_list li.park_c em{border-radius: 100%;font-size:12px;}
.kyuh_parking .parking_img .img_list li.on em{background: #00693b;-webkit-animation: parking 3s both infinite 0.5s;animation: parking 3s both infinite 0.5s;}

.kyuh_parking .parking_img .img_list li:nth-child(1){left:39%;top:35.2%;}
.kyuh_parking .parking_img .img_list li:nth-child(2){left:50%;top:43.3%;}
.kyuh_parking .parking_img .img_list li:nth-child(3){left:52%;top:32%;}

.kyuh_parking .parking_img .img_list li:nth-child(4){left:37.5%;top:27%;}
.kyuh_parking .parking_img .img_list li:nth-child(5){left:33.7%;top:31%;}
.kyuh_parking .parking_img .img_list li:nth-child(6){left:75%;top:48%;}

.kyuh_parking .parking_img .img_list li:nth-child(7){left:79%;top:39%;}
.kyuh_parking .parking_img .img_list li:nth-child(8){left:67%;top:39%;}
.kyuh_parking .parking_img .img_list li:nth-child(9){left:75.4%;top:29%;}

.kyuh_parking .parking_img .img_list li:nth-child(10){left:68%;top:16%;}
.kyuh_parking .parking_img .img_list li:nth-child(11){left:57%;top:49px;}
.kyuh_parking .parking_img .img_list li:nth-child(12){left:54%;top:20%;}

.kyuh_parking .parking_img .img_list li:nth-child(13){left:47%;top:26%;}
.kyuh_parking .parking_img .img_list li:nth-child(14){left:36%;top:22%;}
.kyuh_parking .parking_img .img_list li:nth-child(15){left:39%;top:70%;}

.kyuh_parking .parking_img .img_list li:nth-child(16){left:29%;top:29%;}
.kyuh_parking .parking_img .img_list li:nth-child(17){right:36%;top:29%;}
.kyuh_parking .parking_img .img_list li:nth-child(18){left:35.6%;top:58%;}

.kyuh_parking .parking_img .img_list li:nth-child(19){left:46.2%;top:66%;}
.kyuh_parking .parking_img .img_list li:nth-child(20){left:58%;top:61%;}
.kyuh_parking .parking_img .img_list li:nth-child(21){left:46%;top:85%;}

.kyuh_parking .parking_img .img_list li:nth-child(22){left:59%;top:78%;}
.kyuh_parking .parking_img .img_list li:nth-child(23){left:68%;top:71%;}

.kyuh_parking .parking_list{float:right;width:461px;height:100%;}
.kyuh_parking .parking_list .title{background: #31312d;height:87px;padding:10px 25px;display: table;width: 100%;}
.kyuh_parking .parking_list .title span{line-height:0;display: table-cell;vertical-align: middle;width: 100%;}
.kyuh_parking .parking_list .list{background:#42423f;padding:45px 23px;}
.kyuh_parking .parking_list .list ul{overflow: hidden;margin-left:-16px;}
.kyuh_parking .parking_list .list ul li{float:left;width:calc(33.33% - 16px);margin-left:16px;margin-bottom:45px;}
.kyuh_parking .parking_list .list ul li a{display: inline-block;position: relative;color:#fff;padding-left:35px;font-size:16px;}
.kyuh_parking .parking_list .list ul li a em{position: absolute;left:0;top:0;display: block;width:25px;height:25px;line-height: 25px;background: #353535;color:#fff;font-family: 'gmarket';text-align: center;font-size:14px;}
.kyuh_parking .parking_list .list ul li.on a em,
.kyuh_parking .parking_list .list ul li a:hover em,
.kyuh_parking .parking_list .list ul li a:focus em{background: #00693b;}

@-webkit-keyframes parking { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(5px);-webkit-transform:translateY(5px);}75% {transform:translateY(8px);-webkit-transform:translateY(8px);}}
@keyframes parking { 0%,50%,100% {transform:translateY(0);-webkit-transform:translateY(0);}25% {transform:translateY(5px);-webkit-transform:translateY(5px);}75% {transform:translateY(8px);-webkit-transform:translateY(8px);}}

@media(max-width:1499px){
	.kyuh_parking .parking_list .list ul li{width:calc(50% - 16px);}
	.kyuh_parking .parking_img .img_list li:nth-child(1){left:39%;top: 35.6%;}
	.kyuh_parking .parking_img .img_list li:nth-child(2){left:50%;top: 43.7%;}
	.kyuh_parking .parking_img .img_list li:nth-child(3){left:52%;top: 32.3%;}
	.kyuh_parking .parking_img .img_list li:nth-child(4){left:37.5%;top: 28%;}
	.kyuh_parking .parking_img .img_list li:nth-child(5){left:33.7%;top: 32%;}
}
@media(max-width:1340px){
	.kyuh_parking{min-height:auto;background: #4a4a47;}
	.kyuh_parking .parking_img{position: relative;left:auto;top:auto;width:100%;}
	.kyuh_parking .parking_img .dot{width:auto;height:auto;}
	.kyuh_parking .parking_img img{width:auto;height:auto;}

	.kyuh_parking .parking_list{float:none;width:100%;}
	.kyuh_parking .parking_list .list ul li{float:left;width:calc(20% - 16px);}

	.kyuh_parking .parking_img .img_list li:nth-child(4){top: 27%;}
	.kyuh_parking .parking_img .img_list li:nth-child(5){top: 31%;}
}
@media(max-width:899px){
	.kyuh_parking .parking_img .img_list li em{width: 20px;height:20px;font-size:12px;line-height:20px;}
}
@media(max-width:767px){
	.kyuh_parking .parking_img .img_list{display: none;}
	.kyuh_parking .parking_list .list ul li{width:calc(33.33% - 16px);}
}
@media(max-width:500px){
	.kyuh_parking .parking_list .list ul li{width:calc(50% - 16px);}
}
/* sub0305 주차안내 End */

/* sub03_03 전화번호 안내 */
.telephone_directory {margin-bottom: 50px;}
.telephone_directory .box_wrap {overflow: hidden; margin: 0 -12px;}
.telephone_directory .box {overflow: hidden; position: relative; float: left; margin: 0 6px 20px; padding: 4% 4.5%; width: calc(50% - 12px); border-radius: 13px;}
.telephone_directory .box::before {position: absolute; top: 25px; right: 45px; content: "";}
.telephone_directory .l_box {background: #686e6d;}
.telephone_directory .l_box::before { width: 130px; height: 189px; background: url(/images/main/sub03/sub0303_bg1.png);}
.telephone_directory .r_box {background: #016B3B;}
.telephone_directory .r_box::before { width: 96px; height: 104px; background: url(/images/main/sub03/sub0303_bg2.png);}
.telephone_directory .box .tit {margin-right: 20px; font-size: 30px; font-family: 'gmarket'; color:#fff; letter-spacing: -0.025em;}
.telephone_directory .box .txt {position: relative; padding-left: 38px; font-size: 27px; color: #fff; letter-spacing: -0.025em;}
.telephone_directory .box .txt a{color:#fff;}
.telephone_directory .box .txt::before {position: absolute; width: 26px; height: 26px; left: 0; top: 6px; background: url(/images/main/sub03/sub0303_icon1.png); content: "";}
.telephone_directory .r_box .txt::before {background: url(/images/main/sub03/sub0303_icon2.png);}
.telephone_directory .vlist__column .inner .circle {background-color: #eef3f1;}
.telephone_directory .vlist__column .inner .ui-summary p{font-size:20px;}

@media (max-width: 1279px){
    .telephone_directory .box .txt {display: block;}
    .telephone_directory .vlist__column.col4 .inner { width: calc(25% - 12px);}
}
@media (max-width: 970px){
    .telephone_directory .box {width: calc(100% - 12px);}
}
@media (max-width: 910px){
    .telephone_directory .vlist__column.col4 .inner { width: calc(50% - 12px);max-width: 50%;}
}
@media (max-width: 840px){
    .telephone_directory .box {padding: 30px 40px;}
}
@media (max-width: 640px){
    .telephone_directory .vlist__column.col4 .inner {float: left;}
}
@media (max-width: 480px){
    .telephone_directory .box::before {display: none;}
    .telephone_directory .box .tit{font-size:25px;}
    .telephone_directory .box .txt{font-size:22px;}
    .telephone_directory .vlist__column.col4 .inner {float: none; width: calc(100% - 12px);max-width: 100%;}
}
/* sub03_03 전화번호 안내 End */

/* sub04_0202 건양대학교병원 소개 */
.s040202 .top {max-width: 1400px;margin: 110px auto 45px;}
.s040202 .top .inner {padding-left: 48%;}
.s040202 .top .txt {margin-top: 30px; font-family: 'gmarket'; font-size: 23px; color: #333; letter-spacing: -0.025em;}
.s040202 .mid {position: relative; background: #f1f7f5; padding: 75px 0 70px; z-index: 0;}
.s040202 .mid::before {display: none;content: "";position: absolute; width: 283px; height: 251px; right: 0;bottom:-30px; background: url(/images/main/sub04/sub040202_y.png); z-index: -1;}
.s040202 .mid::after{content:"";display: block;clear:both;visibility: hidden;}
.s040202 .mid .inner {max-width: 1400px; margin: 0 auto;}
.s040202 .mid .con1 {position: absolute; right:55%; bottom:94px;}
.s040202 .mid .con2 {padding-left: 48%; margin-right: 40px;}
.s040202 .mid p {margin-bottom: 30px;}
.s040202 .mid .tit {font-family: 'gmarket'; font-size: 20px; color: #00492c; letter-spacing: -0.025em;}
.s040202 .mid .txt {font-size: 16px; color: #2b2b2b; letter-spacing: -0.045em;}
.s040202 .bottom {overflow: hidden; max-width: 1400px; margin: 110px auto 30px;}
.s040202 .bottom .rbox {float:right; margin-left: 5.7%;margin-bottom: 2.8%; max-width: 482px; width: 35%;}
.s040202 .bottom .lbox p{font-size: 16px;}
.s040202 .bottom .tit {display: block; font-family: 'gmarket'; font-size: 30px; color: #006940; font-weight: bold;}
.s040202 .bottom .txt {margin-top: 30px; font-size: 16px;color: #333; letter-spacing: -0.045em;}
@media (max-width: 1469px){
    .s040202 .top {padding: 0 35px;}
    .s040202 .mid { padding: 75px 35px 70px;}
    .s040202 .mid .con2 {margin-right: 0;}
    .s040202 .bottom {padding: 0 35px;}
    .s040202 .mid .con1  {left: 0;}
}
@media (max-width: 1200px){
    .s040202 .top .inner {padding-left: 0;}
}
@media (max-width: 1023px){
    .s040202 .mid .con1 { position: relative; right: auto; left: auto; bottom: auto; text-align: center;}
    .s040202 .mid .con2 {padding-left: 0; margin-right: 0; margin-top: 30px;}

    .s040202 .bottom .rbox {float:none; width: auto; margin: 20px auto 40px;}
}
@media (max-width: 767px){
    .s040202 .top {padding: 0 20px;}
    .s040202 .mid { padding: 75px 20px 70px;}
    .s040202 .bottom {padding: 0 20px;}
    .sub04_0202.wide_wrapper .content-info.add_kogl {padding: 0 20px;}
    
    .facility_list{flex-wrap:wrap;}
}
@media (max-width: 500px){
    .s040202 .top .txt {font-size: 20px;}
    .s040202 .mid { padding: 20px;}    
}
/* sub04_0202 건양대학교병원 소개 End */


/* sub040203 연혁 */
.s040203 .ui-tab_group .ui-tab_content {margin-top: 70px;}

.s040203 .con_wrap .con {display: none;}
.s040203 .con_wrap .con.on {display: block;}
/* sub040203 연혁 End */

/* sub04_0204 비전 */
.vision {text-align: center;}
.vision .tit {display: block; margin-top: 85px; font-family: 'gmarket'; font-size: 19px; color:#333;}
.vision p {letter-spacing: -0.04em;}
.vision .top {overflow: hidden; position: relative; max-width: 1400px; margin: 0 auto;}
.vision .top::before {position: absolute; width: 832px; height: 466px; left: 50%; transform: translateX(-50%); top: 40px; background: url(/images/kysoa/sub04/vision_bg.png);content: "";z-index: -1;}
.vision .top .txt .color-green {color:#006940;}
.vision .top .con1 .txt {display: inline-block; position: relative; margin-top: 25px; padding: 0 44px;font-size: 20px; color: #222;}
.vision .top .con1 .txt::before {position: absolute; width: 14px; height: 44px; left: 0; top: calc(50% - 22px); background: url(/images/kysoa/sub04/vision_par.png);content: "";}
.vision .top .con1 .txt::after {position: absolute; width: 14px; height: 44px; right: 0; top: calc(50% - 22px); background: url(/images/kysoa/sub04/vision_par.png);content: "";transform: rotate(180deg);}
.vision .top .con2 {overflow: hidden; margin-top: 25px; margin-bottom: 175px;}
.vision .top .con2 img {margin: 0 auto;}
.vision .top .con2 .pc {display: block;}
.vision .top .con2 .mo {display: none;}
.vision .top .con2 .txt {margin-bottom: 10px; font-size: 16px; color: #444; font-weight: bold;}
.vision .mid {position: relative;margin-top: -165px;}
.vision .mid:before {position: absolute; width: 100%; height: calc(100% - 165px); left: 0;top: 165px; background: #f1f7f5; content: ""; z-index: -1;}
.vision .mid .value {position: relative; min-height: 630px; max-width: 1400px; margin: 0 auto;}
.vision .mid .value .value_tit {display: inline-block; position: relative; padding: 90px 70px; background: #006940 url(/images/kysoa/sub04/value_cir.png) left bottom no-repeat; color:#fff; border-radius: 50%; border: 32px solid #fff;}
.vision .mid .value .value_tit:before {position: absolute; width: 480px; height: 280px; left: 50%; transform: translateX(-50%); top: 33%; background: url(/images/kysoa/sub04/value_bg.png); content: ""; z-index: -1;}
.vision .mid .value .value_tit span {display: block; font-family: 'gmarket'; font-family: 18px;}
.vision .mid .value .value_tit strong {display: block;font-family: 'gmarket'; font-size: 31px; font-weight: bold;}
.vision .mid .value .value_list::after {display: block; clear: both; content: ""; visibility: hidden;}
.vision .mid .value .value_list li {position: absolute; width: calc(50% - 195px);}
.vision .mid .value .value_list li:nth-child(1) {left: 0; top: 31%; padding-right: 85px; text-align: right;}
.vision .mid .value .value_list li:nth-child(2) {left: 6%; top: 53%; padding-right: 85px; text-align: right;}
.vision .mid .value .value_list li:nth-child(3) {left: 50%; transform: translateX(-50%); top: 58%; padding-top: 85px; text-align: center;}
.vision .mid .value .value_list li:nth-child(4) {right: 6%; top: 53%; padding-left: 85px; text-align: left;}
.vision .mid .value .value_list li:nth-child(5) {right: 0; top: 31%; padding-left: 85px; text-align: left;}
.vision .mid .value .value_list li .icon {position: absolute;}
.vision .mid .value .value_list li:nth-child(1) .icon {right: 0; top: 0;}
.vision .mid .value .value_list li:nth-child(2) .icon {right: 0; top: -20px;}
.vision .mid .value .value_list li:nth-child(3) .icon {left: calc(50% - 27px); top: 0;}
.vision .mid .value .value_list li:nth-child(4) .icon {left: 0; top: -20px;}
.vision .mid .value .value_list li:nth-child(5) .icon {left: 0; top: 0;}
.vision .mid .value .value_list li strong {font-size: 18px; color: #333;font-weight:bold;}
.vision .mid .value .value_list li p {font-size: 16px; color:#393939;}
.vision .bottom {max-width: 1400px; margin: 0 auto;}
.vision .bottom .s_tit {display: block; margin-bottom: 40px; font-family: 'gmarket'; font-size: 16px; color:#666;}
.vision .bottom .txt { margin-top: 30px;font-size: 18px; color: #222; line-height: 29px;}
.vision .bottom .txt .block {display: block;}
.vision .bottom .our {display: flex; justify-content:center; position: relative; margin-top: 80px;}
.vision .bottom .our:before {position: absolute; width: 1px; height: 80px; left:50%; top: -40px; background: #016b3b; content: "";}
.vision .bottom .our::after {display: block; clear: both; content: ""; visibility: hidden;}
.vision .bottom .our li {display: flex;flex-direction: column;justify-content: center; align-items: center;flex-basis: 335px;max-width: 335px; min-height: 335px; border-radius: 50%;}
.vision .bottom .our li:nth-child(1) {background: rgba(75, 174, 52, 0.1);}
.vision .bottom .our li:nth-child(2) {background: rgba(39, 129, 88, 0.1)}
.vision .bottom .our li:nth-child(3) {background: rgba(38, 150, 157, 0.1);}
.vision .bottom .our li + li {margin-left: -25px;}
.vision .bottom .our li .our_tit {font-family: 'gmarket'; font-size: 35px; color: #333; font-weight: bold;}
.vision .bottom .our li .our_tit .point{font: inherit;}
.vision .bottom .our li:nth-child(1) .our_tit .point {color:#0f9936;}
.vision .bottom .our li:nth-child(2) .our_tit .point {color:#016b3b;}
.vision .bottom .our li:nth-child(3) .our_tit .point {color:#03858d;}
.vision .bottom .our li .our_txt {font-size: 16px;color: #393939;}
.vision .bottom .our li .our_txt .block {display: block;}
@media (max-width: 1469px){
    .vision .top {padding: 0 35px;}
    .vision .mid .value {margin: 0 35px;}
    .vision .bottom {padding: 0 35px;}
}
@media (max-width: 1200px){
    .vision .mid .value .value_tit:before {display: none;}
    .vision .mid .value .value_list {padding: 30px;}
    .vision .mid .value .value_list li {position: relative; padding-left: 85px; width: 100%; margin-bottom: 30px;}
    .vision .mid .value .value_list li:nth-child(1) {left: auto; top: auto; padding-right: 0; text-align: left;}
    .vision .mid .value .value_list li:nth-child(2) {left: auto; top: auto; padding-right: 0; text-align: left;}
    .vision .mid .value .value_list li:nth-child(3) {left: auto; transform: none; top: auto; padding-top: 0; text-align: left;}
    .vision .mid .value .value_list li:nth-child(4) {right: auto; top: auto; }
    .vision .mid .value .value_list li:nth-child(5) {right: auto; top: auto; }
    .vision .mid .value .value_list li:nth-child(3) {transform: none;}
    .vision .mid .value .value_list li .icon {left: 0 !important; right:auto !important; top:5px !important;}
}
@media (max-width: 1024px){
    .vision .bottom img {max-width: 290px;}
    .vision .bottom .our li {flex-basis: 250px; max-width: 250px; min-height: 250px;}
    .vision .bottom .our li .our_tit {font-size: 28px;}

}
@media (max-width: 767px){
    .vision .top {padding: 0 20px;}
    .vision .top .con2 .pc {display: none;}
    .vision .top .con2 .mo {display: block;margin-bottom: 20px;}
    .vision .mid .value {margin: 0 20px;}
    .vision .mid .value .value_tit {padding: 70px 50px;}
    .vision .mid .value .value_list {padding: 30px 0;}
    .vision .bottom {padding: 0 20px;}
    .vision .bottom .our { flex-wrap: wrap;}
    .vision .bottom .our:before {top: -60px;}
    .vision .bottom .our li {flex-basis: 100%; max-width: 100%; min-height: auto; padding: 30px 10px; border-radius: 0;}
    .vision .bottom .our li + li {margin-left: 0; margin-top: 20px;}
}
/* sub04_0204 비전 End */

/* sub04_0206 병원HI */
.s040206 .imgbox {padding: 60px 20px;}
.s040206 .w50 {margin-left: -20px;}
.s040206 .w50::after {content: ""; display: block; clear: both; visibility: hidden;}
.s040206 .w50 .col {float: left; width: calc(50% - 20px); margin: 0 0 20px 20px;}
.s040206 .w50 .col .h2 { margin: 30px 0 21px;}
.s040206 .w50 .col .imgbox {min-height: 342px; margin-bottom: 0;}
.s040206 .txt-tip:before {background: url(/images/main/sub04/txt-tip.png) no-repeat;}
.s040206 .ui-banner__box .item { padding: 26px 115px 26px 30px; border-radius: 0;}

.nmc_logo{overflow: hidden;margin-left:-20px;}
.nmc_logo .box{float:left;width:calc(50% - 20px);margin-left:20px;margin-bottom:20px;}
.nmc_logo.col3 .box{width:calc(33.33% - 20px);}

@media (max-width: 999px){
    .nmc_logo.col3 .box{width:calc(50% - 20px);}
}
@media (max-width: 850px){
    .s040206 .ui-banner__box.first .item {display: table; min-height: 94px;}
    .s040206 .ui-banner__box.first .item .ui-banner__title {display: table-cell; vertical-align: middle;}
}
@media (max-width: 767px){
    .s040206 .w50 .col {float: none; width: calc(100% - 20px);}
    .s040206 .w50 .col .imgbox {min-height: auto;}
    .s040206 .imgbox {padding: 40px 20px;}
    .s040206 .ui-banner__box.first .item {min-height: auto;}

    .nmc_logo{margin-left:0;}
    .nmc_logo .box{float:none;width:100%;margin-left:0;}
    .nmc_logo.col3 .box{width:100%;}
}
/* sub04_0206 병원HI End */

/* sub04_0207 편의시설 */
.s040207{}
.s040207 .vlist__column.type02 .inner .item{padding:30px 20px;}
.s040207 .vlist__column.type02 .inner .item .img{margin-bottom: 15px;}
.s040207 .vlist__column.type02 .inner .item .list-1st{text-align: left;}
/* sub04_0207 편의시설 End */

/* sub040301 환자권리장전 */
@media (max-width: 1100px){
  .s040301 br {display: none;}
}
/* sub040301 환자권리장전 End */

/* sub0408 협력기관 */
.s0408 .bodo-h .row1 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.s0408 .bodo-h .row1:last-child {border:none;}
/* sub0408 협력기관 End */

.facility_list{display: flex;margin-left: -34px;margin-top: 8px;text-align: center;}
.facility_list li{margin-top:10px; margin-left: 25px; width: calc(50% - 33px);}
.facility_list li p{color:#333;font-size:1.2em;line-height:1.1;letter-spacing: 0;}