@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:#747474; 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.image_radio {float:left; width:25px; height:25px; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_radio_off.png') no-repeat; background-size:25px 25px;}
input[type="radio"]:checked.image_radio + label.image_radio {background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_radio_on.png') no-repeat; background-size:25px 25px;}
label.image_checkbox {float:left; width:25px; height:25px; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_checkbox_off.png') no-repeat; background-size:25px 25px;}
input[type="checkbox"]:checked.image_checkbox + label.image_checkbox {background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_checkbox_on.png') no-repeat; background-size:25px 25px;}

/* 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 #000000; background-color: #000000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form_box_f{overflow: hidden; width:100%;}
.form_box_f input{width:calc(90% - 123px); float: left; margin-right:1%; color:#ffffff; font-size: 1.0em; border: 1px solid #000000; background-color: #000000; -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;}

/* 사전예약 */
	#header{position:fixed; left:0; right:0; z-index:10; border-bottom:1px solid #bf925d; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_bg_menu.png') repeat-x;}
	#header .h_gnb{position:relative; width:1280px; margin:0 auto;}
	#header h1{width:17%;}
	#header h1 img{width:100%;}

	#header ul{position:absolute; right:12%; top:0%; width:60.2%;}
	#header ul li{float:left; width:20.3%; padding:6.5% 0;}
	#header ul li:nth-child(1){width:15%;}
	#header ul li:nth-child(2){width:24%;}
	#header ul li a{color: #737373; font-size: 20px; font-weight:600;}
	#header ul li.h_gnb_on a{color: #e97723;}
	#header ul li a:hover{color: #ffc17b;}
	#header .h_sns{position:absolute; right:2%; top:33%; width:11.5%;}
	#header .h_sns li{float:left; width:30%; padding:0 1%;}
	#header .h_sns li:nth-child(1){width:30%;}
	#header .h_sns li:nth-child(2){width:30%;}
	#header .h_sns li img{width:100%;}

	.js_img100{position:relative; width:1280px; margin:0 auto;}
	.js_img100 img{width:100%;}
	.js_main{position:relative; background:#000919 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_bg_01.jpg') no-repeat; background-position: center top;}
	.js_main .js_img100{position:relative; width:1280px; margin:0 auto;}
	.js_main .main_img img{width:100%;}
	.js_txt_S01{position:absolute; left:4.5%; top:24%; width:51%;}
	.js_btn_01{position:absolute; left:11.5%; top:80%; width:38%;}
	.js_btn_01 img{width:100%;}

	/************움직이는 버튼 *******************/
	.video-w{position:absolute; top:48%; left:30%;/*animation: mymove 5s infinite;*/ width:100%;}

	.actionCon {
		position:relative;
		 width:100%;
		 height:30%;
		  }
	.actionType1 {
		 width:100%;
		 height:100%;
		 margin:0 auto;
		 padding:10% 0;
		 box-sizing: border-box;
		 font-size: 0;
	}
	.actionType1 .FigureBox {
		 position:relative;
		 display: inline-block;
		 width:100px;
		 height:100px;
		 transform:rotate(0deg) scale(1);
	}
	.actionType1 .FigureBox:nth-child(odd) {
		 width:32%;
		 margin-right:23%;
		 padding:0 10% 0 10%;
		 top:20%;
		 right:15%;
		 animation:rotateFigure linear 1.5s infinite 0s;
		 -webkit-animation:rotateFigure linear 1.5s infinite 0s;
		 -moz-animation:rotateFigure linear 1.5s infinite 0s;
	}
	.actionType1 .FigureBox:nth-child(even) {
		 background-color:#6ebcbb;
		 animation:rotateFigure linear 1.5s infinite 0s;
		 -webkit-animation:rotateFigure linear 1.5s infinite 0s;
		 -moz-animation:rotateFigure linear 1.5s infinite 0s;
	}
	.actionType1 .FigureBox:nth-child(2) {
		 left:-9px;
	}
	.actionType1 .FigureBox:nth-child(3) {
		 left:-18px;
	}
	.actionType1 .FigureBox:nth-child(4) {
		 left:-27px;
	}
	.actionType1 .FigureBox:nth-child(5) {
		 left:-35px;
	}
	@-webkit-keyframes rotateFigure {
		 0%{
		 transform:rotate(0deg) scale(1);
		 -webkit-transform:rotate(0deg) scale(1);
		 -moz-transform:rotate(0deg) scale(1);
		 opacity:1;
	}
	 30%, 70%{
		 transform:scale(.8);
		 webkit-transform:scale(.8);
		 -moz-transform:scale(.8);
		 opacity:.8;
	}
	 50%{
		 transform:scale(.7);
		 -webkit-transform:scale(.7);
		 -moz-transform:scale(.7);
		 opacity:.8;
	}
	 100%{
		 transform:rotate(0deg) scale(1);
		 -webkit-transform:rotate(0deg) scale(1);
		 -moz-transform:rotate(0deg) scale(1);
		 opacity:1;
	}}
	@keyframes rotateFigure {
		 0%{
		 transform:rotate(0deg) scale(1);
		 -webkit-transform:rotate(0deg) scale(1);
		 -moz-transform:rotate(0deg) scale(1);
		 opacity:1;
	}
	 30%, 70%{
		 transform:scale(.8);
		 -webkit-transform:scale(.8);
		 -moz-transform:scale(.8);
		 opacity:.8;
	}
	 50%{
		 transform:scale(.7);
		 -webkit-transform:scale(.7);
		 -moz-transform:scale(.7);
		 opacity:.8;
	}
	 100%{
		 transform:rotate(0deg) scale(1);
		 -webkit-transform:rotate(0deg) scale(1);
		 -moz-transform:rotate(0deg) scale(1);
		 opacity:1;
	}}

	.gs_fbox_w{position:relative; display:block; overflow: hidden; width:100%; margin:0 auto;}
	.gs_fbox_m{position:relative; width:850px; margin:0 auto;}

	.gs_fbox_m .js_fbox_title{position:relative; display:block; overflow: hidden;}
	.gs_fbox_m .js_fbox_con_w{position:relative; display:block; overflow: hidden; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_con_bg02.png') repeat-y; background-position: center top; background-size:100%;}

	.gs_fbox{position:relative; display:block; overflow: hidden; width:94%; margin:0 3% 0 3%; padding:10px 0 0 0; font-size: 0.95em; color: #ffffff; line-height: 1.7em;}
	.gs_fbox h3{display:block; overflow: hidden; width:100%; margin:0 auto; font-size: 1.2em; color:#ffffff; line-height: 1.7em; font-weight:500; text-align: center;}

	.fbox_check{display:block; overflow: hidden; margin:2% 5.5% 10px 5%; padding:10px 0; border-top: 1px solid #454555; border-bottom: 1px solid #454555;}
	.checkinfo{font-size: 0.90em; color:#ffffff; line-height: 1.0em; font-weight:200;}
	.fbox_check .checklist{float:right; padding-top:0;}
	.fbox_check .checklist .image_checkbox{float:left; margin:2.5px 5px 0 0;}
	.fbox_check .checklist .checklist_link{padding:3px 0 0 0; }
	.btn_f{float:left;}
	.btn_f img{width:112px; height:47px;}

	.fbox_1{display:block; overflow: hidden; margin:0 0 0 5%;}
	.fbox_1 li{float:left; padding:0 10px 0 0; color: #ffffff;}
	.fbox_1 li .radio_txt{padding:0 0 0 5px;}
	.fbox_2{display:block; overflow: hidden; margin:2% 0 10px 5%;}
	.fbox_3{display:block; overflow: hidden; margin:2% 0 10px 5%;}
	.fbox_4{display:block;  margin:2% 0 0 5%;}
	.fbox_4 li{position:relative; display:block;  padding:5px 0;}
	.fbox_4 li .image_checkbox{float:left;}
	.fbox_4 li .checklist_link img{float:left; height:28px;}
	.fbox_4 li a{font-size: 0.95em; color:#b1b1b1; line-height: 1.7em; font-weight:200;}
	.fbox_4 li .gs_more{display: inline-block; font-size: 1.2em; padding-left:5px;}
	.fbox_4 li .checklist_link{padding:0 0 0 5px;}
	.fbox_5{display:block; overflow: hidden;  padding:4% 30% 2% 30%; text-align:center;}
	.fbox_5 img{width:100%;}
	.fbox_nb{display:block; overflow: hidden; margin:2% 0 10px 5%;}
	.fbox_nb_txt{width:94.2%; float: left; margin-right:1%; text-align:center; padding:11px 5px 10px 5px; color:#ffffff; font-size: 1.1em; border: 1px solid #000000; background-color: #000000; -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;}
	.fbox_nb_txt_b{color:#eb420e; font-weight:600;}
	.fbox_info{display:block; overflow: hidden; margin:2% 5.5% 0 5%; padding:10px 0; border-top: 1px solid #454555;}
	.fbox_info_date{display:block; padding:5px 0; color:#eb420e; font-size: 1.0em; font-weight:600; text-align:center;}
	.fbox_info_list{display:block; color:#717171;}
	.fbox_info_list h5{display:block; color:#b1b1b1; font-size: 0.9em;}
	.fbox_info_list li{padding-bottom:5px; font-size: 0.85em; line-height: 1.6em;}
	.gs_fbox_m	.js_img100 img{width:100%; float:left;}
	.btn_y{float:left;}
	.btn_y img{width:159px; height:47px;}

	/* 20200115_동영상추가 s */
	.gs_vod{position:absolute; right:0; top:43.2%; width:92.8%; padding-bottom: 54.65%; margin:0 3.5% 0 3.7%;}
	.gs_vod_if{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height:100%; }
	/* 20200115_동영상추가 e */

	.js_event2{position:relative; background:#091201 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_bg_02.jpg') no-repeat; background-position: center top;}
	.js_event3{position:relative; background:#0d0617 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_bg_03.jpg') no-repeat; background-position: center top;}
	.js_event4{position:relative; background:#020a1a url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_bg_04.jpg') no-repeat; background-position: center top;}
	.js_event5{position:relative; background:#100300 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_bg_05.jpg') no-repeat; background-position: center top;}
	.footer{position:relative; background:#13263c;}

	.js_event2 .ab_nb{position: absolute; top: 36.2%; left: 40%; color: #ffffff; font-size: 60px; font-weight:600;}
	.js_Graph {position: absolute; top: 45.1%; left: 4.00%; width:91.9%; height: 1.7%; margin-top: 0.2%; background-color: #292929; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px;}
	.js_Graph .js_Graph_g {display: inline-block; height: 100%; background-color: #70d701; text-align: right; vertical-align: top; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px;}

	.js_Gift{position: absolute; top: 51.5%; left: 5%; width:90%;}
	.js_Gift li{position:relative; float:left; width:20%;}
	.js_Gift li .Gift_off{opacity: 0.5;}
	.js_Gift li .Gift_on{opacity: 1.0;}
	.Gift_attainment{position: absolute; top: 23.5%; right: 7%; width:47%;}
	.js_Gift li img, .Gift_attainment img, .js_Graph_dot img, .js_btn_set .js_btn_s img{width:100%;}

	.js_btn_set{position: absolute; top: 80.5%; left: 5%; width:90%;}
	.js_btn_set .js_btn_s{display:block; overflow: hidden; margin:1% 30%;}
	.js_btn_set ul{display:block; overflow: hidden; margin:1% 17%;}
	.js_btn_set ul li{float:left; width:33.3%;}

	.js_event3 .js_img100{position:relative;}
	.js_event3 .js_img100 .btn_event_G01{position: absolute; top: 52.0%; left: 4.4%; width:43%;}
	.js_event3 .js_img100 .btn_event_G02{position: absolute; top: 52.0%; left: 53.4%; width:43%;}
	.js_event3 .js_img100 .btn_event_01{position: absolute; top: 76.0%; left: 13%; width:25%;}
	.js_event3 .js_img100 .btn_event_02{position: absolute; top: 76.0%; left: 63%; width:25%;}

	.js_event4 .js_img100{position:relative; background:#081100 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_img_04.jpg') no-repeat; background-position: center top;}
	.js_event4 .js_character{position:relative; display:block; overflow: hidden; margin:0 17%;}
	.js_event4 .js_character ul{display:block; overflow: hidden; padding-top:40%;}
	.js_event4 .js_character ul li{float:left; width:25%;}
	.js_event4 .js_character ul li:hover{opacity: 1.0; animation-name: ani_cate; animation-duration: 1s;}
	.js_event4 .js_character ul li img{opacity: 0.5;}
	.js_event4 .js_character ul li.btn_char_on img{opacity: 1.0;}

	.js_event5 .js_img100{position:relative; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_img_05.jpg') no-repeat; background-position: center top;}
	.js_event5 .js_media_w{display:block; overflow: hidden; padding-top:44%; padding-bottom:25%;}
	.js_event5 .js_media_menu{display:block; overflow: hidden; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_con_bg01.png') no-repeat; background-position: center top;}
	.js_event5 .js_media_menu ul{display:block; overflow: hidden; padding:0.5% 34% 3.5% 32%;}
	.js_event5 .js_media_menu ul li{float:left; width:50%;}

	.js_media_menu ul li img{width:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6;}
	.js_media_menu ul li.js_mediamenu_on img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1.0;}

	.js_event5 .js_media_con_w{position:relative; display:block; overflow: hidden; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_con_bg02.png') repeat-y; background-position: center top;}
	.js_event5 .js_media_con_w .js_media_conimg{display: inline-block; overflow: hidden; width:76%; padding:1.5% 2.5% 0 6%;}
	.js_event5 .js_media_con_w .js_media_conimg img{width:100%; border: 2px solid #2a2935;}
	.js_event5 .js_media_con_w .js_media_list{display: inline-block; overflow: hidden; width:16.6%; margin-top:0.5%;}
	.js_event5 .js_media_con_w .js_media_list li{border: 2px solid #2a2935; margin:5% 0 5% 4%;}
	.js_event5 .js_media_con_w .js_media_list li a:hover{border: 2px solid #be905b; animation-name: ani04; animation-duration: 2s;}
	.js_event5 .js_media_con_w .js_media_list li img{width:100%;}
	.media_btn_top img, .media_btn_bottom img{width:70%; padding:0 0 0 35%;}

	.footer{position:relative; background:#000000;}
	.footer .js_img100{width:100%; margin: 0 auto;}

@keyframes ani_cate {
   0%  {}
  50%  {transform: scale(1,1) rotate(0)skew(0,0) translate(0,-15px); -webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(0,-15px); -moz-transform: scale(1,1) rotate(0)skew(0,0) translate(0,-15px); transform-origin: 50% 50%;  }
  75%  {transform: scale(1,1) rotate(0)skew(0,0) translate(0,-15px); -webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(0,-15px); -moz-transform: scale(1,1) rotate(0)skew(0,0) translate(0,-15px); transform-origin: 50% 50%;  }
  100% {transform: scale(1,1) rotate(0)skew(0,0) translate(0,-5px); -webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(0,-5px); -moz-transform: scale(1,1) rotate(0)skew(0,0) translate(0,-5px); transform-origin: 50% 50%;  }
}

.slide-in-blurred-top{-webkit-animation:slide-in-blurred-top 2s cubic-bezier(.23,1.000,.32,1.050) both;animation:slide-in-blurred-top 2s cubic-bezier(.23,1.000,.32,1.050) both}
.slide-in-blurred-bottom{-webkit-animation:slide-in-blurred-bottom 3s cubic-bezier(1,1.000,.32,1.050) both;animation:slide-in-blurred-bottom 3s cubic-bezier(1,1.000,.32,1.050) both}
.focus-in-contract-bck{-webkit-animation:focus-in-contract-bck 4s cubic-bezier(1,.6,.45,.94) both;animation:focus-in-contract-bck 4s cubic-bezier(1,.6,.45,.94) both}
.heartbeat{-webkit-animation:heartbeat 3s ease-in-out infinite both;animation:heartbeat 3s ease-in-out infinite both}

@-webkit-keyframes slide-in-blurred-top{0%{-webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform:translateY(-1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-top{0%{-webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform:translateY(-1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes slide-in-blurred-bottom{0%{-webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform:translateY(1000px) scaleY(2.5) scaleX(.2);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}100%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes focus-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-filter:blur(102px);filter:blur(102px);opacity:0}100%{-webkit-transform:translateZ(102px);transform:translateZ(102px);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-contract-bck{0%{letter-spacing:1em;-webkit-transform:translateZ(300px);transform:translateZ(300px);-webkit-filter:blur(102px);filter:blur(102px);opacity:0}100%{-webkit-transform:translateZ(102px);transform:translateZ(102px);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}


	#footer{display: block; overflow: hidden; width:100%;}
	.footer{position:relative; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_bg_05.jpg') no-repeat; background-position: center top;}
	.footer .js_img100{width:1081px; margin: 0 auto;}
	.footer .js_img100 img{width:94%; margin: 0 3% 8% 3%;}

	/* CSS애니메이션 */
	.xxjs_Gift ul{display:block;  overflow:hidden; width:96%; margin:0 2% 0 2%; padding-bottom:0%;}
	.xxjs_Gift ul li{overflow:hidden; position:relative; text-align:right; padding-bottom:85.5%; opacity:0;filter:Alpha(opacity=0); top:-20%; -moz-transition:top 1.0s, opacity 1.0s; -ms-transition:top 1.0s, opacity 1.0s; transition:top 1.0s, opacity 1.0s;}
	.xxjs_Gift ul li.active{opacity:1.0;filter:Alpha(opacity=100); top:0%;}
	.xxjs_Gift ul li img{position: absolute; top: 0; left: 0; max-width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}	

	.js_character ul{display:block;  overflow:hidden; width:96%; margin:0 2% 0 2%;  padding-bottom:0%;}
	.js_character ul li{overflow:hidden; position:relative; text-align:right; padding-bottom:25.5%; opacity:0;filter:Alpha(opacity=0); top:-20%; -moz-transition:top 1.0s, opacity 1.0s; -ms-transition:top 1.0s, opacity 1.0s; transition:top 1.0s, opacity 1.0s;}
	.js_character ul li.active{opacity:1.0;filter:Alpha(opacity=100); top:0%;}
	.js_character ul li img{position: absolute; top: 0; left: 0; max-width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}	
	
	.js_media_list ul{display:block;  overflow:hidden; width:100%; margin:0; padding-bottom:0;}
	.js_media_list ul li{overflow:hidden; position:relative; text-align:right; padding-bottom:55.5%; opacity:0; filter:Alpha(opacity=0); top:-20%; -moz-transition:top 1.0s, opacity 1.0s; -ms-transition:top 1.0s, opacity 1.0s; transition:top 1.0s, opacity 1.0s;}
	.js_media_list ul li.active{opacity:1.0;filter:Alpha(opacity=100); top:0%;}
	.js_media_list ul li img{position: absolute; top: 0; left: 0; max-width: 100%; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}	

	.modal-content_video iframe{height:450px;}

	/************popup**************/
	#myImg {
	  border-radius: 5px;
	  cursor: pointer;
	  transition: 0.3s;
	}

	#myImg:hover {opacity: 1.0;}


	/* The Modal (background) */
	.modal, .modal_f {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Sit on top */
	  padding-top: 160px; /* Location of the box */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,15,33); /* Fallback color */
	  background-color: rgba(0,15,33,0.9); /* Black w/ opacity */
	}

	/* Modal Content (image) */
	.modal-content {
	  margin: auto;
	  display: block;
	  width: 80%;
	  max-width: 700px;
	  border:2px solid #b71616;
	}

	/* Caption of Modal Image */
	#caption {
	  margin: auto;
	  display: block;
	  width: 80%;
	  max-width: 700px;
	  text-align: center;
	  color: #ccc;
	  padding: 10px 0;
	  height: 150px;
	}

	/* Add Animation */
	.modal-content, #caption {  
	  -webkit-animation-name: zoom;
	  -webkit-animation-duration: 0.6s;
	  animation-name: zoom;
	  animation-duration: 0.6s;
	}

	@-webkit-keyframes zoom {
	  from {-webkit-transform:scale(0)} 
	  to {-webkit-transform:scale(1)}
	}

	@keyframes zoom {
	  from {transform:scale(0)} 
	  to {transform:scale(1)}
	}

	/* The Close Button */
	.close, .close_f {
	  position: absolute;
	  top: 38%;
	  right: 5%;
	  width:6%;
	  color: #f1f1f1;
	  font-size: 30px;
	  font-weight: bold;
	  transition: 0.3s;
	}
	.close img, .close_f img{width:100%;}

	.close:hover,
	.close:focus, .close_f:hover, .close_f:focus{
	  color: #bbb;
	  text-decoration: none;
	  cursor: pointer;
	}
	/* 100% Image Width on Smaller Screens */
	@media only screen and (max-width: 700px){
	  .modal-content {
		width: 90%;
	  }
	}


	/**video**/
	#myImg_video {
	  border-radius: 5px;
	  cursor: pointer;
	  transition: 0.3s;
	}


	/* The Modal (background) */
	.js_fbox_size{position:relative; width:850px; margin:0 auto;}
	.modal_video  {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Sit on top */
	  padding-top: 160px; /* Location of the box */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,15,33); /* Fallback color */
	  background-color: rgba(0,15,33,0.9); /* Black w/ opacity */ 
	}

	/* Modal Content (image) */
	.modal-content_video  {
	  margin: auto;
	  display: block;
	  overflow: auto;
	  width: 100%;
	  padding:0 5%;
	  vertical-align:middle;
	  position:relative; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_con_bg02.png') repeat-y; background-position: center top; background-size:100%;
	}

	/* Caption of Modal Image */
	#caption_video  {
	  margin: auto;
	  display: block;
	  width: 100%;
	  max-width: 700px;
	  text-align: center;
	  color: #ccc;
	  padding: 10px 0;
	  height: auto;
	}

	/* Add Animation */
	.xxmodal-content_video , #caption_video  {  
	  -webkit-animation-name: zoom;
	  -webkit-animation-duration: 0.6s;
	  animation-name: zoom;
	  animation-duration: 0.6s;
	}
	.modal_video .js_fbox_size .js_fbox_w .js_fbox_title{position:relative; display:block; overflow: hidden;}
	.close_video {
	  position: absolute;
	  top: 38%;
	  right: 5%;
	  width:6%;
	  color: #f1f1f1;
	  font-size: 30px;
	  font-weight: bold;
	  transition: 0.3s;
	  cursor: pointer;
	}
	.close_video img{width:100%;}
	/* 100% Image Width on Smaller Screens */

	@media only screen and (max-width: 700px){
	  .modal-content_video {
		width: 100%;
	  }
	}
	/****/

	.js_MOBILE{display:none;}
	.js_PC{display:inline;}


/* responsive */
@media screen and (max-width: 1280px) {
	#header .h_gnb{width:100%;}

	#header ul{position:absolute; right:15%; top:0%; width:60.5%;}
	#header ul li{padding:6.5% 0;}
	#header ul li a{color: #737373; font-size: 18px; font-weight:600; letter-spacing:-0.05em;}
	#header .h_sns{position:absolute; right:2%; top:33%; width:11.5%;}

	.js_img100 img{width:100%;}
	.js_img100{position:relative; width:100%; margin:0 auto;}
	.js_main{position:relative; }
	.js_main .js_img100{position:relative; width:100%; margin:0 auto;}
	.js_main .main_img img{width:100%;}

	.main_img img{width:100%;}
	.gs_cmenu ul{overflow:hidden; padding:3% 2% 0 2.3%;}
	.gs_cmenu ul li{overflow:hidden; float:left; position:relative; width:19%; margin:0 0.5%; padding-bottom:26.3%; opacity:0;filter:Alpha(opacity=0); right:-20%; -moz-transition:top 1.0s, opacity 1.0s; -ms-transition:top 1.0s, opacity 1.0s; transition:top 1.0s, opacity 1.0s;}

	.gs_fbox_w{position:relative; display:block; overflow: hidden; width:100%; margin:0 auto;}
	.gs_fbox_m{position:relative; width:800px; margin:0 auto;}
	.js_fbox_size{position:relative; width:800px; margin:0 auto;}
	.gs_fbox{position:relative; display:block; overflow: hidden; width:94%; margin:0 3% 0 3%; padding:10px 0 0 0; font-size: 1.0em; color: #ffffff; line-height: 1.7em;}

	input{padding:9px 5px 8px 5px;}
	label.image_radio {float:left; width:20px; height:20px; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_radio_off.png') no-repeat; background-size:20px 20px;}
	input[type="radio"]:checked.image_radio + label.image_radio {background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_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/chosunm/gs_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/chosunm/gs_checkbox_on.png') no-repeat; background-size:20px 20px;}

	.btn_y img{height:33px;}
	.form_box input{width:calc(90% - 125px); float: left; margin-right:1%; padding:9px 0 8px 0;}
	.form_box_f input{width:calc(87% - 80px); float: left; margin-right:1%; padding:9px 0 8px 0;}
	.fbox_check .checklist .image_checkbox{float:left; margin:3px 5px 0 0;}
	.fbox_1 li{line-height: 19px;}
	.fbox_4{display:block; margin:0 6% 0 5%;}
	.fbox_4 li{padding:3px 0; line-height: 19px;}
	.fbox_4 li .gs_more2{position:relative; left:5px; top:0; display: inline-block;}
	.fbox_4 li a{font-size: 0.85em; color:#b1b1b1; line-height: 1.0em; font-weight:200;}
	.btn_y{float:left;}
	.btn_y img{width:119px; height:35px;}
	.btn_f{float:left;}
	.btn_f img{width:86px; height:36px;}
	.fbox_5{display:block; overflow: hidden;  padding:4% 30% 2% 30%; text-align:center;}
	.fbox_nb_txt{padding:6px 5px 5px 5px;}

	.js_event4 .js_img100{position:relative; background:#081100 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_img_04.jpg') no-repeat; background-position: center top; background-size:100%;}
	.js_event5 .js_img100{position:relative; background:#081100 url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_img_05.jpg') no-repeat; background-position: center top; background-size:100%;}
	.js_event5 .js_media_menu{display:block; overflow: hidden; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_con_bg01.png') no-repeat; background-position: center top; background-size:100%;}
	.js_event5 .js_media_con_w{position:relative; display:block; overflow: hidden; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/js_con_bg02.png') repeat-y; background-position: center top; background-size:100%;}

	.js_event5 .js_media_w{padding-bottom:15%;}
	.js_event5 .js_media_con_w .js_media_conimg{width:97%;}
	.js_event5 .js_media_con_w .js_media_conimg img{border: 1px solid #2a2935;}
	.js_event5 .js_media_con_w .js_media_list{position:relative; display: inline-block; overflow: hidden; width:100%;}
	.js_event5 .js_media_con_w .js_media_list ul{width:60%; margin:0.5% 20%;}
	.js_event5 .js_media_con_w .js_media_list li{float: left; width:31.3%; border: 1px solid #2a2935; margin:1% 1% 0 1%;}
	.js_event5 .js_media_con_w .js_media_list li a:hover{border: 1px solid #be905b; animation-name: ani04; animation-duration: 2s;}
	.media_btn_top{position:absolute; left:12%; top:22%; width:11.5%;} 
	.media_btn_bottom{position:absolute; right:9%; top:22%; width:11.5%;}
	.js_media_list ul li{padding-bottom:18.5%;}
	.media_btn_top img, .media_btn_bottom img{width:70%; padding:0 0 0 0;}

	.js_event2 .ab_nb{font-size: 55px;}

	.footer{position:relative; background:url('http://appdata.hungryapp.co.kr/images/Events/chosunm/gs_bg_052.jpg') no-repeat; background-position: center top; background-size:100%;}
	.footer .js_img100{width:100%; margin: 0 auto;}

	.js_MOBILE{display:block;}
	.js_PC{display:none;}

	.actionType1 .FigureBox:nth-child(odd) {
		 width:50%;
		 margin-right:50%;
		 padding:0 15% 0 15%;
		 top:20%;
		 right:24%;
		 animation:rotateFigure linear 1.5s infinite 0s;
		 -webkit-animation:rotateFigure linear 1.5s infinite 0s;
		 -moz-animation:rotateFigure linear 1.5s infinite 0s;
	}

	.modal-content_video iframe{height:450px;}
}
@media screen and (max-width: 1116px) {
	.js_event2 .ab_nb{font-size: 49px;}
}

@media screen and (max-width: 1024px) {
	#header ul li{padding:5.5% 0;}
	#header ul li a{color: #737373; font-size: 16px; font-weight:600; letter-spacing:-0.05em;}
	#header .h_sns{position:absolute; right:2%; top:30%; width:13.5%;}

	.js_event2 .ab_nb{font-size: 49px;}
}
@media screen and (max-width: 980px) {
	.gs_fbox_m{position:relative; width:100%; margin:0 auto;}
	.js_fbox_size{position:relative; width:100%; margin:0 auto;}
	.js_event2 .ab_nb{font-size: 43px;}
}
@media screen and (max-width: 776) {
	.js_event2 .ab_nb{font-size: 35px;}
}
@media screen and (max-width: 768px) {
	#header h1{width:20%;}
	#header ul{position:absolute; right:15%; top:0%; width:60.5%;}
	#header ul li{padding:7.4% 0;}
	#header ul li a{font-size: 15px;}
	#header .h_sns{position:absolute; right:2%; top:34%; width:12.5%;}
	.js_event2 .ab_nb{top: 35.7%; font-size: 35px;}
	.modal-content_video iframe{height:350px;}
}
@media screen and (max-width: 670px) {
	.js_event2 .ab_nb{font-size: 30px;}
	#header ul li{padding:6.4% 0;}
	#header ul li a{font-size: 16px;}
	#header .h_sns{position:absolute; right:0%; top:31%; width:15.5%;}
}
@media screen and (max-width: 600px) {
	#header ul li{padding:6.8% 0;}
	#header .h_sns{position:absolute; right:0%; top:30%; width:17.5%;}
	.js_btn_01{position:absolute; left:6.5%; top:80%; width:50%;}
	.js_btn_set .js_btn_s{display:block; overflow: hidden; margin:1% 25%;}
	.js_btn_set ul{display:block; overflow: hidden; margin:1% 5%;}
	.js_event3 .js_img100 .btn_event_01{position: absolute; top: 75.0%; left: 10.5%; width:30%;}
	.js_event3 .js_img100 .btn_event_02{position: absolute; top: 75.0%; left: 60.5%; width:30%;}
	.js_event2 .ab_nb{font-size: 28px;}
	.fbox_5{display:block; overflow: hidden;  padding:4% 20% 2% 20%; text-align:center;}
	.form_box input{font-size: 0.85em; padding:10px 0 9px 0;}
	.modal-content_video iframe{height:250px;}
}
@media screen and (max-width: 550px) {
	#header ul li{padding:5.8% 0;}
	#header ul li a{font-size: 14.5px;}
	.js_event2 .ab_nb{font-size: 26px;}
}
@media screen and (max-width: 505px) {
	.js_event2 .ab_nb{font-size: 25px;}
}
@media screen and (max-width: 450px) {
	#header ul li{padding:6.0% 0;}
	.js_event2 .ab_nb{font-size: 23px;}
}
@media screen and (max-width: 425px) {
	#header h1{width:25%;}
	#header ul{right:19.5%; width:55.2%;}
	#header ul li{float:left; width:21.3%; padding:8.5% 0;}
	#header ul li:nth-child(1){width:10%;}
	#header ul li:nth-child(2){width:26%;}
	#header ul li a{font-size: 13px; letter-spacing:-0.15em;}
	#header .h_sns{position:absolute; right:0%; top:30%; width:20.5%;}
	.js_btn_01{position:absolute; left:6.5%; top:80%; width:50%;}
	.js_btn_set .js_btn_s{display:block; overflow: hidden; margin:1% 25%;}
	.js_btn_set ul{display:block; overflow: hidden; margin:1% 5%;}
	.js_event2 .ab_nb{font-size: 20px;}
	.modal-content_video iframe{height:180px;}
}
@media screen and (max-width: 390px) {
	.js_event2 .ab_nb{font-size: 19px;}
}
@media screen and (max-width: 376px) {
	.js_event2 .ab_nb{font-size: 18.5px;}
}
@media screen and (max-width: 320px) {
	#header ul li{padding:6.8% 0;}
	#header ul li a{font-size: 12px; letter-spacing:-0.15em;}
	.js_event2 .ab_nb{font-size: 17px;}
}