* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	height:100%;
	margin:0 auto;
	position:relative;
	background-image: url(../../common/images/bg_p01.gif);
	background-repeat: repeat;
	font-size:14px;
	font-family:"Malgun Gothic", Dotum, tahoma;
	color:#27292a;
	line-height:18px;
}


ul, ol {
	list-style:none;
}
.list { clear: left; overflow: hidden; margin:-20px 0 0 67px;}
.list li { position: relative; float: left; width:358px; height:180px; margin:20px 0 0 6px; padding:30px 0 0 168px; text-align: left; border:2px solid #cecece; background-color: #fff;}
.list li img { position: absolute; left:25px; top:14px;}
.list li p { font-size: 16px; font-weight: bold; color: #777;}
.list li a { display: block; position: absolute; left:168px; bottom:16px; width:175px; font-family:Arial; font-size: 15px; font-weight: bold; color: #0093bd; text-decoration: none; text-align: center; line-height: 31px; border:2px solid #618eb9; background: linear-gradient(to bottom, #fdfdfd 0%,#e7e7e7 100%); border-radius:5px;}
.list li a:hover { color: #0380a4; border:2px solid #0380a4; background: linear-gradient(to bottom, #eee 0%,#ddd 100%);}

.copyright { margin-top: 20px;}
.copyright p { font-size: 13px; color: #777; text-align: center;}

.bg { height:101px; padding-left: 68px; font-size: 24px; font-weight: bold; color: #fff; text-align: left; line-height: 101px; background: url(../../common/images/main_title2.png) no-repeat center center; text-shadow:0 0 5px #333;}