@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 {min-width:320px;max-width:640px;-webkit-text-size-adjust:100%;background-color:#312634;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}

/* title */
.title {overflow:hidden;}
.title .bg {width:100%;padding-top:100%;font-size:0;line-height:0;overflow:hidden;}
.title .bg div {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;transition-property:opacity;transition-duration: 1s;}
.title .bg .active {opacity:1;z-index:10;}
.title .bg .bg01 {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_01.jpg') no-repeat 50% 50%;background-size:auto 100%;}
.title .bg .bg02 {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_02.jpg') no-repeat 50% 50%;background-size:auto 100%;}
.title .bg .bg03 {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_03.jpg') no-repeat 50% 50%;background-size:auto 100%;}
.title .bg .bg04 {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_04.jpg') no-repeat 50% 50%;background-size:auto 100%;}
.title .bg .bg05 {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_05.jpg') no-repeat 50% 50%;background-size:auto 100%;}
.title .bg .bg06 {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_06.jpg') no-repeat 50% 50%;background-size:auto 100%;}
.title .main {position:absolute;top:0;left:0;width:100%;padding-top:34.375%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/title.png') no-repeat 50% 50%;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px;z-index:21}
.title .artist {position:absolute;top:40.625%;left:7.03125%;width:85.9375%;z-index:20}
.title .artist img {width:100%;}

/* video */
.video {padding-top:74.0625%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/video.png') no-repeat 50% 50%;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.video a {display:block;position:absolute;top:40.92827%;left:9.375%;width:34.375%;height:46.4135%}
.video a.btn_video02 {left:53.125%}

.mv_area {display:none;position:relative;width:300px;height:225px;}
.mv_area .movie {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/1029/btn_video_close.png') no-repeat 0 0;}

/* album */
.album {padding-top:165.9375%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/album.png') #fdfbeb no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.album .btn-listen, .album .btn-down {display:block;position:absolute;bottom:5.64971%;left:6.25%;width:40.625%;height:5.64971%}
.album a.btn-down {left:53.125%;}
.album .btn-cover {display:block;position:absolute;top:22.41054%;left:27.1875%;width:46.875%;height:19.2090%}
#poster {display:none;width:93.75%;}
#poster img {width:100%;}
#poster .layer-close {position:absolute;display:block;font:0 a;overflow:hidden;top:10px;right:10px;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/btn_layer_close.png') no-repeat;background-size:20px 20px;height:20px;width:20px;}
.album ul {position:absolute;top:45.386%;left:6.25%;width:87.5%;height:39.5480%}
.album li {width:100%;height:14.2857142857%;}
.album li a {display:block;width:100%;height:100%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/song.png') no-repeat 0 0;background-size:100% 1100%}
.album li a:active {background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/song_over.png') no-repeat 0 0;background-size:100% 1100%}
.album .song02 a {background-position:0 10%}
.album .song02 a:active {background-position:0 10%}
.album .song03 a {background-position:0 20%}
.album .song03 a:active {background-position:0 20%}
.album .song04 a {background-position:0 30%}
.album .song04 a:active {background-position:0 30%}
.album .song05 a {background-position:0 40%}
.album .song05 a:active {background-position:0 40%}
.album .song06 a {background-position:0 50%}
.album .song06 a:active {background-position:0 50%}
.album .song07 a {background-position:0 60%}
.album .song07 a:active {background-position:0 60%}

/* event */
.event {width:100%;padding-top:178.4375%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/bg_event.png') no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.event .photo {position:absolute;top:23%;left:23.75%;width:50.9375%;height:44.65849%}
.event .photo img {width:99%;height:100%;}
.event a {position:absolute;display:block;bottom:4.37828%;left:9.375%;width:81.25%;height:7.0052539%}
.photo .pagination {position:absolute;width:100%;height:3.9215686%;bottom:0;left:0;text-align:center; text-indent:0}
.photo .pagination .swiper-pagination-switch {display:inline-block;width:6.134969%;height:100%;padding:0 2.4539877%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/nav.png') no-repeat 50% 0;background-size:auto 300%;font-size:0;line-height:0;}
.photo .pagination .swiper-active-switch {background-position:50% 100%;}
.event .icon_photo {position:absolute;display:block;top:21.19089%;left:15.625%;width:23.75%;height:14%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/icon_tag.png') no-repeat 50% 0;background-size:100% auto;z-index:40;}

/* sns */
.sns {padding-top:51.25%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/sns.png') no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.sns a {display:block;position:absolute;bottom:18.29268%;left:3.125%;width:18.75%;height:36.5853%}
.sns a.twitter {left:21.875%}
.sns a.facebook {left:40.625%}
.sns a.kakao {left:59.375%}
.sns a.story {left:78.125%}

/* gift */
.gift {padding-top:85.9375%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/gift.png') no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}

/* caution */
.caution {padding-top:80.625%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/caution.png') no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.caution a {display:block;position:absolute;bottom:7.94573%;left:34.84375%;width:13.75%;height:5.038759%}
.caution a.link02 {width:21%;left:53.28125%;}

/* product */
.product {padding-top:91.875%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/product.png') #b7f3fe no-repeat 50% 0;background-size:100% auto;font-size:0;line-height:0;text-indent:-9999px}
.product a {display:block;position:absolute;bottom:8.5034%;left:3.75%;width:43.75%;height:9.5238095238%;background:url('//image.genie.co.kr/imageg/app/promo_2014/1029/btn_product.png') no-repeat 0 0;background-size:100% 500%}
.product a.btn-payment:active {background-position:0 25%}
.product a.btn-join {left:52.5%;background-position:0 50%}
.product a.btn-join:active {background-position:0 75%}

/* reply */
.reply {border-top:6px solid #d9b081;background-color:#835352;}
.reply h2 img {padding:6.875% 0 6.5625%;width:100%;}

/* swiper */
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
	font-size:12px;
	line-height:18px;
	text-indent:0;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.swiper-container, .swiper-slide {
  width: 100%;
}

/* popup */
.mpopup {z-index:1001;position:absolute;;top:0%;left:0%;width:100%;display:none;}
.mpopup .mpopup_wrap {position:fixed;width:80%;margin-left:-40%;left:50%;top:20%;background:-webkit-linear-gradient(bottom, #efefef, #ffffff);background:-moz-linear-gradient(bottom, #efefef, #ffffff);border-radius:9px;text-align:center;padding:40px 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:146%}
.mpopup .mpopup_wrap .tit span{color:#01cbd4;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/1029/spr_popup.png') no-repeat;background-size:20px 21px;height:21px;width:20px;}
.mpopup .pop_btn {padding:12px 3% 0;}
.mpopup .pop_btn:after{content:"";display:block;clear:both}
.mpopup .pop_btn a {width:47%;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 #f86677;color:#f86677;background-color:#f6f6f6;}
.mpopup .pop_control:after{content:"";display:block;clear:both}

.mpopup.guide {height:100%}
.mpopup.guide img {position:absolute;display:block;bottom:0;left:0;width:100%}

/* reply */
#reply {width:100%;}
#reply:after{content:"";display:block;clear:both}
#reply .contents {max-width:640px;margin:0 auto;background:#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;background:#fff;}
#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{background:#fff;}
#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;}