@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 230330
updated: 
------------------------------------------------------------
*/
/* reset */
body,html{overflow:hidden;overflow-y:auto}
body,h1,h2,h3,h4,h5,h6,ul,ol,p{margin:0;padding:0}
body{font-family:Arial;color:#1e1e1e}
img{border:0;vertical-align:top}
ul,ol,li{list-style:none}
a{text-decoration:none}
/* layout */
.wrap{position:relative;margin:0 auto;min-width:1170px;max-width:2560px}
.header{position:absolute;left:50%;margin-left:-585px;padding:20px 0 0 0;width:1170px;z-index:10}
.visual{box-sizing: border-box;padding:440px 0 0 0;height:900px;background:url(../images/bg_visual.jpg) no-repeat center 0;text-align:center}
.about{height:590px;background:#fff url(../images/img_about.jpg) no-repeat center 0}
.innovative{height:590px;background:#12143c url(../images/img_innovative.jpg) no-repeat center 0;color:#fff}
.photo{padding-bottom:632px;background:url(../images/img_photo.jpg) no-repeat center bottom;text-align:center}
.footer{position:relative;background:#000;font-size:14px;color:#ddd}
address{box-sizing: border-box;margin:0 auto;padding:55px 0 55px 230px;width:1170px;background:url(../images/logo.png) no-repeat 0 50px;font-style:normal}
/* gnb */
.gnb{display:flex;position:absolute;top:40px;right:0;font-weight:bold;font-size:16px;color:#fff}
.gnb li{margin:0 0 0 21px}
.gnb a{position:relative;color:#fff}
.gnb a:hover:after,.gnb .on a:after{display:block;content:'';margin:-9px 0 0 -4px;padding:0 4px;width:100%;height:10px;background:#3e38ca}
/* content */
.wrap h2{box-sizing: border-box;margin:0 auto 30px auto;padding:60px 0 0 0;width:1170px;font-weight:900;font-size:60px;letter-spacing:-3px}
.wrap p{box-sizing: border-box;margin:0 auto 30px auto;width:1170px;font-size:30px;letter-spacing:-1.5px}
.about h2,.about p{padding-left:645px}
.innovative h2{font-size:44px}
.contact{position:relative;height:1040px;background:url(../images/bg_contact.jpg) no-repeat center 0;color:#fff}
.contact h2{margin-bottom:290px;padding-top:240px;text-align:center;letter-spacing:0}
.contact ul{display:flex;justify-content: space-between;margin:0 auto;width:1170px}
.contact h3{display:inline-block;margin:0 0 20px 0;padding:90px 0 0 0;font-size:48px}
.contact p{width:auto;font-weight:bold;font-size:18px;letter-spacing:-0.5px}
.location h3{background:url(../images/icon_location.png) no-repeat center 0}
.email{text-align:right}
.email h3{background:url(../images/icon_email.png) no-repeat center 15px}
.email a{display:block;color:#fff;letter-spacing:0}
/* footer */
.footer a{color:#ddd}
.footer a:hover{text-decoration:underline}
.menu{position:absolute;top:55px;left:50%;margin-left:-585px;display:flex;justify-content: flex-end;width:1170px}
.menu li{margin:0 0 0 24px}