@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; background: #d3edff url('../images/img_bg.jpg') no-repeat center top / 100% auto;}
select, input{outline:none;}
select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none;}
select::-ms-expand {display: none;}
#winner .selectBox select {width: 144px; height: 36px; font-size: 28px; line-height: 36px; color: #391300; text-align: center; padding: 0 10px; box-sizing: border-box; vertical-align: top; margin: 0; border: 0; background: url('../images/null.png');}
#winner .selectBox input {width: 159px; height: 36px; font-size: 28px; line-height: 36px; color: #391300; text-align: center; padding: 0; box-sizing: border-box; vertical-align: top; margin: 0; border: 0; background: url('../images/null.png'); margin-left: 20px;}
#winner .selectBox .okBtn {display: block; width: 222px; height: 56px; background: url('../images/null.png');}
#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 {margin: 0 auto; width: 640px; box-shadow: 2px 0 81px rgba(0,0,0,.32);}
#winner .section {position: relative;}
#winner .section_01 {height: 1051px; background: url('../images/section_01.jpg') center bottom / 100% auto;}
#winner .section_02 {height: 1036px; background: url('../images/section_02.jpg') center bottom / 100% auto;}
#winner .section_03 {height: 612px; background: url('../images/section_03.jpg') center bottom / 100% auto;}
#winner .section_04 {height: 864px; background: url('../images/section_04.jpg') center bottom / 100% auto;}
#winner .section_05 {height: 1399px; background: url('../images/section_05.jpg') center bottom / 100% auto;}
#winner .section_99 {height: 1580px; background: url('../images/section_99.jpg') center bottom / 100% auto;}

#winner .section_01 .btn_wrap{position: absolute; bottom: 0; font-size: 0; width: 100%; height:147px;}
#winner .section_01 .btn_wrap.on{position: fixed; top: 0; width: 640px; z-index:20;}
#winner .section_01 .btn_wrap a{display: inline-block; width: 50%; height: 100%; font-size: 0; color: transparent;}
#winner .section_01 .btn_wrap a.link_01{background:url('../images/btn_main_01.png') no-repeat 0 / 100% auto;}
#winner .section_01 .btn_wrap a.link_02{background:url('../images/btn_main_02.png') no-repeat 0 / 100% auto;}

#winner .section_02 .selectBox {position: absolute; top: 555px; left: 148px;}
#winner .section_02 .okBtn {margin-left: 158px; margin-top: 52px;}

#winner .section_03 .selectBox {position:absolute; top:428px; left:103px;}
#winner .section_03 .selectBox .okBtn{margin:45px 0 0 112px;}

#winner .section_05 .selectBox {position:absolute; top:381px; left:94px;}
#winner .section_05 .selectBox .okBtn{margin:38px 0 0 125px;}
#winner .section_05 .img_box{position: absolute; top: 573px; left: 228px; font-size:0;}
#winner .section_05 .img_box img.item{display:inline-block; width:auto;}
#winner .section_05 .img_box img.item.on{animation-name:ani_img; animation-duration:.5s;}
#winner .section_05 .img_box .img_01{animation-delay:0;}
#winner .section_05 .img_box .img_02{animation-delay:.5s;}
#winner .section_05 .img_box .img_03{animation-delay:1s;}
#winner .section_05 .img_box .img_04{animation-delay:1.5s;}
#winner .section_05 .btn_link{position:absolute; bottom:133px; left:140px; display:block; width:358px; height:91px; font-size:0; color:transparent;}

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