@charset "utf-8";
/* FONT Import */
@import url(font.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); /* Font-Weight : Thin 100, Light 300, Regular 400, Bold 700 */
@import url('https://fonts.googleapis.com/css?family=Barlow');

/* 초기화 */
body {margin:0;padding:0;font-family:'Malgun Gothic', Sans-serif;font-size:0.75em;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', Sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', Sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;outline:0}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

::selection {
	color:#333;
	background:rgba(255,238,51,0.99);;
	text-shadow:none;
}
::-moz-selection {
	color:#333;
	background:rgba(255,238,51,0.99);;
	text-shadow:none;
}
::-webkit-selection {
	color:#333;
 	background:rgba(255,238,51,0.99);;
	text-shadow:none;
}

.placeholdersjs { color: #aaa !important; }

/* Margin Top */
.mT0 {margin-top:0 !important}
.mT1 {margin-top:1px !important}
.mT2 {margin-top:2px !important}
.mT3 {margin-top:3px !important}
.mT4 {margin-top:4px !important}
.mT5 {margin-top:5px !important}
.mT7 {margin-top:7px !important}
.mT8 {margin-top:8px !important}
.mT9 {margin-top:9px !important}
.mT10 {margin-top:10px !important}
.mT15 {margin-top:15px !important}
.mT20 {margin-top:20px !important}
.mT25 {margin-top:25px !important}
.mT30 {margin-top:30px !important}
.mT35 {margin-top:35px !important}
.mT40 {margin-top:40px !important}
.mT45 {margin-top:45px !important}
.mT50 {margin-top:50px !important}
.mT55 {margin-top:55px !important}
.mT59 {margin-top:59px !important}
.mT60 {margin-top:60px !important}
.mT65 {margin-top:65px !important}
.mT70 {margin-top:70px !important}
.mT75 {margin-top:75px !important}
.mT80 {margin-top:80px !important}
.mT85 {margin-top:85px !important}
.mT90 {margin-top:90px !important}
.mT95 {margin-top:95px !important}
.mT100 {margin-top:100px !important}

/* CONTENTS */
#wrap {
	width:100%;
	height:100%;
	min-height:600px;
	overflow:hidden;
}

/* LEFT */
#side_wrap {
	position:relative;
	position:fixed;
	width:250px;
	height:100%;
	min-height:600px;
	padding:30px 0;
	background:url('../image/side_bg.jpg');
	text-align:left;
	z-index:99;
}
#side_wrap .logo {
	width:170px;
	height:80px;
	margin:0 auto;
	background:#001d32 url('../image/logo.png') 50% 50% no-repeat;
	border:1px solid #fff;
	display:block;
}
#side_wrap .gnb {
	width:100%;
	font-family:'Barlow', Sans-serif;
	margin-top:50px;
	overflow:hidden;
}
#side_wrap .gnb a {
	position:relative;
	font-size:14px;
	color:#fff;
	line-height:2.5em;
	padding:0 40px;
	display:block;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	cursor:pointer;
}
#side_wrap .gnb a:hover,
#side_wrap .gnb a.active {
	color:#fff000;
}
#side_wrap .gnb a.pf_root:after {
	content:'';
	position:absolute;
	top:12px;
	right:15px;
	width:10px; 
	height:10px;
	border-top:2px solid #555;
	border-right:2px solid #555;
	border-bottom:none;
	border-left:none;
	border-radius:1px;
	transform:rotate(135deg);
}
#side_wrap .gnb a.pf_sub {
	color:#aaa;
	padding:0 45px;
}
#side_wrap .gnb a.pf_sub:hover {
	color:#fff;
}
#side_wrap .lnb {
	font-family:'Spoqa Han Sans', Sans-serif;
	max-height: 0;
    transition: max-height 0.5s ease-out;
	overflow:hidden;
}
#side_wrap .btn_hospital:hover .lnb {
	max-height: 500px;
    transition: max-height 0.5s ease-in;
}
#side_wrap .lnb a {
	position:relative;
	font-size:12px;
	color:#aaa;
	line-height:0.5em;
	padding:10px 45px;
	display:block;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#side_wrap .lnb a:hover,
#side_wrap .lnb a.active {
	color:#fff;
	background:#000;
}
/*
#side_wrap .lnb a:hover:after,
#side_wrap .lnb a.active:after {
	content:'';
	position:absolute;
	top:12px;
	right:15px;
	width:10px; 
	height:10px;
	border-top:2px solid #555;
	border-right:2px solid #555;
	border-bottom:none;
	border-left:none;
	border-radius:1px;
	transform:rotate(45deg);
}
*/
#side_wrap .side_bottom {
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	font-size:12px;
	color:#888;
	line-height:2em;
	padding:0 30px;
	text-align:left;
}
#side_wrap .side_bottom em {
	font-size:13px;
	color:#bbb;
	font-style:normal;
}
#side_wrap .side_bottom span {
	line-height:1.25em;
	margin:5px 0;
	display:block;
}
#side_wrap .copyright {
	font-size:11px;
	color:#666;
	margin-top:20px;
	text-align:center;
	display:block;
}

/* PORTFOLIO CONTENT */
#content_wrap {
	position:fixed;
	left:250px;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:0;
}