@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-color:#f2f2f2;}
input[type=text], input[type=tel] {width: 100%; height: 54px; font-size: 24px; line-height: 52px; color:#391300; border: none; box-shadow: none; vertical-align: top; box-sizing: border-box; background-color:transparent; padding:0 10px;}
input, select{outline:none;}
select{height: 53px; padding: 0 5px; border: none; box-shadow: none; box-sizing: border-box; background-color: rgba(255,255,255,0); font-size:16px; color: #391300; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: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 {margin: 0 auto; width: 620px; box-shadow: 0 0 100px rgba(0,0,0,.2); overflow: hidden;}
#winner .section {position:relative; min-width:620px; width:100%; background-position: top center; background-repeat: no-repeat;}
#winner .section .inner { position:relative; margin:0 auto; width:620px; height:100%; } 
#winner .info {position: absolute;}
#winner .info select {width: 32%;height: 54px;line-height: 32px;font-size: 20px;padding-left:10px;padding-right:10px;} 
#winner .info .tel {display: flex;flex-direction: row;align-items: center;justify-content: space-between;} 
#winner .info .tel input[type=tel] { width:30%; margin-left:20px;}
.btn {position:absolute; background: url('../images/bg_null.png') repeat; font-size: 0; text-indent: -150%;} 
.go_main_btn{position: fixed; right:50%; transform: translateX(-200px); top:20px;}

/* ============================== 메인 :: Start ==============================*/

#winner.main .section_01 { height: 1011px; background-image: url('../images/main/section_01.jpg'); } 
#winner.main .section_01 .btn_wrap { position:absolute; top:854px; left:64px; width:488px; display:flex; justify-content: space-between; height:auto; } 
#winner.main .section_01 .btn_wrap a { display:flex; justify-content: center; align-items: center; width:155px; height:115px; font-size:0; color:transparent; animation: ani_blink 4.2s linear infinite; padding-top: 10px; box-sizing: border-box;}
#winner.main .section_01 .btn_wrap a:nth-of-type(1) {animation-delay: 0;}
#winner.main .section_01 .btn_wrap a:nth-of-type(2) {animation-delay: 1.4s;}
#winner.main .section_01 .btn_wrap a:nth-of-type(3) {animation-delay: 2.8s;}

@keyframes ani_blink {
	0% { opacity: 1; } 
	3% { opacity: 0; } 
	6% { opacity: 1; } 
	9% { opacity: 0; } 
	12% { opacity: 1; } 
	100% { opacity: 1; }
}

/* ============================== 메인 :: End ==============================*/

/* ============================== 이벤트 1 :: Start ==============================*/

#winner.ep01 .section_01 { height: 1004px; background-image: url('../images/01/section_01.jpg'); } 
#winner.ep01 .section_02 { height: 1590px; background-image: url('../images/01/section_02.jpg'); }

#winner.ep01 .section_01 .video_wrap {position: absolute;top: 269px;left: 42px;width:534px;height: 314px;}  
#winner.ep01 .section_01 .video_wrap iframe{width:100%; height: 100%;}
#winner.ep01 .section_01 .entry_btn{bottom: 52px; left: 50%; transform: translateX(-50%); width: 287px; height: 71px;}

#winner.ep01 .info {top: 790px; left: 90px; width: 506px;} 

/* ============================== 이벤트 1 :: End ==============================*/

/* ============================== 이벤트 2 :: Start ==============================*/

#winner.ep02 .section_01 { height: 1864px; background-image: url('../images/02/section_01.jpg'); } 
#winner.ep02 .section_02 { height: 1745px; background-image: url('../images/02/section_02.jpg'); } 
#winner.ep02 .section_03 { height: 1420px; background-image: url('../images/02/section_03.jpg'); } 

#winner.ep02 .section_01 .btn01 {top: 377px;left: 218px;width: 183px;height: 44px;} 
#winner.ep02 .section_01 .btn02 {bottom: 52px;left: 166px;width:289px;height:71px;} 
#winner.ep02 .section_02 .entry_btn {bottom: 57px;left: 166px;width:288px;height:71px;} 

#winner.ep02 .info {width: 506px;} 
#winner.ep02 .section_01 .info {bottom: 160px; left: 90px;} 
#winner.ep02 .section_02 .info {bottom: 166px; left: 90px;} 

/* ============================== 이벤트 2 :: End ==============================*/

/* ============================== 이벤트 3 :: Start ================= */

#winner.ep03 .section_01 { height: 1413px; background-image: url('../images/03/section_01.jpg'); }
#winner.ep03 .section_02 { height: 2196px; background-image: url('../images/03/section_02.jpg'); }

#winner.ep03 .section_01 .info {bottom: 166px; left: 90px; width:506px;} 
#winner.ep03 .section_01 .btn01 {bottom: 57px;left: 166px;width:289px;height:71px;} 

/* ============================== 이벤트 3 :: End ==============================*/