@charset "utf-8";

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

/* basic */
#whole, #intro-layout, #main-layout, #sub-layout {min-width:1250px;}
html, body, #whole, #intro-layout, #main-layout, #sub-layout  {height:100%;}
#whole {background:url(../images/common/bg_body.jpg); letter-spacing:-0.5pt;}
.wrap {position:relative; margin:0 auto; max-width:1250px; z-index:5;}
iframe {border:0; width:100%; height:100%; overflow:hidden; display:block;}

/* 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:#d4d6d8; height:50px; line-height:50px; font-size:12px; padding-left:20px; padding-right:20px;}
#footer ul {float:left;}
#footer ul li {float:left; 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;}
#footer p {float:right;}

/* intro-layout */
#intro-layout {background:url(../images/main/bg_intro.jpg) no-repeat center center; background-size:cover;}
#intro-layout #contents {width:450px; height:275px; position:absolute; top:50%; margin-top:-138px; 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 {font-weight:normal; display:inline-block; padding:8px 12px; border:3px solid white; margin-bottom:50px;}
#intro-layout ul li a {display:inline-block; height:50px; line-height:50px; border:1px solid white; border-radius:50px; font-size:16px; color:white; padding-left:20px; padding-right:40px; background:url(../images/common/icon_arrowL.png) no-repeat right 20px center;}
#intro-layout ul li a:hover {background:url(../images/common/icon_arrowLc.png) no-repeat right 20px center; color:#0aaf4b; background-color:white; font-weight:bold;}
#intro-layout p {position:absolute; bottom:50px; left:0; right:0; text-align:center;}

/* main-layout */
#main-layout #contents {width:1250px; height:700px; position:absolute; top:50%; margin-top:-375px; left:50%; margin-left:-625px;}
#main-layout #visual {width:750px; height:450px; background:url(../images/main/bg_visual.png) 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:60px;}
#main-layout #visual ul li.img-text {margin-bottom:30px;}
#main-layout #center {width:500px; height:450px; background:url(../images/main/bg_center.png) 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;}
#main-layout #center ul li strong {display:inline-block; font-size:24px; line-height:32px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid white; padding-top:10px;}
#main-layout #center ul li a {display:inline-block; height:40px; line-height:40px; border:1px solid white; border-radius:3px; font-size:14px; color:white; padding-left:20px; padding-right:40px; background:url(../images/common/icon_arrowL.png) no-repeat right 20px center;}
#main-layout #center ul li a:hover {background:url(../images/common/icon_arrowLc.png) no-repeat right 20px center; color:#0aaf4b; background-color:white; font-weight:bold;}
#main-layout #hospital {clear:both;}
#main-layout #hospital ul li {width:250px; height:250px; background:url(../images/main/bg_hospital_01.png) no-repeat left top; color:white; float:left; overflow:hidden; text-align:center; font-size:12px; line-height:26px;}
#main-layout #hospital ul li a {display:block; width:240px; height:80px; padding-top:160px; color:#c4c6c8; margin-top:3px; margin-left:3px;}
#main-layout #hospital ul li strong {display:block; color:black; font-size:18px;}
#main-layout #hospital ul li:hover a {border:3px solid #0aaf4b; width:234px; height:74px; color:#848688;}
#main-layout #hospital ul li:hover strong {margin-top:-3px; color:#0aaf4b;}
#main-layout #hospital ul li.hospital-02 {background:url(../images/main/bg_hospital_02.png) no-repeat left top;}
#main-layout #hospital ul li.hospital-03 {background:url(../images/main/bg_hospital_03.png) no-repeat left top;}
#main-layout #hospital ul li.hospital-04 {background:url(../images/main/bg_hospital_04.png) no-repeat left top;}
#main-layout #hospital ul li.hospital-05 {background:url(../images/main/bg_hospital_05.png) no-repeat left top;}

/* sub-layout */
#sub-layout #contents {width:1250px; background:white; margin:0 auto; position:absolute; top:100px; bottom:100px; left:50%; margin-left:-625px; overflow:hidden;}
#sub-layout #contents>.wrap {height:100%;}
#gnb {background:#f9f9fb; border-bottom:1px solid #e4e6e8; text-align:center; font-size:0; height:49px;}
#gnb ul li {display:inline-block; font-size:16px; border-right:1px solid #e4e6e8;}
#gnb ul li:first-child {border-left:1px solid #e4e6e8;}
#gnb ul li a {display:block; padding:0 20px; color:#646668; height:49px; line-height:49px;}
#gnb ul li:hover a {background:white; color:black;}
#gnb ul li.on a {background:#64af0f; color:white;}
#sub-layout #snb {text-align:center; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; margin:30px;}
#sub-layout .center #snb {background-image:url(../contents_center/images/visual.jpg);}
#sub-layout .seoul #snb {background-image:url(../contents_seoul/images/visual.jpg);}
#sub-layout .busan #snb {background-image:url(../contents_busan/images/visual.jpg);}
#sub-layout .gwangju #snb {background-image:url(../contents_gwangju/images/visual.jpg);}
#sub-layout .daegu #snb {background-image:url(../contents_daegu/images/visual.jpg);}
#sub-layout .daejeon #snb {background-image:url(../contents_daejeon/images/visual.jpg);}
#sub-layout #snb h2 {color:white; font-weight:normal; font-size:12px; color:#a4a6a8; height:90px; padding-top:40px;}
#sub-layout #snb h2 strong {display:block; font-size:25px; padding-bottom:5px; color:white;}
#sub-layout #snb ul {margin:0 1px;}
#sub-layout #snb ul li {float:left; width:20%; background:url(../images/common/blind_40.png);}
#sub-layout #snb ul.four li {width:25%;}
#sub-layout #snb ul.six li {width:16.66%;}
#sub-layout #snb ul li a {display:block; height:50px; line-height:50px; color:white; font-size:14px;}
#sub-layout #snb ul li a:hover {background:url(../images/common/blind_40.png);}
#sub-layout #snb ul li.on a {background:white; color:#0aaf4b; font-weight:bold;}
#sub-layout #layout {position:absolute; top:260px; left:30px; right:30px; bottom:30px;}
#sub-layout #layout .layout-box {position:relative; height:100%;}
#sub-layout #lnb {width:200px; position:absolute; top:0; left:0; bottom:0; padding-top:30px;}
#sub-layout #lnb .lnb-box {position:relative; height:100%; overflow:auto;}
#sub-layout #lnb ul li {font-size:14px; line-height:20px; position:relative;}
#sub-layout #lnb ul li a {display:block; padding-left:12px; border-radius:3px; padding-top:8px; padding-bottom:8px; color:#646668;}
#sub-layout #lnb ul li span {display:block; width:3px; height:3px; border-radius:3px; background:#0aaf4b; position:absolute; top:16px; left:0;}
#sub-layout #lnb ul li img {position:absolute; top:50%; margin-top:-7px; right:0; z-index:10;}
#sub-layout #lnb ul li:hover a {background:#f2f4f6; color:black; padding-left:24px;}
#sub-layout #lnb ul li:hover span {left:12px;}
#sub-layout #lnb ul li:hover img {right:12px;}
#sub-layout #lnb ul li.on a {background:#0aaf4b; color:white; padding-left:24px;}
#sub-layout #lnb ul li.on span {background:white; left:12px;}
#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:30px 30px 0 30px;} /*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:30px;}
#page .page-title p {position:absolute; top:4px; right:86px; font-size:14px; line-height:24px; height:24px; padding-left:34px; background:url(../images/common/icon_location.png) no-repeat left center;}
#page .page-title p span {color:#a4a6a8; margin:0 3px;}
#page .page-contents {padding:30px;}

/* 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:16px; 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 #64af0f; position:absolute; top:6px; 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:#0aaf4b; position:absolute; top:10px; left:0;}
.icon-title {position:relative; font-size:20px; color:#0aaf4b; padding-bottom:15px; border-bottom:1px solid #d4d6d8; padding-left:34px; margin-bottom:20px;}
.icon-title img {position:absolute; top:3px; 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:18px; margin-right:12px;}
.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 #64af0f; color:#64af0f; 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:#64af0f; color:white; font-size:13px; margin-right:6px; vertical-align:middle;}
.vhs-motto ul li.list-02 div {color:#0aaf4b; border-color:#0aaf4b;}
.vhs-motto ul li.list-02 span {background:#0aaf4b;}
.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 #0aaf4b; 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:#0aaf4b; color:white;}
.vhs-vision .mv ul li strong {color:#0aaf4b;}
.vhs-vision .mv ul li.v {border-color:#64af0f;}
.vhs-vision .mv ul li.v span {background:#64af0f;}
.vhs-vision .mv ul li.v strong {color:#64af0f;}
.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:#0aaf4b; 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:#0aaf4b; 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:#64af0f;}
.vhs-vision .vr ul li.r p span {background:#64af0f;}
.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:#0aaf4b;}
.vhs-vision .gdt ul li div {border:1px solid #64af0f; 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:#64af0f; color:white;}
.vhs-vision .gdt .d ul li.color-02 div {background:#0aaf4b;}
.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:#0aaf4b;}
.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 #0aaf4b; text-align:center; color:#0aaf4b;}
.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 div {position:relative; overflow:hidden; min-height:420px;}
.vhs-mission div img {position:absolute; top:20px; left:50%; margin-left:-168px;}
.vhs-mission div ul {width:280px;}
.vhs-mission div ul.left {float:left;}
.vhs-mission div ul.right {float:right;}
.vhs-mission div ul li {padding:5px; font-size:14px; line-height:18px; border:1px solid #ccc; background:#f9f9fb; border-radius:5px;}
.vhs-mission div ul li.left-02 {margin-top:65px;}
.vhs-mission div ul li.left-03 {margin-top:65px;}
.vhs-mission div ul li.left-04 {margin-top:55px;}
.vhs-mission div ul li.right-02 {margin-top:55px;}
.vhs-mission div ul li.right-03 {margin-top:55px;}
.vhs-mission div ul li.right-04 {margin-top:65px;}
.photo-gallery {overflow:hidden; border:1px solid #f2f4f6; background:#f2f4f6; padding:20px; padding-bottom:0; border:1px solid #eaecee;}
.photo-gallery ul {margin-right:-20px;}
.photo-gallery ul li {width:33.33%; 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%;}
.photo-gallery ul li .text {background:white; padding:8px 12px; 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:#0aaf4b; border-color:#0aaf4b; color:white;}
.statistics-main th {font-size:12px; 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; border-radius:3px; margin:0 5px 5px 0; font-weight:normal; background:#f9f9fb; font-size:11px; border:1px solid #eaebec;}
.statistics-main a:hover {background:#64af0f; border-color:#64af0f; color:white;}
.statistics-main th a {font-weight:bold; font-size:12px; color:black; background:white; margin-bottom:0;}
.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;}

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

/* 1366px */
@media screen and (max-width:1366px) {
	#footer {display:none;}
	#sub-layout #contents {top:30px; bottom:30px;}
	#sub-layout #snb {margin:0 0 30px 0;}
	#sub-layout #snb h2 {font-size:0; height:30px; padding:0;}
	#sub-layout #snb h2 strong {display:none;}
	#sub-layout #snb ul {margin:0 30px;}
	#sub-layout #layout {top:130px;}
}

/* 1250px */
@media screen and (max-width:1280px) {
	#sub-layout #contents {left:0; margin-left:0; top:0; bottom:0;}
}

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