@charset "utf-8";

/* import */
@import url("common.css");

/* basic */
#whole, #intro-layout, #main-layout, #sub-layout, #footer {min-width:1200px;}
html, body.con, #whole, #intro-layout, #main-layout, #sub-layout  {height:100%;}
#whole {letter-spacing:-1pt; background:url(../images/main/background2.jpg) no-repeat center; background-size:cover;}
#whole.intro {background:url(../images/main/background.jpg) no-repeat center; background-size:cover;}
.wrap {position:relative; margin:0 auto; max-width:1250px; z-index:5;}
iframe {border:0; width:100%; height:100%; overflow:hidden; display:block;}

#main-layout #visual, #main-layout #center, #main-layout #hospital ul li, #sub-layout #contents {box-shadow:6px 6px 6px rgba(0,0,0,0.2);}
table.smp th, table.smp td {padding:5px;}

/* header */
#header {text-align:center; padding-top:25px; height:75px; position:fixed; top:0; left:0; right:0;}

/* footer */
#footer {position:fixed; bottom:0; left:0; right:0; background:#333; color:#fff; height:50px; line-height:50px; font-size:12px; padding-left:20px; padding-right:20px; }
#footer ul {text-align:center;}
#footer ul li {display:inline-block; padding-left:25px; margin-right:20px; background:url(../images/common/footer_icon_01.png) no-repeat left center;}
#footer ul li.footer-02 {background:url(../images/common/footer_icon_02.png) no-repeat left center;}
#footer ul li.footer-03 {background:url(../images/common/footer_icon_03.png) no-repeat left center;}

/* intro-layout */
#intro-layout {background:url(../images/main/bg_intro.jpg) no-repeat center center; background-size:cover;}
#intro-layout #contents {width:500px; height:285px; position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-225px;}
#intro-layout ul li {color:white; font-size:20px; line-height:30px; text-align:center;}
#intro-layout ul li img {margin-bottom:30px;}
#intro-layout ul li strong {display:inline-block; padding:12px 24px; background:#008aff; margin-bottom:50px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
#intro-layout ul li a {display:inline-block; height:50px; line-height:50px; border:1px solid white; font-size:16px; color:white; padding-left:20px; padding-right:40px; background:url(../images/common/icon_arrowL.png) no-repeat right 20px center; transition-duration:0.2s;border-top-left-radius: 20px; border-bottom-right-radius: 20px;}
#intro-layout ul li a:hover {background:url(../images/common/icon_arrowLc.png) no-repeat right 20px center; color:#008aff; background-color:white; font-weight:bold;box-shadow:5px 5px 5px rgba(0,0,0,0.2)}
#intro-layout p {position:absolute; bottom:50px; left:0; right:0; text-align:center;}

/* main-layout */
#main-layout #contents {width:1250px; height:570px; position:absolute; top:50%; margin-top:-285px; left:50%; margin-left:-625px;}
#main-layout #visual {width:830px; height:360px; background:url(../images/main/bg_visual.jpg) no-repeat left top; color:white; float:left;}
#main-layout #visual ul {padding-top:60px; padding-left:60px;}
#main-layout #visual ul li {font-size:14px; line-height:26px;}
#main-layout #visual ul li img {display:block;}
#main-layout #visual ul li.logo {margin-bottom:25px;}
#main-layout #visual ul li.logo img {height:40px;}
#main-layout #visual ul li.img-text {margin:50px 0 10px 0;}
#main-layout #center {width:410px; height:360px; background:url(../images/main/bg_center.jpg) no-repeat left top; color:white; float:right; }
#main-layout #center ul {padding-top:60px; padding-left:40px;}
#main-layout #center ul li {font-size:18px; line-height:26px;margin-bottom:15px;}
#main-layout #center ul li strong {display:inline-block; font-size:24px; line-height:32px; padding-top:10px;}
#main-layout #center ul li img {margin-bottom:15px;vertical-align: top;}
#main-layout #center ul li a {display:inline-block; height:40px; line-height:40px; border:1px solid #fff; border-radius:90px; font-size:14px; color:#008aff;font-weight:bold; padding-left:20px; padding-right:40px; background:url(../images/common/icon_arrowLc.png) no-repeat right 20px center #fff; margin-top:40px;transition-duration:0.2s;}
#main-layout #center ul li a:hover {background:url(../images/common/icon_arrowL.png) no-repeat right 20px center; color:#fff;}
#main-layout #hospital {clear:both; padding-top:10px;}
#main-layout #hospital ul {margin-right:-10px;}
#main-layout #hospital ul li {width:200px; background:url(../images/main/bg_hospital_01.jpg) no-repeat left top; color:white; float:left; overflow:hidden; text-align:center; line-height:26px; margin-right:10px;transition-duration:0.18s;}
#main-layout #hospital ul li a {display:block; height:200px; color:white; font-size:18px; font-weight:bold; position:relative; padding-top:124px;}
#main-layout #hospital ul li span {display:block; font-size:12px; font-weight:normal; opacity:.6; color:white !important;}
#main-layout #hospital ul li p {background:url(../images/common/icon_arrowL.png) no-repeat center rgba(0,0,0,0.6); width:50px; height:50px; border-radius:100%; position:absolute; top:50px; left:50%; margin-left:-25px;}
/*#main-layout #hospital ul li:hover a {border:3px solid #0ad25a; color:#0ad25a; padding-top:121px;}*/
#main-layout #hospital ul li:hover p {background-color:#0ad25a; top:47px;}
#main-layout #hospital ul .hospital-01:hover {background:url(../images/main/bg_hospital_01_hover.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-02 {background:url(../images/main/bg_hospital_02.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-02:hover {background:url(../images/main/bg_hospital_02_hover.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-03 {background:url(../images/main/bg_hospital_03.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-03:hover {background:url(../images/main/bg_hospital_03_hover.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-04 {background:url(../images/main/bg_hospital_04.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-04:hover {background:url(../images/main/bg_hospital_04_hover.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-05 {background:url(../images/main/bg_hospital_05.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-05:hover {background:url(../images/main/bg_hospital_05_hover.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-06 {background:url(../images/main/bg_hospital_06.jpg) no-repeat left top;}
#main-layout #hospital ul li.hospital-06:hover {background:url(../images/main/bg_hospital_06_hover.jpg) no-repeat left top;}

/* sub-layout */
#sub-layout #contents {width:1250px; background:white; margin:0 auto; position:absolute; top:20px; bottom:80px; left:50%; margin-left:-625px; overflow:hidden;}
#sub-layout #contents>.wrap {height:100%;}
#gnb {background:#555; text-align:center; font-size:0; height:50px; position:relative;}
#gnb ul {padding-left:50px;}
#gnb ul li {float:left; font-size:15px; width:14.28%; letter-spacing:-1pt;}
#gnb ul li a {display:block; color:white; height:50px; line-height:50px; border-left:1px solid #444;transition-duration:0.12s;}
#gnb ul li:first-child a {border-left:none;}
#gnb ul li:hover a {background:#333; color:white; font-weight:bold;}
#gnb ul li.on a {background:#008aff; border-color:#008aff; color:white; font-weight:bold;}
#gnb ul li:last-child a {border-right:0;}
#gnb ul li.home {width:50px; position:absolute; top:0; left:0;}
#gnb ul li.home a {padding:0; width:50px; background:url(../images/common/icon_white.png) no-repeat center;}
#gnb ul li.home:hover a {background:url(../images/common/icon_white.png) no-repeat center #333;}
#snb {height:50px; line-height:50px; background:#008aff; text-align:center;}
#snb ul {padding-top:5px; height:40px; line-height:40px; font-size:0; letter-spacing:0;}
#snb ul li {display:inline-block; height:40px; line-height:40px; position:relative; margin:0 15px;}
#snb ul li a {color:white; font-size:14px; display:block;}
#snb ul li:before {content:''; display:block; width:1px; height:16px; position:absolute; top:50%; margin-top:-8px; background:#63b1f3; left:-15px;}
#snb ul li:first-child:before, #snb ul li:last-child:after {display:none !important;}
#snb ul li:hover a {font-weight:bold;}
#snb ul li.on a {position:relative;font-weight:bold; color:#fff; padding:0 10px;}
#snb ul li.on a:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff;}
#sub-layout #layout {position:absolute; top:100px; left:0; right:0; bottom:0;}
#sub-layout #layout .layout-box {position:relative; height:100%;}
#sub-layout #lnb {width:220px; position:absolute; top:0; left:0; bottom:0; background:#f3f3f3;}
#sub-layout #lnb ul {padding:77px 0 0 0; background-position:center top; background-repeat:no-repeat;}
#sub-layout #contents.center #lnb ul {background-image:url(../images/common/sub_title_center.jpg);}
#sub-layout #contents.seoul #lnb ul {background-image:url(../images/common/sub_title_seoul.jpg);}
#sub-layout #contents.gwangju #lnb ul {background-image:url(../images/common/sub_title_gwangju.jpg);}
#sub-layout #contents.daejeon #lnb ul {background-image:url(../images/common/sub_title_daejeon.jpg);}
#sub-layout #contents.daegu #lnb ul {background-image:url(../images/common/sub_title_daegu.jpg);}
#sub-layout #contents.busan #lnb ul {background-image:url(../images/common/sub_title_busan.jpg);}
#sub-layout #contents.incheon #lnb ul {background-image:url(../images/common/sub_title_incheon.jpg);}
#sub-layout #lnb ul li a {display:block; font-size:14px; line-height:30px; padding:8px 16px 8px 25px; position:relative;transition-duration:0.12s;}
#sub-layout #lnb ul li:hover a {background:#e1effb;font-weight:bold;}
#sub-layout #lnb ul li.popup a {padding-right:46px;}
#sub-layout #lnb ul li.popup a img {position:absolute; top:50%; margin-top:-7px; right:16px;}
#sub-layout #lnb ul li.on a {color:#fff; font-weight:bold; background:#008aff;}
#sub-layout #lnb ul li.on a:before {background:#0ab450;}
#sub-layout #page {margin-left:220px; position:relative; height:100%;}
#page {background:white;}
#page #contents-iframe {position:absolute; top:0; left:0; right:0; bottom:0;}
#page .page-title {position:relative; margin:40px 40px 0 40px;} /*border-bottom:3px double #d4d6d8; padding-bottom:30px;*/
#page .page-title .aBtn.print {position:absolute; top:0; right:0;}
#page .page-title h3 {font-size:25px; border-bottom:1px solid #e4e6e8; padding-bottom:20px;}
#page .page-title p {position:absolute; top:4px; right:86px; font-size:14px; line-height:26px; height:26px; padding-left:25px; background:url(../images/common/icon_location.png) no-repeat left center; color:#727272;}
#page .page-title p span {color:#a4a6a8; margin:0 3px;}
#page .page-contents {padding:40px; letter-spacing:-0.5pt;}

/* contents-display */
.aBtn {display:inline-block; padding:0 10px; border:1px solid #bbb; font-size:12px; border-radius:3px; height:30px; line-height:30px;}
.aBtn:hover {background:#f9f9fb; border-color:#888;}
.aBtn.print img {margin-right:4px;}
.list-contents>li {position:relative; padding-left:12px; font-size:14px; line-height:22px; margin-bottom:6px;}
.list-contents>li>span {display:block; width:6px; height:6px; border-radius:100%; border:2px solid #008aff; position:absolute; top:8px; left:0;}
.list-contents>li ul {padding-top:4px; padding-bottom:10px;}
.list-contents>li li {position:relative; padding-left:14px; font-size:13px; line-height:19px; margin:4px 0;}
.list-contents>li li span {display:block; width:6px; height:2px; background:#0ab450; position:absolute; top:10px; left:0;}
.icon-title {position:relative; font-size:20px; color:#222222; color: #222222; padding: 10px 0 20px 32px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
.icon-title img {position:absolute; top:12px; left:0;}
.small-title {font-size:16px; margin-bottom:15px;}
.director-img span {padding-top:10px; padding-bottom:30px; font-size:14px; color:#848688;}
.director-img span strong {color:black; font-size:22px; margin-right:12px; font-family: "ydr"; font-weight:normal;}
.director-img span strong img{vertical-align:middle}
.vhs-motto {position:relative; overflow:hidden; margin-bottom:40px;}
.vhs-motto ul {margin-right:-10px;}
.vhs-motto ul li {width:33.33%; float:left; text-align:center; border-radius:5px; margin-bottom:10px; font-size:18px; font-weight:bold;}
.vhs-motto ul li div {border:1px solid #0ab450; color:#0ab450; padding:15px 0; margin-right:10px;}
.vhs-motto ul li span {display:inline-block; background:white; border-radius:100%; width:30px; height:30px; line-height:30px; background:#0ab450; color:white; font-size:13px; margin-right:6px; vertical-align:middle;}
.vhs-motto ul li.list-02 div {color:#0ab450; border-color:#0ab450;}
.vhs-motto ul li.list-02 span {background:#0ab450;}
.vhs-motto ul li.list-03 div {color:#556473; border-color:#556473;}
.vhs-motto ul li.list-03 span {background:#556473;}
.vhs-vision .mv ul li {position:relative; border:1px solid #0ab450; margin-bottom:10px; padding:15px 30px; text-align:center;}
.vhs-vision .mv ul li span {position:absolute; width:140px; height:100%; line-height:300%; top:0; left:0; background:#0ab450; color:white;}
.vhs-vision .mv ul li strong {color:#0ab450;}
.vhs-vision .mv ul li.v {border-color:#0ab450;}
.vhs-vision .mv ul li.v span {background:#0ab450;}
.vhs-vision .mv ul li.v strong {color:#0ab450;}
.vhs-vision .vr {overflow:hidden;}
.vhs-vision .vr ul li {float:left; width:50%; overflow:hidden; text-align:center;}
.vhs-vision .vr ul li div {border:1px solid #a4a6a8; margin-right:5px; padding-bottom:10px; min-height:235px;}
.vhs-vision .vr ul li h4 {background:#f2f4f6; color:#0ab450; padding:10px; margin-bottom:20px;}
.vhs-vision .vr ul li p {margin-bottom:10px;}
.vhs-vision .vr ul li p span {display:inline-block; margin-right:6px; width:30px; height:30px; line-height:30px; border-radius:100%; background:#0ab450; color:white; font-size:12px; font-weight:bold;}
.vhs-vision .vr ul li.r div {margin-right:0; margin-left:5px;}
.vhs-vision .vr ul li.r h4 {background:#f9f9fb; color:#0ab450;}
.vhs-vision .vr ul li.r p span {background:#0ab450;}
.vhs-vision .gdt {clear:both;}
.vhs-vision .gdt>div {margin-top:20px; padding-top:20px; padding-bottom:40px; border-top:1px solid #ddd; position:relative;}
.vhs-vision .gdt h4 {background:#848688; color:white; width:80px; text-align:center; padding:12px; float:left; font-size:14px;}
.vhs-vision .gdt ul {padding-left:10px; overflow:hidden;}
.vhs-vision .gdt ul li {float:left; width:25%;}
.vhs-vision .gdt .g ul li strong {color:#0ab450;}
.vhs-vision .gdt ul li div {border:1px solid #0ab450; margin-right:10px; font-size:14px; line-height:20px; padding:10px;}
.vhs-vision .gdt ul li div.mr0 {margin-right:0;}
.vhs-vision .gdt ul li div p {background:#f9f9fb; border:1px solid #eee; padding:6px; font-size:12px; line-height:18px; margin-bottom:5px;}
.vhs-vision .gdt .g ul li div {border-style:double; border-width:3px;}
.vhs-vision .gdt .d ul li div {background:#0ab450; color:white;}
.vhs-vision .gdt .d ul li.color-02 div {background:#0ab450;}
.vhs-vision .gdt .d ul li.color-03 div {background:#009688;}
.vhs-vision .gdt .d ul li.color-04 div {background:#8bc34a;}
.vhs-vision .gdt .t ul li div {padding:5px; padding-bottom:0;}
.vhs-vision .gdt ul li.color-02 div {border-color:#0ab450;}
.vhs-vision .gdt ul li.color-03 div {border-color:#009688;}
.vhs-vision .gdt ul li.color-04 div {border-color:#8bc34a;}
.service-charter h2 {padding:20px; border:1px solid #008aff; text-align:center; color:#008aff;}
.service-charter ul {border-top:1px solid #444; border-bottom:1px solid #ccc; padding:15px 0;}
.service-charter ul li {position:relative; padding-left:30px; margin:15px 0;}
.service-charter ul li img {position:absolute; top:1px; left:0;}
.ethics-charter ul {overflow:hidden; padding:15px 30px; background:#f9f9fb; border:1px solid #e4e6e8;}
.ethics-charter ul li {margin:15px 0; position:relative; padding-left:50px; font-size:18px; line-height:28px;}
.ethics-charter ul li span {position:absolute; top:0; left:0;}
.vhs-mission {position:relative; overflow:hidden; padding:20px 20px 20px 300px; border:1px solid #d4d6d8; background:#f6fdf6; border-radius:3px;}
.vhs-mission img.title {position:absolute; top:50%; left:20px; margin-top:-115px;}
.vhs-mission ul li {position:relative; padding:10px 10px 10px 40px; border:1px solid #d4d6d8; background:#fff; border-radius:3px; margin:5px 0;}
.vhs-mission ul li img {position:absolute; top:50%; left:10px; margin-top:-10px;}
.photo-gallery {overflow:hidden;}
.photo-gallery ul {margin-right:-20px;}
.photo-gallery ul li {width:25%; float:left; margin-bottom:20px;}
.photo-gallery ul li div {margin-right:20px; background:#f9f9fb; font-size:12px; line-height:18px;}
.photo-gallery ul li .img img {display:block; width:100%; height:160px;}
.photo-gallery ul li .text {background:white; padding:8px 12px 8px 0; height:36px; font-weight:bold; -webkit-word-break:keep-all; -moz-word-break:keep-all; word-break:keep-all;}
.depth-four {overflow:hidden; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.depth-four ul li {float:left;}
.depth-four ul li a {display:block; font-size:12px; line-height:16px; padding:6px 12px;; border:1px solid #ccc; background:#f9f9fb; color:#666; border-radius:3px; margin-right:5px;}
.depth-four ul li a:hover {background:white; color:black;}
.depth-four ul li.on a {background:#008aff; border-color:#008aff; color:white;}
.statistics-main th {font-size:13px; padding:6px;}
.statistics-main td {padding:5px 5px 0 5px; font-size:12px; font-weight:bold;}
.statistics-main a {display:inline-block; height:26px; line-height:26px; color:#666; padding:0 6px; margin:0 5px 5px 0; font-weight:normal; background:#f9f9fb; font-size:12px; border:1px solid #eaebec;}
.statistics-main a:hover {background:#008aff; border-color:#008aff; color:white;}
.statistics-main th a {font-weight:bold; font-size:13px; color:black; background:white; margin-bottom:0; color:#008aff;}
.statistics-main .p0 {padding:0 5px 5px 5px !important; background:#f9f9fb;}
.statistics-main .p0 table {border-top:0; background:white;}
.statistics-main .p0 table td {font-weight:normal; vertical-align:top;}
.director-img{padding-bottom: 30px;}
.a_9_li{text-align:left;}
.a_9_li li{position:relative;padding-left:12px;}
.a_9_li li:before{content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background:#999;border-radius:50%;}

/* 1440px */
@media screen and (max-width:1440px) {
	#header {display:none;}
}

/* 1366px */
@media screen and (max-width:1366px) {
}

/* 1280px */
@media screen and (max-width:1280px) {
	#sub-layout #contents {min-width:1200px; width:100%; left:0; margin-left:0; top:0; bottom:50px;}
	#sub-layout #contents>.wrap {max-width:100%;}
}

/* Print */
@media print {
	body {-webkit-print-color-adjust: exact !important;}
}