@charset "utf-8";
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
/*@font-face {*/
/*    font-family:'NanumSquareR';*/
/*    font-style:normal;*/
/*    font-weight:300;*/
/*    src:local('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.woff'),*/
/*    url('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.eot?#iefix') format('embedded-opentype'),*/
/*    url('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.woff') format('woff'),*/
/*    url('https://dubajtkhinjq3707046.cdn.ntruss.com/images/Font/NanumSquareR.ttf') format('truetype');*/
/*}*/

html,
body {-webkit-overflow-scrolling: touch !important;}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin: 0;padding: 0}
body,button,input,select,table,textarea {font-size: 12px;font-family:'NanumSquareR', Dotum, '돋움', Helvetica, "Apple SD Gothic Neo", sans-serif}
button,input {border-radius: 0}
fieldset,img {border: 0}
ol,ul {list-style: none}
address,em {font-style: normal}
a {text-decoration: none}
a:hover {text-decoration: none}
a:link {text-decoration: none;}
img {border-style: none;letter-spacing: none;word-spacing: none;border: none;margin: 0;padding: 0;outline: 0;vertical-align: top;line-height: 0px;}
input:focus {outline: none;}
input,textarea,select {padding: 0;margin: 0;border: none; font-size: 1rem;}
* {box-sizing: border-box;padding: 0;margin: 0;}

/* Basic */
.container {position: relative;width: 100%;}
.container img {width: 100%;display: block;}
.container .section {position: relative;width: 100%;overflow: hidden;}
.container .section .content {position:relative;width:100%;min-width:360px;max-width:720px;margin:0 auto;background-repeat: no-repeat;background-position: center center;}
.container .section .content .sub-content {position: relative;margin: 0 auto;}
.container .section .content .sub-content .sec-contImg {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}

/* Custom */
.bmg {position: relative;width: 100%;height: auto;}
.btn {position: absolute;text-indent: -99999px;cursor: pointer !important;background: #0000ff;opacity: 0;filter: alpha(opacity=0.0);}
.btn-img {position: relative;width: 100%;}
.clearfix:after {content: '';clear: both;display: block;}

/* Index.html */
.container .section-1 {background-color: #fff;}
.container .section-1 .content {}
.container .section-1 .sub-content {}
.container .section-1 .content .btn1 {
    position: absolute;
    top: 61.7%;
    left: 50%;
    transform: translateX(-50%);
    width: 87.3%;
    height: 6.3%;
}
.container .section-1 .content .btn2 {
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translateX(-50%);
    width: 87.2%;
    height: 5.9%;
}

.container .section-2 {background-color: #f6f6f6;}
.container .section-2 .content {}
.container .section-2 .content .btn1 {position: absolute;top: 78.3%;left: 50%;transform: translateX(-50%);width: 87.4%;height: 2.2%;}
.container .section-2 .content .btn2 {position: absolute;top: 32.2%;left: 50%;transform: translateX(-50%);width: 87.4%;height: 1.5%;}
.container .section-2 .content .btn3 {position: absolute;top: 37.2%;left: 50%;transform: translateX(-50%);width: 87.4%;height: 2%;}
.container .section-2 .content .btn4 {position: absolute;top: 76.9%;left: 50%;transform: translateX(-50%);width: 87.4%;height: 2%;}

.container .section-3 {background-color: #f7f3e7;}
.container .section-3 .content .btn1 {
    position: absolute;
    bottom: 7.2%;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    height: 10.4%;
}
.popup-wrap { display: none; }
.popup-wrap .content { position: relative; width: 100%; max-width: 720px; margin: 0 auto; }
.popup-wrap .content .btn1 {
    position: absolute;
    bottom: 1.9%;
    left: 50%;
    transform: translateX(-50%);
    width: 38%;
    height: 3.1%;
}


.container .terms {background-color: #fff8f8;}
.container .terms .content .header {position:relative;color:#272727;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';font-size: 2.78vw;padding: 6vw 4.5vw;line-height: 1.4;}
.container .terms .content .header:after {position: absolute;content: "";display:block;width:91.6vw;height:0.3125vw;background-color: #d9d9d9;bottom:0px;left: 4.2vw;}
/* footer */
.footer_address{position:relative;width:100%;height:auto;background-color: #f5f5f5;color:#272727;font-size:2.5vw;padding: 5.5% 4% 2.3% 4%;line-height: 3.7vw;vertical-align: middle;min-width:360px;font-family:'NanumSquareR';}
.footer_address:after {content: "";position: absolute;bottom: -3vw;left: 4%;width: 92%;border-bottom: 2px #d0d0d0 solid;height: 0px;}
.footer_address span{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

/* popup */
.popup-wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;overflow-x: hidden;overflow-y: auto;padding: 0rem; z-index: 100;}
.popup-wrap img {width:100%;}
.popup-container {width: 100%;margin: 0 auto;position: relative;top: 5%;max-width: 940px;margin-bottom:15%;}
.popup-container .popup-section {position: relative;width: 90%;margin: 0 auto;}
.popup-container .close-btn {top: 0%;right: 0;width: 22%;padding-bottom: 21.5%;}
.popup-container .pop-app-01-btn {bottom: 17.8%;left: 7%;width: 43.1%;height: 41%;}
.popup-container .pop-app-02-btn {bottom: 17.8%;left: 50%;width: 43.1%;height: 41%;}
.popup-container .pop-confirm-btn {bottom: 6.8%;left: 28%;width: 44.1%;height: 7.7%;}

.popup-wrap .result-wrap {
    position: absolute;
    top: 35%;
    left: 12%;
    width: 75.8%;
    height: 10.7%;
    padding: 3.1250%;
    overflow-y: scroll;
    font-size: 3.7500vw;
}
.popup-wrap .result-wrap .month { width: 13%; padding: 1.2% 2.2%; margin-bottom: 1.5625%; border-radius: 1.5vw; text-align: center; line-height: 1; color: #fff; background-color: #fe4543; }
.popup-wrap .result-wrap .week { font-size: 2.8125vw; color: #fe4543; }
.popup-wrap .result-wrap .date { font-size: 2.8125vw; color: #fe4543; margin-bottom: 2.5000%; }
.popup-wrap .result-wrap .date span { color: #000; }
.popup-wrap .result-wrap .winner { line-height: 1.5; }


@media (min-width: 720px) {
    .container .terms .content .header {font-size: 20px;padding: 42px 32px;}
    .container .terms .content .header:after {width: 660px; height: 3px; left: 30px;}
    .popup-wrap .result-wrap { font-size: 27px; }
    .popup-wrap .result-wrap .month { border-radius: 10px; }
    .popup-wrap .result-wrap .week { font-size: 20px; }
    .popup-wrap .result-wrap .date { font-size: 20px; }
}