@charset "utf-8";
/* base */
body,html{height:100%;}
body {color:#555; font-size:15px; font-family:'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif; background: #000000;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin:0; padding:0;}
header, footer, nav, menu,
article, aside, section, hgroup,
figure, figcaption, canvas, details, summary {display:block; margin:0; padding:0;}
table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
fieldset, img {border: none; vertical-align: top;}
ul, ol, li{list-style: none}
em {font-style:normal;}
pre {padding-top: 5px;}
hr {display:none}
address {font-style:normal;}
img{max-width:100%;}
mark{background-color:transparent;}
.clear{clear:both;}
.hide{display:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#skip{position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}

/* 레이아웃 공통 */
#wrap{display: block; overflow: hidden; width:100%; margin: 0 auto; background:#000000; }
#contents{display: block; overflow: hidden; width:100%;}

/* 링크처리 */
a:link {color:#636363; text-decoration:none;}
a:visited {color:#636363; text-decoration:none;}
a:hover {color:#414141; text-decoration:none;}
a:active {color:#414141; text-decoration:none;}
a:hover span {text-decoration:none; cursor:pointer;}

/* 입력 form */
html.firefox fieldset {display:table-cell !important;}
button, input[type='button'], input[type='reset'], input[type='submit'] {overflow:visible;} /* ie6 ~ ie7 버튼 길어짐 해결 css */
button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover {text-decoration:none;}
button:hover span {text-decoration:none;}
input, select, textarea, input[type='number']{width:100%; color:#a4a9aa; font-size: 0.85em; border: 1px solid #ffffff; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input{text-align:center; padding:15px 5px 14px 5px;}
select{padding:8px 5px 7px 5px; background-image: url("http://appdata.hungryapp.co.kr/images/mobitalk/sub/select_arrow_gray02.png"); background-repeat: no-repeat; background-size:18px; background-position: right center; -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{height:130px; padding:8px; border: 1px solid #dcdcdc;}
input[type='radio'], input[type='checkbox'] {float:left; width:18px; height:18px; margin-top:6px; display: inline-block; border: 1px solid #cbcbcb; background: #ffffff; cursor: pointer;}
input[type='number']{padding:9px 5px 8px 5px; text-align:right;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color : #747474; font-weight:500;}
label{color:#747474; font-size: 1.0em; line-height: 2.5;}
input::placeholder {color: #727272; opacity: 1; /* Firefox */}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #727272;}
input::-ms-input-placeholder { /* Microsoft Edge */ color: #727272;}
label.radio_img {float:left; width:30px; height:30px; background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/radio_off.png') no-repeat; background-size:30px 30px;}
input[type="radio"]:checked.radio_img + label.radio_img {background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/radio_on.png') no-repeat; background-size:30px 30px;}
label.image_checkbox {float:left; width:30px; height:30px; background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/checkbox_off.png') no-repeat; background-size:30px 30px;}
input[type="checkbox"]:checked.image_checkbox + label.image_checkbox {background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/checkbox_on.png') no-repeat; background-size:30px 30px;}

/* form_box */
.form_box{overflow: hidden; width:100%;}
.form_box input{width:calc(90% - 170px); float: left; margin-right:1%; color:#ffffff; font-size: 1.0em; border: 1px solid #b4cdd4; background-color: #151c21; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* 말줄임 */
.txt_reduce{display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical;}

/* 배경아이콘 */
.bg_icon{overflow:hidden; line-height:50000; font-size:0; display:inline-block;}

/* 정렬 */
.fl_left {float:left !important;}
.fl_right {float:right !important;}
.fl_clear {clear:both; height:0; font-size:0; line-height:0;}
.dp_block {display:block !important;}
.dp_iblock {display:inline-block !important;}

/*bar*/
#header{position:fixed; left:0; right:0; z-index:10; background:rgba(0,0,0,0.9); border-bottom:1px solid #000000; }
#header .bl_header{position:relative; margin:0 auto; }
#header h1{width:15%; }
#header h1 img{width:70%; margin: 10% 0 10% 40%}

#header ul {position:absolute; right:9%; top:38%; width:57.2%; }
#header ul li {float: left; width:15%; padding:0 1.5%;  }
#header ul li img{width: 100%}

#header .bar_sns{position:absolute; right:4%; top:24%; width:12%;}
#header .bar_sns li{float: left;width: 48%; padding: 0 5%}
#header .bar_sns img {width: 90%}

/* main */
.main {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_01.jpg')no-repeat; position: relative; background-position: center top}
.main_btn {text-align: center; margin: 380px 0 30px 0; }
.main_store ul { width: 1280px; overflow: hidden; display: block; margin: 0 auto; padding-bottom:150px;  }
.main_store li {display: inline-block; margin: 4px;  }
.play_btn { text-align: center; padding-top: 990px; }

/*사전예약*/
#contents2 {background-color: #101519}
.re_bg {position: relative;}
.re_bg_01 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_02.jpg')no-repeat; background-position: center top; position: relative;}
.re_count {position: absolute; left: 55%; top: 79%; font-size: 40px; z-index: 1; color: white}
.re_bg_02 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_03.jpg')no-repeat; background-position: center top; position: relative;}
.re_img {position: relative; margin: 0 auto; text-align: center;}

.w_Graph { position: absolute; top:0%; left:15%; width:70%; height: 3.5%; margin-top: 0.2%; background-color: #292929; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px;}
.w_Graph .w_Graph_g { display: inline-block; height: 100%; background-color: #ebcaa9; text-align: right; vertical-align: top; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px;}
.w_Gift{position: absolute; top: 15%;  width: 100%}
.w_Gift li{position:relative; margin: 0 auto; text-align: center}

.gift_1 {display: none}
.gift_2 {display: none}
.gift_4 {display: none}
.gift_5 {display: none}
.gift_6 {display: none}


.bl_re {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_04.jpg')no-repeat; background-position: center top; position: relative; }

.fbox_1 {width: 1100px; margin: 0 auto; margin-top:0px; }
.bl_fbox{position:relative; display:block; overflow: hidden; width:1100px; margin:0 auto; padding:20px 0; font-size: 0.95em; line-height: 1.7em; }
.bl_fbox_w {padding: 0 0 180px 0;   }
.bl_MOBILE {display: none}
.radio li{float: left; margin: 0 30px 20px 0; }
.radio_txt {color: #dbe2e8; font-size: 1.6em; margin-left: 15px  }
.check_link a {font-size: 1.3em}
.btn_y img{ height: 80px; margin-bottom: 15px}
.fbox_2 input{height:80px}
.fbox_3 input{height:80px}
.fbox_2 .input_basic{padding-top: 15px}
.fbox_3 .input_basic{padding-top: 15px}
.fbox_4 {margin: 5px 0; }
.fbox_4 {margin: 5px 0; }
.fbox_4 li{padding: 3px 0; }
.fbox_4 a{color: #a4a9aa}
.check {margin: 7px}
.fbox_4 li{padding: 8px 8px 8px 0}
.fbox_4 li .bl_more {position: absolute; right: 62px}
.fbox_4 li .bl_more1 {position: absolute; right: 62px}
.fbox_5 {text-align: center}
.fbox_5 img{width: 350px; margin-top: 20px }

/*캐릭터*/
.bl_ch {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_05.jpg')no-repeat; background-position: center top; position: relative; }
.ch_t {text-align: center}
.ch_m {width: 1040px; margin: 0 auto; text-align: center; overflow: hidden; display: block; position: relative;}
.ch_m ul {overflow: hidden; display: block;   margin: 0 auto; margin-bottom: 130px; margin-top: 0px; }
.ch_m li { display: inline-block;width: 19%; text-align: center}
.ch_m li img {padding: 4px}
.ch_pop {position: absolute; width: 90%; top: 33%; left: 5%}

/*스샷*/
.bl_sc {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_06.jpg')no-repeat; background-position: center top; position: relative;  }
.sc_t {text-align: center;}
.sc_img { text-align: center; margin: 0 auto; padding-bottom: 30px}
.sc_img img{width: 1200px;}
.sc_m { text-align: center; margin: 0 auto; padding-bottom: 130px}
.sc_m li{display: inline-block; padding: 2px}
.sc_2 {display: none}
.sc_3 {display: none}
.sc_4 {display: none}
.sc_5 {display: none}

/*이벤트*/
.bl_ev1 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_07.jpg')no-repeat; background-position: center top; position: relative; height: 1672px }
.ev_btn1 {width: 1110px; margin: 0 auto; margin-bottom: 20px; text-align: center;padding-top: 1540px;}
.ev_btn1 li{display: inline-block; }

.bl_ev2 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_08.jpg')no-repeat; background-position: center top; position: relative;  }
.ev_btn2 {width: 1110px; margin: 0 auto; text-align: center; padding-top: 400px; padding-bottom: 210px}

/*footer*/
.footer {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_09.jpg')no-repeat;  background-position: center top; position: relative;}
.footer_img {width: 1280px; text-align: center; margin: 0 auto;}





.bl_ev1 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_07.jpg')no-repeat; background-position: center top; position: relative; height: 1777px }
.ev_sns {width: 1110px; margin: 0 auto; margin-bottom: 20px; text-align: center;padding-top: 1540px;}
.ev_sns li{display: inline-block}
.ev_btn1 {width: 1110px; margin: 0 auto; margin-bottom: 20px; text-align: center;padding-top: 0px}
.ev_btn1 li{display: inline-block; }

.bl_ev2 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_08.jpg')no-repeat; background-position: center top; position: relative;  }
.ev_btn2 {width: 1110px; margin: 0 auto; text-align: center; padding-top: 430px; padding-bottom: 210px}






/* responsive */
@media screen and (max-width: 1280px) {

    label.radio_img {float:left; width:25px; height:25px; background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/radio_off.png') no-repeat; background-size:20px 20px;}
    input[type="radio"]:checked.radio_img + label.radio_img {background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/radio_on.png') no-repeat; background-size:20px 20px;}
    label.image_checkbox {float:left; width:20px; height:20px; background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/checkbox_off.png') no-repeat; background-size:20px 20px;}
    input[type="checkbox"]:checked.image_checkbox + label.image_checkbox {background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/checkbox_on.png') no-repeat; background-size:20px 20px;}

    #header .bl_header {width: 100%}
    #header h1{margin: 0 0 0 2%}
    #header ul{position:absolute; right:-8%; top:35%; width:80%;}
    #header .bar_sns{position:absolute; right:3%; top:22%; width:12%;}

    .main {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_01.jpg')no-repeat; background-size: 100%}
    .play_btn {width: 13%; margin: 0 auto; padding-top: 78%}
    .main_btn{ margin: 0 auto; margin-bottom: 2%; margin-top: 28%}
    .main_btn img{width: 50%}
    .main_store ul{width: 100%; text-align: center; padding-bottom: 13% }
    .main_store li { margin: 0 1px; padding-bottom: 3%; width: 23%}

    /* form_box */
    .re_bg {position: relative}
    .re_bg_01 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_02.jpg')no-repeat;background-size: 100%}
    .re_count {left: 58%; top: 80%; font-size:38px;}
    .re_bg_02 {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_03.jpg')no-repeat;background-size: 100%}
    .re_img {width: 100%; height: 100%}
    .re_count {font-size: 30px}
    .w_Graph { position: absolute; top: 0%; left: 5.5%; width:90%; height: 3.5%; margin-top: 0.2%; background-color: #292929; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px;}
    .w_Graph .w_Graph_g { display: inline-block; height: 100%; background-color: #ebcaa9; text-align: right; vertical-align: top; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px;}
    .w_Gift{position: absolute; top: 15%; left: 5.5%; width: 90%}
    .w_Gift li{position:relative; }

    .form_box{overflow: hidden; width:100%; }
    .form_box input{width:calc(90% - 120px); float: left; margin-bottom: 1%; margin-right: 1.2%;  }
    .fbox_2 input{height:60px}
    .fbox_3 input{height:60px}
    .fbox_4 li {padding: 8px 8px 2px 0}
    .main_re {position: relative; width: 100%}
    .bl_re{background:url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_04.jpg')no-repeat; background-size: 100%; }
    .re_bg {position:relative;  margin:0 auto; background-color: #1a1210; background-position: center top; background-size:100%; height: 100%}
    .bl_fbox { position:relative; display:block; overflow: hidden; width:94%; margin:0 3%; padding:0; font-size: 0.95em; line-height: 1.7em; padding-bottom: 100px;}
    .bl_fbox_w{padding: 0; }
    .fbox_1 {width: 100%; margin-top: 0%; padding: 0% 3% }
    .fbox_2 .input_basic {padding-top: 15px}
    .fbox_3 .input_basic {padding-top: 15px}
    .btn_y { float: right; }
    .btn_y img{height: 60px; width: 180px}
    .fbox_5 {width:100%;}
    .fbox_5 img {width: 250px; margin-bottom: 0px }
    .bl_PC {display: none}
    .bl_MOBILE {display: inline}
    .radio li{float: left; margin: 0 30px 10px 0; }
    .radio_txt {font-size: 1.3em; margin-left: 10px}

    .bl_ch{background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_05.jpg')no-repeat; background-size: 100%; position: relative; width: 100%; height: 100%}
    .ch_m {width: 85%; margin: 0 auto;  }
    .ch_m img{width: 100%;}
    .ch_m li {width: 18%; text-align: center}
    .ch_m li img{padding: 0px}
    .ch_m ul{margin-bottom: 10%; margin-top: 0%}

    .bl_sc {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_06.jpg')no-repeat; background-size: 100%; position: relative;height: 100%; width: 100% }
    .sc_img {width: 94%; padding:0; margin-top: 1% }
    .sc_m { text-align: center; margin: 0 auto; padding-bottom: 15%; margin-top: 2%}
    .sc_m li{display: inline-block; width: 18%; padding: 0}

    .bl_ev1{background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_07.jpg')no-repeat; background-size: 100%; position: relative; width: 100%; height: 100%;}
    .ev_btn1 {width: 100%; margin: 0 auto; margin-top: 0; margin-bottom: 0%; padding-top: 121%}
    .ev_btn1 li {display: inline-block; width: 30%}

    .bl_ev2{background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_08.jpg')no-repeat; background-size: 100%; position: relative; width: 100%; height: 100%; }
    .ev_btn2 {width: 30%; margin: 0 auto; padding-top: 32%; padding-bottom: 14%}


    .footer {background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_09.jpg')no-repeat;  background-size: 100%; width: 100%; height: 100%}
    .footer_img {width: 100%; text-align: center; margin: 0 auto;}


    .bl_ev1{background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_07.jpg')no-repeat; background-size: 100%; position: relative; width: 100%; height: 100%;}
    .ev_sns {width: 80%; margin: 0 auto; margin-top: 0; margin-bottom: 0%; padding-top: 121%}
    .ev_sns li {width: 25%}
    .ev_btn1 {width: 100%; margin: 0 auto; margin-top: 2%; margin-bottom: 0%; padding-top: 0}
    .ev_btn1 li {display: inline-block; width: 30%}

    .bl_ev2{background: url('http://appdata.hungryapp.co.kr/images/Events/walyongsamgug/bg_1280_08.jpg')no-repeat; background-size: 100%; position: relative; width: 100%; height: 100%; }
    .ev_btn2 {width: 30%; margin: 0 auto; padding-top: 34%; padding-bottom: 14%}

}

@media screen and (max-width: 1020px) {
    .re_count {font-size: 28px; top: 80%}
}
@media screen and (max-width: 887px) {
    .re_count {font-size: 25px}
}
@media screen and (max-width: 775px){
    .form_box input{width:calc(84% - 100px); margin-bottom: 1%; }
    .re_count {font-size: 20px}
    .btn_y { float: right; }
    .btn_y img{height: 60px; width: 170px}
    .radio li{float: left; margin: 0 30px 10px 0; }
    .radio_txt { font-size: 1.5em; margin-left: 10px  }
}

@media screen and (max-width: 639px){
    .form_box input{width:calc(81% - 90px); margin-bottom: 1%; }
    .re_count {font-size: 16px}
    .btn_y { float: right; }
    .btn_y img{height: 60px; width: 170px}
    .radio li{float: left; margin: 0 30px 10px 0; }
    .radio_txt { font-size: 1.5em; margin-left: 10px  }

}

@media screen and (max-width: 531px){
    .form_box input{width:calc(81% - 110px); margin-bottom: 1%; }
    .re_count {font-size: 14px}
    .fbox_2 .input_basic{padding-top: 18px; font-size: 1.2em}
    .fbox_3 .input_basic{padding-top: 18px; font-size: 1.2em}
    .radio_txt { font-size: 1.3em; margin-left: 10px  }
    .fbox_5 {width: 70%; margin: 0 auto;}
    .check_link a {font-size: 1em;}
    .fbox_5 img {margin-top: 0}
    .fbox_4 li {padding: 5px 8px 4px 0px}
}
@media screen and (max-width: 443px){
    .re_count {font-size: 12px}
}
@media screen and (max-width: 400px){
    .re_count {font-size: 10px}
    .bl_fbox {padding-bottom: 17%}
    .form_box input{width:calc(90% - 90px); margin-bottom: 1%; height: 40px}
    .btn_y img{height: 40px; width: 110px}
    .fbox_2 .input_basic{padding-top: 14px; font-size: 1em}
    .fbox_3 .input_basic{padding-top: 14px; font-size: 1em}
    .radio_txt { font-size: 1.2em; margin-left: 5px;}
    .fbox_5 img {margin-top: 0}
    .check_link a {font-size: 0.8em;}
}

@media screen and (max-width: 390px){
    .form_box input{width:calc(90% - 90px); margin-bottom: 1%; height: 45px}
    .btn_y img{height: 45px; width: 113px}
    .fbox_2 .input_basic{padding-top: 14px; font-size: 1em}
    .fbox_3 .input_basic{padding-top: 14px; font-size: 1em}
    .radio_txt { font-size: 1.2em; margin-left: 5px  }
    .fbox_5 img {margin-top: 0}
    .check_link a {font-size: 0.8em;}
}