/*-------------------------------------------------------------------------------------------
Basic Style Sheet

author: junkyung Kim
email : kk440404@naver.com
-------------------------------------------------------------------------------------------*/

/* visual 영역 */
#mainarea {
    width: 100%;
    overflow: hidden;
	margin : 0 auto;
	background-color:#fff;
}


#mainarea .visualarea{
	position:relative;
    width: 100%;
	overflow: hidden;
}

#MainVisualImg{
	position: relative;
	top: 0px;
	left: 0px;
	width:100%;
	height:599px;
}

#MainVisualImg img{
	width:100%;
}

#MainVisual01{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
}
#MainVisual02{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
}
#MainVisual03{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
}
#MainVisual04{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
}

#MainVisualButton{
	z-index:900;
	position: relative;
	width: 100%;
}

#MainVisualButton .btn{
	font-size:30px;
	padding-top:15px;
	text-align:center;
	font-weight:bold;
	box-sizing: border-box;
	float: left;
	position:relative;
	background-color: #797979;
	color:#e0e0e0;
	cursor: pointer;
	height:104px;
}

#MainVisualButton #MainVisualBtn01{
	width: 24.9%;
	margin-right:0.2%;
}

#MainVisualButton #MainVisualBtn02{
	width: 24.8%;
	margin-right:0.2%;
}

#MainVisualButton #MainVisualBtn03{
	width: 24.9%;
	margin-right:0.2%;
}

#MainVisualButton #MainVisualBtn04{
	width: 24.8%;
}



/* contents 영역 */

#mainarea .fbanner{
    width: 98%;
	height: 235px;
	padding: 28px 0 28px 0;
	margin:0 auto;
}

#mainarea .fbanner div{
	float:left;
    width: 25%;
	text-align:center;
}

#mainarea .bar{
    width: 100%;
	text-align:center;
}

#mainarea .knowhow{
    width: 100%;
	text-align:center;
	padding: 28px 0 30px 0;
}


#mainarea .bannerarea{
    width: 930px;
	height:452px;
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
}

#mainarea .bannerarea div{
    width: 452px;
	height:450px;
	float:left;
	margin-right:22px;
}

#mainarea .bannerarea div:last-child{
	margin-right:0;
}


#mainarea .buttonarea{
    width: 930px;
	height:236px;
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
}

#mainarea .buttonarea div{
    width: 214px;
	height:236px;
	float:left;
	margin-right:24px;
}

#mainarea .buttonarea div:last-child{
	margin-right:0;
}


#mainarea .maincontents01{
	clear:both;
    width: 930px;
	margin : 0 auto;
	margin-bottom: 30px;
}

#mainarea .maincontents01 ul{
	overflow:auto;
}

#mainarea .maincontents01 ul li {
    float: left;
    width: 455px;
    height: 413px;
	margin-left: 10px;
	border:1px solid #cccccc;
	border-top:2px solid #4996d7;
	background-color:#ffffff;
	overflow:hidden;

}

#mainarea .maincontents01 ul li:first-child {
    margin-left: 0;
}

#mainarea .maincontents01 ul li div.title{
    width: 90%;
	margin:0 auto;
	padding-top:28px;
	font-size:33px;
	font-weight:bold;
}

#mainarea .maincontents01 ul li div.body{
    width: 90%;
	margin:0 auto;
	font-size:28px;
	line-height:48px;
	padding-top:28px;
	padding-bottom:28px;
}

#mainarea .maincontents01 ul li div.body a{
    color:#2a2a2a;
}

#mainarea .maincontents02{
	clear:both;
    width: 100%;
	text-align:center;
	padding-bottom:120px;
}