@Charset "utf-8";
@import url("common.css");

#main {max-width:1200px; margin:20px auto 40px; overflow:hidden; text-align:center;}
.main {margin:0 -3px;}

.main_login {display:inline-block; width:292px; overflow:hidden; vertical-align:top; margin:0 3px 20px;}
.main_login .link {margin-top:-1px;}
#splash {display:inline-block; width:590px; border:1px solid #dddddd; vertical-align:top; margin:0 3px 20px;}
#banner {display:inline-block; width:290px; overflow:hidden; vertical-align:top; margin:0 3px 20px;}


.box {position:relative; display:inline-block; width:252px; height:230px; padding:20px; margin:0 3px 10px; border:1px solid #dddddd; overflow:hidden; vertical-align:top; text-align:left;}
.box .more {position:absolute; top:15px; right:0; padding:10px 20px;}
.box .title {font-size:23px; font-weight:bold; color:#313131;}
.box .new {margin-top:10px; overflow:hidden;}
.box .new .img {float:left; border:1px solid #dddddd; margin-right:15px;}
.box .new .img img {width:90px; height:115px;}
.box .new .text {font-size:17px; color:#909090; overflow:hidden;}
.box .new .text a {display:block; font-size:18px; font-weight:bold; color:#313131; max-height:190px; overflow:hidden;}
.box ul {margin-top:10px; overflow:hidden;}
.box li a {display:block; font-size:15px; color:#313131; line-height:32px; font-family:'Nanum Gothic'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.box2 {position:relative; display:inline-block; width:252px; height:230px; padding:20px; margin:0 3px 10px; border:1px solid #dddddd; overflow:hidden; background:#f7f7f7; vertical-align:top; text-align:left;}
.box2 .more {position:absolute; top:15px; right:0; padding:10px 20px;}
.box2 .title {font-size:23px; font-weight:bold; color:#C6172D; margin-bottom:10px;}
.box2 ul {overflow:hidden;}
.box2 ul li {display:block; padding:15px 25px; font-size:15px; font-family:'Nanum Gothic'; border:1px solid #dddddd; margin-bottom:18px; border-radius:10px; background:#fff;}
.box2 ul li a {display:block; overflow:hidden;}
.box2 ul li a b {display:block; font-size:15px; color:#014099; font-family:'Nanum Gothic'; overflow:hidden;}
.box2 ul li a span {display:block; font-size:15px; color:#909090; font-family:'Nanum Gothic'; line-height:24px; max-height:60px; overflow:hidden;}

.box3 {position:relative; display:inline-block; width:552px; min-height:200px; padding:20px; margin:0 3px 10px; border:1px solid #dddddd; overflow:hidden; vertical-align:top; text-align:left;}
.box3 .more {position:absolute; top:15px; right:0; padding:10px 20px;}
.box3 .title {font-size:23px; font-weight:bold; color:#313131; margin-bottom:15px;}





@media only screen and (max-width:1216px) {
	#main {max-width:1000px; }
	#banner {height:270px; margin-bottom:10px;}
	.box3 {min-height:230px;}
}
@media only screen and (max-width:1016px) {
	#banner {height:auto; margin-bottom:20px;}
}
@media only screen and (max-width:920px) {
	
}
@media only screen and (max-width:820px) {
}
@media only screen and (max-width:640px) {
	#splash {width:100%;}
	.box {width:90%; padding:20px 3%;}
	.box2 {width:90%; padding:20px 3%;}
	.box3 {width:90%; padding:20px 3%;}
	
	#login {display:none;}
	.main_login {display:block; margin:0 auto 20px;}
	.main_login .link {margin-top:0;}
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}