@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset{border:0 none;}
img{border:0 none;vertical-align:top;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input, select, option, textarea {font-family:'Noto Sans KR', sans-serif; font-weight:300;}
button {background:none;cursor:pointer; font-family:'Noto Sans KR', sans-serif; cursor:pointer; outline:none;}
body {background:#fff}
body,th,td,input,select,textarea,button { font-family:'Noto Sans KR', sans-serif; font-size:17px; color:#000; letter-spacing:-0.4px; font-weight:300; }
a {color:#000;text-decoration:none}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal}
em{font-style:normal;}
.blind,legend,caption,#accessibility {width:0px; height:0px; position:absolute; overflow:hidden; font-size:0px; line-height:0px; z-index:-1; visibility:hidden;}
.hidden{visibility:hidden;}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(font/NotoSansKR-Light.woff2) format('woff2'),
       url(font/NotoSansKR-Light.woff) format('woff'),
       url(font/NotoSansKR-Light.otf) format('opentype'),
       url(font/NotoSansKR-Light.ttf) format('truetype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(font/NotoSansKR-Regular.woff2) format('woff2'),
        url(font/NotoSansKR-Regular.woff) format('woff'),
        url(font/NotoSansKR-Regular.otf) format('opentype'),
        url(font/NotoSansKR-Regular.ttf) format('truetype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(font/NotoSansKR-Medium.woff2) format('woff2'),
        url(font/NotoSansKR-Medium.woff) format('woff'),
        url(font/NotoSansKR-Medium.otf) format('opentype'),
        url(font/NotoSansKR-Medium.ttf) format('truetype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(font/NotoSansKR-Bold.woff2) format('woff2'),
        url(font/NotoSansKR-Bold.woff) format('woff'),
        url(font/NotoSansKR-Bold.otf) format('opentype'),
        url(font/NotoSansKR-Bold.ttf) format('truetype');
 }

#wrap{position:relative;width:720px;height:3800px;margin:0 auto;background:url(../images/bg.jpg) no-repeat center top;}
#wrap.win{background:url(../images/bg_winner.jpg) no-repeat center top;}
    #wrap h2, h1{width:0px; height:0px; position:absolute; overflow:hidden; font-size:0px; line-height:0px; z-index:-1; visibility:hidden;}

    .main{height:1435px}
    .main a.apply{position:absolute;display: block;top:1230px;left:132px;width:460px;height:77px;text-indent: -9999px;}
    .main a.winner{position:absolute;display: block;top:1230px;left:132px;width:460px;height:77px;text-indent: -9999px;}

    .youtube{position:absolute;left:87px;top:526px;}

    .slide {position: relative;width:100%;height:859px;padding-top:202px;margin:0 auto;}
        .slide .swiper-container{width: 100%;margin:0 auto;height:622px;}
        .slide .swiper-slide {text-align: center;}
        .swiper-button-next, .swiper-button-prev{top:497px;}
        .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:50%;margin-left:-640px;width:34px;height:51px;background:url(../images/prev.png) no-repeat left top;}
        .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:50%;margin-right:-640px;width:34px;height:51px;background:url(../images/next.png) no-repeat left top;}

        .slide .step{position:absolute;width:184px;height:41px;top:869px;}
        .slide .step.step1{left:135px;background:url(../images/step1.png) no-repeat left top;}
        .slide .step.step2{left:274px;background:url(../images/step2.png) no-repeat left top;}
        .slide .step.step3{left:413px;background:url(../images/step3.png) no-repeat left top;}

    .sns {position: relative;}
        .sns a{position: absolute;top:673px;left:0;width:74px;height:74px;}
        .sns a.sns1{left:120px;}
        .sns a.sns2{left:255px;}
        .sns a.sns3{left:392px;}
        .sns a.sns4{left:527px;}

/* layer */
.pop{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:2}
.pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);}
.pop a.close{width:80px;height:80px;position:absolute;display:block;right:0;top:0;text-indent: -9999px;}

/* input box color */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

#layer_in .popup_box{width:573px;height:900px;position:absolute;left:50%;top:500px;margin:0 0 0 -286px;background:url(../images/inbox.gif) no-repeat left top;}
  #layer_in input{height:47px;background:transparent;border:0 solid #728f8e;text-indent:20px;outline: none;opacity: 0.5}
  #layer_in ul{position:absolute;top:177px;left:193px;    width: 317px;}
  #layer_in ul li{margin-bottom:13px;position: relative;}
  #layer_in ul li.name input{width:318px;}
  #layer_in ul li.phone #phone{width:318px;}
  #layer_in ul li.phone #phone2{width:270px;}
  #layer_in ul li.address #addr1{float:left;width:200px;margin-bottom:10px;margin-right:0;}
  #layer_in ul li.address .zip{position: absolute;display:inline-block; right: 10px;top:0;width:106px;height:35px;margin:5px 0 0 0;vertical-align: top;text-indent:-9999px;}
  #layer_in ul li.address #addr2{width:417px;    margin: 50px 0 0 -312px;}
  #layer_in ul li.address #addr3{width:417px;    margin: 0 0 0 -112px;;}
  #layer_in ul li.address{margin-bottom:13px;}
  #layer_in ul li.add input[type="file"] {width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;position: absolute;}
  #layer_in ul li.add label {display: inline-block;line-height: normal;vertical-align: middle;cursor: pointer;display: inline-block;width:106px;height:35px;margin: 5px 0 0 0;}
  #layer_in ul li.add .upload-name {width:197px;height:44px;line-height: 44px;border: 0 solid #ccc;padding:0;vertical-align: top;display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

  /* form input file */
  .filebox input[type="file"] {width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;position: absolute;}
  .filebox label {display: inline-block;line-height: normal;vertical-align: middle;cursor: pointer;}
  .filebox .upload-name {width:300px;height:30px;line-height: 30px;border: 0px solid #ccc;}

  #layer_in .agree{position:absolute;top:718px;left:60px;}
  #layer_in .btn_apply{position:absolute;display:block;left: 57px;top: 776px;width: 458px;height: 75px;text-indent: -9999px;}

  /* form checkbox */
  #layer_in .check-box{position:relative;margin-right: 43px;display:inline-block;}
  #layer_in .check-box input{position:absolute;width:400px; height:20px; filter:alpha(opacity=100); opacity:0; border:none; vertical-align:middle;}
  #layer_in .check-box label{display:inline-block;height:20px;color: #000;font-size: 0;letter-spacing: -2.5px}
  #layer_in .check-box label em{width:20px; height:20px; display:inline-block;background:url(../images/check.gif) 0 0 no-repeat;margin-right: 7px;}
  #layer_in .check-box.checked label em{background:url(../images/checked.gif) 0 0 no-repeat;}

#layer_txt1 .popup_box{width:573px;height:300px;position:fixed;left:50%;top:50%;margin:-150px 0 0 -286px;background:url(../images/txt1.jpg) no-repeat left top;}
#layer_txt2 .popup_box{width:573px;height:300px;position:fixed;left:50%;top:50%;margin:-150px 0 0 -286px;background:url(../images/txt2.jpg) no-repeat left top;}
  #layer_txt1 a.btn,
  #layer_txt2 a.btn,
  #layer_txt3 a.btn{position:absolute;width:260px;height:44px;left:156px;top:188px;display:inline-block;text-indent: -9999px;}

#layer_finish .popup_box{width:573px;height:573px;position:fixed;left:50%;top:50%;margin:-286px 0 0 -286px;background:url(../images/finish.jpg) no-repeat left top;}

#layer_winner .popup_box{width:573px;height:1620px;position:absolute;left:50%;top:0;margin:750px 0 0 -286px;background:url(../images/pop_winner_m.jpg) no-repeat left top;}