/* reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
img { vertical-align: top;}
ul { list-style: none; }
a { text-decoration: none; }

/* layout */
#wrap { background: url("../image/bg_color.png") no-repeat center; background-size: cover; min-height: 100vh; }
.inner-wrap { width: 100%; max-width: 1920px; margin: auto; padding: 0 50px; text-align: center; }
#header {  padding: 30px 0 50px 0; }

/* common */
.blind { display: none; }

/* header */
.logo { line-height: 1; }
.logo img { width: 100%; max-width: 262px; }

/* main */
.banner img { width: 100%; max-width: 672px; }
.contents .box { margin: auto; width: 100%; border: 1px solid #d7d7d7; }
.content1, .content2 { padding-top: 40px; color: #474747; }
.content1 .box { max-width: 380px; background: #ffffff; padding: 0 5px; }
.content1 .box h3 { font-size: 18px; padding: 16px 0; line-height: 150%; }
.content1 .box hr { border: none; height: 1px; background-color: #d7d7d7;}
.content1 .box img { margin-top: 25px; width: 100%; max-width: 100px; }
.content1 .box p { margin: 20px 0 25px 0; }
.content2 .box { padding: 18px 32px; max-width: 960px; background: #f5f5f5; text-align: left; }
.content2 .box h3 { margin-bottom: 5px; font-size: 16px; }
.content2 .box li { line-height: 160%; }
.content2 a { margin-top: 6px; display: inline-block; padding: 4px 10px; background: #374079; color: #ffffff; }

/* 반응형 */
@media screen and (max-width: 767px) {
	/* layout */
	.inner-wrap { padding: 0 20px; }
	#header {  padding: 16px 0 30px 0; }

	/* main */
	.content1 { padding-top: 30px; }
	.content2 { padding-top: 16px; }
	.content1 .box { padding: 0 10px; }
	.content1 .box h3 { font-size: 16px; }
	.content1 .box p { margin: 18px 0; }
	.content2 .box { padding: 18px 25px; }
}