@charset 'utf-8';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address, em, img,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, footer, header, hgroup, menu, nav, section,
audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body {height:100%}
body {min-width:320px;/*max-width:640px;*/-webkit-text-size-adjust:100%;background-color:#fff;margin:0 auto;}
nav, ul {list-style:none;}
a {-webkit-tap-highlight-color:transparent;}
section {position:relative;}
button {display:block;margin:0;padding:0;background:none;border:0;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer}
button::-moz-focus-inner {padding:0;border:0}
*:focus {outline:none}
h3 {display:none}
#wrap {height:100%}

/* common */
.btn-prev {display:block;position:absolute;top:0;left:0;width:12.5%;padding-top:15.625%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_prev.png') no-repeat 0 0;background-size:200% auto;font-size:0;line-height:0;text-indent:-9999px}


/* title */
.title {padding-top:318.75%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/title.jpg') no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.title .btn-service {display:block;position:absolute;top:41.2745%;left:43.75%;width:50%;padding-top:10.9375%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_service.png') no-repeat 0 0;background-size:100% 200%;}
.title .btn-fb {display:block;position:absolute;top:41.2745%;left:6.25%;width:10.9375%;padding-top:10.9375%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_sns.png') no-repeat 0 0;background-size:100% 500%;}
.title .btn-tw {display:block;position:absolute;top:41.2745%;left:18.75%;width:10.9375%;padding-top:10.9375%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_sns.png') no-repeat 0 25%;background-size:100% 500%;}
.title .btn-kakao {display:block;position:absolute;top:41.2745%;left:31.25%;width:10.9375%;padding-top:10.9375%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_sns.png') no-repeat 0 50%;background-size:100% 500%;}
.title .btn-board {display:block;position:absolute;bottom:0;left:0;width:100%;padding-top:15.625%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/bullet.png') #21bde8 no-repeat 0 40%;background-size:100% 600%;}

/* service */
.service {min-height:100%;background-color:#f3f3f3;-webkit-transition:background-color 0.4s;transition:background-color 0.4s}
.service h1 {font-size:0;line-height:0;text-indent:-9999px}
.service.slide_1 {background-color:#f3f3f3}
.service.slide_2 {background-color:#2d313b}
.service.slide_3 {background-color:#7dd5f3}
.service.slide_4 {background-color:#ffffff}

.bx-wrapper {padding:15.625% 0 12.5%}
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.bx-wrapper li img {width:100%}
.bx-controls {width:100%}
.bx-pager {text-align:center;padding:0.9375% 0 9.375% 0}
.bx-pager .bx-pager-item {display:inline-block;width:3.125%;margin:0 1.5625%}
.bx-pager .bx-pager-item a {display:block;width:100%;padding-top:100%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/paging.png') no-repeat 0 50%;background-size:300% 100%;font-size:0;line-height:0;text-indent:-9999px}
.bx-pager .bx-pager-item a.active {background-position:100% 50%}

/* event-list */
.event-list {width:100%;background-color:#fff;}
.event-list .header {display:block;position:fixed;top:0;left:0;width:100%;z-index:101}
.event-list h1 {display:block;width:100%;padding-top:15.625%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/bullet_title.png') no-repeat 0 0;background-size:100% 500%;font-size:0;line-height:0;text-indent:-9999px}
.event-list .pop-tab {position:relative;width:100%;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}
.event-list .pop-tab li {width:50%;float:left;}
.event-list .pop-tab li a {display:block;width:100%;padding-top:18.75%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/tab_list.png') #fff no-repeat 0 100%;background-size:200% 300%;}
.event-list .pop-tab li a.tab-recent.on {background-position:0 0}
.event-list .pop-tab li a.tab-popular {background-position:100% 0}
.event-list .pop-tab li a.tab-popular.on {background-position:100% 100%}
.event-list .pop-list {padding:25% 0 15.625%;overflow:hidden;background-color:#f3f3f3}
.event-list .pop-list li {position:relative;width:33.125%;padding-top:33.125%;float:left;box-sizing:border-box;margin-bottom:0.3125%;overflow:hidden}
.event-list .pop-list li:nth-child(3n+2) {margin:0 0.3125% 0.3125%}
.event-list .pop-list li img {position:absolute;width:100%;height:100%;top:0;left:0;}
.event-list .pop-list li .icon-my {position:absolute;display:block;top:4.7169%;left:4.7169%;width:33.0188%;padding-top:16.9811%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/icon_my.png') no-repeat 0 0;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px;z-index:20}
.event-list .pop-list li .icon-block {position:absolute;display:block;top:0;left:0;width:100%;padding-top:100%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/icon_block.png') no-repeat 50% 50%;background-size:100% 100%;font-size:0;line-height:0;text-indent:-9999px;z-index:21}
.event-list .btn-apply {display:block;position:fixed;bottom:0;left:0;width:100%;padding-top:15.625%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/bullet.png') no-repeat 0 60%;background-size:100% 600%;font-size:0;line-height:0;text-indent:-9999px;z-index:22}

/* event view */
.event-view {background-color:#fff}
.event-view .header {display:block;position:fixed;top:0;left:0;width:100%;z-index:101}
.event-view h1 {display:block;width:100%;padding-top:15.625%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/bullet_title.png') no-repeat 0 25%;background-size:100% 500%;font-size:0;line-height:0;text-indent:-9999px}
.event-view section {padding:15.625% 0 20px 0;font-size:14px}
.event-view .profile {position:relative;padding:1.5625% 0 1.5625% 3.125%;color:#303a53;font-weight:bold;font-size:1em;background-color:#f3f3f3}
.event-view .profile img {width:33px;height:33px;border-radius:50%;border:1px solid #cfcfcf}
.event-view .profile .btn-report {display:block;position:absolute;top:0;right:5%;text-decoration:none;color:#999;font-weight:normal;font-size:12px;line-height:4.3}
.event-view .picture {width:100%}
.event-view .info {width:91.75%;margin:0 auto;padding:12px 1% 11px;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.event-view .info a {display:inline-block;font-size:12px;color:#666;text-decoration:none}
.event-view .info .btn-like {float:left;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_like.png') no-repeat 0 0;background-size:auto 300%;padding-left:21px;margin-right:13px}
.event-view .info .btn-like.on {background-position:0 100%}
.event-view .info .btn-reply {float:left;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_reply.png') no-repeat 0 0;background-size:auto 300%;padding-left:18px;color:#303a53}
.event-view .info .btn-edit {float:right;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_edit.png') no-repeat 0 0;background-size:auto 300%;padding-left:16px;color:#999}
.event-view .info .btn-del {float:right;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btn_del.png') no-repeat 0 0;background-size:auto 300%;padding-left:13px;color:#999;margin-left:19px}
.event-view .desc {width:92.75%;margin:0 auto;font-size:12px;color:#303a53;line-height:1.4166;padding:7px 0.5% 16px;word-break:break-all}
.event-view .reply-list {width:93.75%;margin:0 auto;}
.event-view .reply-list li {position:relative;padding:0 35px 0 45px;font-size:11px;color:#333;min-height:35px;line-height:15px;margin-bottom:10px}
.event-view .reply-list img {position:absolute;top:50%;left:0;width:33px;height:33px;border-radius:50%;border:1px solid #cfcfcf;margin-top:-17px}
.event-view .reply-list em {display:block;color:#303a53;font-style:normal;font-weight:bold;padding:3px 0 2px}
.event-view .reply-list li p {word-break:break-all}
.event-view .reply-list .btn-report {display:block;position:absolute;top:8px;right:7px;font-size:12px;color:#999;text-decoration:none}
.event-view .reply-list .btn-reply-del {display:block;position:absolute;top:8px;right:7px;font-size:12px;color:#999;text-decoration:none}
.event-view .btn-more {display:block;width:93.75%;margin:0 auto 20px;font-size:11px;color:#999;text-align:center;text-decoration:none;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:10px 0 11px}
.event-view .btn-more span {display:inline-block;vertical-align:baseline}

/* event write */
.event-write {background-color:#fff}
.event-write .header {display:block;position:fixed;top:0;left:0;width:100%;z-index:101}
.event-write h1 {display:block;width:100%;padding-top:15.625%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/bullet_title.png') no-repeat 0 50%;background-size:100% 500%;font-size:0;line-height:0;text-indent:-9999px}
.event-write section {padding:18.75% 0 0 0;font-size:14px}
.event-write textarea {width:93.75%;height:124px;padding:10px 3.125%;font-size:12px;color:#333;line-height:17px;border:0}
.event-write .info {position:relative;width:93.75%;margin:7.8125% auto 3.125%;overflow:hidden}
.event-write .info img {display:block;width:16.6666%;float:left}
.event-write .info .btn-picture {position:absolute;bottom:0;left:18%;display:block;float:left;height:34px;background-color:#303a53;color:#fff;font-size:14px;line-height:32px;padding:0 7px;border-radius:3px;font-weight:bold}
.event-write .info .len {display:block;position:absolute;bottom:0;right:0;font-size:14px;color:#ccc;}
.event-write .info .len span {display:inline-block;vertical-align:baseline}
.event-write .btn-write {display:block;width:93.75%;margin:0 auto;padding-top:13.3333%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/bullet.png') #09b6e6 no-repeat 50% 0;background-size:106.6666% auto;font-size:0;line-height:0;text-indent:-9999px}

.event-write.reply h1 {background-position:0 75%}
.event-write.reply .info {text-align:right}
.event-write.reply .info .len {position:relative;}
.event-write.reply .btn-write {margin-top:5%}

/* popup */
.popup {position:fixed;bottom:0;left:0;width:100%;width:100%;z-index:100;display:none}
.popup .dim {display:block;position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:#f3f3f3;opacity:.9;}
.popup ul {position:relative;width:93.75%;margin:0 auto;padding:2.3333% 0}
.popup li a {display:block;width:100%;padding-top:13%;background:url('//image.genie.co.kr/imageg/app/promo_2015/0618/btns.png') no-repeat 0 0;background-size:100% 1100%;font-size:0;line-height:0;text-indent:-9999px;margin:1% 0;border:1px solid #ccc;box-sizing:border-box;}
.popup li a.btn-album {background-position:0 10%}
.popup li a.close {background-position:0 20%}
.popup li a.btn-report-basic {background-position:0 30%}
.popup li a.btn-report-ad {background-position:0 40%}
.popup li a.btn-report-curse {background-position:0 50%}
.popup li a.btn-report-etc {background-position:0 60%}

/* confirm popup */
.confirm {position:fixed;top:0;bottom:0;left:0;width:100%;z-index:101;display:none}
.confirm .dim {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;opacity:.8}
.confirm article {position:absolute;top:32%;left:12.5%;width:75%;background-color:#fff;padding-bottom:10px}
.confirm article h3 {font-size:0;line-height:0;text-indent:-9999px}
.confirm article p {text-align:center;padding:35px 4.16666% 30px}
.confirm article .btns {padding:0 0 0 4.16666%;overflow:hidden;border:0}
.confirm article .btns a {display:block;width:46.9565%;height:40px;font-size:14px;line-height:40px;color:#fff;background-color:#a8b6c2;text-align:center;text-decoration:none;float:left;margin-right:1.7391%}
.confirm article .btns a.blue {background-color:#09b6e6}
.confirm article .btns a.wide {background-color:#09b6e6;width:95%;}