@charset "utf-8";
/*-------------------------------------------------
Main Style Sheet
Version : 1.0
Author : CHO SUN YOUNG
Create date : 2014. 12. 04.
-------------------------------------------------*/
/* <link rel="stylesheet" href="${contextPath}/resources/css/common/general.css?date='${TODAY_CSSJS}'">
<link rel="stylesheet" href="${contextPath}/resources/css/erd/layout.css?date='${TODAY_CSSJS}'"> */


/* 비쥬얼 */	
.topCont_area {
	width: 1000px;
	margin: auto;
	height: 380px;
	overflow: hidden;
	}	
.visual_area {
	position: relative;
	float: left;
	width: 100%;
	height: 380px;
	overflow: hidden;
	}
.visual_area .btn_control {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 50px;
	height: 15px;
	background: url(../../images/common/layout/visual_btn.png) no-repeat 0 0;
	overflow: hidden;
	}		
.visual_area .btn_control a {
	float: left;
	display: block;
	width: 16px;
	height: 15px;
	text-indent: -9999px;
	}	
.visual_area .btn_control a.btn_play {
	background: url(../../images/common/layout/visual_btn.png) no-repeat -16px -15px;
	}		
.visual_list {
	width: 100%;
	overflow: hidden;
	}
.visual_list li {
	float: left;
	}
.visual_list li img {
	width: 100%;
	border: solid 1px #dddedf;
	}

#body {
	padding-top: 20px;
	line-height: 1.2;
	overflow: hidden;
	}
.lstyle_dot {
	margin-top: 20px;
	}
.lstyle_dot li {
	margin-bottom: 12px;
	padding-left: 10px;
	background: url(../../images/erd/main/bu01.gif) no-repeat left 7px;
	}
.lstyle_dot li a {
	display: block;
	}
.main_box {
    float: left;
    position: relative;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #fff;
    box-sizing: border-box;
	border-bottom: 2px solid #e2e3e6;
	overflow: hidden;
	}
.main_box .subject {
	color: #28a48c;
	letter-spacing: -0.025em;
	font-size: 18px;
	}
/* 개별 콘텐츠 style */
.designated_agency {
	width: 340px;
	height: 351px;
	margin-right: 10px;
	}
.best_hospital  {
	float: right;
	width: 650px;
	padding: 0;
	}	
.best_hospital .subject {
    padding: 15px 20px;
    color: #252525;
    border-bottom: 1px solid #e3e4e8;
	}
.best_hospital .subject .best {
    padding-left: 27px;
    background: url(../../images/erd/main/icon_good.gif) no-repeat 0 0;
    color: #f05e22;
	}
.best_hospital  .float_wrap {
	display: flex; display: -webkit-flex; flex-flow: row wrap;
	}	
.best_hospital .h3_tit {
    color: #ed881c;
    font-size: 14px;
	}	
.best_hospital .txt {	
    margin-top: 10px;
    color: #6c6d70;
    line-height: 1.5;
    font-size: 11px;
	}
.best_hospital .col_cont {
	position: relative;
	width: 50%;
    padding: 25px 20px;
    box-sizing: border-box;
    overflow: hidden;
	}
.best_hospital .col_cont:nth-child(n+3) {
    border-top: 1px dashed #ddd;
	}
.best_hospital .col_cont:nth-of-type(odd)::after {
	position: absolute;
	top: 25px;
	right: 0;
	width: 1px;
	height: calc(100% - 50px);
	border-right: 1px dashed #ddd;
	content:'';
	}	
.youtube {
	float: left;
	width: 340px;
	height: 185px;
	margin-right: 10px;
	}
.youtube iframe{
	width:100%;
	height:100%;
	}
.popup_area {
	float: left;
	position: relative;
	width: 370px;
	height: 185px;
	margin-right: 10px;
	background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
	}	
.popup_list {
	height: 100%;
	overflow: hidden;
	}
.popup_list li {
	float: left;
	}
.popup_list li img {
	width: 100%;
	}	
.popup_area .btn_control {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 60px;
	height: 23px;
	background: url(../../images/common/layout/popup_btn.png) no-repeat 0 0;
	}
.popup_area .btn_control a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	text-indent: -9999px;
	line-height: 1.2;
	}	
.popup_area .btn_control a.btn_play {
	background: url(../../images/common/layout/popup_btn.png) no-repeat -20px -22px;
	}
.banner {
    float: right;
	display: flex; display: -webkit-flex; flex-flow: row wrap;
    width: calc(650px + 1.5%);
    margin: 0 -1%;
	}
.banner .box {
	width: 100%;
	height: 185px;
    margin: 0 1%;
	padding: 20px;
	border-bottom: 2px solid #e2e3e6;
    box-sizing: border-box;
    font-size: 14px;
	}
.banner .subject {
	margin-bottom: 10px;
    color: #252525;
    font-size: 18px;
	}	
.banner li {	
	margin-bottom: 5px;
	}
.krh_vision {
	background: #ffd105 url(../../images/erd/main/bg01.png) no-repeat right bottom;
	}
.contact_us {
	background: #28a48c url(../../images/erd/main/bg02.png) no-repeat right bottom;
	}
.contact_us .tit {
	color: #000;
	}