@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; }

	.main h2 { color: #010101; font-size: 17px; margin-bottom: 15px; }
	.main h2:after { display: block; content: ''; width: 30px; height: 10px; border-bottom: 1px #000 solid; }

	.first-section { width: 100%; overflow: hidden; }
	.first-section .mvisual { float: left; width: 75%; text-align: center;}
	.first-section .cata-list { float: left; width: 25%; }
	.cata-list { width: 100%; overflow: hidden; }
	.cata-list li { 
			width: 100%; 
			min-height: 180px; 
			background-image: url("../image/main/m_news.jpg"); 
			background-position: left top; 
			background-repeat: no-repeat; 
			background-color: transparent; 
			}
	.cata-list .agency { 
			background-image: url("../image/main/m_agency.jpg"); 
			background-position: left top; 
			background-repeat: no-repeat; 
			background-color: transparent; 
			}
	.cata-list .relative { 
			background-image: url("../image/main/m_relative.jpg"); 
			background-position: left top; 
			background-repeat: no-repeat; 
			background-color: transparent; 
			}
	.cata-list li a { display: block; padding: 25px 20px; }
	.cata-list p { color: #333; width: 60%; }

	.second-section { width: 100%; overflow: hidden; }
	.second-section > li { 
		float: left; width: 50%; 
		}
	.second-section > li .pic { float: left; width: 50%;border: 0; }
	.second-section > li .sec-cont { float: left; width: 50%; }
	.second-section > li .pic img { border: 0; }

	.second-section > li h2 { color: #fff; }
	.second-section > li h2:after { border-color: #fff; }

	.second-section > li .sec-cont a { display: block; color: #fff; padding: 20px; background-image: url("../image/common/icon_more.png"); background-position: right top; background-repeat: no-repeat; background-color: transparent; }
	.second-section > li .sec-cont h2 + p { font-size: 16px; line-height: 1.2; margin-bottom: 15px; letter-spacing: -1px; }
	.second-section > li .sec-cont strong { font-size: 30px; letter-spacing: -1px; }
	.second-section > li .sec-cont strong + p { margin-top: 15px; }
	.second-section .interview { background: #90afbe; color: #fff; }
	.second-section .mp { background: #908883; color: #fff; }


	.third-section { width: 100%; overflow: hidden; }
	.third-section > li { float: left; width: 33.333%; }
	.third-section > li.report { border-top: none;}
	.third-section > .last { float: left; width: 33.333%; }
	.third-section > .report p { margin: 0; }

	.third-section .sec-cont a.accent { color: #407893; text-decoration: underline;}

/*  .third-section > .last .quiz { float: none; width: 100%; }
  .third-section > .last .news { float: none; width: 100%; }
*/

  .report { margin-bottom: 50px; /* border-top: 1px solid #d6d4d4; */ width: 100%; box-sizing: border-box; }
  .report h4 { font-size: 18px; color: #015e9b; margin: 20px 0; float: left; width: 25%; }
  .report h4 span { display: block; }
  .report h4:before { display: none; }
  .report .colR { float: right; width: 70%; margin: 15px 0; }

	.third-section .sec-cont { padding: 25px 20px; position: relative; }
	.third-section .sec-cont a { color: #333; }
	.third-section > li { height: 380px;}
	.third-section > li .sec-cont { min-height: 150px; padding: 25px 20px; }
	.third-section > .report { background: #fff; margin-bottom: 0; position: relative; }
	.third-section > .report .sec-cont .more { width: 40px; height: 40px; background-image: url("../image/common/icon_more_gray.gif"); background-position: right top; background-repeat: no-repeat; background-color: transparent; position: absolute; right: 0; top: 0; text-indent: -9999em; }
	.third-section > .lib { background: #f7f8f9; position: relative; }
	.third-section > .lib .sec-cont { position: relative; }
	.third-section > .lib .sec-cont .more { width: 40px; height: 40px; background-image: url("../image/common/icon_more_gray.gif"); background-position: right top; background-repeat: no-repeat; background-color: transparent; position: absolute; right: 0; top: 0; text-indent: -9999em; }
	.third-section > .last .sec-cont { background: #82898e; color: #fff; position: relative; }
	.third-section > .last .sec-cont a { color: #fff; }
	.third-section > .last .sec-cont h2 { color: #fff; }
	.third-section > .last .sec-cont h2:after { border-color: #fff; }
	.third-section > .last .sec-cont .more { width: 40px; height: 40px; background-image: url("../image/common/icon_more.png"); background-position: right top; background-repeat: no-repeat; background-color: transparent; position: absolute; right: 0; top: 0; text-indent: -9999em; }
	.third-section > .last .dot-list > li { background-image: url("../image/common/dot_white.gif"); background-position: 0 7px; background-repeat: no-repeat; background-color: transparent; }
	.third-section .dot-list { width: 100%; overflow: hidden; }
	.third-section .dot-list > li { background-image: url("../image/common/dot_gray.gif"); background-position: 0 7px; background-repeat: no-repeat; background-color: transparent; padding-left: 10px; }

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

	body:after { content: 'MD'; }
	.second-section > li .sec-cont strong { font-size: 25px; letter-spacing: -1px; }
	

/*
	.second-section { width: 100%; overflow: hidden; }
	.second-section > li { width: 100%; overflow: hidden; }
	.second-section > li .pic { float: left; width: 37%; }
	.second-section > li .sec-cont { float: left; width: 63%; }
	.second-section > li .sec-cont { float: left; width: 63%; position: relative; }
	.second-section > li .sec-cont a { color: #fff; }

	.third-section > .last .quiz { float: left; width: 50%; }
	.third-section > .last .news { float: left; width: 50%; min-height: 180px; }
	.third-section > li { float: left; width: 50%; }
*/

} /* 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; }


	.first-section .mvisual { float: none; width: 100%; }
	.first-section .cata-list { float: none; width: 100%; }
	.cata-list { width: 100%; overflow: hidden; }
	.cata-list h2 { text-align: left; }
	.cata-list h2:after { margin: 0; }
	.cata-list li { 
			float: left; 
			width: 33%; 
			min-height: 200px; 
			background: #fff url("../image/common/icon_news.png") no-repeat 90% 60%; 
		}
	.cata-list .agency { width: 34%; background: #f7f8f9 url("../image/common/icon_agency.png") no-repeat 90% 60%; }
	.cata-list .relative { background: #fff url("../image/common/icon_relative.png") no-repeat 90% 60%; }

	.cata-list p { color: #333; width: 60%; }

	.second-section { width: 100%; overflow: hidden; }
	.second-section .interview { background: #90afbe; color: #fff; }
	.second-section > li { width: 100%; overflow: hidden; }
	.second-section > li .pic { float: left; width: 37%;border: 0; }
	.second-section > li .sec-cont { float: left; width: 63%; }

	.third-section { width: 100%; overflow: hidden; }
	.third-section > li { width: 50%; overflow: hidden; }
	.third-section > .last { float: left; width: 100%; overflow: hidden; background: #f7f8f9; }


} /* End of @media style */
@media only screen and (max-width : 630px) {
	body:after { content: 'SSM'; }
	.cata-list li { 
			float: left; 
			width: 33%; 
			min-height: 200px; 
			background: #fff none; 
		}
	.cata-list .agency { width: 34%; background: #f7f8f9 none; }
	.cata-list .relative { background: #fff none; }
	.cata-list p { color: #333; width: 100%; }

} /* End of @media style */

@media only screen and (max-width : 480px) {
	body:after { content: 'XS'; }
	.mhide-xs { display: none; }
	.cata-list h2 { text-align: center; font-size: 14px;}
	.cata-list h2:after { margin: 0 auto; }
	.cata-list li { float: left; margin-bottom: 0; width: 33%; background: #fff; height: auto; min-height: 40px; }
	.cata-list li a { padding: 15px 20px; }
	.cata-list .agency { background: #f7f8f9; }
	.cata-list .relative { background: #fff; }
	.second-section > li .pic { float: left; width: 50%;border: 0; }
	.second-section > li .sec-cont { float: left; width: 50%; }

	.third-section > li { width: 100%; overflow: hidden; float: none;}

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

@media only screen and (min-width : 1020px) {
	.second-section .mp li span { display: block;}
}