@charset "utf-8";


.etc-btn	{
	display: block;
	border: 1px solid #a09ca7;
	color: #fff;
	height: 3.5em;
	line-height: 3.5em;
	margin-bottom: 3.8125%;
}
.etc-btn img	{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px !important;
	max-height: 60%;
}


#sub_visual	{
	position: relative;
	box-sizing: border-box;
	max-height: 460px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}
#sub_visual:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 71.875%;
}
#sub_visual .inner	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



#lnb	{
	display: block;
	position: relative;
}
#lnb:after	{
	content: "";
	display: block;
	position: relative;
	clear: both;
}

#lnb .menu-box.sub	{
	position: relative;
	width: 50%;
	float: left;
}

#lnb .menu-box.right:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	background: #e1e1e1;
}

#lnb .menu-box > a	{
	display: block;
	position: relative;
	color: #333;
	line-height: 3.0em;
	padding: 0 1.2em;
	font-size: 1.2em;
	letter-spacing: -1px;
	border-bottom: 1px solid #e1e1e1;
}

#lnb .menu-box.right > a	{
	background: #373737;
	color: #fff;
}

#lnb .menu-box > a i	{
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-75%) rotate(135deg);
	right: 1.0em;
	width: 4.0%;
	max-width: 24px;
	border: 1px solid #000000;
	border-left-width: 0;
	border-bottom-width: 0;

	transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
}

#lnb .menu-box.right > a i	{
	border-color: #737373;
}

#lnb .menu-box.open > a i {
	transform: translateY(-25%) rotate(315deg);
}
#lnb .menu-box > a i:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 100%;
}

#lnb .menu-list	{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #2d2d2d;
	z-index: 10;
}

#lnb .menu-list li	{ border-top: 1px solid #4d4d4d; }
#lnb .menu-list li a	{
	display: block;
	padding: 1.0em 1.2em;
	color: #fff;
}
#lnb .menu-list li.check a	{ color: #999; }


.history	{
	margin: 0 3.0%;
	padding-bottom: 3.0em;
	color: #383838;
}
.history i	{ margin-bottom: 1.0em; }
.history p	{ line-height: 1.8em; }


.single.about {background-color: #40384f; padding-bottom:3.8125%;}


#hospital_viewer		{
	position: relative;
	padding-bottom: 3.0em;
}

#hospital_viewer .flex-viewport .slides img	{
	width: 100% !important;
	height: auto !important;
}

#hospital_viewer .flex-control-thumbs	{ 
	display: block;
	position: relative;
	z-index: 10;
	margin: 0 4px;
	overflow: hidden;
}
#hospital_viewer .flex-control-thumbs li	{
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 4px;
	box-sizing: border-box;
}
#hospital_viewer .flex-control-thumbs li a	{
	display: block;
	position: relative;
}
#hospital_viewer .flex-control-thumbs li a:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#hospital_viewer .flex-control-thumbs li img	{
	display: block;
	width: 100%;
}
#hospital_viewer .flex-control-thumbs li a.flex-active:before	{ border: 1px solid #000; }

#hospital_viewer .flex-direction-nav a	{ 
	display: block;
	position: absolute;
	width: 14.85%;
	top: 0;
	bottom: 0;
	overflow: hidden;
	text-indent: -999px;
	background: url('/m/images/sub/ico_hospital_viewer_prev.png') no-repeat 50% 0%;
	background-size: 100% auto;
	z-index: 5;
}
#hospital_viewer .flex-direction-nav a.flex-prev	{ left: 0; }
#hospital_viewer .flex-direction-nav a.flex-next	{ 
	background-image: url('/m/images/sub/ico_hospital_viewer_next.png');
	right: 0;
}

#map_guide	{
	position: relative;
	box-sizing: border-box;
	max-height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#map_guide:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 66.66%;
}
#map_guide .inner	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#map_guide .root_daum_roughmap	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1;
}
#map_guide .wrap_map	{ 
	width: 100% !important;
	height: 100% !important;
}
#map_guide .wrap_controllers	{ display: none !important; }




#content_before_after_area	{ 
	background-position: 50% 0%;
	background-image: url('/m/images/sub/beforeafter/bak_icon.png');
	background-color: #dedede;
	background-repeat: no-repeat;
}
#content_before_after_area:after,
#content_before_after_area .fix-layout:after	{
	content: "";
	display: block;
	position: relative;
	height: 1px;
	clear: both;
}
@media all and (max-width: 640px) {
	#content_before_after_area	{ background-size: contain; }
}

#content_before_after_area .fix-layout	{ padding: 0 3.125%; }
#content_before_after_area .fix-layout .fix-layout	{ padding: 0; }

#content_before_after_area .fix-layout div.line img	{ display: none; }
#content_before_after_area .fix-layout div.line	{
	margin: 1.0em 0 !important;
	height: 1px;
	background: #fff;
}

#content_before_after_area .title	{ 
	display: block;
	position: relative;
	max-width: 640px;
	margin: 0 auto 2.0em;
}
#content_before_after_area .title:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 56.875%;
}
#content_before_after_area .title > div	{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#content_before_after_area .before-after-thumb-box i img	{ display: block; }

#content_before_after_area .guide	{
	display: block;
	position: relative;
	margin-bottom: 1.0em;
}
#content_before_after_area .guide:before	{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0; 
	right: 0;
	height: 1px;
	background: #fff;
	z-index: 0;
}
#content_before_after_area .guide .inner	{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	z-index: 1;
}
#content_before_after_area .guide .inner i	{
	display: block;
	float: left;
	width: 50%;
}
#content_before_after_area .guide .inner i img	{
	display: block;
	margin: 0 auto;
	max-width: 56%;
}

#content_before_after_area hr.line	{
	display: block;
	clear: both;
	height: 1px;
	background: #fff;
	padding: 0;
	border: none;
	margin: 1.0em 0 3.0em !important;
}


.open-pannel	{
	position: relative;
	box-sizing: border-box;
	border-top: 2px solid #373737;
	border-bottom: 1px solid #cfd1d4;
}
.open-pannel dt	{
	display: block;
	position: relative;
	background: #fff;
	border-top: 1px solid #cfd1d4;
}
.open-pannel dl:first-child dt	{ border-top: none; }
.open-pannel dt a	{
	display: block;
	position: relative;
	color: #383838;
	font-size: 1.3em;
	line-height: 1.7em;
	font-weight: 600;
	padding: 0.5em 2.0em;
	background: url('/images/board/ico_question.png') no-repeat 0.7em 50%;
}

.open-pannel dt:before	{
	content: "";
	display: block;
	position: absolute;
	width: 3em;
	height: 100%;
	top: 0px;
	right: 0;
	background: url('/images/board/ico_faq_arrow_down.png') no-repeat 50% 50%;
}
.open-pannel .on dt:before	{ background-image: url('/images/board/ico_faq_arrow_up.png'); }


.open-pannel dl dd .inner	{
	position: relative;
	border-top: 1px solid #cfd1d4;
	background: url('/images/board/ico_answer.png') no-repeat 0.7em 1.3em #f4f4f4;
	padding: 1.0em 0.8em 1.0em 2.4em;
	line-height: 1.7em;
	font-size: 15px;
	color: #000;
}


.open-pannel dl dd	{
	display: none;
	-webkit-transition: none !important;
	transition: none !important;
}

.open-pannel dl.on dd	{ display: block; }