@charset "utf-8";

#sub_wrap {
	min-width:1200px;
	padding:0 120px 0 310px;
	overflow:hidden;
}
#sub_wrap .bo_head {
	width:100%;
	margin:0;
	padding:90px 0;
	overflow:hidden;
}
#sub_wrap .bo_head.hide {
	display:none;
}
#sub_wrap .bo_head .bo_list {
	position:relative;
	height:40px;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	color:rgba(20,20,20 ,1);
	font-weight:500;
	letter-spacing:0.2em;
	display:inline-block;
}
#sub_wrap .bo_head .bo_list:after {
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	width:60px;
	height:1px;
	background:rgba(20,20,20 ,1);
	display:block;
}
#sub_wrap .bo_head ul.bo_lnb {
	margin:0;
	padding:0;
	list-style:none;
}
#sub_wrap .bo_head ul.bo_lnb li {
	position:relative;
	margin:0;
	padding:0 50px 0 10px;
	display:inline-block;
}
#sub_wrap .bo_head ul.bo_lnb li:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:1px;
	height:100%;
	background:#ddd;
	display:block;
}
#sub_wrap .bo_head ul.bo_lnb li:first-child:before {
	display:none;
}
#sub_wrap .bo_head .bo_lnb a {
	position:relative;
	font-family:'Roboto', sans-serif;
	font-size:13px;
	color:rgba(150,150,150 ,1);
	font-weight:400;
	text-align:left;
	vertical-align:bottom;
	transition:color 0.5s;
	display:table-cell;
}
#sub_wrap .bo_head .bo_lnb a:after {
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:0;
	height:1px;
	background:rgba(20,20,20 ,0);
	transition:width 1s, opacity 0.5s;
	display:block;
}
#sub_wrap .bo_head .bo_lnb a:hover,
#sub_wrap .bo_head .bo_lnb a.active {
	color:rgba(20,20,20 ,1);
	transition:color 0.5s;
}
#sub_wrap .bo_head .bo_lnb a:hover:after,
#sub_wrap .bo_head .bo_lnb a.active:after {
	position:absolute;
	left:0;
	content:'';
	width:100%;
	height:1px;
	background:rgba(20,20,20 ,1);
	transition:width 0.5s, opacity 0.25s;
	display:block;
}
@media all and (min-width:1201px) {
	#sub_wrap .bo_head h1 {	float:left; transition:all 0.5s; }
	#sub_wrap .bo_head ul.bo_lnb { float:right; transition:all 0.5s; }
	#sub_wrap .bo_head ul.bo_lnb li, #sub_wrap .bo_head .bo_lnb a { height:40px; }
	#sub_wrap .bo_head .bo_lnb a:hover:after, #sub_wrap .bo_head .bo_lnb a.active:after { top:32px; }
}
@media all and (max-width:1200px) {
	#sub_wrap .bo_head h1 { transition:all 0.5s; display:block; }
	#sub_wrap .bo_head ul.bo_lnb { margin-top:20px; transition:all 0.5s; display:block; }
	#sub_wrap .bo_head ul.bo_lnb li, #sub_wrap .bo_head .bo_lnb a { height:20px; margin-top:5px; }
	#sub_wrap .bo_head .bo_lnb a:hover:after, #sub_wrap .bo_head .bo_lnb a.active:after { top:12px; }
}
#sub_wrap .co_head {
	width:100%;
	margin:0;
	padding:90px 0;
	overflow:hidden;
}
#sub_wrap .co_head h1 {
	position:relative;
	height:30px;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	color:#9E9E9E;
	font-weight:500;
	letter-spacing:0.2em;
	display:inline-block;
}
#sub_wrap .co_head h1:after {
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	width:40px;
	height:1px;
	background:#BDBDBD;
	display:block;
}