@charset "utf-8";
body:after { 
	position: fixed; 
	right: 10px; 
	bottom: 10px; 
	/* content: 'LG'; */
	}

	.wrapper { width: 100%; }
	.nav-wrap, .contents, footer  { max-width: 1080px; margin: 0 auto; }



/* first-section */
	.first-section { width: 100%; overflow: hidden; position:relative;}
	.mvisual {position:relative;width:100%;overflow:hidden;background:url("../image/main/mvisual_bg.jpg") no-repeat center 0;height:370px;}
	.mvisual p {position:absolute;right:40px;top:40px;}
	.cata-list {position:absolute;bottom:0;width:1000px;left:50%;margin:0 0 0 -500px;background:url("../image/main/bg_cata-list.png") no-repeat 0 0;}
		.cata-list ul {width:96%;margin:0 auto;}
		.cata-list ul:after {
			display:block;
			content:"";
			clear:both;
		}
			.cata-list li { 
				width:320px;
				height: 100px; 
				float:left;
			}
				.cata-list li a {
					display:block;
					padding:0 0 0 55px;
					background: url("../image/main/m_icon_news.png") no-repeat 0 20px; 
				}
					.cata-list li a h2 {
						line-height:1;
						padding:20px 0 15px;
						color:#fff;
						font-size:16px;
					}
			.cata-list .agency a{ 
				background: url("../image/main/m_icon_agency.png") no-repeat 0 20px;
			}
			.cata-list .relative a{ 
				background: url("../image/main/m_icon_relative.png") no-repeat 0 20px;
			}
			.cata-list p { color: #fff;height:38px;overflow:hidden;}

/* second-section */

	.second-section { width: 100%; overflow: hidden;background:#fff; }
	.second-section > ul {width:1000px;margin:40px auto;}
	.second-section > ul:after {
		display:block;
		content:"";
		clear:both;
	}
	.second-section > ul > li { 
		float: left;
		width: 255px; 
	}
	.second-section > ul > li.second04 {
		width:235px;
	}
	.second-section li .pic {width: 235px;margin:0 0 25px 0;text-align:center;}
		.second-section li .pic img {width:100%;}
	.second-section li .sec-cont{width: 235px;/* margin:25px 0 0 0; */position:relative;}
	.second-section li .sec-cont.first {margin:0 0 25px 0;border-bottom:1px dashed #c7c7c7;}
	.second-section li.second03 .sec-cont.first{min-height:153px;}
	.second-section li .sec-cont a {
		display: block;
	}
	.second-section li .sec-cont.more a {
		background: url("../image/main/btn_more.gif") no-repeat right 5px;
	}
	.sec-cont a.more { 
		width: 40px;
		height:9px;
		background: url("../image/main/btn_more.gif") no-repeat 100% 0;
		position: absolute;
		right: 0;
		top: 0; 
		text-indent: -9999em; 
	}
	.second-section li .sec-cont h2 {color: #157c8f; font-size: 16px; margin-bottom:12px;font-family: 'NG ExB';}
	.second-section li .sec-cont p.strong { font-size: 15px; line-height: 1.2; margin-bottom: 10px; letter-spacing: -1px;font-weight:bold;}
	.dot-list li {
		background: url("../image/main/bl_dot.gif") no-repeat 0 9px;
		padding-left: 10px; 
	}


@media only screen and (max-width : 1080px) {

	/* body:after { content: 'MD'; } */
	.cata-list {width:96%;margin:0 0 0 -48%;}
		.cata-list li { 
			width:33%;
			height: 100px; 
			float:left;
		}

	/* second-section */

		.second-section > ul {width:96%;margin:40px auto;}
		.second-section > ul > li { 
			width: 50%;
		}
		.second-section > ul > li.second04 {
			width:50%
		}
		.second-section li .pic {width: 95%;}
		.second-section li .sec-cont{
			width: 95%;
			border-bottom:1px dashed #c7c7c7;
			padding:0 0 25px 0;
			margin:0 auto 25px auto;
		}
		.second-section > ul > li.second04 p.pic {
			padding:0 0 25px 0;
			margin:0 auto 25px auto;
		}
		.second-section > ul > li.second04 p.pic.first {
			border-bottom:1px dashed #c7c7c7;
		}
		

} /* End of @media style */

@media only screen and (max-width : 960px) {
	/* body:after { content: 'SM'; } */
/* ------------------------- SHOW HIDE & FLUID ------------------------- */
	.wrapper { width: 100%; }
	.nav-wrap, .contents, footer  { max-width: 768px; margin: 0 auto; }



} /* End of @media style */
@media only screen and (max-width : 630px) {
	/* body:after { content: 'SSM'; } */
	.mvisual p {right:2%;width:70%;}
		.cata-list li a {
			display:block;
			padding:72px 0 0 0;
			text-align:center;
			background: url("../image/main/m_icon_news.png") no-repeat center 20px; 
		}
			.cata-list li a h2 {
				padding:0;
			}
	.cata-list .agency a{ 
		background: url("../image/main/m_icon_agency.png") no-repeat center 20px;
	}
	.cata-list .relative a{ 
		background: url("../image/main/m_icon_relative.png") no-repeat center 20px;
	}
	.cata-list p {display:none;}

} /* End of @media style */

@media only screen and (max-width : 480px) {
	/* body:after { content: 'XS'; } */
	.mhide-xs { display: none; }
	/* second-section */

		.second-section > ul {width:96%;margin:40px auto;}
		.second-section > ul > li { 
			width: 100%;
		}
		.second-section > ul > li.second04 {
			width:100%
		}
		.second-section > ul > li p.pic {
			text-align:center;
			width:100%;
		}

// ------------------------- Main   ------------------------- 
} /* End of @media style */

@media only screen and (min-width : 1020px) {

}

.m_news_bg{
	background: url("../image/main/m_news_bg.jpg") no-repeat 100% 0; 
	height:140px;
	padding:50px 0 00 ;
}
	.m_news_bg ul.dot-list li {
		padding:0 0 0 20px;
		background: url("../image/main/bl_dot2.gif") no-repeat 10px 9px;
	}
	.m_news_bg ul.dot-list li a{
		color:#fff;
		
	}