@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

body {margin: 0; padding: 0; font-size: 0; line-height: 0; color:#3a3a3a;}
.inner { position:relative; margin:0 auto; width:950px; height:100%;} 
.btn { position:absolute; background: url('../images/bg_null.png') repeat; font-size: 0; text-indent: -150%;} 
.section { position: relative; min-width:950px; width:100%; background-position: top center; background-repeat: no-repeat; } 
input[type=text]{padding:0 10px;}
input, select{outline:none;}

#winner div,#winner ul, #winner li, #winner img {margin: 0; padding: 0; font-size: 0; line-height: 0; list-style: none; border: 0; color: #3a3a3a;}
#winner {width: 950px; margin: 0 auto; overflow: hidden;}
#winner .section {position:relative;}
#winner input[type=text], #winner input[type=tel]{width: 100%; height: 48px; font-size: 28px; line-height: 48px; border: none; box-shadow: none; vertical-align: top; box-sizing: border-box; background-color: transparent; color: #391300; padding:0 10px;}
#winner select{height: 48px; padding: 0 10px; border: none; box-shadow: none; box-sizing: border-box; background-color: rgba(255, 255, 255, 0); font-size: 28px; color: #391300; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#winner .info {position: absolute; top: 2350px; left: 294px; font-size: 0; box-sizing: border-box;}
#winner .info > div{font-size: 0;}
#winner .info > div + div {margin-top: 12px;}
#winner .info .tel select{width: 148px;}
#winner .info .tel input {width: 146px; margin-left:25px;}
#winner .entry_btn {top: 2449px; left: 305px; width: 340px; height: 85px;}

#winner .section_01 .img_f{position: absolute; top: 70px; display:block; width:100%; animation: 1.5s ease 0s infinite main_ani;}
#winner .section_01 .blink_wrap{position:absolute; top:1754px; left:50%; transform:translateX(-50%); width:374px; height:625px;}
#winner .section_01 .blink_wrap .blink{display:block; width:100%; height:100%; background:url('../images/img_main_01.png') no-repeat center / contain;}
#winner .section_01 .blink_wrap .blink.on{background-image:url('../images/img_main_02.png');}

#winner .section_01 { height: 2442px; background-image: url('../images/section_01.jpg'); }
#winner .section_02 { height: 2607px; background-image: url('../images/section_02.jpg'); }
#winner .section_03 { height: 4485px; background-image: url('../images/section_03.jpg'); }

#winner .section_02 .video_wrap{position: absolute; top: 502px; left: 84px; width: 782px; height: 440px;}
#winner .section_02 .video_wrap iframe.video{display: block; width: 100%; height: 100%;}

#winner .section_03 .info{top:1557px;}
#winner .section_03 .entry_btn{top:1656px;}

@keyframes main_ani{
	0% {
		transform: translateY(0);
	} 50% {
		transform: translateY(10px);
	} 100% {
		transform: translateY(0);
	}
}
