@charset "UTF-8";

/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

/* BASE */
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;letter-spacing: -0.2px;font-family:'Noto Sans KR',sans-serif;}
html{background:#fff}
body,th,td,input,select,textarea,button{letter-spacing: -0.2px;font-size: 15px; line-height:1;font-family:'Noto Sans KR',sans-serif;font-weight: 400; color:#fff;}
fieldset,img{border:0 none}
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{font-size:100%;vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0;table-layout: fixed;}
address,caption,cite,code,dfn,em,var{font-style:normal}
body{height:100%;-webkit-text-size-adjust:none}
a{color:inherit;text-decoration:none}
a:active, a:hover{text-decoration:none}
input {-webkit-appearance: none;-webkit-border-radius: 0;font-size: 100%; vertical-align: middle;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:none;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox;box-sizing:border-box;padding:0}
input[type='radio']{-webkit-appearance:radio}
input[type='number']{-webkit-appearance:none}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
input[type=number]{-moz-appearance: textfield;}
select{-webkit-appearance: none;-webkit-border-radius: 0;}
select::-ms-expand{display: none;}
hr {display: none;}
legend,.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;font-size:0;line-height:0;white-space:nowrap}

::-webkit-input-placeholder{font-size: 15px;color: #bcbcbc;font-weight: 500;}
::-moz-placeholder{font-size: 15px;color: #bcbcbc;font-weight: 500;}
:-ms-input-placeholder{font-size: 15px;color: #bcbcbc;font-weight: 500;}
:-moz-placeholder{font-size: 15px;color: #bcbcbc;font-weight: 500;}

.text {text-align: center;}

/* BUTTON */
.btn {display: block;}
.btn.yellow {background-color: #fbeebc;}
.btn.gray {background-color: #606060;}
.btn.full {width: 100%; height: 50px; text-align: center; padding-top: 13px; box-sizing: border-box;}
.btn img {display: block; margin: 0 auto;}

/* INPUT */
.input-box + .input-box {margin-top: 25px;}
.input-title label img {height: 17px;}
.input-title + .input-text {margin-top: 10px;}
.input-text input {width: 100%; height: 40px; line-height: 40px; font-size: 15px; font-weight: 500; background-color: #000000; border: 1px solid #fff; color: #bcbcbc; padding: 0 22px; box-sizing: border-box;}

.input-box + .agreement {margin-top: 29px;}
.check-box {position: relative;font-size: 0;}
.check-box label{display: inline-block;font-size: 16; }
.check-box label:before{content: '';display: inline-block;width: 24px;height: 24px;margin-right: 10px;background: url(../images/common/checkbox.png) 0 0 no-repeat;background-size: cover; vertical-align: -4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;}
.check-box input[type="checkbox"]:checked+label:before{background: url('../images/common/checkbox_active.png') 0 0 no-repeat;background-size: cover;}
.check-box input{opacity: 0;filter: alpha(opacity=0);position: absolute;width: 1px;height: 1px;margin-top: 0;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);top: 0;left: 0;border: 0;}
.check-box label img {height: 17px;}
.check-box + .check-box {margin-top: 17px;}
.check-box .btn.open-popup {margin-left: 35px;margin-top: 9px; padding-bottom: 3px;}
.check-box .btn.open-popup img {height: 18px;}

.agreement:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.agreement + .btn.entry {margin-top: 31px;}

#wrap{width: 100%; margin: 0 auto;}

/*.cont-wrap {max-width: 345px; margin: 0 auto;}*/
.section-wrap > img {width: 100%;}

header {position: relative; width: 100%;}
header .header-wrap {width: 100%; height: 16vw;}
header .header-wrap h1 {width: 40.267vw; height: 11.467vw; margin: 0 auto; padding-top: 2.400vw;}
header .header-wrap h1 img {width: 100%;}
.main header .header-wrap {-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);}

footer {background-color: #000; padding-left: 16px; padding-right: 15px; padding-bottom: 42px;}
footer .footer-wrap {width: 100%; border-top: 1px solid #c8c8c8; font-size: 0; padding-top: 22px;}
footer .footer-wrap .logo {display: inline-block;}
footer .footer-wrap .logo img {height: 13px;}
footer .footer-wrap .copy {display: inline-block; font-size: 9px; padding-left: 7px; vertical-align: 3px;}

.content-header {font-size: 0;}
.content-header img {width: 100%;}
.content-primary {background-color: #000; padding-left: 16px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.content-primary.result03 {padding-top: 34px; padding-bottom: 44px;}

.text-prize {padding-top: 34px; padding-bottom: 35px;}
.text-prize .notice-wrap {margin: 0;}
.text-prize h3 {font-size: 18px; font-weight: 700;}
.text-prize ul {margin-top: 22px;}
.text-prize ul li {position: relative;  line-height: 19px; font-weight: 400; padding-left: 19px;}
.text-prize ul li + li {margin-top: 7px;}
.text-prize ul li::before {content: ''; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; position: absolute; top: 7px; left: 6px;}
.text-prize ul li span {word-break: keep-all;}


.main .text-wrap {padding-top: 47px;}
.main .text-wrap .text01 img{max-width: 687px; width: 100%;/*height: 285px;*/}
.main .text-wrap .text02 img{max-width: 687px; width: 100%;  /*height: 255px;*/}
.main .btn.entry img {height: 23px;}
.main .text-prize {padding-bottom: 15px;}
.main .text-prize h3 {color: #c8c8c8; font-weight: 500;}
.main .text-prize ul li {color: #c8c8c8; padding-left: 15px;}
.main .text-prize ul li::before {content: ''; width: 3px; height: 3px; background-color: #fff; position: absolute; top: 8px; left: 3px;}

.result03 .text-date{margin: 31px 0 55px 0;}
.result03 .text-result img{height: 51px;}
.result03 .text-date img{height: 18px;}

.sub .btn.confirm {margin-top: 49px;}
.sub .btn.confirm img {height: 23px;}

/* POPUP */
.layer-popup{display: none; position: fixed;height: 100%;top: 0;width: 100%; z-index: 99; left: 0; right: 0;background: url('../images/common/bg_pop.png') 0 0 repeat;}
.layer-popup .layer-wrap{position: relative;height: 100%;overflow-y: scroll;}
.layer-popup .layer-wrap .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.layer-popup .popup-wrap{position: absolute;left: 21px;right: 21px;top: 78px;background-color: #ffffff;  margin: 0 auto 35px;padding-bottom: 35px;  z-index: 99;}
.layer-popup .popup-header{position: relative;height: 52px}
.layer-popup .popup-header h1{padding-left: 9px;font-size: 0; padding-top: 18px; box-sizing: border-box;}
.layer-popup.term01 .popup-header h1 img {height: 16px;}
.layer-popup .popup-header .pop-close {position: absolute;right: 0;top: 0;width: 51px;height: 51px;background: url('../images/common/pop_close.png') center center no-repeat;background-size: cover; font-size: 0;text-indent: 9999px;overflow: hidden;}
.layer-popup .popup-content{margin: 0 9px;}

.layer-popup .popup-content .term-box{border: 1px solid #999; overflow: hidden;overflow-y: auto;height: 100%;-webkit-overflow-scrolling: touch;}
.layer-popup .popup-content .terms {padding: 16px 15px;}
.layer-popup .popup-content .terms h2{font-size: 12px; font-weight:700; color: #000; }
.layer-popup .popup-content .terms .text-prize {border-top: 2px solid #c9caca; border-bottom: 2px solid #c9caca; margin-top: 13px; padding: 0;}
.layer-popup .popup-content .terms .text-prize ul {margin: 10px 0;}
.layer-popup .popup-content .terms .text-prize ul li {color: #000; font-weight: 400; font-size: 12px; line-height: 16px; padding-left: 12px;}
.layer-popup .popup-content .terms .text-prize ul li::before {content: ''; width: 3px; height: 3px; background-color: #000; position: absolute; top: 7px; left: 4px;}
.layer-popup .popup-content .term-box + .btn-close {margin-top: 13px; padding-top: 2px;}
.layer-popup .popup-content .btn-close img{height: 16px;}


@media only screen and (max-width:345px){
    .check-box label img {height: 15px;}
    .result03 .text-result img {height: 48px;}
    
}