@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}
body {-webkit-text-size-adjust:100%;max-width:640px;margin:0 auto;background-color:#fff;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
nav, ul {list-style:none}

.title {position:relative;width:100%;padding:76.5625% 0 0 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/bg_title.png') no-repeat 0 0;background-size:100% auto;overflow:hidden;}
.title h1 {font-size:0;line-height:0;text-indent:-9999px}

.title .txt {position:absolute;width:77.1875%;height:7.7551%;top:59.5918%;left:11.40625%}
.title .txt .txt1 {position:absolute;width:19.838%;height:100%;top:0;left:0;opacity:1;-webkit-transition:left 0.7s 1s, opacity 1s;transition:left 0.7s 1s, opacity 1s;}
.title .txt .txt1.on {left:7.6923%;opacity:0;}
.title .txt .txt2 {position:absolute;width:7.6923%;height:100%;top:0;left:19.838%;opacity:1;-webkit-transition:opacity 1s 2s;transition:opacity 1s 2s;}
.title .txt .txt2.on {opacity:0;}
.title .txt .txt3 {position:absolute;width:6.4777%;height:100%;top:0;left:27.53%;opacity:1;-webkit-transition:opacity 1s 2.8s;transition:opacity 1s 2.8s;}
.title .txt .txt3.on {opacity:0;}
.title .txt .txt4 {position:absolute;width:65.9919%;height:100%;top:0;left:34.008097%;opacity:1;-webkit-transition:left 0.7s 1s, opacity 1s;transition:left 0.7s 1s, opacity 1s;}
.title .txt .txt4.on {left:27.53%;opacity:0;}
.title .txt img {width:100%;}

.play {position:relative;width:100%;padding:56.25% 0 0 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/play.png') no-repeat 0 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.play a {position:absolute;display:block;width:18.75%;height:25%;top:55.55%;left:40.625%}

#mv_area {display:none;position:relative;width:300px;height:225px}
#mv_area #mv {width:300px;height:225px}
#mv_area .layer-close {position:absolute;top:-60px;left:50%;width:40px;height:40px;margin-left:-20px;overflow:hidden;display:block;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/btn_video_close.png') no-repeat 0 0}

@media (min-width: 640px) {
	#mv_area {display:none;position:relative;width:600px;height:450px}
	#mv_area #mv {width:600px;height:450px}
	#mv_area .layer-close {position:absolute;top:-60px;left:50%;width:40px;height:40px;margin-left:-20px;overflow:hidden;display:block;text-indent:-9999px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/btn_video_close.png') no-repeat 0 0}
}

.event {position:relative;width:100%;font-size:0;line-height:0;text-indent:-9999px}
.event .tab {width:100%;overflow:hidden;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/tab.png') no-repeat 100% 100%;background-size:203.125% auto}
.event .tab.tab1 {background-position:0 100%;}
.event .tab li {width:50%;height:100%;float:left}
.event .tab li a {display:block;width:100%;padding:25% 0 0 0;}

.event .reply-event {position:relative;width:100%;padding:181.25% 0 0 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/reply_event.png') #eeedf3 no-repeat 50% 37.5%;background-size:92.1875% auto}
.event .reply-event a {display:block;position:absolute;width:30.3125%;height:5%;bottom:3.62%;left:61.71875%}
.event .reply-event a.detail {width:51.09375%;left:7.34375%}

.event .age {position:relative;width:100%;text-indent:0;}
.event .age .slide {position:relative;width:100%;overflow:hidden;}
.event .age li {width:100%;max-width:640px;}
.event .age img {width:100%;}
.event .age .btns {position:absolute;width:58.4375%;bottom:2.439%;left:20.78125%}
.event .age .btn_age {display:block;margin-bottom:5%;}
.swiper-container {width:100%;overflow:hidden;}
.swiper-slide {width:100%;float:left;}
.swiper-container .pagination {position:absolute;width:100%;height:1.7%;bottom:17.56%;left:0;text-align:center;}
.swiper-container .pagination .swiper-pagination-switch {display:inline-block;width:2.1875%;height:71.4285%;padding:0 0.3125%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/navi.png') no-repeat 50% 100%;background-size:auto 300%;font-size:0;line-height:0}
.swiper-container .pagination .swiper-active-switch {background-position:50% 0;}

.sns {position:relative;width:100%;padding:49.21875% 0 0 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/sns.png') #d5d8e0 no-repeat 50% 50%;background-size:78.125% auto;font-size:0;line-height:0;text-indent:-9999px}
.sns a {display:block;position:absolute;width:12.5%;height:38.2165%;top:49.6815%;left:13.75%}
.sns a.twitter {left:34.0625%}
.sns a.facebook {left:54.375%}
.sns a.kakao {left:74.6875%}

.caution {position:relative;width:100%;padding:80.3125% 0 0 0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/caution.png') no-repeat 0 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.caution .link01 {display:block;position:absolute;width:15%;height:7%;top:38.91%;left:57.5%}
.caution .link02 {display:block;position:absolute;width:25.625%;height:7%;top:82.1%;left:61.25%}

.title_reply {position:relative;width:100%;padding:7% 0;text-align:center;background-color:#efefef}
.title_reply img {width:90.15625%}

/* reply */
#reply {width:100%;max-width:640px;;margin:0 auto}
#reply:after{content:"";display:block;clear:both}
#reply h2 {background-color:#efefef;padding:6.8% 0 0 0;text-align:center;border-bottom:2px solid #383a40}
#reply h2 img {width:100%}
#reply .contents {background-color:#fff}
#reply .reply_title{height:34px;line-height:34px;border-bottom:1px solid #dbdbdb;background-color:#efefef;padding:0 10px}
#reply .reply_title:after{content:"";display:block;clear:both}
#reply .reply_title h3 {font-size:14px;font-weight:bold;color:#2b323b;float:left}
#reply .reply_title span {font-size:14px;font-weight:bold;color:#f35758;float:left;margin-left:5px}
#reply .reply_title .note{font-size:10px;color:#a0a0a0;float:right}
#reply .enter.front {border-top:1px solid #fff}
#reply .enter{background-color:#efefef;padding:10px}
#reply .enter .enter_input{}
#reply .enter .enter_input:after{content:"";display:block;clear:both}
#reply .enter .enter_input .textarea{border:1px solid #6d7278;border-radius:4px;padding:2px;height:62px;background:#fff}
#reply .enter .enter_input .textarea textarea{border:0 none;width:100%;font-size:12px;height:62px;margin:0;padding:0}
#reply .enter .enter_input .control {height:30px;line-height:30px;margin-top:10px}
#reply .enter .enter_input .control .check_sns{float:left;width:50%}
#reply .enter .enter_input .control .check_sns input[type="checkbox"]{}
#reply .enter .enter_input .control .btn{float:right;text-align:right}

input[type="checkbox"] {display:none}
input[type="checkbox"] + label span {display:inline-block;width:23px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -19px 0;background-size:90px 40px;cursor:pointer}
input[type="checkbox"]:checked + label span {background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -45px 0;background-size:90px 40px}

#reply .hide {font-size:0;line-height:0;text-indent:-9999px}
#reply .enter .enter_input .control .check_sns label {color:#2b323b;font-size:10px}
#reply .enter .enter_input .control .btn .commit{margin-left:10px;display:inline-block;text-align:center;text-decoration:none;border-radius:4px;border:1px solid #313941;background-color:#5c6169;color:#fff;width:58px;height:28px;text-shadow:rgba(0,0,0,.35) 0 1px 0;font-weight:bold;font-size:12px}
#reply .enter .enter_input .control .btn .cancle{background:-webkit-linear-gradient(bottom, #efefef, #fff);background:-moz-linear-gradient(bottom, #efefef, #fff);margin-left:10px;display:inline-block;text-align:center;text-decoration:none;border-radius:4px;border:1px solid #bdbdbd;color:#2b323b;width:58px;height:28px;text-shadow:rgba(255,255,255,.35) 0 1px 0;font-weight:bold;font-size:12px}
#reply .enter .enter_input .control .btn .string{color:#a0a0a0;font-size:10px}
#reply .enter .enter_input .control .btn .string em {font-style:normal;color:#2b323b;vertical-align:baseline}
#reply .reply_list{border-top:1px solid #6d7278}
#reply .reply_list:after{content:"";display:block;clear:both}
#reply .reply_list li.type_a{}
#reply .reply_list li.type_b{border-bottom:1px solid #efefef}
#reply .reply_list li.type_b .reply_th,#reply .reply_list .type_c .reply_th{padding-left:35px}
#reply .reply_list li.type_b .reply_th:before,#reply .reply_list .type_c .reply_th:before{content:"";background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat 0 -24px;background-size:90px 40px;width:15px;height:15px;position:absolute;top:10px;left:10px}
#reply .reply_list li.type_c{padding-bottom:10px}
#reply .reply_list li {border-bottom:1px solid #dbdbdb}
#reply .reply_list li .reply_th{margin-top:10px;padding:0 10px;position:relative}
#reply .reply_list li .reply_th:after{content:"";display:block;clear:both}
#reply .reply_list li .reply_th .img{float:left;margin-right:10px;position:relative}
#reply .reply_list li .reply_th .img:after {content:"";position:absolute;left:0;top:0px;height:28px;width:28px;border:1px solid #000;display:block;opacity:0.3}
#reply .reply_list li .reply_th .img img {height:30px;width:30px}
#reply .reply_list li .reply_th .name{display:inline-block;font-weight:bold;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2b323b;font-size:14px;float:left;margin-right:5px;line-height:30px}
#reply .reply_list li .reply_th .date{color:#a0a0a0;font-weight:bold;font-size:10px;float:left;line-height:30px}
#reply .reply_list li .reply_th .report{text-decoration:none;float:right;width:10px;height:11px;overflow:hidden;text-indent:-9999px;font:0 a;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat 0 0;background-size:90px 40px;margin-top:10px}
#reply .reply_list li .reply_th .report.no{background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat 0 -11px;background-size:90px 40px}
#reply .reply_list li .reply_td{font-size:12px;color:#2b323b;padding:8px 10px}
#reply .reply_list li .reply_btn_a{text-align:right;padding:0 10px 10px 10px}
#reply .reply_list li .reply_btn_a .reply_btn{vertical-align:top;display:inline-block;height:23px;text-decoration:none;padding:0 10px;border:1px solid #c0c0c0;border-radius:4px;background:-webkit-linear-gradient(bottom, #efefef, #fff);background:-moz-linear-gradient(bottom, #efefef, #fff)}
#reply .reply_list li .reply_btn_a .reply_btn span {vertical-align:top;position:relative;height:23px;display:inline-block;line-height:23px;text-shadow:rgba(255,255,255,.35) 0 1px 0;font-size:10px;color:#2b323b;padding-left:18px}
#reply .reply_list li .reply_btn_a .reply_btn span:before{content:"";position:absolute;width:13px;height:14px;left:0;top:4px;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -19px -24px;background-size:90px 40px}
#reply .reply_list li .reply_btn_a .recom{display:inline-block;height:23px;padding:0 10px;border:1px solid #c0c0c0;border-radius:4px;background:-webkit-linear-gradient(bottom, #efefef, #fff);background:-moz-linear-gradient(bottom, #efefef, #fff);margin-left:5px}
#reply .reply_list li .reply_btn_a .recom .already {vertical-align:top;height:23px;display:inline-block;line-height:23px}
#reply .reply_list li .reply_btn_a .recom a {vertical-align:top;height:23px;display:inline-block;line-height:23px;position:relative;text-shadow:rgba(255,255,255,.35) 0 1px 0;font-size:10px;color:#f35758;text-decoration:none;padding-left:18px}
#reply .reply_list li .reply_btn_a .recom a.ina {vertical-align:top;height:23px;display:inline-block;line-height:23px;position:relative;text-shadow:rgba(255,255,255,.35) 0 1px 0;font-size:10px;color:#2b323b;text-decoration:none;padding-left:18px}
#reply .reply_list li .reply_btn_a .recom a:before{content:"";position:absolute;width:13px;height:14px;left:0;top:5px;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -34px -24px;background-size:90px 40px}
#reply .reply_list li .reply_btn_a .recom a.ina:before{content:"";position:absolute;width:13px;height:14px;left:0;top:5px;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -74px -24px;background-size:90px 40px}
#reply .reply_list li .reply_btn_a .recom .no{vertical-align:top;height:23px;display:inline-block;line-height:23px;font-size:10px;color:#f35758;padding-left:15px;position:relative}
#reply .reply_list li .reply_btn_a .recom .no:before{content:"";position:absolute;top:0px;left:4px;width:7px;height:23px;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -80px 0;background-size:90px 40px}
#reply .reply_footer{}
#reply .reply_footer:after{content:"";display:block;clear:both}
#reply .reply_footer a {display:inline-block;text-decoration:none;height:40px;text-align:center;line-height:40px;color:#2b323b;font-size:12px;background:-webkit-linear-gradient(bottom, #efefef, #fff);background:-moz-linear-gradient(bottom, #efefef, #fff);/*text-shadow:rgba(0,0,0,.35) 0 1px 0;*/}
#reply .reply_footer .more{width:68%}
#reply .reply_footer .more .page{color:#a0a0a0;padding-left:5px}
#reply .reply_footer .more .btm{position:relative;padding-left:16px}
#reply .reply_footer .more .btm:before{content:"";position:absolute;top:0px;left:0px;width:9px;height:20px;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -51px -24px;background-size:90px 40px}
#reply .reply_footer .btn_top{width:32%;position:relative}
#reply .reply_footer .btn_top .top{position:relative;padding-left:16px}
#reply .reply_footer .btn_top .top:before{content:"";position:absolute;top:0px;left:0px;width:9px;height:10px;background:url(//image.genie.co.kr/imageg/app/promo_2013/0725/spr_reply.png) no-repeat -63px -24px;background-size:90px 40px}
#reply .reply_footer .btn_top:after {content:"";position:absolute;left:0;top:0px;height:40px;width:1px;background:#dbdbdb;border-right:1px solid #fff}

/* popup */
.mpopup {z-index:1001;position:absolute;;top:0%;left:0%;width:100%;font-family:'Malgun Gothic' '맑은고딕', 'Nanum Gothic', '나눔고딕', dotum, sans-serif;display:none;}
.mpopup .mpopup_wrap {position:fixed;width:80%;margin-left:-40%;left:50%;top:10%;background:-webkit-linear-gradient(bottom, #efefef, #ffffff);background:-moz-linear-gradient(bottom, #efefef, #ffffff);border-radius:9px;text-align:center;padding:30px 0 19px}
.mpopup .mpopup_wrap:after{content:"";display:block;clear:both}
.mpopup .mpopup_wrap .tit{font-size:18px;color:#2b323b;font-weight:bold;margin-bottom:15px;letter-spacing:-1px;line-height:130%}
.mpopup .mpopup_wrap .tit span{color:#ec1f5d;vertical-align:top;}
.mpopup .mpopup_wrap .txt {font-size:12px;color:#6d7278;margin-bottom:12px;letter-spacing:-1px;line-height:160%}
.mpopup .mpopup_wrap .close {position:absolute;display:block;font:0 a;overflow:hidden;top:10px;right:10px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0611/spr_popup.png') no-repeat;background-size:20px 21px;height:21px;width:20px;}
.mpopup .pop_btn:after{content:"";display:block;clear:both}
.mpopup .pop_btn a {margin-right:3%;width:40%;border-radius:30px;display:inline-block;border:1px solid #a0a0a0;color:#000;font-weight:bold;line-height:28px;background:-webkit-linear-gradient(bottom, #f1f1f1, #fdfdfd);background:-moz-linear-gradient(bottom, #f1f1f1, #fdfdfd);text-decoration:none;overflow:hidden;height:28px;box-shadow: 2px 2px 2px #cecece;}
.mpopup .pop_btn a.large {width:83%;margin:0;color:#000;}
.mpopup .pop_btn a.large+a.large{margin-top:5px}
.mpopup .pop_btn a+a{margin-left:3%;margin-right:0%;}
.mpopup .pop_btn a.pink{border:1px solid #ec1f5d;color:#ec1f5d;background-color:#f6f6f6;}
.mpopup .pop_control:after{content:"";display:block;clear:both}