* {margin: 0; padding: 0;}
img {border: 0;}

.topArea {width: 100%;}
.topArea img{width: 100%;}

h2 {font-size:27px; letter-spacing:-2px; color:#1662AD; font-weight:600;}
h3 {font-size:20px; letter-spacing:-0.5px;}
h4 {font-size:18px; color:#FF5E00; font-weight:600; line-height:30px;}

.text_box01 li{margin:0 0 30px 20px; line-height:24px; word-break:keep-all; text-align:justify;}
.text_box01 li b{color:#333; font-weight:600;}


.text_box02 li{margin:0 0 10px 25px; line-height:25px; text-align:justify; }



.input16 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:40%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input18 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:30%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input19 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:20%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }


#body{width: 900px; margin:0 auto;}

.top_menu{list-style:none; margin:5px auto;}
.top_menu li{margin:0 6px 7px 0; width:175px; float:left;}
.top_menu li:last-child{margin:0 0 7px 0; width:175px; float:left;}
.top_menu li a{display:block; width:100%; height:45px; text-align:center; font-size:14px; font-weight:500; color:#fff; line-height:45px; border:0px solid #000000; border-radius:5px 5px 5px 5px; background-color:#333336;}
.top_menu li a:hover{text-decoration:none; background-color:#D0101B;}

.contents{margin:0; padding:0; display:block;}
.contents:after {content:""; display:block; clear:both;}	
.contents li{width:280px; padding:0 0 40px 0; font-size:14px; list-style:none; float:left;}
.contents li:nth-child(4n){width:240px; padding:0 0 40px 0; font-size:14px; list-style:none; float:left;}

.contents li .set_img{width:240px; height:135px; border:1px solid #CCCCCC; float:left; cursor:pointer; overflow:hidden;}
.contents li .set_img .gradient1 {margin-top:30px; padding:5px 10px 5px 10px; text-align:center;}

#media #news_sub_area .news_list{width:900px; font-size:15px; line-height:24px; text-align:left;}
#media #news_sub_area .news_line{width:900px; height:1px; margin:15px 0 15px 0; background-color:#EFEFEF;}
#media #news_sub_area .news_img{margin:0 15px 0 0; border:1px solid #DDDDDD; float:left; }
#media #news_sub_area .news_txt{font-size:16px;color:#333333;font-weight:500;line-height:25px;}
#media #news_sub_area .news_content{color:#999999;}
#media #news_sub_area .news_content .img{border:1px;}
#media #news_sub_area .news_writer{font-size:8pt;color:#A7A7A7;}


@media all and (min-width:0px) and (max-width:1000px){
	#wrap{width: 100%;}
	#MainMenu_area{display:none;}
	#MainMenu{display:none;}
	#top_category{display:none;}

	#body{width: 90%; margin:0 auto;}
	#copyright{display:none;}

	.top_menu{list-style:none; margin:0 0 300px 0;}
	.top_menu li{margin:0 0 7px 0; width:100%;}
	.top_menu li:last-child{margin:0 0 7px 0; width:100%;}

	.contents{margin:0; padding:0; display:block;}
	.contents:after {content:""; display:block; clear:both;}	
	.contents li{width:100%; height:250px; padding:0 0 40px 0; font-size:14px; list-style:none; float:left;}

	.contents li .set_img{width:100%; height:250px; border:1px solid #CCCCCC; float:left; cursor:pointer; overflow:hidden;}
	.contents li .set_img .gradient1 {margin-top:100px; padding:5px 10px 5px 10px; text-align:center;}

	#media #news_sub_area .news_list{width:100%; font-size:15px; line-height:24px; text-align:left;}
	#media #news_sub_area .news_line{width:100%; height:1px; margin:15px 0 15px 0; background-color:#EFEFEF;}
	#media #news_sub_area .news_img{margin:0 15px 0 0; border:1px solid #DDDDDD; float:left; }
	#media #news_sub_area .news_txt{font-size:16px;color:#333333;font-weight:500;line-height:25px;}
	#media #news_sub_area .news_content{color:#999999;}
	#media #news_sub_area .news_content .img{border:1px;}
	#media #news_sub_area .news_writer{font-size:8pt;color:#A7A7A7;}
}





.top_menu li:hover > a,
.top_menu li.active > a {text-decoration:none; background-color:#D0101B;}

@media all and (min-width:0px) and (max-width:1000px){
.top_menu{list-style:none; margin:0 0 300px 0;}
.top_menu li{margin:0 0 7px 0; width:100%;}
.top_menu li:last-child{margin:0 0 7px 0; width:100%;}
}