@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: 1387px; left: 288px; 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: 142px;}
#winner .info .tel input {width: 142px; margin-left:24px;}
#winner .entry_btn {top: 1497px; left: 299px; width: 354px; height: 86px;}

#winner .section_01 { height: 1648px; background-image: url('../images/section_01.jpg?0'); }
#winner .section_02 { height: 2501px; background-image: url('../images/section_02.jpg?0'); }
#winner .section_03 { height: 2799px; background-image: url('../images/section_03.jpg?0'); }
#winner .section_04 { height: 1773px; background-image: url('../images/section_04.jpg?0'); }

#winner .tab_wrap{position:absolute; bottom:0; width:100%; height:136px; font-size:0; background:url('../images/img_tab.png') no-repeat 0 / 100% auto;}
#winner .tab_wrap.on{position:fixed; top:0; z-index:140; width:950px;}
#winner .tab_wrap a{display:inline-block; width:50%; height:100%;}

#winner .section_02 .video_wrap{position: absolute; top: 455px; left: 50%; transform: translateX(-50%); width: 874px; height: 492px; overflow: hidden; margin:0 auto;}
#winner .section_02 .video_wrap iframe{display:block; width:100%; height:100%;}
#winner .section_02 .ctr_btn{position:absolute; top: 990px; left: 154px; font-size: 0;}
#winner .section_02 .ctr_btn button{display:inline-block; width:300px; height:63px; font-size:0; color:transparent; background:transparent; border:none; padding:0; cursor:pointer;}
#winner .section_02 .ctr_btn button + button{margin-left: 44px;}

#winner .section_03 .ev_02{position:absolute; top: 460px; left: 50%; transform:translateX(-50%); font-size: 0; white-space: nowrap;}
#winner .section_03 .ev_02 li{position:relative; display: inline-block;}
#winner .section_03 .ev_02 li:nth-child(2n-1){animation: 2s ease-in 0s infinite ani;}
#winner .section_03 .ev_02 li:nth-child(2n){animation: 2s ease-in 0s infinite reverse ani;}
#winner .section_03 .ev_02 li input[type="radio"]{position: absolute; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
#winner .section_03 .ev_02 li input[type="radio"] + label{display:block; width:200px; height:202px; background-repeat:no-repeat; background-position:0; background-size:200px auto; box-sizing:border-box;}
#winner .section_03 .ev_02 li:nth-child(1) input[type="radio"] + label{background-image:url('../images/img_ev2_01.png');}
#winner .section_03 .ev_02 li:nth-child(2) input[type="radio"] + label{background-image:url('../images/img_ev2_02.png');}
#winner .section_03 .ev_02 li:nth-child(3) input[type="radio"] + label{background-image:url('../images/img_ev2_03.png');}
#winner .section_03 .ev_02 li:nth-child(4) input[type="radio"] + label{background-image:url('../images/img_ev2_04.png');}
#winner .section_03 .ev_02 li:nth-child(1) input[type="radio"] + label.on{background-image:url('../images/img_ev2_01_on.png');}
#winner .section_03 .ev_02 li:nth-child(2) input[type="radio"] + label.on{background-image:url('../images/img_ev2_02_on.png');}
#winner .section_03 .ev_02 li:nth-child(3) input[type="radio"] + label.on{background-image:url('../images/img_ev2_03_on.png');}
#winner .section_03 .ev_02 li:nth-child(4) input[type="radio"] + label.on{background-image:url('../images/img_ev2_04_on.png');}
#winner .section_03 .ev_02.stop li{animation-play-state: paused;}
#winner .section_03 .info{top:1470px;}
#winner .section_03 .entry_btn{top: 1571px; left: 282px; width: 385px; height: 87px;}

@keyframes ani{
	0% {
		transform:translateY(0);
	} 50% {
		transform:translateY(-55px);
	} 100% {
		transform:translateY(0);
	}
}