@charset "utf-8";
#bg { width: 100%; height: 500px; margin-bottom: 20px; }

/* 배너사이즈와 위치 */
#s_banner_wrap { width: 100%; height: 500px; position: relative; }
.banner_01 { width: 100%; height: 500px; background: url(../images/bg1.jpg) no-repeat; background-size: cover; background-position: center; }
.banner_02 { width: 100%; height: 500px; background: url(../images/bg2.jpg) no-repeat; background-size: cover; background-position: center; }

#main { width: 1000px; margin: 100px auto; padding: 10px 50px 100px; background: #fff; text-align: center; }
#main h1 { margin-bottom: 50px; text-align: center; font-size: 3em; font-weight: 700; color: #424242;  }
#main p { margin-bottom: 70px; text-align: center; font-size: 1.2em; font-weight: 300; line-height: 1.6em; }
#main ul { overflow: hidden; width: 860px; margin: 0 auto; }
#main ul li { float: left; margin-right: 20px; }
#main ul li:last-child { margin-right: 0; }
#main ul li img { width: 200px; border: 1px solid #ccc; }
#main ul li h4 { margin: 5px 0 30px; font-size: 1em; font-weight: 300; }
#main .link a { display: inline-block; width: 200px; height: 70px; margin-top: 70px; background: #fff; color: #F29A2E; font-size: 1.4em; font-weight: 300; line-height: 70px; border: 2px solid #F29A2E; }
#main .link a:hover { transition: all ease 0.4s; background: #F29A2E; color: #fff; }