@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

/*content*/
#content{ width:100%; overflow:hidden;}
#content #con01{width:1000px; margin:0 auto;}
#subtitle{ text-align:center; padding:20px 0; border-bottom:1px solid #ccc;}
#subtitle p{ font-size:16px;}
#subtitle h2{ font-size:40px; padding-top:5px;}

/*submenu*/
#content #con01 #submenu{ width:210px; float:left;}
#content #con01 #submenu ul{ font-size:18px; text-indent:15px; }
#content #con01 #submenu ul li{ border-bottom:1px solid #ccc;}
#content #con01 #submenu ul li a{  width:210px; padding:15px 0; display:block; }
#content #con01 #submenu ul li a:hover{background-color:#45a847;}
#content #con01 #submenu ul li a:hover{ color:#fff;}
#content #con01 #submenu ul li.listOn{ background-color:#45a847; color:#fff; border-bottom:none;}
#content #con01 #submenu ul li.listOn a{ color:#fff;}


/*submain*/
#content #con01 #submain{ width:760px; float:left; padding-left:30px; padding-top:50px;}
#content #con01 #submain .tit_area .line_box{
	width:39px;
	height:5px;
	display: flex;
	margin-bottom:12px;
}

#content #con01 #submain .tit_area .line_box .gr_box{
	width:10px;
	height:5px;
	background-color: #83bf45;
	display:block;
}
#content #con01 #submain .tit_area .line_box .or_box{
	width:29px;
	height:5px;
	background-color:#f98a05;
	display:block;
}

#content #con01 #submain .tit_area h3{
	display:flex;
	font-size: 24px;
	font-weight: 700;
}

#content #con01 #submain .con1 {

}

#content #con01 #submain .tit{
	font-size:19px;
	color:#45a847;
	display:flex;
	align-items:center;
	margin-top:40px;
	margin-bottom:24px;
}

#content #con01 #submain .txt{
	font-weight: 700;
}

#content #con01 #submain .tit span{
	display:block;
	width: 14px;
	height:14px;
	margin-right:13px;
}

#content #con01 #submain .tit span img{
	display:block;
	width: 100%;
	height:100%;
}

#content #con01 #submain .con1 .txt{
	line-height: 24px;
}

#content #con01 #submain .box_area{
	display:flex;
}


#content #con01 #submain .box_area .left{
	width:50%;
	height:72px;
	background-color:#f7f7f7;
	border: 1px solid #d6d6d6;
	display: flex;
    align-items: center;
    justify-content: center;
}

#content #con01 #submain .box_area .left .tel{
	display: block;
	width:40px;
	height:40px;
	margin-right:14px;
}

#content #con01 #submain .box_area .left .tel img{
	display: block;
	width:100%;
	height:100%;
}

#content #con01 #submain .box_area .left .tt{
	font-size:17px;
	font-weight:bold;
}

#content #con01 #submain .box_area .right{
	width:50%;
	height:72px;
	background-color:#f7f7f7;
	border: 1px solid #d6d6d6;
	display: flex;
    align-items: center;
    justify-content: center;
}

#content #con01 #submain .box_area .right .tel{
	display: block;
	width:40px;
	height:40px;
	margin-right:14px;
}

#content #con01 #submain .box_area .right .tel img{
	display: block;
	width:100%;
	height:100%;
}

#content #con01 #submain .box_area .right .tt{
	font-size:17px;
	font-weight:bold;
}


#content #con01 #submain .imgs{
	margin-top:30px;
}


#content #con01 #submain .con5{
	margin-bottom:500px;
}