@charset "utf-8";

/*common*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
body{font-size: 14px; color:#555555; font-family: 'Noto Sans KR', sans-serif; background-color:#fff; text-align: center; word-break: break-all; }
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input { margin: 0;padding: 0}
ul, ol, dl {list-style: none}
ul {list-style: none; padding: 0; margin: 0}
img, fieldset, iframe {border: 0}
img {vertical-align:top;}
input, select, button {vertical-align: middle}
input {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0;}
button * {position: relative}
em, address {font-style: normal}
a {text-decoration: none;color: inherit; display: block;}
.clear {clear: both;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
*{-webkit-tap-highlight-color:transparent}
img.map, map area{outline: none;}
textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
input,textarea{font-family: 'Noto Sans KR', sans-serif; font-size:14px;}
textarea:focus, input:focus{outline: none;}

.obj{position: absolute; z-index: 2;}
.btn { position: absolute; z-index: 2; }
.btn a{position: absolute;width:100%;height:100%;top:0px;left:0px;font-size:0px;background-image: url('../images/transparent.png');}
.hidden{font-size:0px; display: none;}

@-ms-viewport { width: device-width; } 
@-o-viewport { width: device-width; } 
@viewport { width: device-width; } 

#wrap{padding-top:0px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}

#gnb{width:100%; height:403px; top:0; left:0;  position: relative; background: #fff url('../images/gnb_bg.jpg'); background-repeat: repeat; background-position-x: center; z-index: 100;}
#gnb .wrap{position: relative; width:1125px; height: 403px; margin:0px auto; display: block; }
#gnb .logo {position: relative; display: flex; justify-content: center; align-items: center; height: 100%;}
#gnb h1{height: 179px; display: block;}

#wrap .section{position: relative; }
#wrap .section .wrap{width:100%; height:100%; margin:0px auto; position: relative;}

#wrap #main {height: 511px; background: #f7f7eb; margin-top: 0;}
#wrap #evt1 {height: 850px; background: #e3e2e7 url('../images/evt1_bg.jpg'); background-repeat: repeat; background-position-x: center;}
#wrap #evt1 .evt-img {width: 100%; overflow: hidden; }
#wrap #evt1 .evt-img  img{ transform: translate(0, 0);}
#wrap #evt2 {height: 494px; background: #f7f7eb url('../images/evt2_bg.jpg'); background-repeat: repeat; background-position-x: center;}
#wrap #evt2 .kakao-cert {width: 835px; height: 146px;top: 80px; left: 50%; margin-left: -417px;}
#wrap .evt-img { position: relative; width: 100%; }

@media (max-width:1125px){
	 #wrap #evt2 .kakao-cert {width: 830px; height: 146px;top: 80px; left: 148px;}
}

@media only screen and (max-device-width : 640px) and (min-device-width : 320px) {
	#wrap #evt1 .evt-img  img{ transform: translate(-14%, 0);}
}

#wrap .section.gsgm_coupon .wrap{width:600px !important;}
#wrap .section.gsgm_coupon .evt-img {width:600px !important;}
#wrap #gsgm_evt {height: 743px; background: #fdf5d9 url('../images/gsgm_evt_bg.jpg'); background-repeat: repeat; background-position-x: center;}
#wrap #gsgm_evt .evt-num { width: 450px; height: 64px; top: 566px; left: 75px;}
#wrap #gsgm_evt .evt-num span {font-size: 40px; font-weight: 600; color: #fff;}
#wrap #gsgm_evt_1 {height: 257px; background: #fff;}

@media (min-width:1024px){
	#wrap #gsgm_evt .evt-num { width: 450px; height: 64px; top: 566px; left: 50%; margin-left: -225px; }
}

#wrap #footer{position: relative;}
#wrap #footer-copy{ height:98px;  background-color: #fff; position: absolute; width: 100%; padding-top: 20px;}
#wrap #footer-copy .wrap { display: flex; justify-content: center; align-items: center; }