@charset "utf-8";
@import url("layout.css");
@import url("contents.css");

/*----------------------------------------------------------------------------
 * 서브 스타일 정의
 * ---------------------------------------------------------------------------
 * Author	: (주)플랜아이 http://plani.co.kr
 * ---------------------------------------------------------------------------
 * History
 * ---------------------------------------------------------------------------
 * 2017-06-19 (조민지)	: 최초작성
 * -------------------------------------------------------------------------*/

#mobileContent {overflow:visible !important; z-index:1; padding-top:0;}
#mobileContent:before {position:absolute; left:50%; top:0; z-index:-1; width:1000%; height:100%; margin-left:-500%; background-color:#fff; content:'';}

/* visual */
#visual {position:relative; z-index:1; padding:40px 0 30px; color:#fff; text-align:center;}
#visual .img {overflow:hidden; position:absolute; left:-5%; top:0; z-index:-1; width:110%; height:100%; content:'';}
#visual .img img {max-width:9999%; height:100%;}
#visual .title {margin-top:5px; font-size:2em; font-weight:bold;}

/* location */
.location span:first-child {padding-left:30px; background:url('/images/korean/layout/icon_home.png') no-repeat 0 center;}
.location strong {position:relative; margin:0 10px; padding:0 20px;}
.location strong:before {position:absolute; left:-4px; top:50%; width:8px; height:8px; margin-top:-4px; border-top:1px solid #888885; border-right:1px solid #888885; content:''; transform:rotate(45deg);}
.location strong:after {position:absolute; right:0; top:50%; width:8px; height:8px; margin-top:-4px; border-top:1px solid #888885; border-right:1px solid #888885; content:''; transform:rotate(45deg);}

/* detailContent */
.detailContent {overflow:visible !important; padding:0 0 30px;}
.detailContent h1.title {position:relative; z-index:0; margin:10px 0 25px; font-size:1.8em; text-align:center;}
.detailContent h1.title:before {position:absolute; left:-5%; top:50%; z-index:-1; width:110%; height:1px; background-color:#d2d6db; content:'';}
.detailContent h1.title span {padding:0 20px; background-color:#fff; letter-spacing:-0.1em}

/* content_area */
#content_area {overflow:visible !important; padding:0 10px;}
.equip_list_go {text-align:right; padding-top:10px;}

.tstyle_point{border-top:2px solid #dadada;}
.tstyle_point:after{content:"";display:block;clear:both;}
.tstyle_point tr{border-bottom:1px solid #dadada;}
.tstyle_point th{font-weight:600;color:#252525;border-right:1px solid #dadada;padding:10px 0;}
.tstyle_point tr:first-child th{border-top:2px solid #fc6f4e;}
.tstyle_point td{color:#252525;padding:10px 10px;letter-spacing:-0.05em;}
.tstyle_point td span.day{border:1px solid #c8c8c8;border-radius:3px;font-size:12px;padding:0 7px;display:inline-block;float:left;margin:1px 5px 0 0;}
.tstyle_point td span.time{border:1px solid #c8c8c8;border-radius:3px;font-size:12px;padding:0 7px;display:inline-block;float:left;margin:2px 5px 0 0;}
.tstyle_point td ul{}
.tstyle_point td ul:after{content:"";display:block;clear:both;}
.tstyle_point td ul li{}
.tstyle_point td ul li:after{content:"";display:block;clear:both;}
.tstyle_point td ul li span{display:inline-block;padding-left:60px;}

/* 연혁 */
.history {
	letter-spacing: -0.05em;
	line-height: 180%;
	font-size:16px;
	}
.history li {
	margin-bottom: 30px;
	padding: 0 0 25px 0px;
	border-bottom: solid 1px #dbdce0;
	overflow: hidden;
	}
.history dl {
	width: 100%;
	margin-top: 25px;
	}
.history dt {
	clear: both;
	float: left;
	width: 30%;
	font-weight: bold;
	color: #717171;
	letter-spacing: 0;
	}
.history dd {
	float: left;
	width: 70%;
	color: #636363;
	}

/* 비전목표2 */
.kbsi_vision2 {
	margin-bottom: 30px;
	color: #636363;
	letter-spacing: -0.05em;
	font-size:16px;
	}
.kbsi_vision2 dl {
	margin-bottom: 10px;
	padding-top: 5px;
	border-bottom: solid 1px #dbdce0;
	}
.kbsi_vision2 dt {
	float:left;
	width:140px;
	padding-bottom:20px;
}
.kbsi_vision2 dd {
	vertical-align:middle;
	min-height:70px;
	padding: 20px 0 30px;
}
.kbsi_vision2 dl.vision_L01 dd.p1 {
	padding:30px 0 20px;
}
.kbsi_vision2 dl.vision_L02 dd.p1 {
	padding:40px 0 10px;
}
.kbsi_vision2 dd.p2 {
	padding-top:18px;
}
.kbsi_vision2 ul{
	width:285px;
	font-weight:bold;
	float:left;
}
.kbsi_vision2 ul li{
	width:285px;
	background: url(/images/kor/sub06/point1.gif) no-repeat 3px 8px;
	padding-left:12px;
	font-weight:100;
	height:20px;
}

h2.depth4_title02 {
	font-size: 1em;
	letter-spacing: 0;
	}

.color_title,
.color_title02 {
	margin-bottom: 2px;
	color: #1898d7;
	}
.color_title02 {
	margin-top: 14px;
	}

.tree_title,
.tree_title02 {
	padding: 0 0 11px 28px;
	background: url(/images/kor/common/icon_research.gif) no-repeat 0 0;
	color: #252525;
	font-weight: bold;
	}
.tree_title02 {
	margin-top: 23px;
	}
.blue_bgTitle {
	margin: 35px 0 8px;
	color: #252525;
	}
.blue_bgTitle span {
	display: block;
	margin-bottom: 1px;
	padding: 0 0 2px 8px;
	background: url(/images/kor/sub02/blue_titleBg.gif) no-repeat 0 0;
	font-size: 0.95em;
	color: #fff;
	}
.blue_bgTitle_top {
	margin-top: 0;
	position:relative;
	display:inline-block;
	}
.blue_bgTitle_top .award{
	position:absolute;
	font-size:0.85em;
	background:#ededed;
	padding:0 20px;
	width:95px;
	left:42px;
	top:0;
	z-index:-1;
	color:#e55317;
}
.blue_bgTitle_top .award .date{
	display:inline;
	background:none;
	color:inherit;
	padding:0;
	margin:0;
}
.blue_bgTitle_margin {
	margin-top: 25px;
	}
	
.linkSite_list  {
	clear: both;
	margin-left: -19px;
	overflow: hidden;;
	}

.linkSite_list > li  {
	float: left;
	width: 170px;
	margin: 0 0 29px 19px;
	text-align: center;
	letter-spacing: -0.1em;
	}
.linkSite_list > li img {
	margin-bottom: 8px;
	}	
/* 브로슈어, 발간자료 */
.reference_list {
	/* width: 765px; */
	/* margin: -25px 0 50px -23px; */
	margin:0 0 20px
	}
.reference_list:after{content:"";display:block;clear:both;}
.reference_list li {
	float: left;
	/* width: 153px; */
	width:50%;	
	height: 220px;
	box-sizing:border-box;
	/* margin: 25px 0 0 40px; */
	margin-bottom:40px;
	padding: 9px 0 0 2px;
	background: url(/images/kor/sub05/reference_bg.gif) no-repeat center center;
	text-align:center
	}
.reference_list li:after{clear:both;display:block;content:''}
.reference_list li a {display:block;}
.reference_list li a > img,
.reference_list li > img{ margin-top:14px;margin-left:-30px}

.reference_list li .txt,
.reference_list li .new_layer	{
	display: block;
	width: 150px;
	margin-top: 13px;
	padding-left: 19px;
	background: url(/images/kor/common/icon_pdf.gif) no-repeat 0 0;
	line-height: 1.3;
	letter-spacing:-0.05em;
	}
.reference_list li span.txt{display:inline-block;text-align:left}
.reference_list li .new_layer {
	padding-left: 17px;
	background: url(/images/kor/common/icon_newlayer.gif) no-repeat 0 4px;
	}	

.desc_box{background:#efefef;border-radius:10px;padding:25px 20px;}
.desc_box li{position:relative;padding-left:15px;}
.desc_box li:after{content:"※";position:absolute;left:0;top:0;}