@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%;margin:0 auto;background-color:#060910;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
nav, ul {list-style:none;}

.title {position:relative;width:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_title.png') no-repeat 50% 0;background-size:auto 100%;border-bottom:9px solid #fff600;}
h1 {max-width:640px;margin:0 auto;}
h1 img {width:100%;}

.event {position:relative;width:100%;max-width:640px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_event.png') no-repeat 50% 0;background-size:93.75% auto;margin:0 auto;font-size:0;line-height:0;text-indent:-9999px;}
.event .contents {position:relative;width:100%;margin:7.5% auto 12% auto;padding:91.5625% 0 0 0;}
.event dd a {position:absolute;display:block;width:11.5625%;height:10.9215%;top:54.6075%;left:14.0625%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/btns.png') no-repeat 0 0;background-size:810.81% auto;}
.event .btn_sns02 {left:29.6875%;background-position:16% 0;}
.event .btn_sns03 {left:45.625%;background-position:32% 0;}
.event .btn_buy {position:absolute;display:block;width:45.3125%;height:13%;top:88.3959%;left:3.125%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/btns.png') no-repeat 0 12.2%;background-size:206.89655% auto;}
.event .btn_buy:active {background-position:100% 12.2%;}
.event .btn_reply {position:absolute;display:block;width:45.3125%;height:13%;top:88.3959%;left:51.5625%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/btns.png') no-repeat 0 25.2%;background-size:206.89655% auto;}
.event .btn_reply:active {background-position:100% 25.2%;}

.gift {position:relative;width:100%;max-width:640px;margin:0 auto;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_gift.png') no-repeat 50% 0;background-size:93.75% auto;font-size:0;line-height:0;text-indent:-9999px;}
.gift .contents {position:relative;width:100%;padding:66.5625% 0 0 0;}

.caution {position:relative;width:100%;max-width:640px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_caution.png') no-repeat 50% 0;background-size:93.75% auto;margin:0 auto;font-size:0;line-height:0;text-indent:-9999px;}
.caution .contents {position:relative;width:100%;padding:76.09375% 0 0 0;margin:6.25% auto 12.1875% auto;}
.caution .link01 {position:absolute;display:block;width:20.3125%;height:6%;top:84.1889%;left:56.5625%;}

.photo {position:relative;width:100%;}
.photo h2 {width:100%;max-width:640px;margin:0 auto;}
.photo h2 img {width:39.375%;margin:0 0 4.375% 3.125%;}
.photo .contents {position:relative;width:100%;background-color:#fff600;font-size:0;line-height:0;text-indent:-9999px;}
.photo .contents .photos {position:relative;width:100%;max-width:640px;margin:0 auto;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_photo.png') #fff600 no-repeat 50% 22%;background-size:93.75% auto;}
.photo .contents ul {padding:55.3125% 0 0 0;}
.photo .btn_photo_k {position:absolute;display:block;width:45.3125%;height:89%;top:5.6497%;left:3.125%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/more.png') no-repeat -28% 100%;background-size:155% auto;}
.photo .btn_photo_k:active, .photo .btn_photo_m:active {background-position:128% 100%;}
.photo .btn_photo_m {position:absolute;display:block;width:45.3125%;height:89%;top:5.6497%;left:51.5625%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/more.png') no-repeat -28% 100%;background-size:155% auto;}

.album {position:relative;width:100%;max-width:640px;margin:0 auto;font-size:0;line-height:0;text-indent:-9999px;}
.album .contents {position:relative;width:100%;padding:51.25% 0 0 0;}
.album a {position:absolute;display:block;width:93.75%;height:26.8292%;top:15.2439%;left:3.125%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/btns.png') no-repeat 0 49.5%;background-size:100% auto;}
.album a.btn_album:active {background-position:0 66.4%;}
.album a.btn_mv {top:54.2682%;background-position:0 83.23%;}
.album a.btn_mv:active {background-position:0 100%;}

.product {position:relative;width:100%;background-color:#14171d;/*background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_product.png') #14171d no-repeat 50% 100%;background-size:100% auto;padding:88.125% 0 0 0;*/border-top:2px solid #383a40;}
.product h2 {width:100%;max-width:640px;margin:0 auto;}
.product h2 img {width:50%;margin:5.625% 0 4.375% 3.125%;}
.product .contents {position:relative;width:100%;background-color:#ededed;font-size:0;line-height:0;text-indent:-9999px;}
.product .contents .products {position:relative;width:100%;max-width:640px;margin:0 auto;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bg_product.png') no-repeat 50% 0;background-size:93.75% auto;}
.product .contents ul {padding:66.5625% 0 0 0;}
.product .contents li {width:50%;float:left;}
.product .btn_product01 {position:absolute;display:block;width:43.75%;height:85%;top:7.05%;left:4.0625%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/buy.png') no-repeat 0 100%;background-size:400% auto;}
.product .btn_product01:active {background-position:33.35% 100%;}
.product .btn_product02 {position:absolute;display:block;width:43.75%;height:85%;top:7.05%;left:52.5%;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/buy.png') no-repeat 66.7% 100%;background-size:400% auto;}
.product .btn_product02:active {background-position:100% 100%;}

/* reply */
#reply {width:100%;max-width:640px;;margin:0 auto;}
#reply:after{content:"";display:block;clear:both}
#reply h2 {background-color:#060910;padding:9.375% 0 4.6875% 3.125%;margin:7.5% auto 0 auto;border-top:2px solid #383a40;}
#reply h2 img {width:93.75%;}
#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:320px;left:50%;margin-left:-160px;top:10%;text-align:center;}
.mpopup .mpopup_wrap .close {position:absolute;display:block;font:0 a;width:36px;height:32px;overflow:hidden;top:0;right:0;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bullet.png') no-repeat 0 100%;background-size:144% auto;}
.mpopup .mpopup_content {position:relative;width:100%;height:100%;margin:0 auto;}
.mpopup .layer_title {position:relative;height:32px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bullet.png') no-repeat 10px 10px;background-size:52px auto;padding:0 0 0 72px;}
.mpopup .layer_title:after{content:"";display:block;clear:both}
.mpopup .layer_title .bx-pager li {width:12px;height:12px;float:left;margin:11px 2px 0 2px;}
#layer-exo-m .layer_title {background-position:10px 20%}
.mpopup .slide {position:relative;width:320px;}
.mpopup .slide ul {overflow:hidden;}
.mpopup .slide li {width:320px;height:350px;}
.mpopup .slide img {width:215px;margin:27px 0 0 0;}
.mpopup .slide img.horizontal {width:320px;margin:74px 0 0 0;}
.mpopup a.bx-pager-link {display:block;width:12px;height:12px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bullet.png') no-repeat 0 55%;background-size:433% auto;font-size:0;line-height:0;}
.mpopup a.bx-pager-link.active {display:block;width:12px;height:12px;background:url('//image.genie.co.kr/imageg/app/promo_2014/0423/bullet.png') no-repeat 43% 55%;background-size:433% auto;font-size:0;line-height:0;}

@media only screen and (orientation:portrait){
	.mpopup .mpopup_wrap {top:10%;}
	.mpopup .slide img {margin:27px 0 0 0;}
}

@media only screen and (orientation:landscape){
	.mpopup .mpopup_wrap {top:0;}
	.mpopup .slide img {width:150px;margin:15px 0 0 0;}
	.mpopup .slide img.horizontal {width:240px;margin:55px 0 0 0;}
}

/* popup */
.mpopup02 {z-index:1001;position:absolute;;top:0%;left:0%;width:100%;font-family:'Malgun Gothic' '맑은고딕', 'Nanum Gothic', '나눔고딕', dotum, sans-serif;display:none;}
.mpopup02 .back {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;}
.mpopup02 .mpopup_wrap {position:fixed;width:80%;margin-left:-40%;left:50%;top:20%;background:#0b0b0d;border-radius:9px;text-align:center;padding:40px 0 19px;border:1px solid #fff600}
.mpopup02 .mpopup_wrap:after{content:"";display:block;clear:both}
.mpopup02 .mpopup_wrap.large {top:10%;padding-top:35px;}
.mpopup02 .mpopup_wrap .tit{font-size:18px;color:#fff;font-weight:bold;margin-bottom:28px;letter-spacing:-1px;line-height:146%}
.mpopup02 .mpopup_wrap .tit span{color:#fff600;vertical-align:top;}
.mpopup02 .mpopup_wrap.large .tit {margin-bottom:18px;line-height:135%;}
.mpopup02 .mpopup_wrap .txt {font-size:12px;color:#fff;margin-bottom:12px;letter-spacing:-1px;line-height:160%}
.mpopup02 .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_2013/1127/spr_popup.png') no-repeat;background-size:20px 21px;height:21px;width:20px;}
.mpopup02 .pop_btn {padding-top:15px}
.mpopup02 .mpopup_wrap.large .pop_btn {padding-top:7px}
.mpopup02 .pop_btn:after{content:"";display:block;clear:both}
.mpopup02 .pop_btn a {margin-right:3%;width:40%;border-radius:30px;display:inline-block;border:1px solid #fff600;color:#fff600;font-weight:bold;line-height:28px;background:#000;text-decoration:none;overflow:hidden;height:28px;}
.mpopup02 .pop_btn a.large {width:83%;margin:0;color:#fff600;}
.mpopup02 .pop_btn a.large+a.large{margin-top:5px}
.mpopup02 .pop_btn a+a{margin-left:3%;margin-right:0%;}
.mpopup02 .pop_btn a.pink{border:1px solid #fff600;color:#fff600;background-color:#000;}
.mpopup02 .pop_control:after{content:"";display:block;clear:both}