@charset "utf-8";

/* @font-face{
	font-family:'NanumGothic';
	src:url(NanumGothic.eot);
	src:url(NanumGothic.eot?#iefix) format('embeded-opentype'),
		url(NanumGothic.woff) format('woff')
} */


@font-face {
  font-family: 'Nanum Pen Script';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.ttf) format('truetype');
}

/* scrollbar css */
html{scrollbar-3dlight-color: #ccc; /* scrollbar-arrow-color: #fff; */ scrollbar-track-color: #f1f1f1; scrollbar-darkshadow-color: #ccc; scrollbar-face-color: #ccc; scrollbar-highlight-color: #ccc; scrollbar-shadow-color:#ccc;}
::-webkit-scrollbar {width: 8px; height: 8px; border: 0px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #ccc}
::-webkit-scrollbar-track {background:#f1f1f1; -webkit-border-radius: 0px; border-radius:0px; -webkit-box-shadow:none;}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #ccc; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow:none;}
/* scrollbar css */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset!important;}
input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s;}
html,body{width:100%; position:relative; min-width: 750px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;}
body{font-size:13px; background-color:#fff; *word-break:break-all;-ms-word-break:break-all; font-family: 'Nanum Gothic', AppleSDGothicNeo, Dotum, sans-serif; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none;	user-select:none;-webkit-user-drag:none; -moz-user-drag:none; -ms-user-drag:none;	user-drag:none;}
img,fieldset,iframe,p{border:0 none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;  -webkit-user-drag:none; -moz-user-drag:none; -ms-user-drag:none;	user-drag:none;}
li{list-style:none}
input,select,button{vertical-align:middle;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none;cursor:pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;-webkit-user-drag:none; -moz-user-drag:none; -ms-user-drag:none;	user-drag:none;}
header,footer,nav,section,article,aside{display:block;}
input,select,button,textarea{outline: 0;}
div,input,textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* clearfix */
.clearfix {*zoom: 1;}
.clearfix:after {content: '';display: block;clear: both;}
/* Hide */
.blind {display: block;position: absolute;left: 0;top: -9999em;}
/* Skip */
.skip a {position: absolute;left: 0;top: -9999em;z-index: 9999;display: block;width: 100%;background-color: #039;color: #eee;font-family: ;text-transform: uppercase;text-decoration: none;line-height: 30px;}
.skip a:hover, .skip a:active, .skip a:focus {top: 0;}
img,form,h4,h3,p,li,span{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;   user-select: none;cursor: default;}
label,input{cursor:pointer;}
/* color */
.color_pink{color:#f74a7d;}
.color_white{color:#fff;}
.color_grey{color:#676767;}
.color_black{color:#2c2c2c;}
.chkselect{color:#d32b2b !important;}
#relatedBox{width: 12%; max-width: 123px; margin-left:-100px;}
/* 글씨 white버전 */
.font-red{color:#d32b2b !important;}
.font-blue{color:#56a7ff !important;}
.sub_font-red{color:#d32b2b !important; border-bottom: 2px solid #d32b2b !important;}
.tag-red{color:#d32b2b !important; border: 1px solid #d32b2b !important;}
.red_bg{background:#c53232 !important;}
.black_bg{background:#404040 !important;}
.grey_bg{background:#676767 !important;}
.grey_tab{background:#676767 !important; border-bottom: 3px solid #676767 !important;}
.btn-red{color:#fff !important; background:#c53232 !important;}
.btn-red2{color:#fff !important; background:#c53232 !important; border: 1px solid #d32b2b !important;}
.btn-black{color:#fff !important; background:#404040 !important;}
.btn-redline{color:#c53232 !important; background:#fff  !important; border:1px solid #c53232 !important;}
.btn-blackline{color:#404040 !important; background:#fff  !important; border:1px solid #404040 !important;}
.no-mgt{margin-top:0 !important;}
/* 글씨 white버전 */
/* 로그인 & 회원가입 팝업 */
#pop_box{width:100%; height:100%; position:fixed; float:left;z-index:99999999;display:none; top:0; left:0;}
#pop_box .pop_bg{ background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); width:100%; height:100%; position:absolute; top:0; left:0;}
#pop_box .pop_box_cont{position:relative; width:100%; height:100%;}
#pop_box .pop_box_con{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:45%; max-width:480px; height:690px; border-radius:8px;}/* white버전 */
#pop_box .pop_box_con_rwap{width:100%; height:100%; position:relative;}
#pop_box .pop_con{border-radius:8px; overflow:hidden; background:#fff; width:100%; max-height:660px; margin-top:30px;}
#pop_box .back_btn, #pop_box .back_btn_alert{display:block; position:absolute; top:-30px; right:5px; width:25px; height:25px; background:url(https://cdn.metoon.co.kr/img/log_pop_X.png) no-repeat;}
#pop_box .pop_menu{width:100%; float:left;}
#pop_box .pop_menu li{width:50%; float:left; text-align:center; font-size:1.2em; font-weight:bold; background:#e6e6e6;}
#pop_box .pop_menu li.on{background:#fff;}
#pop_box .pop_menu li a{width:100%; display:block; height:20px; padding:13px 0;}
#pop_box .pop_container{width:100%; max-width:480px; margin:0 auto; overflow:hidden;padding-bottom:7px;display:block;}
#pop_box .pop_container form div{position:relative;}
#container .login_page_wrap .login_page_container form div{position:relative;}
#container .login_page_wrap .join_page_container form div{position:relative;}
#domain{position:absolute; background:#fff; width:100%; left:0; top:100%; box-sizing:border-box; border:1px solid #ddd; border-top:none;border-bottom:none; z-index:99;}
#domain li{border-bottom:1px solid #ddd; padding:5px; z-index:99;}
#domain li:hover{background:#ccc;}
#domainn{position:absolute; background:#fff; width:100%; left:0; top:100%; box-sizing:border-box; border:1px solid #ddd; border-top:none;border-bottom:none;}
#domainn li{border-bottom:1px solid #ddd; padding:5px;}
#domainn li:hover{background:#ccc;}
.log_join_banner{width:100%;}
.log_join_banner img{width:100%; display:block; margin:7px 0 0;} /* 2017-09-21 손지수 수정 */
/* 로그인 팝업 */
.pop_find{display:none;}
#pop_box .pop_container .log_txt{display:block;width:100%;  font-size:1.05em; padding:20px 0 20px; font-weight:normal;
	color:#676767; background:url(https://cdn.metoon.co.kr/img/login_title_img.png) no-repeat 0 center; margin:10px 0 0;}
#pop_box .pop_container .log_txt span{padding-left: 140px;}
.log_form{width:95%; margin:0 auto; border-bottom:1px solid #ddd;margin-bottom:10px;}/* white버전 */
.log_form .userTxt{width:100%; background:#eee; border:1px solid #e8e8e8; margin-top:5px; padding:0 2%; font-size:1.2em;cursor: text;} /* 2017-09-21 손지수 수정 */
.log_btn{width:100%; padding:10px 0 12px; background:#f74a7d; border:1px solid #dd275d; margin-top:5px; font-size:1.3em;font-weight:bold; color:#fff;} /* 2017-09-21 손지수 수정 */
.btn_black{width:100%; padding:5px 0 12px; background:#000; border:1px solid #000; margin-top:5px; font-size:1.3em;font-weight:bold; color:#fff;} /* 2017-09-21 손지수 추가 */
#join_form2 .btn_black{width:100%; padding:6px 0 12px; background:#000; border:1px solid #000; margin-top:5px; font-size:1.3em;font-weight:bold; color:#fff;} /* 2017-09-27 김형중 추가 */
.btn-red4 {color:#fff !important; background:#c53232; margin-top:5px; margin-bottom:0px; border: 1px solid #d32b2b !important; padding: 10px 0 12px;}
#join_form3 .btn-red5 {color:#fff !important; background:#c53232 !important; border: 1px solid #d32b2b !important; margin:10px 0px 0px;}
/* 2017-09-21 손지수 추가 */
.login_check{margin-bottom:5px;}/* 2017-09-21 손지수 추가 */
#login p{font-size:1.1em;}
#login .mail{float:left; margin-right:10px; display:block; font-weight:bold; color:#676767;}
#login .mail a{color:#676767;}
#login .color_pink{display:block; float:left; font-size:1.0em;}
#login .tell{display:block; float:left;margin-bottom:10px;}
#login .tell span{vertical-align:top;}
#login .btn_join_a{display:block; background:#929292; border:1px solid #838383; padding:2px 0px; width:90px; font-size:0.9em; text-align:center; color:#fff; font-weight:normal; line-height:1.5; margin:-3px 3px;	border-radius:3px; float:right;}
.login_add{margin-top:5px;}
.log_add{clear:both;float:left;margin:4px 0 10px;}
.check_input{font-size:0.935em; display: inline-block; padding:1% 0;} /* 2017-09-21 손지수 수정 */
#login_check{margin-left:1%;}
/* 2017-09-21 손지수 추가 end */
.find_btn{width: 46%; float:right;}
.find_btn li{float:right; width:50%;}
.find_btn li a{display:block; background:#929292; border:1px solid #838383; height:20px; width:100px;	text-align:center; color:#fff; font-weight:bold; line-height:1.5; margin-top:5px;border-radius:3px; float:right;}
/* 회원가입수정 2018-05-24 수정 */
#join .join_checkform { width:100%; overflow:hidden; margin:1% auto 1.6%; line-height:1.3; }
#join .join_checkform li { float:left; margin-left:1.3%; margin-top:-1.4px; box-sizing:border-box; }
#join .join_checkform li:first-child { margin-left:0; }
#join .join_checkform li:first-child label { font-weight:bold; font-size:0.95em; }
#join .join_checkform li a { position:relative; }
#join .join_checkform li a span { cursor:pointer; }
#join .join_checkform li a:after { content:""; width:100%; position:absolute; left:0; bottom:-2px; border:0.5px solid #222; }
/* 로그인 팝업 end */
#pop_box_100{width:100%; height:100%; position:fixed; float:left;z-index:99999999;display:none; top:0; left:0;}
#pop_box_100 .pop_bg_100{ background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); width:100%; height:100%; position:absolute; top:0; left:0;}
#pop_box_100 .pop_box_cont_100{position:relative; width:100%; height:100%;}
#pop_box_100_{width:100%; height:100%; position:fixed; float:left;z-index:99999999;display:none; top:0; left:0;}
#pop_box_100_ .pop_bg_100{ background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); width:100%; height:100%; position:absolute; top:0; left:0;}
#pop_box_100_ .pop_box_cont_100{position:relative; width:100%; height:100%;}
.event_100{width:35%;overflow:hidden;position:relative;display:block;margin:50px auto;}
.event_100 img{width:100%;}
.event_100_close{position:absolute;top:2.238%;right:2.238%;width:6%;}
.event_100_close img{position:static;cursor:pointer;width:100%;}
.event_100_btn{width:76%;position:absolute;top:62%;right:0%;}
.btn_100_red{width:70%;margin-right:2%;padding:3% 5%;background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a50205+0,a50205+49,a50205+49,6a0809+51,6a0809+100 */;background: rgb(165,2,5); /* Old browsers */background: -moz-linear-gradient(top, rgba(165,2,5,1) 0%, rgba(165,2,5,1) 49%, rgba(165,2,5,1) 49%, rgba(106,8,9,1) 51%, rgba(106,8,9,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(165,2,5,1) 0%,rgba(165,2,5,1) 49%,rgba(165,2,5,1) 49%,rgba(106,8,9,1) 51%,rgba(106,8,9,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(165,2,5,1) 0%,rgba(165,2,5,1) 49%,rgba(165,2,5,1) 49%,rgba(106,8,9,1) 51%,rgba(106,8,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50205', endColorstr='#6a0809',GradientType=0 ); /* IE6-9 */;border:none;border-radius:5px;}
.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:12%;text-indent:13%;font-size:1.4em;line-height:1.7em;color:white;cursor:pointer;}
.btn_100_black{font-size:1.0em;color:white;border:none;padding:2.8%;border-radius:5px;background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3942+0,3c3942+49,242329+51,242329+100 */;background: rgb(60,57,66); /* Old browsers */background: -moz-linear-gradient(top, rgba(60,57,66,1) 0%, rgba(60,57,66,1) 49%, rgba(36,35,41,1) 51%, rgba(36,35,41,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(60,57,66,1) 0%,rgba(60,57,66,1) 49%,rgba(36,35,41,1) 51%,rgba(36,35,41,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(60,57,66,1) 0%,rgba(60,57,66,1) 49%,rgba(36,35,41,1) 51%,rgba(36,35,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3942', endColorstr='#242329',GradientType=0 ); /* IE6-9 */}
@media (max-width: 1713px) and (min-width:1406px){
	.event_100_btn{width:78%;position:absolute;top:62%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:1.1em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:1.0em;color:white;border:none;padding:2.1%;}
}
@media (max-width: 1405px) and (min-width:1292px){
	.event_100_btn{width:78%;position:absolute;top:62%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:1.0em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.9em;color:white;border:none;padding:2.0%;}
}
@media (max-width: 1291px) and (min-width:1278px){
	.event_100_btn{width:78%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:1.0em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.8em;color:white;border:none;padding:2.2%;}
}
@media (max-width: 1277px) and (min-width:1231px){
	.event_100_btn{width:78%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.9em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.8em;color:white;border:none;padding:2.2%;}
}
@media (max-width: 1230px) and (min-width:1193px){
	.event_100_close{width:5.477%;}
	.event_100_btn{width:78%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.8em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.7em;color:white;border:none;padding:2.2%;}
}
@media (max-width: 1192px) and (min-width:1094px){
	.event_100_close{width:5.477%;}
	.event_100_btn{width:78%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.8em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.7em;color:white;border:none;padding:2.2%;}
}
@media (max-width: 1093px) and (min-width:1024px){
	.event_100_close{width:6.477%;}
	.event_100_btn{width:78%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.8em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.7em;color:white;border:none;padding:2.2%;}
}
@media (max-width: 1023px) and (min-width:1011px){
	.event_100_close{width:7.477%;}
	.event_100_btn{width:78%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.7em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.6em;color:white;border:none;padding:2.2%;}
}
@media (max-width: 1010px) and (min-width:1000px){
	.event_100_close{width:8.477%;}
	.event_100_btn{width:80%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.7em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.6em;color:white;border:none;padding:2.2%;}
}
@media (max-width:999px) and (min-width:899px){
	.event_100_close{width:9.477%;}
	.event_100_btn{width:85%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.7em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.6em;color:white;border:none;padding:2.2%;}
}
@media (max-width:898px) and (min-width:800px){
	.event_100_close{width:10.477%;}
	.event_100_btn{width:100%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;margin-left:2%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.5em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.4em;color:white;border:none;padding:2.2%;}
}
@media (max-width:799px) and (min-width:750px){
	.event_100_close{width:10.477%;}
	.event_100_btn{width:100%;position:absolute;top:63%;right:0%;}
	.btn_100_red{width:68%;margin-left:2%;}
	.btn_100_red p{background:url(https://cdn.metoon.co.kr/img/ic_credit_card.png) no-repeat 0 0;background-size:10%;text-indent:11%;font-size:0.4em;line-height:1.7em;color:white;cursor:pointer;}
	.btn_100_black{font-size:0.3em;color:white;border:none;padding:2.2%;}
}
@media (max-width:749px){
	.event_100_close{width:10.477%;}
}
/* 2017-11-30 손지수 100원 이벤트 end */
/* 가입 팝업 */
#pop_box .pop_container .join_txt{display:block;width:100%; padding:20px 0 20px; font-weight:normal;color:#676767; float:left; background:url(https://cdn.metoon.co.kr/img/join_title_img.png) no-repeat 0 center; font-size:1.05em; margin:10px 0 0;}
#pop_box .pop_container .join_txt span{padding-left:118px;}
.join_form{width:95%; padding-bottom:0px; float:none; margin:0 auto;} /* 2017-09-21 손지수 수정 */
.join_form:after{clear:both; content:""; display:block;}/* white버전 */
.join_form .userTxt{width:100%; background:#eee; border:1px solid #e8e8e8;  margin-top:5px; padding:0 2%; font-size:1.2em; cursor:text;} /* 2017-09-21 손지수 수정 */
.join_form div{float: left;}
#join p{font-size:1.1em;}
#join .mail{float:left; margin-right:10px; display:block; font-weight:bold; color:#676767;}
#join .mail a{color:#676767;}
#join .color_pink{display:block; float:left; font-size:1.0em;}
#join .tell{display:block; float:left;}
#join .tell span{vertical-align:top;}
#join .btn_join_a{display:block; background:#929292; border:1px solid #838383; padding:2px 0; width:90px; font-size:0.9em; text-align:center; color:#fff; font-weight:normal; line-height:1.5; margin:-3px 3px;	border-radius:3px; float:right;}
/* 가입 팝업 end */
.join_title{width:95%;margin:0 auto;overflow:hidden;padding:5px 0;}
#join .join_title p{float:left;font-weight:bold;font-size:1.1em;}
#container .join_page_container .join_title p{float:left;font-weight:bold;font-size:1.5em;} /* 2017-08-30 손지수 추가 */
.join_title p img{margin-right:5px;}
#join .join_title p:last-child{float:right;font-size:1.0em;font-weight:normal;padding:3px 10px;border:1px solid #747474;border-radius:5px;}
#container .join_page_container .join_title p:last-child{float:right;font-size:1.1em;font-weight:normal;padding:3px 10px;border:1px solid #747474;border-radius:5px;} /* 2017-08-30 손지수 추가 */
/* 2017-09-22 손지수 폰번호로 가입하기 추가 */
.join_form_p{width:95%;padding-bottom:0px; border-bottom:1px solid #ddd; float:none; margin:0 auto 4px;}
.join_form_p:after{clear:both; content:""; display:block;}/* white버전 */
.join_form_p .userTxt{width:100%; background:#eee; border:1px solid #e8e8e8;  margin-top:5px; padding:0 2%; font-size:1.2em; cursor:text;} /* 2017-09-22 손지수 수정 */
.join_form_p div{float: left;position:relative;}
.certify a{position:absolute;top:18px;right:10px;color:#fff;background-color:#666;padding:5px 10px;border-radius:5px;}
#join p{font-size:1.1em;}
#join .mail{float:left; margin-right:10px; display:block; font-weight:bold; color:#676767;}
#join .mail a{color:#676767;}
#join .color_pink{display:block; float:left; font-size:1.0em;}
#join .tell{display:block; float:left;}
#join .tell span{vertical-align:top;}
#join .btn_join_a{display:block; background:#929292; border:1px solid #838383; padding:2px 0; width:90px; font-size:0.9em; text-align:center; color:#fff; font-weight:normal; line-height:1.5; margin:-3px 3px;	border-radius:3px; float:right;}
#pop_box .sns_txt{font-weight:bold; color:#747474; font-size:1.1em; display:block; width:95%; float: none; margin:0 auto 5px;}
#pop_box .sns_login{width:100%; float:left; padding-bottom:24px;overflow:hidden;}
#pop_box .sns_login li{width:100%; margin:3px 0; float:left; cursor:pointer; }
#pop_box .sns_login .naver_btn{background:#1ec800;}
#pop_box .sns_login .fb_btn{background:#395a9c;}
#pop_box .sns_login .google_btn{background:#db4431;}
#pop_box .sns_login li a{display:block; width:100%; font-weight:bold; font-size:1.2em; height:40px; color:#fff;position: relative; cursor:pointer;}
#pop_box .sns_login li a span{display:block; width: 70%; float:right; text-align:left; cursor:pointer; position: absolute; top: 0; bottom: 0;	right: 0; height: 17px; display: block; margin: auto; cursor:pointer;}
#pop_box .sns_login_box{width:95%; float:none; margin:0 auto; padding-bottom:24px;}/* white버전 */
#pop_box .sns_login_box li{width:49%; margin:0 0.5% 5px; float:left;cursor:pointer; } /* 2017-09-21 손지수 수정 */
#pop_box .sns_login_box li img{float:left;}
#pop_box .sns_login_box li span{float:left;padding:14px 10px;width:70%;text-align:center;}
#pop_box .sns_login_box li.naver_btn span{border: 1px solid  #279c00;background: #2db400;border-left:none;color:#fff;cursor:pointer;}
#pop_box .sns_login_box li.kakao_btn span{border: 1px solid  #ffde00;background:#ffeb00;border-left:none;cursor:pointer;}
#pop_box .sns_login_box li.fb_btn span{border: 1px solid  #29487d;background: #3b5998;border-left:none;color:#fff;cursor:pointer;}
#pop_box .sns_login_box li.google_btn span{border: 1px solid  #cccccc;background:#ffffff;border-left:none;color:#db4431;cursor:pointer;}
/* 비번찾기 */
#pop_box .pop_container .pass_find_txt{display:block;width:100%;  font-size:1.05em; padding:13px 0 10px; font-weight:normal;
	color:#676767; background:url(https://cdn.metoon.co.kr/img/find_pass.png) no-repeat 0 center; margin:20px 0 0;}
#pop_box .pop_container .pass_find_txt span{width:50%; padding-left: 240px;display: block; line-height:1.7;}
.pass_find_form{width:95%;padding-bottom:5px;margin: 0 auto; }/* white버전 */
.pass_find_form .userTxt{width:100%; background:#eee; border:1px solid #e8e8e8;  margin-top:10px; padding:0 2%; font-size:1.2em; cursor:text;}
.find_pop_agree_btn{width: 50%; float:right; margin-right: 2.5%;}/* white버전 */
.find_pop_agree_btn li{float:left; width:50%;}
.find_pop_agree_btn li a{display:block; background:#929292; border:1px solid #838383; height: 23px; width: 110px;	text-align:center; color:#fff; font-weight:bold; line-height: 1.7; margin-top:19px;	border-radius:3px; float:right;}
/* 비번찾기 end */
#header{width:100%; border-bottom:1px solid #dbdbdb; position:fixed;z-index:999;/* z-index:9999999; */top:0; left:0; min-width: 750px;}
#header.viewer_header{border-bottom-color:#525252;}
/* @media all and (max-width:750px){
	#header{position:absolute;}
} */
/* notice_pop */
#header .notice_pop_wrap{height:40px; width:100%;background:#585858;  border-bottom: 1px solid #e1e1e2;}
#header .notice_pop_body{width:90%; max-width:1200px; margin:0 auto; position:relative;height:100%;}
#header .notice_pop{height:100%;}
#header .notice_pop .bx-wrapper{height:100%;}
#header .notice_pop .bx-wrapper .bx-viewport{height:100% !important;}
#header .notice_pop_menu>li{font-size:0.9em; line-height: 34px; margin:1px 0; margin-left:5px;background:url(https://cdn.metoon.co.kr/img/notice_btn.png) no-repeat 0 center;}
#header .notice_pop_menu>li a{color:#eee; display:block;line-height: 3.1; padding-left:33px;}
#header .notice_pop_menu>li a p{cursor:pointer;}
.notice_pop_wrap .btn_x{display:inline-block; width:13px; height:13px; position:absolute; top: 0; bottom: 0; right: 0; margin: auto;}
.notice_pop_wrap .btn_x img{cursor:pointer;}
/* notice_pop end */
#head{width:100%; height:105px; background:url(https://cdn.metoon.co.kr/img/menu_back.png);}
#head .head_wrap{width:100%;}
#head_top_sm{background:url(https://cdn.metoon.co.kr/img/header_top_bg3.png) repeat-x center; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; width:100%; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}/* 무료추가버전 */
.head_top_sm_wrap{max-width:1200px; width:90%; margin:0 auto;}
.head_top_sm_wrap:after{display:block; content:""; clear:both;}
#head_top_sm:after{display:block; content:""; clear:both;}
#head_top_sm .right{float:right; height:32px;}/* 무료추가버전 */
#head_top_sm .left{float:left; height:32px;}
.rolling_wrap{float:right;width:350px;cursor:pointer; overflow:hidden;}
.rolling_notice li{padding-bottom:0;cursor:pointer; float:left;}
.rolling_notice li a{display:block;padding-left:10px;text-indent:8px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;cursor:pointer;}
.rolling_notice p.new_notice {background: url(https://cdn.metoon.co.kr/img/icon_notice_new1.png) no-repeat 0 center;}
/* 2017-12-06 손지수 롤링 공지 추가 end */
#head_top_sm ul li{float:left; font-size:11px;color:#676767;padding-bottom:1px;}
#head_top_sm ul li a{color:#676767;padding:9px 10px 7px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; -webkit-box-sizing:border-box; max-width:100%;}/* 무료추가버전 */
#head_top_sm .left .me_notice_txt{color:#676767;padding:9px 10px 7px 0; display:block;}
#head_top_sm .left .me_notice_txt span{padding:0; padding-left:20px; background:url(https://cdn.metoon.co.kr/img/head_top_notice_icon.png) 0 center no-repeat;}
#head_top_sm .center{position:absolute; height:32px; bottom:0; left:0; right:0; float:none; margin:0 auto; text-align:center; width:170px; border:1px solid #ddd; border-top:none; border-bottom:none; background:#fbfbfb; }
#head_top_sm .center:after{display:block; content:""; clear:both;}
#head_top_sm .center li{font-size:15px; width:50%; font-weight:bold; letter-spacing:-0.09em; border-left:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#head_top_sm .center li:first-child{border-left:none;}
#head_top_sm .center li a{padding:6px 0px 6px;}
#head_top_sm .center li a.on{border-bottom:2px solid #d52b2c; color:#d52b2c;}
#head_top_sm .center li a span{vertical-align: middle; font-size:11px; color:#fff; padding:0 3px 0 0; position:relative; width: auto; display: inline-block; letter-spacing: -0.05em;}
#head_top_sm .center li a span img{display:block;}
#head_top_sm .center li a span p{position:absolute; top:1px; right:0; left:-4px; bottom:0; margin:auto; cursor:pointer;}
#head_top_sm ul li.head_top_fill a{font-weight:bold; padding-left:30px; background:url(https://cdn.metoon.co.kr/img/head_icon_fill.png) no-repeat 13px center;}
#head_top_sm ul li.head_top_event a{padding-left:28px; background:url(https://cdn.metoon.co.kr/img/head_icon_event_red.png) no-repeat 10px center;}/* white버전 */
#head_top_sm ul li.head_top_mileage a{padding-left:28px; background:url(https://cdn.metoon.co.kr/img/head_icon_mileage.png) no-repeat 10px center;}
#head_top_sm ul li.head_top_coupon a{padding-left:30px; background:url(https://cdn.metoon.co.kr/img/head_icon_coupon.png) no-repeat 5px center;}
#head_top_sm ul li a:hover{color:#d52b2c;}/* white버전 */
#head_top_sm ul li span{padding:9px 0px; display:block;}/* 무료추가버전 */
/* 메인메뉴 */
#head .mainmenu{width:95%; max-width:1200px; margin:0 auto; padding:25px 0 15px;}
#head #logo{display:block; width:149px; height:34px;background: url(https://cdn.metoon.co.kr/img/me_logo_red1_me.png?) no-repeat; float:left; margin: -6px 5.4% 0 0;}/* white버전 */
#head #logo a{width:100%; height:100%; display:block;}
#head .head_wrap:after{clear:both; display:block; content:"";}
#head .mainmenu:after{clear:both; display:block; content:"";}
#head .main_m li{ float:left; width:6.6%; text-align:center; font-size:1.4em; font-weight:bold; letter-spacing:-0.09em;}
#head .main_m>li>a{display:block; width:100%; color:#6b6b6b;}
#head .main_m>li>a span{border: 1px solid #ddd; border-radius: 35px; padding: 1px 10px 3px; cursor:pointer; background:url(https://cdn.metoon.co.kr/img/main_adult_btn_bg1.png) repeat;}
#head .main_m>li>.on{color:#d32b2b;}
/* 우측메뉴 */
.main_menu_right{display:none; float:right; width:100px; height:50px;margin-top: -15px;}
.main_menu_right a{width:100%; height:100%; display:block; background:url(https://cdn.metoon.co.kr/img/btn_right_menu.png) no-repeat center; text-indent:-999999999em; overflow:hidden;}
#logM_search{float:right; position:relative; margin-top:-15px;}
.sm_log_menu{display:none;}
.sm_my_menu{display:none;}
#logM_search .main_menu_smtop{position: relative; right: 35px; overflow: hidden;}
#logM_search .main_menu_smtop_log{display:none; position: relative; right: -25px; overflow: hidden;}
#logM_search .main_menu_smtop ul{display:none; width:194px; height:16px;margin-bottom:5px; overflow:hidden; background:url(https://cdn.metoon.co.kr/img/main_smtop_bg1.png) repeat center; padding:2px; /* border:1px solid #ccc; */ border-radius:3px;}
#logM_search .main_menu_smtop li{float:left; margin:0 5px; font-weight:normal; color:#676767;}
#logM_search .main_menu_smtop li a{font-weight:normal; color:#676767; font-size:12px;}
/* 로그인, 회원가입 */
.log_menu{float:left; margin-right:20px; margin-left:30px; padding:15px 0;}
.log_menu li{float:left; margin-left:10px;font-size:1.05em; font-weight:normal; line-height:22px;}
.log_menu .join{color:#d32b2b;}/* white버전 */
/* 로그인, 회원가입 end */
/* 로그인시 우측메뉴 */
.my_menu{float:left; margin-right:15px; padding:14px 0; letter-spacing: -0.05em;}
.my_menu li{float:left; margin-left:5px;font-size:1.05em; font-weight:normal; line-height:22px; position:relative;}
.my_menu li>img{position:absolute; top:0px; left:-23px; width:19px;}
.my_menu .mm_MYpage_btn span{position:relative; padding-left:25px;}
.my_menu .mm_MYpage_btn img{position:absolute; top:0px; left:0px; bottom:0; margin:auto; width:19px; display:block;}
.my_menu .mm_MEpoint_btn span{position:relative; padding-left:22px;}
.my_menu .mm_MEpoint_btn img{position:absolute; top:0px; left:0px; bottom:0; margin:auto; width:14px; display:block;}
/* 로그인시 우측메뉴 end */
/* 검색btn */
#header form{float:right;position:relative;}
#header input#search{line-height:20px; padding:8px 5px; margin-top:8px; border:1px solid #BBBBBB; border-radius:30px; width:20px; height:15px;color:#6B6A6A; background:url(https://cdn.metoon.co.kr/img/icon_search.png) no-repeat right; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; ime-mode:active;}
#header .menu_form .search_btn{position:absolute; display: none; width: 30px; top: 8px; bottom: 0; margin: auto; height: 30px; right:2px; cursor:pointer; border-left:1px solid #ddd; z-index:999;}
/* 검색btn end */
/* 우측메뉴 */
#header form a{display:none; position:absolute; width:15px; height:15px; top:-9px; right:10px;}
#header form .search_x img{cursor:pointer;}
#header form .search_btn{display: block; width: 30px; top: 0; bottom: 0; margin: auto; height: 30px; right: 0; cursor:pointer; border-left:1px solid #ddd;}
#header form .search_btn img{cursor:pointer;}
#header form a img{width:100%;}
#header:after{clear:both; display:block; content:"";}
/* 메인배너 */
#main_banner{ background:#f5f5f5;width:100%; float:left; height:520px; overflow:hidden; border-bottom:1px solid #f1f1f1;}
#main_banner #slider3 li{width: 100% !important;}
#main_banner .bnr_visual{width:80%; max-width:1280px; display:block; height:520px;background:url(https://cdn.metoon.co.kr/img/aaaaaa.jpg) no-repeat ;}
#main_banner .visual_txt_wrap{width:45%; height:520px;left:0; top:0; z-index:60;}
#main_banner .visual_txt{width:100%; position:relative; height: 100%; }
#main_banner .visual_txt:after{clear:both; content:''; display:block;}
#main_banner .vis_roll_list{width:100%; max-width: 550px; position: absolute; top: 10%; bottom: 10%; right: -45px;}
#main_banner .vis_roll_list .roll_vis_txt{position:relative;}
#main_banner .visual_txt p{margin-top:140px; color:#fff;  font-size:1.8em; cursor:pointer;}
#main_banner .visual_txt span{display:block; cursor:pointer; max-height: 120px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.vis_txt_title{font-size:0.8em; margin:40px 0 30px; font-weight:bold;}
.vis_txt_st{font-size:1.5em;}
.vis_btn li{float:left; margin-right:10px;}
#main_banner .bx-wrapper .bx-controls-auto .bx-stop{display:none !important;}
/* 메인배너 end */
#footer #publish_inquire_wrap{display:none; width:100%; min-width:765px; height:100%; position:fixed; top:0; left:0; z-index:99999999;}
#footer #publish_inquire_wrap.publish_inquire_wrap1{display:none; width:100%; min-width:765px; height:100%; position:fixed; top:0; left:0; z-index:99999999;}
#footer #publish_inquire_wrap .publish_inquire_box{width:100%; height:100%; position:relative; min-width:560px;text-align:center;}
#footer #publish_inquire_wrap .publish_inquire_box:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
#footer #publish_inquire_wrap .publish_inquire_box .container_box{width:561px; text-align:left; position:relative;display:inline-block;vertical-align:middle;max-height:94%;overflow-y:auto;z-index:10;overscroll-behavior:contain;/* position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:680px; */}
#footer #publish_inquire_wrap .publish_inquire_box .container_box>div{ position:relative; width: 100%; height: 100%;}
#footer #publish_inquire_wrap .publish_inquire_box .btn_ok{width:100%; text-align:center; margin:20px auto;}
#footer #publish_inquire_wrap .publish_inquire_box .btn_ok a{display:inline-block; background:#d52b2c; max-width:125px; padding:9px 48px; color:#fff; font-weight:bold; font-size:1.2em;border-radius:5px;}/* white버전 */
#footer #publish_inquire_wrap .publish_inquire_box .cont_box{width:100%; border-radius:0 0 5px 5px; float:left; overflow:hidden;/* position:absolute; top:195px; left:0; */background:#fff;}
#footer #publish_inquire_wrap .publish_inquire_box img{ display:block; margin-top: -10px; position:relative; z-index:99;}
#footer #publish_inquire_wrap .publish_inquire_box .art_inquire_img{width:100%; display:block; margin-top: -14px; position:relative; z-index:99;}
#footer #publish_inquire_wrap .title{width:100%; text-align:center; overflow:hidden; border-radius:5px 5px 0 0;}
#footer #publish_inquire_wrap .title li{display:inline-block; width:50%; float:left; cursor:pointer;background:#404040; }
#footer #publish_inquire_wrap .title .on{background:#e7e6e6; }
#footer #publish_inquire_wrap .title .on a{ color:#575757;}
#footer #publish_inquire_wrap .title a{position:relative; z-index:999;display:block; padding:15px 0 18px; font-size:1.3em; color:#fff; font-weight:bold;}
#footer #publish_inquire_wrap .publish_inquire_box .cont{width:90%; margin:34px auto 15px; font-size:1.2em; text-align:center; line-height:1.5;}
#footer #publish_inquire_wrap .publish_inquire_box .art_inquire_cont{margin-top:38px;}
#footer #publish_inquire_wrap .publish_inquire_box .cont ul{width:90%; margin:5px auto 8px; overflow:hidden; float:none; font-size: 0.98em;}
#footer #publish_inquire_wrap .publish_inquire_box .cont ul li{text-align:left; width:100%; float:left; letter-spacing:-0.09em; margin:10px 0; font-size:0.9em; color:#2b2b2b;}
#footer #publish_inquire_wrap .publish_inquire_box .cont ul li a{color:#d52b2c; font-weight:normal; letter-spacing:0.01em; padding:0;}
#footer #publish_inquire_wrap .publish_inquire_box .cont ul span{background:#d52b2c; color:#fff; font-weight:bold; padding:0px 5px; text-indent:-2px; font-size:0.9em; text-align:center; border-radius:3px; display: block; float:left; margin-right:5px; margin-top: 2px;}/* white버전 */
#footer #publish_inquire_wrap .publish_inquire_box .cont ul p{float:left; display:block; width:auto; padding:0;}
#footer #publish_inquire_wrap .publish_inquire_box .cont p{ text-align:left;margin:0 auto; }
#footer #publish_inquire_wrap .publish_inquire_box .cont .list_title{margin:0 auto; width:85%;font-weight:bold; float: none; background:url(https://cdn.metoon.co.kr/img/dot_icon.png) no-repeat 0 center;	padding-left:10px; font-size:1.1em; letter-spacing:-0.09em;color:#2b2b2b;}
#footer #publish_inquire_wrap .publish_inquire_box .cont .txt{color:#676767; width:100%;letter-spacing:0em; text-align:center;float: none; font-size:0.95em;}
#footer #publish_inquire_wrap .publish_inquire_box .cont .txt a{color:#676767; text-decoration:underline; font-weight:normal; letter-spacing:0.01em;}
#footer #publish_inquire_wrap .publish_inquire_box .cont a{font-weight:bold;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;}
#footer #publish_inquire_wrap .publish_inquire_box .pop_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png);position:absolute;top:0;left:0;}
/* 작품더보기 */
#container .list_last{width:100%;  max-width:1200px; float:left; margin-top:14px;}
#container .list_last a{max-width:1200px; display:block;border:1px solid #d32b2b; color:#d32b2b; padding:10px 0; line-height:1.6em; background:#fff; transition:0.2s;-webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s;}
#container .list_last a p{width:100%; text-align:center; font-size:1.15em; font-weight:bold; cursor:pointer;}
/* 컨테이너 공통 end*/
/* 컨테이너 탑 */
#container_top{width:100%;}
#container_top:after{clear:both; display:block; content:"";}
/* 컨테이너 탑 공통css */
#container_top h4.me_menu_title{font-weight:bold; font-size:1.7em; margin:0 0 4px;}
#container_top h4.me_menu_title span{color:#F15584;}
#container_top h4.me_menu_title .sm{font-size:0.8em;  letter-spacing:-0.09em; font-weight:normal;}
#container_top .cont_top_box{position:relative; width:100%; max-width:1200px; margin:0 auto;}
/* 컨테이너 탑 공통css end */
/* 컨테이너 탑1 오늘 */
#container_top .today_me_box{width:100%; padding:40px 0; float:left; background:#fff;} /* 2017-10-19 손지수 간격 조정  */
/* 컨테이너 탑1 오늘 메뉴 */
#container_top .today_me_menu{width:100%; max-width: 1200px; float:left;margin: 0 auto;	padding-top:20px; border-bottom: 2px solid #F15584;}
#container_top .today_me_menu ul{width:100%;}
#container  #container_top .today_me_menu ul li{float:left; width:12.5%;max-width: 150px; position:relative;}
#container_top .today_me_menu ul li a{display:block;  width:100%; max-width:150px; height:40px; background:#f5f5f5;	line-height:33px; font-size:1.4em; color:#B7B7B7; font-weight:bold; text-align:center; border:none;	border-radius:5px 5px 0 0;}
#container_top .today_me_menu ul li .on{border-bottom:3px solid #F15584; height:37px; background:#F15584;color: #fff; line-height:33px;}
#container_top .today_me_menu ul li .on .check_color{color:#fff; border:1px solid #fff;}
#container_top .today_me_menu ul li a .check{font-size:0.5em; padding:0 5px;vertical-align:middle; border:1px solid #fff;color: #fff;margin-left: 5px;}
#container_top .today_me_menu ul li a .check_color{font-size:0.5em; padding:0 5px;vertical-align:middle; border:1px solid #F15584;color: #F15584;margin-left: 5px;}
#container_top .today_me_menu ul li a .today{color:#F15584;}
#container_top .today_me_menu ul li .on .today{color:#fff;}
#container_top .today_me_menu ul li a:hover{ height:40px; line-height:33px; font-size:1.4em; font-weight:bold; text-align:center; border:none;}
#container_top .today_me_menu ul li .on:hover{color:#fff;}
#container_top .today_me_menu .week_up_nobel{cursor:pointer;max-width:25px; max-height:25px;vertical-align: middle; margin-top: 1px; margin-left: -5%; margin-right: 5%;}
/* 컨테이너 탑1 오늘 메뉴 end */
.best_wrap{width:100%;overflow:hidden;background-color:#ddd;border-radius:5px;border:1px solid #ccc;padding:5px; display:none;}
/* 컨테이너 탑1 오늘 컨텐츠 */
#container_top .today_me_cont{width:100%;}
#container_top .today_me_cont .today_me_con{float:left; width: 100%; padding: 30px 0 0px;}
#container_top .today_me_cont .today_me_con li{float:left;width:32%;margin: 0 2% 2% 0; max-width: 384px; max-height:378px; position:relative;}
#container_top .today_me_cont .today_me_con li a{ display: block; width:100%;height:384px; position:relative; overflow:hidden; border-radius:6px; border:1px solid #dbdbdb;	 background-size:100%;}
#container_top .today_me_cont .today_me_con li .bm_con_img{width:100%; position:relative;}
#container_top .today_me_cont .today_me_con li a .bmcon_img{width:100%; transform-origin:center; -ms-transform-origin:center; -webkit-transform-origin:center; cursor:pointer;}
#container_top .today_me_cont .today_me_con li a img {display: block; width: 100%;}
#container_top .today_me_cont .today_me_con li a .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#container_top .today_me_cont .today_me_con li img{width:100%; display: block;}
#container_top .today_me_cont .today_me_con li .best_txt{width:100%; display:block; text-align:center;  color:#2c2c2c; min-height:104px;	font-size:1.0em; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png) ;font-weight:normal;}
#container_top .today_me_cont .today_me_con li .best_txt .title{font-size:1.5em; font-weight:bold;  padding-bottom:0;}
#container_top .today_me_cont .today_me_con li .best_txt span{display:block; width:90%; margin:5% auto 0; padding-bottom:25px;}
#container_top .today_me_cont .list_last{width:100%;  max-width:1200px; float:left;}
#container_top .today_me_cont .list_last a{max-width:1200px; display:block; border:1px solid #dbdbdb; color:#676767; padding:1% 0; line-height:1.6em;}
#container_top .today_me_cont .list_last a p{width:100%; text-align:center;}
#container_top .today_me_cont .today_me_con li .patch_box{display:block; position:absolute; z-index:10; top:-3%; right:-3%;}
#container_top .today_me_cont .today_me_con li .patch_box>img{width:39px; display:inline-block; vertical-align: top;}
#container_top .today_me_cont .today_me_con li .patch_box .patch{ width:54px; display:inline-block; margin-left:5px;}
/* 컨테이너 탑1 오늘 컨텐츠 end */
/* 컨테이너 탑2 추천 */
#container_top .best_me_box{width:100%; padding:40px 0;background:#f3f2f2; float:left;}
#container_top .best_me h4.me_menu_title{margin-bottom:35px;}
#container_top .best_me .best_me_con{width:100%; padding-bottom: 20px; float:left; }
#container_top .best_me .best_me_con li{float:left; width: 24%; margin-right:2.2%; max-width: 280px; text-align:center; height:365px; position:relative;}
#container_top .best_me .best_me_con li a{display:block; width:100%; overflow:hidden;  height:365px; position:relative; cursor:pointer; box-sizing:border-box; border:1px solid #dbdbdb;}
#container_top .best_me .best_me_con li a .best_me_img{ cursor:pointer;width:100%; height:100%; position:absolute; bottom:0; overflow:hidden;}
#container_top .best_me .best_me_con .con_T a.on p{height:110%;background:url(https://cdn.metoon.co.kr/img/best_btn.png) no-repeat center 22%, #c53232; cursor:pointer;}
#container_top .best_me .best_me_con .con_B a.on p{height:105%;background:url(https://cdn.metoon.co.kr/img/best_btn.png) no-repeat center 29%, #c53232; cursor:pointer;}/* white버전 */
#container_top .best_me .best_me_con .con_T a.on .title{ margin-top:45%;}
#container_top .best_me .best_me_con .con_B a.on .title{ margin-top:55%;}
#container_top .best_me .best_me_con li img{display:block; width:100%;}
#container_top .best_me .best_me_con .con_B img{ top:0; left:0;}
#container_top .best_me .best_me_con .con_T img{margin-top:150px; left:0;}
#container_top .best_me .best_me_con li .blurcover{position:absolute; top:0; left:0; right:0; bottom:0; width:40%; margin:auto;}
#container_top .best_me .best_me_con li .blurcover_b{position:absolute; top:0; left:0; right:0; bottom:0; width:40%; margin:auto;}
#container_top .best_me .best_me_con .con_B .blurcover{top:-40%;}
#container_top .best_me .best_me_con .con_B .blurcover_b{top:-40%;}
#container_top .best_me .best_me_con .con_T .blurcover{bottom:-40%;}
#container_top .best_me .best_me_con .con_T .blurcover_b{bottom:-40%;}
#container_top .best_me .best_me_con li p{display:block; width:100%; height:40%; position:absolute; font-size:1.0em; color:#fff; z-index:5;}
#container_top .best_me .best_me_con .con_B p{bottom:0; background:#c53232; padding-bottom:2%;}
#container_top .best_me .best_me_con .con_T p{top:0; background:#c53232; padding-top:2%;}/* white버전 */
#container_top .best_me .best_me_con .con_B p::after{content: ""; position: absolute; top: -28px; left: 0;	right:0; margin:auto; border: 15px solid transparent; border-bottom-color: #c53232; display: block; width: 0;}
#container_top .best_me .best_me_con .con_T p::after{content: ""; position: absolute; bottom: -28px; left: 0;	right:0; margin:auto; border: 15px solid transparent; border-top-color: #c53232; display: block; width: 0;}/* white버전 */
#container_top .best_me .best_me_con li span{width:95%;display:block; margin:12px auto 0; cursor:pointer; }
#container_top .best_me .best_me_con li .title{font-size:1.4em; font-weight:bold; padding:12px 0; background:url(https://cdn.metoon.co.kr/img/best_line.png) no-repeat center 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#container_top .best_me .best_me_con .con_B .title{margin-top:10px; font-weight:bold;}
#container_top .best_me .best_me_con .con_T .title{margin-top:2px;}
#container_top .best_me .best_me_con li .patch{display:block; width:19%; height:16%; position:absolute; z-index:15;	top:-5%; right:-5%;}
.schedule_event_box .event_box .bx-wrapper{height:258px;}
/* 컨테이너 탑 end */
#container #agree_page h4.sub_page_title{font-weight:bold; font-size:1.6em; margin:0 0 5px; color:#fff; background:#4c4c4c; border-radius:5px; padding:5px 0 5px 5px;}
/* 컨테이너 genre_page */
#header_prev_temrs{position:fixed;top:0;left:0;right:0;width:100%;background-color:#fff;border-bottom:1px solid #ddd;z-index:100;}
#header_prev_temrs .header_terms_container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:1180px;height:59px;margin:0 auto;}
#header_prev_temrs h1 a{display:block;}
#header_prev_temrs h1 img{vertical-align:top;cursor:pointer;}
#header_prev_temrs .sub_title{font-size:17px;font-weight:700;color:#303030;margin-left:20px;margin-top:-2px;}
#container .agree_cont {font-size:1.0em; padding:0 5px;  margin-bottom:30px;}
#container .agree_cont .info_scroll{position:fixed; bottom:150px; right:0; width:100%; height:0; margin-right:-43px; z-index:99;}
#container .agree_cont .info_scroll div{width: 100%; max-width: 1200px; margin: 0 auto;}
#container .agree_cont .info_scroll div>div{width:43px;float:right;}
#container .agree_cont .info_scroll div a{width:43px; height:43px; float:left;}
#container .agree_cont .info_scroll .info_top{overflow:hidden; text-indent:-99999999999em; background:url(https://cdn.metoon.co.kr/img/btn_info_top.png) no-repeat center;}
#container .agree_cont .info_scroll .info_bottom{overflow:hidden; text-indent:-99999999999em; background:url(https://cdn.metoon.co.kr/img/btn_info_bottom.png) no-repeat center;margin-top: -1px;}
#container .agree_cont .title{font-size:1.4em; font-weight:800; padding-left:10px; background:url(https://cdn.metoon.co.kr/img/agree_line.png) no-repeat 0 center; line-height:2; cursor: default;	color:#2c2c2c;}
#container .agree_cont p{padding:0 10px; line-height:1.6; white-space:pre-wrap; color:#676767;}
#container .agree_cont .prev_private_list{margin-top:5px;}
#container .prev_private_list + .prev_private_list{margin-top:10px;}
#container .prev_private_list a{position:relative;display:inline-block;padding-left:18px;font-size:15px;color:#1b73c8;letter-spacing:-0.025em;}
#container .prev_private_list a::before{content:"-";content:"▷";position:absolute;top:0;left:0;margin-top:-1px;}
/* 컨테이너 end */
/* 컨테이너 하단 */
#container_bottom {width:100%;}
#container_bottom:after{clear:both; display:block; content:"";}
/* 컨테이너 하단 공통css */
#container_bottom h4.me_menu_title{font-weight:bold; font-size:1.7em; margin:0 0 0;}
#container_bottom h4.me_menu_title span{color:#F15584;}
#container_bottom h4.me_menu_title .sm{font-size:0.8em; letter-spacing:-0.09em; font-weight:normal;}
#container_btm_schedule_event{padding:40px 0; background: #f5f5f5;}
#container_btm_schedule_event:after{clear:both; display:block; content:"";}
#container_btm_schedule_event h4.me_menu_title{font-weight:bold; font-size:1.7em; margin:0 0 1%;}
#container_btm_schedule_event h4.me_menu_title span{color:#F15584;}
#container_btm_schedule_event h4.me_menu_title .sm{font-size:0.8em; letter-spacing:-0.09em; font-weight:normal;}
#container_bottom .cont_b_box{position:relative; float: left; background:#fff; width:100%;  padding:50px 0;}
#container_bottom .hashtag{background:#f5f5f5;}/* 2017-12-08 손지수 로그인 버젼 */
#container_bottom .genre{background:#f5f5f5;}/* 2017-12-08 손지수 로그인 버젼 */
/* 2017-12-08 손지수 로그인 버젼 end */
#container_bottom .genre{background:#fff;}/* 2017-12-08손지수 로그아웃 버젼 */
#container_bottom .schedule_event{ background:#f5f5f5; padding: 40px 0;}
/* 컨테이너 하단 공통css end */
/* mylike_page */
#container .mypage_comm_wrap{width:100%; height:100%;background:#f5f5f5; float:left;  font-weight:bold; }
.mypage_comm_cont>div{position:relative;width:100%; float:left; background:#fff; border-radius:8px; border:1px solid #eee;}
.mypage_comm_cont>div.my_payment{min-height:535px;}
.mypage_comm_cont>div.my_buy_novel{min-height:600px;}
.mypage_comm_cont>div.mypage_like{min-height:685px;}
#mylike_page_container .title_box{width:15%; max-width:165px;background:#404040; color:#fff; float:left;position: absolute;  top: 0; bottom: 0; margin: auto; height: 100%;}
#mylike_page_container .my_data .title_box{background:#e84d7d;}
#mylike_page_container .title_box p{font-size: 1.5em; text-align: center; margin-top: 270px; padding: 70px 0 0; }
#mylike_page_container .mypage_like .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_my_like_data.png) no-repeat center 21%;}
#mylike_page_container .coin_cont_box{float:left; width:85%;max-width:1018px;}
#mylike_page_container .coin_cont_box>div{width:93%;  margin:0 auto;font-size:1.2em; color:#2c2c2c;}
#mylike_page_container .coin_cont_box .btn_box{width:30%;position:absolute; right:0; top:20%; bottom:20%; margin:auto;}
#mylike_page_container .coin_cont_box .btn_box a{width:75%;max-width:140px;display:block; background:#56606b; color:#fff; text-align:center; padding: 10px 7px 15px;line-height:1.6; font-size:1.1em; border-radius:5px; float:right;margin-right:20px;}
#mylike_page_container .coin_cont_box .btn_box a span{font-size:1.2em;}
#mylike_page_container .mypage_like .coin_cont_box{width: 90%; max-width: 1033px; height:685px; float:right;position:relative;}
#mylike_page_container .mypage_like .btn_box{width:20%; float: right; top:18%; bottom:18%;}
#mylike_page_container .mypage_like ul{ margin:0 auto 30px; width: 98%; float:right; border-top:1px solid #eee;  }
#mylike_page_container .mypage_like .list_title{margin:30px auto 0; border-bottom:none;}
#mylike_page_container .mypage_like .list_data>li{width:100%; max-width:997px; padding:0; margin-bottom:0;}
#mylike_page_container .mypage_like .list_data ul{width: 100%; border:none; border-bottom:1px solid #eee; margin-bottom:0; padding-bottom: 10px;}
#mylike_page_container .mypage_like ul li{float:left; margin:12px 0; padding:0; width:25%;max-width:266px; text-align:center;font-weight:bold;	font-size:0.9em; color:#676767;}
#mylike_page_container .mypage_like .list_title li{ font-size:1.1em; color:#2c2c2c; }
#mylike_page_container .mypage_like .list_data ul li{float: left; margin:65px 0;  padding:0;width: 25%; text-align: center;font-weight: bold; font-size: 0.9em; color: #676767;}
#mylike_page_container .mypage_like .list_data ul .nobel_img{ margin:12px 0; padding:0;}
#mylike_page_container .mypage_like .list_data ul .nobel_img a{display: block; max-width:143px; position: relative; border-radius:5px; overflow:hidden; margin:0 auto; max-height:145px;}
#mylike_page_container .mypage_like .list_data ul .nobel_img img{width:100%; display:block; cursor:pointer;}
#mylike_page_container .mypage_like .list_data ul .nobel_img .novel_img{position:absolute; top:0; left:0; right:0;}
#mylike_page_container .mypage_like ul .my_nobel_listbox{ width:35%; max-width:288px;}
#mylike_page_container .mypage_like ul .li_sm{width:15%; float:right;}
#mylike_page_container .mypage_like .list_data ul .li_sm{width:15%; float:right;}
#mylike_page_container .mynobel_page_pager{border:none; background:none; width:100%; height:70px; float:left; position:relative;text-align:center; margin-top:40px;}
#mylike_page_container .mynobel_page_pager a{ line-height: 1.5; text-align: center; margin: 0 8px; font-size:1.2em;  color:#676767;}
#mylike_page_container .mynobel_page_pager>a{vertical-align: top; display: inline-block;   font-weight:bold; background:#fff; border:1px solid #dcdcdc; font-size: 1em; padding: 3px 8px; line-height: 1.2; text-align: center;}
#mylike_page_container .mynobel_page_pager .on{color:#272727; border-bottom:1px solid #272727;}
#mylike_page_container .mynobel_page_pager>ul{display: inline-block;}
#mylike_page_container .mynobel_page_pager>ul li{float:left;}
#mylike_page_container .mypage_like .list_data ul .my_nobel_listbox{ width:35%; max-width:288px;}
#mylike_page_container .list_data p{margin-top:5px; font-size:1.0em;letter-spacing: -0.05em; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mylike_page_container .list_data .nobel_title{margin-top:-5px; font-size:1.2em;}
#mylike_page_container .list_data .nobel_writer{font-weight:normal;}
/* 회원탈퇴 */
#container #away_page .sub_page_title{display:inline-block;}
#container #away_page .btn_mypage_back{display:inline-block; float:right; margin-top:1px; width:25px; height:25px;}
#container #away_page .btn_mypage_back a{display:block; background:url(https://cdn.metoon.co.kr/img/log_pop_X_b.png) no-repeat center; width:100%; height:100%; text-indent:-9999999em; overflow:hidden;}
#away_container{width:100%; border-top:2px solid #676767; text-align:center; margin-top:30px;}
#away_container ul{width:100%; overflow:hidden; border-bottom:1px solid #d6d6d6;display:flex;}
#away_container li{width:75%; float: right; text-align:left;}
#away_container ul .bg_gray{float:left; width:25%; height:100%;background:#eaeaea;}
#away_container ul .bg_gray p{font-size:1.2em; padding:15px; font-weight:bold; color:#2c2c2c; background:url(https://cdn.metoon.co.kr/img/icon_ask_title_dot1.png) no-repeat 0 center; padding-left:15px; margin-left:20px;}
#away_container .away_reason, #away_container .reason_pw_box{padding: 10px 0; margin-left: 10px; width:50%;}
#away_container .away_reason .select_wrap, #away_container .reason_pw_box{position:relative; box-sizing: content-box;}
#away_container .away_reason .select_wrap label{ border:1px solid #e1e1e1;border-radius:3px; text-align:left; padding:5px 5.5% 5px 2.5%; margin:0;font-size:1.1em; background:url(https://cdn.metoon.co.kr/img/icon_select_arrow.png) no-repeat 98% center, #fff; width:92%; display:block; left:0; top:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#away_container .away_reason #away_reason_select, #away_container input#mem_pass{width:100%;border:none; padding:5px; font-size:1.1em; background:#fff; font-family:inherit;color:#676767; font-weight:bold; position:absolute; left:1px; right:1px; top:1px;opacity: 0; margin:auto; border-radius: 3px;}
#away_container input#mem_pass{position:static;padding:5px 5.5% 5px 2.5%;border:1px solid #e1e1e1;color:#000;opacity:1;}
#away_container input#mem_pass::placeholder{font-weight:400;}
#away_container .bottom .bg_gray p{background:none; padding: 0; min-height: 103px;}
#away_container .bottom li p{padding:20px 10px; font-size:1.1em; line-height:1.5;}
#away_container .bottom li span{color:#e84d7d; font-weight:bold;}
#away_container a{text-align:center; display:inline-block;  padding:10px 10px; font-size:1.2em; color:#fff; font-weight:bold; border-radius:5px; min-width:120px; margin:20px 5px 0;}
#away_container .away_btn{background:#e84d7d;}
#away_container .goback_btn{background:#56606b; }

#sub_mypage .reason_pw_box{letter-spacing:-0.09em; margin:0 auto 20px; position:relative; overflow: hidden; max-width:450px;}
#sub_mypage .away_cont_wrap .reason_pw_box #mem_pass{width:75%; margin-left: 1%; margin-top:0; float:right; color:#676767;  padding: 5px; padding-right:6%;  font-size: 1.05em; border:1px solid #ddd; border-radius:5px; background-size: 9px; -webkit-appearance:none;}
#sub_mypage .away_cont_wrap .reason_pw_box label{font-size:1.1em; color:#676767; font-weight:bold; background:url(https://cdn.metoon.co.kr/mimg/adult_icon_pw_notice.png) no-repeat 0 65%; display:inline-block; padding:5px 0 5px 20px; margin:0; position:absolute; top:0; left:0; background-size:17px;}/* white 버전 */
/* 회원탈퇴 end */
/* 찜목록 */
#my_page_container .my_like_data .title_box p{padding:122px 0 56px; background:url(https://cdn.metoon.co.kr/img/icon_my_like_data.png) no-repeat center 55px;}
#my_page_container .my_like_data .cont_box{width: 90%; max-width: 1013px;}
#my_page_container .my_like_data .cont_box>div{top: 10%; height: 160px; top:0; bottom:0;}
#my_page_container .my_like_data .cont_box .btn_box{top:28%;}
#my_page_container .my_like_data ul{ margin:0 auto; width: 98%; position: absolute; top: 0; right:0; bottom: 0; height: 159px; margin: auto;}
#my_page_container .my_like_data ul li{float:left; width:40%; text-align:center;font-weight:bold; font-size:0.9em; color:#676767; padding:0; margin:0 5%; position:relative;overflow:hidden;}
#my_page_container .my_like_data ul li img{width:50%; display:block; border-radius:5px; overflow:hidden; cursor:pointer;}
#my_page_container .my_like_data .list_title{margin:10px auto 0;  overflow: hidden;}
#my_page_container .my_like_data ul li .txt_box{position:absolute; width:50%; height:100px; top:0; bottom:0; right:0; background:#fff; margin:auto; padding:5px 0px 5px 15px; text-align:left;}
#my_page_container .my_like_data ul li p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;  cursor:pointer;}
#my_page_container .my_like_data ul li .nobel_title{display:inline-block; font-size:1.1em; margin-top:5px;  cursor:pointer;}
#my_page_container .my_like_data ul li .nobel_writer{font-weight:normal; font-size:0.9em; margin:5px auto;  cursor:pointer;}
#my_page_container .my_like_data ul li .day{font-weight:normal; font-size:0.9em;  cursor:pointer;}
#my_page_container .my_like_data ul li .day span{margin-right:5px;  cursor:pointer;}
#my_page_container .my_like_data div.list_data{ margin:0 auto; width: 98%; position: absolute; top: 0; right:0; bottom: 0; height: 159px; margin: auto;}
#my_page_container .my_like_data div.list_data div{float:left; width:40%; text-align:center;font-weight:bold; font-size:0.9em; color:#676767; padding:0; margin:0 5%; position:relative; overflow:hidden;}
#my_page_container .my_like_data div.list_data div a{display:block;}
#my_page_container .my_like_data div.list_data div img{width:100%; display:block; border-radius:5px; cursor:pointer;}
#my_page_container .my_like_data div.list_data div .novel_img{position:absolute; top:0; left:0; right:0;}
#my_page_container .my_like_data div.list_data div .img_box{width:50%; display:block; position:relative; border-radius:5px; overflow:hidden; cursor:pointer; margin: 0;}
#my_page_container .my_like_data .list_title{margin:10px auto 0;  overflow: hidden;}
#my_page_container .my_like_data div.list_data div .txt_box{font-size:1em ;position:absolute; width:50%; height:100px; top:0; bottom:0; right:0; background:#fff; margin:auto; padding:5px 0px 5px 15px; text-align:left;}
#my_page_container .my_like_data div.list_data div p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;  cursor:pointer;}
#my_page_container .my_like_data div.list_data div .nobel_title{display:inline-block; font-size:1.1em; margin-top:5px;  cursor:pointer; color:#424242;}
#my_page_container .my_like_data div.list_data div .nobel_writer{font-weight:normal; font-size:0.9em; margin:5px auto;  cursor:pointer;}
#my_page_container .my_like_data div.list_data div .day{font-weight:normal; font-size:0.9em;  cursor:pointer;}
#my_page_container .my_like_data div.list_data div .day span{margin-right:5px;  cursor:pointer;}
/* 찜목록 */
/* change_pw */
#container .change_pw_wrap{width:100%; height:100%;background:#f5f5f5; float:left;  font-weight:bold; }
#container #change_pw_container{width:100%; float:left;}
#change_pw_container .change_pw_box{width:100%; min-width:600px; float:left; background:#fff; border-radius:8px; border:1px solid #eee; overflow:hidden;position:relative;}
#change_pw_container .change_pw_box .switch_acc_btn{background: #56606b; color: #fff; text-align: center; border-radius: 5px;display:inline-block; min-width: 90px; font-size: 1.0em; padding: 5px 0; line-height: 1.2; position: absolute; right: 30px; top: 42px;}
#change_pw_container .change_pw_box .promo_btn { background: #56606b; color: #fff; text-align: center; border-radius: 5px; min-width: 125px; font-size: 1.0em; padding: 5px 0; line-height: 1.2; position: absolute; right: 30px; top: 77px; text-indent:5px; }
#change_pw_container .change_pw_box .promo_btn input[type="checkbox"] { margin-left:3px; }
#change_pw_container .change_pw_box .promo_btn label { cursor:unset; }
#change_pw_container .title_box{width:27%; max-width:165px;background:#404040; color:#fff; float:left;height: 500px}
#change_pw_container .change_pw_box .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_pw_change.png) no-repeat center 12%;font-size: 1.5em; text-align: center; margin-top: 180px; padding:80px 0 0;}
#change_pw_container .change_pw_cont_box{float:left; width:85%;max-width:1018px;}
#change_pw_container .change_pw_box .change_pw_cont_box{width: 73%; max-width: 800px; height:500px; margin-left:10%;}
.change_pw_cont_box p{ font-size:1.2em; color:#676767; background:url(https://cdn.metoon.co.kr/img/adult_icon_pw_notice1.png) no-repeat 0 1px;text-indent:25px;width:100%; margin:40px auto 15px;line-height: 1.5;}/* white버전 */
.change_pw_cont_box p span{color:#e84d7d;}
.change_pw_cont_box form div{ width:50%; float:left;}
.change_pw_cont_box form .now_pw_box{margin-bottom:15px;}
.change_pw_cont_box label{background:url(https://cdn.metoon.co.kr/img/icon_ask_title_dot1.png) no-repeat 0 center; padding:15px 10px; font-size:1.3em; display:block; color:#2c2c2c; cursor:inherit;}/* white버전 */
.change_pw_cont_box input{font-size:1.2em; padding:5px; height:38px;line-height: 1.5; margin:-5px 10px 5px; width:90%; max-width:400px; border:1px solid #e1e1e1; border-radius:5px; cursor:text;}
.change_pw_cont_box .pw_change_btn{width:100%; position:relative; float:left;text-align:center; margin-top:135px; margin-left:-10px;}
.change_pw_cont_box .pw_change_btn a{display:inline-block;text-align:center; padding:18px 15px; width:40%; max-width:130px; font-size:1.2em; color:#fff; border-radius:5px;}
.change_pw_cont_box .pw_change_btn .ok{background:#e84d7d; margin-right:15px;}
.change_pw_cont_box .pw_change_btn .cancle{background:#56606b;}
/* 구입화차 리스트 */
#mylike_page_container .mypage_like .list_data .my_nobel_listbox{position:relative;}
#mylike_page_container .mypage_like .list_data .my_nobel_listbox label{display:block; border:1px solid #e1e1e1;border-radius:3px; text-align:left; padding:5px 3% 5px 2%; margin:0;font-size:1.1em; background:url(https://cdn.metoon.co.kr/img/icon_select_arrow.png) no-repeat 98% center; width:95%; max-width:251px; position:absolute; left:0; top:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mylike_page_container .mypage_like .list_data .my_nobel_select{width:100%;border:1px solid #e1e1e1; padding:5px; font-size:1.1em; cursor:pointer;letter-spacing: -0.08em; color:#676767; font-weight:bold; position:absolute; left:0; top:0;opacity: 0;}
#mylike_page_container .mypage_like .list_data .my_nobel_select .non_mynobel{color:#eee;}
#mynobel_page_container .my_payment .list_data .my_nobel_select .non_mynobel{color:#eee;}
/* 성별 탭 */
.mypage_gender_tab{display: inline-block; text-align:center; position:relative; border-radius: 5px; overflow: hidden; width: 93px; background:url(https://cdn.metoon.co.kr/img/gender_tabbg1.png) no-repeat center; top: 9px; margin-right: 12px;line-height:1;float:right;}
.mypage_gender_tab span label{margin:auto; display: inline-block; width:28px; padding:7px 0; color:#b3b3b3; font-weight:bold; text-align: center; font-size: 12px; letter-spacing: -0.09em;}
.mypage_gender_tab span.man_tab .check{background:url(https://cdn.metoon.co.kr/img/man_tabbg1.png) no-repeat center; color:#fff; }
.mypage_gender_tab span.all_gender_tab .check{background:url(https://cdn.metoon.co.kr/img/allgender_tabbg1.png) no-repeat center; color:#fff; }
.mypage_gender_tab span.woman_tab .check{background:url(https://cdn.metoon.co.kr/img/woman_tabbg1.png) no-repeat center; color:#fff; }
.mypage_gender_tab input{position:absolute; top:0; left:0; z-index:-5; opacity:0;}
/* 성별 탭 */
/* 장르 */
.genre_box{max-width:1200px; margin:0 auto; }
.main_genre_cont{width: 100%; max-width:1200px;  float: left; margin:30px auto 20px; position:relative; height:100%;}
.genre_cont_list{width:100%; overflow:hidden; }
.genre_cont_list li{float:left; width:34%; max-width:386px; height:445px;	 text-align:center; position:relative;}
.genre_cont_list>li>a{display:block; width:100%; height:100%;background-size: auto 100%; overflow:hidden;}
.main_genre_cont .genre_cont_list li a img{width:140%; margin:0 -20%; position:relative;cursor:pointer;}
.genre_cont_list>li>a .black_bg{display:block; width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/best_black_bg.png) !important; position:absolute; top:0; left:0;}
.genre_cont_list>li>a:hover .black_bg{display:none; }
.genre_cont_list li p{display:block; width:100%;position:absolute; left:0; bottom:0; height:31%; cursor:pointer;
	background:url(https://cdn.metoon.co.kr/img/gr_back.png); color:#e9e9ea; font-size:0.9em; text-align:left; padding:20px 0 0;z-index:10;}
.genre_cont_list li p span{display:block; width:95% ;margin:13px 13px 0; line-height: 1.6; font-size:1.1em; cursor:pointer;}
.genre_cont_list li p span br{display:none;}
.genre_cont_list li p .genre_title{display:inline; color:#d32b2b; border:1px solid #d32b2b; padding:2px 10px 2px;	border-radius:9px; font-size:1em; }/* white버전 */
.genre_cont_list li p .title{font-weight:bold; font-size:2em; color:#fff;}
#genre_Me .main_genre_cont .bx-wrapper{max-width:1200px;}
.main_genre_cont .bx-viewport{height:100% !important; max-width:1200px;}
/* 장르 */
/* 해시태그 */
.hashtag_box{max-width:1200px; margin:0 auto; }
.main_hashtag_cont{width: 100%; max-width:1200px;  float: left; margin:20px auto 20px; position:relative; height:100%;}
.hashtag_cont_list{width:100%; }
.hashtag_cont_list li{float:left; height:auto; text-align:center; position:relative; list-style: none; width: 279px; margin-right: 21px; max-height:334.8px; }
.hashtag_cont_list>li>a{display:block; width:100%; height:100%; max-height:334.8px; background-size: auto 100%; border:1px solid #dbdbdb; overflow:hidden; background-color:rgba(0, 0, 0, 0.05);}
.main_hashtag_cont .hashtag_cont_list li a img{width:120%; margin:0px -10%; position:relative;cursor:pointer;}
.main_hashtag_cont .hashtag_cont_list li a .blurcover{position:absolute; top:-25%; left:0; right:0; bottom:0; width:40%; margin:auto;}
.hashtag_cont_list li p{display:block; width:100%;position:absolute; left:1px; bottom:-1px; cursor:pointer;	background:url(https://cdn.metoon.co.kr/img/W_back.png); font-size:0.9em; text-align:left; padding:10px 0;z-index:10;}
.hashtag_cont_list li p span{display:block; width:95% ;margin:5px auto 0; line-height: 1.6; font-size:1.1em; cursor:pointer; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hashtag_cont_list li p span br{display:none;}
.hashtag_cont_list li p .hash_title{display:inline-block; color:#d32b2b; font-size:1em; width: auto;}/* white버전 */
.hashtag_cont_list li p .title{font-weight:bold; font-size:20px; margin-top: 0;}
.hashtag_cont_list li p .writer{display:inline-block; font-size:1em; width: auto;}
#main_hashtag .main_hashtag_cont .bx-wrapper{max-width:1200px;}
.main_hashtag_cont .bx-viewport{ height:337px !important; max-width:1200px;}
.main_hashtag_cont .bx-wrapper img{max-width:140%;}
.main_hashtag_cont .bx-wrapper .bx-prev{left: -30px;	width:16px;	background: url(https://cdn.metoon.co.kr/img/genre_btn_l.png) no-repeat ;}
.main_hashtag_cont .bx-wrapper .bx-next{right: -30px; width:16px; background: url(https://cdn.metoon.co.kr/img/genre_btn_r.png) no-repeat ;}
.hashtag_tab{width:100%; display: block; padding-top: 10px; cursor:default;}
.hashtag_tab a{display: inline-block; margin:5px 3px 0; border:1px solid #d32b2b; background:#fff; color:#d32b2b; padding:3px 10px; border-radius:35px; font-size:15px;}
.hashtag_tab a.on{background:#d32b2b; color:#fff;}
@media all and (min-width:1000px) and (max-width:1230px){
	#container_bottom .hashtag_box{width:97%;}
	#main_hashtag .bx-wrapper{width:95%;}
	.main_hashtag_cont .bxmine .bx-wrapper{width:95%;}
	.hashtag_cont_list li{width:6%; max-width:340px !important; height: 370px;}
	.hashtag_cont_list li p span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media all and (max-width:999px){
	#container_bottom .hashtag_box{width:97%;}
	#main_hashtag .bx-wrapper{width:93%;}
	.hashtag_cont_list li{width:6%; max-width:300px !important; height: 370px;}
}
/* 내가 보던 작품 start */
.mine_ing{overflow:hidden;position:relative;float:left;width:100%;padding:50px 0;background:#fff;overflow:hidden;}
.mine_ing_inner{max-width:1200px; margin:0 auto; }
.main_hashtag_cont.bxmine .bx-viewport{ height:337px !important; max-width:1200px;}
.bxslider_mine li{box-sizing:border-box; -webkit-box-sizing:border-box; /* border-radius:5px; */}
.bxslider_mine li a .ebook_imgbox{position:relative; width:100%; height:100%; max-height:334.8px;}
.bxslider_mine li a .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
.bxslider_mine li a .ebook_imgbox img.ebook_back{opacity:0.2;}
.bxslider_mine li a .ebook_imgbox img.ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:80%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);}
.bxslider_mine li a p{bottom:-1px;}
@media all and (max-width:1230px) and (min-width:1000px){
	.mine_ing_inner{width:97%;}
	.mine_ing .bxmine .bx-wrapper{width:95%;}
}
@media all and (max-width:999px){
	.mine_ing_inner{width:97%;}
	.mine_ing .bxmine .bx-wrapper{width:93%;}
}
/* 밀리언셀러  */
.million_inner{max-width:1200px; margin:0 auto; }
.million{overflow:hidden;position:relative;float:left;width:100%;padding:50px 0;background:#fff;overflow:hidden;}
.main_hashtag_cont.bxmillion .bx-viewport{ height:337px !important; max-width:1200px;}
@media all and (max-width:1230px) and (min-width:1000px){
	.million_inner{width:97%;}
	.million .bx-wrapper{width:95%;}
}
@media all and (max-width:999px){
	.million_inner{width:97%;}
	.million .bx-wrapper{width:93%;}
}
/* 편성&이벤트 */
#container_btm_schedule_event .schedule_event .list_last{background:#fafafa;}
#container #container_btm_schedule_event .schedule_event .list_last{height:40px;}
.schedule_event_box{max-width:1200px; margin:0 auto; }
#container_btm_schedule_event .schedule_event_box .me_menu_title{margin-bottom:40px;}
/* BL */
.bl_box{max-width:1200px; margin:0 auto; }
.main_bl_cont{width: 100%; max-width:1200px;  float: left; margin:30px auto 20px; position:relative; height:100%;}
.bl_cont_list{width:100%; overflow:hidden; }
.bl_cont_list li{float:left; width:34%; max-width:386px; height:445px;	 text-align:center; position:relative;}
.bl_cont_list>li>a{display:block; width:100%; height:100%; background-size: auto 100%; border-radius:5px; overflow:hidden;}
.main_bl_cont .bl_cont_list li a img{width:140%; margin:0 -20%; position:relative;cursor:pointer;}
.bl_cont_list>li>a .black_bg{display:block; width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/best_black_bg.png) !important; position:absolute; top:0; left:0;	border-radius:10px;}
.bl_cont_list>li>a:hover .black_bg{display:none; }
.bl_cont_list li p{display:block; width:100%;position:absolute; left:0; bottom:0; height:31%; cursor:pointer;background:url(https://cdn.metoon.co.kr/img/gr_back.png); color:#e9e9ea; font-size:0.9em; text-align:left; padding:20px 0 0; border-radius: 0 0 5px 5px; z-index:10;}
.bl_cont_list li p span{display:block; width:95% ;margin:13px 13px 0; line-height: 1.6; font-size:1.1em; cursor:pointer;}
.bl_cont_list li p span br{display:none;}
.bl_cont_list li p .genre_title{display:inline; color:#F05584; border:1px solid #F05584; padding:2px 10px 2px; border-radius:9px; font-size:1em; }
.bl_cont_list li p .title{font-weight:bold; font-size:2em; color:#fff;}
#bl_Me .main_bl_cont .bx-wrapper{max-width:1200px;}
.main_bl_cont .bx-viewport{height:100% !important; max-width:1200px;}
/* 편성 */
.schedule_event_box .schedule_box{float:left; width: 60%; max-width:768px;}
.schedule_cont{width:100%; margin: 0 auto 5px; border:1px solid #dbdbdb;border-radius:8px; float:left;}
.schedule_list{ float:left; left:12%; width:100%;}
.schedule_list>li{width:100%; float:left; position:relative;}
.schedule_list .sch_day_box .sch_day{display:block; width:100%; font-weight:bold; font-size:1.2em; color:#747796; border-radius: 10px 10px 0 0;height:35px; border-bottom:1px solid #dbdbdb; background:#fafafa; text-align:center; line-height:32px;}
.schedule_list>li .right{float:left; position: absolute;  width:8%; left:0;  top:0; bottom:0; margin: auto;}
.schedule_list>li .left{float:left;position: absolute;  width:8%; right:0; top:0; bottom:0; margin: auto;}
.schedule_list>li>div img{position:absolute; top:5%; bottom:0; right:0; left:0; margin:auto;}
.schedule_list>li>ul{width:84%; margin:2% auto; overflow:hidden;}
.schedule_list>li>ul li{background:#fff; border:1px solid #ebebeb; border-radius:7px; text-align:center; box-sizing: border-box; width:48%;float:left; margin:5px;}
.schedule_list>li>ul .margin_R_none{margin-right:0;}
.schedule_list>li>ul li>div{position: relative;overflow: hidden;    padding-bottom:46px;}
.schedule_list>li>ul li img{border-radius:5px 5px 0 0; width:100%; cursor:pointer;}
.schedule_list>li>ul li .patch_box{position:absolute; top:0px; right:5px;}
.schedule_list>li>ul li .patch_box img{border-radius:0; width:39px; display:inline-block; vertical-align: top;}
.schedule_list>li>ul li .txt_box{position: absolute;width:100%;  bottom: 0; background:#fff; border-radius:0 0 10px 10px ;}
.schedule_list>li>ul li p{color:#747474;width:100%; cursor:pointer;font-size:1em; font-weight:normal; margin:5px auto; line-height:1.8; background:url(https://cdn.metoon.co.kr/img/day_bg_right.png) no-repeat 97% 10%; letter-spacing: -0.03em;}
.schedule_list>li>ul li p span{display:block;}
.schedule_list>li>ul li p .lines{padding:0 25px; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; font-size:1.1em; font-weight:bold;color:#2c2c2c; background:url(https://cdn.metoon.co.kr/img/day_bg_left.png) no-repeat 3% 10%; cursor:pointer;}
#schedule_event_Me .schedule_box .me_menu_title {margin-bottom: 40px;}
#schedule_event_Me .event_box .me_menu_title {margin-bottom: 40px;}
.schedule_event_box .event_box .banner_coupon {margin-top: 10px;}
#container_btm_schedule_event .schedule_box .list_last a{padding:9px 0;}
#container .sch_day_cont .day_cont ul li{background:#fff; border:1px solid #ebebeb; border-radius:7px; text-align:center; width:31.7%; float:left; margin:1% 2% 1% 0; box-sizing:border-box;}
#container .sch_day_cont .day_cont ul .right_none{margin-right:0;}
#container .sch_day_cont .day_cont ul li .img_box{border-radius:5px;max-width:360px; width:100%; position:relative;     margin: 0 auto;}
#container .sch_day_cont .day_cont ul li img{display:block; width:100%;}
#container .sch_day_cont .day_cont ul li .novel_img{position:absolute; top:0; right:0; left:0; bottom:0;}
#container .sch_day_cont .day_cont ul li .patch_box{position:absolute; top:10px; right:15px;}
#container .sch_day_cont .day_cont ul li .patch_box img{border-radius:0; width:39px; display:inline-block; vertical-align: top;}
#container .sch_day_cont .day_cont ul li a{display:block; padding:10px; position:relative;}
#container .sch_day_cont .day_cont ul li p {color:#747474; font-size:1.1em; font-weight:normal; margin:20px auto 12px; line-height:1.8;background:url(https://cdn.metoon.co.kr/img/day_bg_left.png) no-repeat 0 10%; letter-spacing: -0.03em;}
#container .sch_day_cont .day_cont ul li p span{display:block; cursor:pointer;}
#container .sch_day_cont .day_cont ul li p .lines{font-size:1.2em; font-weight:bold; color:#2c2c2c; background:url(https://cdn.metoon.co.kr/img/day_bg_left.png) no-repeat 0% 10%;display:block; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#container .day_cont ul li p .title{margin-top:8px;}
/* service_page */
#container .service_center_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left;  font-weight:bold; padding-bottom:50px;}
#container #service_center_container{width:100%; float:left; min-height: 710px;}
#service_center_container .title_box{width:100%; float:left;}
#service_center_container .title_box ul{width:100%; float:left; border-radius:5px; overflow: hidden;}
#service_center_container .title_box ul li{background:#404040; float:left; width:33.3%;}
#service_center_container .title_box ul li a{text-align:center; color:#fff; font-size:1.3em; font-weight:bold; display:block; border-right:1px solid #787f86;padding:12px 0;}
#service_center_container .title_box ul .on{background:#e84d7d; border:none;}
#service_center_container .title_box ul .line_non{border:none;}
#service_center_container .list_box{width:100%; float:left; margin-top:25px;border-top: 2px solid #676767;}
#service_center_container .list_box ul:not(.cfn_list){width:100%; float:left; overflow: hidden;}
#service_center_container .service_center_pager{border:none; background:none; width:100%; height:70px; float:left;
position:relative;text-align:center; margin-top:40px;}
#service_center_container .service_center_pager a{ line-height: 1.5; text-align: center; margin: 0 8px; font-size:1.2em;  color:#676767;}
#service_center_container .service_center_pager>a{vertical-align: top; display: inline-block;font-weight:bold; background:#fff; border:1px solid #dcdcdc; font-size: 1em; padding: 3px 8px; line-height: 1.2; text-align: center;}
#service_center_container .service_center_pager .on{color:#272727;}
#service_center_container .service_center_pager>ul{display: inline-block;}
#service_center_container .service_center_pager>ul li{float:left;}
#service_center_container .serv_list_box{width:100%; float:left; display:block;}
#service_center_container #often_q_list_box{display:block;}
/* notice */
#service_center_container #notice_list_box .list_box ul li{float:left; width:72%; max-width:890px; padding:5px 0; cursor:pointer;}
#service_center_container #notice_list_box .list_box .list_data > li:first-child .li_sm_title, #service_center_container #notice_list_box .list_box .list_data > li:nth-child(2) .li_sm_title, #service_center_container #notice_list_box .list_box .list_data > li:nth-child(3) .li_sm_title{color:#d32b2b;}
#service_center_container #notice_list_box .list_box .cfn_list li{float:none; width:auto; max-width:auto; padding:0 0 0 8px; cursor:auto;}
#service_center_container #notice_list_box .list_box ul .li_sm{width:14%; max-width:146px; text-align:center;}
#service_center_container #notice_list_box .list_box .list_data>li{width:100%; max-width:1180px;}
#service_center_container #notice_list_box .list_box .list_title{ border-bottom:1px solid #676767;}
#service_center_container #notice_list_box .list_box .list_title li{font-size:1.2em; padding:10px 0;cursor: default;}
#service_center_container #notice_list_box .list_box .list_data>li a{padding-bottom:10px; display: block; width: 100%; float: left;color:#676767; border-bottom:1px solid #e0e0e0;}
#service_center_container #notice_list_box .list_box .list_data>li div.notice_txt{display:none; margin:1px auto; float:left;width: 100%; background:#eee; border-bottom:1px solid #e0e0e0; cursor: initial;}
#service_center_container #notice_list_box .list_box .list_data>li div.notice_txt .notice_txt_content{width:74%;max-width:890px; margin:50px auto 60px; color:#676767; line-height:2; font-size:1.1em; font-weight:normal;}
#service_center_container #notice_list_box .list_box .list_data>li div.notice_txt img{max-width:890px !important;}
#service_center_container #notice_list_box .list_box .list_data .notice_new{background:url(https://cdn.metoon.co.kr/img/icon_notice_new1.png) no-repeat center; width:15px; cursor:pointer;display:inline-block; text-indent:-99999999999em; overflow:hidden;vertical-align: bottom;margin-right:3px;}
/* often_q */
#service_center_container #often_q_list_box .often_q_search_box{width:100%; float:left; background:#eaeaea; border:1px solid #e5e5e5;margin-top:30px; padding:25px 0; position:relative; border-radius:5px;}
#service_center_container #often_q_list_box .often_q_search_box label{font-size:1.4em; font-weight:800; width:20%; max-width:232px;display:inline-block; text-align:right;color:#2c2c2c; vertical-align: middle; margin-top:-2px; padding-right: 10px;}
#service_center_container #often_q_list_box .often_q_search_box input{width:60%; max-width:700px;font-size:1.4em; padding:10px; line-height:1.3;height: 47px; margin-left:8px;border:1px solid #e0e0e0; border-radius:5px;}
#service_center_container #often_q_list_box .often_q_search_box div{width:20%; max-width:239px; display:inline-block;position:absolute; top: 15%; bottom: 15%; right:0;margin:auto;	height:47px;}
#service_center_container #often_q_list_box .often_q_search_box a{color:#fff; background:#e84d7d; font-size:1.2em; font-weight:normal; padding:15px 15px 14px;display:block; width:45%; border-radius:5px; text-align:center;}
#service_center_container #often_q_list_box .list_tab_box{width:100%; float:left; margin:10px 0;}
#service_center_container #often_q_list_box .list_tab_box ul{overflow:hidden; border:1px solid #e1e1e1; background:#fff; border-radius:5px; }
#service_center_container #often_q_list_box .list_tab_box ul li{float:left; width:33.3%; max-width:399px;}
#service_center_container #often_q_list_box .list_tab_box ul li a{color:#747474; font-size:1.1em; width:100%; display:block; text-align:center; padding:10px 0; border-right:1px solid #e1e1e1;}
#service_center_container #often_q_list_box .list_tab_box ul .on a{color:#d52b2c;}/* white버전 */
#service_center_container #often_q_list_box .list_tab_box ul .border_non a{border:none;}
#service_center_container #often_q_list_box #q_join_data{display:block;}
#service_center_container #often_q_list_box .list_data{display:none; border-top:1px solid #d9d9d9;float:left; width:100%;}
#service_center_container #often_q_list_box .list_data li>a{padding:8px 0; display: block; width: 100%; float: left; color:#676767; border-bottom:1px solid #e0e0e0; font-size:1.1em;}
#service_center_container #often_q_list_box .list_data li>a p{background:url(https://cdn.metoon.co.kr/img/icon_often_p1.png) no-repeat 20px 5px;padding:5px 0 5px 50px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; margin:0;}/* white버전 */
#service_center_container #often_q_list_box .list_data li:first-child > a p, #service_center_container #often_q_list_box .list_data li:nth-child(2) > a p, #service_center_container #often_q_list_box .list_data li:nth-child(3) > a p{color:#d32b2b;}
#service_center_container #often_q_list_box .list_data .q_txt{display:none; padding:30px 0; color:#676767; line-height:1.7; font-size:1.1em; margin:1px auto; float:left;width: 100%; background:#eee; border-bottom:1px solid #e0e0e0; font-weight:normal;}
#service_center_container #often_q_list_box .list_data .q_txt p{width:95%; white-space: pre-wrap; background:url(https://cdn.metoon.co.kr/img/icon_often_a.png) no-repeat 20px 5px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding:0 0 10px 50px;}
/* 2017-11-07 손지수 추가 */
#service_center_container #often_q_list_box .list_data .q_txt div{width:95%; white-space: pre-wrap; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding:0 0 10px 50px;}
#service_center_container #often_q_list_box .list_data .q_txt div:nth-child(2){background:url(https://cdn.metoon.co.kr/img/icon_often_a.png) no-repeat 20px 5px; }
#service_center_container #often_q_list_box .list_data .q_txt a{color:#676767; cursor: default;}
/* ask */
#service_center_container #ask_list_box .list_box ul li{float:left; width:60%; max-width:715px; padding:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
#service_center_container #ask_list_box .list_box ul .li_sm{width:12%; max-width:130px; text-align:center;}
#service_center_container #ask_list_box .list_box ul .li_xsm{width:8%; max-width:80px; text-align:center;}
#service_center_container #ask_list_box .list_box .list_data>li{width:100%; max-width:1200px;}
#service_center_container #ask_list_box .list_box .list_title{border-bottom:1px solid #676767;}
#service_center_container #ask_list_box .list_box .list_title li{font-size:1.2em; padding:10px 0; cursor: default;}
#service_center_container #ask_list_box .list_box .ask_ok{color:#e84d7d;}
#service_center_container #ask_list_box .list_box .list_data>li div{display: block; width: 100%; float: left;color:#676767;  position:relative;}
#service_center_container #ask_list_box .list_box .list_data>li a{display:block; width:100%; height:100%;}
#service_center_container #ask_list_box .list_box .list_data>li ul{padding-bottom:10px; display: block; width: 100%; float: left;color:#676767; border-bottom:1px solid #e0e0e0; }
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt{display:none; margin:1px auto; float:left;width: 100%; background:#eee; border-bottom:1px solid #e0e0e0;}
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt div{width:100%; margin:0 auto; padding:30px 0; color:#676767; line-height:1.7; font-size:1.1em; font-weight:normal;}
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt .question{ border-bottom:1px solid #f5f5f5; cursor:initial;}
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt .answer{ border-top:1px solid #e2e2e2; cursor:initial;}
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt div p{width:62%; margin:0 auto; padding-left:30px; white-space: pre-wrap;}
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt .question p{background:url(https://cdn.metoon.co.kr/img/icon_ask_Q.png) no-repeat 0 5px;}
#service_center_container #ask_list_box .list_box .list_data>li .qna_txt .answer p{background:url(https://cdn.metoon.co.kr/img/icon_ask_A1.png) no-repeat 0 5px;}/* white버전 */
#service_center_container #ask_list_box .list_box .list_data .notice_new{background:url(https://cdn.metoon.co.kr/img/icon_notice_new.png) no-repeat center; width:15px;display:inline-block; text-indent:-99999999999em; overflow:hidden;vertical-align: bottom;margin-right:3px;}
#service_center_container #ask_list_box .list_box ul .del_btn{padding:0;}
.del_btn a{display:block; width:100%; padding:5px 0;}
#service_center_container #ask_list_box .service_center_pager>a{margin-top:3px;}
#service_center_container #ask_list_box .service_center_pager ul{margin-top:3px;}
#service_center_container .service_center_pager #ask_btn{float:right;}
#service_center_container .service_center_pager #ask_btn a{color:#fff; padding:10px 20px; font-size:1.1em; background:#e84d7d; border-radius:5px;}
#service_center_container .service_center_pager .m_left_85{margin-left:85px;}
/* 질문작성 */
#service_center_container #ask_write_box{width:100%; float:left;display:none;}
#service_center_container #ask_write_box span{display: inline-block;}
#service_center_container #ask_write_box form>div{width:100%; border-bottom:1px solid #d6d6d6; float:left; position:relative;}
#service_center_container #ask_write_box .write_title_box{display:block; padding:15px 0;width:30%; background:#eaeaea; float: left; font-size:1.1em;cursor: inherit; }
#service_center_container #ask_write_box .write_title_box span{background:url(https://cdn.metoon.co.kr/img/icon_ask_title_dot1.png) no-repeat 0 center; padding-left:15px; margin:0 auto; display:block; width:85%;}/* white버전 */
#service_center_container #ask_write_box .write_content_box .write_title_box{ padding:100px 0 105px;cursor: inherit;}
#service_center_container #ask_write_box input{font-size:1.2em; font-weight:normal; border:1px solid #e1e1e1;border-radius:3px; color:#676767; cursor:text;padding:5px 10px; position:absolute; top:15%; bottom:15%; right:0; left:30%; margin:auto; width:67%; max-width:803px;}
#service_center_container #ask_write_box textarea{padding:10px 10px; position:absolute; top:15%; bottom:15%; right:0; left:30%; margin:auto; width:67%;max-width:803px; font-weight:normal; border:1px solid #e1e1e1;border-radius:3px; color:#676767; height:200px; resize:none;}
#service_center_container #ask_write_box .select_box{position:relative; width:70%; float:right; height:46px;}
#service_center_container #ask_write_box .select_box label{ border:1px solid #e1e1e1;border-radius:3px; text-align:left; padding:5px 25px 5px 10px; margin:0;font-size:1.1em; width:95%; max-width:200px; position:absolute; left:20px; top:20%; bottom:20%; margin:auto; background:url(https://cdn.metoon.co.kr/img/icon_select_arrow.png) no-repeat 98% center, #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; color:#676767;}
#service_center_container #ask_write_box #ask_select{width:95%; max-width:236px; border:1px solid #e1e1e1; padding:5px; font-size:1.1em;letter-spacing: -0.08em; color:#676767;  font-weight:normal;  position:absolute; left:20px; top:20%; bottom:20%; margin:auto; opacity:0;}
#service_center_container #ask_write_box .write_btn{border:none; background:none; width:100%; height:70px; float:left; position:relative;text-align:center; margin-top:30px;}
#service_center_container #ask_write_box .write_btn a{ line-height: 1.3; text-align: center; display:inline-block; width:12%; padding:12px 0; margin: 0 8px; font-size:1.2em;  color:#fff;border-radius:5px;}
#service_center_container #ask_write_box .write_btn .write_submit_btn{background:#e84d7d; }
#service_center_container #ask_write_box .write_btn .write_cancel_btn{background:#56606b; }
/* ask end */
/* 컨테이너 coupon_page_wrap */
#container .coupon_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:28px;}
#container .coupon_box{width:100%; 	position:relative;}
#container .coupon_box img{width:100%; display:block;}
#container .coupon_box .coupon_form_box{ width:100%; position:relative;}
#container .coupon_box .coupon_form_box>div{width:100%; position:absolute; top:35px; bottom:0; left:0; right:0; width:70%; margin:auto;}
#container .coupon_box .coupon_form_box>div>div{overflow:hidden; position:relative; }
#container .coupon_box .coupon_form_box form{width:73%; float: left;}
#container .coupon_box .coupon_form_box form div{width:48%; margin:0 1%;  border:3px solid #56606b; border-radius:5px; margin-bottom:10px; float:left; }
#container .coupon_box .coupon_form_box form div label{color:#fff; font-weight:bold; font-size:1.2em; background:#56606b; padding:12px 1%; width:15%; display: block; float:left; text-align:center;}
#container .coupon_box .coupon_form_box form div input{width:83%; height:100%; font-size:1.2em; line-height:1.6; padding:12px 5px; border:none; float:left;margin: 0;}
#container .coupon_box .coupon_form_box form input{width:98%;  border:3px solid #56606b; border-radius:5px; height:100%; font-size:1.4em; line-height:1.6; padding:15px; margin-left:1%;}
#container .coupon_box .coupon_form_box .coupon_form_btn{width:25%; overflow:hidden; position:absolute; top:0; bottom:0; margin:auto; right:0; float:right; border-radius:5px;}
#container .coupon_box .coupon_form_box a{display:block;width:100%; text-align:center;height:100%; font-size:1.4em; background:#56606b; color:#fff; font-weight:bold; }
#container .coupon_box .coupon_form_box a span{width:100%; height:20px; position:absolute; top:0; bottom:10%; margin:auto; padding-top:30px; left:0;background:url(https://cdn.metoon.co.kr/img/icon_check_coupon.png) no-repeat center 0;}
#container .coupon_box .coupon_form_box p{width:44%; max-width:528px; color:#676767; font-size:1.1em; font-weight:bold;display:inline-block; float:left; margin-top:20px;}
#container .coupon_box .coupon_form_box .txtA_r{text-align:right; margin-right:20px;}
#container .coupon_box .coupon_form_box .txtA_l{text-align:left; }
#container .coupon_box .coupon_form_box p span{background:#676767; color:#fff; padding:2px 3px; border-radius:5px; margin-right:5px; width:25%; max-width:70px;display:inline-block; text-align:center;}
#container .coupon_note{width:100%; float:left; margin:30px auto 40px;}
#container .coupon_note p{width:15%; display:block; float:left; background:url(https://cdn.metoon.co.kr/img/icon_coupon_arrow.png) no-repeat 10px center; font-size:1.1em; font-weight:bold; text-indent:20px; padding:5px 0;}
#container .coupon_note ul{float:right; width:85%;}
#container .coupon_note ul li{background:url(https://cdn.metoon.co.kr/img/icon_coin_dot.png) no-repeat 0 center; text-indent:15px; padding:5px 0;}
#container .coupon_box .coupon_form_box .coupon_checkbox{font-size: 1.1em; width: 98%; margin: 10px auto 0;position: relative;}
#container .coupon_box .coupon_form_box .coupon_checkbox input{position: absolute; top: 0; bottom: 0; margin: auto; left:0;}
#container .coupon_box .coupon_form_box .coupon_checkbox label{padding-left:15px;}
/* service_page */
#layer_body{width:100%; height:100%; position:fixed;z-index:9999999;z-index:10000001; display:none;}
#layer_body .layer_wrap{width:100%; height:100%; position:relative;}
#layer_body .layer_box{position:relative;}
#layer_body .layer_box .back_btn{display:block; position:absolute; top:-30px; right:5px; width:25px; height:25px; background:url(https://cdn.metoon.co.kr/img/log_pop_X.png) no-repeat;}
#layer_body .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
#layer_body .layer_box h3{text-align:center;  font-size:2.3em; font-weight:800; color:#2c2c2c; padding-top:85px;}
#layer_body .layer_cont{width:100%; }
#layer_body .layer_cont form{display: block; margin: 10px auto 0; text-align: center;}
#layer_body .layer_cont form input{margin-right:5px;}
#layer_body .layer_cont p{width:100%; text-align:center; font-size:1.2em; color:#676767; padding-top:25px; line-height:1.3;}
#layer_body .layer_cont .txt_1line{padding-top:18px;}
#layer_body .layer_cont span{color:#e84d7d;}
#layer_body .layer_btn{width:100%;position: relative; margin-top:15px; text-align: center;}
#layer_body .layer_btn a{display:inline-block; text-align:center; min-width:120px; padding:10px 15px; font-size:1.3em; color:#fff; font-weight:bold;	border-radius:5px;  text-shadow:none;}
#layer_body .layer_btn .ok{background:#e84d7d; margin-right:13px; margin-top:5px;}
#layer_body .layer_btn .coin{background:#e84d7d; margin-right:13px;}
#layer_body .layer_btn .cancle{background:#56606b;}
#layer_body .layer_coin_useup{width:380px; min-height:260px; background:url(https://cdn.metoon.co.kr/img/bg_layer_black.png) no-repeat; position:absolute; top:15%; left:0; right:0; margin:auto;z-index:999; background-size:100%;}
#layer_body .layer_coin_lack .layer_coin_useup{margin-top: 30px;}
#layer_body .layer_coin_lack{width:95%; max-width:380px; min-height:260px; background:url(https://cdn.metoon.co.kr/img/bg_layer_black.png) no-repeat; position:absolute; top:15%; left:0; right:0; margin:auto;z-index:999; background-size:100%;}
#layer_body .layer_coin_lack .layer_btn{margin-top: 15px;}
#layer_body .layer_coin_lack .layer_cont  .txt_1line{padding-top:12px;}
#layer_body .layer_coin_nobel{width:95%; max-width:380px; background:#fff; position:absolute; top:15%; left:0; right:0; margin:auto;z-index:999; border-radius:5px; overflow:hidden;}
#layer_body .layer_coin_nobel h3{background:#56606b; font-size:1.3em; color:#fff; padding:18px 0; text-shadow:none;}
#layer_body .layer_coin_nobel .layer_cont p{font-size:1.05em; line-height:1.6; letter-spacing:-0.09em; padding-top:20px;}
#layer_body .layer_coin_nobel .layer_btn{bottom:15px;}
/* 닉네임 입력 팝업 */
#nickname_check_pop{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999;}
#nickname_check_pop .nickname_check_box{width:100%; height:100%; position:relative;}
#nickname_check_pop .nickname_check_box .container_box{width:435px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;height:185px; background:#fff; border-radius:5px;}
#nickname_check_pop .nickname_check_box .container_box>div{ position:relative; width: 100%; height: 100%;}
#nickname_check_pop .nickname_check_box .container_box .back_btn{display:block; position:absolute; top:-30px; right:5px; width:25px; height:25px;background:url(https://cdn.metoon.co.kr/img/log_pop_X.png) no-repeat; z-index:999;}
#nickname_check_pop .nickname_check_box .cont{width:90%; margin:35px auto 0; display:block; overflow:hidden;}
#nickname_check_pop .nickname_check_box .cont div{float:left;}
#nickname_check_pop .nickname_check_box .cont label{padding:0 13px; background:url(https://cdn.metoon.co.kr/img/icon_ask_title_dot1.png) no-repeat 0 center; font-weight:bold; font-size:1.2em;vertical-align: middle; cursor:default;}
#nickname_check_pop .nickname_check_box .cont input{height:40px; border:1px solid #e1e1e1; border-radius:5px; margin:0px 0; cursor:text;padding: 10px 5px;}
#nickname_check_pop .title{border-radius:5px 5px 0 0; font-size:1.4em; font-weight:bold; color:#424242; padding:16px 0 18px; text-align:center; display:block; margin:0px auto; color:#fff; background:#404040;}
#nickname_check_pop .nickname_check_box .cont .btn_ok{float:right; text-align:center;}
#nickname_check_pop .nickname_check_box .cont .btn_ok a{display:inline-block; background:#e84e7e; max-width:125px; padding:11px 50px 10px; color:#fff; font-weight:bold; font-size:1.2em;border-radius:5px;}
#nickname_check_pop .nickname_check_box .nick_alert{width:75%;text-align:center; margin-top:5px; color:#676767;}
#nickname_check_pop .nickname_check_box .nick_alert span{vertical-align: middle;}
#nickname_check_pop .nickname_check_box .pop_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
/* 이벤트 */
.schedule_event_box .event_box{float:right; width: 40%; max-width: 460px; }
.event_cont{margin: 30px auto 10px; max-height:600px;}
.event_cont .main_event_list{max-height:400px; height:100%;}
.event_cont .main_event_list li {float:left;}
.event_cont .main_event_list li a{display:block;width:100%; max-width:460px; height:100%; max-height:400px;}
.event_cont .main_event_list li a img{display:block; width:100%; max-width:460px;  max-height:400px;cursor: pointer;}
#event_dailly1 {width:100%; display:block;}
#container_bottom .event_box .list_last{margin-top:20px;}
#container_bottom .event_box .list_last a{padding:11px 0;}
#container_bottom .event_box .banner_coupon{margin-top:10px;}
#container_bottom .event_box .banner_coupon a{display:block; width:100%;}
#container_bottom .event_box .banner_coupon img{width:100%; cursor:pointer;}
/* 인기남주 */
#container_bottom .popul{width:100%; padding:40px 0;background:#404040; float:left;}
#container_bottom .popul .popul_box{max-width:1200px; margin:0 auto;}
.popul_title_text{color:#fff; text-align:center; line-height:1.8; font-size:1.3em; margin-bottom: 40px;}
.popul_title_text .me_menu_title{font-weight:bold; font-size:1.3em; display:block;}
/* 인기남주 list */
.popul_list{width:90%; max-width:1200px; margin:0 auto; position:relative;}
.popul_list:after{clear:both; display:block; content:"";}
.popul_list ul{width:100%; float:left;}
.popul_list .popul_list_con li{float:left; width: 31.3%; max-width: 338px; position:relative; margin:0 1%;}
.popul_list .popul_list_con li a{display:block; width:100%; max-width:338px; height:320px;}
.popul_list .popul_list_con li a p{display:none;}
.popul_list .popul_list_con .on a p{display:block; width:100%; text-align:center; color:#fff; position:absolute;bottom: 15px;}
.popul_list .popul_list_con .on a .name{display:block; font-size:1.4em; font-weight:bold;}
.popul_list .popul_btn li{position:absolute; top:30%; bottom:30%;}
.popul_list .popul_btn .btn_left{left:-8%;}
.popul_list .popul_btn .btn_right{right:-8%;}
.popul_list .popul_btn li a{display:block;}
/* 서브페이지 컨테이너 공통 */
#container .sub_page_cont{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:125px; padding-bottom:30px; min-height:80vh;}
#container .sub_page_cont_cmt{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:125px; padding-bottom:30px;}
#container .sub_page_cont:after{clear:both; display:block; content:"";}
/* 2017.08.21 손지수 event_slide */
.event_slide{ display:none; text-align:left;padding:20px 150px;border:3px solid #d32b2b ;margin-bottom:20px;overflow:hidden;border-radius:10px;font-size:30px;color:#000;background-color:#fff ;font-weight:normal;}
.event_slide > div {float:left;}
.event_slide p.event_s{font-size:26px;margin-top:10px;}
.event_slide p.go{float:right;margin-top:25px;}
.event_slide p.go a{color:#fff;font-weight:bold;padding:20px 40px;background-color:#d32b2b;font-size:20px;border-radius:10px;}
.event_slide span{color:#d32b2b;font-weight:bold;font-size:32px;}
.event_slide p.event_end{position:absolute;top:30px;right:10px;}
.event_slide p.event_end img{cursor:pointer;}
@media all and (max-width:1040px){
	.event_slide{padding:20px 10%;}
}
@media all and (max-width:920px){
	.event_slide{padding:20px 7%; font-size:25px;}
	.event_slide span{font-size:27px;}
	.event_slide p.event_s{font-size:22px;}
	.event_slide p.go{margin-top:20px;}
}
#container h4.sub_page_title{font-weight:bold; font-size:1.6em; margin:0 0 5px;}
#container h4.sub_page_title span{color:#F15584;}
#order_tab{float:left; border: 1px solid #ddd; border-radius: 5px; background: #fff; overflow: hidden; margin: 11px 0 5px;}
#order_tab li{float: left; width: 60px; text-align: center;}
#order_tab li:first-child{border-right: 1px solid #ddd;}
#order_tab li.ebook{border-left:1px solid #ddd;}
#order_tab li.all_content{border-left:1px solid #ddd;}
#order_tab a{font-size: 1.05em; padding: 6px; display: block; font-weight: bold; color: #9e9e9e;}
#order_tab a.on{background: #676767; color: #fff;}
/* 성별 탭 */
#gender_tab{float:left; position:relative; border-radius: 5px; overflow: hidden; margin: 11px 5px 5px; height: 30px; width: 34px; font-size: 12px;}
#gender_tab label{border:1px solid #ddd; border-radius: 5px; position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; z-index:-5; margin:auto; font-weight: normal; width:32px; padding:7px 0; color:#fff; text-align: center;}
#gender_tab label.man_tab{background:#fff; color:#4967ff;}
#gender_tab label.woman_tab{background:#fff; color:#f05583;}
#gender_tab label.all_gender_tab{background:#fff;color:#676767;}
#gender_tab label.check{opacity:1; z-index:5;}
#gender_tab input{position:absolute; top:0; left:0; z-index:-5; opacity:0;}
/* 성별 탭 */
/* 컨테이너 genre_page */
#container .genre_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .genre_menu{width:100%; max-width: 1200px; height: 40px; margin: 20px auto 0; background:#fff; border-radius:5px; overflow:hidden;}
#container .genre_menu ul{width:100%;height:100%; float:left; }
#container .genre_menu ul li{float:left; width:17%; max-width: 200px; height:100%; }
#container .genre_menu ul li a{display:block;  width:100%; max-width:200px; height:40px; background:#fff;padding: 0 10px 0 0px;line-height:37px; font-size:1.4em; color:#676767; font-weight:bold; text-align:center; border-right:1px solid #f2f2f2;}
#container .genre_menu ul .end{display:none;}
#container .genre_menu ul .today a{ background:#fff;}
#container .genre_menu ul .today span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_01.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_menu ul .romance a{ background:#fff;}
#container .genre_menu ul .romance span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_02.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_menu ul .fantasy a{ background:#fff;}
#container .genre_menu ul .fantasy span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_03.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_menu ul .mystery a{ background:#fff;}
#container .genre_menu ul .mystery span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_04.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_menu ul .fusion a{ background:#fff;}
#container .genre_menu ul .fusion span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_05.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_menu ul .drama a{ background:#fff;}
#container .genre_menu ul .drama span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_06.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_menu ul li a span{cursor:pointer;}
#container .genre_menu ul .line_none a{border:none;}
#container .genre_menu ul li .on{ height:40px; background:#F15584; color: #fff; line-height:37px;}
#container .genre_menu ul li a:hover{color:#F15584; }
#container .genre_menu ul li .on:hover{color:#fff; }
#container .genre_menu ul .today .on{ background:#F15584;}
#container .genre_menu ul .today .on span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_01_on.png) no-repeat 0 center;}
#container .genre_menu ul .romance .on{ background:#F15584;}
#container .genre_menu ul .romance .on span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_02_on.png) no-repeat 0 center;}
#container .genre_menu ul .fantasy .on{ background:#F15584;}
#container .genre_menu ul .fantasy .on span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_03_on.png) no-repeat 0 center;}
#container .genre_menu ul .mystery .on{ background:#F15584;}
#container .genre_menu ul .mystery .on span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_04_on.png) no-repeat 0 center;}
#container .genre_menu ul .fusion .on{ background:#F15584;}
#container .genre_menu ul .fusion .on span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_05_on.png) no-repeat 0 center;}
#container .genre_menu ul .drama .on{ background:#F15584;}
#container .genre_menu ul .drama .on span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_06_on.png) no-repeat 0 center; padding-left: 35px;}
#container .genre_form_box{width:100%;}
#container .genre_form_box .genre_form{width:100%; padding:1.5% 0 1.5%; text-align:right; font-size:1.1em; }
#container .genre_form_box .genre_form input{margin:0 3px 0 2%; cursor:pointer; margin-right:-28px;}
#container .genre_form_box .genre_form .chkselect{color:#F15584;}
#container .genre_form_box .genre_form label{color:#838383; padding-left:30px;}
#container .genre_cont{width:100%; float:left;}
#container .genre_cont ul{width:100%; float:left;}
#container .genre_cont ul li{background:#fff; border:1px solid #ebebeb; border-radius:7px; text-align:center; width:31.8%; float:left; margin:1% 2% 1% 0;}
#container .genre_cont ul .right_none{margin-right:0;}
#container .genre_cont ul li img{border-radius:5px; display:block; width:100%; cursor:pointer;}
#container .genre_cont ul li a{display:block; padding:10px; position:relative; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;  }
#container .genre_cont ul li a .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .genre_cont ul li a .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .genre_cont ul li a:hover .title{color:#f74a7d; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .genre_cont ul li p {color:#747474; font-size:1.1em; font-weight:normal; margin:1% auto; line-height:1.8; min-height:88px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;position:relative; cursor:pointer;}
#container .genre_cont ul li p br{display:none; }
#container .genre_cont ul li p span{display:block; cursor:pointer;}
#container .genre_cont ul li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c; margin-top:10px;}
#container .genre_cont ul li p .writer{margin-top:8px; position:absolute; bottom:0; left:0; right:0; margin:0;}
#container .genre_cont .img_box{width:100%; max-height:210px; overflow:hidden; border-radius:7px;}
/* 컨테이너 today_me_page */
#container .today_me_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
/* 오늘 메뉴 */
#container .sub_page_cont .today_me_menu{width:100%; max-width: 1200px; float:left; margin: 0 auto; padding-top:20px;}
#container .sub_page_cont .today_me_menu ul{width:100%; border-radius:5px; overflow:hidden;}
#container .sub_page_cont .today_me_menu ul li{float:left; width:12.5%;max-width: 150px;}
#container .sub_page_cont .today_me_menu .today_me_menu1 li{float:left; width:11.11%;max-width: 150px; box-sizing:border-box; border-right:1px solid #f5f5f5;}
#container .sub_page_cont .today_me_menu ul li a{display:block;  width:100%; max-width:150px; height:40px; box-sizing:border-box; background:#fff; line-height:36px; font-size:18px; color:#676767; font-weight:bold; text-align:center; border:2px solid #fff; position:relative; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
#container #container_top .today_me_menu{border-bottom:2px solid #676767;}
#container #container_top .today_me_menu ul li a{background:transparent;}
#container_top .today_me_menu ul li a .today{color:#d32b2b;}
#container_top .today_me_menu ul li a .check_color{border:1px solid #d32b2b; color:#d32b2b;}
#container #container_top .today_me_menu ul li .on{border-bottom:3px solid #676767; height:37px; background:#676767; color: #fff; line-height:40px;}
#container .sub_page_cont .today_me_menu ul li .on{color:#c50000; border:2px solid #c50000; line-height:36px;}/* white버전 */
#container .today_me_menu ul li a span{cursor:pointer;}
#container .sub_page_cont .today_me_menu ul li .on .check_color{color:#c50000; border:1px solid #c50000;}/* white버전 */
#container .today_me_menu ul li a .check{font-size:0.5em; padding:0 5px;vertical-align:middle; border:1px solid #fff;color: #fff;margin-left: 5px;}
#container .sub_page_cont .today_me_menu ul li a .check_color{font-size:0.5em; padding:0 5px;vertical-align:middle; border:1px solid #676767;color: #676767;margin-left: 5px;}/* white버전 */
#container #today_me_page .today_me_menu ul li a .today{color:#676767;}
#container #today_me_page .today_me_menu ul li .on .today{color:#c50000;}
#container .today_form_box{width:100%;}
#container .today_form_box .today_form{width:50%; padding:20px 0 5px; text-align:right; font-size:1.1em; float:right;}
#container .today_form_box .today_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px; position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .today_form_box .today_form .chkselect{color:#d32b2b;}/* white버전 */
#container .today_form_box .today_form label{color:#838383;padding-left: 30px; position:relative;}
#container .today_form_box .today_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
.today_form_box #request_btn{text-align: center; display: inline-block; width: 90px; margin: 1% 0; padding:5px 0; border-radius: 5px; font-weight: bold; background: #fff; float: left;}
/* 컨테이너 탑1 오늘 컨텐츠 */
#container .today_me_cont{width:100%;}
#container .today_me_cont .today_me_con{float:left; width: 100%; padding-top: 10px;}/* white버전 */
#container .today_me_cont .today_me_con li{float:left;width:32%;margin: 0 2% 2% 0; max-width: 384px; max-height:378px; position:relative;}
#container .today_me_cont .today_me_con li a{ display: block; width:100%;height:378px; position:relative; overflow:hidden;	border-radius:0; }
#container .today_me_cont .today_me_con li a.bm_con_img{width:100%; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .today_me_cont .today_me_con li img{width:100%; display: block; cursor:pointer;}
#container .today_me_cont .today_me_con li .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#container .today_me_cont .today_me_con li a .bmcon_img{transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease; -o-transition:transform 0.2s ease;}
#container .today_me_cont .today_me_con li a:hover .bmcon_img{-webkit-transform:scale(1.1);transform:scale(1.1);}
#container .today_me_cont .today_me_con li a.bm_con_img:hover .title{color:#d32b2b; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#container .today_me_cont .today_me_con li .best_txt{width:100%; display:block; text-align:center;  color:#2c2c2c; min-height:105px; cursor:pointer;font-size:1.1em; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);font-weight:normal;}
#container .today_me_cont .today_me_con li .best_txt .title{font-size:1.5em; font-weight:bold; padding-bottom:0;}
#container .today_me_cont .today_me_con li .best_txt span{display:block; width:77%; margin:5% auto 0;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom:25px; cursor:pointer;}
#container .today_me_cont .today_me_con li .best_txt br{display:none;}
#container .today_me_cont .today_me_con li .best_txt .content_tag_box{position:absolute; bottom:100%; right:5px; margin:0 0 5px; width:auto; padding-bottom:0; font-size:0;}
#container .today_me_cont .today_me_con li .best_txt .content_tag_box span{margin:0; padding-bottom:0; display:inline-block; width:22px; height:22px; line-height:22px; font-size:13px; font-weight:bold; color:#fff; text-align:center; border-radius:22px;}
#container .today_me_cont .today_me_con li .best_txt .content_tag_box .adult19_mark{background-color:#e70e1d;}
#container .today_me_cont .today_me_con li .best_txt .content_tag_box .completed_mark{background-color:#656565; margin-right:6px;}
#container .today_me_cont .today_me_con li .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 100%; margin-bottom:5px; right: 5px; z-index: 99;}
#container .today_me_cont .list_last{width:100%;  max-width:1200px; float:left;}
#container .today_me_cont .list_last a{max-width:1200px;  display:block; border:1px solid #d32b2b; color:#d32b2b; padding:1% 0; line-height:1.6em; background:#fff;}
#container .today_me_cont .list_last a p{width:100%; text-align:center; font-size:1.15em; font-weight:bold;}
#container .today_me_cont .today_me_con li .patch_box{display:block; position:absolute; z-index:10; top:20px; left:-2px;}
#container .today_me_cont .today_me_con li .patch_box>img{width:39px; display:inline-block; vertical-align: top;}
#container .today_me_cont .today_me_con li .patch_box .patch{ width:54px; display:inline-block; margin-left:5px;}
#container .today_me_cont .today_me_con li .patch_box .list_info_tag{display:block; width:39px; height:18px; line-height:18px; color:#fff; font-size:11px; font-weight:bold; border-radius:0 9px 9px 0; text-indent:5px; letter-spacing:0;}
#container .today_me_cont .today_me_con li .patch_box .list_new_tag{background-color:#46adf2;}
#container .today_me_cont .today_me_con li .patch_box .list_hot_tag{background-color:#fc5863;}
#container .today_me_cont .today_me_con li .patch_box .list_best_tag{background-color:#f471f4;}
#container .today_me_cont .today_me_con li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .today_me_cont .today_me_con li .end_nobel_main{width: auto; max-width:90px; max-height:90px; position:absolute; z-index:10; top:0px; left:1px;}
#container .today_me_cont .today_me_con li a #list19_blind{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; background:#fff; z-index:999;}
#container .today_me_cont .today_me_con li a #list19_blind>div{width:100%; height:100%; position:relative;}
#container .today_me_cont .today_me_con li a #list19_blind .list19_blind_mark{width:70%; max-width:220px; position:absolute; top:25px; right:0; left:0; margin:auto;}
#container .today_me_cont .today_me_con li a #list19_blind .best_txt{background:url(https://cdn.metoon.co.kr/img/list19_blind_back.png);}
/* 컨테이너 best_page */
#container .best_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .best_menu{width:100%; max-width: 1200px; height: 40px; margin: 20px auto 0; background:#fff; border-radius:5px; overflow:hidden;}
#container .best_menu ul{width:100%;height:100%; float:left; }
#container .best_menu ul li{float:left; width:50%; height:100%;  background:#fff;}
#container .best_menu ul li a{display:block;  width:100%; height:40px; background:#fff; font-weight:bold;line-height:37px; font-size:1.4em; color:#F15584; font-weight:bold; text-align:center;border-right:1px solid #f2f2f2;}
#container .best_menu ul .best_rank_menu a{ background:url(https://cdn.metoon.co.kr/img/best_rank_icon.png) no-repeat 45% center;}
#container .best_menu ul .best_rank_menu .on{ background:url(https://cdn.metoon.co.kr/img/best_rank_icon_on.png) no-repeat 45% center;}
#container .best_menu ul .best_me_menu a{ background:url(https://cdn.metoon.co.kr/img/best_me_icon.png) no-repeat 46% center;}
#container .best_menu ul .best_me_menu .on{ background:url(https://cdn.metoon.co.kr/img/best_me_icon_on.png) no-repeat 46% center;}
#container .best_menu ul li .on{color:#fff; background:#F15584;}
#container .best_menu ul .best_me_menu a span{text-align: center; margin-left: 10%; cursor:pointer;}
#container .best_cont{width:100%; float:left; margin-top:1%;}
#container .best_cont ul{width:100%; float:left;}
/* 인기 */
#container .best_cont .best_rank_cont>li{width:50%; float:left;}
#container .best_cont .best_rank_cont>li .br_con{float:left; width:100%;}
#container .best_cont .best_rank_cont>li .br_con li{float:left; width:49%; max-width: 282px; position:relative; margin-top:3.8%; height:300px;}
#container .best_cont .best_rank_cont>li .br_con .row_2{width:99%; max-width: 588px;}
#container .best_cont .best_rank_cont>li .br_con .column_2{float: right; height: 622px;}
#container .best_cont .best_rank_cont>li .best_rank_con1 li{ margin-right:4%;}
#container .best_cont .best_rank_cont>li .best_rank_con2 li{ margin-left:4%;}
#container .best_cont .best_rank_cont>li .best_rank_con1 .right_none{margin-right:0;}
#container .best_cont .best_rank_cont>li .best_rank_con2 .left_none{margin-left:2%;}
#container .best_cont .best_rank_cont>li .br_con li img{width:110%; }
#container .best_cont .best_rank_cont>li .br_con .column_2 img{height:100%;width: auto;}
#container .best_cont .best_rank_cont>li .br_con li a{display:block; width:100%; height:100%; overflow:hidden;border-radius: 8px;cursor:pointer;}
#container .best_cont .best_rank_cont>li .br_con li .rank_num{display:block; width:45px; height:58px; text-align:center;position:absolute; top:0px; left:-1px; color:#fff; font-weight:bold; font-size:2.0em; background:url(https://cdn.metoon.co.kr/img/rank_bg.png) no-repeat; line-height:1.6em;}
#container .best_cont .best_rank_cont>li .br_con li .rank_1{background:url(https://cdn.metoon.co.kr/img/rank_bg_01.png) no-repeat; }
#container .best_cont .best_rank_cont>li .br_con li .txt{display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;border-radius: 8px;background:url(https://cdn.metoon.co.kr/img/best_m_over.png) no-repeat center; background-size:100% 100%; color:#fff; cursor:pointer;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/best_m_over.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/best_m_over.png', sizingMethod='scale')";}
#container .best_cont .best_rank_cont>li .br_con .row_2 .txt{background:url(https://cdn.metoon.co.kr/img/best_m_over_row.png) no-repeat center; background-size:100% 100%;border-radius: 8px;}
#container .best_cont .best_rank_cont>li .br_con .column_2 .txt{background:url(https://cdn.metoon.co.kr/img/best_m_over_column.png) no-repeat center; background-size:100% 100%;border-radius: 8px;}
#container .best_cont .best_rank_cont>li .br_con li .txt p{display:block;  width:95%; position:absolute; top:35%; left:0; bottom:35%; right:0; margin:auto; height:100px;cursor:pointer;font-weight: normal;}
#container .best_cont .best_rank_cont>li .br_con .row_2 .txt p{top:31%;cursor:pointer;}
#container .best_cont .best_rank_cont>li .br_con .column_2 .txt p{top:41%;cursor:pointer; }
#container .best_cont .best_rank_cont>li .br_con li .txt .title{display:block; font-size:1.5em; line-height:2.5em;font-weight: bold;cursor:pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* ME친소설 */
#container .best_cont .best_me_cont{margin-top:1%;}
#container .best_cont .best_me_cont li{background:#fff; border-radius:9px; text-align:center; width:25%; float:left; margin:1% 2% 1% 0; max-width:282px;position:relative;}
#container .best_cont .best_me_cont .right_none{margin-right:0;}
#container .best_cont .best_me_cont li img{border-radius:5px; width:100%; cursor:pointer;}
#container .best_cont .best_me_cont li a{display:block;line-height:0;transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .best_cont .best_me_cont li a:hover .title{color:#f74a7d; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .best_cont .best_me_cont li p {color:#747474; font-size:1.0em; font-weight:normal; margin:1% auto 0; line-height:1.8; width:100%; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);padding:3% 0; max-height:74px;cursor:pointer;}
#container .best_cont .best_me_cont li p span{display:block; width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;cursor:pointer;}
#container .best_cont .best_me_cont li p span br{display:none; }
#container .best_cont .best_me_cont li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c;}
#container .best_cont .best_me_cont li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .best_cont .best_me_cont li .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
/* 컨테이너 popular_page */
/* 인기 */
#container .popular_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .popular_form_box{width:100%;}
#container .popular_form_box .popular_form{width:50%; padding:22px 0 3px; text-align:right; font-size:1.1em; float:right;}
#container .popular_form_box .popular_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px; position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .popular_form_box .popular_form .chkselect{color:#F15584;}
#container .popular_form_box .popular_form label{color:#838383;padding-left: 30px; position:relative;}
#container .popular_form_box .popular_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
.popular_form_box a{background: #fff; color: #676767; border: 1px solid #c6c6c6; margin-left: 5px;}
.popular_form_box a {font-weight: bold; box-sizing: border-box; float: left; text-align: center; display: inline-block; margin: 1% 1% 0; font-size: 1.1em; padding:5px 0 5px 5px; width: 15%; max-width: 120px; border-radius: 5px; display:none;}
.popular_form_box .buy_tag{display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(https://cdn.metoon.co.kr/img/buy_tag_img_white1.png) no-repeat center; background-size: 16px; vertical-align: text-top; margin-top: 0; margin-left: -5px;}
#container .popular_menu{width:100%; max-width: 1200px; margin: 0px auto 0; padding-top: 20px; overflow:hidden; }
#container .popular_menu ul{width:100%;height:100%; float:left; border-radius: 5px; overflow: hidden;}
#container .popular_menu ul li{float:left; width:25%; height:100%; background: #fff; box-sizing:border-box; border-right:1px solid #f5f5f5;}
#container .popular_menu ul li:last-child{border-right:none;}
#container .popular_menu ul li a{display:block; width:100%; height:100%; box-sizing:border-box; background:#fff; text-align:center; line-height:36px; border:2px solid #fff; font-size:18px; font-weight:bold; color:#676767; position:relative; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
#container .popular_menu ul li:first-child a{border-radius:5px 0 0 5px;}
#container .popular_menu ul li:last-child a{border-radius:0 5px 5px 0;}
#container .popular_menu ul li a.on{color:#c50000; border:2px solid #c50000;}
#container .popular_menu ul li span{cursor:pointer; text-align: center;  cursor:pointer; padding:1px 0;padding-left: 25px;}
#container .popular_menu ul li span:not(.all){padding-left:28px;}
#container .popular_menu ul a .all{ background:url(https://cdn.metoon.co.kr/img/all_gray.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul .on .all{ background:url(https://cdn.metoon.co.kr/img/all_red.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul li a .novel{background:url(https://cdn.metoon.co.kr/img/pop_webfiction_gray.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul .on .novel{background:url(https://cdn.metoon.co.kr/img/pop_webfiction_red.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul li a .webtoon{background:url(https://cdn.metoon.co.kr/img/pop_webtoon_gray.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul .on .webtoon{background:url(https://cdn.metoon.co.kr/img/pop_webtoon_red.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul li a .ebook{background:url(https://cdn.metoon.co.kr/img/pop_ebook_gray.png) no-repeat 0 center; background-size:20px;}
#container .popular_menu ul .on .ebook{background:url(https://cdn.metoon.co.kr/img/pop_ebook_red.png) no-repeat 0 center; background-size:20px;}
#container .genre_menu ul .line_none a{border:none;}
#container .popular_menu .adult_popular_tab li{float:left; width:10%; height:100%; }
#container .popular_cont{width:100%; float:left; margin-top:10px;}
#container .popular_cont ul{width:100%; float:left;}
#container .popular_cont .popular_list_cont>li{width:50%; float:left;}
#container .popular_cont .popular_list_cont>li .br_con{float:left; width:100%;}
#container .popular_cont .popular_list_cont>li .br_con li{float:left; width:49%; max-width: 282px; position:relative; margin-bottom:3.8%; height:300px;}
#container .popular_cont .popular_list_cont>li .br_con .row_2{width:99%; max-width: 588px;}
#container .popular_cont .popular_list_cont>li .br_con .column_2{float: right; height: 622px;}
#container .popular_cont .popular_list_cont>li .best_rank_con1 li{ margin-right:4%;}
#container .popular_cont .popular_list_cont>li .best_rank_con2 li{ margin-left:4%;}
#container .popular_cont .popular_list_cont>li .best_rank_con1 .right_none{margin-right:0;}
#container .popular_cont .popular_list_cont>li .best_rank_con2 .left_none{margin-left:2%;}
#container .popular_cont .popular_list_cont>li .br_con li img{width:100%; display:block; }
#container .popular_cont .popular_list_cont>li .br_con li .novel_img {width:110%;position: absolute; top: 0; left: 0; right: 0;}
#container .popular_cont .popular_list_cont>li .br_con .column_2 img{height:100%;width: auto;}
#container .popular_cont .popular_list_cont>li .br_con li a{display:block; width:100%; height:100%; overflow:hidden;border-radius: 8px;cursor:pointer;}
#container .popular_cont .popular_list_cont li a{position:relative;}
#container .popular_cont .popular_list_cont li a .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 5px; right: 5px; z-index: 99; cursor:pointer;}
#container .popular_cont .popular_other_list_cont li .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 100%; margin-bottom:5px; right: 5px; z-index: 99;}
#container .popular_cont .popular_other_list_cont li p span br{display:none; }
#container .popular_cont .popular_list_cont>li .br_con li .rank_num{display:block; width:45px; height:58px; text-align:center; position:absolute; top:0px; left:-1px; color:#fff; font-weight:bold; font-size:2.0em; background:url(https://cdn.metoon.co.kr/img/rank_bg.png) no-repeat; line-height:1.6em;}
#container .popular_cont .popular_list_cont>li .br_con li .rank_1{background:url(https://cdn.metoon.co.kr/img/rank_bg_red_01.png) no-repeat; }/* white버전 */
#container .popular_cont .popular_list_cont>li .br_con li .txt{display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;border-radius: 8px;background:url(https://cdn.metoon.co.kr/img/best_m_over.png) no-repeat center; background-size:100% 100%; color:#fff; cursor:pointer; opacity:.8; filter:alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/best_m_over.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/best_m_over.png', sizingMethod='scale')";}
#container .popular_cont .popular_list_cont>li .br_con .row_2 .txt{background:url(https://cdn.metoon.co.kr/img/best_m_over_row.png) no-repeat center; background-size:100% 100%;border-radius: 8px;}
#container .popular_cont .popular_list_cont>li .br_con .column_2 .txt{background:url(https://cdn.metoon.co.kr/img/best_m_over_column.png) no-repeat center; background-size:100% 100%;border-radius: 8px;}
#container .popular_cont .popular_list_cont>li .br_con li .txt span{cursor:pointer; width:100%;}
#container .popular_cont .popular_list_cont>li .br_con li .txt .title{display:block; font-size:1.5em; line-height:2.5em;font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor:pointer;}
#container .popular_cont .popular_other_list_cont{margin-top:-1%;}
#container .popular_cont .popular_other_list_cont li{background:#fff; border-radius:9px; text-align:center; width:24%; float:left; margin:0.5%;	position:relative; overflow:hidden;}
#container .popular_cont .popular_list_cont>li .br_con li .txt p{width: 95%; height: 100%; cursor: pointer; font-weight: normal; margin: auto;    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#container .popular_cont .popular_other_list_cont .right_none{margin-right:0;}
#container .popular_cont .popular_other_list_cont li img{border-radius:5px; width:100%; cursor:pointer; display:block;}
#container .popular_cont .popular_other_list_cont li .novel_img {width:100%;position: absolute; top: 0; left: 0; right: 0;}
#container .popular_cont .popular_other_list_cont li a{display:block;line-height:0;transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .popular_cont .popular_other_list_cont li a:hover .title{color:#d32b2b; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#container .popular_cont .popular_other_list_cont li .blurcover{width:40%; top:-20%; transition:1.5s; -webkit-transition:1.5s; -moz-transition:1.5s; -ms-transition:1.5s;}
#container .popular_cont .popular_other_list_cont li .blurcover_b{position:absolute; top:-20%; left:0; right:0; bottom:0; margin:auto; width:40%;}
#container .popular_cont .popular_other_list_cont li p {color:#747474; font-size:1.0em; font-weight:normal; margin:1% auto 0; line-height:1.8; width:100%; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);padding:3% 0; max-height:74px;cursor:pointer; z-index:4;}
#container .popular_cont .popular_other_list_cont li p span{display:block;cursor:pointer; }
#container .popular_cont .popular_other_list_cont li p span br{display:none; }
#container .popular_cont .popular_other_list_cont li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c;width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#container .popular_cont .popular_other_list_cont li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .popular_cont .popular_other_list_cont li .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .popular_cont .popular_other_list_cont li p span{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
#container .popular_cont .popular_other_list_cont>li .rank_num{display:block; width:45px; height:58px; text-align:center;position:absolute; top:0px; left:-1px; color:#fff; font-weight:bold; font-size:1.8em; background:url(https://cdn.metoon.co.kr/img/rank_bg.png) no-repeat; line-height:1.6em; z-index:4;}
#container .popular_cont .popular_list_cont1{width:100%; margin-bottom: 1%;}
#container .popular_cont .popular_list_cont1:after{clear:both; content:""; display:block;}
#container .popular_cont .popular_list_cont1 li{float:left; width:24%; margin:0.5%;}
#container .popular_cont .popular_list_cont1 li.row_2{width:49%;}
#container .popular_cont .popular_list_cont1 li img{width:100%; display:block;}
#container .popular_cont .popular_list_cont1 li a{display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; cursor: pointer; position: relative;}
#container .popular_cont .popular_list_cont1 li a .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 5px; right: 5px; z-index: 99; cursor: pointer;}
#container .popular_cont .popular_list_cont1 li .novel_img{width: 100%; position: absolute; top: 0; left: 0; right: 0; border-radius:8px;}
#container .popular_cont .popular_list_cont1 li.row_2 img{width: 104%;}
#container .popular_cont .popular_list_cont1 li .rank_num{display: block; width: 45px; height: 58px; text-align: center; position: absolute; top: 0px; left: -1px; color: #fff; font-weight: bold; font-size: 2.0em; background: url(https://cdn.metoon.co.kr/img/rank_bg.png) no-repeat; line-height: 1.6em; z-index:4;}
#container .popular_cont .popular_list_cont1 li .rank_1{background: url(https://cdn.metoon.co.kr/img/rank_bg_red_01.png) no-repeat;}
#container .popular_cont .popular_list_cont1 li.row_2 .blurcover{width:40%; top:0; transition:1.5s; -webkit-transition:1.5s; -moz-transition:1.5s; -ms-transition:1.5s;}
#container .popular_cont .popular_list_cont1 li .blurcover{width:40%; top:0; transition:1.5s; -webkit-transition:1.5s; -moz-transition:1.5s; -ms-transition:1.5s;}
#container .popular_cont .popular_list_cont1 li .blurcover_b{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:40%;}
#container .popular_cont .popular_list_cont1 li.row_2 .blurcover_b{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:40%;}
#container .popular_cont .popular_list_cont1 li a:hover .blurcover{display:none;}
#container .popular_cont .popular_list_cont1 li .txt p{width: 95%; height: 100%; cursor: pointer; font-weight: normal; margin: auto;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#container .popular_cont .popular_list_cont1 li .txt{display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;border-radius: 8px;	background:url(https://cdn.metoon.co.kr/img/best_m_over.png) no-repeat center; background-size:100% 100%; color:#fff; cursor:pointer; opacity:.8; filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/best_m_over.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/best_m_over.png', sizingMethod='scale')"; z-index:9;}
#container .popular_cont .popular_list_cont1 .row_2 .txt{background:url(https://cdn.metoon.co.kr/img/best_m_over_row.png) no-repeat center; background-size:100% 100%;border-radius: 8px;}
#container .popular_cont .popular_list_cont1 li .txt span{cursor: pointer; width: 100%;}
#container .popular_cont .popular_list_cont1 li .txt p > span{text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; max-height:15.3em;}
#container .popular_cont .popular_list_cont1 li .txt .title{display: block; font-size: 1.5em; line-height: 2.5em; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
@media (max-width: 950px){
	#container .popular_menu ul li a{font-size: 1.2em;}
	#container .popular_cont .popular_list_cont1 li .txt p>span{letter-spacing: -0.03em;/* 여러줄 말줄임 */max-height: 110px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; }
}
@media (max-width: 800px){
	#container .popular_menu ul li a{font-size: 1.1em;}
	#container .popular_menu ul .popular_menu a span{padding-left:30px;}
}
/* 컨테이너 event_page */
#container .event_page_wrap{width:100%; height:100%; float:left; padding-bottom:28px;}
.event_list{width:100%; margin:29px auto 0;}
.event_list .e_list{width:100%;}/* white버전 */
.event_list .e_list:after{content:"";display:block;clear:both;}
.event_list .e_list li{position:relative; width:100%; float:left; border-bottom:1px solid #eaeaea; padding:15px 0;display:flex;align-items:center;}
.event_list .e_list:not(.e_list_end) li:hover{background-color:#f7f7f7;}
.event_list .e_list li:last-child{border-bottom:0 none;}
.event_list .e_list li .img_box{position:relative; width:535px; /* min-height:172px; */height:172px; padding-left:10px; border-radius:5px; overflow:hidden;flex-shrink:0;}
.event_list .e_list li .img_box img{position:relative;width:100%;vertical-align:top;border-radius:5px;cursor:pointer;z-index:2;}
.event_list .e_list li .img_box img.evt_img{height:100%;object-fit:cover;}
.event_list .e_list li p{/* width:425px; */ font-size:1.1em; color:#676767; line-height:1.5;padding-left:20px;padding-right:15px;flex:1 1 auto;}
.event_list .e_list li.end .end_bg{display:block; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:url(https://cdn.metoon.co.kr/mimg/free_count_box_bg.png);}
.event_list .e_list li.end .end_bg span{color:#fff; font-weight:bold; font-size:20px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 20px;}
.event_list .e_list li p .e_list_title{color:#2c2c2c; font-size:1.3em; font-weight:bold; display:block;max-height:2.85em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;word-wrap:break-word;-webkit-box-orient:vertical;}
.event_list .e_list li p .e_day{display:block;margin-top:12px;}
.event_list .e_list li a{position:relative; /* top: 38%; bottom: 38%; right: 10px; */ display:block; padding:15px 0; text-align:center; width: 15%; max-width:163px; font-size:1.2em; font-weight:bold; border-radius:5px; color:#fff; flex-shrink:0;margin-right:10px;}
.event_list .e_list li .end{background:#bcbcbc;}
/* event 페이지 탭추가 20181105 */
.event_tab{width:100%; height:40px; background:transparent; border-radius:5px; margin-bottom:15px;}
.event_tab li{width:25%; height:100%; float:left; box-sizing:border-box; border-right:1px solid #f5f5f5;}
.event_tab li:last-child{border-right:none;}
.event_tab li a{display:block; width:100%; height:100%; background:#fff; box-sizing:border-box; border:2px solid #fff; font-size:18px; text-align:center; font-weight:bold; color:#676767; line-height:36px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
.event_tab li:first-child a{border-radius:5px 0 0 5px;}
.event_tab li:last-child a{border-radius:0 5px 5px 0;}
.event_tab li a span{padding-left:25px; cursor:pointer;}
.event_tab li a.event_tab_all span{background:url("https://cdn.metoon.co.kr/img/all_gray.png") no-repeat 0 center; background-size:20px; padding-left:28px;}
.event_tab li a.event_tab_coin span{background:url("https://cdn.metoon.co.kr/img/event_bt02.png") no-repeat 0 center; background-size:18px; padding-left:22px;}
.event_tab li a.event_tab_sale span{background:url("https://cdn.metoon.co.kr/img/sale_grey.png") no-repeat 0 center; background-size:18px;}
.event_tab li a.event_tab_end span{background:url("https://cdn.metoon.co.kr/img/rental_gray.png") no-repeat 0 center; background-size:20px;}
.event_tab li a.on{border:2px solid #c50000; color:#c50000;}
.event_tab li a.event_tab_all.on span{background:url("https://cdn.metoon.co.kr/img/all_red.png") no-repeat 0 center; background-size:20px;}
.event_tab li a.event_tab_coin.on span{background:url("https://cdn.metoon.co.kr/img/event_bt02_over.png") no-repeat 0 center; background-size:18px;}
.event_tab li a.event_tab_sale.on span{background:url("https://cdn.metoon.co.kr/img/sale_red.png") no-repeat 0 center; background-size:18px;}
.event_tab li a.event_tab_end.on span{background:url("https://cdn.metoon.co.kr/img/rental_red.png") no-repeat 0 center; background-size:20px;}
/* 컨테이너 coupon */
#container #coupon_page{min-width:1200px;}
#container .coupon_page_wrap_2{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:28px;}
#container .coupon_box_2{width:100%; background:url('https://cdn.metoon.co.kr/img/bg_coupon_w_top2.png') no-repeat; background-size:100%; height:563px;	position:relative;}
#container .coupon_box_2 .coupon_form_box{position:absolute; bottom:20px; margin-top:15px; left:0; width:100%;background:url(https://cdn.metoon.co.kr/img/bg_coupon_w_btm.png);}
#container .coupon_box_2 .coupon_form_box form{width:70%;  margin:25px 180px 0px 180px;}
#container .coupon_box_2 .coupon_form_box form div{border:3px solid #56606b; border-radius:5px; margin-bottom:30px;}
#container .coupon_box_2 .coupon_form_box input{width:70%; height:60px; font-size:1.4em; line-height:1.6; padding:10px; border:none;}
#container .coupon_box_2 .coupon_form_box a{display:block; width:30%; max-width:214px;float:right; text-align:center;font-size:1.4em; background:#56606b; padding:18px 0 22px; color:#fff; font-weight:bold;}
#container .coupon_box_2 .coupon_form_box span{background:url(https://cdn.metoon.co.kr/img/icon_check_coupon.png) no-repeat 0 center; padding-left:33px; margin-left:10px;cursor:inherit;}
#container .coupon_box_2 .coupon_form_box p{width:44%; max-width:528px; color:#676767; font-size:1.1em; font-weight:bold;display:inline-block; float:left; margin-bottom:30px;}
#container .coupon_box_2 .coupon_form_box .txtA_r{text-align:right; margin-right:20px;}
#container .coupon_box_2 .coupon_form_box .txtA_l{text-align:left; }
#container .coupon_box_2 .coupon_form_box p span{background:#676767; color:#fff; padding:2px 3px; border-radius:5px; margin-right:5px; width:25%; max-width:70px;display:inline-block; text-align:center;}
#container .coupon_note_2{width:100%; float:left; margin:30px auto 40px;}
#container .coupon_note_2 p{width:15%; display:block; float:left; background:url(https://cdn.metoon.co.kr/img/icon_coupon_arrow.png) no-repeat 0 center; font-size:1.1em; font-weight:bold; text-indent:20px; padding:5px 0;}
#container .coupon_note_2 ul{float:right; width:85%;}
#container .coupon_note_2 ul li{background:url(https://cdn.metoon.co.kr/img/icon_coin_dot.png) no-repeat 0 center; text-indent:15px; padding:5px 0;}
/* 컨테이너 coin_page */
#container .coin_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:28px;}
#container #coin_page h4.sub_page_title{display:inline-block;}
#coin_page .btn_x{display:none; float:right; margin-left: 5px;}
#coin_page .btn_x a{width:25px; height:25px; display:block; overflow:hidden; text-indent:-99999999999em; background:url(https://cdn.metoon.co.kr/img/log_pop_X_b.png) no-repeat center;}
.coin_charge_cont{width:100%; float:left; margin:20px auto 0;}
.coin_list{width:100%;}
.coin_list>img{float:left; width:100%;}
.coin_list ul{width:100%; overflow: hidden; min-height: 70px;}
.coin_list ul li{width:60%; float:left; background:#eaeaea;}
.coin_list ul .my_coin{background:#4e4e4e; font-weight:bold; color:#fff; font-size:1.2em; padding:13px 0; width: 40%;}
.coin_list ul .my_coin div{text-align:right;float:none; width:90%; margin:0 auto; padding:10px 0;}
.coin_list ul .my_coin p{float:left; display: inline-block; background:url(https://cdn.metoon.co.kr/img/icon_coin.png) no-repeat 0 center;}
.coin_list ul .my_coin .user_coin{ color:#ffe83e; margin-right:0px;}
.coin_list ul li div{float:left; width:70%; font-size:1.1em; padding:10px; line-height:1.8;}
.coin_list ul li .title{width:30%; font-weight:bold; text-align:center; font-size:1.2em; }
.coin_list ul li .color_red{display:block; color:red;}
.coin_charge_box{width:100%; float:left; margin:20px auto 40px;}
.coin_charge_box h3{font-size:1.2em; color:#676767; font-weight:bold;}
.coin_charge_box .fill_form_wrap{width:100%; float: left; margin:0px auto 25px;}
.coin_charge_box .fill_form_wrap label .icon_grade_img{width:35px; height:35px; display:inline-block; position:absolute; top:0; bottom:0; margin:auto;    left: inherit;cursor:pointer}
.coin_charge_box .fill_form_wrap label .coin_goods{color:#fff; width:14%; min-width:165px; float:left; text-align:left; background:#d32b2b;}
.coin_charge_box .fill_form_wrap label .coin_goods span{padding-left:60px; background:url(https://cdn.metoon.co.kr/img/icon_coin1_W.png) no-repeat 20px center}/* white버전 */
.coin_charge_box .fill_form_wrap label .coin_detail{float:left;margin-left:3%; min-width:160px;}
.coin_charge_box .fill_form_wrap label .coin_detail span{background:url(https://cdn.metoon.co.kr/img/icon_coin1_P.png) no-repeat 0 center; padding-left:23px; text-align:left;display: inline-block;  min-width: 50px;}/* white버전 */
.coin_charge_box .fill_form_wrap label .icon_plus{background:none; width:85px; position: relative;top:0; bottom:0; margin:auto;margin-left:55px;}
.coin_charge_box .fill_form_wrap label .icon_plus img{width:28%; opacity:1; position: absolute; top: -3px; bottom: 0; margin: auto; padding-left:2px; cursor:pointer;}
.coin_charge_box .fill_form_wrap label .icon_plus span{letter-spacing:-0.09em; color:#005e9f; font-size:1.1em; font-weight:900;margin: auto;height: 15px; padding: 17px 0; display: inline-block;}
.coin_charge_box .fill_form_wrap label .icon_plus .discount_icon_1{color:#005e9f;}
.coin_charge_box .fill_form_wrap label .icon_plus .discount_icon_2{color:#6e6bf1;}
.coin_charge_box .fill_form_wrap label .icon_plus .discount_icon_3{color:#b551d6;}
.coin_charge_box .fill_form_wrap label .icon_plus .discount_icon_4{color:#ff5eaa;}
.coin_charge_box .fill_form_wrap label .icon_plus .discount_icon_5{color:#fe4265;}
.coin_charge_box .fill_form_wrap label .fill_first{display:inline-block; margin-right:5px;    min-width: 77px;}
.coin_charge_box .fill_form_wrap label .fill_first .icon_first_dc{display:block; position: absolute; top: -5px; bottom: 0; width:60px; margin-left:63px;cursor:pointer;}
.coin_charge_box .fill_form_wrap label .coin_price{float:right; text-align:right; min-width:130px; background:url(https://cdn.metoon.co.kr/img/icon_coin_price.png) no-repeat 7% center; margin-right:3%;}
.coin_charge_box .fill_form_wrap label .coin_discount{padding-right:10px;  display:inline-block; min-width:140px; text-align:right; color:#676767; font-weight:normal;font-size:0.9em; background:url(https://cdn.metoon.co.kr/img/icon_coin_discount.png) no-repeat 100% center;  margin-right: 20px;}
.coin_charge_box .fill_form_wrap label .coin_discount_box{float:right;margin-right:25px; width:26%; min-width:315px;}
.coin_charge_box .fill_form_wrap label .discount_badge{float:left;background:url(https://cdn.metoon.co.kr/img/discount_badge.png) no-repeat 0 center; width:49px;display:inline-block; text-indent:-999999999999em; overflow:hidden;}
.charge_con{width:100%; float:left; border:1px solid #e2e2e2; border-radius:5px; background:#eaeaea; position:relative;    margin-bottom: 20px;}
.charge_con div{float:left; width:25%; font-weight:bold; text-align:center; padding:15px 0; font-size:1.4em;margin:0 auto; line-height:2;}
.charge_con .charge_con_left_box{width:20%; margin:15px auto; padding:25px 0; background:url(https://cdn.metoon.co.kr/img/charge_con_left_box.png) no-repeat 100% center;}
.charge_con .charge_con_left_box .txt{font-size:1.1em; color:#2c2c2c;}
.charge_con div p{width:100%;font-size:0.9em;}
.charge_con div .txt{ color:#676767;}
.charge_con span{color:#e84d7d; font-size:2em; margin-right:3px; font-weight:800;}
.charge_con .plus_icon{background:url(https://cdn.metoon.co.kr/img/icon_coin_plus.png) no-repeat 100% 65%;}
.charge_con .equals_icon{background:url(https://cdn.metoon.co.kr/img/icon_coin_equals.png) no-repeat 100% 65%;}
.charge_con .total{color:#ea1f41;}
.charge_btn{width:100%; float:left;}
.charge_btn div{float:left; margin-top:0px; padding: 15px 0; width: 100%; text-align: center;}
.charge_btn a{padding:15px 70px; margin:0 auto; text-align:center; font-weight:bold; font-size:1.3em; color:#fff; border-radius:5px; background:#d52b2c;}/* white버전 */
.charge_notice{float:left; width:100%;margin-top: 20px;}
.charge_notice dl{float:left; width:100%;line-height:1.7;}
.charge_notice dt{float:left; font-weight:bold;width:15%; font-size:1.2em; color:#2c2c2c; }
.charge_notice dt span{vertical-align: middle; display: inline-block; font-size: 0.8em; margin-top: -4px;}
.charge_notice dd{float:right; text-align:left;width:83%;list-style:disc; color:#676767; background:url(https://cdn.metoon.co.kr/img/icon_coin_dot.png) no-repeat 0 center;line-height:2; padding-left:10px;}
.charge_notice dd .color_red{color:red;}
.coin_charge_box form label .coin_detail .bonus_bonus_coin{display:none; background:url(https://cdn.metoon.co.kr/img/icon_coin_P.png) no-repeat 0 center; padding-left:21px; text-align:left;}
.charge_con .plus_icon_left{display:none; background:url(https://cdn.metoon.co.kr/img/icon_coin_plus.png) no-repeat 0 65%;}
.coin_charge_box form label .coin_detail .bb_box{display:none; background:none; padding:0;}
#coin_page .badge_notice{float: right;top:100%;padding-top:10px; right:0; font-size:0.9em; letter-spacing:-0.09em; font-weight:normal;color: #767676;}
#badge_box{width:100%; float:left; border:1px solid #e2e2e2; border-radius:0px; position:relative; padding:5px 0; margin-bottom: 0px;}
#badge_box ul{width:100%; overflow:hidden; min-height: 0;}
#badge_box li{width:12.2%; float:left; padding:0 1%; background:url(https://cdn.metoon.co.kr/img/grade_dot.png) no-repeat 100% center;position:relative; }
#badge_box .dot_none{background:none;}
#badge_box .badge_grade_box{ position:relative; top:0; bottom:0; left:0;  text-align: center;width:100%; padding:0;}
#badge_box .badge_grade_box img{display:block;}
#badge_box .badge_grade_box .cover_grade_hide{opacity:0;}
#badge_box .badge_grade_box_on{position:relative;}
#badge_box .badge_grade_box .cover_grade{position:relative; z-index:9; width:100%; min-width:88px;}
#badge_box .badge_grade_on{position:absolute;top:0; left:0; margin:auto; width:100%;  text-align: center; z-index:9;}
#badge_box .badge_grade_on img{display:block; margin: 0 auto; min-width:35px;}
#badge_box .badge_grade_off{position:absolute;top:0; left:0;margin:auto; width:100%;  text-align: center; color:#747474;}
#badge_box .badge_grade_off img{display:block; margin: 0 auto;}
#badge_box li p{font-size:0.9em; font-weight:bold; letter-spacing:-0.09em; margin-top: 3px;}
#badge_box li .txt_grade_hide{font-weight:normal;}
/* charge form */
.coin_charge_form label{float:left; width:100%;}
/* 결제방법 */
.coin_charge_box .payment_type_title{display:none;}
.coin_charge_box #payment_type{width:100%;float: left;}
.coin_charge_box #payment_type ul{width:100%; margin:0px auto 0px; overflow:hidden;}
.coin_charge_box #payment_type li{background:none; width:14.5%; max-width:169px; float:left; margin:0;}
.coin_charge_box #payment_type li a img{text-align:center; cursor:pointer;}
.coin_charge_box #payment_type li a{display:block; width:100%;text-align:center;margin-top:25px;  color:#737373;}
.coin_charge_box #payment_type li .on{border:none; color:#d32b2b;}/* white버전 */
.coin_charge_box #payment_type li a p{width:100%;font-weight:bold; font-size:1.2em; margin-top:10px; cursor:pointer;}
/* 컨테이너 schedule_page */
#container .sch_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .sch_menu{width:100%; max-width: 1200px; margin: 0 auto;}
#container .sch_menu .year_month{width:100%; height:100%; overflow:hidden; }
#container #year_month_bg{width:100%; height:100%; max-width: 1200px; margin:20px auto 0;float:left;  background:#F15584; border-radius:5px;position:relative;}
#container .sch_menu .year_month div{float:left; width:100%;  height:100%; margin: 0 auto; text-align: center;}
#container .sch_menu .year_month{color:#fff; font-size:1.5em; line-height:1.4em;}
#container .sch_menu a{display:block; height:100%; float:left; color:#fff; font-weight:bold; text-align:center; text-indent:-999999999999em; overflow:hidden; position:absolute;top:0; bottom:0;}
#container .sch_menu .year_month .swiper-slide{width:100%; max-width: 1200px;}
#container .sch_menu .year_month p{margin: 0 6%; width: 50%; max-width:145px; display: inline-block; text-align:center;line-height:1.4em;padding: 0.7% 0; margin-left:-20px;}
#container .sch_menu .year_month p span{display:inline-block;}
#container .sch_menu .sch_today_btn{ top:-2px; right:42%;  text-indent:-999999999999em; overflow:hidden;padding: 0.6% 0;  margin-right:2%; width:32px; height:32px; background:url(https://cdn.metoon.co.kr/img/sch_today_btn.png) no-repeat center;}
#container .sch_menu .sch_calender_btn{ top:-2px; right:40%;  text-indent:-999999999999em; overflow:hidden;padding: 0.6% 0; width:32px; height:32px; background:url(https://cdn.metoon.co.kr/img/sch_calender_btn.png) no-repeat center;}
#container .sch_menu .prev{ left:1%; text-indent:-999999999999em; overflow:hidden;width:33%; background:url(https://cdn.metoon.co.kr/img/year_month_prev.png) no-repeat 0 center;}
#container .sch_menu .next{right:1%; text-indent:-999999999999em; overflow:hidden; width:33%; background:url(https://cdn.metoon.co.kr/img/year_month_next.png) no-repeat 100% center;}
#container .sch_day_cont{width:100%; float:left; overflow:hidden;}
#container .sch_day_cont .day_cont ul .schedule_nocont_box{width:100%;box-sizing: border-box; background:none; border:none; position:relative; overflow:hidden;}
#container .sch_day_cont .day_cont ul .schedule_nocont_box img{width:100%; max-width:none; min-width:100%;}
#container .sch_day_cont .day_cont ul .schedule_nocont_box .txt{display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:0;background: url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
#container .sch_day_cont .day_cont ul .schedule_nocont_box p{background:none; position:absolute; top:30%; bottom:0; left:0; right:0; margin:auto; color:#fff;font-weight:bold; font-size:2em;}
#container .sch_day_cont .sch_day_box{float:left;width:100%; max-width:1200px; background:#fff; border:1px solid #ebebeb; border-radius:5px; margin-top:5px;position:relative;}
#container .sch_day_cont .sch_day_box div{float:left; width:100%; max-width:1200px;  height:100%; margin: 0 auto; text-align: center; line-height:1.8;}
#container .sch_day_cont .sch_day_box p{font-size: 1.2em; color:#F15584; padding:0.4% 0;display: block; width:100%; margin:0 auto; position:relative;}
#container .sch_day_cont .sch_day_box p .day{background:url(https://cdn.metoon.co.kr/img/sch_day_bg1.png) no-repeat center center;background-size:100% 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/sch_day_bg1.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.metoon.co.kr/img/sch_day_bg1.png', sizingMethod='scale')";color:#fff; padding: 2px 4px 6px; margin-right:2px;font-weight: bolder; display:inline-block; width:23px; height:23px;}/* white버전 */
#container .sch_day_cont .sch_day_box p .day_week{color:#4c1f2d;font-weight: bolder;}
#container .sch_day_cont .sch_day_box a{display:inline-block; color:#fff; font-weight:bold; text-align:center; text-indent:-999999999999em;overflow:hidden; width:40%; height:100%; margin:0; position:absolute;top:0; bottom:0;}
#container .sch_day_cont .sch_day_box .prev{background:url(https://cdn.metoon.co.kr/img/day_prev1.png) no-repeat 100% center; left:1%;}
#container .sch_day_cont .sch_day_box .next{background:url(https://cdn.metoon.co.kr/img/day_next1.png) no-repeat 0 center; right:1%;}/* white버전 */
.yest,.tomor{display:none; height:100%; width:100%; position:absolute; background:#fff;}
.yest{top:0; bottom:0; left:-100%;}
.tomor{top:0; bottom:0; right:-100%;}
#container .sch_day_cont .day_cont{width:100%; float:left; position:relative; max-width:1200px;}
#container .sch_day_cont .day_cont ul{width:100%; float:left; max-width:1200px; margin-top:18px;}
#container .sch_day_cont .day_cont ul li{background:#fff; border:1px solid #ebebeb; border-radius:7px; text-align:center; width:32%; float:left; margin:1% 2% 1% 0;}
#container .sch_day_cont .day_cont ul .right_none{margin-right:0;}
#container .sch_day_cont .day_cont ul li img{border-radius:5px;max-width:360px; width:100%;cursor:pointer;}
#container .sch_day_cont .day_cont ul li a{display:block; padding:10px;transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .sch_day_cont .day_cont ul li p {color:#747474; font-size:1.1em; font-weight:normal; margin:20px auto 12px; line-height:1.6; cursor:pointer; background:url(https://cdn.metoon.co.kr/img/day_bg_right.png) no-repeat 100% 0%; letter-spacing: -0.03em;}
#container .sch_day_cont .day_cont ul li p span{display:block;}
#container .sch_day_cont .day_cont ul li p .lines{font-size:1.2em; font-weight:bold; color:#2c2c2c; background:url(https://cdn.metoon.co.kr/img/day_bg_left.png) no-repeat 0% 10%;}
#container .sch_day_cont .day_cont ul li a:hover .lines{color:#d52b2c; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#container .day_cont ul li p .title{margin-top:8px;}
.calender_days{width:100%; float:left;border:1px solid #ebebeb;background: #fff;border-radius: 5px;margin-top: 5px; position:relative; height:42px; display:none;}
.calender_days>div{width: 95%; margin: 0 auto; height:100%;}
.calender_days #dayList{overflow: hidden; height:100%;margin: 0 auto; text-align: center;}
.calender_days #dayList li{height:100%;display: inline-block; margin:0 3px;}
.calender_days #dayList li a{ font-size:1.3em; font-weight:800; text-align:center; line-height:2.5;padding: 0.4% 0;display: block;}
.calender_days #dayList li a:hover{color:#d52b2c;}/* white버전 */
.calender_days #dayList li a p{cursor:pointer;}
.calender_days #dayList li a .on{color:#F15584;}
#sch_page .calender_days .bx-wrapper{max-width:100%; position:static;}
#sch_page .calender_days .bx-viewport{margin: 0 auto; width: 90%;}
#sch_page .calender_days .bx-wrapper .bx-controls-direction a{display:none; top:11px;}
#sch_page .calender_days  .bx-wrapper .bx-next{right:15px;display:none;}
#sch_page .calender_days  .bx-wrapper .bx-prev{left:15px;display:none;}
/* 서브페이지 컨테이너 공통 */
#container .sub_page_cont{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:125px;}
#container .sub_page_cont:after{clear:both; display:block; content:"";}
#container h4.sub_page_title{font-weight:bold; font-size:1.6em; margin:20px 0 4px;}
#container h4.sub_page_title span{color:#F15584;}
#container .search_page_wrap{width:100%; height:100%;float:left; padding-bottom:55px;}
#container .search_page_wrap .sub_page_title{font-size:24px;font-weight:normal;line-height:1.4;margin-bottom:20px;}
#container .search_form_box{width:auto; float:right;}
#container .search_form_box .search_form{width:100%; padding:1.5% 0 1.5%; text-align:right; font-size:1.1em;}
#container .search_form_box .search_form input{margin:0 3px 0 2%;position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .search_form_box .search_form .chkselect{color:#F15584;}
#container .search_form_box .search_form label{color:#838383; padding-left:30px; position:relative;}
#container .search_form_box .search_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
#container .search_cont{width:100%;padding-bottom:45px;}
#container .search_cont ul{width:100%;}
#container .search_cont:after, #container .search_cont ul:after{content:"";display:block;clear:both;}
#container .search_cont li{float:left;width:182px;margin:17px 0 0 17px;}
#container .search_cont li:nth-child(6n + 1){margin-left:0;}
#container .search_cont li a{position:relative;display:block;width:100%;}
#container .search_cont li .ml_contents{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;}
#container .search_cont li .ml_thumb{position:relative;width:100%;}
#container .search_cont li .thumb_img{position:relative;width:100%;height:253px;background-size:cover;background-repeat:no-repeat;background-position:center 0;z-index:2;}
#container .search_cont li .thumb_img .icon_19_new{z-index:10;}
#container .search_cont li .ml_info{padding:14px 10px;border-top:1px solid #e0e0e0;background:#fff;}
#container .search_cont li .ml_info p, #container .search_cont li .ml_info span{cursor:pointer;}
#container .search_cont li .info_title{width:100%;height:20px;line-height:20px;font-size:17px;font-weight:700;color:#363636;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#container .search_cont li .info_title span{display:inline-block;vertical-align:middle;}
#container .search_cont li .info_title .icon_up_new{display:inline-block;vertical-align:top;width:22px;height:15px;background:url(https://cdn.metoon.co.kr/img/icon_up_new.png) no-repeat center;background-size:100%;margin-top:3px;margin-right:7px;}
#container .search_cont li .info_area{width:100%;min-height:14px;}
#container .search_cont li .info_summary{font-size:13px;font-weight:300;line-height:16px;height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:12px;color:#666;}
#container .search_cont li .info_chapter{height:14px;line-height:14px;margin-top:10px;letter-spacing:-1px;}
#container .search_cont li .info_chapter .chapter{float:left;font-size:12px;color:#777;}
#container .search_cont li .info_chapter .zzim_n{float:right;padding-left:12px;font-size:12px;color:#777;background:url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 0 center;background-size:10px;}
#container .search_cont li .info_tag{height:18px;margin-top:10px;}
#container .search_cont li .label_box{position:absolute;bottom:108px;left:0;z-index:10;}
#container .search_cont ul .not_find{width:100%; height:200px; background:url(https://cdn.metoon.co.kr/img/icon_search_notfind.png) no-repeat center 150px; text-align:center;font-size:1.3em;padding-top:250px; color:#9F9F9F;letter-spacing: 0.1em;}
@media all and (max-width: 1020px){
	#container .search_page_wrap .sub_page_title{max-width: 65%;}
}
@media all and (max-width: 880px){
	#container .search_page_wrap .sub_page_title{max-width: 60%;}
}
@media all and (max-width: 770px){
	#container .search_page_wrap .sub_page_title{max-width: 57%;}
}
/* 메인배너 */
#nobel_banner( background:#a1bec6;width:100%; float:left; height:520px; position:relative;)
#nobel_banner .bnr_visual{width:80%; max-width:1280px; display:block; height:520px;background:url(https://cdn.metoon.co.kr/img/nobel_banner.png) no-repeat ; position:relative;}
#nobel_banner .visual_txt_wrap{width:520px; height:520px; position:absolute; right:50px; top:0; z-index:20;}
#nobel_banner .visual_txt{width:100%; position:relative; height: 100%; overflow:hidden;  }
#nobel_banner .vis_nobel_list{width:490px; position:absolute; top:4%; bottom:10%; left	:0px;}
#nobel_banner .visual_txt .txt_box{margin-top:80px; padding-right:10px; color:#fff; font-size:1.0em; float:left;width:100%;}
#nobel_banner .visual_txt .txt_box p{display:block; width:100%; margin-top:0px; float:left; font-size:1.2em; line-height: 1.5;}
#nobel_banner .visual_txt .txt_box .summary_container{float:left;position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
#nobel_banner .visual_txt .txt_box .summary{font-size:15px;line-height:22px;max-height:66px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;}
#nobel_banner .visual_txt .txt_box .summary_btn{display:inline-block;font-size:13px;font-weight:bold;color:#fff;white-space:nowrap;margin-left:4px;margin-bottom:3px;}
#nobel_banner .visual_txt span{display:inline; font-size:1.0em;}
#nobel_banner .visual_txt .genre_box span{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#nobel_banner .visual_txt .genre{display: inline-block; color: #fff;  background:#F05584; padding: 0 10px; border-radius: 3px; font-size: 0.9em; margin-right:3px;height:24px;line-height:24px;}
#nobel_banner .visual_txt .up_mark{display: inline-block; color: #fff;  background:#FF0000; padding: 0 10px; border-radius: 3px; font-size: 0.9em; margin-right:3px;height:24px;line-height:24px;}
#nobel_banner .visual_txt .up_day_comp{display: inline-block; color: #676767;  background:#fff; border:1px solid #e3e3e3; padding: 0 8px; border-radius: 3px; font-size: 0.9em; margin-right:3px;height:24px;line-height:22px;}
#nobel_banner .visual_txt .up_day:not(.up_day_comp){line-height:20px;font-size:13px;letter-spacing:-0.03em;padding:1px 0;margin-right:3px;}
#nobel_banner .visual_txt .up_day:not(.up_day_comp) i{display:inline-block;min-width:22px;border-radius:12px;padding:0 3px;border:1px solid #d32b2b;text-align:center;color:#d32b2b;-webkit-box-sizing:border-box;box-sizing:border-box;}
#nobel_banner .visual_txt .up_day:not(.up_day_comp) i + i{margin-left:2px;}
#nobel_banner .visual_txt .adult_patch{background:none; color: #fff; font-weight:300; letter-spacing: -0.09em; font-size: 1.05em; position:relative; display: inline-block; vertical-align:top;}
#nobel_banner .visual_txt .adult_patch img{display: block;width:24px;}
#nobel_banner .visual_txt .adult_patch span{position:relative; margin-left: 2px;}
#nobel_banner .visual_txt .new_mark{display: inline; color: #fff;  background:#721de3; padding: 0 10px; border-radius: 3px; font-size: 0.9em; margin-right:3px; height:24px;line-height:24px;}
#nobel_banner .visual_txt .txt_box .vis_title{position:relative; padding:15px 0 0px;margin-top:0; margin-bottom:20px;line-height: normal; letter-spacing:-0.09em;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:420px;white-space:nowrap;}
#nobel_banner .visual_txt .txt_box .vis_title span{display:inline-block; margin:10px 0 0;}
#nobel_banner .visual_txt .txt_box .genre_box{line-height: normal; margin-top:0;}
#nobel_banner .visual_txt .txt_box .vis_title .vis_txt_title{font-size:1.7em; float:left;  display:block;max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0;padding-right:10px;text-overflow:ellipsis;overflow:hidden;}
#nobel_banner .visual_txt .txt_box .vis_title .writer{float:right;  margin-top:25px; text-align:right; letter-spacing: -0.09em;}
#nobel_banner .visual_txt .txt_box .heart{float:right; letter-spacing: -0.05em; padding-left: 28px; background: url("https://cdn.metoon.co.kr/img/ic_eye_red.png") no-repeat 0 center;}
#nobel_banner .vis_txt_st{font-size:0.7em; margin:15px 0 30px;}
#nobel_banner .vis_btn li{float:left; margin-right:10px;}
#nobel_banner .nobel_btn_box{width:100%; position:absolute; bottom:40px; left:0; right:0; margin:auto;}
#nobel_banner .nobel_btn_box ul{width:100%; float:left; max-width:500px;}
#nobel_banner .nobel_btn_box>ul>li{float:left;width:25%;max-width:105px; margin-right:8px;}
#nobel_banner .nobel_btn_box>ul>li:last-child{margin-right:0;}
#nobel_banner .nobel_btn_box>ul>li>a, .detail_series_view_more button{display:block; width:100%;height:36px;line-height:34px; font-size:1.1em; font-weight:500; background:#f7f7f7;border-radius:5px;	text-align:right; float:left;border: 1px solid #585858;-webkit-box-sizing:border-box;box-sizing:border-box;}
.detail_series_view_more{margin-bottom:7px;}
.detail_series_view_more button{float:none;display:inline-block;padding:0 10px;width:auto;vertical-align:top;}
#nobel_banner .nobel_btn_box .first a, .detail_series_view_more button{background:#f7f7f7;}
#nobel_banner .nobel_btn_box .first span{padding:0; text-align: center; width: 100%;}
#nobel_banner .nobel_btn_box .sns_btn>a{background:#f7f7f7;}
#nobel_banner .nobel_btn_box .sns_btn span{background:url(https://cdn.metoon.co.kr/img/novel_btn_link.png) no-repeat 13% center;}
#nobel_banner .nobel_btn_box .check a{background:#f7f7f7;}
#nobel_banner .nobel_btn_box .check_on a{background:#f7f7f7;}
#nobel_banner .nobel_btn_box .check span{background: url(https://cdn.metoon.co.kr/img/ic_star_br_18x.png) no-repeat 15px 43%; background-size:18px auto;}
#nobel_banner .nobel_btn_box .check_on span{background: url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 15px 43%; background-size:18px auto;}/* white버전 */
#nobel_banner .nobel_btn_box .sns_box{width:30%; max-width:130px; background:url(https://cdn.metoon.co.kr/img/sns_icon_bg.png) no-repeat; height:57px; margin-top:10px; position:absolute; top:35px; right:12%;}
.adult_detail_body #nobel_banner .nobel_btn_box .sns_box{right:34%;}
#nobel_banner .nobel_btn_box .sns_box li{width:33%; height:100%; float:left; margin-top:4px; margin-right:0;}
#nobel_banner .nobel_btn_box .sns_box .fb_icon a{background:url(https://cdn.metoon.co.kr/img/fb_icon.png) no-repeat center; }
#nobel_banner .nobel_btn_box .sns_box .twit_icon a{background:url(https://cdn.metoon.co.kr/img/tw_icon.png) no-repeat center;}
#nobel_banner .nobel_btn_box .sns_box .kakao{position:relative;}
#nobel_banner .nobel_btn_box .sns_box .kakao>img{position:absolute; top:0;  bottom:0; left:0; right:0; margin:auto;width: 39px; height: 39px; display: block; border-radius:25px; cursor:pointer;}
#nobel_banner .nobel_btn_box .sns_box .kakao a{background:none; position:relative;}
#nobel_banner .nobel_btn_box .sns_box .kakao a img{width: 39px; height: 39px; display: block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:25px; cursor:pointer;}
#nobel_banner .nobel_btn_box .sns_box li a{display:block; width:100%;height:100%; text-indent:-1000000000000px; color:transparent; overflow:hidden; border:none; }
.nobel_btn_box span{display:block; width:80%; text-align:right; float:right;padding:8% 10% 10%; cursor:pointer;}
.nobel_btn_box .illu span{width:100%; text-align:center; float:none;padding:8% 2% 10%;}
#nobel_banner .detail_label_cont{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:1180px;margin:0 auto 15px;}
#nobel_banner .vis_bg{width:100%; height:520px; position:absolute; top:0; left:0;}
/* 디테일 해시태그 */
#nobel_banner .nobel_btn_box .hash, .ebook_detail_textbox span.hash{width:100%; display: block; padding:0; padding-top: 10px; cursor:default; text-align: left;}
.ebook_detail_textbox span.hash{position:absolute;bottom:0;left:0;padding-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#nobel_banner .nobel_btn_box .hash p, .ebook_detail_textbox span.hash p, .sm_detail_banner_textbox span.hash p{display: inline-block; margin:5px 2px 0 0; border:1px solid #d32b2b; background:#fff; color:#d32b2b; padding:2px 10px; border-radius:35px; font-size:12px; width: auto; line-height: normal; font-weight: normal; float: none;}
.ebook_detail_textbox span.hash p{margin-top:0;}
#nobel_banner .nobel_btn_box .detail_isbn{float:left;margin-top:15px;font-size:12px;color:#ddd;letter-spacing:-0.03em;}
/* 서브페이지 컨테이너 공통 */
#container .sub_page_cont{position:relative; width:1180px; max-width:1180px; margin:0 auto; padding-top:61px;}
#container .sub_page_cont.terms{padding-top:20px;}
#container .sub_page_cont:after{clear:both; display:block; content:"";}
#container .search_container{position:relative;width:1180px;margin:0 auto;padding-top:35px;}
#container .search_container:after{content:"";display:block;clear:both;}
#poffTop{position:absolute;top:-61px;left:0;width:100%;height:0;opacity:0;}
#container h4.sub_page_title{font-weight:bold; font-size:1.6em; margin:0 0 4px;}
#container h4.sub_page_title span{color:#F15584;}
/* 컨테이너 nobel_page */
#container #nobel_page{padding-top:20px; padding-bottom:0;min-height: inherit;}
#container .nobel_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:15px; font-weight:bold;}
#container .bg_detail_img{background:url(https://cdn.metoon.co.kr/img/bg_text_gradient.png) repeat-X center 100%; width:100%; height:100%; position: absolute;  bottom: -30px; left:0px;}
#container .bg_detail_img_box{float: left; position: relative;overflow:hidden; margin-left:10px; border-radius:5px; }
#container .up_nobel{position:absolute; top:0; left:10px; border-radius:0;}
#container .bg_detail_img_box .up_icon{display:block; position:absolute; z-index:10; top:0%; left:0px; width:70px;}
#container .bg_detail_img_box .patch_box{display:block; position:absolute; z-index:10; top:0%; right:5px;}
#container .bg_detail_img_box .patch_box>img{width:39px; display:inline-block; vertical-align: top; border-radius:0;}
#container .bg_detail_img_box .patch_box .patch{ width:54px; display:inline-block; margin-left:5px;}
#add_page_box{width:100%; text-align:center; float: left; margin-top:10px;}
#add_page_box a{display:block; transition: 0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; max-width:1200px; border:1px solid #d32b2b; color:#d32b2b; padding:6px 0 3px; line-height:1.6em; background:#fff;}
#add_page_box a:hover{border:1px solid #ff0003; color:#ff0003; }/* white버전 */
#add_page_box p{font-size:1.15em; padding:5px 10px 10px; font-weight:400; cursor:pointer; display:inline-block; text-align:center; }
#add_page_box span{cursor:pointer;}
#add_page_box img{cursor:pointer; width: 13px;}
#add_cmt_box{width:100%; text-align:center; float: left; margin-top:30px;}
#view_container_bottom .comment_wrap1 #add_cmt_box{margin-top:30px;}
#add_cmt_box a{display:block; transition: 0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; max-width:1200px; border:1px solid #d32b2b; color:#d32b2b; padding:6px 0 3px; line-height:1.6em; background:#fff;}/* white버전 */
#add_cmt_box p{font-size:1.15em; padding:5px 10px 10px; font-weight:400; cursor:pointer; display:inline-block; text-align:center; }
#completed_page #add_page_box p{padding:5px 10px 7px;}
.nobel_list{width:880px; min-height:793px; float:left;}
.nobel_list .nobel_form, .detail_short_srcShot .nobel_form{width:100%; overflow:hidden; border-top:2px solid #d1d1d1; border-bottom:1px solid #d1d1d1; /* padding:10px 0 12px; */ text-align:right;font-size:1.1em;color:#838383;}
#container .nobel_list .nobel_form .sub_page_title, #container .detail_short_srcShot .nobel_form .sub_page_title{font-weight: bold; font-size: 19px; margin: 0; color:#565656; float: left; line-height: 40px;}
.nobel_list .nobel_form .detail_form_cover, .detail_short_srcShot .nobel_form .detail_form_cover{float:none;padding:0;}
.nobel_list .nobel_form .detail_form_cover:after, .detail_short_srcShot .nobel_form .detail_form_cover:after{content:"";display:block;clear:both;}
.nobel_list .nobel_form .detail_form_cover>div, .detail_short_srcShot .nobel_form .detail_form_cover>div{float:right; padding:10px 0 12px;position:relative;}
.nobel_list .nobel_form>div, .detail_short_srcShot .nobel_form>div{float:right; padding:10px 0 12px;position:relative;}
.nobel_list .nobel_form input, .detail_short_srcShot .nobel_form input{position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
.nobel_list .nobel_form label, .detail_short_srcShot .nobel_form label{float:left;display:block;font-size:14px;color:#8e8e8e;}
.nobel_list .nobel_form .chkselect, .detail_short_srcShot .nobel_form .chkselect{color: #e23939 !important; position: relative; z-index: 9; opacity: 1;}/* white버전 */
.nobel_list .nobel_form>div .bar, .detail_short_srcShot .nobel_form>div .bar{float:left;display:block;width:1px;height:15px;margin:0 8px;background:#d1d1d1;}
.detail_form_cover .vd_smtgui_link{float:right;position:relative;display:block;line-height:40px;padding-left:22px;color:#777;margin-right:8px;}
.detail_form_cover .vd_smtgui_link.list{margin-right:20px;}
.detail_form_cover .vd_smtgui_link:before{content:"i";display:block;position:absolute;top:50%;left:0;width:14px;height:14px;line-height:15px;border:1px solid #777;font-size:10px;font-weight:bold;text-align:center;border-radius:100%;margin-top:-8px;}
.detail_form_cover .vd_smtgui_link span{border-bottom:1px solid #777;font-size:13px;font-weight:400;padding-bottom:1px;cursor:pointer;}
.nobel_list .n_list{width:100%; min-height:400px; float:left;}
/* 정액권 구매 멘트 및 버튼 2018/09/14 */
.nobel_list .wt_fix_detail_notice{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:7px 10px;text-align:left;border-top:1px solid #d1d1d1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.nobel_list .wt_fix_detail_notice em{color:#444;}
.nobel_list .wt_fix_detail_notice span{display:inline-block; font-size:0.8em; padding:0 5px; height:18px; line-height:18px; background:#d32b2b; border-radius:3px; margin-right:5px; color:#fff; font-weight:800;}
.nobel_list .wt_fix_detail_notice i{color:#d32b2b;}
.nobel_list .wt_fix_detail_notice .wt_fix_detail_btn{display:inline-block;width:122px;text-align:center; padding:5px 0; background:#d32b2b; border-radius:3px; color:#fff; font-weight:bold; margin-left:10px; font-size:0.9em;float:right;}
.nobel_list .wt_fix_detail_notice .wt_fix_detail_btn:hover{background:rgb(255, 0, 3);}
@media all and (max-width:950px){
	.nobel_list .wt_fix_detail_notice{margin-right:0; letter-spacing:-1px; font-size:13px;}
	.nobel_list .wt_fix_detail_notice span{margin-right:3px;}
	.nobel_list .wt_fix_detail_notice .wt_fix_detail_btn{margin-left:5px;}
}
@media all and (max-width:860px){
	.nobel_list .wt_fix_detail_notice{cursor:pointer; padding:10px 0 12px;}
	.nobel_list .wt_fix_detail_notice b{text-decoration:underline; color:#2d2dc2; font-weight:800;}
	.nobel_list .wt_fix_detail_notice .wt_fix_detail_btn{display:none;}
}
/* 04.14 추가 */
.nobel_list .n_list li{cursor:pointer; position:relative; width:100%;display:block; float:left; height:100%; border-bottom:1px solid #eaeaea; padding:1% 0; transition:.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
.nobel_list .n_list li:hover{background:#eee;}
.nobel_list .n_list li a{display:block; width:100%;}/* 0420 */
.nobel_list .n_list .nobel_icon{position:absolute; top:12px; left:12px; width:10%; max-width:68px; height:100%; max-height:71px; text-indent:-9999999999em; overflow:hidden;}
.nobel_list .n_list .nobel_new_icon{background:url(https://cdn.metoon.co.kr/img/icon_nobel_new.png) no-repeat;}
.nobel_list .n_list .nobel_hot_icon{background:url(https://cdn.metoon.co.kr/img/icon_nobel_hot.png) no-repeat;}
.nobel_list .n_list li img{float:left; border-radius:5px; width:100%; display:block;}
.nobel_list .n_list li .bg_detail_img_box img{width:100%; display:block;}
.nobel_list .n_list li .bg_detail_img_box .blurcover{width:30%; top:0;}
.nobel_list .n_list li .bg_detail_img_box .blurcover_b{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:30%; height:auto;}
.nobel_list .n_list li .novel_img{position:absolute; top:0; right:0; left:0; bottom:0;}
.nobel_list .n_list li p{cursor:pointer; position:absolute; top: 28%; bottom: 35%;  margin:auto; display:block; width:308px; float:left; font-size:1.1em; color:#676767; line-height:2.3;}
.nobel_list .n_list li p .e_list_title{color:#2c2c2c; font-size:1.3em; font-weight:bold; display:block;}
.nobel_list .n_list li p .e_day{display:block;}
.event_list .e_list li .end{background:#bcbcbc;}
.nobel_list .n_list li .nobel_list_txt{left: 390px;}
.nobel_list .n_list li .nobel_list_txt span{display:block; cursor:pointer; }
.nobel_list .n_list li .nobel_list_txt .number{font-size:1.2em; }
.nobel_list .n_list li .nobel_list_txt .sub_title{margin:0; font-size:1.1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nobel_list .n_list li .nobel_list_txt .day{font-weight:normal; display:none;}
.nobel_list .n_list li .nobel_list_txt .txt_recent_icon, .n_list_vd .vd_list_txt .txt_recent_icon, #container .nobel_list .nobel_list_txt .ic_open_item{color: #fff; background: #852cfa; display: inline-block; border-radius: 3px; padding: 2px 5px; font-size: 11px; margin-left: 3px; margin-bottom: 2px; vertical-align: middle; line-height:normal;}
#container .nobel_list .nobel_list_txt .ic_open_item{background-color:#fe4b4b;}
.nobel_list .n_list li .heart{top:0%; bottom:0%; right:25%; height: 22px; width:10%; padding:0.2% 0 1%; max-width:100px; text-align:right; background:url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 10% center; color:#d32b2b;}/* white버전 */
.nobel_list .n_list li .list_btn{top:0%; bottom:0%; height:30px;  right:10px; width:110px; padding:5px; display:block; background:#ffffff; border:1px solid #dcdcdc;text-align:center; border-radius:5px; cursor: pointer; position:relative; margin-top:65px; float:right;}/* 0420 */
/* 회원가입 후 보기 sns버튼 */
.nobel_list .n_list .sns_join_btn{width:20%; float:right; display:inline-block; text-align:center; margin-top: 65px; margin-right:20px;}
.nobel_list .n_list .sns_join_btn a{display:block; box-sizing:border-box; border-radius: 5px; color: #fff; float:right; width:auto; padding:0 10px; margin:0 1%;}
.nobel_list .n_list .sns_join_btn p{color:#fff; padding: 4px 0; cursor: pointer; width:auto; float: none; position:relative; padding-left:25px; display: inline-block;}
.nobel_list .n_list .sns_join_btn img{width:20px; height:20px; display:block; position:absolute; top:0; left:0; bottom:0; margin:auto; cursor: pointer;}
.nobel_list .n_list .sns_join_btn .fb_join{background:#395a9c; border: 1px solid #2c4b87;}
.nobel_list .n_list .sns_join_btn .naver_join{background:#1ec800; border: 1px solid #1cb900;}
.nobel_list .n_list .sns_join_btn .naver_join img{width:22px; height:22px;}
.nobel_list .n_list li .list_btn_half{position:relative; width:17%;  max-width:180px; text-align:center; border-radius:5px; float:right; height:165px;}
.nobel_list .n_list li .list_btn_half a{width:45%; max-width:95px; display:block; padding:10px 0; font-size:1.1em; border-radius:5px; position:absolute; top:37%; bottom:40%; margin:auto;}
.nobel_list .n_list li .list_btn_half .buy{background:#56606b; border:1px solid #dcdcdc; color:#fff;}
.nobel_list .n_list li .list_btn_half .rent{background:#56606B; border:1px solid #dcdcdc; color:#fff;}
.nobel_list .n_list li .list_btn_half .coin{background:url(https://cdn.metoon.co.kr/img/coin_back.png) no-repeat 15% center, #f15584; text-align:right; border:1px solid #d63f6c; color:#fff; display:none;}
.nobel_list .n_list li .list_btn_half .list_btn_half_l{left:-15px;}
.nobel_list .n_list li .list_btn_half .list_btn_half_r{right:15px;}
.nobel_list .n_list li .free_btn a{color:#676767;}
.nobel_list .n_list li .big_buy_btn{background:#56606b; border:1px solid #dcdcdc; color:#fff;}
.nobel_list .n_list li .big_buy_btn span{background: url(https://cdn.metoon.co.kr/img/icon_detail_coin_btn1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px; cursor:pointer;}
/* 코인 할인 */
.nobel_list .n_list li .big_buy_btn span.coin_sale{background:none; position:relative; padding:0; margin-right:5px; font-size:0.9em; margin-top:-2px; color:#444;text-decoration:line-through;}
.nobel_list .n_list li .big_buy_btn span.coin_sale img{display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin: auto;}
.nobel_list .n_list li .join_plz{background:#d32b2b; border:1px solid #d32b2b; color:#fff;}/* white버전 */
.nobel_list .n_list li .free_btn span{background: url(https://cdn.metoon.co.kr/img/detail_free_icon1.png) no-repeat 0 center; padding-left: 23px; background-size: 15px; cursor:pointer;}
.nobel_list .n_list li .coin_btn span{background: url(https://cdn.metoon.co.kr/img/detail_coin_icon1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px; cursor:pointer;}
.nobel_list .n_list li .coin_btn .coin_s_red{background: url(https://cdn.metoon.co.kr/img/detail_coin_icon_red.png) no-repeat 0 center; padding-left: 17px; background-size: 15px; color:#d32b2b; cursor:pointer;}
.nobel_list .n_list li .list_btn.memvip_btn span{position:relative;}
.nobel_list .n_list li .list_btn.memvip_btn span:before{content:"";display:block;position:absolute;top:50%;left:50%;width:80px;height:2px;margin-top:-1px;background:#d32b2b;margin-left:-40px;z-index:1;}
.nobel_list .n_list li .list_btn.memvip_btn:after{content:"이용권 사용 가능";display:block;position:absolute;bottom:-36px;left:0;width:122px;height:28px;line-height:26px;font-size:13px;text-align:center;color:#fff;background:#f56e74;border-radius:4px;border:1px solid #f56e74;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nobel_page_wrap .pager{width:100%; float:left; position:relative;text-align:center; margin-top:40px;}
.nobel_page_wrap .pager a{vertical-align: middle; display: inline-block; width: 30px; height: 30px; line-height: 28px; text-align: center; margin: 0 8px; font-size:1.3em; font-weight:bold; color:#676767;background:#fff; border:1px solid #dcdcdc; }
.nobel_page_wrap .pager .on{color:#F15584;}
/* 무료카운트 */
.free_count_box{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:url(https://cdn.metoon.co.kr/mimg/free_count_box_bg.png) repeat center 100%;}
.free_count_box div{width:200px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:60px; text-align:center;}
.free_count_box img{display:block; margin:0 auto 8px; width:35px !important; float:none !important;}
.free_count_box p{color:#fff !important; font-size:16px !important; letter-spacing:-0.05em; position: static !important; float:none !important; width:auto !important; line-height:normal !important;}
.free_count_box span{color:#ffea00;}
/* 04.21추가 */
.last_read_box .last_read_title{font-size:1.3em; color:#676767; font-weight:bold; cursor: default;}
.last_read_box div{width:100%; position:relative;background:#ececec; border-top:1px solid #d8d8d8;  border-bottom:1px solid #d8d8d8; float:left; margin:10px 0 15px;}
.last_read_box div a{display:block; padding:1% 0; position:relative; float:left; width:100%; cursor:pointer;}
.last_read_box p{position: absolute; top: 28%; bottom:35%; margin: auto; display: block; cursor: pointer; width: 50%; float: left; font-size: 1.1em; color: #676767; line-height: 2.3; cursor:pointer;}
.last_read_box .continue_btn{top: 0%; bottom: 0%; height: 30px; right:20px; width: 15%; max-width: 182px; padding: 3px 0 6px; display: block; background: #F05584; border: 1px solid #dcdcdc;text-align: center; border-radius: 5px; cursor: pointer; min-width: 140px; color:#fff; position:relative; margin-top:65px; float:right;}
.last_read_box .last_read_img_box{width: auto; margin: 0; margin-left:1%; float:left; border-radius:5px; cursor:pointer; position:relative; overflow: hidden;}
.last_read_box .last_read_img_box img{display:block;}
.last_read_box .last_read_img_box .novel_img{position:absolute; top:0; left:0; right:0; bottom: 0;}
.last_read_box .nobel_list_txt{left: 390px;}
.last_read_box .nobel_list_txt span{display:block; cursor:pointer;}
.last_read_box .nobel_list_txt .number{font-size:1.2em;}
.last_read_box .nobel_list_txt .sub_title{margin:0; font-size:1.1em;}
.last_read_box .nobel_list_txt .day{font-weight:normal; display:none;}
.last_read_box .heart{top:40%; bottom:40%; right:25%;  width:10%; padding:0.2% 0 1%; max-width:100px; text-align:right; background:url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 10% center; color:#d32b2b;}
/* 0429 */
.detail_img_box{width:360px; height:175px; overflow:hidden; border-radius:5px;}
.detail_img_box img{width:100%;}
/* 댓글 */
#container_cmt{width:100%;}
#container_cmt .nobel_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:15px; font-weight:bold; }
#container_cmt .sub_page_cont_cmt{position:relative; width:100%; max-width:1200px; margin:0 auto; padding-top:30px; padding-bottom:0;min-height: inherit;}
#nobel_comm{width:1180px; border-top:1px solid #eaeaea;margin:0 auto;}
#nobel_comm:after{content:"";display:block;clear:both;}
#nobel_comm .nobel_comment_wrap{ padding:0 10px; margin-top:35px;}
#nobel_comm .nobel_comment_wrap .nobel_comment_title{font-weight:bold; font-size:1.4em;}
#nobel_comm .nobel_comment_wrap .nobel_comment_form .nick_name_txt{display:block; position:absolute; top:0; left:0; width:82%;border-bottom:1px solid #eeeeee; color:#2c2c2c;font-size: 1.1em; padding:10px; }
#nobel_comm .nobel_comment_wrap .nobel_comment_form .no_nick_txt{color:#a7a7a7; font-weight:normal;}
/* 댓글 등록 form */
#nobel_comm .nobel_comment_wrap .nobel_comment_form{width:100%; margin:25px 0; float:left; position:relative;}
#nobel_comm .nobel_comment_wrap .nobel_comment_form input{display:none;position:absolute; top:0; left:0; width:82%; border:1px solid #eeeeee; background:#f7f7f7; color:#2c2c2c;font-size: 1.1em; padding:5px;}
#nobel_comm .nobel_comment_wrap .nobel_comment_form textarea{font-size:1.2em;  width:82%; float:left; border:1px solid #eeeeee; padding:45px 10px 10px; font-family: inherit;  resize:none; height: 120px;}
#nobel_comm .nobel_comment_wrap .nobel_comment_form .nobel_comment_btn{display:block;font-size:1.3em; line-height:1.7; width:17.5%; text-align:center; float:right; position:absolute; top:0; bottom:0; right:0; margin:auto; border:1px solid #404040; padding:1%; color:#fff; font-weight:bold; cursor:pointer; overflow:visible; white-space: nowrap;font-family: inherit;}
/* 댓글 컨테이너 */
#nobel_comm .nobel_comment_cont{width:100%; float:left; border-top:1px solid #f1f1f1;}
#nobel_comm .nobel_comment_cont:after{clear:both; display:block; content:"";}
#nobel_comm .nobel_comment_cont>ul{width:100%;}
#nobel_comm .nobel_comment_cont>ul>li{width:100%; border-bottom:1px solid #E8E8E8; padding:10px 0 0;	float:left;}
#nobel_comm .nobel_comm_box{width:95%; margin:10px auto; overflow:hidden;}
#nobel_comm .nobel_comm_box .user_id{color:#2c2c2c; font-weight:700; line-height:2; margin-bottom:10px;font-size:1.2em;}
#nobel_comm .nobel_comm_box .user_id img{vertical-align: middle; margin-top: -2px; width:25px;}
#nobel_comm .nobel_comm_box .user_id span{ font-weight:normal; font-size:0.8em; }
#nobel_comm .nobel_comm_box .user_id .date{color:#676767;margin-left:10px;}
#nobel_comm .nobel_comm_box .nobel_comm_area{width:100%; float:left;}
#nobel_comm .nobel_comm_box .nobel_comm_area p{font-size:1.1em; line-height:1.4; width:73%;float:left;word-wrap: break-word; min-height:20px;}
#nobel_comm .nobel_comm_box .nobel_comm_area .nobel_recomm_set{width:27%; float:right;position:relative;}
#nobel_comm .nobel_comm_box .nobel_comm_area .nobel_recomm_set_box{position:absolute; right:0; top:0; }
#nobel_comm .nobel_comm_box .nobel_comm_area .nobel_recomm_set a{display:block; float:left; margin:0 10px; cursor:pointer;text-align:right;}
#nobel_comm .nobel_recomm_set .nobel_recomm_btn{color:#d52b2c;}/* white버전 */
#nobel_comm .nobel_recomm_set .nobel_unrecomm_btn{color:#6594d3;}
#nobel_comm .nobel_recomm_set span{ float: left; cursor:pointer; height:15px; display: block;}
#nobel_comm .nobel_recomm_set .re_btn{overflow:hidden; text-indent:-999999999999999999px; color:transparent;  width:14px;padding-right: 10px; cursor:pointer;}
#nobel_comm .nobel_recomm_set .nobel_recomm_btn .recomm{background:url(https://cdn.metoon.co.kr/img/icon_re_red.png) no-repeat 0; }/* white버전 */
#nobel_comm .nobel_recomm_set .nobel_unrecomm_btn .unrecomm{background:url(https://cdn.metoon.co.kr/img/icon_unre.png) no-repeat 0; }
#nobel_comm .nobel_comm_box .nobel_reply_btn {float:left; width:100%; margin-top:5px; font-weight:normal;}
#nobel_comm .nobel_comm_box .nobel_reply_btn  p{display:block; float:left; line-height:2; padding:0 5px; padding-left:0; cursor:pointer; font-size:0.95em; background:url(https://cdn.metoon.co.kr/img/reply_open.png) no-repeat 100% center;}
#nobel_comm .nobel_comm_box .nobel_reply_btn  p .reply_count{display:inline-block;color:#d32b2b;margin:0 13px 0 3px; cursor:pointer;}/* white버전 */
/* 베스트 댓글 */
#nobel_comm .nobel_comment_cont .nobel_best_comment>li{background:#fbfbfb;}
#nobel_comm .nobel_comm_box .user_id .icon_best{color:#f15584; border:1px solid #f15584; border-radius:5px;padding:0 4px;letter-spacing: -1px; margin-right:6px; vertical-align: top;}
#nobel_comm .nobel_best_comment .nobel_recomme_cont{width:100%; border:1px solid #FBFBFB; border-top:1px solid #f1f1f1; border-bottom:none; background:#fff;}
#nobel_comm .nobel_best_comment .nobel_recomme_cont>ul{width:78%;padding:0 20px;overflow: hidden;}
#nobel_comm .nobel_recomm_con_box .user_id{color:#2c2c2c; font-weight:800; line-height:2; }
#nobel_comm .nobel_recomm_con_box .user_id .date{color:#676767; font-size:0.9em; margin-left:10px;}
#nobel_comm .nobel_best_comment .nobel_recomme_textarea{ width:80%; padding:10px; float:left; position:relative;}
#nobel_comm .nobel_best_comment .nobel_recomme_textarea textarea{font-size:1.3em; line-height:1.7; width:82%; float:left;border:1px solid #eeeeee; padding:10px; font-family: inherit;  resize:none; max-width:744px; height:54px;}
#nobel_comm .nobel_best_comment .nobel_recomme_textarea .nobel_comment_btn{display:block;font-size:1.2em; line-height:1.7;width:17.5%; text-align:center; float:right; position:absolute; top:14%; bottom:14%; right:20px;margin:auto;background: #f15584;border: 1px solid #f15584; padding:1%; color:#fff; font-weight:bold;cursor:pointer; overflow:visible; white-space: nowrap;font-family: inherit;}
/* 답글 */
#nobel_comm .nobel_recomme_cont{width:100%; padding-bottom:20px; margin-top:10px;}
#nobel_comm .nobel_recomme_cont>ul{width:78%;padding:0 20px;overflow: hidden;}
#nobel_comm .nobel_recomme_cont>ul>li{width:100%;padding:10px 0;float:left;background:url(https://cdn.metoon.co.kr/img/sp_cbox.png) no-repeat 0 14px;}
#nobel_comm .nobel_recomm_con_box{width:92%; margin:0 auto; overflow:hidden;}
#nobel_comm .nobel_recomm_con_box .user_id{color:#2c2c2c; font-weight:800; line-height:2; }
#nobel_comm .nobel_recomm_con_box .user_id .date{color:#676767; font-size:0.9em; margin-left:10px;}
#nobel_comm .nobel_recomm_con_box .nobel_comm_area{width:100%; float:left;}
#nobel_comm .nobel_recomm_con_box .nobel_comm_area p{font-size:1.1em; line-height:1.4; width:100%;float:left;word-wrap: break-word;}
#nobel_comm .nobel_comment_wrap1 .nobel_recomme_textarea{width:100%; padding:0; border: 1px solid #eeeeee; float: left; position: relative;}
#nobel_comm .nobel_comment_wrap1 .nobel_recomme_textarea textarea{font-size: 1.1em; width: 80%; float: left; border: 1px solid #eeeeee; padding: 10px 1%; font-family: inherit; resize: none; max-width: 740px; width:100%; padding: 10px; padding-right: 100px; border:none; max-width:none; }
#nobel_comm .nobel_comment_wrap1 .nobel_recomme_textarea .nobel_comment_btn{display: block; font-size:15px; line-height:normal; height: 52px; width: 90px; text-align: center; float: right; position: absolute; bottom: auto; right: 0; margin: auto; border: 1px solid #c53232; padding: 1%; color: #fff; font-weight: 400; cursor: pointer; overflow: visible; white-space: nowrap; font-family: inherit;}
#nobel_comm .nobel_comment_wrap1 .recomm_con_box .user_id{font-weight:normal; font-size:15px; }
#nobel_comm .nobel_comment_wrap1 .recomm_con_box .comm_area p{font-size:13px;}
#nobel_comm .nobel_comment_wrap1 .recomm_con_box .user_id .date{font-size: 0.8em;}
#nobel_comm .recomme_cont{width:100%; padding-bottom:20px;}
#nobel_comm .nobel_recomme_cont>ul{width:78%;padding:0 20px;overflow: hidden;}
#nobel_comm .nobel_recomme_cont>ul>li{width:100%; padding:10px 0; float:left;	background:url(https://cdn.metoon.co.kr/img/sp_cbox.png) no-repeat 0 14px;}
#nobel_comm .recomm_con_box{width:92%; margin:0 auto; overflow:hidden;}
#nobel_comm .recomm_con_box .user_id{color:#2c2c2c; font-weight:800; line-height:2; font-weight: normal; font-size: 15px;}
#nobel_comm .recomm_con_box .user_id .date{color:#676767; font-size:0.8em; margin-left:10px;}
#nobel_comm .recomm_con_box .comm_area{width:100%; float:left; font-weight: normal;}
#nobel_comm .recomm_con_box .comm_area p{font-size: 13px; line-height:1.4; width:100%;float:left;	word-wrap: break-word;}
/* 답글 등록 form */
#view_container_bottom .comment_wrap1 .recomme_textarea{width:100%; padding:0; border: 1px solid #eeeeee;}
#view_container_bottom .comment_wrap1 .recomme_textarea textarea{width:100%; padding: 10px; padding-right: 100px; border:none; max-width:none; }
#view_container_bottom .comment_wrap1 .recomme_textarea .comment_btn{display: block; font-size:15px; line-height:normal; height: 54px; width: 90px; text-align: center; float: right; position: absolute; top: -1px; bottom: auto; right: 0; margin: auto; border: 1px solid #c53232; padding: 1%; color: #fff; font-weight: bold; cursor: pointer; overflow: visible; white-space: nowrap; font-family: inherit;}
#view_container_bottom .comment_wrap1 .recomm_con_box .user_id{font-weight:normal; font-size:15px; }
#view_container_bottom .comment_wrap1 .recomm_con_box .comm_area p{font-size:13px;}
#view_container_bottom .comment_wrap1 .recomm_con_box .user_id .date{font-size: 0.8em;}
/* 답글 접기 */
#nobel_comm .recomme_fold{width:100%; float:left; background:#fff; padding:0 20px; text-align:center;padding-bottom:15px;}
#nobel_comm .recomme_fold a{display:block; padding:15px 0; background: #fff; border: 1px solid #eeeeee;}
#nobel_comm .recomme_fold span{padding-right:15px; background:url(https://cdn.metoon.co.kr/img/reply_fold.png) no-repeat 100% center;}
.nobel_page_wrap .nobel_comment_pager{width:100%; height:120px; float:left; position:relative;text-align:center; margin-top:40px;}
.nobel_page_wrap .nobel_comment_pager a{vertical-align:middle;display:inline-block;width:30px;height:30px;line-height: 28px; text-align: center; margin: 0 8px; font-size:1.3em; font-weight:bold; color:#676767;background:#fff; border:1px solid #dcdcdc;}
.nobel_page_wrap .nobel_comment_pager .on{color:#d52b2c;}/* white버전 */
/* 댓글 리뉴얼 */
#nobel_comm .nobel_comment_wrap1{border: 1px solid #ddd; background: #fff; padding:80px 109px; margin-top: 35px;}
#nobel_comm .nobel_comment_title_item{position:relative;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_title{width:74%;width:calc(100% - 100px);font-weight:400; padding-bottom: 20px; font-size: 1.4em;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_title span{font-weight: normal; font-size: 16px; color: #676767; vertical-align: text-bottom; letter-spacing: -0.05em;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_title:only-child{width:auto;}
#nobel_comm .nobel_comment_title_item .btn_support_me{position:absolute;top:0;right:0;display:block;min-width:90px;padding:0 10px;height:36px;line-height:34px;border:1px solid #333;border-radius:3px;background-color:#333;font-size:15px;color:#fff;box-sizing:border-box;margin-top:-12px;}
.comment_l_btn{display:inline-block;padding:0 8px;height:30px;line-height:30px;font-size:14px;color:#fff;background-color:#d32b2b;border-radius:3px;margin-left:10px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_box{/* padding-right:300px; */width: 100%; position: relative; overflow: hidden; min-height:515px;}
#nobel_comm .nobel_comment_wrap1 .comment_banner_box{display:none;position: absolute; right: 0; top: 0; width: 270px;}
#nobel_comm .nobel_comment_wrap1 .comment_banner_box a{margin-bottom: 10px; display: block;}
#nobel_comm .nobel_comment_wrap1 .comment_banner_box a img{width: 100%; display: block; cursor: pointer;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_form{width: 100%; margin: 25px 0; float: left; position: relative; margin-top: 0;}
#nobel_comm .nobel_comment_wrap1 #refresh_cmt{width: 100%; overflow: hidden; position: relative;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_form .nick_name_txt{width: 100%; padding: 10px; padding-right: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; top: 0; left: 0; border-bottom: 1px solid #eeeeee; color: #2c2c2c; font-size: 1.1em;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_form .no_nick_txt{color: #a7a7a7; font-weight: normal;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_form input{display: none; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #eeeeee; background: #f7f7f7; color: #2c2c2c; font-size: 1.1em; padding: 10px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_form textarea{font-size: 14px; width: 100%; float: left; border: 1px solid #eeeeee; padding: 45px 10px 10px; font-family: inherit; resize: none; height: 120px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_form .nobel_comment_btn{display: block; font-size:15px; line-height:normal; height: 37px; width: 90px; text-align: center; float: right; position: absolute; top: 0; bottom: auto; right: 0; margin: auto; border: 1px solid #c53232; padding: 1%; color: #fff; font-weight: 400; cursor: pointer; overflow: visible; white-space: nowrap; font-family: inherit;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_cont{width: 100%;min-height: 200px;float: left;border-top: none;background:url('https://cdn.metoon.co.kr/mimg/loadpre_logo.gif') no-repeat center;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_cont>ul{width: 100%;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_cont>ul>li{width: 100%; border-bottom: 1px solid #E8E8E8; padding:10px 0; float: left;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box{width: 100%; margin:0px auto; overflow: hidden;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .user_id{color: #2c2c2c; font-weight: normal; /* line-height: 2; */ padding:5px 0 4px;line-height:1.4;margin-bottom: 5px; font-size: 15px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .user_id img{vertical-align: middle; margin-top: -2px; width: 20px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .user_id span{font-weight: 300; font-size: 0.8em;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .user_id .date{color: #676767; margin-left: 10px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .user_id .ep{background: #efefef; margin-left: 3px; padding: 2px 5px; border-radius: 5px; letter-spacing: -0.05em; font-size: 13px;}
#nobel_comm .btn_report_alert{position:relative;display:inline-block;border:0 none;border-radius:3px;padding:3px 6px 2.5px;background-color:#eee;font-family:inherit;font-size:11px;color:#a1a1a1;vertical-align:middle;margin-left:7px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .user_id .btn_report_alert img{width:9px;vertical-align:baseline;margin-top:0;cursor:pointer;}
#nobel_comm .btn_report_alert i{margin-left:3px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .nobel_comm_area{width: 100%; float: left; font-weight: normal;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .nobel_comm_area p{font-size: 1.1em; line-height: 1.4; width: 73%; float: left; word-wrap: break-word; min-height: 20px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .nobel_comm_area .best_comm{display:inline-block;color: #fff; font-size: 12px; font-weight:300; padding: 0 5px; border-radius: 3px; margin-right: 5px;height:18px;line-height:18px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .nobel_comm_area .nobel_recomm_set{width: 27%; float: right; position: relative;}
#nobel_comm .nobel_comment_wrap1 .nobel_comm_box .nobel_comm_area .nobel_recomm_set_box{position: absolute; right: 0; top: auto; bottom: -5px;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_pager{width: 100%; height: auto; float: left; position: relative; text-align: center; margin-top: 30px; cursor: default;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_pager a{vertical-align: middle; display: inline-block;width:auto;padding:0 3px; min-width: 17px; height: 23px; line-height: 21px; text-align: center; margin: 0 3px; font-size: 15px; font-weight: 300; color: #676767; background: #fff; border: 1px solid #dcdcdc;}
#nobel_comm .nobel_comment_wrap1 .nobel_comment_pager a.on{color: #d52b2c;}
#nobel_comm .nobel_comment_wrap1 .comm_pager_btn{border: none; font-size: 16px; line-height: normal;}
#nobel_comm .nobel_comment_wrap1 .comm_pager_btn img{height: 14px; cursor: pointer; padding-top: 5px;}
#view_head{width:100%; background:#404040; }/* white버전 */
#view_head .head_wrap{width:100%;}
/* 메인메뉴 */
#view_head .view_head_menu{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;width:100%; margin:0 auto;}
#view_head #logo{display:block; width:170px; height:70px;background-color:#2B2B2B;float:left;}/* white버전 */
#view_head #logo a{display:-webkit-flex;display:flex;width:100%; height:100%; /* display:block;background: url(https://cdn.metoon.co.kr/img/vtoon_logo_grey.png/me/resize/x32) no-repeat center 45%;background-size:auto 32px;filter:brightness(1.7); */}
#view_head #logo a.viewer_hd_me{position:relative;background:url(https://cdn.metoon.co.kr/img/footer_logo_2_me.jpg) no-repeat center;background-size:contain;}
#view_head #logo a img.viewrLogo{display:block;max-width:100%;height:32px;object-fit:cotain;margin:auto;transform:translateY(-2px);filter:brightness(1.7);}
#view_head #logo a.viewer_hd_me img.viewrLogo{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip:rect(1px 1px 1px 1px);margin:0;opacity:0;z-index:-1;visibility:hidden;}
/* #view_head #logo a.viewer_hd_atoon{background-image:url(https://cdn.metoon.co.kr/img/atoon_logo_grey.png/me/resize/x32);}
#view_head #logo a.viewer_hd_btoon{background-image:url(https://cdn.metoon.co.kr/img/btoon_logo_grey.png/me/resize/x32);}
#view_head #logo a.viewer_hd_ctoon{background-image:url(https://cdn.metoon.co.kr/img/ctoon_logo_grey.png/me/resize/x32);} */
#view_head .head_wrap:after{clear:both; display:block; content:"";}

#view_head  .select_area{width:50%; float:left;position:relative; height:70px;}
#view_head .select_area .cont_now{width:-webkit-calc(100% - 25px);width:-moz-calc(100% - 25px);width:calc(100% - 25px); float:left;  display:block; position:absolute; left: 25px; bottom:15%;}
#view_head .select_area .cont_now p{ background:url(https://cdn.metoon.co.kr/img/list_btn_show1.png) no-repeat 100% center;cursor: pointer; min-width:216px;max-width:100%; text-align:left;  float:left; color:#fff; padding:10px 40px 10px 0; font-size:1.2em; line-height:1.7; vertical-align:middle; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;}
#view_head .select_area .cont_now .cont_number{font-size:0.9em; font-weight:normal; margin-right:10px;}
#view_head .select_area .cont_now span{cursor: pointer;}
#view_head .select_area .cont_list {display:none; position:absolute; top:100%; left:25px; background:#fff; min-width: 300px; border:1px solid #000; border-top:none; float:left; max-height:504px; overflow-y:scroll; z-index:9999;}
#view_head .select_area .cont_list li {cursor:pointer; min-width: 185px; padding: 0 15px; margin:0; font-weight:bold; border-bottom:1px solid #efefef;}
#view_head .select_area .cont_list li:hover{background-color:#efefef;}
#view_head .select_area .cont_list .on a{ color:#d32b2b;}
#view_head .select_area .cont_list li a{font-size:1.2em;margin: 0 auto; width:100%;display:block;padding:10px 0; text-align:left;min-width: 185px;}
#view_head .select_area .cont_list li:hover a{ color:#d52b2c;}/* white버전 */
#view_head .select_area .cont_list .last {border-bottom:0px;}
#view_head .select_area .cont_list li span{cursor:pointer;}
#view_head .select_area .cont_list li .cont_number{font-size:0.9em;font-weight:normal; margin-right:10px;}
/* 우측메뉴 */
#view_head .view_right_menu_btn{display:none; float:right;  height:70px; width:70px; }
#view_head .view_right_menu_btn a{width:100%; height:100%; display:block; overflow:hidden; text-indent:-999999999em; background:url(https://cdn.metoon.co.kr/img/btn_view_right_open.png) no-repeat center;}
#view_head #view_right_menu{float:right; position:relative;height:70px;}
#view_head #view_right_menu div{float:left; height:100%;width:69px;}
#view_head #view_right_menu .page_btn{float:left; height:100%;width:141px;	border-left: 1px solid #636363;}
#view_head #view_right_menu .page_btn li{float:left; width:50%; height:100%;max-width:68px; border-left: 1px solid #2b2b2b; border-right:1px solid #636363;}/* white버전 */
#view_head #view_right_menu a{display:block; width:100%; height:100%; overflow:hidden; text-indent:-99999999999999999999999999em;}
#view_head #view_right_menu .page_btn .prev a{background:url(https://cdn.metoon.co.kr/img/view_list_prev.png) no-repeat center;}
#view_head #view_right_menu .page_btn .list_btn a{background:url(https://cdn.metoon.co.kr/img/view_list_btn.png) no-repeat center;	border-right:1px solid #636363;}/* white버전 */
#view_head #view_right_menu .next a{background:url(https://cdn.metoon.co.kr/img/view_list_next.png) no-repeat center; border-left: 1px solid #2b2b2b;border-right:1px solid #636363;}/* white버전 */
#view_head #view_right_menu .heart a{background:url(https://cdn.metoon.co.kr/img/view_haert1_off.png) no-repeat center; border-left: 1px solid #2b2b2b;}/* white버전 */
#view_head #view_right_menu .heart .on{background:url(https://cdn.metoon.co.kr/img/view_haert.png) no-repeat center; border-left: 1px solid #2b2b2b;}
#view_head #view_right_menu .pass{border-left:1px solid #636363;}
#view_head #view_right_menu .pass a{background:url(https://cdn.metoon.co.kr/img/web_pass_unselected.jpg) no-repeat center;}
#view_head #view_right_menu .pass a.on{background:url(https://cdn.metoon.co.kr/img/web_pass_selected.jpg) no-repeat center;}
#view_head #view_right_menu .gall_ad_btn{border-left:1px solid #636363;}
#view_head #view_right_menu .gall_ad_btn a{background:url(https://cdn.metoon.co.kr/img/view_list_gallad.png) no-repeat center 26%;}
.view_prev_next_btn.disabled, .view_prev_next_btn.disabled, .view_btn_group #nxt_btn.disabled{pointer-events:none !important;}

.viewhd_no_adt19{padding:0 15px;border-top:1px solid #525252;background-color:#404040;}
.viewhd_no_adt19_in{display:flex;align-items:center;justify-content:center;gap:15px;height:51px;font-size:14px;color:#FFF;}
.viewhd_no_adt19_l, .viewhd_no_adt19_btn{display:inline-flex;align-items:center;}
.viewhd_no_adt19_in .bold{font-weight:700;}
.viewhd_no_adt19_in .co_green{color:#14E276;}
.viewhd_no_adt19_in .co_yellow{color:#E8E817;}
.viewhd_no_adt19_l{gap:5px;}
.viewhd_no_adt19_icon{height:22px;flex-shrink:0;}
.viewhd_no_adt19_btn{padding:0 8px;height:30px;border:1px solid #E1E1E1;}

@media screen and (max-width:699px){
	.viewhd_no_adt19_in{justify-content:space-between;font-size:13px;}
	.viewhd_no_adt19_icon{height:18px;}
}

/* 컨테이너 */
#view_container{width:100%; position:relative;}
#view_container:after{clear:both; display:block; content:"";}
/* 컨테이너 탑 */
#view_container_top{float:right;width:85.5%; max-width:1026px;}
#view_container_top:after{clear:both; display:block; content:"";}
#view_container_top1{/* float:left; */width:86%; max-width:1030px;}
#view_container_top1:after{clear:both; display:block; content:"";}
/* 컨테이너 탑 공통css */
#view_container .view_wrap{width:90%; margin:0 auto; max-width:1200px;padding-top:120px;}
#view_container .view_wrap:after{display:block; clear:both; content:"";}
#view_container_comm .view_wrap{width:90%; margin:0 auto; max-width:1200px;padding-top:40px;  min-width:800px;}
#view_container_comm #view_container_bottom{margin-bottom: 40px;}
/* 보기설정 왼쪽 */
#view_container_left{float:left; width:174px; font-size:1.1em; position:fixed; margin-left:1px; z-index: 9999;}
#view_container_left .view_setup_box{border:1px solid #e2e2e2;	text-align:center;}
#view_container_left .view_setup{color:#676767; width:100%; margin:15px 0;}
/* 폰트사이즈 세팅 */
#view_container_left .font_size_setup{width:100%; position:relative; margin-bottom:15px;}
#view_container_left .font_size_setup a{display:block; width:22px; height:100%;position:absolute; top:0; bottom:0; margin:auto; text-indent:-999999999999999999em; overflow:hidden;}
#view_container_left .font_size_setup .minus{background:url(https://cdn.metoon.co.kr/img/minus.png) no-repeat center;left:20px;}
#view_container_left .font_size_setup .plus{background:url(https://cdn.metoon.co.kr/img/plus.png) no-repeat center;right:20px;}
#view_container_left .font_size_setup p{font-size:1.3em; padding:5px 0; font-weight:bold;}
/* bg 컬러 세팅 */
#view_container_left .view_bg_color{width:100%; float:left; margin-bottom:20px;}
#view_container_left .view_bg_color ul{width:95%; margin:0 auto;}
#view_container_left .view_bg_color li{float:left; width:25%;}
#view_container_left .view_bg_color li a{display:block; margin:5px;width:34px; height:34px;border-radius:5px; text-indent:-9999999999999999999em; overflow:hidden;}
#view_container_left .view_bg_color li .bg_white{background:#fff; width:32px; height:32px;border:1px solid #eee; }
#view_container_left .view_bg_color li .bg_black{background:#000;}
#view_container_left .view_bg_color li .bg_gray{background:#ededed;}
#view_container_left .view_bg_color li .bg_beige{background:#ffeecc;}
/* 페이지 스크롤&리스트 버튼 */
#view_container_left .veiwpage_controller{width:100%; float:left;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
#view_container_left .veiwpage_controller ul{width:100%; float:left;}
#view_container_left .veiwpage_controller li{float:left; width:33%; max-width:56px;}
#view_container_left .veiwpage_controller .page_list_btn{border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
#view_container_left .veiwpage_controller li a{display:block; width:100%; padding:20px 0;	overflow:hidden;text-indent:-99999999999999999999999em;}
#view_container_left .veiwpage_controller .page_up_btn a{background:url(https://cdn.metoon.co.kr/img/page_up_btn.png) no-repeat center;}
#view_container_left .veiwpage_controller .page_list_btn a{background:url(https://cdn.metoon.co.kr/img/page_list_btn.png) no-repeat center;}
#view_container_left .veiwpage_controller .page_down_btn a{background:url(https://cdn.metoon.co.kr/img/page_down_btn.png) no-repeat center;}
#view_container_left .nextnobel_controller{width:100%; position:relative; overflow:hidden;}
#view_container_left .nextnobel_controller a{display:block; width:22px; height:100%;	position:absolute; top:0; bottom:0; margin:auto; text-indent:-999999999999999999em; overflow:hidden; z-index:99;}
#view_container_left .nextnobel_controller:hover .prenxt{color:#d52b2c;}/* white버전 */
#view_container_left .nextnobel_controller .prev{background:url(https://cdn.metoon.co.kr/img/next_view_prev.png) no-repeat 100% center; left:0; padding-left:15px;}
#view_container_left .nextnobel_controller .next{background:url(https://cdn.metoon.co.kr/img/next_view_next.png) no-repeat 0 center; right:0; padding-right:15px;}
#view_container_left .nextnobel_controller p{font-size:1.0em; padding:8px 0; color:#676767; transition:.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#view_container_left .nextnobel_controller .prenxt{display:none; position:absolute; top:0; left:0; right:0; background:#fff;}
#view_container_left .icon_controller{width:100%; overflow:hidden;}
#view_container_left .icon_controller a{display:block; text-indent:20px; padding:8px 0; border-top:1px solid #ddd; color:#676767; background:url(https://cdn.metoon.co.kr/img/icon_character_off.png) no-repeat 8px center;}
#view_container_left .icon_controller .icon_on{background:url(https://cdn.metoon.co.kr/img/icon_character_on.png) no-repeat 8px center;}
#view_container_left .speech_controller{width:100%; overflow:hidden;}
#view_container_left .speech_controller a{display:block; text-indent:20px; padding:8px 0; border-top:1px solid #e2e2e2; color:#676767; background:url(https://cdn.metoon.co.kr/img/icon_character_off.png) no-repeat 8px center;}
#view_container_left .speech_controller .speech_on{background:url(https://cdn.metoon.co.kr/img/icon_character_off.png) no-repeat 8px center;}
#view_container_left .speech_controller .icon_on{background:url(https://cdn.metoon.co.kr/img/icon_character_red_on.png) no-repeat 8px center;}/* white버전 */
#view_container_left .point_shop{border:1px solid #d52b2c; border-right:none;  height:36px; text-align:center; background:#d52b2c; text-align:left; }
#view_container_left .point_shop a{display:block; color:#fff; font-weight:bold; background:url(https://cdn.metoon.co.kr/img/point_shop_btn1.png) no-repeat 86% center; padding:10px 0 10px 25px;}
 /* 보기설정 박스 오른쪽 */
#view_container_setup{float: right; width: 90%; left:0; right: 0; top: 120px; height:0; margin: auto; max-width: 1200px; z-index: 9999; position: fixed;}
#view_container_setup .view_setup_box{float: right; width: 174px; margin-right:-3px; border: 1px solid #e2e2e2; text-align: center; background:#fff;}
#view_container_setup .view_setup{color:#676767; width: 90%; margin: 15px auto 15px; padding-bottom: 12px; border-bottom: 1px solid #ddd;}
#view_container_setup.on .view_setup_box{position:absolute; right:0; top:0; background: #fff;}
/* 폰트사이즈 */
#view_container_setup .font_size_setup{width:100%; position:relative; margin-bottom:10px; overflow: hidden;}
#view_container_setup .font_size_setup a{display:block; width:22px; height:100%; position:absolute; top:0; bottom:0; margin:auto; text-indent:-999999999999999999em; overflow:hidden;}
#view_container_setup .font_size_setup .minus{background:url(https://cdn.metoon.co.kr/img/minus.png) no-repeat center;left:20px;}
#view_container_setup .font_size_setup .plus{background:url(https://cdn.metoon.co.kr/img/plus.png) no-repeat center;right:20px;}
#view_container_setup .font_size_setup p{font-size:1.3em; padding:5px 0; font-weight:bold;}
/* 줄간격 */
#view_container_setup .view_font_height{width:100%; position:relative; margin-bottom:15px; overflow: hidden;}
#view_container_setup .view_font_height a{display:block; width:22px; height:100%; position:absolute; top:0; bottom:0; margin:auto; text-indent:-999999999999999999em; overflow:hidden;}
#view_container_setup .view_font_height .height_down{background:url(https://cdn.metoon.co.kr/img/minus.png) no-repeat center;left:20px;}
#view_container_setup .view_font_height .height_up{background:url(https://cdn.metoon.co.kr/img/plus.png) no-repeat center;right:20px;}
#view_container_setup .view_font_height p{font-size:1.3em; padding:5px 0; font-weight:bold;}
/* 자간 */
#view_container_setup .view_font_width{width:100%; position:relative; margin-bottom:15px; overflow: hidden;}
#view_container_setup .view_font_width a{display:block; width:22px; height:100%; position:absolute; top:0; bottom:0; margin:auto; text-indent:-999999999999999999em; overflow:hidden;}
#view_container_setup .view_font_width .width_down{background:url(https://cdn.metoon.co.kr/img/minus.png) no-repeat center;left:20px;}
#view_container_setup .view_font_width .width_up{background:url(https://cdn.metoon.co.kr/img/plus.png) no-repeat center;right:20px;}
#view_container_setup .view_font_width p{font-size:1.3em; padding:5px 0; font-weight:bold;}
/* 글꼴 */
#view_container_setup .view_font_style{text-align:center; width:100%; margin-bottom:15px; position:relative; overflow: hidden;}
#view_container_setup .view_font_style p{float:left; width:100%; font-size: 16px; padding:5px 10px; text-align:center; letter-spacing: -0.05em; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#view_container_setup .view_font_style>div{float:left; width:100%; padding:2px 5px; position:relative;}
#view_container_setup .view_font_style>div a{padding:5px 0; display:block; float:left; width:50%; text-align:center;}
#view_container_setup .view_font_style>div a.on{color:#d32b2b;}
#view_container_setup .view_font_style>div:after{content: "｜"; width: 13px; position: absolute; top: 0; bottom: 0; display: block; right: 0; left: 0; margin: auto; height: 15px; font-size: 12px;}
/* bg 컬러 */
#view_container_setup .view_bg_color{width:100%; float:left; margin-bottom:15px;}
#view_container_setup .view_bg_color ul{width:95%; margin:0 auto;}
#view_container_setup .view_bg_color li{float:left; width:25%;}
#view_container_setup .view_bg_color li a{display:block; margin:5px;width:34px; height:34px; border-radius:5px; text-indent:-9999999999999999999em; overflow:hidden;}
#view_container_setup .view_bg_color li .bg_white{background:#fff; width:32px; height:32px; border:1px solid #eee; }
#view_container_setup .view_bg_color li .bg_black{background:#000;}
#view_container_setup .view_bg_color li .bg_gray{background:#ededed;}
#view_container_setup .view_bg_color li .bg_beige{background:#ffeecc;}
/* 페이지 스크롤&리스트 버튼 */
#view_container_setup .veiwpage_controller{width:100%; float:left;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
#view_container_setup .veiwpage_controller ul{width:100%; float:left;}
#view_container_setup .veiwpage_controller li{float:left; width:33%; max-width:56px;}
#view_container_setup .veiwpage_controller .page_list_btn{border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
#view_container_setup .veiwpage_controller li a{display:block; width:100%; padding:25px 0;	overflow:hidden; text-indent:-99999999999999999999999em;}
#view_container_setup .veiwpage_controller .page_up_btn a{background:url(https://cdn.metoon.co.kr/img/page_up_btn1.png) no-repeat center;}
#view_container_setup .veiwpage_controller .page_list_btn a{background:url(https://cdn.metoon.co.kr/img/page_list_btn1.png) no-repeat center;}
#view_container_setup .veiwpage_controller .page_down_btn a{background:url(https://cdn.metoon.co.kr/img/page_down_btn1.png) no-repeat center;}
#view_container_setup .nextnobel_controller{width:100%; position:relative; overflow:hidden;}
#view_container_setup .nextnobel_controller a{display:block; width:22px; height:100%;	position:absolute; top:0; bottom:0; margin:auto; text-indent:-999999999999999999em; overflow:hidden; z-index:99;}
#view_container_setup .nextnobel_controller:hover .prenxt{color:#d52b2c;}
#view_container_setup .nextnobel_controller .prev{background:url(https://cdn.metoon.co.kr/img/next_view_prev.png) no-repeat 100% center; left:0; padding-left:15px;}
#view_container_setup .nextnobel_controller .next{background:url(https://cdn.metoon.co.kr/img/next_view_next.png) no-repeat 0 center; right:0; padding-right:15px;}
#view_container_setup .nextnobel_controller p{font-size:1.0em; padding:8px 0; color:#676767; transition:.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#view_container_setup .nextnobel_controller .prenxt{display:none; position:absolute; top:0; left:0; right:0; background:#fff;}
#view_container_setup .icon_controller{width:100%; overflow:hidden;}
#view_container_setup .icon_controller a{display:block; text-indent:20px; padding:12px 0; border-top:1px solid #ddd; color:#676767; background:url(https://cdn.metoon.co.kr/img/icon_character_off.png) no-repeat 8px center;}
#view_container_setup .icon_controller .icon_on{background:url(https://cdn.metoon.co.kr/img/icon_character_on.png) no-repeat 10px center;}
#view_container_setup .speech_controller{width:100%; overflow:hidden;}
#view_container_setup .speech_controller a{font-size: 14px; display:block; text-indent:20px; padding:12px 0; border-top:1px solid #e2e2e2; color:#676767; background:url(https://cdn.metoon.co.kr/img/icon_character_off.png) no-repeat 8px center;}
#view_container_setup .speech_controller .speech_on{background:url(https://cdn.metoon.co.kr/img/icon_character_off.png) no-repeat 10px center;}
#view_container_setup .speech_controller .icon_on{background:url(https://cdn.metoon.co.kr/img/icon_character_red_on.png) no-repeat 10px center;}
/* 기본값복원 */
#view_container_setup .reset_view{width:100%; overflow:hidden; background:#f8f8f8;}
#view_container_setup .reset_view a{display:block; text-indent:0px; padding:10px 0; border-top:1px solid #e2e2e2; color:#b8b8b8; font-size: 14px; }
/* ME충전 */
#view_container_setup .point_shop{border:1px solid #d52b2c; border-right:none;  height:36px; text-align:center; background:#d52b2c; text-align:left; }
#view_container_setup .point_shop a{display:block; color:#fff; font-weight:bold; background:url(https://cdn.metoon.co.kr/img/point_shop_btn1.png) no-repeat 86% center; padding:10px 0 10px 25px;}
@media all and (min-width:1275px) and (max-width:1400px){
	#view_container_setup{width:95%;}
}
@media all and (max-width:1240px){
	#view_container_setup{width:100%;}
}
@media all and (max-width:1231px){
	#view_container_setup{width: 100%; max-width: none;}
	#view_container_setup .view_setup_box{margin:0; margin-right:10px; transition:.5s;}
	#view_container_setup.on .view_setup_box{margin-right: -174px; transition:.5s;}
}
@media all and (max-width:1110px){
	#view_container_setup .view_setup_box{position:absolute; right:0; top:0; background: #fff;}
}
/* 소설 컨테이너 */
#view_container_top #view_container_right{width:100%; font-size:13px; position:relative;}
#view_container_top #view_container_right .btm_btn{/* position:absolute; bottom:30px; left:0;  */position:relative;display:flex;justify-content:center;width:100%; text-align:center;margin-top:50px;}
#view_container_top #view_container_right .btm_btn a{display:inline-block; width:68px; height:69px; text-indent:-999999999em; overflow:hidden; margin:0 3px;}
#view_container_top #view_container_right .btm_btn .prev{background:url(https://cdn.metoon.co.kr/img/icon_btm_prev.png) no-repeat center;}
#view_container_top #view_container_right .btm_btn .list{background:url(https://cdn.metoon.co.kr/img/icon_btm_list.png) no-repeat center;}
#view_container_top #view_container_right .btm_btn .next{background:url(https://cdn.metoon.co.kr/img/icon_btm_next.png) no-repeat center;}
#view_container_top .detail_view_box{/* border:1px solid #e2e2e2; */text-align:left;padding-top:30px; padding-bottom: 50px;}
.detail_view_box .view_title{text-align:center; display:block; font-size:1.7em; font-weight:bold; color:#676767; margin-bottom:100px;padding:20px 0; background:url(https://cdn.metoon.co.kr/img/detail_view_title_line.png) no-repeat center 100%;background-size:100%;}
.detail_view_box .view_title .list_num{margin-right:5px; color:#2c2c2c; font-size:0.9em;display: block;margin-bottom: 15px;}
.detail_view_box  .detail_view_content{width:100%; font-size:21px;}
.detail_view_box  .detail_view_content p{width:90%; margin:50px auto;max-width: 700px; line-height:2.3;}
.detail_view_box  .detail_view_content .nobel_detail_num{text-align:center;}
.detail_view_box  .detail_view_content .txt_center{text-align:center; margin-bottom:150px;}
.detail_view_box  .detail_view_content #view_copyright{width:90%; margin:50px auto 50px; max-width:720px;}
.detail_view_box  .detail_view_content #view_copyright img{width:100%;}
/* 소설 컨테이너 수정 */
#view_container_top1 #view_container_right{width:100%; font-size:13px; position:relative;}
#view_container_top1 #view_container_right .btm_btn{position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
#view_container_top1 #view_container_right .btm_btn a{display:inline-block; width:68px; height:69px; text-indent:-999999999em; overflow:hidden; margin:0 3px;}
#view_container_top1 #view_container_right .btm_btn .prev{background:url(https://cdn.metoon.co.kr/img/icon_btm_prev.png) no-repeat center;}
#view_container_top1 #view_container_right .btm_btn .list{background:url(https://cdn.metoon.co.kr/img/icon_btm_list.png) no-repeat center;}
#view_container_top1 #view_container_right .btm_btn .next{background:url(https://cdn.metoon.co.kr/img/icon_btm_next.png) no-repeat center;}
#view_container_top1 .detail_view_box{/* border:1px solid #e2e2e2; */text-align:left;padding-top:30px; padding-bottom: 80px; font-family: "KoPub Dotum";}
#view_container_top1 .detail_view_box .view_title{text-align:center; display:block; font-size:1.7em; font-weight:bold; color:#676767; margin-bottom:100px; padding:20px 0; background:url(https://cdn.metoon.co.kr/img/detail_view_title_line.png) no-repeat center 100%;}
#view_container_top1 .detail_view_box .view_title .list_num{margin-right:5px; color:#2c2c2c; font-size:0.9em;display: block; margin-bottom: 15px;}
#view_container_top1 .detail_view_box  .detail_view_content{width:100%; font-size:21px;}
#view_container_top1 .detail_view_box  .detail_view_content p{width:90%; margin:50px auto;max-width: 700px; line-height:45px;}
#view_container_top1 .detail_view_box  .detail_view_content .nobel_detail_num{text-align:center;}
#view_container_top1 .detail_view_box  .detail_view_content .txt_center{text-align:center; margin-bottom:150px;}
#view_container_top1 .detail_view_box  .detail_view_content #view_copyright{width:90%; margin:50px auto 50px; max-width:720px;}
#view_container_top1 .detail_view_box  .detail_view_content #view_copyright img{width:100%;}
/* 뷰어 캐릭터 아이콘 */
#view_container_top1 .detail_view_content .character_icon{width:50px; height:50px; position:relative; display:inline-block; top:0; left: 15%;}
#view_container_top1 .detail_view_content .character_icon img{width:100%;}
#view_container_top1 .detail_view_content .character_icon .icon_cover_white{position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_white.png) no-repeat center;}
#view_container_top1 .detail_view_content .character_icon .icon_cover_black{display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_black.png) no-repeat center;}
#view_container_top1 .detail_view_content .character_icon .icon_cover_gray{display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_gray.png) no-repeat center;}
#view_container_top1 .detail_view_content .character_icon .icon_cover_beige{display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_beige.png) no-repeat center;}
#view_container_top1 .detail_view_box .detail_view_content .character_p{width:59%; padding-left:4%; margin-top: -35px;}
/* 말풍선 */
#view_container_top1 .character_p {display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
#view_container_top1 .character_p:before {position: absolute; top: -60px; left: 0; height: 36px; display: block;}
#view_container_top1 .detail_view_box .detail_view_content .character_p:after {content: ""; position: absolute; top: 15px; left: -15px; border: 15px solid transparent; border-top-color: #eee; display: block; width: 0;}
#view_container_top1 .detail_view_box .detail_view_content .character_p{position: relative; width: auto; max-width: 59%; margin-top: -35px; left: 4%; padding: 15px; color: #333; background: #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#view_container_top1 .detail_view_box .detail_view_content .character_p_g{position: relative; width: auto; max-width: 59%; margin-top: -35px; left: 4%; padding: 15px; color: #333; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#view_container_top1 .detail_view_box .detail_view_content .character_p_g:after {content: ""; position: absolute; top: 15px; left: -15px; border: 15px solid transparent; border-top-color:#fff; display: block; width: 0;}
@media all and (min-width:1229px) and (max-width:1400px){
	#view_container .view_wrap{width:95%;}
	#view_container_top1 .detail_view_content .character_icon{ left: 14%;}
}
@media all and (min-width:1000px) and (max-width:1230px){
	#view_container_left{width: 50%; left: 0;}
	#view_container_left .view_setup_box{background:#fff; width: 174px;}
	#view_container_left .point_shop{width: 174px;}
	#view_container .view_wrap{width:95%;}
	#view_container_top1{width: 83%; max-width: 990px; margin: 0 auto; float: none;}
	#view_container_top1 .detail_view_box .detail_view_content p{margin: 25px auto;}
	#view_container_top1 .detail_view_content .character_icon{ left: 13%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p{max-width: 64%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p_g{max-width: 64%;}
}
@media all and (max-width:1150px){
	#view_container_top1 .detail_view_content .character_icon{ left: 10%;}
	#view_container_bottom .recomme_textarea textarea{width: 79%;}
}
@media all and (max-width:1110px){
	#view_container_top1 .detail_view_box .detail_view_content p{width:80%;}
	#view_container_top1 .detail_view_content .character_icon{left:10%;}
}
@media all and (max-width:999px){
	/* #view_head{min-width:500px;}
	#view_container{min-width:500px;} */
	#view_container_left{background:#fff; left: 0;}
	#view_container .view_wrap{width:95%;}
	#view_container_top1{width: 100%; max-width: 990px; margin: 0 auto; float: none;}
	#view_container_top1 .detail_view_box .detail_view_content p{margin: 15px auto;}
	#view_container_top1 .detail_view_content .character_icon{left: 10%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p{max-width: 64%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p_g{max-width: 64%;}
	#view_head .select_area .cont_now p {white-space: nowrap; text-overflow: ellipsis; width: 83%; overflow: hidden;}
	#view_head .select_area{width: 48%;}
	#view_container_comm{margin: 0 auto; width: 95%;}
	#view_container_comm .view_wrap{width:100%; /* min-width:800px; */}
}
@media all and (max-width:900px){
	#view_head .view_right_menu_btn{display:block;}
	#view_head .view_head_menu{position: relative;border-bottom: 1px solid #404040;}
	#view_right_menu{display:none; position: absolute; top: 101%; right:0; background: #404040; border-top: 1px solid #636363;}
	#view_head .select_area .cont_now{left:10px;}
	#view_head .select_area .cont_now p{white-space: nowrap; text-overflow: ellipsis; width: 90%; overflow: hidden;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p{max-width: 62%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p_g{max-width: 62%;}
}
@media all and (max-width:849px){
	#view_container_top1 .detail_view_box .detail_view_content p{margin: 13px auto;}
	#view_container_top1 .detail_view_content .character_icon{ left: 10%; width: 45px; height: 45px;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_white{background-size:100%;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_black{background-size:100%;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_gray{background-size:100%;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_green{background-size:100%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p{max-width: 63%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p_g{max-width: 63%;}
}
@media all and (max-width:800px){
	#view_container_bottom .recomme_textarea textarea { width: 78%; }
}
@media all and (max-width:700px){
	#view_container_top1 .detail_view_content .character_icon{left: 10%; width: 42px; height: 42px;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_white{background-size:100%;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_black{background-size:100%;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_gray{background-size:100%;}
	#view_container_top1 .detail_view_content .character_icon .icon_cover_green{background-size:100%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p{max-width: 60%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p_g{max-width: 60%;}
}
@media all and (max-width:615px){
	#view_container_top1 .detail_view_box .detail_view_content .character_p{max-width: 54%;}
	#view_container_top1 .detail_view_box .detail_view_content .character_p_g{max-width: 54%;}
}
/* 컨테이너 하단 */
#view_container_bottom {width:100%; margin-bottom:100px;}
#view_container_bottom:after{clear:both; display:block; content:"";}
#view_container_bottom .nobel_comment_pager {width: 100%; height: 120px; float: left; position: relative; text-align: center; margin-top: 40px;}
#view_container_bottom .nobel_comment_pager a {vertical-align: middle; display: inline-block; width: 30px; height: 30px; line-height: 28px; text-align: center; margin: 0 8px; font-size: 1.2em; font-weight: bold; color: #676767; background: #fff; border: 1px solid #dcdcdc;}
#view_container_bottom .nobel_comment_pager .on { color: #d32b2b;}/* white버전 */
/* 댓글 */
#view_container_bottom .comment_wrap{ padding:0 10px; margin-top:35px; overflow:hidden;}
#view_container_bottom .comment_wrap .comment_title{font-weight:bold; font-size:1.4em;}
/* 댓글 등록 form */
#view_container_bottom .comment_wrap .comment_form{width:100%; margin:25px 0; float:left; position:relative;}
#view_container_bottom .comment_wrap .comment_form textarea{font-size:1.2em; width:82%; float:left; border:1px solid #eeeeee; padding:45px 10px 10px; font-family: inherit;  resize:none; height: 120px;}
#view_container_bottom .comment_wrap .comment_btn{display:block;font-size:1.2em; line-height:1.7; width:17.5%; text-align:center; float:right; position:absolute; top:0; bottom:0; right:0; margin:auto; border:1px solid #404040; padding:1%; color:#fff; font-weight:bold; cursor:pointer; overflow:visible; white-space: nowrap;font-family: inherit;}/* white버전 */
#view_container_bottom .comment_wrap .comment_form .nick_name_txt{display:block; position:absolute; top:0; left:0; width:82%;border-bottom:1px solid #eeeeee; color:#2c2c2c;font-size: 1.1em; padding: 10px 0;  text-indent: 10px;}
#view_container_bottom .comment_wrap .comment_form input{display:none;}
/* 댓글 컨테이너 */
#view_container_bottom .comment_cont{width:100%; float:left; border-top:1px solid #f1f1f1;}
#view_container_bottom .comment_cont:after{clear:both; display:block; content:"";}
#view_container_bottom .comment_cont>ul{width:100%;}
#view_container_bottom .comment_cont>ul>li{width:100%; border-bottom:1px solid #f1f1f1; padding:10px 0 0;	float:left;}
#view_container_bottom .comm_box{width:95%; margin:10px auto; overflow:hidden;}
#view_container_bottom .comm_box .user_id{color:#2c2c2c; font-weight:700; line-height:2; margin-bottom:10px;	font-size:1.2em;}
#view_container_bottom .comm_box .user_id>img{vertical-align:middle; margin-top:-2px; width:25px;}
#view_container_bottom .comm_box .user_id span{ font-weight:normal; font-size:0.8em; }
#view_container_bottom .comm_box .user_id .date{color:#676767;margin-left:10px;}
#view_container_bottom .comm_box .comm_area{width:100%; float:left;}
#view_container_bottom .comm_box .comm_area p{font-size:1.1em; line-height:1.4; width:73%;float:left;word-wrap: break-word;}
#view_container_bottom .comm_box .comm_area .recomm_set{width:27%; float:right;position:relative;}
#view_container_bottom .comm_box .comm_area .recomm_set_box{position:absolute; right:0; top:0; }
#view_container_bottom .comm_box .comm_area .recomm_set a{display:block; float:left; padding:0 10px; cursor:pointer;text-align:right;}
#view_container_bottom .recomm_set .recomm_btn{color:#f15584;}
#view_container_bottom .recomm_set .unrecomm_btn{color:#6594d3;}
#view_container_bottom .recomm_set span{ float: left; cursor:pointer;}
#view_container_bottom .recomm_set .recomm_count{color:#d32b2b;}/* white버전 */
#view_container_bottom .recomm_set .re_btn{overflow:hidden; display:block; text-indent:-999999999999999999em; color:transparent; width:14px; height: 15px; padding-right: 10px;}
#view_container_bottom .recomm_set .recomm_btn .recomm{background:url(https://cdn.metoon.co.kr/img/icon_re_red.png) no-repeat 0; }/* white버전 */
#view_container_bottom .recomm_set .unrecomm_btn .unrecomm{background:url(https://cdn.metoon.co.kr/img/icon_unre.png) no-repeat 0; }
#view_container_bottom .comment_wrap .reply_btn{float:left; width:100%; margin-top:5px; }
#view_container_bottom .comment_wrap .reply_btn p{display:block; float:left; line-height:2; padding:0 5px; padding-left:0; cursor:pointer; font-size:0.95em;	background:url(https://cdn.metoon.co.kr/img/reply_open.png) no-repeat 100% center;}
#view_container_bottom .comment_wrap .reply_btn p .reply_count{display:inline-block;color:#d32b2b;margin:0 13px 0 3px; cursor:pointer;}
#view_container_bottom .nobel_comment_cont{width:100%; float:left; border-top:1px solid #f1f1f1;}
#view_container_bottom .nobel_comment_cont:after{clear:both; display:block; content:"";}
#view_container_bottom .nobel_comment_cont>ul{width:100%;}
#view_container_bottom .nobel_comment_cont>ul>li{width:100%; border-bottom:1px solid #E8E8E8; padding:10px 0 0;	float:left;}
#view_container_bottom .nobel_comm_box{width:100%; margin:10px auto; overflow:hidden;}
#view_container_bottom .nobel_comm_box .user_id{color:#2c2c2c; font-weight:700; line-height:2; margin-bottom:10px;font-size:1.2em;}
#view_container_bottom .nobel_comm_box .user_id img{vertical-align: middle; margin-top: -2px; width:25px;}
#view_container_bottom .nobel_comm_box .user_id span{ font-weight:normal; font-size:0.8em; }
#view_container_bottom .nobel_comm_box .user_id .date{color:#676767;margin-left:10px;}
#view_container_bottom .nobel_comm_box .nobel_comm_area{width:100%; float:left;}
#view_container_bottom .nobel_comm_box .nobel_comm_area p{font-size:1.1em; line-height:1.4; width:73%;float:left;word-wrap: break-word; min-height:20px;}
#view_container_bottom .nobel_comm_box .nobel_comm_area .nobel_recomm_set{width:27%; float:right;position:relative;}
#view_container_bottom .nobel_comm_box .nobel_comm_area .nobel_recomm_set_box{position:absolute; right:0; top:0; }
#view_container_bottom .nobel_comm_box .nobel_comm_area .nobel_recomm_set a{display:block; float:left; margin:0 10px; cursor:pointer; text-align:right;}
#view_container_bottom .nobel_recomm_set .nobel_recomm_btn{color:#d52b2c;}/* white버전 */
#view_container_bottom .nobel_recomm_set .nobel_unrecomm_btn{color:#6594d3;}
#view_container_bottom .nobel_comm_box .nobel_comm_area .best_comm{color:#fff; padding: 2px 4px; border-radius: 5px; margin-right: 5px; font-size: 12px; vertical-align: text-top;}
#view_container_bottom .nobel_recomm_set span{ float: left; cursor:pointer; height:15px; display: block;}
#view_container_bottom .nobel_recomm_set .re_btn{overflow:hidden; text-indent:-999999999999999999px; color:transparent;  width:14px; padding-right: 10px; cursor:pointer;}
#view_container_bottom .nobel_recomm_set .nobel_recomm_btn .recomm{background:url(https://cdn.metoon.co.kr/img/icon_re_red.png) no-repeat 0; }/* white버전 */
#view_container_bottom .nobel_recomm_set .nobel_unrecomm_btn .unrecomm{background:url(https://cdn.metoon.co.kr/img/icon_unre.png) no-repeat 0; }
#view_container_bottom .nobel_comm_box .nobel_reply_btn{float:left; width:100%; margin-top:10px; }
#view_container_bottom .nobel_comm_box .nobel_reply_btn a{display:block; float:left; line-height:2; padding: 5px; padding-left:0;	background:url(https://cdn.metoon.co.kr/img/reply_open.png) no-repeat 100% center;}
#view_container_bottom .nobel_comm_box .nobel_reply_btn a .reply_count{display:inline-block;color:#f15584;margin:0 13px 0 3px;}
#view_container_bottom .nobel_comm_box .nobel_reply_btn p{display: block; float: left; line-height: 2; padding: 0 5px; padding-left: 0; cursor: pointer; font-size: 0.95em; background: url(https://cdn.metoon.co.kr/img/reply_open.png) no-repeat 100% center;}
#view_container_bottom .nobel_comm_box .nobel_reply_btn p .reply_count{display: inline-block; color: #d32b2b; margin: 0 13px 0 3px; cursor: pointer;}
#view_container_bottom .nobel_recomme_cont{width: 100%; margin-top: 10px; padding-bottom: 20px;}
#view_container_bottom .nobel_recomme_cont .nobel_recomme_textarea{width: 100%; padding: 0; border: 1px solid #eeeeee; float: left; position: relative;}
#view_container_bottom .nobel_recomme_cont .nobel_recomme_textarea textarea{font-size: 1.1em; width: 80%; float: left; border: 1px solid #eeeeee; padding: 10px 1%; font-family: inherit; resize: none; max-width: 740px; width: 100%; padding: 10px; padding-right: 100px; border: none;  max-width: none;}
#view_container_bottom .nobel_recomme_cont .nobel_recomme_textarea .nobel_comment_btn{display: block; font-size: 15px; line-height: normal; height: 54px; width: 90px; text-align: center; float: right; position: absolute; top: -1px; bottom: auto; right: 0; margin: auto; border: 1px solid #c53232; padding: 1%; color: #fff; font-weight: bold;cursor: pointer; overflow: visible; white-space: nowrap; font-family: inherit;}
#view_container_bottom .nobel_recomme_cont>ul{width: 78%; padding: 0 20px; overflow: hidden;}
#view_container_bottom .nobel_recomme_cont>ul>li{width: 100%; padding: 10px 0; float: left; background: url(https://cdn.metoon.co.kr/img/sp_cbox.png) no-repeat 0 14px;}
#view_container_bottom .comment_cont .best_comment>li{background:#fbfbfb;}
#view_container_bottom .comm_box .user_id .icon_best{color:#f15584; border:1px solid #f15584; border-radius:5px;padding:0 4px;letter-spacing: -1px; margin-right:6px; vertical-align: top;}
#view_container_bottom .best_comment .recomme_cont{width:100%; border:1px solid #FBFBFB; border-top:1px solid #f1f1f1; border-bottom:none; background:#fff;}
#view_container_bottom .best_comment .recomme_cont>ul{width:78%;padding:0 20px;overflow: hidden;}
#view_container_bottom .recomm_con_box .user_id{color:#2c2c2c; font-weight:800; line-height:2; }
#view_container_bottom .recomm_con_box .user_id .date{color:#676767; font-size:0.9em; margin-left:10px;}
#view_container_bottom .best_comment .recomme_textarea{ width:80%; padding:10px; float:left; position:relative;}
#view_container_bottom .best_comment .recomme_textarea textarea{font-size:1.0em; line-height:1.7; width:82%; float:left;border:1px solid #eeeeee; padding:0.3% 1%; font-family: inherit;  resize:none; max-width:635px;}
#view_container_bottom .best_comment .recomme_textarea .comment_btn{display:block;font-size:1.2em; line-height:1.7;	width:17.5%; text-align:center; float:right; position:absolute; top:14%; bottom:14%; right:20px;margin:auto;background: #f15584;border:1px solid #f15584; padding:1%; color:#fff; font-weight:bold;cursor:pointer; overflow:visible; white-space: nowrap;font-family:inherit;}
/* 답글 내용 */
#view_container_bottom .recomme_cont{width:100%; margin-top:10px; padding-bottom:20px;}
#view_container_bottom .recomme_cont>ul{width:78%;padding:0 20px;overflow: hidden;}
#view_container_bottom .recomme_cont>ul>li{width:100%; padding:10px 0; float:left;background:url(https://cdn.metoon.co.kr/img/sp_cbox.png) no-repeat 0 14px;}
#view_container_bottom .recomm_con_box{width:92%; margin:0 auto; overflow:hidden;}
#view_container_bottom .recomm_con_box .user_id{color:#2c2c2c; font-weight:800; line-height:2;}
#view_container_bottom .recomm_con_box .user_id .date{color:#676767; font-size:0.9em; margin-left:10px;}
#view_container_bottom .recomm_con_box .comm_area{width:100%; float:left;}
#view_container_bottom .recomm_con_box .comm_area p{font-size:1.1em; line-height:1.4; width:100%;float:left;word-wrap: break-word;}
/* 답글 등록 form */
#view_container_bottom .recomme_textarea{ width:80%; padding:10px; padding-top:0; float:left; position:relative;}
#view_container_bottom .recomme_textarea textarea{font-size:1.1em; width:80%; float:left; border:1px solid #eeeeee; padding:10px 1%; font-family: inherit;  resize:none; max-width:740px;}
#view_container_bottom .recomme_textarea .comment_btn{display:block;font-size:1.2em; line-height:1.7;width:17.5%; text-align:center; float:right; position:absolute; top:0; bottom:16%; right:20px; margin:auto; background: #404040; border: 1px solid #404040; padding:1%; color:#fff; font-weight:bold;	cursor:pointer; overflow:visible; white-space: nowrap;font-family: inherit;}
#view_container_bottom .recomme_fold{width:100%; float:left; background:#fff; padding:0 20px; text-align:center;padding-bottom:15px;}
#view_container_bottom .recomme_fold a{display:block; padding:15px 0; background: #fff; border: 1px solid #eeeeee;}
#view_container_bottom .recomme_fold span{padding-right:15px; background:url(https://cdn.metoon.co.kr/img/reply_fold.png) no-repeat 100% center;}
/* 뷰어 댓글 리뉴얼 */
#view_container_bottom .comment_wrap1{border: 1px solid #ddd; background: #fff; padding:80px 109px; margin-top: 35px; min-width:800px;}
#view_container_bottom .comment_wrap1 .comment_title{font-weight: bold; padding-bottom: 20px; font-size: 1.4em;}
#view_container_bottom .comment_wrap1 .comment_title span{font-weight: normal; font-size: 16px; color: #676767; vertical-align: text-bottom; letter-spacing: -0.05em;}
#view_container_bottom .comment_wrap1 .nobel_comment_box{width: 100%; position: relative; overflow: hidden; min-height:515px;}
#view_container_bottom .comment_wrap1 .comment_banner_box{display:none;position: absolute; right: 0; top: 0; width: 270px;}
#view_container_bottom .comment_wrap1 .comment_banner_box a{margin-bottom: 10px; display: block;}
#view_container_bottom .comment_wrap1 .comment_banner_box a img{width: 100%; display: block; cursor: pointer;}
#view_container_bottom .comment_wrap1 .comment_form{width: 100%; margin: 25px 0; float: left; position: relative; margin-top: 0;}
#view_container_bottom .comment_wrap1 #refresh_cmt{width: 100%; overflow: hidden; position: relative;}
#view_container_bottom .comment_wrap1 .comment_form .nick_name_txt{width: 100%; padding: 10px; padding-right: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; top: 0; left: 0; border-bottom: 1px solid #eeeeee; color: #2c2c2c; font-size: 1.1em;}
#view_container_bottom .comment_wrap1 .comment_form .no_nick_txt{color: #a7a7a7; font-weight: normal;}
#view_container_bottom .comment_wrap1 .comment_form input{display: none; position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #eeeeee; background: #f7f7f7; color: #2c2c2c; font-size: 1.1em; padding: 10px;}
#view_container_bottom .comment_wrap1 .comment_form textarea{font-size: 14px; width: 100%; float: left; border: 1px solid #eeeeee; padding: 45px 10px 10px; font-family: inherit; resize: none; height: 120px;}
#view_container_bottom .comment_wrap1 .comment_form .comment_btn{display: block; font-size:15px; line-height:normal; height: 37px; width: 90px; text-align: center; float: right; position: absolute; top: 0; bottom: auto; right: 0; margin: auto; border: 1px solid #c53232; padding: 1%; color: #fff; font-weight: bold; cursor: pointer; overflow: visible; white-space: nowrap; font-family: inherit;}
#view_container_bottom .comment_wrap1 .comment_cont{width:100%;min-height:200px;float:left;border-top:none;background:url('https://cdn.metoon.co.kr/mimg/loadpre_logo.gif') no-repeat center;}
#view_container_bottom .comment_wrap1 .comment_cont>ul{width: 100%;}
#view_container_bottom .comment_wrap1 .comment_cont>ul>li{width: 100%; border-bottom: 1px solid #E8E8E8; padding:10px 0; float: left;}
#view_container_bottom .comment_wrap1 .comm_box{width: 100%; margin:0px auto; overflow: hidden;}
#view_container_bottom .comment_wrap1 .comm_box .user_id{color: #2c2c2c; font-weight: normal; line-height: 2; margin-bottom: 5px; font-size: 15px;}
#view_container_bottom .comment_wrap1 .comm_box .user_id img{vertical-align: middle; margin-top: -2px; width: 20px;}
#view_container_bottom .comment_wrap1 .comm_box .user_id span{font-weight: normal; font-size: 0.8em;}
#view_container_bottom .comment_wrap1 .comm_box .user_id .ep{background: #efefef; margin-left: 3px; padding: 2px 5px; border-radius: 5px; letter-spacing: -0.05em; font-size: 13px;}
#view_container_bottom .comment_wrap1 .comm_box .user_id .date{color: #676767; margin-left: 10px;}
#view_container_bottom .comment_wrap1 .comm_box .comm_area{width: 100%; float: left; font-weight: normal;}
#view_container_bottom .comment_wrap1 .comm_box .comm_area p{font-size: 1.1em; line-height: 1.4; width: 73%; float: left; word-wrap: break-word; min-height: 20px;}
#view_container_bottom .comment_wrap1 .comm_box .comm_area .best_comm{color: #fff; font-size: 12px; padding: 2px 5px; border-radius: 5px; margin-right: 5px;}
#view_container_bottom .comment_wrap1 .comm_box .comm_area .recomm_set{width: 27%; float: right; position: relative;}
#view_container_bottom .comment_wrap1 .comm_box .comm_area .recomm_set_box{position: absolute; right: 0; top: auto; bottom: -5px;}
#view_container_bottom .comment_wrap1 .nobel_comment_pager{width: 100%; height: auto; float: left; position: relative; text-align: center; margin-top: 30px; cursor: default;}
#view_container_bottom .comment_wrap1 .nobel_comment_pager a{vertical-align: middle; display: inline-block; width: 23px; height: 23px; line-height: 21px; text-align: center; margin: 0 3px; font-size: 15px; font-weight: bold; color: #676767; background: #fff; border: 1px solid #dcdcdc;}
#view_container_bottom .comment_wrap1 .nobel_comment_pager a.on{color: #d52b2c;}
#view_container_bottom .comment_wrap1 .comm_pager_btn{border: none; font-size: 16px; line-height: normal;}
#view_container_bottom .comment_wrap1 .comm_pager_btn img{height: 14px; cursor: pointer; padding-top: 5px;}
#view_container_bottom .comment_wrap1 .recomme_textarea{width:100%; padding:0; border: 1px solid #eeeeee;}
#view_container_bottom .comment_wrap1 .recomme_textarea textarea{width:100%; padding: 10px; padding-right: 100px; border:none; max-width:none; }
#view_container_bottom .comment_wrap1 .recomme_textarea .comment_btn{display: block; font-size:15px; line-height:normal; height: 54px; width: 90px; text-align: center; float: right; position: absolute; top: -1px; bottom: auto; right: 0; margin: auto; border: 1px solid #c53232; padding: 1%; color: #fff; font-weight: bold; cursor: pointer; overflow: visible; white-space: nowrap; font-family: inherit;}
#view_container_bottom .comment_wrap1 .recomm_con_box .user_id{font-weight:normal; font-size:15px; }
#view_container_bottom .comment_wrap1 .recomm_con_box .comm_area p{font-size:13px;}
#view_container_bottom .comment_wrap1 .recomm_con_box .user_id .date{font-size: 0.8em;}/* mypage */
#container .mypage_page_wrap{width:100%; height:100%;background:#fcfcfc; float:left; padding-bottom:100px; font-weight:bold; }
#container #my_page_container{width:100%; float:left; min-height:570px;}
#my_page_container>div{width:100%; float:left; background:#fff; border-radius:8px; margin:5px 0; border:1px solid #eee;  position:relative;}
#my_page_container .title_box{width:15%; max-width:165px; height:100%; background:#404040; color:#fff; float:left; border-radius: 5px 0 0 5px;}
#my_page_container .my_data .title_box{background:#e84d7d;}
#container #mypage_page #my_page_container{min-width:1000px;}
#my_page_container .title_box p{font-size:1.5em; text-align:center; display:block; padding:80px 0 35px;}
#my_page_container .my_data .title_box p{padding:100px 0 55px;padding:120px 0 75px; background: url(https://cdn.metoon.co.kr/img/icon_my_data.png) no-repeat center 30%;}
#my_page_container .my_payment .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_my_payment.png) no-repeat center 25px;}
#my_page_container .my_nobel_data .title_box p{padding:140px 0 90px; background:url(https://cdn.metoon.co.kr/img/icon_my_nobel_data.png) no-repeat center 70px;}
#my_page_container .cont_box{float:left; width:85%;max-width:1018px;}
#my_page_container .cont_box>div{width:70.5%; max-width:820px; position: absolute; top: 12%; bottom: 12%; margin: auto;font-size:1.2em; color:#2c2c2c;}
#my_page_container .cont_box .myinfor_box{top:8px;}
#my_page_container .cont_box .my_data_txt p{ background:url(https://cdn.metoon.co.kr/img/icon_ask_title_dot1.png) no-repeat 0 center;	display:inline-block; text-indent:10px;margin-left:20px;}/* white버전 */
#my_page_container .cont_box .my_data_txt .back_none{background:none; margin-left:0;text-indent:0px;}
#my_page_container .cont_box .my_data_txt p.my_data_calc{width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);height:40px;}
#my_page_container .cont_box .my_data_txt2 p.my_data_calc{width:-webkit-calc(100% - 5px);width:-moz-calc(100% - 5px);width:calc(100% - 5px);}
#my_page_container .cont_box .my_data_txt p.my_data_calc a{float:right;margin:8px 14px 0 0;}
#my_page_container .cont_box .my_data_txt .user_email{margin-left:20px; color:#676767; max-width:220px; overflow:hidden; display:inline-block; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
#my_page_container .cont_box .my_data_txt .user_nick{margin-left:20px; color:#676767;display:inline-block;max-width:180px;vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#my_page_container .cont_box .my_data_txt .user_email > img{vertical-align: middle; width:25px; margin-right:5px;}
#my_page_container .cont_box .my_data_txt .my_coin_cont{float:right;margin-right:54px;}
#my_page_container .cont_box .my_data_txt .my_coin{color:#e84d7d; margin:0 10px 0 0; font-size:1.3em; letter-spacing: -0.05em;}
#my_page_container .cont_box .my_data_txt .coin_data_btn{color:#fff; background:#e84d7d; font-size:0.9em; padding:4px 10px; border-radius:5px; display:inline-block;line-height:1.2;float:right;margin:8px 14px 0 0 ;}
#my_page_container .cont_box .my_data_txt .nick_btn{color:#fff; background:#e84d7d; font-size:0.9em; padding:4px 10px; border-radius:5px; display:inline-block;line-height:1.2;float:right;margin:8px 14px 0 0 ;}
#my_page_container .cont_box .my_data_txt .freeticket_btn{color:#fff; background:#e84d7d; font-size:0.9em; padding:4px 10px; border-radius:5px; display:inline-block; margin-left:5px;}
#my_page_container .cont_box .my_data_txt .my_ticket_day{margin-left:5px; text-indent:0; background:none;}
#my_page_container .cont_box .my_data_txt .my_ticket_day span{color:#e84d7d;}
#my_page_container .cont_box .my_data_txt .adult_cert_btn{background:#f21439; padding:6px 15px; color:#fff; letter-spacing:-0.05em; font-weight:bold; font-size: 0.95em; border-radius:5px; margin-left: 20px;}
#my_page_container .cont_box .my_data_txt .adult_cert_btn span{color:#2d2d2d; background:#fff; border-radius:35px; padding:1px 4px 2px 2px; font-size:0.95em; margin-right:5px;font-weight:bolder;}
#my_page_container .cont_box .my_data_txt .adult_cert_clear_btn{background:#c6c6c6; padding:6px 15px; color:#757575; letter-spacing:-0.05em; font-weight:bold; font-size: 0.95em; border-radius:5px; margin-left: 20px;}
#my_page_container .cont_box .my_data_txt .adult_cert_clear_btn span{color:#fff; background:#808080; border-radius:35px; padding:1px 4px 2px 2px; font-size:0.95em; margin-right:5px;font-weight:bolder;}
#my_page_container .cont_box .my_data_txt_box{position:relative; overflow:hidden;}
#my_page_container .cont_box .my_data_txt{line-height:40px;}
#my_page_container .cont_box .my_data_txt.my_data_calc{width:430px;height:40px;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt{float:left; width:430px;height:40px;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt.my_data_txt_id{float:none;width:754px;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt2{width:-webkit-calc(100% - 500px);width:-moz-calc(100% - 500px);width:calc(100% - 500px);}
#my_page_container .cont_box .my_data_txt_box .my_data_txt2 p{margin-left:5px;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt .wt_pass_date{margin-left:10px; color:#676767; font-size:0.9em;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt .wt_pass_coin{color:#fff; font-size:0.9em; padding:4px 10px 4px 1px; border-radius:5px; display:inline-block; background:#c53232; position:relative; z-index:2;line-height:1.2;}
#my_page_container .cont_box .my_data_txt_box .my_freeCount{display:inline-block;margin-left:10px;}
#my_page_container .cont_box .my_data_txt_box .my_freeCount b{font-size:1.3em;}
#my_page_container .cont_box .my_data_txt_box .my_freeC_btn{color:#fff;font-size:0.9em;padding:4px 10px 4px 1px;border-radius:5px;display:inline-block;margin-left:10px;background:#c53232;position:relative;z-index:2;line-height:1.2;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt .subexc_btn{width:52px;height:24px;background-size:100% auto;background-repeat:no-repeat;background-position:center;background-image:url(https://cdn.metoon.co.kr/img/ic_subexc24_off.png);text-indent:-9999px;font-size:0;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt .subexc_btn.on{background-image:url(https://cdn.metoon.co.kr/img/ic_subexc24_on.png);}
#my_page_container .cont_box .my_data_txt_box .my_data_txt .coinpop_btn{width:52px;height:24px;background-size:100% auto;background-repeat:no-repeat;background-position:center;background-image:url(https://cdn.metoon.co.kr/img/ic_subexc24_off.png);text-indent:-9999px;font-size:0;}
#my_page_container .cont_box .my_data_txt_box .my_data_txt .coinpop_btn.on{background-image:url(https://cdn.metoon.co.kr/img/ic_subexc24_on.png);}
#my_page_container .cont_box .switch_user_acc ul{float:right; }
#my_page_container .cont_box .switch_user_acc ul li{width:120px; float:right;margin-top:9px;}
#my_page_container .cont_box .switch_user_acc ul li:only-child{margin-top:0;}
#my_page_container .cont_box .switch_user_acc ul li.switch_acc{margin-left:5px;}
#my_page_container .cont_box .switch_user_acc ul li a{min-width:90px; font-size:0.9em; padding:4px 0; line-height:1.2;width:100%;}
#my_page_container .cont_box .switch_user_acc ul .switch_pw a{float: right;}
#my_page_container .cont_box .switch_user_acc .writeruser_page_btn{width:120px; max-width: 232px; font-size: .9em; padding: 4px 0; line-height: normal; background:#e84d7d; color: #fff;cursor:pointer;}
#my_page_container .cont_box .switch_user_acc .writeruser_page_btn span{font-size:1em; cursor:pointer;}
#my_page_container .cont_box .switch_user_acc .myib_box_fl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;min-height:40px;}
#my_page_container .cont_box .btn_box{width:30%;position:absolute; right:0; top:13%; bottom:20%; margin:auto;}
#my_page_container .cont_box .btn_box.my_info_btn_box{top:0;bottom:auto;width:260px;height:100%;margin:0;padding-top:8px;padding-right:20px;}
#my_page_container .cont_box .btn_box a{width:75%;max-width:140px;display:block; background:#56606b; color:#fff; text-align:center; padding: 10px 7px 15px;line-height:1.6; font-size:1.1em; border-radius:5px; float:right;}
#my_page_container .cont_box .btn_box a span{font-size:1.2em;}
#my_page_container .cont_box .btn_box.btn-my-2020re{width:auto;}
#my_page_container .cont_box .btn_box.btn-my-2020re a{width:154px;max-width:154px;margin-right:20px;box-sizing:border-box;}
#my_page_container .my_payment .btn_box{width:20%; float: right; top:18%; bottom:18%;}
#my_page_container .my_payment ul{ margin:0 auto; width: 98%; float:right; border:1px solid #eee; border-right:none; border-left:none; }
#my_page_container .my_payment .list_title{margin:10px auto 0; border-bottom:none;}
#my_page_container .my_payment ul li{float:left; padding:12px 0; width:20%;max-width:192px; text-align:center;font-weight:bold;font-size:0.9em; color:#676767;}
#my_page_container .my_payment .list_title li{ font-size:1.1em; color:#2c2c2c; }
#my_page_container .my_nobel_data .cont_box{width: 90%; max-width: 1013px;}
#my_page_container .my_nobel_data .cont_box>div{top:7%;}
#my_page_container .my_nobel_data .cont_box .btn_box{top:28%;}
#my_page_container .my_nobel_data .btn_box{width:20%; float: right; top:28%; bottom:28%;}
#my_page_container .my_nobel_data ul{ margin:0 auto; width: 98%; float:right; border-top:1px solid #eee;  }
#my_page_container .my_nobel_data .list_title{margin:10px auto 0;  overflow: hidden;}
#my_page_container .my_nobel_data ul>li a{display: block; overflow: hidden; cursor:pointer;}
#my_page_container .my_nobel_data ul>li li{cursor:pointer;}
#my_page_container .my_nobel_data ul li{float:left; padding:60px 0; width:25%;text-align:center;font-weight:bold;font-size:0.9em; color:#676767; }
#my_page_container .my_nobel_data .list_title li{ font-size:1.1em; color:#2c2c2c; padding:12px 0; }
#my_page_container .my_nobel_data ul .my_nobel_listbox{ width:35%; max-width:288px;}
#my_page_container .my_nobel_data ul .li_sm{width:15%; float:right;}
#my_page_container .my_nobel_data ul .nobel_img{ margin:12px 0; padding:0;}
#my_page_container .my_nobel_data ul .nobel_img div{width:99%; overflow:hidden; height:145px;margin:0 auto;position:relative;border-radius: 5px; cursor:pointer;}
#my_page_container .my_nobel_data ul .nobel_img img{display:block; height: 100%; margin:auto; cursor:pointer; border-radius:5px;}
#my_page_container .my_nobel_data ul .nobel_img .novel_img{height:100%; position:absolute; top:0; left:0; right:0; margin:auto; cursor:pointer; border-radius:5px;}
#my_page_container .my_nobel_data ul li p{letter-spacing: -0.05em; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer;}
#my_page_container .my_nobel_data ul li .nobel_title{margin-top:0;font-size: 1.15em; cursor:pointer; color:#424242;}
#my_page_container .my_nobel_data ul li .nobel_writer{font-weight:normal; cursor:pointer;}
#my_page_container .my_nobel_data ul li p br{display:none;}
#mynobel_page_container .list_data p br{display:none;}
#mynobel_page_container .list_data .view_go_btn{font-size:1.1em; color:#fff; width:70%; min-width:80%; max-width:100px; position:absolute; left:0; right:0; margin:auto;display:block; padding:5px 5px; background:#404040; margin-top:10px; border-radius:5px;}
#mylike_page_container .my_nobel_data ul li p br{display:none;}
#mylike_page_container .list_data p br{display:none;}
#my_page_container .my_nobel_data .list_box{top:6%;}
#my_page_container .my_like_data .btn_box{width:20%; float: right; top:28%; bottom:28%;}
#my_page_container .my_like_data .data_none{text-align:center;width:100%; margin:auto; position:absolute; top:0; bottom:0; height:30px;}
#my_page_container .my_nobel_data div.list_data{float:right; width:98%; border-top:1px solid #eee; cursor:pointer;}
#my_page_container .my_nobel_data div.list_data a{display:block;}
#my_page_container .my_nobel_data div.list_data li{cursor:pointer;}
#my_page_container .my_nobel_data div.list_data p{cursor:pointer;}
#container .mypage_comm_wrap{width:100%; height:100%;background:#f5f5f5; float:left;  font-weight:bold; }
.mypage_comm_cont>div{position:relative; width:100%; float:left; background:#fff; border-radius:8px; border:1px solid #eee; }
#mycharge_page_container .title_box{width:15%; max-width:165px;background:#404040; color:#fff; float:left;}
#mycharge_page_container .my_data .title_box{background:#e84d7d;}
#mycharge_page_container .title_box p{font-size:1.5em; text-align:center; display:block;  padding:160% 0 150%; }
#mycharge_page_container .my_payment .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_my_payment.png) no-repeat center 40%;}
#mycharge_page_container .coin_cont_box{float:left; width:85%;max-width:1018px;position:relative; }
#mycharge_page_container .coin_cont_box>div{width:93%;  margin:0 auto;font-size:1.2em; color:#2c2c2c;}
#mycharge_page_container .coin_cont_box .btn_box{width:30%;position:absolute; right:0; top:20%; bottom:20%; margin:auto;}
#mycharge_page_container .coin_cont_box .btn_box a{width:75%;max-width:140px;display:block; background:#56606b; color:#fff; text-align:center; padding: 10px 7px 15px;line-height:1.6; font-size:1.1em; border-radius:5px; float:right;margin-right:20px;}
#mycharge_page_container .coin_cont_box .btn_box a span{font-size:1.2em;}
#mycharge_page_container .my_payment .coin_cont_box{width: 90%; max-width: 1013px; height:510px; float:right;overflow-y:auto;}
#mycharge_page_container .my_payment .btn_box{width:20%; float: right; top:18%; bottom:18%;}
#mycharge_page_container .my_payment ul{ margin:0 auto 30px; width: 98%; float:right; border-top:1px solid #eee;  }
#mycharge_page_container .my_payment .list_title{margin:0 auto; border-bottom:none; border-top:2px solid #d7d7d7;}
#mycharge_page_container .my_payment .list_data>li{width:100%; max-width:997px; padding:0; }
#mycharge_page_container .my_payment .list_data ul{width: 100%; border:none; border-bottom:1px solid #eee; margin-bottom:0; }
#mycharge_page_container .my_payment ul li{float:left; padding:12px 0; width:20%;max-width:266px; text-align:center;font-weight:bold;font-size:0.9em; color:#676767;}
#mycharge_page_container .my_payment .list_title li{ font-size:1.1em; color:#2c2c2c; }
#mycharge_page_container .my_payment ul .li_sm{width:15%;}
#mycharge_page_container .mycharge_page_pager{border:none; background:none; width:100%; height:70px; float:left; position:relative;text-align:center; margin-top:40px;}
#mycharge_page_container .mycharge_page_pager a{ line-height: 1.5; text-align: center; margin: 0 8px; font-size:1.2em;  color:#676767;}
#mycharge_page_container .mycharge_page_pager>a{vertical-align: top; display: inline-block;font-weight:bold; background:#fff; border:1px solid #dcdcdc; font-size: 1em; padding: 3px 8px; line-height: 1.2; text-align: center;}
#mycharge_page_container .mycharge_page_pager .on{color:#272727;border-bottom:1px solid #272727;}
#mycharge_page_container .mycharge_page_pager>ul{display: inline-block;}
#mycharge_page_container .mycharge_page_pager>ul li{float:left;}
#mycharge_page_container .my_payment .payment_title{width:98%; float:right; line-height:50px; font-size:20px; font-weight:bold; color:#000; margin-top:10px;}
#mycharge_page_container .my_payment .auto_service:after{content:""; display:block; clear:both;}
#mycharge_page_container .my_payment .auto_service dl{width:98%; float:right; margin-top:20px;}
#mycharge_page_container .my_payment .auto_service dl dt{border-bottom:2px solid #d7d7d7; line-height:50px; font-size:20px; font-weight:bold; color:#000;}
#mycharge_page_container .my_payment .auto_service dl dd{line-height:51px; border-bottom:1px solid #eee;}
#mycharge_page_container .my_payment .auto_service dl dd span{display:inline-block; font-size:15px; color:#676767; padding-left:35px; margin-left:15px; background:url(https://cdn.metoon.co.kr/img/fill_coin_icon.png) no-repeat 0 center; background-size:25px auto;}
#mycharge_page_container .my_payment .auto_service dl dd .auto_switch{float:right; width:117px; height:25px; margin:13px 15px 0 0; line-height:23px;}
#mycharge_page_container .my_payment .auto_service dl dd .auto_switch a{display:block; float:left; width:50%; height:100%; border:1px solid #cccccc; font-size:12px; font-weight:bold; color:#acacac; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
#mycharge_page_container .my_payment .auto_service dl dd .auto_switch a:first-child{border-radius:3px 0 0 3px; border-right:0 none;}
#mycharge_page_container .my_payment .auto_service dl dd .auto_switch a:last-child{border-radius:0 3px 3px 0; background:#959595; color:#fff; border-color:#959595;}
#mycharge_page_container .my_payment .auto_service dl dd .auto_switch.on a:first-child{background:#d52b2c; color:#fff; border-color:#d52b2c;}
#mycharge_page_container .my_payment .auto_service dl dd .auto_switch.on a:last-child{background:#fff; color:#acacac; border-color:#cccccc;}
/* mycoin_page */
#container .mypage_comm_wrap{width:100%; height:100%;background:#f5f5f5; float:left;  font-weight:bold; }
.mypage_comm_cont>div{position:relative; width:100%; float:left; background:#fff; border-radius:8px; border:1px solid #eee; overflow:hidden;}
#mycoin_page_container .title_box{position:absolute; top:0; left:0; bottom:0; margin:auto; height:100%; width:15%; max-width:165px;background:#404040; color:#fff; float:left;}
#mycoin_page_container .my_data .title_box{background:#e84d7d;}
#mycoin_page_container .title_box p{font-size:1.5em; text-align:center; display:block;  padding:270px 0 150%; }
#mycoin_page_container .my_payment .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_my_coin.png) no-repeat center 205px;font-weight:normal;}
#mycoin_page_container .pop_checkbox{position:absolute; right:35px; top:6px; }
#mycoin_page_container .pop_checkbox label{margin-left:5px; color:#676767; font-weight:normal;}
#mycoin_page_container .coin_cont_box{float:left; width:85%;max-width:1018px; position:relative;}
#mycoin_page_container .coin_cont_box>div{width:93%; margin:0 auto;font-size:1.2em; color:#2c2c2c;}
#mycoin_page_container .coin_cont_box .btn_box{width:30%;position:absolute; right:0; top:20%; bottom:20%; margin:auto;}
#mycoin_page_container .coin_cont_box .btn_box a{width:75%;max-width:140px;display:block; background:#56606b; color:#fff; text-align:center; padding: 10px 7px 15px;line-height:1.6; font-size:1.1em; border-radius:5px; float:right;margin-right:20px;}
#mycoin_page_container .coin_cont_box .btn_box a span{font-size:1.2em;}
#mycoin_page_container .my_payment .coin_cont_box{width: 90%; max-width: 1033px; height:535px; float:right;}
#mycoin_page_container .my_payment .btn_box{width:20%; float: right; top:18%; bottom:18%;}
#mycoin_page_container .my_payment ul{ margin:0 auto 30px; width: 98%; float:right; border-top:1px solid #eee;  }
#mycoin_page_container .my_payment .list_title{margin:30px auto 0; border-bottom:none;}
#mycoin_page_container .my_payment .list_data>li{width:100%; max-width:997px; padding:0; }
#mycoin_page_container .my_payment .list_data ul{width: 100%; border:none; border-bottom:1px solid #eee; margin-bottom:0; }
#mycoin_page_container .my_payment ul li{float:left; padding:12px 0; width:29%;max-width:266px; text-align:center;font-weight:normal;font-size:0.9em; color:#676767;}
#mycoin_page_container .my_payment .list_title li{ font-size:1.1em; color:#2c2c2c; font-weight:normal; }
#mycoin_page_container .my_payment ul .li_sm{width:15%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#mycoin_page_container .mycoin_page_pager{border:none; background:none; width:100%; height:70px; float:left; position:relative;text-align:center; margin-top:40px;}
#mycoin_page_container .mycoin_page_pager a{ line-height: 1.5; text-align: center; margin: 0 8px; font-size:1.2em;  color:#676767;}
#mycoin_page_container .mycoin_page_pager>a{vertical-align: top; display: inline-block;font-weight:bold; background:#fff; border:1px solid #dcdcdc; font-size: 1em; padding: 3px 8px; line-height: 1.2; text-align:center;}
#mycoin_page_container .mycoin_page_pager .on{color:#272727;border-bottom:1px solid #272727;}
#mycoin_page_container .mycoin_page_pager>ul{display: inline-block;}
#mycoin_page_container .mycoin_page_pager>ul li{float:left;}
.list_data p{margin-top:20px;}
#mycoin_page_container .my_payment ul .li_xsm{width:20%;}
#mycoin_page_container .my_payment ul .li_L{width:37%;max-width: 345px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* mynobel_page */
#container .mypage_comm_wrap{width:100%; height:100%;background:#f5f5f5; float:left;  font-weight:bold; }
#container .mypage_comm_cont{width:100%; float:left;}
.mypage_comm_cont>div{position:relative; width:100%; float:left; background:#fff; border-radius:8px; border:1px solid #eee; }
#mynobel_page_container .title_box{width:15%; max-width:165px;background:#404040; color:#fff; float:left; position:absolute; top:0; bottom:0; margin:auto; height:100%; left:0;}
#mynobel_page_container .my_data .title_box{background:#e84d7d;}
#mynobel_page_container .title_box p{font-size: 1.5em; text-align: center; margin-top: 240px; padding: 70px 0 0; }
#mynobel_page_container .my_payment .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_my_nobel_data.png) no-repeat center 21%;}
#mynobel_page_container .coin_cont_box{float:left; width:85%;max-width:1018px;}
#mynobel_page_container .coin_cont_box>div{width:93%;  margin:0 auto;font-size:1.2em; color:#2c2c2c;}
#mynobel_page_container .coin_cont_box .btn_box{width:30%;position:absolute; right:0; top:20%; bottom:20%; margin:auto;}
#mynobel_page_container .coin_cont_box .btn_box a{width:75%;max-width:140px;display:block; background:#56606b; color:#fff; text-align:center; padding: 10px 7px 15px;line-height:1.6; font-size:1.1em; border-radius:5px; float:right;margin-right:20px;}
#mynobel_page_container .coin_cont_box .btn_box a span{font-size:1.2em;}
#mynobel_page_container .my_payment .coin_cont_box{width: 95%; max-width: 1033px; height:600px; margin-left:-10px; float:right;}
#mynobel_page_container .my_payment .btn_box{width:20%; float: right; top:18%; bottom:18%;}
#mynobel_page_container .my_payment ul{ margin:0 auto 30px; width: 98%; float:right; border-top:1px solid #eee;  }
#mynobel_page_container .my_payment .list_title{margin:30px auto 0; border-bottom:none;}
#mynobel_page_container .my_payment .list_data>li{width:100%; max-width:997px; padding:0; margin:0;}
#mynobel_page_container .my_payment .list_data ul{width: 100%; border:none; border-bottom:1px solid #eee; margin-bottom:0; }
#mynobel_page_container .my_payment ul li{float:left; margin:12px 0; padding:0; width:25%;max-width:266px; text-align:center;font-weight:bold;font-size:0.9em; color:#676767;}
#mynobel_page_container .my_payment .list_title li{ font-size:1.1em; color:#2c2c2c; }
#mynobel_page_container .my_payment .list_data ul li{float:left;margin:60px 0;padding:0;width:25%;text-align:center;font-weight: bold;font-size:0.9em;color:#676767;}
#mynobel_page_container .my_payment .list_data ul .nobel_img{ margin:12px 0; padding:0;}
#mynobel_page_container .my_payment .list_data ul .nobel_img a{display:block; max-width:143px; position: relative; border-radius:5px; overflow:hidden; margin:0 auto; max-height:145px;}
#mynobel_page_container .my_payment .list_data ul .nobel_img img{width:100%; display:block; cursor:pointer;}
#mynobel_page_container .my_payment .list_data ul .nobel_img .novel_img{position:absolute; top:0; left:0; right:0;}
#mynobel_page_container .my_payment ul .my_nobel_listbox{ width:35%; max-width:288px;}
#mynobel_page_container .my_payment ul .li_sm{width:15%; float:right;}
#mynobel_page_container .my_payment .list_data ul .li_sm{width:15%; float:right; position:relative;margin-top: 45px;}
#mynobel_page_container .mynobel_page_pager{border:none; background:none; width:100%; height:70px; float:left; position:relative;text-align:center; margin-top:40px;}
#mynobel_page_container .mynobel_page_pager a{ line-height: 1.5; text-align: center; margin: 0 8px; font-size:1.2em;  color:#676767;}
#mynobel_page_container .mynobel_page_pager>a{vertical-align: top; display: inline-block;font-weight:bold; background:#fff; border:1px solid #dcdcdc; font-size: 1em; padding: 3px 8px; line-height: 1.2; text-align: center;}
#mynobel_page_container .mynobel_page_pager .on{color:#272727; border-bottom:1px solid #272727;}
#mynobel_page_container .mynobel_page_pager>ul{display: inline-block;}
#mynobel_page_container .mynobel_page_pager>ul li{float:left;}
#mynobel_page_container .my_payment .list_data ul .my_nobel_listbox{ width:35%; max-width:288px;}
#mynobel_page_container .list_data p{margin-top:5px; font-size:1.0em;letter-spacing: -0.05em; padding: 0 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mynobel_page_container .list_data .nobel_title{margin-top:-5px; font-size:1.2em;}
#mynobel_page_container .list_data .nobel_writer{font-weight:normal;}
/* 이전버튼 */
#container .mypage_comm_wrap .sub_page_title{display:inline-block;}
#container .mypage_comm_wrap .btn_mypage_back{position:absolute;top:20px;right:0;display:inline-block; margin-top:1px; width:25px; height:25px;}
#container .mypage_comm_wrap .btn_mypage_back a{display:block; background:url(https://cdn.metoon.co.kr/img/log_pop_X_b.png) no-repeat center; width:100%; height:100%; text-indent:-9999999em; overflow:hidden;}
#container .change_pw_wrap .sub_page_title{display:inline-block;}
#container .change_pw_wrap .btn_mypage_back{position:absolute;top:20px;right:0;display:inline-block; margin-top:1px; width:25px; height:25px;}
#container .change_pw_wrap .btn_mypage_back a{display:block; background:url(https://cdn.metoon.co.kr/img/log_pop_X_b.png) no-repeat center; width:100%; height:100%; text-indent:-9999999em; overflow:hidden;}
#container #artwork_page .sub_page_title{display:inline-block;}
#container #artwork_page .btn_mypage_back{display:inline-block; float:right; margin-top:1px; width:25px; height:25px;}
#container #artwork_page .btn_mypage_back a{display:block; background:url(https://cdn.metoon.co.kr/img/log_pop_X_b.png) no-repeat center; width:100%; height:100%; text-indent:-9999999em; overflow:hidden;}
/* 구입화차 리스트 */
#mynobel_page_container .my_payment .list_data .my_nobel_listbox{position:relative;}
#mynobel_page_container .my_payment .list_data .my_nobel_listbox label{display:block; border:1px solid #e1e1e1;border-radius:3px; text-align:left; padding:5px 3% 5px 2%; margin:0;font-size:1.1em; background:url(https://cdn.metoon.co.kr/img/icon_select_arrow.png) no-repeat 98% center; width:95%; max-width:251px;position:absolute; left:0; top:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mynobel_page_container .my_payment .list_data .my_nobel_select{width:100%;  border:1px solid #e1e1e1; padding:5px; font-size:1.1em;letter-spacing: -0.08em; color:#676767; font-weight:bold; position:absolute; left:0; top:0;opacity: 0;}
#mynobel_page_container .my_payment .list_data .my_nobel_select .non_mynobel{color:#eee;}
/* 컨테이너 artwork_page */
#container #artwork_page{width:1200px;}
#container .artwork_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:28px;}
#container .artwork_page_wrap h4.sub_page_title{display:inline;}
#container .artwork_page_wrap form{width:100%; padding:15px 0 5px; text-align:right; font-size:1.1em; float: left; font-weight:bold;}
#container .artwork_page_wrap form input{margin:0 3px 0 15px; cursor:pointer; margin-right:-25px;}
#container .artwork_page_wrap form .chkselect{color:#F15584;}
#container .artwork_page_wrap form label{color:#838383; padding-left:30px;}
#artwork_banner( background:#fff;width:100%; float:left; height:520px; margin-top:20px; position:relative;)
#artwork_banner .bnr_artworkvisual{width:100%; max-width:1280px; display:block; height:520px; position:relative;}
#artwork_banner .bnr_artworkvisual>img{margin-top: -60px;}
#artwork_banner .artwork_txt_wrap{width:45%; height:205px; position:absolute; right:0; top:0; z-index:20; bottom: 0; margin: auto;}
#artwork_banner .artwork_txt{width:100%; position:relative; height: 100%; }
#artwork_banner .vis_artwork_list{width:80%; max-width:500px; position:absolute; top:10%; bottom:10%; right:90px;}
#artwork_banner .artwork_txt .txt_box{color:#585858; font-weight:bold; font-size:1.0em;}
#artwork_banner .artwork_txt .txt_box p{display:block; width:100%; float:left; letter-spacing:-0.09em;}
#artwork_banner .artwork_txt span{display:inline; font-size:1.2em;}
#artwork_banner .artwork_txt .txt_box .vis_title{position:relative; padding:7% 0; margin-bottom:3%;}
#artwork_banner .artwork_txt .txt_box .vis_title span{position:absolute; bottom:0;}
#artwork_banner .artwork_txt .vis_txt_title{font-size:2.3em; left:0;}
#artwork_banner .artwork_txt .writer{right:0; font-size:1.1em;}
#artwork_banner .artwork_txt .txt_box .txt{font-size:1.1em; font-weight:normal; line-height:1.5;}
#artwork_banner .vis_txt_st{font-size:0.7em; margin:15px 0 30px;}
#artwork_page .btn_artwork_page_back{display: inline-block; float: right; margin-top: 10px; margin-right:10px; width: 22px; height: 22px;position: absolute; top:0; right:0; z-index:99;}
#artwork_page .btn_artwork_page_back a{display: block; background: url(https://cdn.metoon.co.kr/img/art_btn_X.png) no-repeat center; background-size:100%; width: 100%; height: 100%; text-indent: -9999999em; overflow: hidden;}
#artwork_page .artwork_box_view{float: left; width: 100%; margin-top: 10px; background: #fff; border-radius: 5px; border: 1px solid #ddd; padding: 5px 0 7px;position:relative; overflow:hidden;}
#artwork_page .artwork_box_view .artwork_view{text-indent:-99999999em;overflow:hidden;padding:10px 0 5px; margin:0px auto 0; width:88%; position:relative;}
#artwork_page .artwork_box_view .artwork_view li{position:relative; min-width:140px; min-height:200px; float:left; width:12%; margin:0 0.5%; margin-top:-1px;}
#artwork_page .artwork_box_view .artwork_view li a{display:block;}
#artwork_page .artwork_box_view .artwork_view .on{margin-top:1px;}
#artwork_page .artwork_box_view .artwork_view .on .novel_img{position:absolute;min-width: 100%; top: -3%; left: -3%; border:3px solid #d52b2c; z-index:999;}/* white버전 */
#artwork_page .artwork_box_view .artwork_view li img{ display:block; box-sizing:border-box; width:100%;}
#artwork_page .artwork_box_view .artwork_view li .novel_img{ border:1px solid transparent; border-radius:5px; display:block; box-sizing:border-box; width:100%; position:absolute; top:0; bottom:0; margin:auto; left:0; right:0; z-index:1;}
#artwork_page .artwork_box_view .artwork_view li .bg_wback{position:absolute;top:0;left:0; background:url(https://cdn.metoon.co.kr/img/bg_wback.png); width:100%;height: 100%; background-size:100%;}
#artwork_page .artwork_box_view .artwork_view_prev{width:55px; z-index: 99; position:absolute; left:0px; top:0; bottom:0; height: 100%; text-indent:-999999999em; overflow:hidden;background:url(https://cdn.metoon.co.kr/img/art_btn_l.png) no-repeat 100% center; display: block; margin:auto;}
#artwork_page .artwork_box_view .artwork_view_next{ width:55px; z-index: 99; position:absolute; right:0px; top:0; bottom:0; height: 100%; text-indent:-999999999em; overflow:hidden;background:url(https://cdn.metoon.co.kr/img/art_btn_r.png) no-repeat 0 center; display: block; margin:auto;}
#artwork_page .artwork_box{float:left; width:100%; margin-top:10px; background:#fff; border-radius:5px; border:1px solid #ddd; padding:5px 0 10px; }
#artwork_page .bx_artwork_con{max-height: 250px; position:relative; min-height: 230px;}
#artwork_page .artwork_box .bxslider_artwork_view{width:70%;margin:0px auto; float:left;  padding: 10px 0;}
#artwork_page .artwork_box .bxslider_artwork_view li{position:relative; min-width:140px; min-height:200px;}
#artwork_page .artwork_box .bxslider_artwork_view .on img{position:absolute;min-width: 105%; top: -3%; left: -3%; border:3px solid #F15584; z-index:999;}
#artwork_page .artwork_box .bxslider_artwork_view li img{ border:1px solid #ddd; border-radius:5px; display:block; box-sizing:border-box;}
#artwork_page .artwork_box .bxslider_artwork_view li .bg_wback{position:absolute;top:0;left:0; background:url(https://cdn.metoon.co.kr/img/bg_wback.png); width:100%;height: 100%; background-size:100%;}
#artwork_page .bx-wrapper .bx-viewport{height:100% !important;}
#artwork_page .bx-wrapper .bx-controls-direction .bx-prev{z-index:99; margin-top:0; top:0; left: -5%; height:100%; background:url(https://cdn.metoon.co.kr/img/art_btn_l.png) no-repeat center;display: block;}
#artwork_page .bx-wrapper .bx-controls-direction .bx-next{z-index:99; margin-top:0; top:0; right: -5%;height:100%; background:url(https://cdn.metoon.co.kr/img/art_btn_r.png) no-repeat center;display: block;}
#artwork_page .bx-controls{height: 100%; width:100%;}
#artwork_page .artwork_box_big{width:100%; padding:45px 0;position:relative;min-height: 795px;}
#artwork_page .artwork_box_big ul{width:81.5%; margin:0 auto; float: none;}
#artwork_page .artwork_box_big ul li{width:32%; min-width:325px; float:left;}
#artwork_page .artwork_box_big ul .artwork_big div{margin-top:0; position:relative; left:-25%;margin:auto; min-width:500px; z-index:99; padding:0; cursor:default; min-height:703px; background: rgba(0,0,0,.5);}
#artwork_page .artwork_box_big ul .artwork_big div:hover .title{display:block;}
#artwork_page .artwork_box_big ul .artwork_big img{width:100%;}
#artwork_page .artwork_box_big ul .artwork_big .gogo{border:1px solid #fff; font-weight:normal;  border-radius:5px; font-size:0.9em; padding: 0 3px;cursor: pointer; margin-right: 5px; display: inline-block; float: right; text-align: center; text-indent: 0; line-height: 1.8;}
#artwork_page .artwork_box_big ul a{width:100%; display:block; position:relative; line-height:0; margin-top: 35%;}
#artwork_page .artwork_box_big ul a img{width:100%; }
#artwork_page .artwork_box_big ul a .bg_bback{position:absolute;top:0;left:0; background:url(https://cdn.metoon.co.kr/img/bg_bback.png); width:100%;height: 100%; background-size:100%; cursor: default;}
#artwork_page .artwork_middle .left_btn{position:absolute; top:3%; left:0; bottom:0; margin:auto; width:28%; height:63%;min-height:500px; z-index: 99;}
#artwork_page .artwork_middle .left_btn a{height:100%; display:block; margin:0;  background:url(https://cdn.metoon.co.kr/img/genre_btn_l.png) no-repeat 20% center;}
#artwork_page .artwork_middle .right_btn{position:absolute; top:3%; right:0; bottom:0; margin:auto; width:28%; height:63%; min-height:500px; z-index: 99;}
#artwork_page .artwork_middle .right_btn a{height:100%; display:block; margin:0;  background:url(https://cdn.metoon.co.kr/img/genre_btn_r.png) no-repeat 80% center;}
#artwork_page .artwork_box_big ul .title{color:#fff; position:absolute; bottom:0px; left:0; font-size:1.2em; font-weight:bold; padding: 135px 0 3px;	background:url(https://cdn.metoon.co.kr/img/artwork_box_title_bg1.png?1) no-repeat 100% center; background-size:100% 100%; width:100%;line-height: 2; text-overflow: ellipsis; white-space: nowrap; 	overflow:hidden; text-indent:10px; display:none; z-index: 99;}/* white버전 */
#artwork_page .artwork_box_big ul .title .title_wrap{width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; float:left;}
/*****************************************/
/* Photo Browse */
/*****************************************/
#artwork_page .artwork_box_big>ul{width:81.5%;  margin:0 auto; overflow:hidden;}
#artwork_page .artwork_box_big>ul li{width:32%; min-width:325px; float:left;  border-radius:5px; }
#artwork_page .artwork_box_big>ul .artwork_big a{margin-top:0; position:relative; left:-25%;margin:auto; min-width:500px; z-index:99; padding:0;}
#artwork_page .artwork_box_big>ul .artwork_big img{width:100%;display:block;}
#artwork_page .artwork_box_big>ul a{width:100%; display:block; position:relative; line-height:0; margin-top: 35%;border:none;}
#artwork_page .artwork_box_big>ul a img{width:100%; border:none;}
#artwork_page .artwork_box_big>ul a .bg_bback{position:absolute;top:0;left:0; background:url(https://cdn.metoon.co.kr/img/bg_bback.png); width:100%;height: 100%; background-size:100%;}
#artwork_page .artwork_box_big>ul .left_btn{position:absolute; top:3%; left:0; bottom:0; margin:auto; width:28%; height:63%; min-height:500px; z-index: 99;}
#artwork_page .artwork_box_big>ul .left_btn a{height:100%; display:block; margin:0;  background:url(https://cdn.metoon.co.kr/img/genre_btn_l.png) no-repeat 20% center;}
#artwork_page .artwork_box_big>ul .right_btn{position:absolute; top:3%; right:0; bottom:0; margin:auto; width:28%; height:63%; min-height:500px; z-index: 99;}
#artwork_page .artwork_box_big>ul .right_btn a{height:100%; display:block; margin:0;  background:url(https://cdn.metoon.co.kr/img/genre_btn_r.png) no-repeat 80% center;}
#artwork_page .artwork_box .artwork_left_befor{opacity:0; -webkit-transform: translateX(325px); transform: translateX(325px); -webkit-animation: artworkleft_befor 0.5s forwards; animation: artworkleft_befor 0.5s forwards;}
#artwork_page .artwork_box .artwork_right_befor{opacity:0; -webkit-transform: translateX(-325px); transform: translateX(-325px); -webkit-animation: artworkright_befor 0.5s forwards; animation: artworkright_befor 0.5s forwards;}
#artwork_page .artwork_box .artwork_left_move{-webkit-animation: artworkleft 0.5s forwards; animation: artworkleft 0.5s forwards;}
#artwork_page .artwork_box .artwork_right_move{-webkit-animation: artworkright 0.5s forwards; animation: artworkright 0.5s forwards;}
#component .itemwrap {-webkit-perspective: 1300px; perspective: 1300px;}
#component .navOutNext {-webkit-animation: moveBehind 0.45s forwards; animation: moveBehind 0.45s forwards;}
#component .navInNext {	opacity: 1; -webkit-animation: appear 0.45s forwards; animation: appear 0.45s forwards;}
#component .navOutPrev {-webkit-animation: disappear 0.45s forwards;	animation: disappear 0.45s forwards;}
#component .navInPrev {	opacity: 1; -webkit-animation: moveFront 0.45s forwards; animation: moveFront 0.45s forwards;}
#component li::after,#component .navOutNext::before,#component .navOutPrev::before {opacity: 1;}
#component .navOutNext::before,#component .navOutPrev::before {-webkit-transition-speed: 0.25s; transition-speed: 0.25s;	transition-delay: 0.2s;}
#component li::before,#component li.current::after,#component .navInNext::after,#component .navInPrev::after {	opacity: 0;}
@-webkit-keyframes artworkleft {
	0% { -webkit-transform: translateX(325px); }
	70% { -webkit-transform: translateX(325px); }
	100% { -webkit-transform: translateX(0px) ; }
}
@keyframes artworkleft {
	0% { -webkit-transform: translateX(325px); transform: translateX(325px); }
	70% { -webkit-transform: translateX(325px); transform: translateX(325px); }
	100% {-webkit-transform: translateX(0px); transform: translateX(0px); }
}
@-webkit-keyframes artworkright {
	0% { -webkit-transform: translateX(-325px); }
	70% { -webkit-transform: translateX(-325px); }
	100% { -webkit-transform: translateX(0px); }
}
@keyframes artworkright {
	0% { -webkit-transform: translateX(-325px); transform: translateX(-325px); }
	70% { -webkit-transform: translateX(-325px); transform: translateX(-325px); }
	100% {-webkit-transform: translateX(0px); transform: translateX(0px); }
}
@-webkit-keyframes moveBehind {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	50% { z-index: 9999; -webkit-transform: translateX(-250px) rotateY(35deg) rotateX(10deg); }
	100% { -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
}
@keyframes moveBehind {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	50% { z-index: 9999; -webkit-transform: translateX(-250px) rotateY(35deg) rotateX(10deg); transform: translateX(-250px) rotateY(35deg) rotateX(10deg); }
	100% { -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
}
@-webkit-keyframes appear {
	0% { -webkit-transform: translateZ(-200px); }
	51% { z-index: 9999; }
	70% { z-index: 9999; -webkit-transform: translateZ(50px); }
	100% { z-index: 9999; -webkit-transform: translateZ(0px); }
}
@keyframes appear {
	0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); }
	51% { z-index: 9999; }
	70% { z-index: 9999; -webkit-transform: translateZ(50px); transform: translateZ(50px); }
	100% { z-index: 9999; -webkit-transform: translateZ(0px); transform: translateZ(0px); }
}
@-webkit-keyframes disappear {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	30% {-webkit-transform: translateZ(50px); }
	50% { z-index: 9999; }
	100% { -webkit-transform: translateZ(-200px); }
}
@keyframes disappear {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	30% {-webkit-transform: translateZ(50px);transform: translateZ(50px); }
	50% { z-index: 9999; }
	100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); }
}
@-webkit-keyframes moveFront {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	10% { -webkit-transform: translateX(-15px) rotateY(5deg) rotateX(0deg); }
	50% { -webkit-transform: translateX(-250px) rotateY(35deg) rotateX(10deg); }
	51% { z-index: 9999; }
	100% { z-index: 9999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
}
@keyframes moveFront {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	10% { -webkit-transform: translateX(-15px) rotateY(5deg) rotateX(0deg); transform: translateX(-15px) rotateY(5deg) rotateX(0deg); }
	50% { -webkit-transform: translateX(-250px) rotateY(35deg) rotateX(10deg); transform: translateX(-250px) rotateY(35deg) rotateX(10deg); }
	51% { z-index: 9999; }
	100% { z-index: 9999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
}
#component {margin: 0 auto; position: relative; margin-bottom: 40px; max-width: 100%;}
#component.component-small{position: absolute; top:45px;	margin:auto; left:0;	right:0; height: 100%; width: 81.5%;}
#component .itemwrap {width: 100%;	max-width: 100%; height: 100%; position: relative; list-style: none; padding: 0; margin: 0 auto;	z-index:99999;}
#component.component-small .itemwrap{width: 326px;}
#component .itemwrap li {	width: 100%;	height: 100%;	position: absolute; top: 0; left: 0;	pointer-events: none;	opacity: 1;	}
#component .itemwrap .current {opacity: 1; pointer-events: auto; z-index: 1000;}
#component .itemwrap li a{width: 100%; display: block; margin-top: 0; position: relative; left: -25%; margin: auto; min-width: 500px; z-index: 99; padding: 0;border:none;}
#component .itemwrap li img {display: block;	width: 100%;border:none;}
#component nav a {z-index:9999; position: absolute;	width: 60px;	height: 60px;	color: #5b4c5c;	outline: none;	overflow: hidden;	text-align: center;	line-height: 200px;	top: 70%;-webkit-transform: translateY(-50%);	transform: translateY(-50%);}
#component.component-small nav a.prev{left: -7%;}
#component.component-small nav a.next{right: -7%;}
#component nav a:hover::before {	opacity: 1;}
@media screen and (max-width: 35.5em) {
	#component.component-small nav a {top: 100%;	margin-top: 10px;-webkit-transform: translateY(0%);	transform: translateY(0%);}
	#component.component-small nav a.prev {left: 50%;	margin-left: -80px;}
	.component-small nav a.next {margin-left: 20px;	right: auto;	left: 50%;}
}
#event_cert{width:100%; display:block; background:#f5f5f5; float:left;}
.event_dailly_title_box{min-width: 750px;}
.event_dailly_title_box>div{border-bottom:2px solid #d32b2b !important;}
.event_cert_title_new{width:1180px; margin:0 auto; position:relative; border-bottom: 2px solid #e84e7e;}
.event_cert_title_new h4{padding:25px 0; font-size:1.6em;}
.event_cert_title_new a{padding:10px 20px; font-weight:bold; border:1px solid #ddd; background:#fff;  position:absolute; top:0%; bottom:0%; margin:auto; right:0; display:block; height:15px; font-size:1.1em; border-radius:5px;}
#footer{width:100%; float:left;}
#app_box{width:100%; max-width:1180px; margin:0 auto;}
#app_box img{width:100%; }
#app{width:1180px; position:relative; overflow:hidden; margin:0 auto; border-top:1px solid #ddd;padding-top:30px;}
.down_app{width:670px; float:left; position:absolute; bottom:70px;}
.down_app li{float:left; width:147px;  margin-right:5px; }
.down_app li a{display:block; width:100%; }
.down_app li a img{cursor:pointer;}
.down_app .and_fullver{width:604px; float: none; padding-top: 10px; overflow: hidden;}
#foot{width:100%; background-color:#303030; position:relative;}
#foot .foot_cont{width:80%; max-width:1200px; margin:0 auto; padding:0; position:relative;}
#foot .foot_cont .foot_menu_container{width:100%; height:76px; line-height:75px; border-bottom:1px solid #414141;}
#foot .foot_cont .foot_menu_container .foot_menu{float:left;}
#foot .foot_cont .foot_menu_container .foot_menu li{float:left; margin-left:25px;}
#foot .foot_cont .foot_menu_container .foot_menu li:first-child{margin-left:0;}
#foot .foot_cont .foot_menu_container .foot_menu li a{font-size:15px; font-weight:bold; color:#e6e7e8;}
#foot .foot_cont .foot_menu_container .foot_sms{float:right; margin:31px 18px 0 0;}
#foot .foot_cont .foot_menu_container .foot_sms li{float:left; margin-left:25px;}
#foot .foot_cont .foot_menu_container .foot_sms li:first-child{margin-left:0;}
#foot .foot_cont .foot_menu_container .foot_sms li a{display:block; text-indent:-9999px; width:12px; height:16px;}
#foot .foot_cont .foot_menu_container .foot_sms li a.foot_blog{background:url("https://cdn.metoon.co.kr/img/foot_blog_logo.png") no-repeat 0 center; background-size:100%;}
#foot .foot_cont .foot_menu_container .foot_sms li a.foot_facebook{background:url("https://cdn.metoon.co.kr/img/foot_facebook_logo.png") no-repeat 0 center; background-size:100%;}
#foot .foot_cont .foot_info_container{position:relative; padding-left:132px; margin:56px auto 60px;}
#foot .foot_cont .foot_info_container h1.foot_logo{position:absolute; top:0; left:0;}
#foot .foot_cont .foot_info_container .foot_info01:after{content:""; display:block; clear:both;}
#foot .foot_cont .foot_info_container .foot_info01 p{float:left; font-size:15px; color:#aaa8a6; line-height:1.4;}
#foot .foot_cont .foot_info_container .foot_info01 p a{color:#aaa8a6;}
#foot .foot_cont .foot_info_container .foot_info02{font-size:14px; color:#605d5e; line-height:1.4; margin-top:42px;}
#floating_banner{position: fixed; height:200px;bottom: 20%; right: 10px; z-index: 999;}
#floating_banner a{display:block;}
#floating_banner img{cursor:pointer;}
#floating_banner>div{width:100%; height:100%; position:relative;}
#floating_banner .btn_floating_banner{position: absolute; top:8%; right:11%; z-index:9999;}
/* 뷰어 캐릭터 아이콘 */
.detail_view_content .character_icon{width:50px; height:50px; position:relative; display:inline-block; top:0; left: 15%;}
.detail_view_content .character_icon img{width:100%;}
.detail_view_content .character_icon .icon_cover_white{position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_white.png) no-repeat center;}
.detail_view_content .character_icon .icon_cover_black{display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_black.png) no-repeat center;}
.detail_view_content .character_icon .icon_cover_gray{display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_gray.png) no-repeat center;}
.detail_view_content .character_icon .icon_cover_beige{display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/icon_cover_beige.png) no-repeat center;}
.detail_view_box .detail_view_content .character_p{width:59%; padding-left:4%; margin-top: -35px;}
/* 말풍선 */
.character_p {display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
.character_p:before {position: absolute; top: -60px; left: 0; height: 36px; display: block;}
.detail_view_box .detail_view_content .character_p:after {content: ""; position: absolute; top: 15px; left: -15px;border: 15px solid transparent; border-top-color: #eee; display: block; width: 0;}
.detail_view_box .detail_view_content .character_p{position: relative; width: auto; max-width: 59%; margin-top: -35px;left: 4%; padding: 15px; color: #333; background: #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.detail_view_box .detail_view_content .character_p_g{position: relative; width: auto; max-width: 59%; margin-top: -35px; left: 4%;padding: 15px;color: #333; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.detail_view_box .detail_view_content .character_p_g:after {content: ""; position: absolute; top: 15px; left: -15px;border: 15px solid transparent; border-top-color:#fff; display: block; width: 0;}
/* 말풍선 */
#container{width:100%;}
#container:after{content:"";display:block;clear:both;}
.login_container{background:#FBFBFB;}
#container .login_page_wrap>div{width:60%; min-width:600px; padding:50px 40px 80px; margin:30px auto; border:1px solid #ddd; border-radius:10px; overflow: hidden; background:#fff; position:relative;}
#container .login_page_wrap .login_page_wrap_tab{width:100%; text-align:center; overflow:hidden; position:absolute; top:0; left:0; right:0; margin:auto;}
#container .login_page_wrap .login_page_wrap_tab li{display:inline-block; width:50%; float:left;}
#container .login_page_wrap .login_page_wrap_tab li a{display:block; padding: 18px 0; font-size:1.3em; background:#e6e6e6; font-weight:bold;}
#container .login_page_wrap .login_page_wrap_tab li .on{background:none;}
#container .login_page_container .log_txt{display:block;width:100%; font-size:1.13em; padding:20px 0 20px; font-weight:normal;color:#676767; background:url(https://cdn.metoon.co.kr/img/login_title_img.png) no-repeat 0 center; margin:19px 0 0;}
#container .login_page_container .log_txt span{padding-left: 140px; display:block;}
#container .login_page_container .login_page_form{width:100%;padding-bottom:42px; border-bottom:1px solid #ddd;}
#container .login_page_container .login_page_form .userTxt{width:100%; background:#eee; border:1px solid #e8e8e8;  margin-top:10px; padding:0 2%; font-size:1.2em; cursor:text;}
#container .login_page_container .log_btn{width:100%; padding:10px 0 12px; background:#f74a7d; border:1px solid #dd275d; margin-top:20px; font-size:1.5em;font-weight:bold; color:#fff;}
#container .login_page_container .check_input{margin:10px 0 2px; font-size:1.1em; display: inline-block; font-weight:bold; padding:1% 0;}
#login_page_check{margin-left:1%;}
#container .login_page_container .find_btn{width: 46%; float:right;}
#container .login_page_container .find_btn li{float:right; width:50%;}
#container .login_page_container .find_btn li a{display:block; background:#929292; border:1px solid #838383; height:20px; width:100px;text-align:center; color:#fff; font-weight:bold; line-height:1.5; margin-top:12px;border-radius:3px; float:right;}
#container .login_page_container .sns_txt{font-weight:bold; color:#747474; font-size:1.1em; display:block; width:100%;margin:10px 0; text-indent:1%; float: left;}
#container .login_page_container .sns_login{width:100%; float:left;}
#container .login_page_container .sns_login li{width:48%; margin:5px 1%; float:left; box-sizing:border-box;}
#container .login_page_container .sns_login .naver_btn{background:#1ec800; border:1px solid #1cb900;}
#container .login_page_container .sns_login .fb_btn{background:#395a9c; border:1px solid #2c4b87;}
#container .login_page_container .sns_login .google_btn{background:#db4431; border:1px solid #d03c2a;}
#container .login_page_container .sns_login .kakao_btn{background:#ffe600; border:1px solid #f3dd13;}
#container .login_page_container .join_go_btn{background:#f74a7d;}
#container .login_page_container .sns_login li a{display:block;text-align:center;  font-weight:bold; font-size:1.3em; color:#fff;}
#container .login_page_container .join_go_btn span{border:1px solid #dd275d; }
#container .login_page_container .sns_login li a span{display:inline-block; padding: 15px 0 15px; padding-left:35px; cursor:pointer; position:relative;}
#container .login_page_container .kakao_btn span{color:#3d3137;}
#container .login_page_container .sns_login li a span img{position:absolute; top:0; bottom:0; left:0; margin:auto; width:30px;}
#container .login_page_container .sns_login .fb_btn a span img{width:25px; margin-left:3px;}
#container .login_page_container .sns_login .kakao_btn a span img{width:25px;}
#container .login_page_container .sns_login .google_btn a span img{width:26px;}
#container .login_page_container .sns_login .join_go_btn a span{width:100%; text-align:center;     background: url(https://cdn.metoon.co.kr/img/point_shop_btn.png) no-repeat 67% 62%;}
/* 가입 팝업 */
#container .join_page_container .join_txt{display:block;width:100%;padding:20px 0 20px;  font-weight:normal;color:#676767; float:left; background:url(https://cdn.metoon.co.kr/img/join_title_img.png) no-repeat 0 center; margin:19px 0 0;}
#container .join_page_container .join_txt span{padding-left:118px; display:block;}
#container .join_page_container .join_form{width:100%;padding-bottom:26px; border-bottom:1px solid #ddd; float:left;}
#container .join_page_container .join_form .userTxt{width:100%; background:#eee; border:1px solid #e8e8e8; margin-top:10px; padding:0 2%; font-size:1.2em;}
#container .join_form .log_btn{width:100%; padding:10px 0 12px; background:#f74a7d; border:1px solid #dd275d; margin-top:20px; font-size:1.5em; font-weight:bold; color:#fff;}
#container .join_page_container .join_form div{float:none;}
#container .join_page_container p{font-size:1.1em;}
#container .join_page_container .mail{float:left; margin-right:10px; display:block; font-weight:bold; color:#676767;}
#container .join_page_container .mail a{color:#676767;}
#container .join_page_container .color_pink{display:block; float:left; font-size:1.0em;}
#container .join_page_container .tell{display:block; float:left;}
#container .join_page_container .tell span{vertical-align:top;}
#container .join_page_container .sns_txt{font-weight:bold; color:#747474; font-size:1.1em; display:block; width:100%;margin:10px 0; text-indent:1%; float: left;}
#container .join_page_container .sns_login{width:100%; float:left;}
#container .join_page_container .sns_login li{width:48%; margin:5px 1%; float:left; box-sizing:border-box;}
#container .join_page_container .sns_login .naver_btn{background:#1ec800; border:1px solid #1cb900;}
#container .join_page_container .sns_login .fb_btn{background:#395a9c; border:1px solid #2c4b87;}
#container .join_page_container .sns_login .google_btn{background:#db4431; border:1px solid #d03c2a;}
#container .join_page_container .sns_login .kakao_btn{background:#ffe600; border:1px solid #f3dd13;}
#container .join_page_container .join_go_btn{background:#f74a7d;}
#container .join_page_container .sns_login li a{display:block;text-align:center;  font-weight:bold; font-size:1.3em; color:#fff;}
#container .join_page_container .join_go_btn span{border:1px solid #dd275d; }
#container .join_page_container .sns_login li a span{display:inline-block; padding: 15px 0 15px; padding-left:35px; cursor:pointer; position:relative;}
#container .join_page_container .kakao_btn span{color:#3d3137;}
#container .join_page_container .sns_login li a span img{position:absolute; top:0; bottom:0; left:0; margin:auto; width:30px;}
#container .join_page_container .sns_login .fb_btn a span img{width:25px; margin-left:3px;}
#container .join_page_container .sns_login .kakao_btn a span img{width:25px;}
#container .join_page_container .sns_login .google_btn a span img{width:26px;}
#container .join_page_container .sns_login .join_go_btn a span{width:100%; text-align:center;     background: url(https://cdn.metoon.co.kr/img/point_shop_btn.png) no-repeat 67% 62%;}
#layer_body .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
/* 오픈준비중 레이어 */
#layer_body_lack{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:block;}
#layer_body_lack .layer_wrap_lack{width:100%; height:100%; position:relative; letter-spacing:-0.09em;}
#layer_body_lack .layer_box h3{text-align:center;  font-size:2em; font-weight:800; color:#2c2c2c; padding-top:115px; padding-bottom:5px;}
#layer_body_lack .layer_coin_lack{width:435px; height:295px; background:url(https://cdn.metoon.co.kr/img/bg_layer_open.png) no-repeat; position:absolute; top:15%;left:0; right:0; margin:auto;	z-index:999; background-size:100%;border-radius: 5px;}
#layer_body_lack .layer_cont p{width:100%; text-align:center; font-size:1.3em; color:#676767; padding-top:25px; line-height:1.3;}
#layer_body_lack .layer_coin_lack .layer_btn{margin-top: 25px;text-align:center;}
#layer_body_lack .layer_coin_lack .layer_cont  .txt_1line{padding-top:12px;}
#layer_body_lack .layer_btn a{display:inline-block; text-align:center; min-width:120px; padding:10px 15px; font-size:1.3em; color:#fff; font-weight:bold;border-radius:5px;  text-shadow:none; margin:0 auto;}
#layer_body_lack .layer_btn .cancle{background:#56606b;}
#layer_body_lack .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
/* 오픈포인트 레이어 */
#layer_body_point{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999; display:block;}
#layer_body_point .layer_wrap_point{width:100%; height:100%; position:relative; letter-spacing:-0.09em;}
#layer_body_point .layer_box{position:relative;}
#layer_body_point #open_wait{bottom:0; height:580px; top:0;}
#layer_body_point .layer_coin_point{width:500px; position:absolute; top:20%; left:0; right:0; margin:auto; z-index:999; border-radius: 5px;}
#layer_body_point .layer_coin_point img{display:block; cursor:pointer;}
#layer_body_point .layer_cont>a{width:397px; position:absolute; bottom:125px; left:0; right:0; margin:auto; display:inline-block; text-align:center;}
#layer_body_point .layer_cont>a img{margin:0 auto; cursor:pointer;}
#layer_body_point .layer_cont ul{width:100%; position:absolute; bottom:0px; left:0; text-align:center;}
#layer_body_point .layer_cont ul li{display:inline-block; width:50%; float:left;font-size: 1.4em; font-weight: 800; padding:24px 0; cursor:pointer;}
#layer_body_point .layer_cont ul a{color: #676767; letter-spacing:-0.09em;}
#layer_body_point .layer_cont ul li:hover a{color:#222}
#layer_body_point .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back_b.png?3); position:absolute; top:0; left:0;}
/* 보물을 찾아라 이벤트 레이어 */
#event_hunt_pop_body{width: 100%; height: 100%; position: fixed; z-index: 99999999; /* display: none; */}
#event_hunt_pop_body .layer_wrap{width: 100%; height: 100%; position: relative;}
#event_hunt_pop_body .layer_box{width: 380px; min-height: 260px; background: #fff; border-radius: 5px; overflow: hidden; position: absolute; top: 25%; left: 0; right: 0; margin: auto; z-index: 999; background-size: 100%;}
#event_hunt_pop_body .event_hunt_pop_top{background:#404040; text-align: center; position: relative; height: 60px;}
#event_hunt_pop_body .event_hunt_pop_top span{position: absolute; top: 15px; left: 0; right: 0; width: 91px; height: 91px; padding: 8px; margin: auto; background:#fff; border-radius: 100px; }
#event_hunt_pop_body .event_hunt_pop_top span>img{display:block; width: 100%;/*  border: 15px solid #fff;background: #fff;   */}
#event_hunt_pop_body .layer_box .back_btn{display: block; position: absolute; top: -30px; right: 5px; width: 25px; height: 25px; background: url(https://cdn.metoon.co.kr/img/log_pop_X.png) no-repeat;}
#event_hunt_pop_body .layer_box h3{text-align: center; font-size: 2em; font-weight: bold; color: #2c2c2c; padding-top: 42px; position: relative; z-index: 3;}
#event_hunt_pop_body .layer_cont{width: 100%;}
#event_hunt_pop_body .layer_cont p{width: 100%; text-align: center; font-size: 1.2em; color: #676767; padding-top: 25px; line-height: 1.3;}
#event_hunt_pop_body .layer_cont p span{font-weight:bold;}
#event_hunt_pop_body .layer_cont .txt_1line{padding-top: 18px;}
#event_hunt_pop_body .layer_btn{width: 100%; position: relative; margin-top: 20px; text-align: center;}
#event_hunt_pop_body .layer_btn a{display: inline-block; text-align: center; min-width: 120px; padding: 10px 15px; font-size: 1.3em; color: #fff; font-weight: bold; border-radius: 5px; text-shadow: none;}
#event_hunt_pop_body .loading_img{display:block; width:320px; position: absolute; top: 25%; left: 0; right: 0; margin: auto; z-index: 999;}
#event_hunt_pop_body .loading_img img.shadow{display:block; position:absolute; bottom:33px; left:-1px; right:0;}
#event_hunt_pop_body .loading_img p{position: absolute; top: 90%; left: 0; right: 0; display: block; margin-top: -10px; margin: auto; text-align: center; font-size: 19px; color: #fff; font-weight: bold; text-shadow: 2px 1px 1px rgba(0,0,0,0.7);}
#event_hunt_pop_body .loading_img p>span{opacity:0; display:inline-block;}
#event_hunt_pop_body .loading_img p span.on{-webkit-animation: on1 1s forwards; animation: on1 1s forwards;}
@-webkit-keyframes on1 {
	30% {opacity:1;transform: translateY(-5px);}
	60% {transform: translateY(0px);}
	80% {transform: translateY(-5px);}
	100% {opacity:1; transform: translateY(0px);}
}
#event_hunt_pop_body .event_hunt_pop_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
.icon_event_hunt{width:50px; display:block;}
.icon_event_hunt img{width:100%; display:block; cursor:pointer;}
/* 보물을 찾아라 이벤트 */
#header .sm_menu .mm_MYpage_btn a{position:relative; text-indent:25px;}
#header .sm_menu .mm_MYpage_btn img{ position: absolute; top: 0px; bottom:0; margin:auto; width: 21px; left:50px; cursor:pointer;}.userTxt{height:45px;}
@media all and (min-width:1229px) and (max-width:1400px){
	#nobel_banner .nobel_btn_box .sns_box{right:7%;}
	#head #logo{width:160px;}
	.adult_detail_body #nobel_banner .nobel_btn_box .sns_box{right:30%;}
	#nobel_banner .bnr_visual{width: 100% !important;}
	#nobel_banner .vis_nobel_list{width:100%; right: 0; margin: auto; left: 0;}
	#view_container .view_wrap{width:95%;}
	#view_container_top{width:83%;}
	.detail_view_content .character_icon{ left: 14%;}
	#change_pw_container .change_pw_box .change_pw_cont_box{width: 70%; margin-left: 7%;}
	#nobel_banner .nobel_btn_box{right: initial;}
	#nobel_banner .visual_txt_wrap{width: 490px;}
	#nobel_banner .visual_txt .txt_box .vis_title .writer{margin-right: 5%;}
	#nobel_banner .visual_txt .txt_box p{margin-top:0;}
}
@media all and (max-width:1360px){
	.vis_txt_st{font-size:1.3em;}
}
@media all and (max-width:1290px){
	#foot .foot_cont .about_us {margin-left: 4%;}
	.my_menu li{margin-left:4px;}
	#logM_search .main_menu_smtop_log{right: 2px;}
}
@media all and (max-width:1260px) and (min-width:1220px){
	.main_genre_cont{width:99%;}
}
@media all and (max-width:1230px){
	#container #coupon_page .sub_page_title{    text-indent: 10px;}
}
@media all and (max-width:1130px){
	.vis_txt_st{font-size:1.1em;}
}
@media all and (max-width:1050px){
	#foot .foot_cont .foot_txt>div{    width: 32%;}
	#foot .foot_cont .about_us {margin-left: 3%;}
}
@media all and (min-width:1231px){
	.sm_menu{display:none !important;}
}
@media all and (min-width:1000px) and (max-width:1230px){
	#pop_box .pop_box_con{width: 50%; left: 0; right: 0;}
	#head #logo{width:160px;}
	#logM_search{position:static;}
	#logM_search .main_menu_smtop{display:none;}
	#logM_search .right_menu{display:none;}
	#logM_search .menu_form{display:none;}
	#head .mainmenu{position:relative;}
	.main_menu_right{display:block;}
	#head .main_m li{width: 10%; font-size: 1.4em;  max-width: 95px;}
	.sm_menu{display:none; width:220px; border:2px solid #DDDBD9; border-top:none; background:url(https://cdn.metoon.co.kr/img/menu_back.png); position:absolute; top:100%; right:0;}
	.sm_menu ul{overflow:hidden; width:100%;}
	.sm_menu li{float:left; width:100%;}
	.sm_menu li a:hover{background:#d52b2c; color:#fff;}
	#header .sm_menu form{width:100%; border-bottom:1px solid #DDDBD9; border-top:1px solid #DDDBD9; float:left; position:relative;}
	#sm_search{width:100%;border:none; height:40px; font-size:1.4em; padding: 5px 40px 5px 5px;background: none, url(https://cdn.metoon.co.kr/img/icon_search.png) no-repeat 98% center;cursor:text;}
	.sm_menu li a{display:block;padding:10px 0; font-weight:bold; font-size:1.1em; color:#737373; text-align:center;}
	.sm_menu .MEpoint{position:relative; text-indent: 10px;}
	.sm_menu .MEpoint img{position: absolute; top: 0px; bottom: 0; margin: auto; width: 14px; left: 65px; cursor: pointer;}
	.sm_menu .mm_MEpoint_btn{border:none;}
	.sm_menu .join{color:#d52b2c;}
	.sm_menu li ul{width:100%; text-align:center; background:url(https://cdn.metoon.co.kr/img/main_smtop_bg3.png) repeat center;}
	.sm_menu li ul li{display:inline-block; width:auto; float:none; margin:5px;}
	.sm_menu li ul li a{ font-weight:normal; font-size: 0.95em;}
	.sm_menu li ul li a:hover{background:none; color:#f05584;}
	/* 메인 배너 */
	#main_banner #slider3 .bnr_visual{width:100% !important;}
	#main_banner #slider3 li{width:100% !important;}
	#main_banner #slider3 li>a{display:block;}
	#main_banner .vis_roll_list{width: 75%; max-width: 470px; left:10%;}
	#main_banner .bx-controls-auto{left:10%;}
	#main_banner .bx-controls-direction{left:10%;}
	/* 메인 오늘 */
	#container_top .cont_top_box{width:97%;}
	#container .today_me_cont .today_me_con li a{height:305px;}
	#container .today_me_cont .today_me_con li .best_txt{min-height:95px;}
	/* 메인 추천 */
	#container_top .best_me .best_me_con li{margin-right:1.3%; height:318px;}
	#container_top .best_me .best_me_con li a{height:100%;}
	#container_top .best_me .best_me_con .con_T img{margin-top:130px;}
	#container_top .best_me .best_me_con .con_T .blurcover{margin-top:170px;}
	#container_top .best_me .best_me_con .con_T .blurcover_b{margin-top:170px;}
	#container_top .best_me .best_me_con .con_T .title { margin-top: 7px; }
	#container_top .best_me .best_me_con li .title{font-size:1.3em;padding: 8px 0;}
	#container_top .best_me .best_me_con li span{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 8px auto 0;}
	/* 메인 장르 */
	#container_bottom .genre_box{width:97%;}
	#genre_Me .bx-wrapper{width:95%;}
	.genre_cont_list li{width:6%; max-width:340px !important; height: 370px;}
	.genre_cont_list li p span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	/* 메인 BL */
	#container_bottom .bl_box{width:97%;}
	#bl_Me .bx-wrapper{width:95%;}
	.bl_cont_list li{width:6%; max-width:340px !important; height: 370px;}
	.bl_cont_list li p span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#container .best_menu ul .best_rank_menu a{background: url(https://cdn.metoon.co.kr/img/best_rank_icon.png) no-repeat 43% center;}
	#container .best_menu ul .best_rank_menu .on{background: url(https://cdn.metoon.co.kr/img/best_rank_icon_on.png) no-repeat 43% center;}
	#container .best_menu ul .best_me_menu a{background: url(https://cdn.metoon.co.kr/img/best_me_icon.png) no-repeat 44% center;}
	#container .best_menu ul .best_me_menu .on{background: url(https://cdn.metoon.co.kr/img/best_me_icon_on.png) no-repeat 44% center;}
	#container .best_cont .best_rank_cont>li .best_rank_con2 .left_none{margin-left: 1.5%;}
	#container .best_cont .best_rank_cont>li .best_rank_con2 li{margin-left:2.5%;}
	#container .best_cont .best_rank_cont>li .br_con li{width:48%; height: 260px;}
	#container .best_cont .best_rank_cont>li .best_rank_con1 li{margin-right: 2.5%;}
	#container .best_cont .best_rank_cont>li .best_rank_con1 .right_none{margin-right: 1.5%;}
	#container .best_cont .best_rank_cont>li .br_con .column_2{height:540px;}
	#container .best_cont .best_rank_cont>li .br_con .column_2 img{height:auto; width:100%;}
	#container .best_cont .best_me_cont li{width: 31.3%; max-width:380px; margin: 1% 1% 1% 1% !important; overflow: hidden;}
	/* 인기 */
	#container .popular_cont .popular_list_cont>li .best_rank_con2 .left_none{margin-left: 1.5%;}
	#container .popular_cont .popular_list_cont>li .best_rank_con2 li{margin-left:2.5%;}
	#container .popular_cont .popular_list_cont>li .br_con li{width:48%; height: 260px;}
	#container .popular_cont .popular_list_cont>li .best_rank_con1 li{margin-right: 2.5%;}
	#container .popular_cont .popular_list_cont>li .best_rank_con1 .right_none{margin-right: 1.5%;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2{height:540px;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 img{height:auto; width:100%;}
	/* genre.php */
	#container .genre_menu ul li{width:16.5%;}
	#container .genre_cont ul li{width: 31.7%;}
	/* qna.php */
	#service_center_container #ask_list_box .list_box ul li{width: 55%;}
	/* detail.php */
	#nobel_banner .vis_nobel_list{width:100%; right: 0; margin: auto; left: 0;}
	#nobel_banner .visual_txt .txt_box .vis_title .vis_txt_title{font-size: 1.7em;}
	.nobel_list .n_list li .detail_img_box{width: 32%; height: 100%;}
	.nobel_list .n_list li p{margin:auto;}
	.nobel_list .n_list .sns_join_btn p{height:auto;}
	#nobel_banner .nobel_btn_box>ul>li{width: 23%;}
	#nobel_banner .nobel_btn_box .sns_box{right:7%;}
	.adult_detail_body #nobel_banner .nobel_btn_box .sns_box{right:30%;}
	.nobel_list .n_list li .heart{width: 8%;height: 21px;}
	.last_read_box p{ margin:auto;}
	.last_read_box .heart{width: 8%;height: 21px;}
	#view_container_left{width: 50%; left: 0;}
	#view_container_left .view_setup_box{background:#fff; width: 174px;}
	#view_container_left .point_shop{width: 174px;}
	#view_container .view_wrap{width:95%;}
	#view_container_top{width: 83%; max-width: 990px; margin: 0 auto; float: none;}
	.detail_view_box .detail_view_content p{margin: 25px auto;}
	.coin_charge_box #payment_type li{max-width:228px; width: 19.5%;}
	#service_center_container #notice_list_box .list_box ul li{width:72%;}
	.detail_view_content .character_icon{ left: 13%;}
	.detail_view_box .detail_view_content .character_p{max-width: 64%;}
	.detail_view_box .detail_view_content .character_p_g{max-width: 64%;}
	#change_pw_container .change_pw_box .change_pw_cont_box{width: 70%; margin-left: 7%;}
	#container .login_page_container .sns_login .join_go_btn a span{text-indent: -20px;}
}
@media all and (max-width:1037px){
	#head .main_m li { width:8.8%; }
}
#schedule_event_Me .banner_coupon a{display: block; width: 100%;}
#schedule_event_Me .banner_coupon img { width: 100%; cursor: pointer;}
@media all and (max-width:1190px){
	#nobel_banner .visual_txt .txt_box .vis_title .writer{margin-right: 5%;}
	.schedule_event_box .schedule_box{width: 97%; margin: 0 auto; float: none; max-width:none; }
	.schedule_event_box .event_box{width: 97%; max-width: 1200px; float: none;    overflow: hidden; margin: 0 auto;}
	#container_bottom .event_box .me_menu_title{margin-top: 50px;}
	#schedule_event_Me .event_box .me_menu_title{margin-top: 50px; margin-bottom:1%;}
	#container .coupon_box .coupon_form_box .txtA_r{text-align:left;}
	#container .coupon_box .coupon_form_box p{font-size: 1em; letter-spacing:-0.09em; margin-top:10px;}
	#schedule_event_Me .bx-wrapper{margin:0; width: 50%; float:left; height: 227px; max-width:405px !important;}
	#schedule_event_Me .banner_coupon{width: 50%; float: left; max-width:405px; min-width:405px;}
	#container_bottom .event_box .banner_coupon{ margin:0; float:right;}
	#schedule_event_Me .swiper-container{width:75%; min-width:825px;}
	#schedule_event_Me .banner_coupon{ margin:0; float:right;}
	#nobel_banner .nobel_btn_box{right: initial;}
	#my_page_container .cont_box .my_data_txt_box .my_data_txt2 .wt_pass_coin{margin-left:7px;}
}
@media all and (max-width:1170px){
	#container .coupon_box .coupon_form_box>div{width: 75%; top: 22px;}
	#container .coupon_box .coupon_form_box p{font-size: 1em; letter-spacing:-0.09em;}
	#container .popular_cont .popular_other_list_cont li p br{display:none; }
}
@media all and (max-width:1150px){
	.detail_view_content .character_icon{ left: 10%;}
	.calender_days>div{width:98%;}
	.calender_days #dayList{font-size:0.9em;}
	#view_container_bottom .recomme_textarea textarea{width: 79%;}
}
@media all and (max-width:1110px){
	.detail_view_box .detail_view_content p{width:80%;}
	.detail_view_content .character_icon{left:10%;}
	#container .sch_day_cont .day_cont ul li p{font-size: 1em; line-height: 1.6;}
	.charge_notice dt{width: 100%; margin-bottom: 5px;}
	.charge_notice dd{float: left;}
}
@media all and (max-width:1040px){
	#container .sch_day_cont .day_cont ul li{width: 32%;}
	#container .coupon_box .coupon_form_box>div{width: 80%;}
	#container .coupon_box .coupon_form_box p{margin-top: 5px;}
	#container .coupon_box .coupon_form_box .coupon_checkbox{ margin-top:5px;}
	#container .coupon_box .coupon_form_box .coupon_checkbox label{font-size:0.9em;}
	#container .sch_menu .sch_today_btn{right: 41%;}
	#container .sch_menu .sch_calender_btn{right: 39%;}
	#container .popular_cont .popular_other_list_cont li p br{display:none;}
}
@media all and (max-width:1100px){
	#container .best_cont .best_rank_cont>li .br_con .column_2 img{height: 100%; width: auto;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 img{height: 100%; width: auto;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 .icon_19_patch{width: 32px !important;}
	#container .popular_cont .popular_other_list_cont li p br{display:none;}
}
@media all and (min-width:1052px){
	#view_head .select_area{width:auto;min-width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 40px 0 20px;}
	#view_head .select_area .cont_now{width:100%;position:relative;left:0;bottom:0;}
}
@media all and (max-width:1051px){
	#view_head .view_right_menu_btn{display:block;}
	#view_head .view_head_menu{position: relative;border-bottom: 1px solid #404040;}
	#view_right_menu{display:none; position: absolute; top: 101%; right:0; background: #404040; border-top: 1px solid #636363;}
	#view_head .select_area .cont_now{left:10px;}
	#view_head .select_area .cont_now p{white-space: nowrap; text-overflow: ellipsis; width: 90%; overflow: hidden;}
}
@media all and (max-width:999px){
	/* 헤더 */
	#head{min-width:750px;}
	#head #logo{width:160px;}
	#header .notice_pop_body{width:98%;}
	#head .mainmenu{width:98%;}
	#head .main_m li{width:8.8%; font-size: 1.4em;}
	.head_top_sm_wrap{width:98%;}
	#logM_search{position:static;}
	#logM_search .main_menu_smtop{display:none;}
	.sm_menu li ul{width:100%; text-align:center; background:rgba(232, 78, 126, 0.2);}
	.sm_menu li ul li{display:inline-block; width:auto; float:none; margin:5px;}
	.sm_menu li ul li a{ font-weight:normal; font-size: 0.95em;}
	.sm_menu li ul li a:hover{background:none; color:#F15584;}
	#logM_search .right_menu{display:none;}
	#logM_search .menu_form{display:none;}
	#head .mainmenu{position:relative;}
	.main_menu_right{display:block;}
	.sm_menu{display:none; width:200px; border:2px solid #DDDBD9; border-top:none; background:url(https://cdn.metoon.co.kr/img/menu_back.png); position:absolute; top:100%; right:0;}
	.sm_menu ul{overflow:hidden; width:100%;}
	.sm_menu li{float:left; width:100%;}
	.sm_menu li a:hover{background:#6eacff; color:#fff;}
	#header .sm_menu form{width:100%; border-bottom:1px solid #DDDBD9; border-top:1px solid #DDDBD9; float:left; }
	#sm_search{width:100%;border:none; height:40px; font-size:1.4em; padding: 5px 40px 5px 5px;background: none, url(https://cdn.metoon.co.kr/img/icon_search.png) no-repeat 98% center; cursor:text;}
	.sm_menu li a{display:block;padding:10px 0; font-weight:bold; font-size:1.1em; color:#737373; text-align:center;}
	.sm_menu .mm_MEpoint_btn{border:none;}
	.sm_menu .join{color:#d32b2b;}
	#main_banner #slider3 .bnr_visual{width:100% !important;}
	.vis_txt_st{font-size:1.1em;}
	#main_banner .vis_roll_list{left:7%; width: 90%; max-width: 550px;}
	#main_banner .bx-controls-auto{left:5%;}
	#main_banner .bx-controls-direction{left:5%;}
	/* 메인 오늘 */
	#container_top .cont_top_box{width:97%;}
	#container .today_me_menu ul li{width:11.11%; position:relative;}
	#container .today_me_menu ul li a{font-size:1.3em;}
	#container .today_me_menu ul li a img{width:100%;}
	#container .today_me_menu ul li .on{font-size:1.3em;}
	#container .today_me_cont .today_me_con li{width:48%; max-width:480px; margin: 6px 1% 6px 1% !important; max-height:384px;}
	#container .today_me_cont .today_me_con li a{height:330px;}
	#container .today_me_cont .today_me_con li .best_txt{min-height:105px;}
	#container .today_me_cont .today_me_con li .best_txt span{margin: 3.5% auto 0; padding-bottom: 15px;}
	#container .today_me_cont .today_me_con li .best_txt .title{margin-top: 6%;}
	#container .today_me_cont .today_me_con li .best_txt span br{display:none;}
	#container .today_me_menu ul li a .check_color{padding: 0 2px;}
	/* 메인 추천 */
	#container_top .best_me .best_me_con li{width:46%; margin:5px 1% 5px 3%; max-width:435px;}
	#container_top .best_me .best_me_con .con_T{margin:5px 3% 5px 1%; }
	#container_top .best_me .best_me_con li a{height:100%;}
	#container_top .best_me .best_me_con .con_T img{margin-top:120px;}
	#container_top .best_me .best_me_con .con_T .blurcover{margin-top:auto;}
	#container_top .best_me .best_me_con .con_T .blurcover_b{margin-top:170px;}
	#container_top .best_me .best_me_con li .title{font-size:1.3em;padding: 12px 0;}
	#container_top .best_me .best_me_con li span{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 8px auto 0;}
	#container_top .best_me .best_me_con li span br{display:none;}
	#container_top .best_me .best_me_con li p{height:38%;}
	#container_top .best_me .best_me_con li img{width:100%; margin:0;}
	#container_top .best_me .best_me_con .con_T a.on .title{margin-top: 33%;}
	#container_top .best_me .best_me_con .con_B a.on .title{margin-top: 43%;}
	/* 메인 장르 */
	#container_bottom .genre_box{width:97%;}
	#genre_Me .bx-wrapper{width:93%;}
	.genre_cont_list li{width:6%; max-width:300px !important; height: 370px;}
	.genre_cont_list li p span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	/* 메인 BL */
	#container_bottom .bl_box{width:97%;}
	#bl_Me .bx-wrapper{width:93%;}
	.bl_cont_list li{width:6%; max-width:300px !important; height: 370px;}
	.bl_cont_list li p span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	/* 서브페이지 */
	#container{min-width:750px;}
	#container .best_menu ul .best_rank_menu a{background: url(https://cdn.metoon.co.kr/img/best_rank_icon.png) no-repeat 42% center;}
	#container .best_menu ul .best_rank_menu .on{background: url(https://cdn.metoon.co.kr/img/best_rank_icon_on.png) no-repeat 42% center;}
	#container .best_menu ul .best_me_menu a{background: url(https://cdn.metoon.co.kr/img/best_me_icon.png) no-repeat 42% center;}
	#container .best_menu ul .best_me_menu .on{background: url(https://cdn.metoon.co.kr/img/best_me_icon_on.png) no-repeat 42% center;}
	#container .best_cont .best_rank_cont>li .best_rank_con2 .left_none{margin-left: 1.5%;}
	#container .best_cont .best_rank_cont>li .best_rank_con2 li{margin-left:2.5%;}
	#container .best_cont .best_rank_cont>li .br_con li{width:48%; height: 220px;}
	#container .best_cont .best_rank_cont>li .best_rank_con1 li{margin-right: 2.5%;}
	#container .best_cont .best_rank_cont>li .best_rank_con1 .right_none{margin-right: 1.5%;}
	#container .best_cont .best_rank_cont>li .br_con .column_2{height:456px;}
	#container .best_cont .best_rank_cont>li .br_con .column_2 img{width:100% !important; height:auto;}
	#container .best_cont .best_rank_cont>li .br_con li .txt p{font-weight: normal; top: 45%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#container .best_cont .best_rank_cont>li .br_con li .txt p br{display:none;}
	#container .best_cont .best_rank_cont>li .br_con li .txt .title{font-size:1.3em; font-weight: bold;}
	#container .best_cont .best_me_cont li{width: 31.3%; max-width:380px; margin: 1% 1% 1% 1% !important;}
	/* 인기 */
	#container .popular_cont .popular_list_cont>li .best_rank_con2 .left_none{margin-left: 1.5%;}
	#container .popular_cont .popular_list_cont>li .best_rank_con2 li{margin-left:2.5%;}
	#container .popular_cont .popular_list_cont>li .br_con li{width:48%; height: 220px;}
	#container .popular_cont .popular_list_cont>li .best_rank_con1 li{margin-right: 2.5%;}
	#container .popular_cont .popular_list_cont>li .best_rank_con1 .right_none{margin-right: 1.5%;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2{height:456px;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 img{width:100% !important; height:auto;}
	#container .popular_cont .popular_list_cont>li .br_con li .txt p{font-weight: normal; top: 45%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#container .popular_cont .popular_list_cont>li .br_con li .txt p br{display:none;}
	#container .popular_cont .popular_list_cont>li .br_con li .txt .title{font-size:1.3em; font-weight: bold;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 .icon_19_patch{width: 32px !important;}
	/* genre.php */
	#container .genre_menu ul li{width:16.5%;}
	#container .genre_cont ul li{width: 47.7%; margin: 1% 1% 1% 1% !important;}
	#container .genre_menu ul li a{ font-size: 1.3em;padding: 0 10px 0 0px;}
	#container .genre_menu ul .today a{ background:#fff;}
	#container .genre_menu ul .today span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_01.png) no-repeat 0 center; padding-left: 35px;}
	#container .genre_menu ul .romance a{ background:#fff;}
	#container .genre_menu ul .romance span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_02.png) no-repeat 0 center; padding-left: 35px;}
	#container .genre_menu ul .fantasy a{ background:#fff;}
	#container .genre_menu ul .fantasy span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_03.png) no-repeat 0 center; padding-left: 35px;}
	#container .genre_menu ul .mystery a{ background:#fff;}
	#container .genre_menu ul .mystery span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_04.png) no-repeat 0 center; padding-left: 35px;}
	#container .genre_menu ul .fusion a{ background:#fff;}
	#container .genre_menu ul .fusion span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_05.png) no-repeat 0 center; padding-left: 35px;}
	#container .genre_menu ul .drama a{ background:#fff;}
	#container .genre_menu ul .drama span{ background:url(https://cdn.metoon.co.kr/img/genre_icon_06.png) no-repeat 0 center; padding-left: 35px;}
	#container .genre_menu ul li a span{cursor:pointer;}
	#container .genre_menu ul .line_none a{border:none;}
	#container .genre_menu ul .today .on{background:#F15584;}
	#container .genre_menu ul .today .on span{background: url(https://cdn.metoon.co.kr/img/genre_icon_01_on.png) no-repeat 0 center;}
	#container .genre_menu ul .romance .on{background:#F15584;}
	#container .genre_menu ul .romance .on span{background: url(https://cdn.metoon.co.kr/img/genre_icon_02_on.png) no-repeat 0 center;}
	#container .genre_menu ul .fantasy .on{background:#F15584;}
	#container .genre_menu ul .fantasy .on span{background: url(https://cdn.metoon.co.kr/img/genre_icon_03_on.png) no-repeat 0 center;}
	#container .genre_menu ul .mystery .on{background:#F15584;}
	#container .genre_menu ul .mystery .on span{background: url(https://cdn.metoon.co.kr/img/genre_icon_04_on.png) no-repeat 0 center;}
	#container .genre_menu ul .fusion .on{background:#F15584;}
	#container .genre_menu ul .fusion .on span{background: url(https://cdn.metoon.co.kr/img/genre_icon_05_on.png) no-repeat 0 center;}
	#container .genre_menu ul .end .on{background:#F15584;}
	#container .genre_menu ul .end .on span{background: url(https://cdn.metoon.co.kr/img/genre_icon_06_on.png) no-repeat 0 center;}
	/* qna.php */
	#service_center_container #ask_list_box .list_box ul .li_sm{width: 12%;}
	#service_center_container #ask_list_box .list_box ul li{width: 55%;}
	#service_center_container #ask_write_box .select_box label{left: 15px;}
	#service_center_container #ask_write_box #ask_select{left: 15px;}
	#service_center_container #notice_list_box .list_box ul li{width:72%;}
	/* detail.php */
	.nobel_list .n_list li .nobel_list_txt{width:27%;}
	.nobel_list .n_list li .detail_img_box{width: 32%; height: 100%;}
	#nobel_banner .nobel_btn_box .sns_box{width: 30%;right: 7%;}
	.adult_detail_body #nobel_banner .nobel_btn_box .sns_box{right:30%;}
	.nobel_list .n_list li .list_btn{width: 12%; right:15px;}
	.nobel_list .n_list li .heart{width: 8%; top:15%; right: 15px; padding:0; height: 29px; bottom: inherit;}
	.last_read_box .continue_btn{right:15px;}
	.nobel_list .n_list li .list_btn_half a{font-size: 1em;}
	.nobel_list .n_list li .list_btn_half .coin{background: url(https://cdn.metoon.co.kr/img/coin_back.png) no-repeat 9% center, #f15584;}
	.last_read_box .nobel_list_txt{width:27%;}
	.last_read_box .heart{width: 8%; right: 15px; padding:0; height: 29px; top:15%; bottom: inherit;}
	/* view.php */
	/* #view_head{min-width:500px;}
	#view_container{min-width:500px;} */
	#view_container_left{background:#fff; left: 0;}
	#view_container .view_wrap{width:100%;}
	#view_container_top{width: 95%; max-width: 990px; margin: 0 auto; float: none;}
	.detail_view_box .detail_view_content p{margin: 15px auto;}
	/* schedule.php */
	#container .sch_menu .sch_calender_btn{right: 39%;}
	/* 팝업 */
	#pop_box .pop_box_con{min-width:540px;}
	/* 충전소 */
	.coin_charge_box #payment_type li{max-width:228px; width: 19.5%}
	/* 마이페이지 */
	#my_page_container .my_nobel_data ul li p br{display:block;}
	#my_page_container .my_nobel_data ul li p .slash{display:none;}
	#my_page_container .cont_box .switch_user_acc .writeruser_page_btn{width: 79%; max-width:240px;}
	#my_page_container .cont_box .switch_user_acc ul .switch_pw a{margin-right:20px;}
	#my_page_container .cont_box .switch_user_acc ul li a{font-size: 0.9em; max-width: 130px;}
	#mycharge_page_container .title_box p{padding: 250px 0 150%;}
	#my_page_container .cont_box .switch_user_acc ul li:last-child{width:40%;}
	/* 코인내역 */
	#mycoin_page_container .my_payment .coin_cont_box{width: 84%;}
	#mycoin_page_container .my_payment ul li{width: 28%;}
	#mycoin_page_container .my_payment{    height: 545px;}
	#mycoin_page_container .title_box{min-height:545px; max-height:800px;}
	#mycoin_page_container .my_payment ul .li_xsm{width:15%;}
	#mycoin_page_container .my_payment ul .li_L{width:37%;max-width: 268px;}
	#mycoin_page_container .my_payment .title_box p{background: url(https://cdn.metoon.co.kr/img/icon_my_coin.png) no-repeat center 200px;padding: 270px 0 150%;}
	/* 찜목록 */
	#mylike_page_container .mypage_like .coin_cont_box{width: 84%; }
	#mylike_page_container .mypage_like .list_data .my_nobel_listbox label{width: 85%;}
	#mylike_page_container .list_data p br{display:block;}
	#mylike_page_container .list_data p .slash{display:none;}
	/* 구매내역 */
	#mynobel_page_container .my_payment .coin_cont_box{width:84%;}
	#mynobel_page_container .my_payment .list_data .my_nobel_listbox label{width:85%;}
	#mynobel_page_container .my_payment .list_data ul .my_nobel_listbox{width:30%;}
	#mynobel_page_container .list_data p br{display:block;}
	#mynobel_page_container .list_data p .slash{display:none;}
	/* 결제내역 */
	#mycharge_page_container .my_payment .coin_cont_box{width: 84%;}
	#mycharge_page_container .my_payment ul li{width: 28.3%;}
	#mycharge_page_container .title_box{min-height:512px; max-height:800px; position:absolute; top:0; bottom:0; margin:auto; height:100%;}
	#mycharge_page_container .my_payment .title_box p{background: url(https://cdn.metoon.co.kr/img/icon_my_payment.png) no-repeat center 180px;}
	.detail_view_content .character_icon{left: 10%;}
	/* pw_re */
	#change_pw_container .change_pw_box .change_pw_cont_box{width: 70%; margin-left: 7%;}
	#foot .foot_cont{width:95%;}
	#footer{min-width:750px;}
	.detail_view_box .detail_view_content .character_p{max-width: 64%;}
	.detail_view_box .detail_view_content .character_p_g{max-width: 64%;}
	#container .sch_day_cont .day_cont ul li{width: 48%; margin: 1%;}
	#container .sch_day_cont .day_cont ul li img{max-width: none;}
	#container .sch_day_cont .day_cont ul li p{margin: 10px auto 0px;letter-spacing: -0.05em;}
	#container .sch_day_cont .day_cont ul li p .lines{font-size: 1.2em; line-height: 1.5;}
	#coupon_page{min-width:870px;}
	#container .coupon_box .coupon_form_box>div{width: 85%; top: 15px;}
	#container .coupon_box .coupon_form_box p{letter-spacing: -0.09em; margin-top: 5px;}
	#container .coupon_box .coupon_form_box form input{padding: 10px;}
	#foot .foot_cont .foot_txt{font-size:0.9em; width: 80%;}
	#foot .foot_cont .foot_txt .company p{margin-left:0;}
	#foot .foot_cont .foot_txt .footer_list li{margin: 0 20px 0 0;}
	#foot .foot_cont .foot_txt .footer_list{margin-left: 2%;}
	#foot .foot_cont .foot_txt .company{margin-left: 2%;}
	#foot .foot_cont .foot_txt .tell_me{background:url(https://cdn.metoon.co.kr/img/icon_tell_me.png) no-repeat 0 20%;}
	.calender_days>div{width:98%;}
	.calender_days #dayList{font-size:0.8em;}
	.calender_days #dayList li{margin: 0 0.3%;}
	.calender_days #dayList li a{line-height: 3;}
	#badge_box .badge_grade_box>img{width:100%;}
	#view_head .select_area .cont_now p {white-space: nowrap; text-overflow: ellipsis; width: 83%; overflow: hidden;}
	#view_head  .select_area{width: 48%;}
}
@media all and (max-width:905px){
	#container .best_cont .best_rank_cont>li .br_con .column_2 img{height: inherit; width: 100% !important;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 img{height: inherit; width: 100% !important;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2 .icon_19_patch{width: 32px !important;}
	#container .popular_cont .popular_other_list_cont li p br{display:none;}
}
@media all and (max-width:900px){
	.detail_view_box .detail_view_content .character_p{max-width: 62%;}
	.detail_view_box .detail_view_content .character_p_g{max-width: 62%;}
	#container .sch_menu .sch_today_btn{right: 40%;}
	#container .sch_menu .sch_calender_btn{right: 37%;}
	#container_bottom .event_box .banner_coupon{float:none;}
	#schedule_event_Me .banner_coupon{float:none;}
	#schedule_event_Me .bx-wrapper{width:100%;float:none;}
	#schedule_event_Me .swiper-container{width: 25%; min-width: 405px;}
	#container_bottom .event_box .banner_coupon{margin-top:10px;}
	#schedule_event_Me .banner_coupon{margin-top:10px;}
	#mycoin_page_container .my_payment ul .li_L{letter-spacing: -0.09em;}
	.calender_days #dayList li { margin: 0 0.2%;}
}
@media all and (max-width:849px){
	/* 메인 배너 */
	#main_banner .vis_roll_list{width: 80%;}
	.vis_txt_st{font-size:1em;}
	/* 메인 오늘 */
	#container .today_me_cont .today_me_con li a{height:315px;}
	/* 메인 추천 */
	#container_top .best_me .best_me_con .con_T a.on .title{margin-top: 42%;}
	#container_top .best_me .best_me_con .con_B a.on .title{margin-top: 51%;}
	#container .best_menu ul .best_rank_menu a{background: url(https://cdn.metoon.co.kr/img/best_rank_icon.png) no-repeat 41% center;}
	#container .best_menu ul .best_rank_menu .on{background: url(https://cdn.metoon.co.kr/img/best_rank_icon_on.png) no-repeat 41% center;}
	#container .best_menu ul .best_me_menu a{background: url(https://cdn.metoon.co.kr/img/best_me_icon.png) no-repeat 39% center;}
	#container .best_menu ul .best_me_menu .on{background: url(https://cdn.metoon.co.kr/img/best_me_icon_on.png) no-repeat 39% center;}
	#container .best_cont .best_rank_cont>li .br_con li{height: 185px;}
	#container .best_cont .best_rank_cont>li .br_con .column_2{height: 384px;}
	#container .best_cont .best_rank_cont>li .br_con li .txt span{margin:0 auto; width:90%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#container .best_cont .best_me_cont li{width:48%; max-width:400px; height: 310px;overflow: hidden;}
	#container .best_cont .best_rank_cont>li .br_con .row_2 .txt p{top: 48%;}
	#container .popular_cont .popular_list_cont>li .br_con li{height: 185px;}
	#container .popular_cont .popular_list_cont>li .br_con .column_2{height: 384px;}
	#container .popular_cont .popular_list_cont>li .br_con li .txt span{margin:0 auto; width:90%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	#container .popular_cont .popular_list_cont>li .br_con .row_2 .txt p{top: 48%;}
	/* qna.php */
	#service_center_container #ask_list_box .list_box ul .li_sm{width: 14%;}
	#service_center_container #ask_list_box .list_box ul li{width: 50%;}
	#service_center_container #ask_write_box .select_box label{left: 10px;}
	#service_center_container #ask_write_box #ask_select{left: 10px;}
	#nobel_banner .nobel_btn_box .sns_box{width: 33%; right: 7%;}
	.nobel_list .n_list li .list_btn{width: 13%; right:15px;}
	.detail_view_box .detail_view_content p{margin: 13px auto;}
	.detail_view_content .character_icon{ left: 10%; width: 45px; height: 45px;}
	.detail_view_content .character_icon .icon_cover_white{background-size:100%;}
	.detail_view_content .character_icon .icon_cover_black{background-size:100%;}
	.detail_view_content .character_icon .icon_cover_gray{background-size:100%;}
	.detail_view_content .character_icon .icon_cover_green{background-size:100%;}
	/* detail */
	.nobel_list .n_list li .list_btn_half a{font-size: 1em;}
	.nobel_list .n_list li .list_btn_half a span{display:none;}
	.nobel_list .n_list li .list_btn_half .coin{background: url(https://cdn.metoon.co.kr/img/coin_back.png) no-repeat 10% center, #f15584; background-size:14px 14px;}
	.detail_view_box .detail_view_content .character_p{max-width: 63%;}
	.detail_view_box .detail_view_content .character_p_g{max-width: 63%;}
	#container .login_page_container .find_btn{    width: 40%;}
	#container .sch_menu .sch_today_btn{right: 39%;}
	#container .sch_menu .sch_calender_btn{right: 36%;}
}
@media all and (max-width:815px){
	.calender_days #dayList li { margin: 0 0.05%;}
}
@media all and (max-width:811px){
	#head .main_m li { width:8%; }
}
@media all and (max-width:800px){
	#container .sch_menu .sch_today_btn{right: 38%;}
	#container .sch_menu .sch_calender_btn{right: 35%;}
	#view_container_bottom .recomme_textarea textarea { width: 78%; }
	#foot .foot_cont .about_us {margin-left: 2%;}
}
@media all and (max-width:700px){
	.detail_view_content .character_icon{left: 10%; width: 42px; height: 42px;}
	.detail_view_content .character_icon .icon_cover_white{background-size:100%;}
	.detail_view_content .character_icon .icon_cover_black{background-size:100%;}
	.detail_view_content .character_icon .icon_cover_gray{background-size:100%;}
	.detail_view_content .character_icon .icon_cover_green{background-size:100%;}
	.detail_view_box .detail_view_content .character_p{max-width: 60%;}
	.detail_view_box .detail_view_content .character_p_g{max-width: 60%;}
}
@media all and (max-width:615px){
	.detail_view_box .detail_view_content .character_p{max-width: 54%;}
	.detail_view_box .detail_view_content .character_p_g{max-width: 54%;}
}
/* 쿠폰링크	 */
#c_link_body{width:100%; border-top:2px solid #E84D7D;}
#c_link_body .c_link_wrap{max-width:1200px; width:100%; margin:0 auto;}
#c_link_body .c_link_head{padding:20px 0;}
#c_link_body .c_link_top{position:relative;}
#c_link_body .c_link_num_box{position:absolute; bottom:40px; left:100px; width: 400px;}
#c_link_body .coupon_num{padding:16px 10px;  font-size:1.5em; margin-bottom:15px; overflow-x: overlay; color:#9c9c9c;font-weight:bold; cursor:text;-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -o-user-select: text; user-select: text;}
#c_link_body .c_link_num_box a{position:relative; display:block;}
#c_link_body .c_link_num_box a p{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; font-size:1.5em; color:#fff; font-weight:bold; height: 27px; text-align:center; text-indent:20px; cursor:pointer;}
#c_link_body .c_link_mid{position:relative;}
#c_link_body .c_link_mid div{position:absolute; bottom:50px; left:110px;}
#c_link_body .c_link_mid a{position:absolute; bottom:0px; left:0px; display:block; height:65px; width:100%;}
#c_link_body .c_link_btm{position:relative;}
#c_link_body .c_link_btm ul{position:absolute; bottom:48px;left:130px; color:#676767;}
#c_link_body .c_link_btm ul li{margin-top:7px;}
#c_link_body .c_link_btm span{margin-right:5px;}
#c_link_body .c_link_btm p{display:inline;}
/* 쿠폰링크	 */
#artwork_page .artwork_middle_2 .right_btn{position: absolute;top: 3%;right: 0;bottom: 0;margin: auto;width: 28%;height: 63%;min-height: 500px;z-index: 99;}
#artwork_page .artwork_middle_2 .right_btn a{height:100%;display:block;margin:0;background:url(https://cdn.metoon.co.kr/img/genre_btn_r.png) no-repeat 80% center;width:100%;position:relative;line-height:0;}
#artwork_page .artwork_middle_2 .left_btn a{height:100%;display:block;margin:0;background:url(https://cdn.metoon.co.kr/img/genre_btn_l.png) no-repeat 20% center;}
#artwork_page .artwork_middle_2 .left_btn{position:absolute;top:3%;left:0;bottom:0;margin:auto;width:28%;height:63%;min-height:500px;z-index:99;}
#artwork_page .art_on li{-webkit-animation: moveToFront 0.8s forwards;animation: moveToFront 0.8s forwards;}
@-webkit-keyframes moveToFront {
	0% { -webkit-transform: translateX(100%) scale(.8); }
	100% { visibility: visible; opacity: 1; -webkit-transform: translateX(0%) scale(1); }
}
@keyframes moveToFront {
	0% { transform: translateX(100%) scale(.8); }
	100% { visibility: visible; opacity: 1; transform: translateX(0%) scale(1); }
}
/* 도전 main */
#chall_top_wrap{width:100%; position:relative;}
#container #chall_page_cont{padding-top:165px; padding-bottom: 70px;}
.chall_bg{background:#ffe1ea; position:absolute; top:0; left:0; right:0; height:50%; display:none;}
.rank_box_wrap{min-height:260px; background:url(https://cdn.metoon.co.kr/img/chall_box_bg.png); padding:20px; position:relative; background-size:100% 100%;}
.rank_box_wrap:after{clear:both; display:block; content:"";}
.rank_box_wrap_img{position:absolute; top:-80px; right:20px; display:none;}
.rank_box_wrap .img_backbox{cursor:pointer; position:absolute; width:100%; height:100%; display:block; background:url(https://cdn.metoon.co.kr/img/img_backbox_gra.png);}
.chall_title{font-size:1.5em; font-weight:bold;}
#chall_top_wrap ul{float:left; width: 100%; }
#chall_top_wrap li{float:left;width:32%;margin: 0 2% 0 0; max-width: 384px; max-height:378px; position:relative;}
#chall_top_wrap li a{ display: block; width:100%; position:relative; overflow:hidden; border-radius:6px; border: 1px solid #e5e5e5; box-sizing: border-box;}
#chall_top_wrap li img{width:100%; display: block; cursor:pointer;}
#chall_top_wrap li .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#chall_top_wrap li a:hover .title{color:#d32b2b; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#chall_top_wrap li .chall_nobel_txt{width:100%; display:block; text-align:center;  color:#2c2c2c; cursor:pointer; font-size:1.1em; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);font-weight:normal;}
#chall_top_wrap li .chall_nobel_txt .title{font-size:1.5em; font-weight:bold;  padding-bottom:0;}
#chall_top_wrap li .chall_nobel_txt span{display:block; width:77%; margin:3% auto 0;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  cursor:pointer; }
#chall_top_wrap li .chall_nobel_txt .writer{padding-bottom:15px;}
#chall_top_wrap li .chall_nobel_txt br{display:none;}
#chall_top_wrap li .chall_nobel_txt .icon_19_patch{width: 10%; max-width:32px; display: block; cursor: pointer; position: absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99;}
#chall_top_wrap li .chall_rank_num{display:block; width:54px; position:absolute; z-index:999; top:0; left:10px;}
#chall_top_wrap li .patch_box{display: block; position: absolute; z-index: 10; top: 0; right: 5px;}
#chall_top_wrap li .patch_box>img{width: 39px; display: inline-block; vertical-align: top;}
#chall_bottom_wrap{padding-top:30px;}
#chall_bottom_wrap .chall_left{float:left; width:23%;}
#chall_bottom_wrap .chall_left_list{border-radius:5px; overflow:hidden; border:1px solid #eee; font-size:1.1em; background:#fff; }
#chall_bottom_wrap .chall_left_list h3{background:#404040; color:#fff; padding:13px 5%;}/* white버전 */
#chall_bottom_wrap .chall_left_list>ul{padding-bottom:40px;}
#chall_bottom_wrap .chall_left_list li{background:#fff; }
#chall_bottom_wrap .chall_left_list li a{border-bottom:1px solid #eee;padding:13px 5%; font-weight:bold; background:url(https://cdn.metoon.co.kr/img/chall_left_list_off.png) no-repeat 95% center; display: block; color:#676767;}
#chall_bottom_wrap .chall_left_list .on a{color:#d32b2b; background:url(https://cdn.metoon.co.kr/img/icon_dotarrow_red.png) no-repeat 95% center;}/* white버전 */
#chall_bottom_wrap .chall_left_list li a .adult_patch{color: #fff; font-size: 0.8em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
#chall_bottom_wrap .chall_left_list li a .adult_patch img{display: block; cursor:pointer;}
#chall_bottom_wrap .chall_left_list li a .adult_patch span{position: absolute; top: 1px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center; cursor:pointer;}
#chall_bottom_wrap .chall_left_list .open_list{display:none;}
#chall_bottom_wrap .chall_left_list .open_list li a{background:none; border:0; color:#838383; font-size:0.9em; padding:7px 7%;}
#chall_bottom_wrap .chall_left_list .open_list li a:hover{color:#444444;}
#chall_bottom_wrap .chall_left_list .open_list li a.on{color:#444444;}
#chall_bottom_wrap .chall_left_list #genre_li.on>a{color:#ff3874; background:url(https://cdn.metoon.co.kr/img/chall_left_list_open.png) no-repeat 95% center;}
#chall_bottom_wrap .chall_left_list #age_li.on>a{color:#ff3874; background:url(https://cdn.metoon.co.kr/img/chall_left_list_open.png) no-repeat 95% center;}
#chall_bottom_wrap .chall_left_list .open_list ul{border-bottom:1px solid #eee; padding: 5px 0; background: #f9f9f9;}
#chall_bottom_wrap .chall_left_list .open_list ul li{background:#f9f9f9;}
#chall_bottom_wrap #new_formal{width:96%; margin:auto; border:1px solid #ddd; border-radius:3px; padding:10px; background:#fafafa; color:#2b2b2b; margin-bottom:40px;}
#chall_bottom_wrap #new_formal dt{font-weight:bold; font-size:1em; text-align:left; padding-bottom:10px; border-bottom:1px solid #dedede; margin-bottom:8px; color:#676767;}
#chall_bottom_wrap #new_formal dd a{display:block; transition:.3s; padding:8px 0; font-weight:normal; font-size:1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#chall_bottom_wrap #new_formal dd a span{color:#676767; cursor:pointer; font-weight:bold;color:#fff; margin:0 5px; background:#676767; padding:1px 3px; border-radius:3px; font-size:0.85em;}
#chall_bottom_wrap #new_formal dd.first a span{background:#007bc8;}
#chall_bottom_wrap #new_formal dd a:hover{color:#ff3874;}
#chall_bottom_wrap #new_formal dd a:hover .adult_patch{color:#fff;}
#chall_bottom_wrap #new_formal dd a .adult_patch{background:none; color: #fff; font-size: 0.75em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
#chall_bottom_wrap #new_formal dd.first a .adult_patch{background: none;}
#chall_bottom_wrap #new_formal dd.first a .adult_patch span{background: none;}
#chall_bottom_wrap #new_formal dd a .adult_patch img{display: block; cursor:pointer;}
#chall_bottom_wrap #new_formal dd a .adult_patch span{position: absolute; top: 2px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center;}
.chall_writer_btn{width: 94%;  transition:.3s; padding:13px 0; font-weight:bold; border-radius:5px; font-size:20px; text-align:center; background:#56606b; color:#fff; margin: 10px auto; position:relative; display: block;}
.chall_writer_btn:hover{background:#33363a;}
.chall_writer_btn span{color:#ffed00; cursor:pointer;}
.chall_right{width:76%; float:left; margin-left:1%; font-size:1.1em; }
.chall_right_title{background:#ff3874; color:#fff; padding:13px 0; border-radius:5px; margin-bottom:5px;}
.chall_right #add_page_box{margin-top:10px;}
.chall_right ul ul{overflow:hidden;}
.chall_right ul ul li{cursor: pointer; float:left; width:23%; text-align:left; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#676767;}
.chall_right ul ul li.chall_list_sm{width:10%; font-weight:900; text-align:center;}
.chall_right ul ul li.chall_list_big{width:44%; color:#2b2b2b;}
.chall_right ul ul li.chall_list_big .adult_patch{color: #fff; font-size: 0.75em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
.chall_right ul ul li.chall_list_big .adult_patch img{display: block; cursor:pointer;}
.chall_right ul ul li.chall_list_big .adult_patch span{position: absolute; top: 2px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center; cursor:pointer;}
.chall_right .chall_right_cont ul li.chall_list_sm{color:#222; font-style: italic; text-align:center;}
.chall_right_cont>li:nth-of-type(odd){background-color: #fff;}
.chall_right_cont>li:hover{border:1px solid #d52b2c;}
.chall_right_cont>li:hover li.chall_list_sm{color:#d52b2c;}/* white버전 */
.chall_right .chall_right_title li{color:#fff; cursor:default;}
.chall_right .chall_right_title li.chall_list_big{color:#fff; }
.chall_right_cont>li{border:1px solid #ddd; border-radius:5px; margin-bottom:5px; background:#f4f4f4; cursor:pointer;}
.chall_right_cont>li.bg_white{background:#fff;}
.chall_right_cont>li a{display:block; padding:13px 0;}
#chall_page_cont #add_page_box p{font-size:1em; padding: 2px 10px 7px;}
#chall_top_wrap li a #list19_blind{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; background:#fff; z-index:999;}
#chall_top_wrap li a #list19_blind>div{width:100%; height:100%; position:relative;}
#chall_top_wrap li a #list19_blind .list19_blind_mark{width:70%; max-width:220px; position:absolute; top:25px; right:0; left:0; margin:auto;}
#chall_top_wrap li a #list19_blind .chall_nobel_txt{background:url(https://cdn.metoon.co.kr/img/list19_blind_back.png);}
/* 도전 메인 리뉴얼 */
#chall_top_wrap{width:100%; position:relative;}
#container #chall_page_cont1{padding-bottom: 70px;}
.chall_bg{background:#ffe1ea; position:absolute; top:0; left:0; right:0; height:50%; display:none;}
.rank_box_wrap{min-height:260px; background:url(https://cdn.metoon.co.kr/img/chall_box_bg.png); padding:20px; position:relative; background-size:100% 100%;}
.rank_box_wrap:after{clear:both; display:block; content:"";}
.rank_box_wrap_img{position:absolute; top:-80px; right:20px; display:none;}
.rank_box_wrap .img_backbox{cursor:pointer; position:absolute; width:100%; height:100%; display:block; background:url(https://cdn.metoon.co.kr/img/img_backbox_gra.png);}
.chall_title{font-size:1.5em; font-weight:bold; margin:0 0 4px;}
.chall_category_list{padding-top:20px;}
#chall_top_wrap ul{float:left; width: 100%; }
#chall_top_wrap li{float:left;width:32%;margin: 0 2% 0 0; max-width: 384px; max-height:378px; position:relative;}
#chall_top_wrap li a{ display: block; width:100%; position:relative; overflow:hidden; border-radius:6px; border: 1px solid #e5e5e5; box-sizing: border-box;}
#chall_top_wrap li img{width:100%; display: block; cursor:pointer;}
#chall_top_wrap li .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#chall_top_wrap li a:hover .title{color:#d32b2b; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#chall_top_wrap li .chall_nobel_txt{width:100%; display:block; text-align:center;  color:#2c2c2c; cursor:pointer; font-size:1.1em; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);font-weight:normal;}
#chall_top_wrap li .chall_nobel_txt .title{font-size:1.5em; font-weight:bold;  padding-bottom:0;}
#chall_top_wrap li .chall_nobel_txt span{display:block; width:77%; margin:3% auto 0;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  cursor:pointer; }
#chall_top_wrap li .chall_nobel_txt .writer{padding-bottom:15px;}
#chall_top_wrap li .chall_nobel_txt br{display:none;}
#chall_top_wrap li .chall_nobel_txt .icon_19_patch{width: 10%; max-width:32px; display: block; cursor: pointer; position: absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99;}
#chall_top_wrap li .chall_rank_num{display:block; width:54px; position:absolute; z-index:999; top:0; left:10px;}
#chall_top_wrap li .patch_box{display: block; position: absolute; z-index: 10; top: 0; right: 5px;}
#chall_top_wrap li .patch_box>img{width: 39px; display: inline-block; vertical-align: top;}
#chall_bottom_wrap1{padding-top:10px;}
#chall_bottom_wrap1:after{content:"";display:block;clear:both;}
#chall_bottom_wrap1 .chall_left{float:left; width:23%;}
#chall_bottom_wrap1 .chall_left_list{overflow:hidden; border:1px solid #eee; font-size:1.1em; background:#fff; }
#chall_bottom_wrap1 .chall_left_list h3{background:#404040; color:#fff; padding:13px 5%;}/* white버전 */
#chall_bottom_wrap1 .chall_left_list>ul{padding-bottom:40px;}
#chall_bottom_wrap1 .chall_left_list li{background:#fff; }
#chall_bottom_wrap1 .chall_left_list li a{border-bottom:1px solid #eee;padding:13px 5%; font-weight:bold; background:url(https://cdn.metoon.co.kr/img/chall_left_list_off.png) no-repeat 95% center; display: block; color:#676767;}
#chall_bottom_wrap1 .chall_left_list .on a{color:#d32b2b; background:url(https://cdn.metoon.co.kr/img/icon_dotarrow_red.png) no-repeat 95% center;}/* white버전 */
#chall_bottom_wrap1 .chall_left_list li a .adult_patch{color: #fff; font-size: 0.8em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
#chall_bottom_wrap1 .chall_left_list li a .adult_patch img{display: block; cursor:pointer;}
#chall_bottom_wrap1 .chall_left_list li a .adult_patch span{position: absolute; top: 1px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center; cursor:pointer;}
#chall_bottom_wrap1 .chall_left_list .open_list{display:none;}
#chall_bottom_wrap1 .chall_left_list .open_list li a{background:none; border:0; color:#838383; font-size:0.9em; padding:7px 7%;}
#chall_bottom_wrap1 .chall_left_list .open_list li a:hover{color:#444444;}
#chall_bottom_wrap1 .chall_left_list .open_list li a.on{color:#444444;}
#chall_bottom_wrap1 .chall_left_list #genre_li.on>a{color:#ff3874; background:url(https://cdn.metoon.co.kr/img/chall_left_list_open.png) no-repeat 95% center;}
#chall_bottom_wrap1 .chall_left_list #age_li.on>a{color:#ff3874; background:url(https://cdn.metoon.co.kr/img/chall_left_list_open.png) no-repeat 95% center;}
#chall_bottom_wrap1 .chall_left_list .open_list ul{border-bottom:1px solid #eee; padding: 5px 0; background: #f9f9f9;}
#chall_bottom_wrap1 .chall_left_list .open_list ul li{background:#f9f9f9;}
#chall_bottom_wrap1 #new_formal{width:96%; margin:auto; border:1px solid #ddd; border-radius:3px; padding:10px; background:#fafafa; color:#2b2b2b; margin-bottom:40px;}
#chall_bottom_wrap1 #new_formal dt{font-weight:bold; font-size:1em; text-align:left; padding-bottom:10px; border-bottom:1px solid #dedede; margin-bottom:8px; color:#676767;}
#chall_bottom_wrap1 #new_formal dd a{display:block; transition:.3s; padding:8px 0; font-weight:normal; font-size:1em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#chall_bottom_wrap1 #new_formal dd a span{color:#676767; cursor:pointer; font-weight:bold;color:#fff; margin:0 5px; background:#676767; padding:1px 3px; border-radius:3px; font-size:0.85em;}
#chall_bottom_wrap1 #new_formal dd.first a span{background:#007bc8;}
#chall_bottom_wrap1 #new_formal dd a:hover{color:#ff3874;}
#chall_bottom_wrap1 #new_formal dd a:hover .adult_patch{color:#fff;}
#chall_bottom_wrap1 #new_formal dd a .adult_patch{background:none; color: #fff; font-size: 0.75em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
#chall_bottom_wrap1 #new_formal dd.first a .adult_patch{background: none;}
#chall_bottom_wrap1 #new_formal dd.first a .adult_patch span{background: none;}
#chall_bottom_wrap1 #new_formal dd a .adult_patch img{display: block; cursor:pointer;}
#chall_bottom_wrap1 #new_formal dd a .adult_patch span{position: absolute; top: 2px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center;}
.chall_writer_btn{width: 94%;  transition:.3s; padding:13px 0; font-weight:bold; border-radius:0; font-size:20px; text-align:center; background:#56606b; color:#fff; margin: 10px auto; position:relative; display: block;}
.chall_writer_btn:hover{background:#33363a;}
.chall_writer_btn span{color:#ffed00; cursor:pointer;}
.chall_right1{width:76%; float:left; margin-left:1%; font-size:1.1em; }
.chall_right_title1{background:#ff3874; color:#fff; padding:0; border-radius:5px 0 0 0; margin-bottom:5px;}
.chall_right1 #add_page_box{margin-top:10px;}
.chall_right1 ul ul{overflow:hidden;position:relative; }
.chall_right1 ul ul li{cursor: pointer; float:left; width:23%; text-align:left; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#676767;}
.chall_right1 ul ul li.chall_list_sm{width:10%; font-weight:900; text-align:center;}
.chall_right1 ul ul li.chall_list_sm img{display:block; height:100%; position:absolute; top:0; left:0;}
.chall_right1 ul ul li.chall_list_big{width:44%; color:#2b2b2b;}
.chall_right1 ul ul li.chall_list_big .adult_patch{color: #fff; font-size: 0.75em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
.chall_right1 ul ul li.chall_list_big .adult_patch img{display: block; cursor:pointer;}
.chall_right1 ul ul li.chall_list_big .adult_patch span{position: absolute; top: 2px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center; cursor:pointer;}
.chall_right1 .chall_right_cont ul li.chall_list_sm{color:#222; font-style: italic; text-align:center;}
.chall_right_cont>li:nth-of-type(odd){background-color: #fff;}
.chall_right_cont>li:hover{border:1px solid #d52b2c;}
.chall_right_cont>li:hover li.chall_list_sm{color:#d52b2c;}/* white버전 */
.chall_right1 .chall_right_title1 li li{color:#fff; padding:13px 0; cursor:default;}
.chall_right1 .chall_right_title1 li.chall_list_big{color:#fff; }
.chall_right_cont>li{border:1px solid #ddd; border-radius:0; margin-bottom:5px; background:#f4f4f4; cursor:pointer;}
.chall_right_cont>li.bg_white{background:#fff;}
.chall_right_cont>li a{display:block; padding:13px 0;}
#chall_page_cont #add_page_box p{font-size:1em; padding: 2px 10px 7px;}
.chall_right1 .chall_right_cont .chall_top3 a{padding:5px 0;}
.chall_right1 .chall_right_cont .chall_top3 li{padding: 30px 0;}
.chall_right1 .chall_right_cont .chall_top3 .chall_num{font-size: 1.2em; color: #d32b2b; font-style: italic; padding-bottom: 0;}
.chall_right1 .chall_right_cont .chall_top3 .wirter_li{position: relative;}
.chall_right1 .chall_right_cont .chall_top3 li .img_box{display: block; width: 70px; height: 70px; position: absolute; top: 0;left: 0; bottom: 0; margin: auto; border-radius: 0; overflow: hidden;}
.chall_right1 .chall_right_cont .chall_top3 li .img_box img{display: block; cursor:pointer; width: 100%; border-radius:0; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}
.chall_right1 .chall_right_cont .chall_top3 li .writer{padding-left: 75px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.chall_right1 .chall_right_cont .chall_top3 .chall_list_big span{padding: 0 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; display: inline-block; max-width: 80%; width: auto; padding-right: 16px;}
.chall_right1 .chall_right_cont .chall_top3 .chall_list_big .adult_patch span{position: absolute; top: 2px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center; cursor:pointer;}
.chall_right1 .chall_right_cont .chall_top3 li span{ cursor:pointer;}
#chall_top_wrap li a #list19_blind{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; background:#fff; z-index:999;}
#chall_top_wrap li a #list19_blind>div{width:100%; height:100%; position:relative;}
#chall_top_wrap li a #list19_blind .list19_blind_mark{width:70%; max-width:220px; position:absolute; top:25px; right:0; left:0; margin:auto;}
#chall_top_wrap li a #list19_blind .chall_nobel_txt{background:url(https://cdn.metoon.co.kr/img/list19_blind_back.png);}
/* 도전 detail */
#container #chall_detail_page_cont{background: #f5f5f5; padding-top:0; position: relative; width: 1180px; margin: 0 auto;}
#container .chall_detail_visual_wrap{padding-top:30px;}
.chall_detail_visual{position:relative;}
.chall_detail_visual:after{clear:both; display:block; content:"";}
.chall_detail_imgbox{width:30%; float:left; background:#fff; border:1px solid #ddd; border-radius:5px; padding:10px; min-width:280px; min-height:280px;}
.chall_detail_imgbox img{width:100%; border-radius:5px;}
.chall_detail_textbox{width:69%; float:left; margin-left:1%; background:#fff; border:1px solid #ddd; border-radius:5px; padding:3.4%; height: 100%; position: absolute; right: 0; bottom: 0; top: 0; margin: auto; min-width:250px;}
.chall_detail_textbox:after{clear:both; display:block; content:"";}
.chall_detail_textbox_wrap{position:relative; height:100%; width:100%;}
.chall_detail_textbox p{ margin-bottom:2.5%;}
.chall_detail_textbox .genre_box{display: block; width: 100%; float: left; font-size: 1.2em; font-weight: bold; line-height: 1.5;}
.chall_detail_textbox .genre{display: inline; color: #fff; background: #F05584; padding: 3px 10px 3px; border-radius: 3px; font-size: 1em; margin-right: 1%;}
.chall_detail_textbox .up_day{display: inline; color: #676767; background: #fff; border: 1px solid #e3e3e3; padding: 3px 8px 3px; border-radius: 3px; font-size: 0.9em; margin-right: 1%;}
.chall_detail_textbox .adult_patch{background:none; color: #fff; font-weight: bolder; letter-spacing: -0.09em; font-size: 1.05em; position:relative; display: inline-block;}
.chall_detail_textbox .adult_patch img{display: block; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.chall_detail_textbox .adult_patch span{position:relative; margin-left: 2px;}
.chall_detail_textbox .heart{float:right; letter-spacing: -0.05em; font-weight: bold; padding-left: 20px; background: url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 0 43%; background-size:15px auto;}
.chall_detail_textbox .new_mark{display: inline; color: #fff; background: #ff8125; padding: 3px 10px 3px; border-radius: 3px; font-size: 1em; margin-right: 1%;}
.chall_detail_textbox .up_mark{display: inline; color: #fff; background: #FF0000; padding: 3px 10px 3px; border-radius: 3px; font-size: 1em; margin-right: 1%;}
.chall_detail_textbox p.chall_vis_title{ float:left; width:100%; color:#676767; font-weight:bold; font-size:1.1em; margin-bottom:16px;}
.chall_vis_txt_title{font-size:2.2em; display:block; float:left; width:100%; margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}
.chall_vis_title .writer{ display:block; float:left; font-size:1.1em;}
.chall_detail_textbox .summary_container{float:left;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.chall_detail_textbox .vis_nobel_txt{font-size:15px; margin-bottom:0; color: #676767; line-height:23px;max-height:69px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-webkit-box-flex:1;}
.chall_detail_textbox .summary_btn{display:inline-block;font-size:13px;color:#676767;font-weight:bold;white-space:nowrap;margin-left:8px;margin-bottom:2px;}
.vis_nobel_txt span{color:#f05584; display:block; margin-bottom:3%; font-weight:normal;}
.vis_nobel_txt .chall_txt_pink{font-size:1.1em; margin-bottom:3%;}
.chall_detail_textbox .nobel_btn_box{width: 100%; position:absolute; bottom:0; left:0; float:left;}
.chall_detail_textbox .nobel_btn_box ul{width: 100%; float: left; max-width: 500px;}
.chall_detail_textbox .nobel_btn_box>ul>li {float: left; width: 25%; max-width: 105px; margin-right: 8px;}
.chall_detail_textbox .nobel_btn_box .first a{background: #f7f7f7;}
.chall_detail_textbox .nobel_btn_box>ul>li>a{display: block; width: 100%; height: 100%; font-size: 1.1em; font-weight: bold; background: #f7f7f7; border-radius: 5px; text-align: right; float: left;border: 1px solid #585858;}
.chall_detail_textbox .nobel_btn_box .first span{padding: 8% 0 10%; text-align: center; width: 100%;}
.chall_detail_textbox .nobel_btn_box .check span{background: url(https://cdn.metoon.co.kr/img/ic_star_br_18x.png) no-repeat 15px 43%; background-size:18px auto;}
.chall_detail_textbox .nobel_btn_box .check_on span {background: url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 15px 43%;background-size:18px auto;}/* white버전 */
.chall_detail_textbox .nobel_btn_box .sns_btn span{background: url(https://cdn.metoon.co.kr/img/novel_btn_link.png) no-repeat 13% center;}
.chall_detail_textbox .nobel_btn_box .sns_btn span, .chall_detail_textbox .nobel_btn_box .check span, .chall_detail_textbox .nobel_btn_box .check_on span{padding:8% 10px 10%;}
.chall_detail_textbox .nobel_btn_box .sns_box{width:40%; max-width:130px; background:url(https://cdn.metoon.co.kr/img/sns_icon_bg.png) no-repeat; height:57px; position:absolute; top:40px; left:215px;}
.chall_detail_textbox .nobel_btn_box .sns_box li{width:33%; height:100%; float:left; margin-top:4px; margin-right:0;}
.chall_detail_textbox .nobel_btn_box .sns_box .fb_icon a{background:url(https://cdn.metoon.co.kr/img/fb_icon.png) no-repeat center; }
.chall_detail_textbox .nobel_btn_box .sns_box .twit_icon a{background:url(https://cdn.metoon.co.kr/img/tw_icon.png) no-repeat center;}
.chall_detail_textbox .nobel_btn_box .sns_box .kakao{position:relative;}
.chall_detail_textbox .nobel_btn_box .sns_box .kakao>img{position:absolute; top:0;  bottom:0; left:0; right:0; margin:auto;width: 39px; height: 39px; display: block; border-radius:25px; cursor:pointer;}
.chall_detail_textbox .nobel_btn_box .sns_box .kakao a{background:none; position:relative;}
.chall_detail_textbox .nobel_btn_box .sns_box .kakao a img{width: 39px; height: 39px; display: block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:25px; cursor:pointer;}
.chall_detail_textbox .nobel_btn_box .sns_box li a{display:block; width:100%;height:100%; text-indent:-1000000000000px; color:transparent; overflow:hidden; border:none; }
.chall_nobel_page_wrap{padding:30px 0;}
.chall_nobel_page_wrap:after{clear:both; display:block; content:"";}
.chall_nobel_list{width: 880px; min-height:793px; float: left;}
.chall_nobel_list .chall_nobel_form{font-weight: bold; width: 100%; overflow: hidden; border-top: 2px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;text-align: right; font-size: 1.1em; color: #838383;}
#container .chall_nobel_list .chall_nobel_form .sub_page_title{font-weight: bold; font-size: 19px; margin: 0; color:#565656; float: left; line-height: 40px;}
.chall_nobel_form>div{float:right;padding: 10px 0 12px;}
.chall_nobel_list .chall_nobel_form input{margin-left: 1%; margin-right: -28px;position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
.chall_nobel_list .chall_nobel_form label{float:left;display:block;font-size:14px;color:#8e8e8e;}
.chall_nobel_list .chall_nobel_form input[type="radio"]:checked + label{color:#e23939;}
.chall_nobel_list .chall_nobel_form i.bar{float:left;display:block;width:1px;height:15px;background:#d1d1d1;margin:0 8px;}
.chall_nobel_list .n_list{overflow:hidden;min-height:410px;}
.chall_nobel_list .n_list li{width:100%; float: left; padding:15px 10px; border-bottom: 1px solid #eaeaea; font-weight:bold; cursor:pointer; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.chall_nobel_list .n_list li:hover{background: #eee;}
.chall_nobel_list .n_list li p{width: 20%; float: left; font-size: 1.1em; color: #676767; line-height: 2.3; cursor:pointer;}
.chall_nobel_list .n_list a{width: 20%; max-width:142px; display:inline-block; float: right; cursor:pointer;}
.chall_nobel_list .n_list a p{width:100%;}
.chall_nobel_list .n_list a span{cursor:pointer;}
.chall_nobel_list .n_list .list_btn{width: 120px; padding: 5px 0; display: block; background: #ffffff; border: 1px solid #dcdcdc;text-align: center; border-radius: 5px; cursor: pointer; float:right; margin:0 auto;}
.chall_nobel_list .n_list .big_buy_btn{background:#56606b; color:#fff;}
.chall_nobel_list .n_list .join_plz{background: #f15584; border: 1px solid #d63f6c; color: #fff;}
.chall_nobel_list .n_list .free_btn span{background: url(https://cdn.metoon.co.kr/img/detail_free_icon1.png) no-repeat 0 center; padding-left: 23px; background-size: 15px; cursor:pointer;}
.chall_nobel_list .n_list .big_buy_btn span{background: url(https://cdn.metoon.co.kr/img/icon_detail_coin_btn1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px;}
.chall_nobel_list .n_list .coin_btn span{background: url(https://cdn.metoon.co.kr/img/detail_coin_icon1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px; cursor:pointer;}
.chall_nobel_list .n_list li .number{width:8%; color:#2c2c2c; margin-top: 0.5%;}
.chall_nobel_list .n_list li .sub_title{width:62%; margin-right:1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.5%;}
.chall_nobel_list .n_list li .sub_title .txt_up_icon{color: #fff; background: #2c5faf; display: inline-block; border-radius: 3px; padding: 2px 5px; font-size: 10px; margin-left: 3px; margin-bottom: 4px; vertical-align: middle; line-height:normal;}
.chall_nobel_list .n_list li .day{text-align:center; width:15%; margin-top: 0.5%; display:none;}
.chall_nobel_list .n_list li .heart {width: 7%; text-align: left; padding-left: 3%; margin-top: 0.5%; background: url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 0 center;}white버전
.chall_last_read_box{margin-top:30px;}
.chall_last_read_box:after{clear:both; content:""; display:block;}
.chall_last_read_box .last_read_title{font-size:1.3em; color:#676767; font-weight:bold; cursor: default; margin:10px 0;}
.chall_last_read_box div{width: 100%; float: left; padding: 3% 2%; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background:#ececec; font-weight: bold;}
.chall_last_read_box div p{width: 20%; float: left; font-size: 1.1em; color: #676767; line-height: 2.3;}
.chall_last_read_box div .number{width: 8%; color: #2c2c2c; margin-top: 0.5%;}
.chall_last_read_box div .sub_title{width:62%; margin-right: 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.5%;}
.chall_last_read_box div .heart{width: 7%; text-align: left; padding-left: 3%; margin-top: 0.5%; background: url(https://cdn.metoon.co.kr/img/heart1.png) no-repeat 0 center; color: #f74a7d;}/* white버전 */
.chall_last_read_box div .day{text-align: center; width: 15%; margin-top: 0.5%;}
.chall_last_read_box div a{width: 20%; max-width:142px; display: inline-block; float: right;}
.chall_last_read_box div .continue_btn{top: 0%; bottom: 0%; height: 30px; right: 1%; width: 100%;  padding: 5px 0; display: block; background: #F05584; border: 1px solid #dcdcdc;text-align: center; border-radius: 5px; cursor: pointer; min-width: 140px; color:#fff;}
/* 도전 디테일 상단1 */
#chall_nobel_banner( background:#a1bec6;width:100%; float:left; height:520px; position:relative;)
#chall_nobel_banner .bnr_visual{width:80%; max-width:1280px; display:block; height:520px;background:url(https://cdn.metoon.co.kr/img/nobel_banner.png) no-repeat ; position:relative;}
#chall_nobel_banner .visual_txt_wrap{width:520px; height:520px; position:absolute; right:0; top:0; z-index:20;}
#chall_nobel_banner .visual_txt{width:100%; position:relative; height: 100%; overflow:hidden; 	}
#chall_nobel_banner .vis_nobel_list{width:490px; position:absolute; top:10%; bottom:10%; left	:0px;}
#chall_nobel_banner .visual_txt .txt_box{margin-top:115px; color:#fff; font-weight:bold; font-size:1.0em; float:left;}
#chall_nobel_banner .visual_txt .txt_box p{display:block; width:100%; margin-top:10px; float:left; font-size:1.2em; font-weight: bold;line-height: 1.5;}
#chall_nobel_banner .visual_txt span{display:inline; font-size:1.0em;}
#chall_nobel_banner .visual_txt .genre{display: inline; color: #fff;  background:#F05584; padding: 3px 10px 3px; border-radius: 3px; font-size: 1em; margin-right:1%;}
#chall_nobel_banner .visual_txt .up_mark{display: inline; color: #fff;  background:#FF0000; padding: 3px 10px 3px; border-radius: 3px; font-size: 1em; margin-right:1%;}
#chall_nobel_banner .visual_txt .up_day{display: inline; color: #676767;  background:#fff; border:1px solid #e3e3e3; padding: 3px 8px 3px; border-radius: 3px; font-size: 0.9em; margin-right:1%;}
#chall_nobel_banner .visual_txt .adult_patch{background: #f21439; color: #fff; border-radius: 35px; padding: 2px 5px 3px 2px; font-weight: bolder; letter-spacing: -0.09em; font-size: 1.05em;}
#chall_nobel_banner .visual_txt .txt_box .vis_title{position:relative; padding:15px 0 10px;margin-top:0;margin-bottom:2%;line-height: normal; letter-spacing:-0.09em;}
#chall_nobel_banner .visual_txt .txt_box .vis_title span{display:inline-block; margin:10px 0 0;}
#chall_nobel_banner .visual_txt .txt_box .genre_box{line-height: normal;}
#chall_nobel_banner .visual_txt .txt_box .vis_title .vis_txt_title{font-size:1.7em; float:left;  display:block; width:70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#chall_nobel_banner .visual_txt .txt_box .vis_title .writer{float:right;  margin-top:25px; width:29%; text-align:right;}
#chall_nobel_banner .vis_txt_st{font-size:0.7em; margin:15px 0 30px;}
#chall_nobel_banner .vis_btn li{float:left; margin-right:10px;}
#chall_nobel_banner .nobel_btn_box{width:100%;position:absolute; bottom:13%; left:0; right:0; margin:auto;}
#chall_nobel_banner .nobel_btn_box ul{width:100%; float:left; max-width:500px;}
#chall_nobel_banner .nobel_btn_box>ul>li{float:left;width:25%;max-width:105px; margin-right:8px;}
#chall_nobel_banner .nobel_btn_box>ul>li>a{display:block; width:100%;  height:100%; font-size:1.1em; font-weight:bold; background:#fff;border-radius:5px;text-align:right; float:left; border: 1px solid #E2E2E2;}
#chall_nobel_banner .nobel_btn_box .first a{background:#fff;}
#chall_nobel_banner .nobel_btn_box .first span{background:url(https://cdn.metoon.co.kr/img/nobel_btn_01.png) no-repeat 13% center}
#chall_nobel_banner .nobel_btn_box .check a{background:#fff;}
#chall_nobel_banner .nobel_btn_box .check span{background:url(https://cdn.metoon.co.kr/img/nobel_btn_02.png) no-repeat 13% 43%;}
#chall_nobel_banner .nobel_btn_box .sns_btn>a{background:#fff;}
#chall_nobel_banner .nobel_btn_box .sns_btn span{background:url(https://cdn.metoon.co.kr/img/nobel_btn_03.png) no-repeat 13% center;}
#chall_nobel_banner .nobel_btn_box .check_on a{background:#fff;}
#chall_nobel_banner .nobel_btn_box .check_on span{background:url(https://cdn.metoon.co.kr/img/nobel_btn_04.png) no-repeat 13% 43%;}
#chall_nobel_banner .nobel_btn_box .sns_box{width:30%; max-width:130px; background:url(https://cdn.metoon.co.kr/img/sns_icon_bg.png) no-repeat; height:57px; margin-top:10px;position:absolute; top:35px; right:12%;}
#chall_nobel_banner .nobel_btn_box .sns_box li{width:33%; height:100%; float:left; margin-top:4px; margin-right:0;}
#chall_nobel_banner .nobel_btn_box .sns_box .fb_icon a{background:url(https://cdn.metoon.co.kr/img/fb_icon.png) no-repeat center; }
#chall_nobel_banner .nobel_btn_box .sns_box .twit_icon a{background:url(https://cdn.metoon.co.kr/img/tw_icon.png) no-repeat center;}
#chall_nobel_banner .nobel_btn_box .sns_box .kakao{position:relative;}
#chall_nobel_banner .nobel_btn_box .sns_box .kakao>img{position:absolute; top:0;  bottom:0; left:0; right:0; margin:auto;width: 39px; height: 39px; display: block; border-radius:25px; cursor:pointer;}
#chall_nobel_banner .nobel_btn_box .sns_box .kakao a{background:none; position:relative;}
#chall_nobel_banner .nobel_btn_box .sns_box .kakao a img{width: 39px; height: 39px; display: block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:25px; cursor:pointer;}
#chall_nobel_banner .nobel_btn_box .sns_box li a{display:block; width:100%;height:100%; text-indent:-1000000000000px; color:transparent; overflow:hidden; border:none; }
.nobel_btn_box span{display:block; width:80%; text-align:right; float:right;padding:0 10px; cursor:pointer;}
.nobel_btn_box .illu span{width:100%; text-align:center; float:none;padding:0;}
#chall_nobel_banner .vis_bg{width:100%; height:520px; position:absolute; top:0; left:0; }
/* 도전 디테일 상단1 */
@media all and (max-width:1050px){
	#chall_top_wrap li .chall_nobel_txt .title{font-size: 1.2em;}
}
@media all and (max-width:1000px){
	.chall_vis_txt_title{font-size: 1.7em;}
	.chall_detail_textbox .genre_box{font-size: 1em;}
	#chall_top_wrap li .chall_nobel_txt .title{font-size: 1.2em;}
}
@media all and (max-width:920px){
	.chall_detail_textbox .genre_box{font-size: 1em;}
	.chall_vis_txt_title{font-size: 1.7em;}
	.chall_detail_textbox{width: 67%;}
	#chall_top_wrap li .chall_nobel_txt .writer{padding-bottom: 10px;}
}
@media all and (max-width:860px){
	#chall_top_wrap li .chall_nobel_txt .title{ font-size: 1.2em;}
	#chall_top_wrap li .chall_nobel_txt .writer{padding-bottom: 10px;}
}
@media all and (max-width:820px){
	.chall_nobel_list .n_list li .sub_title{width: 60%;}
}
/* 도전 writer */
.chall_writer_page_bg{padding:20px 0; text-align:center; display:block; width:100%; background:url(https://cdn.metoon.co.kr/img/chall_writer_top_img.png) no-repeat 3% 100%;}
.chall_writer_form_box{width:100%;}
.chall_writer_form_box h3{background:#56606b; color:#fff; text-align:center; padding:14px 0; font-size:1.2em;}
#chall_writer_form{width:100%;}
#chall_writer_form .chall_writer_notice{color:#676767; padding:15px ; text-align:left; border:1px solid #ddd; background:#fff; border-radius:5px; font-size:16px; margin-bottom:20px;}
#chall_writer_form h3{margin-bottom:20px; padding-top:20px; font-size: 19px;}
#chall_writer_form h3 img{vertical-align: middle; display: inline-block; margin-right:5px;}
#chall_writer_form table{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-spacing: 0px;}
#chall_writer_form td{padding-left:20px; font-size:15px;border-bottom:1px solid #ddd; color:#545454;}
#chall_writer_form .last td{border:none;}
#chall_writer_form .input_td{padding:20px; color:#676767;}
#chall_writer_form input{ font-size:15px; border:1px solid #ccc; border-radius:3px; margin-right:20px; color:#676767;}
#chall_writer_form input[type="text"]:focus{box-shadow: 0px 0px 10px 0px #ff94b4;}
#chall_writer_form input[type="email"]:focus{box-shadow: 0px 0px 10px 0px #ff94b4;}
#chall_writer_form input[type="text"]{padding:10px; font-size:15px; font-family: 'Nanum Gothic', sans-serif;}
#chall_writer_form input[type="radio"]{margin-right:5px;}
#chall_writer_form label{margin-right:10px;}
#chall_writer_form .chall_tel{margin:0 10px;}
#chall_writer_form #chall_tel_1{margin-left:0;}
#chall_writer_form #chall_email{width:90%;}
#chall_writer_form #mychall_nobel_title{width:90%;}
#chall_writer_form #mychall_nobel_subtitle{width:90%;}
#chall_writer_form #mychall_nobel_intro{color:#676767;}
#chall_writer_form input[type="email"]{padding:10px; font-family: 'Nanum Gothic', sans-serif;}
#chall_writer_form textarea{-webkit-writing-mode: horizontal-tb;resize:none; padding:10px; border:1px solid #ccc; border-radius:3px; border-radius:3px; width:90%; font-family: 'Nanum Gothic', sans-serif; color:#a5a5a5; line-height:1.5; font-size:15px;}
#chall_writer_form .txtarea_box{border:1px solid #ccc; border-radius:3px; width:90%; background:#fff;}
#chall_writer_form .txtarea_box textarea{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; overflow:hidden; padding:10px 10px 0; border:none; width:100%; }
#chall_writer_form .txtarea_box p{font-weight:bold; padding:0 10px 10px; font-family: 'Nanum Gothic', sans-serif; color:#afafaf; line-height:1.5; font-size:15px; }
#chall_writer_form #txtarea{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default;}
#chall_writer_form .file_path_div{position:relative; width:100%;  display:block;}
#chall_writer_form .file_path_div #file_path{margin-right:10px;}
#chall_writer_form .file_path_hidden{position:absolute; width: 214px; top:0; left:0; height:39px; margin-right:10px; opacity:0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity:0; }
#chall_writer_form .file_path_btn{width:120px; background:#56606b; color:#fff; border-radius:3px; padding: 8px 0 9px;}
#chall_writer_form .file_path_div p{margin-top:10px;}
#chall_writer_form span{display:block; margin-top:10px;}
#chall_writer_form span input{vertical-align:middle; margin-right:10px; margin-top: -1px;}
#chall_writer_form .form_btn{display:block; text-align:center; padding:40px 0;}
#chall_writer_form .form_btn a{display:inline-block; width:160px; font-weight:bold; font-size:15px; padding:10px 0; color:#676767; border-radius:5px; background:#fff; border:1px solid #ccc; margin:0 5px;}
#chall_writer_form .form_btn .ok{background:#56606b; color:#fff; transition:.3s;}
/* 도전 writer */
.chall_category_list ul { width:100%; height:100%; border-radius:5px; overflow:hidden; }
.chall_category_list ul li { float:left; width:25%; height:100%; background:#fff; letter-spacing:-0.09em; box-sizing:border-box; border-right:1px solid #f5f5f5; }
.chall_category_list ul li:last-child { border-right:0; }
.chall_category_list ul li a { display:block; width:100%; height:40px; background:#fff; line-height:36px; font-size:18px; color:#676767; font-weight:bold; text-align:center; border:2px solid #fff; box-sizing:border-box; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
.chall_category_list ul li:first-child a { border-radius:5px 0 0 5px; }
.chall_category_list ul li:last-child a { border-radius:0 5px 5px 0; }
.chall_category_list ul li a.chall_on { color:#c50000; border:2px solid #c50000; }
.chall_category_list ul li a span { cursor:pointer; text-align:center; padding:1px 0 1px 25px; }
.chall_category_list ul li a .chall_best { background:url(https://cdn.metoon.co.kr/img/best_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px; }
.chall_category_list ul li a .chall_new { background:url(https://cdn.metoon.co.kr/img/ebook_new_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px; }
.chall_category_list ul li a .chall_adult { background:url(https://cdn.metoon.co.kr/img/toon_19_gray.png) no-repeat 0 center; background-size:20px; }
.chall_category_list ul li a .chall_free { background:url(https://cdn.metoon.co.kr/img/free_gray.png) no-repeat 0 center; padding-left:32px; background-size:20px; }
.chall_category_list ul li a .chall_rental { background:url(https://cdn.metoon.co.kr/img/rental_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px; }
.chall_category_list ul li a.chall_on .chall_best { background:url(https://cdn.metoon.co.kr/img/best_red.png) no-repeat 0 center; background-size:20px; }
.chall_category_list ul li a.chall_on .chall_new { background:url(https://cdn.metoon.co.kr/img/ebook_new_red.png) no-repeat 0 center; background-size:20px; }
.chall_category_list ul li a.chall_on .chall_adult { background:url(https://cdn.metoon.co.kr/img/toon_19_red.png) no-repeat 0 center; background-size:20px; }
.chall_category_list ul li a.chall_on .chall_free { background:url(https://cdn.metoon.co.kr/img/free_red.png) no-repeat 0 center; background-size:20px; }
.chall_category_list ul li a.chall_on .chall_rental { background:url(https://cdn.metoon.co.kr/img/rental_red.png) no-repeat 0 center; background-size:20px; }
#chall_genretab_box { float:left; width:354px; }
#chall_genretab_box #chall_SetCate { width:100%; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767; background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 96% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#chall_genretab_box select::-ms-expand { display:none; }
#chall_list_tab { float:left; width:150px; margin-left:20px; }
#chall_list_tab #chall_SetList { width:100%; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767;background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 90% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#chall_list_tab select::-ms-expand { display:none; }
.chall_form_box { width:100%; position:relative; }
.chall_form_box .chall_form { width:50%; float:right; padding:22px 0 3px; text-align:right; font-size:1.1em; font-weight:bold; }
.chall_form_box .chall_form input { margin:0 -28px 0 2%; cursor:pointer; position:absolute; top:0; left:0; opacity:0; z-index:-5;}
.chall_form_box .chall_form .chkselect { color:#F15584; }
.chall_form_box .chall_form label { color:#838383; padding-left:30px; position:relative; }
.chall_form_box .chall_form img { display:block; position:absolute; top:2px; left:13px; width:13px; height:13px; }
.chall_select_cont { width:100%; overflow:hidden; margin-bottom:15px; }
.chall_left_banner { margin:8px auto 0; width:251px; height:155px; }
.chall_left_banner img { display:block; }
.chall_admin_btn { display:block; width:94%; transition:.3s; border-radius:5px; font-size:18px; box-sizing:border-box; line-height:1.5; padding:10px 0; color:#fff; text-align:center; background:#b22b2f; margin:12px auto 14px; }
.chall_admin_btn strong { font-weight:bold; }
.chall_admin_btn:hover { background:#891518; }
/* 성인인증페이지 헤더O */
.adult_cert_noticebox{position:relative;}
.nonadult_btn{position:absolute; left: 435px; bottom: 15%;}
.nonadult_btn a{display:block;}
.nonadult_btn img{cursor:pointer;}
.adult_cert_noticebox2>img{display:none; margin:60px auto 50px;}
.adult_cert_btn_phon{text-align: center; margin-top:50px;}
.adult_cert_btn_phon a{display:inline-block;}
.adult_cert_btn_phon img{cursor:pointer;}
#adult_page_wrap{padding-top:80px}
@media (max-width: 1230px){
 #container #adult_page{width:100%;}
}
/* 성인인증페이지 헤더X */
#adult_container .adult_cert_noticebox{position:relative;}
#adult_container .nonadult_btn{position:absolute; left: 435px; bottom: 15%;}
#adult_container .nonadult_btn a{display:block;}
#adult_container .nonadult_btn img{cursor:pointer;}
#adult_container .adult_cert_noticebox2{width: 65%; margin: 30px auto; overflow: hidden;}
#adult_container .adult_cert_noticebox2>img{display:none; margin:30px 0 50px;}
#adult_container .adult_cert_btn_phon{text-align: center;}
#adult_container .adult_cert_btn_phon a{display:inline-block; float:left;}
#adult_container .adult_cert_btn_phon .adult_cert_btn_ipin{float:right;}
#adult_container .adult_cert_btn_phon img{cursor:pointer;}
#adult_container #adult_page_wrap{padding:0; position:absolute; top: 20%; right: 0; left: 0; bottom: 0; margin: auto; height:auto; width: 1200px;}
@media (max-width: 1230px){
 #adult_container #container #adult_page{width:100%;}
}
/* 성인인증레이어 */
#layer_body_adult{width: 100%;height: 100%; display: none; position: fixed; z-index: 10000001;}
#layer_body_adult .layer_wrap{width: 100%; height: 100%; position: relative; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png); }
#layer_body_adult .layer_bg{width: 100%; height: 100%; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png); position: absolute; top: 0; left: 0;}
.layer_adult_pop{position: relative; width: 415px; min-height: 300px; background: #fff; border-radius: 5px; overflow: hidden; position: absolute; top: 15%; left: 0; right: 0; margin: auto; z-index: 999; background-size: 100%;}
.layer_adult_pop_top{background:#404040; text-align: center; position: relative; height: 70px;}
.layer_adult_pop_top>img{position: absolute; border: 15px solid #fff; border-radius: 100px; background: #fff; top: 15px; left: 0; right: 0; width: 91px; margin: auto;}
.layer_adult_pop .head_group{padding:70px 20px 0;letter-spacing:-0.03em;}
#layer_body_adult .layer_adult_pop h3{text-align: center; font-size: 1.86em; font-weight: 800; color: #2c2c2c; margin-bottom: 10px;}
.layer_adult_pop .head_group p{font-size:13px;color:#676767;line-height:1.5;text-align:center;word-break:keep-all;}
#layer_body_adult .layer_adult_pop .layer_cont{width: 100%;}
#layer_body_adult .layer_adult_pop .layer_cont .txt_1line{padding-top: 15px;}
#layer_body_adult .layer_adult_pop .layer_cont p{width: 100%; text-align: center; font-size: 1.1em; color: #676767; padding-top: 25px; line-height: 1.3;letter-spacing: -0.09em;}
#layer_body_adult .layer_adult_pop .layer_btn{width: 100%; position: relative; margin-top: 25px; text-align: center; padding-bottom: 25px;}
#layer_body_adult .layer_adult_pop .layer_btn a{display: inline-block; text-align: center; min-width:90px; padding: 10px 10px; font-size: 1.2em; color: #fff; font-weight: bold; border-radius: 5px; text-shadow: none;}
#layer_body_adult .layer_adult_pop .layer_btn .ok{background: #c53232; margin-right: 10px; margin-top: 5px;}
#layer_body_adult .layer_adult_pop .layer_btn .close{background: #56606b;}
#layer_body_adult .layer_adult_pop .radio_box{width: 60%; margin: 0 auto;}
#layer_body_adult .layer_adult_pop .radio_box div{font-size:1.4em; margin:25px 0 15px; text-align: center;}
#layer_body_adult .layer_adult_pop .radio_box div.ipin{margin-top:0;margin-bottom:25px;}
#layer_body_adult .layer_adult_pop .radio_box input{margin-right:5px; opacity:0; position: absolute; top: 0; left: 0; z-index: -5;}
#layer_body_adult .layer_adult_pop .radio_box label{position:relative; padding-left:5px;}
#layer_body_adult .layer_adult_pop .pop_notice{text-align: center; margin: 0 auto; padding:5px 15px 5px; background:#f1f1f1;}
.layer_adult_pop .pop_notice .inner{display:inline-block;text-align:left;vertical-align:top;}
#layer_body_adult .layer_adult_pop .pop_notice p{display:block; color:#676767; line-height: 1.5;}
#layer_body_adult .layer_adult_pop .pop_notice a{color:inherit;}
#layer_body_adult .layer_adult_pop .radio_box label img{display: block; position: absolute; top: 2px; left: -22px; width: 22px; height: 22px;}
/* 성인인증레이어 (보물을 찾아라) */
#layer_body_name{width: 100%;height: 100%; display: none; position: fixed; z-index: 9999999;}
#layer_body_name .layer_wrap{width: 100%; height: 100%; position: relative; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png); }
#layer_body_name .layer_bg{width: 100%; height: 100%; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png); position: absolute; top: 0; left: 0;}
#layer_body_name .layer_name_pop{position: relative; width: 415px; min-height: 300px; background: #fff; border-radius: 5px; overflow: hidden; position: absolute; top: 15%; left: 0; right: 0; margin: auto; z-index: 999; background-size: 100%;}
#layer_body_name .layer_adult_pop_top{background:#404040; text-align: center; position: relative; height: 70px;}
#layer_body_name .layer_adult_pop_top>img{position: absolute; border: 15px solid #fff; border-radius: 100px; background: #fff; top: 15px; left: 0; right: 0; width: 91px; margin: auto;}
#layer_body_name .layer_name_pop h3{text-align: center; font-size: 1.6em; font-weight: 800; color: #2c2c2c; padding-top: 70px; letter-spacing: -0.09em; margin-bottom: 30px;}
#layer_body_name .layer_name_pop .layer_cont{width: 100%;}
#layer_body_name .layer_name_pop .layer_cont .txt_1line{padding-top: 15px;}
#layer_body_name .layer_name_pop .layer_cont p{width: 100%; text-align: center; font-size: 1.1em; color: #676767; padding-top: 25px; line-height: 1.3;letter-spacing: -0.09em;}
#layer_body_name .layer_name_pop .layer_btn{width: 100%; position: relative; margin-top: 30px; text-align: center; padding-bottom: 30px;}
#layer_body_name .layer_name_pop .layer_btn a{display: inline-block; text-align: center; min-width:90px; padding: 10px 10px; font-size: 1.2em; color: #fff; font-weight: bold; border-radius: 5px; text-shadow: none;}
#layer_body_name .layer_name_pop .layer_btn .ok{background: #c53232; margin-right: 10px; margin-top: 5px;}
#layer_body_name .layer_name_pop .layer_btn .close{background: #56606b;}
#layer_body_name .layer_name_pop .radio_box{width: 60%; margin: 0 auto;}
#layer_body_name .layer_name_pop .radio_box div{font-size:1.4em; margin:25px 0; letter-spacing:-0.05em; text-align: center;}
#layer_body_name .layer_name_pop .radio_box input{margin-right:5px; opacity:0; position: absolute; top: 0; left: 0; z-index: -5;}
#layer_body_name .layer_name_pop .radio_box label{position:relative; padding-left:5px;}
#layer_body_name .layer_name_pop .pop_notice{text-align: left; margin: 0 auto; padding:5px 15px 5px; background:#f1f1f1;}
#layer_body_name .layer_name_pop .pop_notice p{display:block; color:#676767; line-height: 1.5; text-align:center;}
#layer_body_name .layer_name_pop .pop_notice a{text-decoration:underline;}
#layer_body_name .layer_name_pop .radio_box label img{display: block; position: absolute; top: 2px; left: -22px; width: 22px; height: 22px;}
/* 성인인증레이어 (보물을 찾아라) */
#coin_notice_pop_wrap{display:none; width:100%; min-width:765px; height:100%; position:fixed; top:0; left:0; z-index:99999999;}
#coin_notice_pop_wrap .coin_notice_box1{width:100%; height:100%; position:relative; min-width:560px;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box{width:330px; height:215px; padding:10px 5px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#f6f6f6;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box h2{color:#d32b2b; text-indent:5px; font-size:1.2em; position:relative; margin-bottom:10px; cursor: default;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box h2 a{position:absolute; top:-4px; bottom:0; right:5px; margin:auto; width:24px;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box h2 img{width:100%; display:block; cursor: pointer;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box>div{border:1px solid #ddd; background:#fff; padding:10px; text-align:center;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box h3{color:#d32b2b; margin-top:5px;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box p{float:none; margin:5px auto 10px;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box .btn_box{width:100%; position:relative;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box .btn_box>img{width:100%;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box .btn_box div{position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; overflow:hidden;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box .btn_box div a{position:relative; width:50%; float:left; display:block; height:100%; cursor: pointer;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box .btn_box div a img{margin-top:17px; cursor: pointer;}
#coin_notice_pop_wrap .coin_notice_box1 .container_box .btn_box div p{ color:#fff; font-weight:bold; margin-top:10px; font-size: 1.1em; letter-spacing: -0.05em; cursor: pointer;}
#coin_notice_pop_wrap .pop_bg{width: 100%; height: 100%; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
#coin_notice_fill_wrap{display:none; width:100%; min-width:765px; height:100%; position:fixed; top:0; left:0; z-index:99999999;}
#coin_notice_fill_wrap .coin_notice_fill_box1{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; min-width:560px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box{width:430px; padding:20px 5px 10px;background:#f6f6f6; position:absolute; top:50%; left:50%; margin-top:-314px; margin-left:-215px; -webkit-animation:slide-down 0.4s forwards; animation:slide-down 0.4s forwards;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box.close{-webkit-animation:slide-up 0.4s forwards; animation:slide-up 0.4s forwards;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box h2{color:#d32b2b; text-indent:5px; font-size:1.35em; position:relative; margin-bottom:10px; cursor: default;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box h2 a{position:absolute; top:-4px; bottom:0; right:5px; margin:auto; width:24px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box h2 img{width:100%; display:block; cursor: pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box>div{border:1px solid #ddd; background:#fff; padding:23px 10px 10px; text-align:center;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box h3{color:#d32b2b; margin-top:5px; font-size:1.35em;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box p{float:none; margin:10px auto 10px; font-size:1.1em; font-weight:bold; }
#coin_notice_fill_wrap input{display:none;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box{width:100%; background:#d32b2b; margin:0 auto; padding:3px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .title{padding:15px 0; padding-left: 55px; margin:0; color:#fff; letter-spacing:-0.05em; font-size: 1.15em;background:url(https://cdn.metoon.co.kr/img/coin_notice_fill_icon.png) no-repeat 10px center; cursor: default;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .title span{color:#fffc00; font-weight:900;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box p{margin:0; font-size:1.05em; float:left; color:#2c2c2c; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box2{margin: 5px auto; width:100%;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box2 .banner{display:block; width:100%;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap{background:#fff5f8; width:100%; overflow:hidden;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div{width:100%; overflow:hidden; border:1px solid #fff5f8; border-bottom:1px solid #ffc4d6; box-sizing: border-box; }
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div:last-child{border:1px solid #fff5f8; border-bottom: 1px solid #ff4d82;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div.on{background: #fff; border-top: 1px solid #d32b2b; border-bottom: 1px solid #d32b2b;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div label{display:block; overflow:hidden; padding:10px 10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div label .check{width:13px; float:left; margin-right: 5px; margin-top: 3px; display:none;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div.on label .check{display:block;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .top_wrap div span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .cash{float:right;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .top_box .coin_p{width:15%; text-align:left;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box{width:100%; margin-top:10px;  border-top:2px solid #cecece;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap{width:100%; overflow:hidden;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div{width:100%; overflow:hidden; border:1px solid #fff; box-sizing: border-box; border-bottom:1px solid #e1e1e1; }
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div.on{background: #fff5f8; border: 1px solid #d32b2b;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div label{display:block; overflow:hidden; padding:10px 10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div label .check{width:13px; float:left; margin-right: 5px; margin-top: 3px; display:none;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div.on label .check{display:block;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box p{margin:0; font-size:1.05em; float:left; color:#676767; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .bottom_wrap div span.coin_del{color:#b4b4b4;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .coin_p{width:15%; text-align:left; color:#2c2c2c;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .btm_box .cash{float:right; color:#2c2c2c;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .phone_fill_btn{ height:37px; border:none; display: block; width:100%; background:#d32b2b; color:#fff; margin:10px auto; border-radius:3px; font-size:1.1em; font-weight:bold; border-bottom:2px solid #a22828;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .phone_fill_btn:hover{background:#b20f0f;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .btn_box{width:100%; position:relative;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .btn_box>img{width:100%;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .btn_box div{position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; overflow:hidden;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .btn_box div a{width:50%; float:left; display:block; height:100%; cursor: pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .btn_box div a img{margin-top:17px; cursor: pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .btn_box div p{ color:#fff; font-weight:bold; margin-top:10px; font-size: 1.1em; letter-spacing: -0.05em; cursor: pointer;}
#coin_notice_fill_wrap .pop_bg{width: 100%; height: 100%; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill{position:relative; margin-bottom:31px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .title{padding-left:23px; line-height:21px; font-size:15px; font-weight:bold; color:#d32b2b; text-align:left; background:url('https://cdn.metoon.co.kr/img/auto_fill_gif.gif') no-repeat 0 center; background-size:19px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:0; -webkit-animation:font-sliding 0.8s forwards;-moz-animation:font-sliding 0.8s forwards; animation:font-sliding 0.8s forwards;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s; animation-delay:0.5s;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .title span{font-size:11px;}
@keyframes font-sliding{
	0%{
		-webkit-transform:translateX(50%) scale(0.4);
		-moz-transform:translateX(50%) scale(0.4);
		-o-transform:translateX(50%) scale(0.4);
		-ms-transform:translateX(50%) scale(0.4);
		transform:translateX(50%) scale(0.4);
		opacity:0;
	}
	55%{
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
	68%{
		-webkit-transform:translateX(3px);
		-moz-transform:translateX(3px);
		-o-transform:translateX(3px);
		-ms-transform:translateX(3px);
		transform:translateX(3px);
	}
	100%{
		-webkit-transform:translateX(0) scale(1);
		-moz-transform:translateX(0) scale(1);
		-o-transform:translateX(0) scale(1);
		-ms-transform:translateX(0) scale(1);
		transform:translateX(0) scale(1);
		opacity:1;
	}
}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info{border:1px solid #d52b2c; border-radius:3px; margin:7px auto 10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info input{position:absolute; top:0; left:0; opacity:0; z-index:-1; visibility:hidden;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label{display:block; overflow:hidden; padding:13px 10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label p{margin:0; font-size:1.05em; float:left; color:#676767; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label span.coin_del{color:#b4b4b4;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label .coin_p{width:15%; text-align:left; color:#2c2c2c;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label .cash{float:right; color:#2c2c2c;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info label .check{width: 13px; float: left; margin-right: 5px; margin-top: 3px; display: none;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info.on{background:#fff5f8;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .s_promo_info.on label .check{display: block;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill a.s_promo_btn{display:block; width:100%; height:37px; line-height:37px; text-align:center; border-radius:3px; background-color:#d32b2b; color:#fff; font-size:14px; font-weight:bold; border-bottom:2px solid #a22828;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill a.s_promo_btn:hover{background-color:#b20f0f;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill a.s_promo_info_btn{display:inline-block; float:right; font-size:11px; color:#363636; margin-top:5px; line-height:1;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice{position:absolute; top:0; right:0; margin-right:-280px; width:260px; padding:15px 5px 5px; background-color:#f6f6f6; color:#010101; border:1px solid #ddd; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; -webkit-transform:translate(-30px) scale(0.5); -moz-transform:translate(-30px) scale(0.5); -o-transform:translate(-30px) scale(0.5); -ms-transform:translate(-30px) scale(0.5); transform:translate(-30px) scale(0.5); -webkit-transform-origin:0; -moz-transform-origin:0; -o-transform-origin:0; -ms-transform-origin:0; transform-origin:0; opacity:0; visibility:hidden; z-index:-1;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice div{padding:15px 15px 5px; background-color:#fff; border:1px solid #ddd;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice.active{-webkit-transform:translate(0) scale(1); -moz-transform:translate(0) scale(1); -o-transform:translate(0) scale(1); -ms-transform:translate(0) scale(1); transform:translate(0) scale(1); opacity:1; visibility:visible; z-index:1;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice p{position:relative; margin-bottom:7px; line-height:1.4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px; letter-spacing:-0.05em; text-align:left; font-size:1em; font-weight:normal;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice p:before{content:"-"; display:block; color:#010101; position:absolute; top:0; left:0;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice p:last-child{margin-bottom:0;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice .notice_btn{display:block; width:60px; height:35px; line-height:35px; font-size:14px; color:#fff; font-weight:bold; text-align:center; margin:15px auto 7px; background-color:#d32b2b; border-radius:3px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill .notice .notice_btn:hover{background-color:#b20f0f;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .today_close{text-align:right; padding-right:10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .today_close input,#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .today_close label{vertical-align:middle;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .today_close input{display:inline-block;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .today_close .fill_close{display:inline-block; width:40px; height:25px; border:0 none; background-color:#d32b2b; color:#fff; border-radius:3px; font-size:13px; font-weight:bold; letter-spacing:-0.05em; vertical-align:middle;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt{position:relative; margin-bottom:31px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info{position:relative; padding:17px 0 5px; border:1px solid #d52b2c; border-radius:3px; margin:7px auto 10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info input{position:absolute; top:0; left:0; opacity:0; z-index:-1; visibility:hidden;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box{position:absolute; top:0; left:11px; width:222px; text-align:center; margin:-11px auto 0; height:27px; background-color:#fff; border:1px solid #d52b2c; border-radius:4px; line-height:27px; letter-spacing:-0.01em;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box p{float:left; margin:0;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo{width:78px; height:100%; text-align:center; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center; -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo img{display:inline-block; width:75%;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo_txt{width:142px; height:100%; text-align:center; background-color:#d52b2c; color:#fff; font-size:12px; font-weight:bold;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo_txt span{font-size:10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label{display:block; overflow:hidden; padding:13px 10px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label p{margin:0; font-size:1.05em; float:left; color:#676767; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label span.coin_del{color:#b4b4b4;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label .coin_p{width:15%; text-align:left; color:#2c2c2c;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label .cash{float:right; color:#2c2c2c;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info label .check{width: 13px; float: left; margin-right: 5px; margin-top: 3px; display: none;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info.on{background:#fff5f8;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .s_promo_kt_info.on label .check{display: block;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt a.s_promo_btn{display:block; width:100%; height:37px; line-height:37px; text-align:center; border-radius:3px; background-color:#d32b2b; color:#fff; font-size:1.1em; font-weight:bold; border-bottom:2px solid #a22828;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt a.s_promo_btn:hover{background-color:#b20f0f;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt a.s_promo_info_kt_btn{display:inline-block; float:right; font-size:11px; color:#363636; margin-top:5px; line-height:1;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice{position:absolute; top:0; right:0; margin-right:-280px; width:260px; padding:15px 5px 5px; background-color:#f6f6f6; color:#010101; border:1px solid #ddd; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; -webkit-transform:translate(-30px) scale(0.5); -moz-transform:translate(-30px) scale(0.5); -o-transform:translate(-30px) scale(0.5); -ms-transform:translate(-30px) scale(0.5); transform:translate(-30px) scale(0.5); -webkit-transform-origin:0; -moz-transform-origin:0; -o-transform-origin:0; -ms-transform-origin:0; transform-origin:0; opacity:0; visibility:hidden; z-index:-1;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice div{padding:15px 15px 5px; background-color:#fff; border:1px solid #ddd;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice.active{-webkit-transform:translate(0) scale(1); -moz-transform:translate(0) scale(1); -o-transform:translate(0) scale(1); -ms-transform:translate(0) scale(1); transform:translate(0) scale(1); opacity:1; visibility:visible; z-index:1;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice p{position:relative; margin-bottom:7px; line-height:1.4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px; letter-spacing:-0.05em; font-size:1em; text-align:left; font-weight:normal;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice p:before{content:"-"; display:block; color:#010101; position:absolute; top:0; left:0;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice p:last-child{margin-bottom:0;}
#coin_notice_fill_wrap .coin_notice_fill_box1 .container_box .s_promo_fill_kt .notice .notice_btn{display:block; width:60px; height:35px; line-height:35px; font-size:14px; color:#fff; font-weight:bold; text-align:center; margin:15px auto 7px; background-color:#d32b2b; border-radius:3px;}
#coin_notice_fill_wrap2{display:none; width:100%; min-width:765px; height:100%; position:fixed; top:0; left:0; z-index:99999999;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; min-width:560px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box{position:absolute; top:50%; left:0; right:0; width:430px; padding:20px 5px 10px; margin:-280px auto 0; background:#f6f6f6; -webkit-animation:slide-down 0.4s forwards; animation:slide-down 0.4s forwards;}
@keyframes slide-down{
	0%{
		-webkit-transform:translate3d(0, -100%, 0);
		-moz-transform:translate3d(0, -100%, 0);
		-o-transform:translate3d(0, -100%, 0);
		-ms-transform:translate3d(0, -100%, 0);
		transform:translate3d(0, -100%, 0);
		opacity:0;
	}
	100%{
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		-o-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		opacity:1;
	}
}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box.close{-webkit-animation:slide-up 0.4s forwards; animation:slide-up 0.4s forwards;}
@keyframes slide-up{
	0%{
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		-o-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		opacity:1;
	}
	100%{
		-webkit-transform:translate3d(0, -100%, 0);
		-moz-transform:translate3d(0, -100%, 0);
		-o-transform:translate3d(0, -100%, 0);
		-ms-transform:translate3d(0, -100%, 0);
		transform:translate3d(0, -100%, 0);
		opacity:0;
	}
}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box h2{color:#d32b2b; text-indent:5px; font-size:1.35em; position:relative; margin-bottom:10px; cursor: default;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box h2 a{position:absolute; top:-4px; bottom:0; right:5px; margin:auto; width:24px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box h2 img{width:100%; display:block; cursor: pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box>div{border:1px solid #ddd; background:#fff; padding:23px 10px 10px; text-align:center;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box h3{color:#d32b2b; margin-top:5px; font-size:1.35em;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box p{float:none; margin:10px auto 10px; font-size:1.1em; font-weight:bold; }
#coin_notice_fill_wrap2 input{display:none;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box{width:100%; background:#d32b2b; margin:0 auto; padding:3px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .title{padding:15px 0; padding-left: 55px; margin:0; color:#fff; letter-spacing:-0.05em; font-size: 1.15em;background:url(https://cdn.metoon.co.kr/img/coin_notice_fill_icon.png) no-repeat 10px center; cursor: default;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .title span{color:#fffc00; font-weight:900;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box p{margin:0; font-size:1.05em; float:left; color:#2c2c2c; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box2{margin: 5px auto; width:100%;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box2 .banner{display:block; width:100%;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap{background:#fff5f8; width:100%; overflow:hidden;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div{width:100%; overflow:hidden; border:1px solid #fff5f8; border-bottom:1px solid #ffc4d6; box-sizing: border-box; }
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div:last-child{border:1px solid #fff5f8; border-bottom: 1px solid #ff4d82;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div.on{background: #fff; border-top: 1px solid #d32b2b; border-bottom: 1px solid #d32b2b;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div label{display:block; overflow:hidden; padding:13px 10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .cash{float:right;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .coin_p{width:15%; text-align:left;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div label .check{width: 13px; float: left; margin-right: 5px; margin-top: 3px; display: none;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .top_box .top_wrap div.on label .check{display: block;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box{width:100%; margin-top:10px;  border-top:2px solid #cecece;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap{width:100%; overflow:hidden;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div{width:100%; overflow:hidden; border:1px solid #fff; box-sizing: border-box; border-bottom:1px solid #e1e1e1; }
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div.on{background: #fff5f8; border: 1px solid #d32b2b;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div label{display:block; overflow:hidden; padding:13px 10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box p{margin:0; font-size:1.05em; float:left; color:#676767; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div span.coin_del{color:#b4b4b4;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .coin_p{width:15%; text-align:left; color:#2c2c2c;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .cash{float:right; color:#2c2c2c;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div label .check{width: 13px; float: left; margin-right: 5px; margin-top: 3px; display: none;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .btm_box .bottom_wrap div.on label .check{display: block;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .phone_fill_btn{ height:37px; border:none; display: block; width:100%; background:#d32b2b; color:#fff; margin:10px auto; border-radius:3px; font-size:1.1em; font-weight:bold; border-bottom:2px solid #a22828;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .phone_fill_btn:hover{background:#b20f0f;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .btn_box{width:100%; position:relative;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .btn_box>img{width:100%;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .btn_box div{position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; overflow:hidden;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .btn_box div a{width:50%; float:left; display:block; height:100%; cursor: pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .btn_box div a img{margin-top:17px; cursor: pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .btn_box div p{ color:#fff; font-weight:bold; margin-top:10px; font-size: 1.1em; letter-spacing: -0.05em; cursor: pointer;}
#coin_notice_fill_wrap2 .pop_bg{width: 100%; height: 100%; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill{position:relative; margin-bottom:31px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .title{padding-left:23px; line-height:21px; font-size:15px; font-weight:bold; color:#d32b2b; text-align:left; background:url('https://cdn.metoon.co.kr/img/auto_fill_gif.gif') no-repeat 0 center; background-size:19px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; opacity:0; -webkit-animation:font-sliding 0.8s forwards; -moz-animation:font-sliding 0.8s forwards; animation:font-sliding 0.8s forwards; -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .title span{font-size:11px;}
@keyframes font-sliding{
	0%{
		-webkit-transform:translateX(50%) scale(0.4);
		-moz-transform:translateX(50%) scale(0.4);
		-o-transform:translateX(50%) scale(0.4);
		-ms-transform:translateX(50%) scale(0.4);
		transform:translateX(50%) scale(0.4);
		opacity:0;
	}
	55%{
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
	68%{
		-webkit-transform:translateX(3px);
		-moz-transform:translateX(3px);
		-o-transform:translateX(3px);
		-ms-transform:translateX(3px);
		transform:translateX(3px);
	}
	100%{
		-webkit-transform:translateX(0) scale(1);
		-moz-transform:translateX(0) scale(1);
		-o-transform:translateX(0) scale(1);
		-ms-transform:translateX(0) scale(1);
		transform:translateX(0) scale(1);
		opacity:1;
	}
}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info{border:1px solid #d52b2c; border-radius:3px; margin:7px auto 10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info input{position:absolute; top:0; left:0; opacity:0; z-index:-1; visibility:hidden;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label{display:block; overflow:hidden; padding:13px 10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label p{margin:0; font-size:1.05em; float:left; color:#676767; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label span.coin_del{color:#b4b4b4;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label .coin_p{width:15%; text-align:left; color:#2c2c2c;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label .cash{float:right; color:#2c2c2c;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info label .check{width: 13px; float: left; margin-right: 5px; margin-top: 3px; display: none;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info.on{background:#fff5f8;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .s_promo_info.on label .check{display: block;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill a.s_promo_btn{display:block; width:100%; height:37px; line-height:37px; text-align:center; border-radius:3px; background-color:#d32b2b; color:#fff; font-size:14px; font-weight:bold; border-bottom:2px solid #a22828;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill a.s_promo_btn:hover{background-color:#b20f0f;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill a.s_promo_info_btn{display:inline-block; float:right; font-size:11px; color:#363636; margin-top:5px; line-height:1;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice{position:absolute; top:0; right:0; margin-right:-280px; width:260px; padding:15px 5px 5px; background-color:#f6f6f6; color:#010101; border:1px solid #ddd; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; -webkit-transform:translate(-30px) scale(0.5); -moz-transform:translate(-30px) scale(0.5); -o-transform:translate(-30px) scale(0.5); -ms-transform:translate(-30px) scale(0.5); transform:translate(-30px) scale(0.5); -webkit-transform-origin:0; -moz-transform-origin:0; -o-transform-origin:0; -ms-transform-origin:0; transform-origin:0; opacity:0; visibility:hidden; z-index:-1;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice div{padding:15px 15px 5px; background-color:#fff; border:1px solid #ddd;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice.active{-webkit-transform:translate(0) scale(1); -moz-transform:translate(0) scale(1); -o-transform:translate(0) scale(1); -ms-transform:translate(0) scale(1); transform:translate(0) scale(1); opacity:1; visibility:visible; z-index:1;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice p{position:relative; margin-bottom:7px; line-height:1.4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px; letter-spacing:-0.05em; text-align:left; font-size:1em; font-weight:normal;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice p:before{content:"-"; display:block; color:#010101; position:absolute; top:0; left:0;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice p:last-child{margin-bottom:0;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice .notice_btn{display:block; width:60px; height:35px; line-height:35px; font-size:14px; color:#fff; font-weight:bold; text-align:center; margin:15px auto 7px; background-color:#d32b2b; border-radius:3px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill .notice .notice_btn:hover{background-color:#b20f0f;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .today_close{text-align:right; padding-right:10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .today_close input,#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .today_close label{vertical-align:middle;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .today_close input{display:inline-block;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .today_close .fill_close{display:inline-block; width:40px; height:25px; border:0 none; background-color:#d32b2b; color:#fff; border-radius:3px; font-size:13px; font-weight:bold; letter-spacing:-0.05em; vertical-align:middle;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt{position:relative; margin-bottom:31px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info{position:relative; padding:17px 0 5px; border:1px solid #d52b2c; border-radius:3px; margin:7px auto 10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info input{position:absolute; top:0; left:0; opacity:0; z-index:-1; visibility:hidden;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box{position:absolute; top:0; left:11px; width:222px; text-align:center; margin:-11px auto 0; height:27px; background-color:#fff; border:1px solid #d52b2c; border-radius:4px; line-height:27px; letter-spacing:-0.01em;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box p{float:left; margin:0;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo{width:78px; height:100%; text-align:center; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center; -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo img{display:inline-block; width:75%;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo_txt{width:142px; height:100%; text-align:center; background-color:#d52b2c; color:#fff; font-size:12px; font-weight:bold;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info .promo_logo_box .promo_logo_txt span{font-size:10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label{display:block; overflow:hidden; padding:13px 10px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label p{margin:0; font-size:1.05em; float:left; color:#676767; font-size:1em; cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label span{color:#d32b2b;  cursor:pointer;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label span.coin_del{color:#b4b4b4;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label .coin_p{width:15%; text-align:left; color:#2c2c2c;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label .pay_del{float:right; position:relative; color:#777;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label .pay_del:before{content:""; position:absolute; top:50%; left:50%; width:102%; height:1px; background:#555; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label .ic_arrow{float:right; width:7px; height:10px; background:url("https://cdn.metoon.co.kr/mimg/ic_pay_arrow.png") no-repeat center; background-size:100%; margin:2px 5px 0 7px;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label .cash{float:right; color:#2c2c2c;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info label .check{width: 13px; float: left; margin-right: 5px; margin-top: 3px; display: none;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info.on{background:#fff5f8;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .s_promo_kt_info.on label .check{display: block;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt a.s_promo_btn{display:block; width:100%; height:37px; line-height:37px; text-align:center; border-radius:3px; background-color:#d32b2b; color:#fff; font-size:1.1em; font-weight:bold; border-bottom:2px solid #a22828;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt a.s_promo_btn:hover{background-color:#b20f0f;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt a.s_promo_info_kt_btn{display:inline-block; float:right; font-size:11px; color:#363636; margin-top:5px; line-height:1;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice{position:absolute; top:0; right:0; margin-right:-280px; width:260px; padding:15px 5px 5px; background-color:#f6f6f6; color:#010101; border:1px solid #ddd; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; -webkit-transform:translate(-30px) scale(0.5); -moz-transform:translate(-30px) scale(0.5); -o-transform:translate(-30px) scale(0.5); -ms-transform:translate(-30px) scale(0.5); transform:translate(-30px) scale(0.5); -webkit-transform-origin:0; -moz-transform-origin:0; -o-transform-origin:0; -ms-transform-origin:0; transform-origin:0; opacity:0; visibility:hidden; z-index:-1;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice div{padding:15px 15px 5px; background-color:#fff; border:1px solid #ddd;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice.active{-webkit-transform:translate(0) scale(1); -moz-transform:translate(0) scale(1); -o-transform:translate(0) scale(1); -ms-transform:translate(0) scale(1); transform:translate(0) scale(1); opacity:1; visibility:visible; z-index:1;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice p{position:relative; margin-bottom:7px; line-height:1.4; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding-left:10px; letter-spacing:-0.05em; font-size:1em; text-align:left; font-weight:normal;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice p:before{content:"-"; display:block; color:#010101; position:absolute; top:0; left:0;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice p:last-child{margin-bottom:0;}
#coin_notice_fill_wrap2 .coin_notice_fill_box2 .container_box .s_promo_fill_kt .notice .notice_btn{display:block; width:60px; height:35px; line-height:35px; font-size:14px; color:#fff; font-weight:bold; text-align:center; margin:15px auto 7px; background-color:#d32b2b; border-radius:3px;}

.view_free_btn_wrap{display:flex;justify-content:center;margin:30px auto 0;}
.view_free_btn_cont{position:relative;}
.view_free_btn{position:absolute;bottom:0;left:0;right:0;display:block;max-width:574px;width:79.722%;height:41.365%;border-radius:60px;margin:0 auto 6.527%;overflow:hidden;}

.bnzzkbtn{position:absolute;bottom:0;left:0;right:0;display:inline-block;max-width:592px;width:82.222%;border-radius:10px;margin:0 auto 8.34%;overflow:hidden;cursor:pointer;}
.bnzzkbtn:after, .view_free_btn:after{content:"";position:absolute;top:50%;right:100%;width:200px;height:200px;background:linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));opacity:0.6;transform:skew(20deg);margin-top:-100px;will-change:right;}
.bnzzkbtn:hover:after, .view_free_btn:hover:after{transition:right 0.6s ease;right:-220px;}

/* 툰뷰어 */
#toon_view_wrap #view_container_top{width:100%; float:none; margin:0 auto; max-width:1200px;}
#toon_view_wrap .detail_view_box  .detail_view_content{text-align:center; }
#toon_view_wrap .detail_view_content img{width:100%; display:block; margin:0 auto; max-width:720px; }
#view_container_top #detail_view_toon_box{max-width:850px; margin:0 auto;}
#view_container_top #detail_view_toon_box .toon_img{text-align:center;}
#view_container_top #detail_view_toon_box .toon_img > img{display:none; vertical-align:top;}
/* 메인 s소설 */
.s_nobel_box{max-width:1200px; margin:0 auto; }
.main_s_nobel_cont{width: 100%; max-width:1200px;  float: left; margin:30px auto 20px; position:relative; height:100%;}
.s_nobel_cont_list{width:100%; overflow:hidden; }
.s_nobel_cont_list li{float:left; width:34%; max-width:386px; height:445px;	 text-align:center; position:relative;}
.s_nobel_cont_list>li>a{display:block; width:100%; height:100%;background-size: auto 100%; overflow:hidden; box-sizing:border-box; border:1px solid #dbdbdb;}
.main_s_nobel_cont .s_nobel_cont_list li a img{width:140%; margin:0 -20%; position:relative;cursor:pointer;}
.main_s_nobel_cont .s_nobel_cont_list li a .blurcover{position:absolute; top:-30%; left:0; right:0; bottom:0; width:40%; margin:auto;}
.main_s_nobel_cont .s_nobel_cont_list li a .blurcover_b{position:absolute; top:-30%; left:0; right:0; bottom:0; width:40%; margin:auto;}
.s_nobel_cont_list>li>a .black_bg{display:block; width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/best_black_bg.png) !important; position:absolute; top:0; left:0;}
.s_nobel_cont_list>li>a:hover .black_bg{display:none; }

.s_nobel_cont_list li p{display:block; width:100%;position:absolute; left:0; bottom:0; height:31%; cursor:pointer;background:url(https://cdn.metoon.co.kr/img/gr_back.png); color:#e9e9ea; font-size:0.9em; text-align:left; padding:20px 0 0;z-index:10;}
.s_nobel_cont_list li p span{display:block; width:95% ;margin:13px 13px 0; line-height: 1.6; font-size:1.1em; cursor:pointer;}+
.s_nobel_cont_list li p span br{display:none;}
.s_nobel_cont_list li p .s_title{display:inline; color:#F05584; border:1px solid #F05584; padding:2px 10px 2px;border-radius:9px; font-size:1em; }
.s_nobel_cont_list li p .title{font-weight:bold; font-size:2em; color:#fff;}
#main_s_nobel .main_s_nobel_cont .bx-wrapper{max-width:1200px;}
.main_s_nobel_cont .bx-viewport{height:100% !important; max-width:1200px;}
/* 메인 b소설 */
#container_bottom #main_b_nobel{background:#f5f5f5;}
.b_nobel_box{max-width:1200px; margin:0 auto; }
.main_b_nobel_cont{width: 100%; max-width:1200px;  float: left; margin:30px auto 20px; position:relative;}
.main_b_nobel_cont:after{content:"";display:block;clear:both;}
.b_nobel_cont_list{width:100%; padding: 0px 0 0px;overflow:hidden;}
.b_nobel_cont_list li{float:left; width:32%;margin: 0 2% 10px 0; max-width: 384px; max-height:378px; position:relative;}
.main_b_nobel_cont .b_nobel_cont_list li a{display: block; width:384px;height:384px; position:relative; overflow:hidden;border:1px solid #dbdbdb;background-size:100%; -webkit-transition-timing-function: ease;
-webkit-transition: border 0.5s;}
.main_b_nobel_cont .b_nobel_cont_list li:hover a{border:1px solid #c53232; cursor:pointer;}
.main_b_nobel_cont .b_nobel_cont_list li .bm_con_img{width:380px;height:380px; position:relative;}
.main_b_nobel_cont .b_nobel_cont_list li a .bmcon_img{width:100%; transform-origin:center; -ms-transform-origin:center; -webkit-transform-origin:center; cursor:pointer;}
.main_b_nobel_cont .b_nobel_cont_list li a img{display: block; width: 100%; cursor:pointer;}
.main_b_nobel_cont .b_nobel_cont_list li a .blurcover{position:absolute; top:-25%; left:0; right:0; bottom:0; width:40%; margin:auto;}
.main_b_nobel_cont .b_nobel_cont_list li a .blurcover_b{position:absolute; top:-25%; left:0; right:0; bottom:0; width:40%; margin:auto;}
.main_b_nobel_cont .b_nobel_cont_list li a .novel_img {position: absolute; top: 0; left: 0; right: 0;}
.main_b_nobel_cont .b_nobel_cont_list li img{width:100%; display: block;}
.b_nobel_cont_list>li>a .black_bg{display:none; width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/best_black_bg.png) !important; position:absolute; top:0; left:0;
border-radius:10px;}
.b_nobel_cont_list>li>a:hover .black_bg{display:none; }
.b_nobel_cont_list li p{display:block; width:100%;position:absolute; left:0; bottom:0; height:31%; cursor:pointer;
background:rgba(255,255,255,0.8);color:#000; font-size:0.9em; text-align:center; padding:10px 0 0;z-index:10;}
.b_nobel_cont_list li p span{display:block; width:95% ;margin:13px 13px 0; line-height: 1.6; font-size:1.1em; cursor:pointer;}
.b_nobel_cont_list li p span br{display:none;}
.b_nobel_cont_list li p .b_title{display:none; color:#d32b2b; border:1px solid #d32b2b; padding:2px 10px 2px; 	border-radius:9px; font-size:1em; }/* white버전 */
.b_nobel_cont_list li p .title{font-weight:bold; font-size:1.5em; color:#000;text-align:center;  -webkit-transition-timing-function: ease;-webkit-transition: color 0.5s;}
.b_nobel_cont_list li:hover p .title{color:#c53232;}
#main_b_nobel .main_b_nobel_cont .bx-wrapper{max-width:1200px;}
.main_b_nobel_cont .bx-viewport{height:100% !important; max-width:1200px;}
/* 메인 e북*/
#container_bottom #main_b_ebook{background:#f5f5f5;}
.b_ebook_box{max-width:1200px; margin:0 auto; }
.main_b_ebook_cont{width: 100%; max-width:1200px;  float: left; margin:30px auto 20px; position:relative;}
.main_b_ebook_cont:after{content:"";display:block;clear:both;}
.b_ebook_cont_list{width:100%; padding: 0px 0 0px;}
.b_ebook_cont_list:after{content:""; display:block; clear:both;}
.b_ebook_cont_list li{float:left; width:281px; margin-right:21px;}
.b_ebook_cont_list li a{display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d9d9d9;}
.b_ebook_cont_list li a .list_thumb{position:relative; width:100%; height:0; padding-bottom:125%;}
.b_ebook_cont_list li a .list_thumb .me_thumb_logo{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:1;}
.b_ebook_cont_list li a .list_thumb .ebook_thumb_box{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.b_ebook_cont_list li a .list_thumb .ebook_thumb_box:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
.b_ebook_cont_list li a .list_thumb .ebook_thumb_box .list_thumb_img{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.2; z-index:2;}
.b_ebook_cont_list li a .list_thumb .ebook_thumb_box .ebook_thumb_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:70%; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out; -o-transition:transform .3s ease-in-out; z-index:2; cursor:pointer;}
.b_ebook_cont_list li a .list_txt{width:100%; height:53px; line-height:52px; border-top:1px solid #d9d9d9; padding:0 11px 0 16px; background-color:#fff;}
.b_ebook_cont_list li a .list_txt .list_title{display:inline-block; max-width:75%; font-size:18px; font-weight:bold; color:#000; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.b_ebook_cont_list li a:hover .ebook_thumb_box .ebook_thumb_img{transform:rotate(0deg) scale(1.05); -webkit-transform:rotate(0deg) scale(1.05); -moz-transform:rotate(0deg) scale(1.05); -o-transform:rotate(0deg) scale(1.05); -ms-transform:rotate(0deg) scale(1.05);}
.b_ebook_cont_list li a:hover .list_txt .list_title{color:#d32b2b;}
#main_b_ebook .main_b_ebook_cont .bx-wrapper{max-width:1200px;}
.main_b_ebook_cont .bx-viewport{height:100% !important; max-width:1200px;}
@media all and (max-width:1230px) and (min-width:1000px){
	.b_ebook_box{width:97%;}
	#main_b_ebook .main_b_ebook_cont .bx-wrapper{width:95%;}
}
@media all and (max-width:999px){
	.b_ebook_box{width:97%;}
	#main_b_ebook .main_b_ebook_cont .bx-wrapper{width:93%;}
}
/* 메인 포토툰 */
#container_bottom #main_adult_toon{background:#fff;}
.adult_toon_box{max-width:1200px; margin:0 auto; }
.main_adult_toon_cont{width: 100%; max-width:1200px;  float: left; margin:30px auto 20px; position:relative; height:100%;}
.adult_toon_cont_list{width:100%; overflow:hidden; }
.adult_toon_cont_list li{float:left; width:34%; max-width:386px; height:445px;	 text-align:center; position:relative;}
.adult_toon_cont_list>li>a{display:block; width:100%; height:100%;background-size: auto 100%;overflow:hidden; box-sizing:border-box; border:1px solid #dbdbdb;}
.main_adult_toon_cont .adult_toon_cont_list li a img{width:140%; margin:0 -20%; position:relative;cursor:pointer;}
.main_adult_toon_cont .adult_toon_cont_list li a .blurcover{position:absolute; top:-30%; left:0; right:0; bottom:0; margin:auto; width:40%;}
.main_adult_toon_cont .adult_toon_cont_list li a .blurcover_b{position:absolute; top:-30%; left:0; right:0; bottom:0; margin:auto; width:40%;}
.adult_toon_cont_list>li>a .black_bg{display:block;width:100%;height:100%;background:url(https://cdn.metoon.co.kr/img/best_black_bg.png) !important; position:absolute; top:0; left:0;}
.adult_toon_cont_list>li>a:hover .black_bg{display:none; }
.adult_toon_cont_list li p{display:block; width:100%;position:absolute; left:0; bottom:0; height:31%; cursor:pointer;background:url(https://cdn.metoon.co.kr/img/gr_back.png); color:#e9e9ea; font-size:0.9em; text-align:left; padding:20px 0 0;z-index:10;}
.adult_toon_cont_list li p span{display:block; width:95% ;margin:13px 13px 0; line-height: 1.6; font-size:1.1em; cursor:pointer;}
.adult_toon_cont_list li p span br{display:none;}
.adult_toon_cont_list li p .toon_title{display:inline; color:#d32b2b; border:1px solid #d32b2b; padding:2px 10px 2px; 	border-radius:9px; font-size:1em; }/* white버전 */
.adult_toon_cont_list li p .title{font-weight:bold; font-size:2em; color:#fff;}
#main_adult_toon .main_adult_toon_cont .bx-wrapper{max-width:1200px;}
.main_adult_toon_cont .bx-viewport{height:100% !important; max-width:1200px;}
@media (max-width: 1190px){
	.adult_toon_box{ width: 97%; margin: 0 auto; float: none;  max-width: none;}
	.b_nobel_box{ width: 97%; margin: 0 auto; float: none;  max-width: none;}
	.s_nobel_box{ width: 97%; margin: 0 auto; float: none;  max-width: none;}
}
@media (max-width: 1230px) and (min-width: 1000px){
	#main_adult_toon .main_adult_toon_cont .bx-wrapper{width:95%;}
	#main_b_nobel .main_b_nobel_cont .bx-wrapper{width:95%;}
	#main_s_nobel .main_s_nobel_cont .bx-wrapper{width:95%;}
	.adult_toon_box{ width: 97%;}
	.b_nobel_box{ width: 97%;}
	.s_nobel_box{ width: 97%;}
}
@media (max-width: 999px){
	.adult_toon_box{width: 97%;}
	#main_adult_toon .main_adult_toon_cont .bx-wrapper{width:93%;}
	.adult_toon_cont_list li{width:6%; max-width:300px !important; height: 370px;}
	.adult_toon_cont_list li p span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.b_nobel_box {width: 97%;}
	#main_b_nobel .main_b_nobel_cont .bx-wrapper{width:93%;}
	.b_nobel_cont_list li{width:6%; max-width:300px !important; height: 370px;}
	.b_nobel_cont_list li p span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.s_nobel_box {width: 97%;}
	#main_s_nobel .main_s_nobel_cont .bx-wrapper{width:93%;}
	.s_nobel_cont_list li{width:6%; max-width:300px !important; height: 370px;}
	.s_nobel_cont_list li p span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
/* s소설 */
#container .s_nobel_page_wrap{width:100%; height:100%; background:#fff; float:left; padding-bottom:55px; }
#container .s_nobel_form_box{width:100%; overflow:hidden;}
#container .s_nobel_form_box .s_nobel_form{width:auto; padding:22px 0 10px; text-align:right; font-size:1.1em; float:right;}
#container .s_nobel_form_box .s_nobel_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px; position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .s_nobel_form_box .s_nobel_form .chkselect{color:#F15584;}
#container .s_nobel_form_box .s_nobel_form label{color:#838383;padding-left: 30px; position:relative;}
#container .s_nobel_form_box .s_nobel_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
#container .s_nobel_form_box #SetCate { float:left; width:354px; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767; background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 96% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#container .s_nobel_form_box select::-ms-expand { display:none; }
#container .s_nobel_form_box #SetList { float:left; width:150px; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; margin-left:20px; color:#676767;background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 90% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.s_nobel_form_box .notice_txt{float:left; width: 50%; padding: 22px 0 10px; font-size: 1.1em;}
.s_nobel_form_box .notice_txt a{color:#4a4a4a; text-decoration: underline; cursor:pointer;}
.s_nobel_form_box .notice_txt a:hover{color:#c53232; transition:.3s;}
#container .s_nobel_menu{width:100%; max-width: 1200px;  margin: 0px auto 0; padding-top: 20px; overflow:hidden; }
#container .s_nobel_menu ul{width:100%;height:100%; float:left; border-radius:5px; overflow:hidden;}
#container .s_nobel_menu ul li{float:left; width:25%; height:100%;}
#container .s_nobel_menu ul.list_li5 li{width:20%;}
#container .s_nobel_menu ul.list_li3 li{width:33.33%;}
#container .s_nobel_menu ul.list_li10 li{width:25%; box-sizing:border-box; border-right:1px solid #f5f5f5;}
#container .s_nobel_menu ul.list_li10 li:last-child{border-right:none;}
#container .s_nobel_menu ul li a{display:block; width:100%; height:100%; background:#fff; box-sizing:border-box; border:2px solid #fff; text-align:center; line-height:36px; font-size:18px; font-weight:bold; color:#676767; position:relative; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
#container .s_nobel_menu ul li:first-child a{border-radius:5px 0 0 5px;}
#container .s_nobel_menu ul li:last-child a{border-radius:0 5px 5px 0;}
#container .s_nobel_menu ul li a.on{color:#c50000; border:2px solid #c50000;}
#container .s_nobel_menu ul li span{cursor:pointer;  text-align: center;  cursor:pointer; padding:1px 0;padding-left: 35px;}
#container .s_nobel_menu ul a .all{ background:url(https://cdn.metoon.co.kr/img/all_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center; }
#container .s_nobel_menu ul a .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_icon.png) no-repeat 0 center; }
#container .s_nobel_menu ul a .b_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_b_icon.png) no-repeat 0 center;}
#container .s_nobel_menu ul a .toon{ background:url(https://cdn.metoon.co.kr/img/popular_toon_icon.png) no-repeat 0 center;}
#container .s_nobel_menu ul a .s_all{ background:url(https://cdn.metoon.co.kr/img/all_gray.png) no-repeat 0 center; background-size:18px;}
#container .s_nobel_menu ul a .s_li1{ background:url(https://cdn.metoon.co.kr/img/s_li1_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_li2{ background:url(https://cdn.metoon.co.kr/img/s_li2_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_li3{ background:url(https://cdn.metoon.co.kr/img/s_li3_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_li4{ background:url(https://cdn.metoon.co.kr/img/s_li4_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_li5{ background:url(https://cdn.metoon.co.kr/img/s_li5_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_li6{ background:url(https://cdn.metoon.co.kr/img/s_li6_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_li7{ background:url(https://cdn.metoon.co.kr/img/drama_gray.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .all{ background:url(https://cdn.metoon.co.kr/img/all_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_on_icon.png) no-repeat 0 center;}
#container .s_nobel_menu ul .on .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_on_icon.png) no-repeat 0 center;}
#container .s_nobel_menu ul .on .b_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_b_on_icon.png) no-repeat 0 center;}
#container .s_nobel_menu ul .on .toon{ background:url(https://cdn.metoon.co.kr/img/popular_toon_on_icon.png) no-repeat 0 center;}
#container .s_nobel_menu ul .on .s_all{ background:url(https://cdn.metoon.co.kr/img/all_red.png) no-repeat 0 center; background-size:18px;}
#container .s_nobel_menu ul .on .s_li1{ background:url(https://cdn.metoon.co.kr/img/s_li1_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_li2{ background:url(https://cdn.metoon.co.kr/img/s_li2_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_li3{ background:url(https://cdn.metoon.co.kr/img/s_li3_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_li4{ background:url(https://cdn.metoon.co.kr/img/s_li4_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_li5{ background:url(https://cdn.metoon.co.kr/img/s_li5_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_li6{ background:url(https://cdn.metoon.co.kr/img/s_li6_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul .on .s_li7{ background:url(https://cdn.metoon.co.kr/img/drama_red.png) no-repeat 0 center; background-size:20px;}
#container .s_nobel_menu ul a .s_best{background:url(https://cdn.metoon.co.kr/img/best_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px;}
#container .s_nobel_menu ul a.on .s_best{background:url(https://cdn.metoon.co.kr/img/best_red.png) no-repeat 0 center; padding-left:31px; background-size:20px;}
#container .s_nobel_menu ul a .s_new{background:url(https://cdn.metoon.co.kr/img/new_gray.png) no-repeat 0 center; padding-left:31px; background-size:22px;}
#container .s_nobel_menu ul a.on .s_new{background:url(https://cdn.metoon.co.kr/img/new_red.png) no-repeat 0 center; padding-left:31px; background-size:22px;}
#container .s_nobel_menu ul a .s_free{background:url(https://cdn.metoon.co.kr/img/free_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px;}
#container .s_nobel_menu ul a.on .s_free{background:url(https://cdn.metoon.co.kr/img/free_red.png) no-repeat 0 center; padding-left:31px; background-size:20px;}
#container .s_nobel_menu ul a .s_completed{background:url(https://cdn.metoon.co.kr/img/toon_complete_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px;}
#container .s_nobel_menu ul a.on .s_completed{background:url(https://cdn.metoon.co.kr/img/toon_complete_red.png) no-repeat 0 center; padding-left:31px; background-size:20px;}
#container .s_nobel_cont{width:100%; float:left; margin-top:0%;}
#container .s_nobel_cont ul{width:100%; float:left;}
#container .s_nobel_cont ul li{background:#fff;  border-radius:9px; text-align:center; width:25%; float:left; margin:1% 2% 1% 0; max-width:282px;	position:relative; overflow:hidden;}
#container .s_nobel_cont .right_none{margin-right:0;}
#container .s_nobel_cont ul li img{border-radius:5px; width:100%; cursor:pointer; display: block;}
#container .s_nobel_cont ul li .blurcover{width:40%;}
#container .s_nobel_cont ul li .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#container .s_nobel_cont ul li .blurcover_b{position:absolute; top:-20%; left:0; right:0; bottom:0; width:40%; margin:auto;}
#container .s_nobel_cont ul li a{display:block; position:relative; line-height:0;transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .s_nobel_cont ul li a:hover .title{color:#d52b2c; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#container .s_nobel_cont ul li p {color:#747474; font-size:1.0em; font-weight:normal; margin:1% auto 0; line-height:1.8; width:100%; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);
	padding:3% 0; max-height:74px;cursor:pointer; z-index:3;}
#container .s_nobel_cont ul li p span{display:block; width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;cursor:pointer;}
#container .s_nobel_cont ul li p span:nth-of-type(2){height:23px;}
#container .s_nobel_cont ul li p span br{display:none; }
#container .s_nobel_cont ul li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c;}
#container .s_nobel_cont ul li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .s_nobel_cont ul li .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .s_nobel_cont ul li p .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99;}
#container .s_nobel_cont #s_novel_tab_list{width: 100%; overflow: hidden; border-radius: 5px; position: relative; border:none; box-sizing: border-box; margin:5px auto;}
#container .s_nobel_cont #s_novel_tab_list li{ background: #555555; padding:0; margin:0; width: 12.5%; float: left; text-align: center; box-sizing: border-box; border-radius: 0px; border-left: 1px solid #3b3b3b; max-height: none;}
#container .s_nobel_cont #s_novel_tab_list li.on{background: #fff;}
#container .s_nobel_cont #s_novel_tab_list li a{display: block; padding: 10px 0; color: #fff; font-weight: normal; font-size:1.15em; line-height: normal; transition:0s;-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s;}
#container .s_nobel_cont #s_novel_tab_list li.on a{color: #3b3b3b;}
/* s소설 리스트 sm 17.04.19 */
#container .s_nobel_cont .s_nobel_list_cont1{width:100%; margin-top:10px; padding-top:10px;}
#container .s_nobel_cont .s_nobel_list_cont1 li{background:#fff; border:1px solid #ddd; padding:5px; border-radius:5px; text-align:center; width:25%; float:left; margin:5px 2% 5px 0; max-width:282px;	position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container .s_nobel_cont .s_nobel_list_cont1 .right_none{margin-right: 0;}
#container .s_nobel_cont .s_nobel_list_cont1 li a{display:block; position:relative; min-height:70px;}
#container .s_nobel_cont .s_nobel_list_cont1 li .img_box{display:block; position:absolute; top:0; bottom:0; left:0; margin:auto; width:70px; border:1px solid #ddd; border-radius:5px;}
#container .s_nobel_cont .s_nobel_list_cont1 li p{background:none; padding:0; padding-left: 75px; margin:0; width: 100%; position:static; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container .s_nobel_cont .s_nobel_list_cont1 li p span{white-space: normal; width: 100%; margin:0; max-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;}
#container .s_nobel_cont .s_nobel_list_cont1 li p .title{margin-bottom: 2px; padding: 3px 0 0; width: 90%;}
#container .s_nobel_cont .s_nobel_list_cont1 li .icon_19_patch{width: 19px !important; height: 19px !important; position: absolute; top: 0; right: 0; z-index: 99;}
/* s소설 리스트 sm 17.04.19 */
@media all and (min-width:1000px) and (max-width:1230px){
	#container .s_nobel_cont ul li{width: 23%; max-width: 380px; margin: 1% 1% 1% 1% !important;	overflow: hidden;	}
	#container .s_nobel_cont .s_nobel_list_cont1{width:100%;}
	#container .s_nobel_cont .s_nobel_list_cont1 ul li{width: 23%; max-width: 380px; margin: 5px 1% 5px 1% !important;	overflow: hidden;	}
}
@media all and (min-width:1000px) and (max-width:1150px){
	#container .s_nobel_cont .s_nobel_list_cont1 ul li{width: 31.3%; max-width: 380px; margin: 5px 1% 5px 1% !important;	overflow: hidden;	}
}
@media (max-width: 999px){
	#container .s_nobel_cont ul li{width: 31.3%; max-width: 380px; margin: 1% 1% 1% 1% !important;	overflow: hidden;	}
	#container .s_nobel_menu ul li span{padding-left: 30px;}
	#container .s_nobel_cont .s_nobel_list_cont1{width:100%;}
	#container .s_nobel_cont .s_nobel_list_cont1 ul li{width: 31.3%; max-width: 380px; margin: 5px 1% 5px 1% !important;	overflow: hidden;	}
}
@media all and ( max-width:880px ) {
	#container .s_nobel_form_box #SetCate { width:200px; }
	#container .s_nobel_form_box #SetList { margin-left:10px; }
}
@media (max-width: 870px){
	#container .s_nobel_menu ul li span{padding-left: 25px;}
	#container .s_nobel_cont .s_nobel_list_cont1 ul li{width: 48%; max-width: none; margin: 5px 1% 5px 1% !important;	overflow: hidden;	}
}
/* b소설 */
#container .b_nobel_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .b_nobel_form_box{width:100%;}
#container .b_nobel_form_box .b_nobel_form{width:50%; padding:22px 0 10px; text-align:right; font-size:1.1em; float:right;}
#container .b_nobel_form_box .b_nobel_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px; position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .b_nobel_form_box .b_nobel_form .chkselect{color:#F15584;}
#container .b_nobel_form_box .b_nobel_form label{color:#838383;padding-left: 30px; position:relative;}
#container .b_nobel_form_box .b_nobel_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
.b_nobel_form_box .notice_txt{float:left; width: 50%; padding: 22px 0 10px; font-size: 1.1em;}
.b_nobel_form_box .notice_txt a{color:#4a4a4a; text-decoration: underline; cursor:pointer;}
.b_nobel_form_box .notice_txt a:hover{color:#c53232;-webkit-transition:.3s;transition:.3s;}
.b_nobel_form_box #request_btn{text-align: center; display: none; width: 90px; margin:15px 0 0; padding:5px 0; border-radius: 5px; font-weight: bold; background: #fff; float: left;}
#container .b_nobel_menu{width:100%; max-width: 1200px;  margin: 0px auto 0; padding-top: 20px; overflow:hidden; }
#container .b_nobel_menu ul{width:100%;height:100%; float:left; border-radius:5px; overflow:hidden;}
#container .b_nobel_menu ul li{float:left; width:25%; height:100%; box-sizing:border-box; border-right:1px solid #f5f5f5;}
#container .b_nobel_menu ul li:last-child{border:none;}
#container .b_nobel_menu ul.list_li5 li{width:20%;}
#container .b_nobel_menu ul.list_li3 li{width:33.33%;}
#container .b_nobel_menu ul li a{display: block; width: 100%; height: 40px; background: #fff; line-height: 36px; font-size: 18px; color: #676767;font-weight: bold; text-align: center; border: 2px solid #fff;border-radius:0;box-sizing:border-box;transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
#container .b_nobel_menu ul li .on{color:#c50000; border:2px solid #c50000;}
#container .b_nobel_menu ul li span{cursor:pointer; text-align: center; cursor:pointer; padding:1px 0;padding-left: 35px;}
#container .b_nobel_menu ul a .all{ background:url(https://cdn.metoon.co.kr/img/popular_all_icon.png) no-repeat 0 center; }
#container .b_nobel_menu ul a .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center;}
#container .b_nobel_menu ul a .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_icon.png) no-repeat 0 center; }
#container .b_nobel_menu ul a .b_nobel{ background:url(https://cdn.metoon.co.kr/img/b_book_gray.png) no-repeat 0 center; background-size:20px;}
#container .b_nobel_menu ul a .toon{ background:url(https://cdn.metoon.co.kr/img/photo_gray.png) no-repeat 0 center; background-size:20px;}
#container .b_nobel_menu ul .on .all{ background:url(https://cdn.metoon.co.kr/img/popular_all_on_icon.png) no-repeat 0 center; }
#container .b_nobel_menu ul .on .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center; }
#container .b_nobel_menu ul .on .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_on_icon.png) no-repeat 0 center;}
#container .b_nobel_menu ul .on .b_nobel{ background:url(https://cdn.metoon.co.kr/img/b_book_red.png) no-repeat 0 center; background-size:20px;}
#container .b_nobel_menu ul .on .toon{ background:url(https://cdn.metoon.co.kr/img/photo_red.png) no-repeat 0 center; background-size:20px}
#container .b_nobel_cont{width:100%; float:left; margin-top:0%;}
#container .b_nobel_cont ul{width:100%; float:left;}
#b_nobel_banner{width:100%;}
#b_nobel_banner img{width:100%;}
#b_nobel_banner .b_nobel_banner_wrap{position:relative; width:80%; margin:0 auto;}
#b_nobel_banner .b_nobel_banner_wrap .text_box{position:absolute; left:20px; top:0; bottom:0; margin:auto; max-height:150px;}
#b_nobel_banner .b_nobel_banner_wrap .text_box span{display:block; }
#b_nobel_banner .b_nobel_banner_wrap .text_box .b_nobel_banner_title{font-size:2.4em; margin-bottom:20px;}
#b_nobel_banner .b_nobel_banner_wrap .text_box .b_nobel_banner_st{font-size:1.4em; line-height:1.3;}
#container .b_nobel_cont .b_nobel_list_cont li{background:#fff; border-radius:9px; text-align:center; width:25%; float:left; margin:1% 2% 1% 0; max-width:282px; position:relative;}
#container .b_nobel_cont .b_nobel_list_cont .right_none{margin-right:0;}
#container .b_nobel_cont .b_nobel_list_cont li img{border-radius:5px; width:100%; cursor:pointer; display: block;}
#container .b_nobel_cont .b_nobel_list_cont li .blurcover{width:40%; top:-30%;}
#container .b_nobel_cont .b_nobel_list_cont li .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#container .b_nobel_cont .b_nobel_list_cont li .blurcover_b{width:40%; top:-30%; bottom:0; margin:auto;}
#container .b_nobel_cont .b_nobel_list_cont li a{display:block; position:relative; line-height:0; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; border-radius:9px;}
#container .b_nobel_cont .b_nobel_list_cont li a:hover .title{color:#d32b2b; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#container .b_nobel_cont .b_nobel_list_cont li p {color:#747474; font-size:1.0em; font-weight:normal; margin:1% auto 0; line-height:1.8; width:100%; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);padding:3% 0; max-height:74px;cursor:pointer; z-index:3;}
#container .b_nobel_cont .b_nobel_list_cont li p span{display:block; width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;cursor:pointer;}
#container .b_nobel_cont .b_nobel_list_cont li p span:nth-of-type(2){height:23px;}
#container .b_nobel_cont .b_nobel_list_cont li p span br{display:none; }
#container .b_nobel_cont .b_nobel_list_cont li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c;}
#container .b_nobel_cont .b_nobel_list_cont li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .b_nobel_cont .b_nobel_list_cont li .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .b_nobel_cont li p .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99;}
#container .b_nobel_cont #b_novel_tab_list{width: 100%; overflow: hidden; border-radius: 5px; background: #555555; position: relative; border: 1px solid #ddd; box-sizing: border-box;}
#container .b_nobel_cont #b_novel_tab_list li{width: 10%; float: left; text-align: center; box-sizing: border-box; border-radius: 0px; border-left: 1px solid #3b3b3b; max-height: none;}
#container .b_nobel_cont #b_novel_tab_list li.on{background: #fff;}
#container .b_nobel_cont #b_novel_tab_list li a{display: block; padding: 9px 0; color: #fff; font-weight: normal; font-size: 1em;}
#container .b_nobel_cont #b_novel_tab_list li.on a{color: #3b3b3b;}
#container .b_nobel_cont .b_nobel_list_cont .no_img{width: 100%; float: left;  border-bottom: 1px solid #eaeaea; font-weight: bold; background:none; margin:0; max-width:none; text-align:left; border-radius:0;}
#container .b_nobel_cont .b_nobel_list_cont .no_img p{position:static; background:none; width: inherit; display: inline-block; letter-spacing: -0.09em;}
#container .b_nobel_cont .b_nobel_list_cont .no_img a{display: block; overflow: hidden; padding: 2%;}
#container .b_nobel_cont .b_nobel_list_cont .no_img .btn_span{position: absolute; top: 0%; bottom: 0%; height: 17px; line-height: 18px; margin: auto; right: 1%; padding: 10px 0; display: block; background: #ffffff;border: 1px solid #d7d7d7; text-align:center; border-radius: 5px; cursor: pointer; min-width: 140px; font-weight: bold; color: #676767; font-size: 1.1em;}
#container .b_nobel_cont .b_nobel_list_cont .no_img .list_btn{position: absolute; top: 0%; bottom: 0%; height: 17px; line-height:18px; margin: auto; right: 1%; padding: 10px 0; display: block; background: #ffffff;border: 1px solid #d7d7d7;text-align: center; border-radius: 5px; cursor: pointer; min-width: 140px; font-weight: bold; color: #676767; font-size: 1.1em;}
#container .b_nobel_cont .b_nobel_list_cont .no_img .num{font-size: 1.3em; color: #2c2c2c; font-weight: normal; padding: 10px 0; display: inline-block; overflow: hidden; width: 5%; margin-left: 1%; margin-top:0;}
#container .b_nobel_cont .b_nobel_list_cont .no_img .title{margin: 0; margin-left: 1%; width: 68%;  padding: 10px 0; font-size: 1.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold;}
#container .b_nobel_cont .b_nobel_list_cont .no_img .series{width: auto; display: inline-block; margin-top: -2px; vertical-align: middle; background: #e85784; padding: 0px 5px; color: #fff; border-radius: 3px; font-weight: normal; font-size: 0.8em; margin-right: 8px;}
#container .b_nobel_cont .b_nobel_list_cont .no_img .coin_btn span{background:url(https://cdn.metoon.co.kr/img/icon_coin_black2.png) no-repeat 0 center; padding-left: 20px; background-size: 15px;}
@media all and (min-width:1000px) and (max-width:1230px){
	#container .b_nobel_cont .b_nobel_list_cont li{width:23%;max-width:380px;margin:1% 1% 1% 1% !important;overflow:hidden;}
}
@media (max-width: 999px){
	#container .b_nobel_cont .b_nobel_list_cont li{width:31.3%;max-width:380px;margin:1% 1% 1% 1% !important;overflow:hidden;}
}
/* 포토툰 */
#container .adult_toon_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .adult_toon_form_box{width:100%;}
#container .adult_toon_form_box .adult_toon_form{width:50%; padding:22px 0 10px; text-align:right; font-size:1.1em; float:right;}
#container .adult_toon_form_box .adult_toon_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px;position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .adult_toon_form_box .adult_toon_form .chkselect{color:#F15584;}
#container .adult_toon_form_box .adult_toon_form label{color:#838383;padding-left: 30px; position:relative;}
#container .adult_toon_form_box .adult_toon_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
.adult_toon_form_box .notice_txt{float:left; width: 50%; padding: 22px 0 10px; font-size: 1.1em;}
.adult_toon_form_box .notice_txt a{color:#4a4a4a; text-decoration: underline; cursor:pointer;}
.adult_toon_form_box .notice_txt a:hover{color:#c53232; transition:.3s;}
#container .adult_toon_menu{width:100%; max-width: 1200px; margin: 0px auto 0; padding-top: 20px; overflow:hidden; }
#container .adult_toon_menu ul{width:100%;height:100%; float:left; border-radius:5px; overflow:hidden;}
#container .adult_toon_menu ul li{float:left; width:25%; height:100%; box-sizing:border-box; border-right:1px solid #f5f5f5;}
#container .adult_toon_menu ul li:last-child{border-right:none;}
#container .adult_toon_menu ul.list_li5 li{width:20%;}
#container .adult_toon_menu ul.list_li3 li{width:33.33%;}
#container .adult_toon_menu ul li a{display: block; width: 100%; height: 40px; background: #fff; line-height: 36px; font-size: 18px; color: #676767; font-weight: bold; text-align: center; border: 2px solid #fff; border-radius:0;box-sizing: border-box; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
#container .adult_toon_menu ul li:first-child a{border-radius:5px 0 0 5px;}
#container .adult_toon_menu ul li:last-child a{border-radius:0 5px 5px 0;}
#container .adult_toon_menu ul li .on{color:#c50000; border:2px solid #c50000;}
#container .adult_toon_menu ul li span{cursor:pointer;  text-align: center;  cursor:pointer; padding:1px 0;padding-left: 35px;}
#container .adult_toon_menu ul a .all{ background:url(https://cdn.metoon.co.kr/img/popular_all_icon.png) no-repeat 0 center; }
#container .adult_toon_menu ul a .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center; }
#container .adult_toon_menu ul a .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_icon.png) no-repeat 0 center; }
#container .adult_toon_menu ul a .b_nobel{ background:url(https://cdn.metoon.co.kr/img/b_book_gray.png) no-repeat 0 center; background-size:20px;}
#container .adult_toon_menu ul a .toon{ background:url(https://cdn.metoon.co.kr/img/photo_red.png) no-repeat 0 center; background-size:20px;}
#container .adult_toon_menu ul .on .all{ background:url(https://cdn.metoon.co.kr/img/popular_all_on_icon.png) no-repeat 0 center;}
#container .adult_toon_menu ul .on .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center;}
#container .adult_toon_menu ul .on .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_on_icon.png) no-repeat 0 center;}
#container .adult_toon_menu ul .on .b_nobel{ background:url(https://cdn.metoon.co.kr/img/b_book_red.png) no-repeat 0 center; background-size:20px;}
#container .adult_toon_menu ul .on .toon{ background:url(https://cdn.metoon.co.kr/img/photo_red.png) no-repeat 0 center; background-size:20px;}
#container .adult_toon_cont{width:100%; float:left; margin-top:0%;}
#container .adult_toon_cont ul{width:100%; float:left;}
#container .adult_toon_cont li{background:#fff;  border-radius:9px; text-align:center; width:25%; float:left; margin:1% 2% 1% 0; max-width:282px;position:relative;}
#container .adult_toon_cont .right_none{margin-right:0;}
#container .adult_toon_cont li img{border-radius:5px; width:100%; cursor:pointer; display: block;}
#container .adult_toon_cont li .blurcover{width:40%; top:-30%;}
#container .adult_toon_cont li .novel_img {position: absolute; top: 0; left: 0; right: 0;}
#container .adult_toon_cont li .blurcover_b{width:40%; top:-30%; bottom:0; margin:auto;}
#container .adult_toon_cont li a{display:block; position:relative;line-height:0;transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; border-radius:9px;}
#container .adult_toon_cont li a:hover .title{color:#d32b2b; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}/* white버전 */
#container .adult_toon_cont li p {color:#747474; font-size:1.0em; font-weight:normal; margin:1% auto 0; line-height:1.8; width:100%; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);padding:3% 0; max-height:74px;cursor:pointer; z-index:3;}
#container .adult_toon_cont li p span{display:block; width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;cursor:pointer;}
#container .adult_toon_cont li p span:nth-of-type(2){height:23px;}
#container .adult_toon_cont li p span br{display:none; }
#container .adult_toon_cont li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c;}
#container .adult_toon_cont li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .adult_toon_cont li .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .adult_toon_cont li p .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99;}
@media all and (min-width:1000px) and (max-width:1230px){
	#container .adult_toon_cont li{width: 23%; max-width: 380px; margin: 1% 1% 1% 1% !important;overflow: hidden;}
}
@media (max-width: 999px){
	#container .adult_toon_cont li{width: 31.3%; max-width: 380px; margin: 1% 1% 1% 1% !important;	overflow: hidden;	}
}
/* 작품요청 */
#container .adult_req_page_wrap{width:100%; height:100%;background:#f5f5f5; float:left; padding-bottom:55px; font-weight:bold; }
#container .adult_req_form_box{width:100%;}
#container .adult_req_form_box .adult_req_form{width:50%; padding:22px 0 25px; text-align:right; font-size:1.1em; float:right;}
#container .adult_req_form_box .adult_req_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px; position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#container .adult_req_form_box .adult_req_form .chkselect{color:#F15584;}
#container .adult_req_form_box .adult_req_form label{color:#838383;padding-left: 30px; position:relative;}
#container .adult_req_form_box .adult_req_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
.adult_req_form_box a{background: #fff; color: #676767; border: 1px solid #c6c6c6; margin-left: 5px;}
.adult_req_form_box a {font-weight: bold; box-sizing: border-box; float: left; text-align: center; display: inline-block; margin: 1% 1%; font-size: 1.1em; padding:5px 0 5px 5px;width: 15%; max-width: 120px; border-radius: 5px;}
.adult_req_form_box .buy_tag{display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(https://cdn.metoon.co.kr/img/buy_tag_img_white1.png) no-repeat center;background-size: 16px; vertical-align: text-top; margin-top: 0; margin-left: -5px;}
.adult_req_form_box #request_btn{text-align: center; display: inline-block; width: 90px; margin: 1% 0; padding:5px 0; border-radius: 5px; font-weight: bold; background: #fff; float: left;}
#container .adult_req_menu{width:100%; max-width: 1200px; margin: 0px auto 0; padding-top: 25px; overflow:hidden;}
#container .adult_req_menu ul{width:100%;height:100%; float:left; border-radius:5px; overflow:hidden;}
#container .adult_req_menu ul li{float:left; width:25%; height:100%; }
#container .adult_req_menu ul.list_li5 li{width:20%;}
#container .adult_req_menu ul.list_li3 li{width:33.33%;}
#container .adult_req_menu ul li a{display: block; width: 100%; height: 40px; background: #fff; line-height: 40px; font-size: 1.4em; color: #676767;font-weight: bold; text-align: center; border: none; border-radius:0;}
#container .adult_req_menu ul li .on{height: 40px; background: #F15584; color: #fff; line-height: 40px;}
#container .adult_req_menu ul li span{cursor:pointer;padding-left:35px;}
#container .adult_req_menu ul li a:hover{color:#d32b2b;}/* white버전 */
#container .adult_req_menu ul li .on:hover{color:#fff;}
#container .adult_req_menu ul a .all{ background:url(https://cdn.metoon.co.kr/img/popular_all_icon.png) no-repeat 0 center; }
#container .adult_req_menu ul a .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center; }
#container .adult_req_menu ul a .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_icon.png) no-repeat 0 center; }
#container .adult_req_menu ul a .b_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_b_icon.png) no-repeat 0 center;}
#container .adult_req_menu ul a .toon{ background:url(https://cdn.metoon.co.kr/img/popular_toon_icon.png) no-repeat 0 center;}
#container .adult_req_menu ul .on .all{ background:url(https://cdn.metoon.co.kr/img/popular_all_on_icon.png) no-repeat 0 center;}
#container .adult_req_menu ul .on .s_serial_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_adult_icon.png) no-repeat 0 center;}
#container .adult_req_menu ul .on .s_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_om_on_icon.png) no-repeat 0 center;}
#container .adult_req_menu ul .on .b_nobel{ background:url(https://cdn.metoon.co.kr/img/popular_b_on_icon.png) no-repeat 0 center;}
#container .adult_req_menu ul .on .toon{ background:url(https://cdn.metoon.co.kr/img/popular_toon_on_icon.png) no-repeat 0 center;}
#container .adult_req_cont{width:100%; float:left; margin-top:0%;}
#container .adult_req_cont ul{width:100%; float:left;}
#container .adult_req_cont .adult_req_list_cont li{background:#fff;  border-radius:9px; text-align:center; width:25%; float:left; margin:1% 2% 1% 0; max-width:282px; position:relative;}
#container .adult_req_cont .adult_req_list_cont .right_none{margin-right:0;}
#container .adult_req_cont .adult_req_list_cont li img{border-radius:5px; width:100%; cursor:pointer;}
#container .adult_req_cont .adult_req_list_cont li a{display:block;line-height:0; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .adult_req_cont .adult_req_list_cont li a:hover .title{color:#f74a7d; transition:0.3s;-webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s;}
#container .adult_req_cont .adult_req_list_cont li p {color:#747474; font-size:1.0em; font-weight:normal; margin:1% auto 0; line-height:1.8; width:100%; position:absolute; bottom:0; background:url(https://cdn.metoon.co.kr/img/W_back.png);padding:3% 0; max-height:74px;cursor:pointer;}
#container .adult_req_cont .adult_req_list_cont li p span{display:block; width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;cursor:pointer;}
#container .adult_req_cont .adult_req_list_cont li p span br{display:none; }
#container .adult_req_cont .adult_req_list_cont li p .title{font-size:1.2em; font-weight:bold; color:#2c2c2c;}
#container .adult_req_cont .adult_req_list_cont li .up_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .adult_req_cont .adult_req_list_cont li .end_nobel_main{width: auto; max-width:89px; max-height:89px; position:absolute; z-index:10; top:0; left:0;}
#container .adult_req_cont .adult_req_tab_adult:after{clear: both; content: ""; display: block;}
#container .adult_req_cont #adult_req_tab_list{width: 100%; overflow: hidden; border-radius: 5px; background: #555555; position: relative; border: 1px solid #ddd; box-sizing: border-box;}
#container .adult_req_cont #adult_req_tab_list li{width: 10%; float: left; text-align: center; box-sizing: border-box; border-radius: 0px; border-left: 1px solid #3b3b3b; max-height: none;}
#container .adult_req_cont #adult_req_tab_list li.on{background: #fff;}
#container .adult_req_cont #adult_req_tab_list li a{display: block; padding: 9px 0; color: #fff; font-weight: normal; font-size: 1em;}
#container .adult_req_cont #adult_req_tab_list li.on a{color: #3b3b3b;}
#container .req_cont_box{width: 100%;}
#req_box{margin: 10px auto; width: 100%; background: #f9f9f9; border: 1px dashed #d7d7d7; border-radius: 5px; padding: 30px 20px;}
#req_box:after{clear: both; content: ""; display: block;}
#req_box h3{text-align: center; font-size: 1.3em; margin-bottom: 5px; letter-spacing: -0.05em;}
#req_box p{letter-spacing: -0.05em; color: #676767; text-align: center;}
#req_box p br{display: none;}
#req_box form{padding-top: 10px; width: 70%; margin: 20px auto 0;}
#req_box .input_box{width: 100%; float: left;}
#req_box .input_box label{letter-spacing: -0.05em; width: 12%; display: block; float: left; text-align: right; margin-right: 3%; font-weight: bold; margin-top: 5px; font-size: 15px;}
#req_box .input_box select{width: 80%; display: block; float: left; border: 1px solid #ccc; height: 30px; padding: 0px 0px; font-size: 15px;}
#req_box .input_box_etc{width: 80%; float: left; margin: 10px 0 10px 15%;}
#req_box .input_box_etc input{width: 100%; display: block; float: right; border: 1px solid #ccc; font-size: 15px; height: 30px; padding: 0px 5px;}
#req_box .input_box_big{width: 100%; float: left; margin: 10px 0;}
#req_box .input_box_big label{letter-spacing: -0.05em; width: 12%; display: block; float: left; text-align: right; margin-right: 3%; font-weight: bold; font-size: 15px;}
#req_box .input_box_big textarea{float: left; width: 80%; border: 1px solid #ccc; padding: 5px; resize: none; font-size: 14px;}
#req_box .input_box_big p{text-align: left; width: 80%; float: right; font-size: 0.95em; margin-top: 3px; padding-right: 5%;}
#req_box .btn_box{width: 100%; float: left;}
#req_box .btn_box button{display: block; margin: 15px auto 0; padding: 5px 10px; width: 35%; max-width: 150px; height: 35px; background: #484848; border: 1px solid #3c3c3c;color: #fff; font-weight: bold; border-radius: 5px;}
/* 성인 디테일 noimg */
#sm_detail_banner_wrap{padding-top:91px; background: #f5f5f5; position: relative; width: 100%; max-width: 1200px; min-width: 820px; margin: 0 auto;}
.sm_detail_banner{position:relative;padding:0 10px;}
.sm_detail_banner:after{clear:both; display:block; content:"";}
.sm_detail_banner_imgbox{width:30%;width:260px; float:left; background:#fff; border:1px solid #ddd; border-radius:5px; padding:10px; min-width:250px;height:366px;display:table;table-layout:fixed;overflow:hidden;}
.sm_detail_banner_imgbox > div{display:table-cell;vertical-align:middle;}
.sm_detail_banner_imgbox img{display:block;width:100%; border-radius:5px;margin:0 auto;}
.sm_detail_banner_textbox{width:69%;width:910px; float:left; background:#fff; border:1px solid #ddd; border-radius:5px;padding:30px 40px;height: 100%;position:relative; /* position: absolute; right: 0; bottom: 0; top: 0; margin-left:1%;margin: auto; */min-width:250px;min-height:366px;margin-left:10px;}
.sm_detail_banner_textbox:after, .sm_detail_banner_textbox_wrap:after{clear:both; display:block; content:"";}
.sm_detail_banner_textbox_wrap{position:relative; min-height:304px; width:100%;}
.sm_detail_banner_textbox p{ margin-bottom:2.5%;}
.sm_detail_banner_textbox .sm_detail_banner_nobel_txt{font-size: 1.15em;font-size:15px;margin-bottom:0;color: #676767; float: left; min-height: 32px; line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;max-height:69px;-webkit-box-flex:1;}
.sm_detail_banner_textbox .genre_box{display: block; width: 100%; float: left; font-size: 0;font-weight:400;line-height:normal;}
.sm_detail_banner_textbox .genre_box span{display:inline-block;vertical-align:middle;font-size:15px;height:24px;line-height:24px;padding:0 10px;box-sizing:border-box;}
.sm_detail_banner_textbox .genre_box .genre{color: #fff; background: #F05584; border-radius: 3px; margin-right: 6px;}
.sm_detail_banner_textbox .genre_box .up_day{color: #676767; background: #fff; border: 1px solid #e3e3e3;  border-radius: 3px; margin-right: 6px;line-height:23px;}
.sm_detail_banner_textbox .genre_box .heart{float:right; letter-spacing: -0.05em; font-weight: bold; padding-left: 20px; background: url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 0 center;background-size:15px auto;font-size:16px;}
.sm_detail_banner_textbox .chall_vis_txt_title{display:block;white-space:nowrap;}
.sm_detail_banner_textbox .summary_container{float:left;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.sm_detail_banner_textbox .summary_btn{display:inline-block;font-size:13px;color:#676767;font-weight:bold;white-space:nowrap;margin-left:8px;margin-bottom:2px;}
.sm_detail_banner_textbox .detail_isbn{float:right;font-size:12px;color:#a5a5a5;letter-spacing:-0.03em;margin:10px 0 0 0;}
.sm_detail_banner_textbox span.hash{position:absolute;bottom:0;left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sm_detail_banner_textbox span.hash p{margin-top:0;margin-bottom:0;}
.sm_detail_banner_textbox .genre_box .adult_patch{background:none; color: #fff; font-weight: bolder; letter-spacing: -0.09em; font-size: 1.05em; position:relative; display: inline-block;padding:0;}
.sm_detail_banner_textbox .adult_patch img{display: block; width:24px;margin:auto;}
.sm_detail_banner_textbox .adult_patch span{position:relative; }
.sm_detail_banner_title{ float:left; width:100%; color:#676767; font-weight:bold; font-size:1.1em;margin-bottom:12px;}
.sm_detail_banner_txt_title{font-size:2.2em; display:block; float:left; width:100%; margin-bottom:10px;}
.sm_detail_banner_title .writer{ display:block; float:left; font-size:1.1em;}
.chall_detail_textbox .sm_detail_banner_nobel_txt{font-size:1.1em; margin-bottom:5%; font-weight:bold; color: #676767; float:left; min-height:32px; line-height:1.3;}
.chall_detail_textbox .sm_detail_banner_nobel_txt br{display:none;}
.sm_detail_banner_nobel_txt span{color:#f05584; display:block; margin-bottom:3%; font-weight:normal;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box{width: 100%; position:absolute; bottom:35px; left:0; float:left;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box ul{width: 100%; float: left; max-width: 500px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box>ul>li {float: left; width: 25%; max-width: 105px; margin-right: 8px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .first a{background: #f7f7f7;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box>ul>li>a{display: block; width: 100%; height: 100%; font-size: 1.1em; font-weight: bold; background: #f7f7f7; border-radius: 5px; text-align: right; float: left; border: 1px solid #585858;}
.sm_detail_banner_btn_box span{display: block; width: 80%; text-align: right; float: right; padding: 8% 10% 10%; cursor: pointer;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .first span{float: none; text-align: center; width: 100%; padding: 8% 0 10%;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .check span{background: url(https://cdn.metoon.co.kr/img/ic_star_br_18x.png) no-repeat 13% 43%;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .check_on span {background:url(https://cdn.metoon.co.kr/img/adult_icon_heart_on.png) no-repeat 13% 43%;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_btn span{background:url(https://cdn.metoon.co.kr/img/novel_btn_link.png) no-repeat 13% center;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box{width:40%; max-width:130px; background:url(https://cdn.metoon.co.kr/img/sns_icon_bg.png) no-repeat; height:57px; position:absolute; top:40px; left:215px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box li{width:33%; height:100%; float:left; margin-top:4px; margin-right:0;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box .fb_icon a{background:url(https://cdn.metoon.co.kr/img/fb_icon.png) no-repeat center; }
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box .twit_icon a{background:url(https://cdn.metoon.co.kr/img/tw_icon.png) no-repeat center;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box .kakao{position:relative;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box .kakao>img{position:absolute; top:0;  bottom:0; left:0; right:0; margin:auto;width: 39px; height: 39px; display: block; border-radius:25px; cursor:pointer;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box .kakao a{background:none; position:relative;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box .kakao a img{width: 39px; height: 39px; display: block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border-radius:25px; cursor:pointer;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box li a{display:block; width:100%;height:100%; text-indent:-1000000000000px; color:transparent; overflow:hidden; border:none; }
.nobel_list .n_list_noimg{overflow:hidden;min-height:400px;}
.nobel_list .n_list_noimg li{width:100%; float: left; padding:15px 10px;border-bottom: 1px solid #eaeaea; font-weight:bold; cursor:pointer; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nobel_list .n_list_noimg li:hover{background: #eee;}
.nobel_list .n_list_noimg li p{width: 20%; float: left; font-size: 1.1em; color: #676767; line-height: 2.3; cursor:pointer;}
.nobel_list .n_list_noimg li p.coin_half_sale{width:122px;display:block;text-align:center;cursor:pointer;position:relative;float:right;cursor:pointer;}
.n_list_noimg p.coin_half_sale .coin_half_s, .ebook_nobel_list .n_list .coin_half_sale .coin_half_s{display:inline;font-size:13px;padding:0;margin-right:5px;color:#444;text-decoration:line-through;}
.n_list_noimg p.coin_half_sale .coin_one, .ebook_nobel_list .n_list .coin_half_sale .coin_one{background:url("https://cdn.metoon.co.kr/img/detail_coin_icon_red.png") no-repeat 0 center;padding-left:17px;background-size:15px;color:#d32b2b;cursor:pointer;}
.nobel_list .n_list_noimg a.coin_h_s{float:right;width:100%;display:block;background:#ffffff; border:1px solid #404040;border-radius:5px;padding:5px 0px;}
.coin_one{background:url(https://cdn.metoon.co.kr/img/detail_coin_icon1.png) no-repeat 0 center;padding-left:18px;background-size:15px;cursor:pointer;}
.coin_half_s{background:none;position:relative;padding:0 5px;margin-right:5px;font-size:0.8em;margin-top:-2px;color:#ccc;cursor:pointer;text-decoration:line-through;}
.coin_half_s img{display:block;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;cursor:pointer;}
.nobel_list .n_list_noimg a{width: 20%; max-width:142px; display:inline-block; float: right;}
.nobel_list .n_list_noimg a p{width:100%;}
.nobel_list .n_list_noimg .list_btn{position:relative;width: 120px; padding: 5px 0; display: block; background: #ffffff; border: 1px solid #dcdcdc; text-align: center; border-radius: 5px; cursor: pointer; float:right; margin:0 auto;}
.nobel_list .n_list_noimg .big_buy_btn{background:#56606b; color:#fff;}
.nobel_list .n_list_noimg .big_buy_btn span{background: url(https://cdn.metoon.co.kr/img/icon_detail_coin_btn1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px; cursor:pointer;}
.nobel_list .n_list_noimg .join_plz{background:#d32b2b; border:1px solid #d32b2b; color:#fff;}/* white버전 */
.nobel_list .n_list_noimg .free_btn span{background: url(https://cdn.metoon.co.kr/img/detail_free_icon1.png) no-repeat 0 center; padding-left: 23px; background-size: 15px; cursor:pointer;}
.nobel_list .n_list_noimg .coin_btn span{background: url(https://cdn.metoon.co.kr/img/detail_coin_icon1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px; cursor:pointer;}
.nobel_list .n_list_noimg .list_btn.memvip_btn span{position:relative;}
.nobel_list .n_list_noimg .list_btn.memvip_btn span:before{content:"";display:block;position:absolute;top:50%;left:50%;width:80px;height:2px;margin-top:-1px;background:#d32b2b;margin-left:-40px;z-index:1;}
.nobel_list .n_list_noimg .list_btn.memvip_btn:after{content:"이용권 사용 가능";display:block;position:absolute;top:50%;left:-134px;width:120px;height:42px;line-height:42px;font-size:13px;text-align:center;color:#fff;background:#f56e74;border-radius:4px;border:1px solid #f56e74;margin-top:-22px;cursor:pointer;}
/* 회원가입 후 보기 sns버튼 */
.nobel_list .n_list_noimg .sns_join_btn{width:20%; float:right; display:inline-block; text-align:center; margin-right:20px;}
.nobel_list .n_list_noimg .sns_join_btn a{display:block; box-sizing:border-box; border-radius: 5px; color: #fff; float:right; width:auto; margin:0 1%;}
.nobel_list .n_list_noimg .sns_join_btn p{color:#fff; padding: 5px 0; cursor: pointer; width:auto; float: none; position:relative; padding-left:25px; display: inline-block;}
.nobel_list .n_list_noimg .sns_join_btn img{width:20px; height:20px; display:block; position:absolute; top:0; left:0; bottom:0; margin:auto; cursor: pointer;}
.nobel_list .n_list_noimg .sns_join_btn .fb_join{background:#395a9c; border: 1px solid #2c4b87;}
.nobel_list .n_list_noimg .sns_join_btn .naver_join{background:#1ec800; border: 1px solid #1cb900;}
.nobel_list .n_list_noimg .sns_join_btn .naver_join img{width:22px; height:22px;}
/* 회원가입 후 보기 sns버튼 */
.nobel_list .n_list_noimg li .number{width:8%; color:#2c2c2c; margin-top: 0.5%;}
.nobel_list .n_list_noimg li .sub_title{width:450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.5%;}
.nobel_list .n_list_noimg li .sub_title .txt_up_icon{color: #fff; background: #2c5faf; display: inline-block; border-radius: 3px; padding: 2px 5px; font-size: 10px; margin-left: 3px; margin-bottom: 4px; vertical-align: middle; line-height:normal;}
.nobel_list .n_list_noimg li .sub_title .txt_recent_icon, .n_list_noimg .sub_title .ic_open_item{color: #fff; background: #852cfa; display: inline-block; border-radius: 3px; padding: 2px 5px; font-size: 11px; margin-left: 7px; margin-bottom: 4px; vertical-align: text-top; line-height:normal;cursor:pointer;}
.n_list_noimg .sub_title .ic_open_item{background-color:#fe4b4b;margin-left:0;margin-right:3px;}
.nobel_list .n_list_noimg li .day{text-align:center; width:15%; margin-top: 0.5%; display:none;}
.nobel_list .n_list_noimg li .heart {width: 7%; text-align: left; padding-left: 3%; margin-top: 0.5%; background: url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 0 center; color: #d32b2b;}/* white버전 */
.last_read_box:after{clear:both; content:""; display:block;}
.last_read_box .no_img{width:100%; position:relative; background:#ececec; border-top:1px solid #d8d8d8;  border-bottom:1px solid #d8d8d8; float:left; margin:20px 0 15px;}
.last_read_box .no_img a{display:block; padding:35px 24px; position:relative; float:left; width:100%; cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.last_read_box .no_img p{position: static; width: 20%; float: left; font-size: 1.1em; color: #676767; line-height: 2.3; cursor:pointer; display: inline-block; margin:0; padding:0;}
.last_read_box .no_img .continue_btn_box{width: 20%; max-width: 142px; display: inline-block; float: right; border:0; margin:0;}
.last_read_box .no_img .continue_btn{top: 0%; bottom: 0%; height: 30px; right: 20px; width: 100%; padding: 5px 0; display: block; background: #F05584; border: 1px solid #dcdcdc;text-align: center; border-radius: 5px; cursor: pointer; min-width: 140px; color: #fff; margin-top:0;}
.last_read_box .no_img .number{width: 8%; color: #2c2c2c; margin-top: 0.5%; font-size:1.2em;}
.last_read_box .no_img .sub_title{width: 62%; margin-right: 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.5%; font-size:1.2em;}
.last_read_box .no_img .day{text-align: center; width: 15%; margin-top: 0.5%; font-weight:normal; display:none;}
.last_read_box .no_img .heart{width: 7%; text-align: left; padding-left: 3%; margin-top: 0.5%; background: url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 0 center;}/* white버전 */
/* 무료카운트 txt */
.free_count_box_txt{width: 20%; max-width: 142px; display: inline-block; float: right;}
.free_count_box_txt img{cursor:pointer; display:block; position:absolute; top:-2px; left:12px; bottom:0; margin:auto; width:13px !important;}
.free_count_box_txt>span{cursor:pointer; color:#404040; position:relative; font-size: 1.1em; line-height: 2.3; padding-left:20px; width: 100%; padding: 5px 0; display: block; background: #ffffff; border: 1px solid #404040; text-align: right; border-radius: 5px; cursor: pointer; min-width: 140px; float: right; margin: 0 auto;}
.free_count_box_txt>span>span{cursor:pointer; padding-right:10px;}
.free_count_box_txt .font-red{cursor:pointer;}
/* 무료카운트 txt */
@media (max-width: 1230px) and (min-width: 1000px){
	.last_read_box .no_img p{height:auto;}
}
@media (max-width: 1045px){
	.nobel_list .n_list_noimg li .sub_title{width:55%;}
}
@media (max-width: 900px){
	.nobel_list .n_list_noimg a{width:15%; min-width:115px;}
	.nobel_list .n_list_noimg .list_btn{min-width:115px;}
	.free_count_box_txt{width:15%; min-width:115px;}
	.free_count_box_txt>span{min-width:115px;}
	.free_count_box_txt img{left:4.5%;}
	.free_count_box_txt>span>span{padding-right:3%;}
}
/* 프리미엄 상품권 */
#giftcard_layer_body{width: 100%;height: 100%; display: none; position: fixed; z-index: 100000000; top:0; left:0;}
#giftcard_layer_body .layer_bg{width: 100%; height: 100%; position: relative; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png); }
#giftcard_layer_body .layer_wrap{width:600px; margin:auto; position:absolute; top:10%; right:0; left:0; z-index: 9999;}
#giftcard_layer_body .giftcard_box{position:relative; width:100%; color:#fff; font-weight:bold; font-size:1.1em; letter-spacing:-0.09em;line-height:1.7; }
#giftcard_layer_body .giftcard_box>div{width:90%; position:absolute; top:0; left:0; right:0; margin: auto;}
#giftcard_layer_body h3{font-size:40px; letter-spacing:-0.09em; color:#fff; padding-top:30px; padding-bottom: 10px;}
#giftcard_layer_body .giftcard_btm h3{color:#5c274e;}
#giftcard_layer_body h3 span{font-size:27px;}
#giftcard_layer_body .giftcard_btm{color:#747474;}
#giftcard_layer_body .giftcard_btm div{cursor:default;}
#giftcard_layer_body .giftcard_btm a{cursor:pointer; border:1px solid #734667; color:#734667; padding:2px 3px; border-radius:3px; background:url(https://cdn.metoon.co.kr/img/W_back.png); margin-left:10px;}
#giftcard_layer_body .giftcard_box form{width:90%; position:absolute; bottom:0; left:0; right:0; margin:auto; padding-bottom:30px;}
#giftcard_layer_body .giftcard_box input{width:70%; border:1px solid #d5d5d5; box-sizing:border-box; border-radius:5px; height: 40px; padding: 15px; font-size: 18px; cursor:text;}
#giftcard_layer_body .giftcard_box button{width:28%; margin-left:2%; border:none; border-radius:5px; color:#fff; font-weight:bold;  height: 40px; font-size: 16px; line-height: 0; background:#332e30;}
#giftcard_layer_body .giftcard_btm button{background:#5c274e;}
#giftcard_layer_body .back_btn{position: absolute; top: 10px; right: 10px;}
#giftcard_layer_body .back_btn img{cursor:pointer; }
/* 헤더배너 */
#header_banner_wrap{width:100%; height:80px; background:#a759ff;}
#header_banner_wrap .header_banner{width:100%; height:100%;position:relative; }
#header_banner_wrap .header_banner a{display:block;width:100%;}
#header_banner_wrap .header_banner img{display:block; width:1200px;margin: 0 auto; box-sizing: border-box; }
#header_banner_wrap .header_banner>div{position:absolute; right:150px; top:0; bottom:0; margin:auto; height:57px;}
#header_banner_wrap .header_banner>div a{display:inline-block;}
#header_banner_wrap .header_banner>div a img{cursor:pointer; width:100%; display:block;}
#header_banner_wrap .header_banner .close{position:absolute; top:8px; right:50%;width:20px;margin-right:-594px;}
#header_banner_wrap .header_banner .close img{ cursor:pointer; max-width:100%; padding:0;}
#header_banner_wrap.header_banner_wrap_0601{position:relative;}
#header_banner_wrap.header_banner_wrap_0601:before{display:block; content:""; position:absolute; top:0; bottom:0; right:0; width:50%;}
/* 뷰어하단 리스트 */
#popular_novel{margin-top:5px; background:#f6f6f6; border:1px solid #ededed; padding:15px 0;}
#popular_novel h3{margin-left:10px; background:url(https://cdn.metoon.co.kr/img/icon_my_data_dot.png) no-repeat 0 center; padding-left:8px;}
.popular_s-box{background:none; border:none; width:100%;}
#popular_novel #popular_list{overflow:hidden; border:none;  text-align:left;}
#popular_novel #popular_list>div{width:23%; margin:10px 1%; float:left;}
#popular_novel #popular_list .slick-slide{margin:0px 4px 0px 4px; display:inline-block; float:left;}
#popular_novel #popular_list .slick-slide a{display:block; width:100%; height:100%; overflow:hidden;}
#popular_novel #popular_list .slick-slide{width:100%; }
#popular_novel #popular_list a{display:block;}
#popular_novel #popular_list .visual_txt_wrap{position: inherit; width:100%;}
#popular_novel #popular_list .vis_roll_list{position: inherit; bottom:0; left:0; width:100%;}
#popular_novel #popular_list .img_box{width:92%;margin:5px auto; border:1px solid #ddd; position:relative; border-radius:5px; overflow:hidden;}
#popular_novel #popular_list .img_box img{width:100%;  display:block; border-radius:0; cursor:pointer;}
#popular_novel #popular_list .img_box .img_bg{ cursor:pointer; background:url(https://cdn.metoon.co.kr/img/bg_text_gradient.png) repeat-x 0 100%; display:block; position:absolute; left:0; width:100%; height:100%; bottom:0; margin:auto;}
#popular_novel #popular_list .txt_box p{color:#676767; font-weight:bold; text-align:center; width:100%;  font-size:1.1em; margin:8px auto 0px; cursor:pointer;}
#popular_novel #popular_list a:hover .txt_box p{color:#d52b2c;}
/* 뷰어하단 인기 리스트1 */
#popular_novel1{padding:0; overflow:hidden; width: 86%; max-width: 1030px; float: left;}
#popular_novel1.popular_novel_toon{float:none; max-width: 850px; margin: 0 auto;}
#popular_novel1 #popular_s-box_wrap{width:100%; overflow: hidden; padding-bottom:30px;}
#popular_novel1 .bx-viewport{height:auto !important;}
#popular_novel1 .swiper-container_popularlist{width:100%; position:relative; padding:0 60px; border: 1px solid #e2e2e2; border-top:none;}
#popular_novel1 #popular_list1{width:100%;}
#popular_novel1 #popular_list1 li{width:100%;}
#popular_novel1 #popular_list1 a{width:100%; display:block;}
#popular_novel1 #popular_list1 a img{display:block; width:100%; max-width:800px; float:right; cursor:pointer;}
#popular_novel1 #popular_list1 a>div{position:relative; width:100%; margin: 0px auto; overflow:hidden;}
#popular_novel1 #popular_list1 .txt_box{position:absolute;top:0;left:5%;letter-spacing:-0.09em;max-width:350px;bottom:0;margin:auto;height:90px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#popular_novel1 #popular_list1 .txt_box span{cursor:pointer;}
#popular_novel1 #popular_list1 .txt_box p{cursor:pointer;}
#popular_novel1 #popular_list1 .txt_box .txt{font-size:26px;line-height:1.4;}
#popular_novel1 #popular_list1 .txt_box .title{font-size:19px;font-weight:bold;margin-top:7%;}
#popular_novel1 #popular_list1 .txt_box br{display:none;}
#popular_novel1 .swiper-button{height:100%; top:0; bottom:0; background:#f9f9f9; margin-top:0; z-index:99; width:60px;}
#popular_novel1 .swiper-button img{width:10px; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; cursor:pointer;}
#popular_novel1 .swiper-button-next{right: -1px; border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
#popular_novel1 .swiper-button-prev{left: -1px; border-left: 1px solid #ededed; border-right:1px solid #ededed;}
#popular_novel1 .bx-wrapper .bx-controls-direction a{top:0; bottom:0; height:100%; width:60px; margin-top:0; background:none; z-index:9999;}
#popular_novel1 .bx-wrapper .bx-controls-direction .bx-prev{left:-60px;}
#popular_novel1 .bx-wrapper .bx-controls-direction .bx-next{right:-60px;}
#popular_novel1 .swiper-pagination{margin:5px auto; left:0; right:0; top: 100%;}
#popular_novel1 .swiper-pagination-bullet{width:8px; height:8px; background:#b3b3b3; opacity:1; margin:7px;}
#popular_novel1 .swiper-pagination-bullet-active{background:#d52b2c; opacity:1;}
#popular_novel1 .bx-wrapper .bx-pager{position:absolute; top:100%; right:0; left:0; margin-top: 5px;}
#popular_novel1 .bx-wrapper .bx-pager.bx-default-pager a{width:8px; height:8px; background:#b3b3b3; opacity:1; margin:7px; border-radius:50px;}
#popular_novel1 .bx-wrapper .bx-pager.bx-default-pager a:hover,#popular_novel1 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#d52b2c;}
@media all and (max-width: 1230px) and (min-width: 1000px){
	#popular_novel1{width: 83%; max-width: 990px; margin: 0 auto; float: none;}
}
@media all and (max-width: 999px){
	#popular_novel1{width:100%;}
}
@media all and (max-width:750px){
	#popular_novel1 #popular_list1 .txt_box .txt{font-size: 23px;}
	#popular_novel1 #popular_list1 .txt_box .title{font-size: 18px;}
	#popular_novel1 #popular_list1 .txt_box{max-width:250px;}
}
@media all and (max-width:650px){
	#popular_novel1 #popular_list1 .txt_box .txt{font-size: 18px;}
	#popular_novel1 #popular_list1 .txt_box .title{font-size: 16px;}
}
@media all and (max-width:550px){
	#popular_novel1 #popular_list1 .txt_box{max-width:200px;}
}
/* 디테일 sns_box 수정 */
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap{display:none; position:absolute; width:170px; height:50px; top: 100%; margin-top:5px; margin-right:-7px; right:5px; background:rgba(255, 255, 255, 0.8); border: 1px solid #E2E2E2; border-radius: 5px; padding: 0 5px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list{ height:100%;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list li{width:23%; margin:0 1%; height:100%; float:left; position:relative;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list li a{width:30px; height:30px; position:absolute; top:0; bottom:0%; left:0; right:0; margin:auto; display:block; border:none; text-indent:-99999999em; overflow:hidden; border-radius:25px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .tw a{background:url(https://cdn.metoon.co.kr/mimg/tw_icon.png) no-repeat center; background-size:30px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .fb a{background:url(https://cdn.metoon.co.kr/mimg/fb_icon.png) no-repeat center; background-size:30px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .kakao a{padding: 0; background:url(https://cdn.metoon.co.kr/mimg/kakao_icon.png) no-repeat center; background-size:30px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .kakao img{cursor:pointer; width:32px; height: 32px; border-radius:25px; position:absolute; top:0; bottom:10%; left:0; right:0; margin:auto;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .share a{background:url(https://cdn.metoon.co.kr/mimg/share_icon.png) no-repeat center; background-size:30px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap{display:none; position:absolute; width:170px; height:50px; top: 100%; margin-top:5px; margin-right:-7px; right:5px; background:rgba(255, 255, 255, 0.8); border: 1px solid #E2E2E2; border-radius: 5px; padding: 0 5px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list{ height:100%;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list li{width:23%; margin:0 1%; height:100%; float:left; position:relative;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list li a{width:30px; height:30px; position:absolute; top:0; bottom:0%; left:0; right:0; margin:auto; display:block; border:none; text-indent:-99999999em; overflow:hidden; border-radius:25px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .tw a{background:url(https://cdn.metoon.co.kr/mimg/tw_icon.png) no-repeat center; background-size:30px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .fb a{background:url(https://cdn.metoon.co.kr/mimg/fb_icon.png) no-repeat center; background-size:30px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .kakao a{padding: 0; background:url(https://cdn.metoon.co.kr/mimg/kakao_icon.png) no-repeat center; background-size:30px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .kakao img{cursor:pointer; width:32px; height: 32px; border-radius:25px; position:absolute; top:0; bottom:10%; left:0; right:0; margin:auto;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .share a{background:url(https://cdn.metoon.co.kr/mimg/share_icon.png) no-repeat center; background-size:30px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap{display:none; position:absolute; width:170px; height:50px; top: 100%; margin-top:5px; margin-right:-7px; right:5px; background:rgba(255, 255, 255, 0.8); border: 1px solid #E2E2E2; border-radius: 5px; padding: 0 5px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list{ height:100%;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list li{width:23%; margin:0 1%; height:100%; float:left; position:relative;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list li a{width:30px; height:30px; position:absolute; top:0; bottom:0%; left:0; right:0; margin:auto; display:block; border:none; text-indent:-99999999em; overflow:hidden; border-radius:25px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list .tw a{background:url(https://cdn.metoon.co.kr/mimg/tw_icon.png) no-repeat center; background-size:30px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list .fb a{background:url(https://cdn.metoon.co.kr/mimg/fb_icon.png) no-repeat center; background-size:30px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list .kakao a{padding: 0; background:url(https://cdn.metoon.co.kr/mimg/kakao_icon.png) no-repeat center; background-size:30px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list .kakao img{cursor:pointer; width:32px; height: 32px; border-radius:25px; position:absolute; top:0; bottom:10%; left:0; right:0; margin:auto;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap .sns_list .share a{background:url(https://cdn.metoon.co.kr/mimg/share_icon.png) no-repeat center; background-size:30px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3{width: 140px;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3 .sns_list li{width: 31.3%;}
#nobel_banner .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3 .sns_list li.fb{display:none;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap.sns_box3{width: 140px;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap.sns_box3 .sns_list li{width: 31.3%;}
.sm_detail_banner_textbox .sm_detail_banner_btn_box .sns_box_wrap.sns_box3 .sns_list li.fb{display:none;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3{width: 140px;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3 .sns_list li{width: 31.3%;}
.chall_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3 .sns_list li.fb{display:none;}
/* 충전소 수정 */
.charge_tab{width:100%; overflow:hidden; border-radius:5px 5px 0 0; }
.charge_tab li{width:50%; float:left; background:#ccc; cursor:pointer; border-bottom: 2px solid #676767; border-top:2px solid #ccc; box-sizing: border-box;}
.charge_tab li a{display:block; font-size:1.5em; padding:15px 20px; font-weight:bold; color:#676767;}
.charge_tab li a span{font-size:0.7em; cursor:pointer; margin-left:10px;}
.charge_tab li.tab_on{background:#fff; border: 2px solid #676767; border-bottom:2px solid #fff;}
.charge_tab .coin_tab.tab_on{border-right:2px solid #676767 !important;}
.charge_tab .freeticket_tab.tab_on{border-left:2px solid #676767 !important;}
.charge_tab li.tab_on a{color:#333;}
.coin_charge_box .freeticket_charge_form label{ border:1px solid #fff;}
.coin_charge_box .freeticket_charge_form label .free_ticket_txt{padding-left:20px;}
.coin_charge_box .freeticket_charge_form label .free_month_ticket{ line-height:1.5; padding:2px 0 6px; padding-left:20px;}
.coin_charge_box .freeticket_charge_form label .free_month_ticket_price{padding:15px 0;}
.coin_charge_box .freeticket_charge_form label .sm_txt{font-size:0.7em; font-weight:normal; line-height:1.3;}
.coin_charge_box .freeticket_charge_form label.checked{border:1px solid #4261cd;}
.coin_charge_box .freeticket_charge_form .free_ticket3.checked{border:1px solid #ff5876;}
.coin_charge_box .freeticket_charge_form label .day_goods{color: #fff; width: 14%; min-width: 165px; float: left; text-align: center; display:inline-block; background: #4261cd;}
.coin_charge_box .freeticket_charge_form label .free_day_goods{background:#ff5876;}
.coin_charge_box .freeticket_charge_form label .free_month_ticket .txt_red{color:#ff0042; margin-left:5px;}
.coin_charge_box .freeticket_charge_form label .free_month_ticket span{position:relative;}
.coin_charge_box .freeticket_charge_form label .free_month_ticket span img{position:absolute; top:0; bottom:0; left:0; right:0; margin: auto; cursor:pointer;}
.coin_charge_box .freeticket_charge_form label p{ float: left; font-size: 1.4em; font-weight: 800; padding: 15px 0; cursor: pointer;}
.coin_charge_box .freeticket_charge_form label .coin_price{float:right;}
.charge_btn .fill_btn_2 a{background:#404554; margin:0 10px;}
.charge_btn .fill_btn_2 a:hover{background:#d32b2b; transition:.3s;}/* white버전 */
.coin_charge_box .fill_form_wrap label .free_ticket_goods{background:#844de8;}
.coin_charge_box .fill_form_wrap label .free_ticket_goods span{background:url(https://cdn.metoon.co.kr/img/free_ticket_goods.png) no-repeat 20px center;}
.charge_con .free_ticket_txt{margin: 15px auto; padding:30px 0 35px;}
/* 뷰어 다음화보기 버튼 */
.view_btn_group{text-align:center;margin:80px auto 0;}
.view_btn_group .inner{display:inline-block;vertical-align:top;}
#nxt_btn:not(.view_con_btn_next), .view_btn_group .view_con_btn{display:block; margin:80px auto 0; color:#d52b2c; border:1px solid #d52b2c; padding:20px 10px;width:200px;text-align:center;font-weight:bold;font-family:'Nanum Gothic', sans-serif;}/* white버전 */
.view_btn_group .view_con_btn{float:left;position:relative;}
#nxt_btn.view_con_btn, .view_btn_group .view_con_btn{margin:0;}
.view_btn_group .view_con_btn + .view_con_btn{margin-left:50px;}
#nxt_btn:hover, .view_btn_group .view_con_btn:hover{-webkit-transition:box-shadow .15s;transition:box-shadow .15s;box-shadow:2px 2px 6px rgba(0, 0, 0, .1);}
.view_btn_group .bonus_bal{position:absolute;bottom:100%;right:-44px;display:inline-block;padding:0 15px;height:38px;line-height:38px;border-radius:6px;background-color:#003567;font-size:17px;font-weight:400;color:#fff;margin-bottom:-16px;cursor:pointer;}
.view_btn_group .bonus_bal:before{content:"";display:inline-block;position:absolute;top:0;left:-14px;border-right:14px solid #001325;border-top:18px solid transparent;margin-top:4px;}
/* 성인인증 페이지2 */
.adult_page_wrap2{background:#fff; border-radius:5px; overflow:hidden; max-width:500px; margin:5% auto; border:1px solid #ddd;}
.adult_page_wrap2 .layer_adult_pop_top {background: #fff; text-align: center; border-radius:5px 5px 0 0; position: relative; border-bottom:1px solid #ddd; height: auto; width:90%; margin:0 auto}
.adult_page_wrap2 .layer_adult_pop_top .title{padding:40px 0; font-size:2.3em; position:relative; display: inline-block; padding-left:55px; font-weight:bold;}
.adult_page_wrap2 .layer_adult_pop_top .title img{position:absolute; top:0; left:0; bottom:0; margin:auto; display:block; width:50px;}
.adult_page_wrap2 h3 { text-align: center;font-size: 1.6em; font-weight: bold; color: #676767; padding-top: 40px; letter-spacing: -0.09em; margin-bottom: 50px;}
.adult_page_wrap2 .radio_box div {font-size: 1.4em; margin: 25px 0; letter-spacing: -0.05em; text-align: center;}
.adult_page_wrap2 .radio_box .radio_checkbox{display:block; width:13px; height:13px; border:1px solid #ddd; border-radius:50px;  position: absolute; top:3px; left: -22px; z-index: 1; bottom: 0; margin: auto;}
.adult_page_wrap2 .radio_box input {margin-right: 5px; opacity: 0; position: absolute; top: 0; left: 0; z-index: -5;}
.adult_page_wrap2 .radio_box label {position: relative; padding-left: 5px;}
.adult_page_wrap2 .radio_box label img {display: block; position: absolute; top: 0px; left: -22px; width: 19px; z-index:5;}
.adult_page_wrap2 .radio_box {width: 60%; margin: 0 auto;}
.adult_page_wrap2 .layer_btn{text-align:center; margin:50px auto;}
.adult_page_wrap2 .layer_btn .ok {background: #d32b2b; margin-right: 10px; margin-top: 5px;}
.adult_page_wrap2 .layer_btn a {display: inline-block; text-align: center; min-width: 90px; padding: 15px 30px; font-size: 1.2em; color: #fff; font-weight: bold; border-radius: 5px; text-shadow: none;}
.adult_page_wrap2 .layer_btn .close {background: #56606b;}
.adult_page_wrap2 .pop_notice {text-align: left; margin: 0 auto; padding: 5px 15px 5px; background: #f1f1f1; border-radius:0 0 5px 5px;}
.adult_page_wrap2 .pop_notice p {display: block; color: #676767; line-height: 1.5; text-align: center;}
.adult_page_wrap2 .pop_notice a {text-decoration: underline;}
/* 마지막 화차 팝업 */
#list_last_layer_body{width:100%; height:100%; position:fixed;z-index:9999999; top:0; left:0; display:none;}
#list_last_layer_body .layer_wrap{width:100%; height:100%; position:relative; z-index: 99;}
#list_last_layer_body .layer_box{position:relative; margin: 0 auto; border-radius: 5px;}
#list_last_layer_body .layer_box .back_btn{display:block; position:absolute; top:-30px; right:5px; width:25px; height:25px; background:url(https://cdn.metoon.co.kr/img/log_pop_X.png) no-repeat;}
#list_last_layer_body .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
#list_last_layer_body .layer_box h3{text-align:center;  font-size:1.6em; font-weight:bold; color:#fff; padding:15px 0; background:#404040; border-radius:5px 5px 0 0;}
#list_last_layer_body .layer_box .txt_box{margin:30px auto;}
#list_last_layer_body .layer_box h4{color:#2c2c2c; font-size:1.7em; text-align: center;}
#list_last_layer_body .layer_cont{width:100%; }
#list_last_layer_body .layer_cont form{display: block; margin: 10px auto 0; text-align: center;}
#list_last_layer_body .layer_cont form input{margin-right:5px;}
#list_last_layer_body .layer_cont p{width:100%; text-align:center; font-size:1.2em; color:#676767; padding-top:15px; line-height:1.5;}
#list_last_layer_body .layer_cont .txt_1line{padding-top:18px;}
#list_last_layer_body .layer_cont span{color:#d32b2b;}
#list_last_layer_body .layer_btn{width:100%;position: relative; margin-top:15px; text-align: center; padding-bottom: 30px;}
#list_last_layer_body .layer_btn a{display:inline-block; text-align:center; min-width:120px; padding:10px 15px; font-size:1.3em; color:#fff; font-weight:bold; border-radius:5px;  text-shadow:none;}
#list_last_layer_body .layer_btn .ok{background:#d32b2b; margin-right:13px; margin-top:5px;}
#list_last_layer_body .layer_btn .cancle{background:#56606b;}
#list_last_pop{background:#fff; width: 45%; top: 15%; max-width:500px; min-width:400px;}
#list_last_pop .swiper-container{width:90%; overflow: visible;}
#list_last_pop .novel_list{border:none;}
#list_last_pop .bx-viewport{height:auto !important;}
#list_last_layer_body .layer_cont .novel_list .img_box{width:100%; border:1px solid #ddd; border-radius:3px;}
#list_last_layer_body .layer_cont .novel_list .img_box img{display:block; width:100%; cursor: pointer;}
#list_last_layer_body .layer_cont .novel_list .nobel_txt{position:relative;}
#list_last_layer_body .layer_cont .novel_list .icon_19_patch{position:absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99; width: 21px; height: 21px;}
#list_last_layer_body .layer_cont .novel_list .nobel_title{font-size:1.1em; font-weight:bold; color: #2c2c2c;}
#list_last_layer_body .layer_cont .novel_list p{font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0; letter-spacing: -0.09em; cursor: pointer;}
#list_last_layer_body .layer_cont .novel_list .ganre{color:#7d52e0;}
#list_last_layer_body .bx-wrapper .bx-controls-direction a{z-index: 9999; width: 14px; height: 30px; margin: 0 5px; margin-top: -9%;}
#list_last_layer_body .bx-wrapper .bx-controls-direction .bx-prev{right:100%; background:url(https://cdn.metoon.co.kr/img/listlast_left_btn_red1.png) no-repeat center;}
#list_last_layer_body .bx-wrapper .bx-controls-direction .bx-next{left:100%; background:url(https://cdn.metoon.co.kr/img/listlast_right_btn_red1.png) no-repeat center;}
#list_last_layer_body .list_last_x_btn{position:absolute; right:0; bottom:100%; margin: 5px; z-index: 999;}
#list_last_layer_body .list_last_x_btn img{ cursor:pointer;}
/* 이벤트 최대100코인받기 팝업 */
#event_mileage_layer_body{width:100%; height:100%; position:fixed; z-index:99999999; top:0; left:0;}
#event_mileage_layer_body .layer_wrap{margin: auto; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; right: 0;z-index: 99; width:565px; height:494px;}
#event_mileage_layer_body .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
#event_mileage_layer_body .cont{display:block;}
#event_mileage_layer_body .close{position:absolute; top:12px; right:12px; display:block; width:17px;}
#event_mileage_layer_body img{cursor:pointer;}
#event_mileage_layer_body .close_btn{margin:10px auto; display:block; width:110px; color:#fff; font-size:16px; font-weight:bold; border-radius:5px; background:#676767; text-align:center; padding:10px 0; cursor:pointer;}
/* 이벤트 ok캐쉬백 팝업 */
#event_okcashbag_layer_body{width:100%; height:100%; position:fixed; z-index:99999999; top:0; left:0;}
#event_okcashbag_layer_body .layer_wrap{margin: auto; display: inline-block; position: absolute; top:0; bottom:0; left:0; right:0; z-index: 99; width:565px; height:494px;}
#event_okcashbag_layer_body .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
#event_okcashbag_layer_body .cont{display:block;}
#event_okcashbag_layer_body .close{position:absolute; top:15px; right:15px; display:block; width:17px;}
#event_okcashbag_layer_body img{cursor:pointer;}
#event_okcashbag_layer_body .okcashbag_btn{position: absolute; bottom: 0; left: 0; right: 0; margin:15px auto; display:block; width:87%; max-width:493px; color:#fff; font-size:16px; font-weight:bold; border-radius:5px; text-align:center; cursor:pointer;}
/* 출판뷰어 */
#view_pub_header{position:fixed; left:0px; top:0px; width:100%; min-width:1050px; z-index:100;background:url(https://cdn.metoon.co.kr/img/view_pub_bg.png);}
#view_pub_header.hide{top:-70px;-webkit-transition:.5s;transition:.5s;}
#view_pub_header .head_wrap{width:100%;}
#view_pub_header .view_head_menu{width: 100%; margin: 0 auto;}
#view_pub_header .view_head_menu:after{clear: both; display: block; content: "";}
#view_pub_header #logo{display: block; width: 170px; height: 70px; background: url(https://cdn.metoon.co.kr/img/footer_logo_2_me.jpg) no-repeat 2px center; float: left;}
#view_pub_header #logo a{width: 100%; height: 100%; display: block;}
#view_pub_header .select_area{width: 50%; float: left; position: relative; height: 70px;}
#view_pub_header .select_area .cont_now{width: 100%; float: left; display: block; position: absolute; left: 25px; bottom: 15%;}
#view_pub_header .select_area .cont_now p{background: url(https://cdn.metoon.co.kr/img/list_btn_show_pub.png) no-repeat 100% center; cursor: pointer; min-width: 216px; text-align: left; float: left; color: #fff; padding: 10px 40px 10px 0; font-size: 1.2em; line-height: 1.7; vertical-align: middle; font-weight: bold;max-width:-webkit-calc(100% - 30px);max-width:-moz-calc(100% - 30px);max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;}
#view_pub_header .select_area .cont_now span{cursor: pointer;}
#view_pub_header .select_area .cont_now .cont_number{font-size: 0.9em; font-weight: normal; margin-right: 10px;}
#view_pub_header .select_area .cont_list{display: none; position: absolute; top: 100%; left: 25px; background: #fff; min-width: 300px; border: 1px solid #000; border-top: none; float: left; max-height: 504px; overflow-y: scroll;}
#view_pub_header .select_area .cont_list li{cursor: pointer; min-width: 185px; padding: 0 15px; margin: 0; font-weight: bold; border-bottom: 1px solid #efefef;}
#view_pub_header .select_area .cont_list li a{font-size: 1.2em; margin: 0 auto; width: 100%; display: block; padding: 10px 0; text-align: left; min-width: 185px;}
#view_pub_header .select_area .cont_list li:hover{background-color:#efefef;}
#view_pub_header .select_area .cont_list li:hover a{ color:#d52b2c;}
#view_pub_header .select_area .cont_list .on a{color: #d52b2c;}
#view_pub_header .select_area .cont_list li span{cursor: pointer;}
#view_pub_header .select_area .cont_list li .cont_number{font-size: 0.9em; font-weight: normal; margin-right: 10px;}
#view_pub_header #view_right_menu{float: right; height: 70px; width: 347px;}
#view_pub_header #view_right_menu.gall_adult{width:416px;}
#view_pub_header #view_right_menu .page_btn{float: left; height: 100%; width: 100%; max-width: 140px; }
#view_pub_header #view_right_menu .page_btn li{float: left; width: 50%; height: 100%; max-width: 68px; border-left: 1px solid #2b2b2b; border-right: 1px solid #636363;}
#view_pub_header #view_right_menu a{box-sizing: border-box; display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -99999999999999999999999999em;}
#view_pub_header #view_right_menu .page_btn .prev a{background: url(https://cdn.metoon.co.kr/img/view_list_prev.png) no-repeat center;}
#view_pub_header #view_right_menu .page_btn .list_btn a{background: url(https://cdn.metoon.co.kr/img/view_list_btn.png) no-repeat center;}
#view_pub_header #view_right_menu div{float: left; height: 100%; width: 100%; max-width: 69px;}
#view_pub_header #view_right_menu .next a{background: url(https://cdn.metoon.co.kr/img/view_list_next.png) no-repeat center; border-left: 1px solid #2b2b2b; border-right: 1px solid #636363;}
#view_pub_header #view_right_menu .heart a{background: url(https://cdn.metoon.co.kr/img/view_haert1_off.png) no-repeat center; border-left: 1px solid #2b2b2b;}
#view_pub_header #view_right_menu .heart .on{background:url(https://cdn.metoon.co.kr/img/view_haert.png) no-repeat center; border-left: 1px solid #2b2b2b;}
#view_pub_header #view_right_menu .coin_fill{border-left: 1px solid #636363;}
#view_pub_header #view_right_menu .coin_fill a{background: url(https://cdn.metoon.co.kr/img/view_list_fill.png) no-repeat center; border-left: 1px solid #2b2b2b; border-right: 1px solid #636363;}
#view_pub_header #view_right_menu .gall_ad_btn{border-left: 1px solid #636363;}
#view_pub_header #view_right_menu .gall_ad_btn a{background: url(https://cdn.metoon.co.kr/img/view_list_gallad.png) no-repeat center; border-left: 1px solid #2b2b2b;}
#view_pub_footer{position: fixed; bottom: 0; left: 0; right: 0; width:100%; min-width:1050px; z-index:100; background:url(https://cdn.metoon.co.kr/img/view_pub_bg.png);}
#view_pub_footer.hide{bottom:-385px; transition:.5s;}
#view_pub_footer .foot_menu{width:100%; border-top:1px solid #676767;}
#view_pub_footer .foot_menu ul{margin:0 auto; width:300px; max-width:1200px; text-align:center; overflow:hidden;}
#view_pub_footer .foot_menu li{display:block; float:left; width: 33.3%;}
#view_pub_footer .foot_menu li a{display:block;}
#view_pub_footer .foot_menu li a img{padding-top:13px; cursor:pointer;}
#view_pub_footer .foot_menu li a.nobel_num{padding:45px 0px 15px; background:url(https://cdn.metoon.co.kr/img/nobel_num_icon.png) no-repeat center 20px; color:#fff; font-size:13px;}
#view_pub_footer .foot_menu li a.nobel_num p{font-size: 1.1em;}
#view_pub_footer .view_pub_control{border: 1px solid #353535; width:850px; height:50px; position:absolute; bottom:100%; left:0; right:0; margin:0px auto 30px; background:url(https://cdn.metoon.co.kr/img/view_pub_bg.png); border-radius:5px;}
#view_pub_footer .view_pub_control .pub_control>div{float:left;}
#view_pub_footer .view_pub_control .pub_view_type{text-align: center; padding: 8px; background:url(https://cdn.metoon.co.kr/img/pub_view_type_bg.png); font-weight: bold; color: #fff; border-radius: 5px; letter-spacing: -0.09em; line-height: normal; position: absolute; left: 0; right: 0; margin:5px auto 15px; bottom: 100%; width: 170px;}
#view_pub_footer .view_pub_control .pub_view_type_l span{background: url(https://cdn.metoon.co.kr/img/pub_view_type_l.png) no-repeat 0 center; padding-left: 25px;}
#view_pub_footer .view_pub_control .pub_view_type_r span{background: url(https://cdn.metoon.co.kr/img/pub_view_type_r.png) no-repeat 100% center; padding-right: 25px;}
#view_pub_footer .view_pub_control .page_control p{float:left; color:#fff; font-size: 14px; width: 80px; text-align:center; line-height: 49px;}
#view_pub_footer .view_pub_control .page_control a{display:block; float:left; height:29px; width:29px;}
#view_pub_footer .view_pub_control .page_control .page_btn_left{background: url(https://cdn.metoon.co.kr/img/page_btn_left.png) no-repeat 100% center; margin: 10px 0px 0 15px;}
#view_pub_footer .view_pub_control .page_control .page_btn_right{background: url(https://cdn.metoon.co.kr/img/page_btn_right.png) no-repeat 100% center; margin-top: 10px;}
#view_pub_footer .view_pub_control .page_bar{margin:19px 35px;}
#view_pub_footer .view_pub_control .page_bar .stick_w{position:relative; border-radius: 30px; top:0; left:0; width: 450px; margin:0 auto; background:#d32b2b; height:12px;}
#view_pub_footer .view_pub_control .page_bar .stick_w div{width:450px; height: 12px; position:relative; background:#fff; border-radius: 30px;}
#view_pub_footer .view_pub_control .page_bar .stick_w_left:before{display:block; content:""; width:20px; height:20px; border-radius:30px; background:#d32b2b; position:absolute; right:0; top:0; bottom:0; margin:auto;}
#view_pub_footer .view_pub_control .page_bar .stick_w_left div{float:left;}
#view_pub_footer .view_pub_control .page_bar .stick_w_left div:before{display:block; content:""; width:20px; height:20px; border-radius:30px; background:#fff; position:absolute; left:-15px; top:0; bottom:0; margin:auto;}
#view_pub_footer .view_pub_control .page_bar .stick_w_left div:after{display:block; content:""; width:33px; height:33px; background:url(https://cdn.metoon.co.kr/img/stick_w_left.png) no-repeat center; position:absolute; top:3px; bottom:0; right:-10px; margin:auto;}
#view_pub_footer .view_pub_control .page_bar .stick_w_right:before{display:block; content:""; width:20px; height:20px; border-radius:30px; background:#d32b2b; position:absolute; left:0; top:0; bottom:0; margin:auto;}
#view_pub_footer .view_pub_control .page_bar .stick_w_right div{float:right;}
#view_pub_footer .view_pub_control .page_bar .stick_w_right div:before{display:block; content:""; width:20px; height:20px; border-radius:30px; background:#fff; position:absolute; right:-15px; top:0; bottom:0; margin:auto;}
#view_pub_footer .view_pub_control .page_bar .stick_w_right div:after{display:block; content:""; width:33px; height:33px; background:url(https://cdn.metoon.co.kr/img/stick_w_right1.png) no-repeat center; position:absolute; top:3px; bottom:0; left:-10px; margin:auto;}
#view_pub_footer .view_pub_control .pub_view_tab{text-align:center; margin-top: 10px;}
#view_pub_footer .view_pub_control .pub_view_tab a{display:inline-block; padding:5px 0; color:#676767; letter-spacing:-0.05em; margin:0 3px;}
#view_pub_footer .view_pub_control .pub_view_tab .pub_view1{padding-left:20px; background:url(https://cdn.metoon.co.kr/img/pub_view1.png) no-repeat 0 center;}
#view_pub_footer .view_pub_control .pub_view_tab .pub_view2{padding-left:38px; background:url(https://cdn.metoon.co.kr/img/pub_view2.png) no-repeat 0 center;}
#view_pub_footer .view_pub_control .pub_view_tab .pub_view1.on{background:url(https://cdn.metoon.co.kr/img/pub_view1_on.png) no-repeat 0 center; color:#fff;}
#view_pub_footer .view_pub_control .pub_view_tab .pub_view2.on{background:url(https://cdn.metoon.co.kr/img/pub_view2_on.png) no-repeat 0 center; color:#fff;}
#view_pub_ex_img{position:absolute;top:0;left:0;z-index:1;opacity:0;}
#view_pub_container{width:100%; position:relative; height:100vh; overflow:hidden;z-index:2;}
#view_pub_container .click_area{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:9;}
#view_pub_container .click_area a{float:left; width:35%; display: block; height: 100%;}
#view_pub_container .click_area a#click_center{width:30%;}
#view_pub_container .pub_img_wrap{ position:absolute; top:0; left:0; right:0; bottom:0;/* min-width:1050px; */text-align: center; margin:auto; /* max-width:1500px;max-width:1280px;width:70%; */}
#view_pub_container .pub_img_wrap img{cursor: pointer;/* width: 50%;max-width:750px; position: absolute; top: 0; bottom: 0; margin: auto;display:inline-block; */vertical-align:middle;}
#view_pub_container .pub_img_wrap img:first-child{left:0;}
#view_pub_container .pub_img_wrap img:last-child{right:0;}
#view_pub_footer .nobel_list_box{width:100%;}
#view_pub_footer .nobel_list_box>div{width:80%; margin:25px auto 20px;}
#view_pub_footer .bx-wrapper .bx-controls-direction a{margin-top:-30px;}
#view_pub_footer .bx-wrapper .bx-controls-direction a.bx-prev{left:-50px; background:url(https://cdn.metoon.co.kr/img/pub_nobel_list_silder_left.png) no-repeat center;}
#view_pub_footer .bx-wrapper .bx-controls-direction a.bx-next{right:-50px; background:url(https://cdn.metoon.co.kr/img/pub_nobel_list_silder_right.png) no-repeat center;}
#view_pub_footer #pub_nobel_list_silder li p{color:#fff; padding-top:5px; text-align:center;}
#view_pub_footer #pub_nobel_list_silder li.on p{color:#d52b2c; font-weight:bold;}
#view_pub_footer #pub_nobel_list_silder li .sidelist_img_box{border-radius:3px; opacity:0;}
#view_pub_footer #pub_nobel_list_silder li.on .sidelist_img_box{border:2px solid #d52b2c;}
#view_pub_footer #pub_nobel_list_silder li .sidelist_img_box img{cursor:pointer;}
#view_pub_footer #pub_nobel_list_silder li a p{cursor:pointer;}
/* #view_pub_footer #pub_nobel_list_silder.noimg_list li a p{padding-top:0;padding-bottom:5px;} */
#view_pub_footer #pub_nobel_list_silder li:hover a p{color:#d52b2c;}
.pub_view_guide_img{position:fixed; cursor:pointer; top: 0; left: 0; width: 100%; min-width: 1050px; bottom: 0; margin: auto; z-index: 100; background: url(https://cdn.metoon.co.kr/img/view_pub_bg.png);}
.pub_view_guide_img>div{position:relative; width:100%; height:100%;}
.pub_view_guide_img div>div{position:absolute; z-index:99;}
.pub_view_guide_img div img{display:block; margin:0 auto; cursor:pointer;}
.pub_view_guide_img .pub_view_guide_img1{top:0; left:2px;}
.pub_view_guide_img .pub_view_guide_img2{top:1px; right:-2px; width: 436px;}
.pub_view_guide_img .pub_view_guide_img2 img{width:100%;}
.pub_view_guide_img .pub_view_guide_img3{top:-10%; right:0; width: 141px; height: 102px; margin: auto; bottom: 0; left: 0;}
.pub_view_guide_img .pub_view_guide_img_bar{bottom:273px; right:0; left:0; margin: auto; width: 850px; height: 50px;}
.pub_view_guide_img .pub_view_guide_img_bar>div{width:100%; position: relative; height: 100%;}
.pub_view_guide_img .pub_view_guide_img4{float:left; bottom: -5px; left: -5px;}
.pub_view_guide_img .pub_view_guide_img4 img{width:100%;}
.pub_view_guide_img .pub_view_guide_img7{bottom:0; left:0; right:0; margin:auto;}
/* 출판뷰어 */
.content_tag{position:absolute; left:5px; bottom:100%; z-index:101; background:#fff; border-radius:5px; font-size:1.2em; padding:1px 3px 0px; line-height: 1.3; letter-spacing:normal; font-weight:bold; margin-bottom: 5px;}
.content_tag_toon{color:#fc5863; border:1px solid #fc5863;}
.content_tag_nobel{color:#2b90e1; border:1px solid #2b90e1;}
#container .today_me_cont .today_me_con li .best_txt .content_tag{width:auto; background:none; position:absolute; left:5px; bottom:100%; z-index:101; margin-bottom: 5px;text-align:left; padding: 0;}
#container .today_me_cont .today_me_con li .best_txt .content_tag span{display:inline-block; font-size:12px; width:38px; height:18px; line-height:18px; text-align:center; border-radius:4px; background-color:#f5f5f5; cursor:pointer; padding:0; margin-right:5px;}
#container .today_me_cont .today_me_con li .best_txt .content_tag_toon{color:#fc5863; border:1px solid #fc5863;}
#container .today_me_cont .today_me_con li .best_txt .content_tag_nobel{color:#2b90e1; border:1px solid #2b90e1;}
#container .today_me_cont .today_me_con li .best_txt .content_tag .content_tag_ebook{color:#0096a6; border:1px solid #0096a6;}
#container .today_me_cont .today_me_con li .best_txt .content_tag .up_tag_re{color:#fff; background-color:#1567c3; border:1px solid #1567c3; padding:0px !important;}
/* 무료 태그 */
.free_tag{background:#00b233 !important; color:#fff; border: 1px solid #00b233; border-radius:5px; font-size:1em;line-height: 1.3; letter-spacing:normal; font-weight:bold; margin:0 5px 0 0; !important;}
#container .today_me_cont .today_me_con li .best_txt .free_tag{width:auto;}
.free_icon_main{width:87px; position:absolute; top:-1px; left:-2px; z-index:15;}
#container .today_me_cont .today_me_con li .free_icon_main{width:87px; position:absolute; top:-1px; left:-2px; z-index:15;}
/* 완결 태그 */
.completed_tag{background:#fff !important; color:#6509df; border: 1px solid #6509df; border-radius:5px; font-size:1em; padding:1px 3px 0px !important; line-height: 1.3; letter-spacing:normal; font-weight:bold; margin:0 5px 0 0; !important;}
/* up 태그 */
.main_up_tag{background:#fff !important; color:#fd2e24; border: 1px solid #fd2e24; border-radius:5px; font-size:1em; padding:1px 3px 0px !important; line-height: 1.3; letter-spacing:normal; font-weight:bold; margin:0 5px 0 0; !important;}
/* 서브 무료 */
#container .free_cont h4.sub_page_title{margin:0;}
.free_cont{border-bottom:1px dashed #ddd; padding:25px 0 20px;}
.free_cont#half_free{border-bottom:none;}
.free_cont ul{overflow:hidden; margin:15px auto 0;}
.free_cont ul li{float:left; width:32.3%; margin:10px 0.5%;}
.free_cont ul li a{position:relative; display:block;}
.free_cont ul li img{width:100%; max-width:380px;display:block; cursor:pointer; max-height:161px; }
.free_cont ul li .novel_img{position:absolute; top:0; left:0; margin:auto;}
#free_page .free_banner{width:1200px; overflow:hidden; padding-top:30px; margin:0px auto 10px;}
#free_page .slick-list{overflow:visible; outline: none !important;}
#free_page .slider-nav{width:330px; float:left; background:#fff;}
#free_page .slider-nav .txt{cursor:pointer; padding:13px 0 14px; color:#585858; font-size:14px; text-align:center; border-top:1px solid #ddd; box-sizing:border-box;}
#free_page .slider-nav .txt p{ line-height:17px; cursor:pointer;}
#free_page .slider-nav .txt:first-child{border-top:none;}
#free_page .slider-nav h3{font-size:24px; margin-bottom:6px; cursor:pointer;}
#free_page .slider-nav .slick-current{background:#d52b2c; color:#fff;}
#free_page .slick-slide a:focus {outline:none;}
#free_page .slick-slide:focus {outline:none;}
#free_page .slider-for{width:870px; float:left;}
#free_page .slider-for img{width:100%; display:block; cursor:pointer;}
#free_page .slider-for  img{display:none;}
#free_page .slider-for div:first-child img{display:block;}
#free_page .free_content_box1{width:100%; margin-top: 20px; overflow:hidden;}
#free_page .free_content_box1 ul{width:101%; overflow:hidden; margin-left:-0.5%;}
#free_page .free_content_box1 li{width:49%; margin:5px 0.5%; float:left; border:1px solid #ddd; background:#fff; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#free_page .free_content_box1 li>a{display:block; padding:5px; overflow:hidden; position:relative; cursor:pointer;}
#free_page .free_content_box1 li>a>div{position:relative; overflow:hidden;}
#free_page .free_content_box1 .img_box{width:142px; float:left; border:1px solid #ddd; overflow:hidden; position:relative;}
#free_page .free_content_box1 .img_box img{width:100%; display:block; cursor:pointer;}
#free_page .free_content_box1 .img_box .blurcover{width:70%; top:0; margin:auto;}
#free_page .free_content_box1 .img_box .novel_img{position:absolute; top:0; left:0; right:0; bottom:0;}
#free_page .free_content_box1 .img_box .ebook_imgbox{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:4;}
#free_page .free_content_box1 .img_box .ebook_imgbox:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top right, #555 70%, #fff);opacity:.8;z-index:1;}
#free_page .free_content_box1 .img_box .ebook_imgbox .ebook_cover{display:block;position:relative;margin:0 auto;width:auto;height:100%;z-index:2;}
#free_page .free_content_box1 .img_box .adult_19_mark{width:70%; margin:auto; background-size:0;}
#free_page .free_content_box1 .img_box .blurcover_b{width:70%; top:0; margin:auto;}
#free_page .free_content_box1 .img_box .icon_19_patch{width: 22px !important; height: 22px !important; position: absolute; bottom: 0; margin-bottom: 5px; right: 5px; z-index: 99;}
#free_page .free_content_box1 .txt_box{float:left; padding: 30px 10px 0; max-width: 55%;}
#free_page .free_content_box1 .txt_box p{cursor:pointer; margin-bottom: 10px; color: #676767; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.05em;}
#free_page .free_content_box1 .txt_box .title{font-weight: bold; color: #2c2c2c; font-size:19px; margin-bottom:10px;}
#free_page .free_content_box1 .txt_box .gift_coin{margin-top:30px;}
#free_page .free_content_box1 .go_btn{position: absolute; top: 0; bottom: 0; right: 5px;  margin: auto;float: right; font-size: 15px; width: 20%; max-width: 100px; margin-right:5px; height: 36px; text-align: center; letter-spacing: -0.05em;}
#free_page .free_content_box1 .go_btn p{border: 1px solid #d32b2b; background: #fff; color: #d32b2b; padding: 8px 0; text-align: center; cursor: pointer; float: right; min-width: 100px; margin: 0 auto;}
#free_page .free_content_box1 .txt_box span{cursor:pointer;}
/* 구글랜딩페이지 */
#container .sub_page_cont#landing_page{min-height:0;}
.landing_page_wrap{ width: 1200px; margin:0 auto; height:100%;}
.landing_cont{margin:30px auto 15px; width:100%;}
.landing_cont ul{width:100%; overflow:hidden;}
.landing_cont li{float:left; margin:0 0.5%; width:24%}
.landing_cont a{display:block;}
.landing_cont a img{width:100%; display:block; margin:0 auto; max-width:282px; cursor:pointer;}
/* 메인 경험야설 */
#container_bottom #real_story{background: #f5f5f5; width:100%;}
#real_story{background: #f5f5f5; width:100%; padding:0 0 50px;}
#container_bottom #real_story:after{display:block; clear:both; content:"";}
#real_story>div{max-width: 1200px; margin: 0 auto;}
#real_story>div:after{display:block; clear:both; content:"";}
#real_story>div ul.top6{width:100%; margin:0 auto;}
#real_story>div ul.top6:after{display:block; clear:both; content:"";}
#real_story>div ul.top6 li{float:left; width:25%; min-width:277px; position:relative; text-align: center;}
#real_story>div ul.top6 li>div{display:inline-block; position:relative; margin:0 auto;}
#real_story>div ul.top6 li .real_top_box{position:absolute;}
#real_story>div ul.top6 li .left_top{top:10px; left:20px; text-align:left;}
#real_story>div ul.top6 li .left_top .rank{font-size:23px; font-style: italic; display:block; font-weight:bold; margin-bottom:15px;}
#real_story>div ul.top6 li .left_top .real_genre1{color:#676767;}
#real_story>div ul.top6 li .right_top{top:15px; right:20px; text-align: right;}
#real_story>div ul.top6 li .right_top .real_genre2{font-size:16px; font-weight:bold; position:relative; padding-left:20px; display: block; margin-bottom:15px;}
#real_story>div ul.top6 li .right_top .real_genre2 img{width:18px; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto;}
#real_story>div ul.top6 li .right_top .heart{letter-spacing:-0.05em; font-weight:bold; padding-left:20px; background: url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 0 center;}
#real_story>div ul.top6 li .mid_top{top:70px; left:20px; right:20px; margin:auto; text-align:center;}
#real_story>div ul.top6 li .mid_top a{cursor:pointer; display: table-cell; width:277px; height: 80px; line-height: 30px; vertical-align: middle; font-family: Nanum Pen Script, serif; color: #2c2c2c; font-size: 30px; word-break: break-all; text-align: center;}
#real_story>div ul.top6 li .btm_top{cursor:pointer; top:157px; left:20px; right:20px; margin:auto; text-align:left; line-height: 27px;max-height: 85px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}
#real_story>div ul.top6 li .btm_top a{cursor:pointer; color:#9e9e9e;}
#real_story>div ul.top6 li .top4{position:absolute; top:3px; left:20px; right:20px; bottom:25px; margin:auto;}
#real_story>div ul.top6 li .top4 li{width:100%; min-width: 0; margin: 7px auto;}
#real_story>div ul.top6 li .top4 li a{display:block; overflow: hidden; padding: 8px 0;}
#real_story>div ul.top6 li .top4 li a span{cursor:pointer;}
#real_story>div ul.top6 li .top4 .real_title_box{float:left; width:60%; text-align:left; font-weight:bold;}
#real_story>div ul.top6 li .top4 .real_title_box .rank{display:block; font-size:17px; color:#676767; font-style: italic;  margin-bottom:8px;}
#real_story>div ul.top6 li .top4 .real_title_box .rank span{font-weight:normal;}
#real_story>div ul.top6 li .top4 .real_title_box .real_title{font-size:15px; color:#2e2e2e; display: block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#real_story>div ul.top6 li .top4 .real_tag_box{float:right; width:40%; margin-top: 2px; text-align:right;}
#real_story>div ul.top6 li .top4 .real_genre{display:inline-block; position:relative; padding-left:20px; float: right; color:#676767; margin-bottom: 10px; font-weight:bold;}
#real_story>div ul.top6 li .top4 .real_tag_box img{width:18px; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto; cursor:pointer;}
#real_story>div ul.top6 li .top4 .real_tag_box .heart{letter-spacing:-0.05em; font-weight:bold; padding-left:20px; background: url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 0 center;}
.real_banner{margin:20px 10px 0; width:24%; min-width:277px; float:left;}
.real_banner img{display:block; margin:0 auto;}
.real_banner a{display:block; width:100%;  max-width:277px; margin:10px auto 0; background:#d52b2c; color:#fff; font-size:17px; font-weight:bold; text-align:center; padding:12px 0; border-radius:5px; }
.top_other_box{background:#fff; border:1px solid #ddd; border-radius:5px; width: 73%; float: left; margin-top:20px;}
.top_other_box:after{clear:both; content:""; display:block;}
.top_other_box ul{width:48%; margin:10px 1%;}
.top_other_box ul li{width:100%; border-bottom:1px solid #ddd;}
.top_other_box ul li a{padding:10px 5px; overflow: hidden; display: block;}
.top_other_box .left{float:left;}
.top_other_box .right{float:right;}
.top_other_box .real_title_box{float:left; width:60%; text-align:left; font-weight:bold; letter-spacing:-0.05em;}
.top_other_box .real_title_box .rank{display:inline-block; font-size:15px; color:#676767; font-style: italic; width:20%; float: left;}
.top_other_box .real_title_box .rank span{font-weight:normal;}
.top_other_box .real_title_box .real_title{font-size:15px; color:#2e2e2e; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 78%; float: left;}
.top_other_box .real_tag_box{float:right; width:40%; margin-top: 2px; text-align:right;}
.top_other_box .real_genre{display:inline-block; position:relative; padding-left:20px; color:#676767; font-weight:bold;}
.top_other_box .real_tag_box img{width:18px; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto; cursor:pointer;}
.top_other_box .real_tag_box .heart{letter-spacing:-0.05em; font-weight:bold; padding-left:20px; background: url(https://cdn.metoon.co.kr/img/heart_red.png) no-repeat 0 center;}
.top_other_box .pager{text-align:center; width:100%; float:left; margin:8px auto 20px;}
.top_other_box .pager a{display:inline-block; border:1px solid #ddd; width:13px; padding:3px; font-size:14px; margin:0 2px; font-weight:bold; line-height: 11px; vertical-align: text-top;}
.top_other_box .pager a.on{color:#d52b2c;}
.top_other_box .pager a img{display:block; cursor:pointer;}
.top_other_box .pager a.pager_btn{border:none; padding:0; margin:0; width: 19px;}
@media all and (max-width:1130px){
	.top_other_box{width:71%;}
}
@media all and (max-width:1120px){
	#real_story>div ul.top6{width: 600px;}
	#real_story>div ul.top6 li{width:50%; margin:5px auto;}
}
@media all and (max-width:1050px){
	.top_other_box{width:70%;}
	.top_other_box ul{width:98%;}
	.top_other_box .real_title_box .rank{width: 10%;}
	.top_other_box .real_title_box .real_title{width:90%;}
	.top_other_box .left{margin-bottom:0;}
	.top_other_box .right{margin-top:0;}
}
@media all and (max-width:999px){
	.top_other_box{width:68%;}
}
@media all and (max-width:970px){
	.top_other_box{width:66%;}
	.top_other_box .real_title_box .rank{width:13%;}
	.top_other_box .real_title_box .real_title{width:80%;}
}
@media all and (max-width:910px){
	.top_other_box{width:64%;}
}
@media all and (max-width:860px){
	.top_other_box{width:62%;}
}
@media all and (max-width:805px){
	.top_other_box{width:60%;}
	.top_other_box .real_title_box .rank{width:15%;}
}
@media all and (max-width:765px){
	.top_other_box{width:58%;}
}
/* 서브 경험야설 */
#container #real_page{max-width:none;}
#real_page .sub_real_banner{width:100%;}
#real_page .sub_real_banner img{width:100%; max-width:1200px; display:block; margin:0 auto;}
#real_page .sub_real_content_box{width:100%; max-width:1200px; margin: 20px auto 0; overflow:hidden;}
#real_page .sub_real_content_box>div{float:left; width:49%; overflow:hidden; margin:0 0.5%;}
#real_page .sub_real_content_box>div .title{font-size:15px; margin-bottom:5px;}
#real_page .sub_real_content_box>div .title span{font-size:18px;}
#real_page .sub_real_content_box>div>ul{width:100%; overflow:hidden; }
#real_page .sub_real_content_box li{width:100%; margin:5px 0; float:left; border:1px solid #ddd; border-radius:3px; background:#fff; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#real_page .sub_real_content_box li>a{display:block; padding:5px; overflow:hidden; position:relative; cursor:pointer;}
#real_page .sub_real_content_box li>a>div{position:relative; overflow:hidden;}
#real_page .sub_real_content_box .img_box{width:40%; max-width:240px; float:left; border:1px solid #ddd; border-radius:3px; overflow:hidden; position:relative;}
#real_page .sub_real_content_box .img_box img{width:100%; display:block; cursor:pointer;}
#real_page .sub_real_content_box .img_box .novel_img{position:absolute; top:0; left:0; right:0; bottom:0;}
#real_page .sub_real_content_box .txt_box{float:left; padding: 15px 1% 0; width: 60%; padding-right: 20%;}
#real_page .sub_real_content_box .txt_box p{cursor:pointer; margin-bottom: 3px; color: #676767; font-size:14px; letter-spacing: -0.05em;}
#real_page .sub_real_content_box .txt_box .title{font-weight: bold; color: #2c2c2c; font-size:16px; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#real_page .sub_real_content_box .txt_box .txt{max-height: 100px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}
#real_page .sub_real_content_box .sub_real_btn{position: absolute; top: 0; bottom: 0; right: 5px;  margin: auto;float: right; font-size: 15px; width: 20%; max-width: 95px; margin-right:5px; height: 36px; text-align: center; letter-spacing: -0.05em;}
#real_page .sub_real_content_box .sub_real_btn p{border: 1px solid #d32b2b; border-radius: 5px; background: #fff; color: #d32b2b; padding: 8px 0; text-align: center; cursor: pointer; float: right; min-width: 95px; margin: 0 auto;}
#real_page .sub_real_content_box .txt_box span{cursor:pointer;}
@media all and (max-width: 1230px) and (min-width: 1000px){
	#container #real_page{width: 100%;}
	#real_page .sub_real_content_box{width: 97%;}
}
@media all and (max-width:1190px){
	#real_page .sub_real_content_box .txt_box{width:59%;}
}
@media all and (max-width:1180px){
}
@media all and (max-width:1070px){
	#real_page .sub_real_content_box>div{width:100%; margin-left:0;}
	#real_page .sub_real_content_box li{width:100%; margin:10px 0;}
	#real_page .sub_real_content_box .txt_box{width:70%; padding: 25px 1% 0; padding-right:10%;}
}
@media all and (max-width: 999px){
	#container #real_page{width: 100%;}
	#real_page .sub_real_content_box{width: 97%;}
}
@media all and (max-width:900px){
	#real_page .sub_real_content_box .txt_box{width:65%;}
}
@media all and (max-width:800px){
	#real_page .sub_real_content_box .txt_box{width:60%;}
}
/* 충전소 수정 */
#container #coin_page h4.sub_page_title{display: inline-block; position:relative; width:100%;}
#container #coin_page h4.sub_page_title .btn_close{position:absolute; top:0; right:0; z-index:99;}
#container #coin_page h4.sub_page_title .btn_close a{display:block;}
#container #coin_page h4.sub_page_title .btn_close img{display:block; cursor:pointer;}
.coin_page_wrap1 .coin_charge_cont .fill_banner_box{position:relative; /* margin-bottom:10px; */}
.coin_page_wrap1 .coin_charge_cont .fill_banner_box:after{clear:both; content:""; display:block;}
.coin_page_wrap1 .coin_charge_cont .fill_banner_box img{float: left; width: 100%;}
.coin_page_wrap1 .coin_charge_cont .fill_banner_box p{color:#fff; position:absolute; bottom:15px; right:15px; font-size:13px; letter-spacing:-0.05em;}
.coin_page_wrap1 .coin_charge_cont .fill_banner_box span{background:#fff; color:#2c2c2c; border-radius:25px; padding:1px 7px; margin-right:3px;}
.coin_page_wrap1 .coin_list{width: 100%;}
.coin_page_wrap1 .coin_list>img{float: left; width: 100%; margin-bottom:15px;}
.coin_page_wrap1 .coin_list .my_coin{background: #4e4e4e; font-weight: bold; color: #fff; font-size: 1.2em; padding: 22px 0; width: 40%; overflow:hidden; border: 1px solid #404040; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.coin_page_wrap1 .coin_list .my_coin div{float:left; width:50%; font-weight: normal; letter-spacing: -0.09em; padding: 10px 20px;}
.coin_page_wrap1 .coin_list .my_coin p{float: left; display: inline-block; position:relative; background:none;}
.coin_page_wrap1 .coin_list .my_coin p img{position:absolute; top:0; bottom:0; margin:auto; left:0; width:25px;}
.coin_page_wrap1 .coin_list .my_coin .user_coin{color: #ffe83e; margin-right: 0px; max-width: 60px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; padding-right:2px;}
.coin_page_wrap1 #badge_box{width: 100%; float: left; border: 1px solid #e5e5e5; border-radius: 0px; background: #fff; position: relative; padding: 9px 0; margin-bottom: 0px;}
.coin_page_wrap1 #badge_box ul{width: 100%; overflow: hidden; min-height: 0;}
.coin_page_wrap1 #badge_box li {width: 12.2%; text-align:center; float: left; padding: 0 1%; background: none; position: relative;}
.coin_page_wrap1 #badge_box li + li:before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:60px; border-left:1px solid #e5e5e5; margin-top:-32px;}
.coin_page_wrap1 #badge_box .badge_grade_box{top: 0; bottom: 0; left: 0; text-align: center; /* width: 50px; */ padding: 0; right: 0; margin: auto; float: none; position:relative;}
.coin_page_wrap1 #badge_box .badge_grade_box img{display: block;}
.coin_page_wrap1 #badge_box .badge_grade_box .cover_grade{position: relative; z-index: 9; width: 100%; min-width: 50px;}
.coin_page_wrap1 #badge_box .badge_grade_on{padding:0; position: absolute; top: 0; left: 0; /* bottom: 15%; */ margin: auto; width: 100%; text-align: center; z-index: 9;}
.coin_page_wrap1 #badge_box .badge_grade_on img{display: block; /* width: 35px; */ margin: 0 auto; min-width: 35px;}
.coin_page_wrap1 #badge_box .badge_grade_off{position: absolute; padding:0; top: 0; left: 0; /* bottom: 15%; */ margin: auto; width: 100%; text-align: center; color: #747474;}
.coin_page_wrap1 #badge_box li p{font-size:12px; font-weight:normal; letter-spacing: -0.09em; margin-top: 5px;}
/* 월 자동결제 */
#coin_charge_form .fill_form_wrap li.self_clearing{border:2px solid #d52b2c;}
#coin_charge_form .fill_form_wrap li.self_clearing .coin_txt .cash>span{margin-right: 10px;}
#coin_charge_form .fill_form_wrap li.self_clearing .coin_txt .cash .pay_discount{font-size:1.15em; font-weight:bold; color:#d72a2c; margin-right:0; margin-left:20px;}
#coin_charge_form .fill_form_wrap li.self_clearing .coin_txt .cash .ic_a_right{display:inline-block; font-size:1.2em; font-weight:bold; color:#676767; padding:0 20px;}
#coin_charge_form .fill_form_wrap li.self_clearing .coin_txt .cash .pay{margin-right:15px;}
#payment_type1 div.self_clearing_notice{margin-top: 20px; padding-top: 5px; width: 100%; overflow: hidden; letter-spacing: -0.05em; border-top: 1px dashed #a5a5a5;}
#payment_type1 div.self_clearing_notice li{line-height: 1.6; color: #676767; width:100%; margin:0;}
#payment_type1 div.self_clearing_notice p{font-size: 16px; margin-bottom: 5px; margin-top: 15px; color: #464646;}
#coin_charge_form .fill_form_wrap li.self_clearing .coin_box .fill_secret_tag{font-weight: normal; float: left; letter-spacing: -0.05em; background:#d52b2c; padding: 2px 5px; border-radius: 3px; color: #fff; margin: 2px 5px;}
/* 코인 충전소 리뉴얼 20190410 */
.sub_re_fill_wrap{background-color:#fff; padding-bottom:50px;}
.coin_charge_box .fill_form_wrap .self_clearing_secret{position:relative; width:100%; margin-top:22px;}
.coin_charge_box .fill_form_wrap .self_clearing_secret input{position:absolute; top:0; left:0; opacity:0; width:0; height:0; z-index:-1;}
.coin_charge_box .fill_form_wrap .self_clearing_secret:after{content:""; display:block; clear:both;}
.coin_charge_box .fill_form_wrap .self_clearing_secret label{border:1px solid #d52b2c; padding:0 156px 0 29px;}
.coin_charge_box .fill_form_wrap .self_clearing_secret label .coin_txt .cash .pay_discount{margin-left:20px;}
.coin_charge_box .fill_form_wrap .self_clearing_secret label .fill_btn{right:36px;}
.coin_charge_box .fill_form_wrap ul{margin-top:10px; border:1px solid #e5e5e5; border-radius:3px;}
.coin_charge_box .fill_form_wrap ul li a{position:relative;}
.coin_charge_box .fill_form_wrap ul li a input[type="radio"]{position:absolute; top:0; left:0; opacity:0; width:0; height:0; z-index:-1;}
.coin_charge_box .fill_form_wrap label{position:relative; display:block; border-radius:3px; height:100px; line-height:100px; padding:0 24px 0 29px; box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer;}
.coin_charge_box .fill_form_wrap label p, .coin_charge_box .fill_form_wrap label span{cursor:pointer;}
.coin_charge_box .fill_form_wrap label .coin_label_container{position:relative; border-bottom:1px solid #e5e5e5; padding-right:132px;}
.coin_charge_box .fill_form_wrap label .coin_box{float:left; width:214px;}
.coin_charge_box .fill_form_wrap label .coin_box p{font-size:24px; font-weight:bold; color:#000; float:left;}
.coin_charge_box .fill_form_wrap label .coin_box p img{vertical-align:text-bottom;}
.coin_charge_box .fill_form_wrap label .coin_box p .all_coin{margin-left:16px;}
.coin_charge_box .fill_form_wrap label .coin_box .fill_secret_tag{display:inline-block; padding:4px 5px; border:1px solid #d52b2c; font-size:12px; font-weight:bold; color:#d52b2c; margin:39px 0 0 5px; line-height:1;}
.coin_charge_box .fill_form_wrap label .coin_txt:after{content:""; display:block; clear:both;}
.coin_charge_box .fill_form_wrap label .coin_txt .txt{float:left;}
.coin_charge_box .fill_form_wrap label .coin_txt .txt p{font-size:15px; color:#000;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash{float:right; margin-right:37px; font-size:15px;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash .pay_discount{font-size:16px; font-weight:bold; color:#000;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash .pay_sale_price{display:inline-block; vertical-align:middle;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash .pay_sale_price > span{display:block; line-height:1.5; text-align:right;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash .pay_sale_price .pay_del span{text-decoration:line-through; font-size:13px; color:#363636;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash .ic_a_right{display:inline-block; width:10px; height:14px; background:url(https://cdn.metoon.co.kr/img/ic_fill_arrow.png) no-repeat center; background-size:100% auto; margin:0 24px 0;}
.coin_charge_box .fill_form_wrap label .coin_txt .cash .pay{font-size:22px; font-weight:bold; color:#d52b2c;}
.coin_charge_box .fill_form_wrap label .fill_btn{display:block; position:absolute; top:0; bottom:0; right:12px; width:118px; height:38px; line-height:38px; text-align:center; border:1px solid #555; font-size:15px; font-weight:bold; color:#555; border-radius:3px; margin:auto; cursor:pointer;}
.coin_charge_box .fill_form_wrap label:hover .fill_btn{border-color:#d42b2c; background:#d42b2c; color:#fff;}
.coin_charge_box .fill_form_wrap label .grade_box{display:none;}
.sc_secret_pay_list > div:nth-child(2){margin-left:35px;}
.sc_secret_pay_info{width:100%; margin-top:19px;}
#payment_type1 .pay_comp_info{width:100%; height:150px; line-height:150px; border:1px solid #d52b2c; border-radius:3px; letter-spacing:-1px; margin-bottom:46px;}
#payment_type1 .pay_comp_info > div{float:none;}
#payment_type1 .pay_comp_info .pay_choose{width:157px; height:100%; background-color:#d52b2c; color:#fff; font-size:17px; color:#fff; font-weight:bold; text-align:center; float:left;}
#payment_type1 .pay_comp_info .coin_box{width:240px; padding-left:26px; float:left;}
#payment_type1 .pay_comp_info .coin_box p{font-size:25px; font-weight:bold; color:#000;}
#payment_type1 .pay_comp_info .coin_box p img{vertical-align:text-bottom;}
#payment_type1 .pay_comp_info .coin_box p .all_coin{font-size:35px; margin-left:15px;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt{float:none; padding-right:34px;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .txt{float:left;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .txt p{font-size:18px; color:#000;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash{float:right;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay_sale_price{display:inline-block; margin-right:50px;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay_sale_price span{display:block; line-height:1; text-align:right;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay_sale_price .pay_discount{font-size:16px; color:#636363; font-weight:bold;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay_sale_price .pay_del{position:relative; font-size:40px; color:#000;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay_sale_price .pay_del:before{content:""; display:block; position:absolute; top:50%; left:50%; width:210px; height:9px; background:url('https://cdn.metoon.co.kr/img/ic_del_arrow.png') no-repeat center; background-size:100% auto; margin-left:-105px;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay{font-size:20px; font-weight:bold; color:#e61d27; vertical-align:middle;}
#payment_type1 .pay_comp_info .coin_txt_box .coin_txt .cash .pay strong{font-size:80px;}
.pay_promo{width:100%;margin-top:33px;}
.pay_promo a{position:relative; display:block; width:100%; height:100px; line-height:100px; border:1px solid #d52b2c; border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:156px;}
.pay_promo a p, .pay_promo a span{cursor:pointer;}
.pay_promo a .promo_logo_box{position:absolute; top:-22px; left:30px; height:35px; background-color:#fff; border:1px solid #d52b2c; border-radius:4px; line-height:33px;}
.pay_promo a .promo_logo_box p{float:left;}
.pay_promo a .promo_logo_box .promo_logo{width:112px; height:33px; text-align:center; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-pack:justify;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center; -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.pay_promo a .promo_logo_box .promo_logo img{display:inline-block; width:70%;}
.pay_promo a .promo_logo_box .promo_logo_txt{width:202px; height:33px; text-align:center; background-color:#d52b2c; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-0.03em;}
.pay_promo a .promo_logo_box .promo_logo_txt span{font-size:13px;}
.pay_promo > div{float:none;}
.pay_promo .pay_fill_div{position:absolute; top:0; right:0; width:156px; height:100%; background-color:#d52b2c; color:#fff; font-size:17px; color:#fff; font-weight:bold; text-align:center; float:left;}
.pay_promo .pay_fill_div span{display:inline-block; width:10px; height:14px; background:url(https://cdn.metoon.co.kr/img/ic_fill_arrow_w.png) no-repeat center; background-size:100% auto; margin-left:16px; vertical-align:middle;}
.pay_promo .coin_box{width:214px; padding-left:26px; float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.pay_promo .coin_box p{font-size:24px; font-weight:bold; color:#000;}
.pay_promo .coin_box p img{vertical-align:text-bottom;}
.pay_promo .coin_box p .all_coin{margin-left:16px;}
.pay_promo .coin_txt_box .coin_txt{float:none;}
.pay_promo .coin_txt_box .coin_txt .txt{float:left;}
.pay_promo .coin_txt_box .coin_txt .txt p{font-size:15px; color:#000;}
.pay_promo .coin_txt_box .coin_txt .cash{float:right; margin-right:37px; font-size:15px;}
.pay_promo .coin_txt_box .coin_txt .cash .pay_sale_price{display:inline-block; vertical-align:middle;}
.pay_promo .coin_txt_box .coin_txt .cash .pay_sale_price > span{display:block; line-height:1.5; text-align:right;}
.pay_promo .coin_txt_box .coin_txt .cash .pay_sale_price .pay_discount{font-size:16px; color:#000; font-weight:bold;}
.pay_promo .coin_txt_box .coin_txt .cash .pay_sale_price .pay_del span{text-decoration:line-through; font-size:13px; color:#363636;}
.pay_promo .coin_txt_box .coin_txt .cash .ic_a_right{display:inline-block; width:10px; height:14px; background:url(https://cdn.metoon.co.kr/img/ic_fill_arrow.png) no-repeat center; background-size:100% auto; margin:0 24px 0;}
.pay_promo .coin_txt_box .coin_txt .cash .pay{display:inline-block; min-width:94px; font-size:22px; font-weight:bold; color:#d52b2c; text-align:right;}
.pay_promo .fill_btn{display:block; position:absolute; top:0; bottom:0; right:36px; width:118px; height:38px; line-height:38px; text-align:center; border:1px solid #555; font-size:15px; font-weight:bold; color:#555; border-radius:3px; margin:auto; cursor:pointer;}
.pay_promo a:hover .fill_btn{border-color:#d42b2c; background-color:#d42b2c; color:#fff;}
.coin_page_wrap1 .coin_charge_box{width: 100%; float: left; margin: 0px auto 40px;}
#payment_type1{width:100%; overflow:hidden; padding-bottom: 30px;}
#payment_type1 div{float:left; overflow:hidden;}
#payment_type1 .my_select_coin{width:100%; border-radius:5px; border:1px solid #ddd; background:#fff; text-align:center; margin-bottom: 10px;}
#payment_type1 .my_select_coin>div{width:80%; margin:0 auto; float:none; text-align:center;}
#payment_type1 .my_select_coin>div>span{/* float:left; */display: inline-block;}
#payment_type1 .my_select_coin .my_select{padding: 20px 40px 0; vertical-align: top;}
#payment_type1 .my_select_coin>div p{padding:8px 30px; font-size:15px; border-radius:5px; }
#payment_type1 .my_select_coin .coin_txt .grade_box{position: relative; margin-left: 18px; padding-left:35px;}
#payment_type1 .my_select_coin .coin_txt .grade_box:after{display:block; content:"+"; position:absolute; top:0; bottom:0; height:17px; margin:auto; left:-14px; padding:0 3px;}
#payment_type1 .my_select_coin .coin_txt .grade_box img{width:30px; display:block; position:absolute; top:0; bottom:0; left:0; margin:auto;}
#payment_type1 .my_select_coin .coin_txt_box{position: relative;}
#payment_type1 .my_select_coin .coin_txt{overflow: hidden; padding:24px 20px 23px;}
#payment_type1 .my_select_coin .coin_txt .txt{float: left;}
#payment_type1 .my_select_coin .coin_txt .txt span{padding:0 3px;}
#payment_type1 .my_select_coin .coin_txt p{float: left; padding: 5px 0; font-weight: normal; font-size: 14px; letter-spacing: -0.05em;}
#payment_type1 .my_select_coin .coin_box p{font-size: 21px; padding:24px 20px 23px; position: relative; padding-left: 40px; font-weight: normal; letter-spacing: -0.05em;}
#payment_type1 .my_select_coin .coin_box span{font-weight: bold; margin-right: 3px;}
#payment_type1 .my_select_coin .coin_box img{display: block; position: absolute; top: 0; bottom: 0;  left: 0; margin: auto;}
#payment_type1 .my_select_coin .txt p{float:left;}
#payment_type1 .back_btn{width:100%; text-align:center; margin:60px auto 0;}
#payment_type1 .back_btn a{display:inline-block; font-size:15px; color:#676767; font-weight:bold; letter-spacing:-0.05em; padding:8px 0; width:100px; border-radius:3px; border:1px solid #404040; background:#fff;}
#payment_type1 .my_select_coin .fix_cash{float:right; padding:24px 0 23px; font-weight:normal; font-size:14px; letter-spacing:-0.05em;}
#payment_type1 .my_select_coin .fix_cash > span{margin-right:10px;}
#payment_type1 .my_select_coin .fix_cash .pay_before{position:relative; padding:0; padding-left:15px;}
#payment_type1 .my_select_coin .fix_cash .pay_before img{position:absolute; top:0; bottom:0; left:0; margin:auto; display:block;}
#payment_type1 .my_select_coin .fix_cash .pay_before .pay{font-size:18px; font-weight:bold; margin-right:15px; color:#d32b2b; padding-left:30px;}
#payment_type1 div h4{font-size:17px; margin:7px 5px;}
#payment_type1 div ul{overflow:hidden; width:100%;}
#payment_type1 div li{float:left; margin:5px; margin-right:30px;}
#payment_type1 div li:last-child{margin-right:0;}
#payment_type1 div.paytype_box2 li:first-child{margin-left:35px;}/* 2017-10-16 손지수 수정 */
#payment_type1 div.paytype_box2 h4{margin-left:35px;}/* 2017-10-16 손지수 수정 */
#payment_type1 div li a{display:block;}
#payment_type1 div li a img{display:block; cursor:pointer;}
.fill_notice_list{width:100%; overflow:hidden; letter-spacing:-0.05em; border-top: 1px dashed #a5a5a5;}
.fill_notice_list p{font-size:16px; margin-bottom:5px; margin-top: 15px; color:#464646;}
.fill_notice_list li{line-height:1.6; color:#676767;}
/* 마이페이지 수정 */
/* 찜목록 컨테이너 */
#my_page_container #mypage_like_data1{width:100%; float:left;}
#my_page_container #mypage_like_data1 .title_box p{padding:137px 0 75px; background: url(https://cdn.metoon.co.kr/img/icon_my_like_data.png) no-repeat center 70px;}
#my_page_container #mypage_like_data1 .cont_box>div{height:auto;}
#my_page_container #mypage_like_data1 .list_data{width: 100%; position: static; margin-top: 20px; overflow:hidden; margin-left:10px; height:auto;}
#my_page_container #mypage_like_data1 .list_data li{float: left; width: 23%; margin: 0 1% 10px; position: relative;}
#my_page_container #mypage_like_data1 .list_data li a{display: block; width: 100%; position: relative; overflow: hidden; border-radius: 6px;border:1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#my_page_container #mypage_like_data1 .list_data li img{width: 100%; display: block; cursor: pointer;}
#my_page_container #mypage_like_data1 .list_data li .novel_img{position: absolute; top: 0; left: 0; right: 0; width:100%; height:100%;}
#my_page_container #mypage_like_data1 .list_data li .ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#my_page_container #mypage_like_data1 .list_data li .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#my_page_container #mypage_like_data1 .list_data li .ebook_imgbox .novel_img{opacity:0.2;}
#my_page_container #mypage_like_data1 .list_data li .ebook_imgbox .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:70%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);}
#my_page_container #mypage_like_data1 .list_data li .best_txt{width: 100%; letter-spacing: -0.05em; display: block; text-align: center; color: #2c2c2c; cursor: pointer; font-size: 1.1em; position: absolute; bottom: 0; background: url(https://cdn.metoon.co.kr/img/W_back.png); font-weight: normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:10;}
#my_page_container #mypage_like_data1 .list_data li .best_txt span{display: block; font-size: 13px; width: 77%;min-height:15px; margin: 5px auto 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom:5px; cursor: pointer;}
#my_page_container #mypage_like_data1 .list_data li .best_txt .title{font-size:17px; font-weight: bold; padding-bottom: 0; margin-top:10px;}
#my_page_container #mypage_like_data1 .list_data li .best_txt .nobel_writer{color:#676767;}
#my_page_container #mypage_like_data1 .list_data li .best_txt .genre{margin-top:0; padding-bottom: 7px;}
#my_page_container #mypage_like_data1 .cont_box .btn_box{top: 28%;}
@media all and (max-width:1230px){
	#payment_type1 div.paytype_box_csb { clear:both; }
	#payment_type1 div.paytype_box2 h4 { margin-left:0; }
	#payment_type1 div.self_clearing_list2 { margin-left:35px; }
	#payment_type1 div.paytype_box2 li:first-child { margin-left:0; }
}
/* 내서재 컨테이너 */
#my_page_container #mypage_nobel_data1{width:100%; float:left;}
#my_page_container #mypage_nobel_data1 .title_box p{padding:137px 0 75px; background: url(https://cdn.metoon.co.kr/img/icon_my_nobel_data.png) no-repeat center 70px;}
#my_page_container #mypage_nobel_data1 .cont_box>div{height:auto; top:0; bottom:0;}
#my_page_container #mypage_nobel_data1 .list_data{width: -webkit-calc(100% - 10px);width: -moz-calc(100% - 10px);width: calc(100% - 10px); position: static; margin-top: 20px; overflow:hidden; margin-left:10px; height:auto; border: none; float: none;}
#my_page_container #mypage_nobel_data1 .list_data li{float: left; width: 23%; margin: 0 1% 10px; position: relative; padding:0;}
#my_page_container #mypage_nobel_data1 .list_data li a{display: block; width: 100%; position: relative; overflow: hidden; border-radius: 6px; border:1px solid #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#my_page_container #mypage_nobel_data1 .list_data li img{width: 100%; display: block; cursor: pointer;}
#my_page_container #mypage_nobel_data1 .list_data li .novel_img{position: absolute; top: 0; left: 0; right: 0; width:100%; height:100%;}
#my_page_container #mypage_nobel_data1 .list_data li .ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#my_page_container #mypage_nobel_data1 .list_data li .ebook_imgbox:before{content:""; position:absolute; display:block; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#my_page_container #mypage_nobel_data1 .list_data li .ebook_imgbox .novel_img{opacity:0.2;}
#my_page_container #mypage_nobel_data1 .list_data li .ebook_imgbox .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:70%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);}
#my_page_container #mypage_nobel_data1 .list_data li .best_txt{width: 100%; letter-spacing: -0.05em; display: block; text-align: center; color: #2c2c2c; cursor: pointer; font-size: 1.1em; position: absolute; bottom: 0; background: url(https://cdn.metoon.co.kr/img/W_back.png); font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;z-index:10;}
#my_page_container #mypage_nobel_data1 .list_data li .best_txt span{display: block; font-size: 13px; width: 77%;min-height:15px; margin: 5px auto 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom:5px; cursor: pointer;}
#my_page_container #mypage_nobel_data1 .list_data li .best_txt .title{font-size:17px; font-weight: bold; padding-bottom: 0; margin-top:10px;}
#my_page_container #mypage_nobel_data1 .list_data li .best_txt .nobel_writer{color:#676767;}
#my_page_container #mypage_nobel_data1 .list_data li .best_txt .genre{margin-top:0; padding-bottom: 7px;}
#my_page_container #mypage_nobel_data1 .cont_box .btn_box{top: 28%;}
/* 내서재 컨테이너 */
#mypage_novel_toon_tab{width: 100%; margin: 0px auto 0px;}
#mypage_novel_toon_tab ul{width: 100%; overflow: hidden; border-radius: 3px; /* border: 1px solid #d32b2b; */display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
#mypage_novel_toon_tab li{float: left; width: 25%; text-align: center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
#mypage_novel_toon_tab ul li a {display: block; padding: 0px 0; font-size: 1.4em; color: #676767; background: #fff; font-weight: bold; height: 40px; line-height: 40px;box-sizing:border-box;}
#mypage_novel_toon_tab ul li a:not(.on){border-right:1px solid #ddd;}
#mypage_novel_toon_tab ul li:last-child a{border-right:none;}
#mypage_novel_toon_tab ul li a.on{background: #d32b2b; color: #fff;}
/* 서브 찜목록 test */
#mylike_page1 #mylike_page_container1{padding-top:0;}
#mylike_page1 #mylike_page_container1>div{border:none; background:none; border-radius:0;}
#mylike_page1 #mylike_page_container1 .list_box{width: 100%; margin-top: 20px; overflow: hidden;}
#mylike_page1 #mylike_page_container1 .list_box .my_zzim_count{float:left; font-size:16px; font-weight:normal; letter-spacing:-0.05em; padding-top: 3px;}
#mylike_page1 #mylike_page_container1 .list_box .my_zzim_delete{float:right; display:block; padding:5px 0; width:120px; border-radius:5px; text-align:center; font-size: 14px; font-weight: normal; letter-spacing: -0.05em;}
#mylike_page1 #mylike_page_container1 .list_box .my_zzim_delete span{cursor:pointer; padding:1px 0; padding-left: 20px; background:url(https://cdn.metoon.co.kr/img/delete_btn_icon.png) no-repeat 0 center;}
#mylike_page1 #mylike_page_container1 .list_data{width:100%; float:left; margin-top:20px; padding-bottom:40px;}
#mylike_page1 #mylike_page_container1 .list_data li{float: left; width: 24%; margin: 0 0.5% 10px; max-width: 384px; max-height: 378px; position: relative;}
#mylike_page1 #mylike_page_container1 .list_data li a{display: block; width: 100%; position: relative; overflow: hidden; border-radius: 6px;}
#mylike_page1 #mylike_page_container1 .list_data li img{width: 100%; display: block; cursor: pointer;}
#mylike_page1 #mylike_page_container1 .list_data li .novel_img{position: absolute; top: 0; left: 0; right: 0;}
#mylike_page1 #mylike_page_container1 .list_data li .ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#mylike_page1 #mylike_page_container1 .list_data li .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#mylike_page1 #mylike_page_container1 .list_data li .ebook_imgbox .novel_img{opacity:0.2;}
#mylike_page1 #mylike_page_container1 .list_data li .ebook_imgbox .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:67.5%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);}
#mylike_page1 #mylike_page_container1 .list_data li .best_txt{width: 100%; letter-spacing: -0.05em; display: block; text-align: center; color: #2c2c2c; cursor: pointer; font-size: 1.1em; position: absolute; bottom: 0; background: url(https://cdn.metoon.co.kr/img/W_back.png); font-weight: normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:10;}
#mylike_page1 #mylike_page_container1 .list_data li .best_txt span{display: block; width: 77%; margin: 10px auto 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px; cursor: pointer;}
#mylike_page1 #mylike_page_container1 .list_data li .best_txt .title{font-size:17px; font-weight: bold; padding-bottom: 0; margin-top:15px;}
#mylike_page1 #mylike_page_container1 .list_data li .best_txt .nobel_writer{color:#676767;min-height:16px;}
#mylike_page1 #mylike_page_container1 .list_data li .best_txt .genre{margin-top:0; padding-bottom: 15px;}
#mylike_page1 #mylike_page_container1 .list_data li .delete_check{position:absolute; top:5px; right:5px; z-index:99; width: 17px; height: 17px;}
.mypage_like .sort_form_mine{float:left;margin-left:20px;}
.mypage_like .sort_form_mine select{display:block;min-width:110px;height:26px;border:1px solid #ddd;padding:0 20px 0 10px;background:url("https://cdn.metoon.co.kr/img/ic_cmslt_arr.png") no-repeat 93% center, #fff;font-size:13px;color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.mypage_like .sort_form_mine select::-ms-expand{display:none;}
#mylike_page1 .icon_my_up{position:absolute;top:0;left:0;display:block;z-index:10;}
#mylike_page1 .icon_my_up:before{content:"";display:block;border-left:54px solid #000;border-bottom:52px solid transparent;}
#mylike_page1 .icon_my_up i{position:absolute;top:3px;left:7px;display:inline-block;font-size:14px;font-weight:700;color:#fff;line-height:25px;}
/* 서브 내서재 test */
#mynobel_page1 #mynobel_page_container1{padding-top:0;}
#mynobel_page1 #mynobel_page_container1>div{border:none; background:none; border-radius:0;}
#mynobel_page1 #mynobel_page_container1 .list_box{width: 100%; margin-top: 20px; overflow: hidden;}
#mynobel_page1 #mynobel_page_container1 .list_box .my_zzim_count{float:left; font-size:16px; font-weight:normal; letter-spacing:-0.05em; padding-top: 3px;}
#mynobel_page1 #mynobel_page_container1 .list_box .my_zzim_delete{float:right; display:block; padding:5px 0; width:120px; border-radius:5px; text-align:center; font-size: 14px; font-weight: normal; letter-spacing: -0.05em;}
#mynobel_page1 #mynobel_page_container1 .list_box .my_zzim_delete span{cursor:pointer; padding:1px 0; padding-left: 20px; background:url(https://cdn.metoon.co.kr/img/delete_btn_icon.png) no-repeat 0 center;}
#mynobel_page1 #mynobel_page_container1 .list_data{width:100%; float:left; margin-top:20px; padding-bottom:40px;}
#mynobel_page1 #mynobel_page_container1 .list_data li{float: left; width: 24%; margin: 0 0.5% 10px; max-width: 384px; max-height: 378px; position: relative;}
#mynobel_page1 #mynobel_page_container1 .list_data li a{display: block; width: 100%; position: relative; overflow: hidden; border-radius: 6px;}
#mynobel_page1 #mynobel_page_container1 .list_data li img{width: 100%; display: block; cursor: pointer;}
#mynobel_page1 #mynobel_page_container1 .list_data li .novel_img{position: absolute; top: 0; left: 0; right: 0;}
#mynobel_page1 #mynobel_page_container1 .list_data li .ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#mynobel_page1 #mynobel_page_container1 .list_data li .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#mynobel_page1 #mynobel_page_container1 .list_data li .ebook_imgbox .novel_img{opacity:0.2;}
#mynobel_page1 #mynobel_page_container1 .list_data li .ebook_imgbox .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:67.5%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);}
#mynobel_page1 #mynobel_page_container1 .list_data li .best_txt{width: 100%; letter-spacing: -0.05em; display: block; text-align: center; color: #2c2c2c; cursor: pointer; font-size: 1.1em; position: absolute; bottom: 0; background: url(https://cdn.metoon.co.kr/img/W_back.png); font-weight: normal;z-index:10;}
#mynobel_page1 #mynobel_page_container1 .list_data li .best_txt .label_box, #mylike_page1 #mylike_page_container1 .list_data li .best_txt .label_box{position:absolute;bottom:100%;right:0;display:block;margin:0 5px 5px 0;}
#mynobel_page1 #mynobel_page_container1 .list_data li .best_txt span{display: block; width: 77%;min-height:16px; margin: 10px auto 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px; cursor: pointer;}
#mynobel_page1 #mynobel_page_container1 .list_data li .best_txt .title{font-size:17px; font-weight: bold; padding-bottom: 0; margin-top:15px;}
#mynobel_page1 #mynobel_page_container1 .list_data li .best_txt .nobel_writer{color:#676767;}
#mynobel_page1 #mynobel_page_container1 .list_data li .best_txt .genre{margin-top:0; padding-bottom: 15px;}
#mynobel_page1 #mynobel_page_container1 .list_data li .delete_check{position:absolute; top:5px; right:5px; z-index:99; width: 17px; height: 17px;}
.mypage_comm_wrap .vd_thumbnail_cont, #my_page_container .vd_thumbnail_cont{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;}
.mypage_comm_wrap .vd_thumbnail_cont .inner_thumb, #my_page_container .vd_thumbnail_cont .inner_thumb{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:auto 100%;opacity:.4;}
.mypage_comm_wrap .vd_thumbnail_cont .vd_thumbnail, #my_page_container .vd_thumbnail_cont .vd_thumbnail{position:absolute;top:0;left:0;width:100%;height:181px;background-repeat:no-repeat;background-position:center bottom;background-color:#fff;z-index:10;}
#my_page_container .vd_thumbnail_cont .vd_thumbnail{height:111px;background-size:cover;}
/* 서브 완결 */
#completed_page .completed_form_box{width:100%;}
#completed_page .completed_form_box .completed_form{width:50%; padding:22px 0 3px; text-align:right; font-size:1.1em; float:right;}
#completed_page .completed_form_box .completed_form input{margin:0 3px 0 2%; cursor:pointer;margin-right: -28px; position: absolute; opacity: 0; top: 0; left: 0; z-index: -5;}
#completed_page .completed_form_box .completed_form .chkselect{color:#F15584;}
#completed_page .completed_form_box .completed_form label{color:#838383;padding-left: 30px; position:relative;}
#completed_page .completed_form_box .completed_form label img{display: block; position: absolute; top: 2px; left: 13px; width: 13px; height: 13px;}
#completed_page .completed_top{width:100%; padding-top: 0px; overflow:hidden;}
#completed_page .completed_top>p{font-size:18px; letter-spacing:-0.05em; margin-bottom:5px; font-weight:bold;}
#completed_page .completed_top>p span{font-size:15px; font-weight:normal; margin-left:5px;}
#completed_page .completed_top .completed_top_cont{width:100%; overflow:hidden; margin:15px auto 0;}
#completed_page .completed_top .completed_top_cont li{width:24%; float:left; margin:0 0 0 1.25%; /* margin:0 0 0 1.33%; */}
#completed_page .completed_top .completed_top_cont li:first-child{margin:0;}
#completed_page .completed_top .completed_top_cont li a{display:block; position:relative; border:1px solid #ddd; overflow:hidden;}
#completed_page .completed_top .completed_top_cont li img{width:100%; display:block; cursor:pointer;}
#completed_page .completed_top .completed_top_cont li .blurcover{width:40%;}
#completed_page .completed_top .completed_top_cont li .novel_img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#completed_page .completed_top .completed_top_cont li .blurcover_b{width:40%; top:-20%;}
#completed_page .completed_top .completed_top_cont li .icon_19_patch{width: 32px !important; height: 32px !important; position: absolute; bottom: 100%; margin-bottom: 5px; right: 5px; z-index: 99;}
#completed_page .completed_top .completed_top_cont li p{text-align:center; color: #747474; font-size: 1.0em; font-weight: normal; margin: 1% auto 0; line-height: 1.8; width: 100%; position: absolute; bottom: 0; background: url(https://cdn.metoon.co.kr/img/W_back.png); padding: 3% 0; max-height: 74px; cursor: pointer; z-index:3;}
#completed_page .completed_top .completed_top_cont li p span{display: block; width: 90%; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
#completed_page .completed_top .completed_top_cont li p .title{font-size: 1.2em; font-weight: bold; color: #2c2c2c;}
#completed_page .completed_top .completed_top_cont li p .genre{height:23px;}
#completed_page .completed_top .completed_top_cont li p .list_genre_tag{display:block; position:absolute; bottom:100%; left:5px; width:auto; margin:0 0 5px 0;}
#completed_page .completed_top .completed_top_cont li p .list_genre_tag span{display:block; font-size:12px; width:38px; height:18px; line-height:18px; text-align:center; border-radius:4px; background-color:#f5f5f5; cursor:pointer; margin:0;}
#completed_page .completed_top .completed_top_cont li p .list_genre_tag .list_toon_tag{border:1px solid #fc5863; color:#fc5863;}
#completed_page .completed_top .completed_top_cont li p .list_genre_tag .list_novel_tag{border:1px solid #2b90e1; color:#2b90e1;}
#completed_page .completed_top .completed_top_cont li p .list_genre_tag .list_ebook_tag{border:1px solid #0096a6; color:#0096a6;}
#completed_page .completed_content_box{width:100%; margin-top: 20px; overflow:hidden;}
#completed_page .completed_content_box>p{font-size:18px; letter-spacing:-0.05em; margin-bottom:5px;}
#completed_page .completed_content_box ul{width:101%; overflow:hidden; margin-left:-0.5%;}
#completed_page .completed_content_box li{width:49%; margin:5px 0.5%; float:left; border:1px solid #ddd; border-radius:3px; background:#fff; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#completed_page .completed_content_box li>a{display:block; padding:5px; overflow:hidden; position:relative; cursor:pointer;}
#completed_page .completed_content_box li>a>div{position:relative; overflow:hidden;}
#completed_page .completed_content_box .img_box{width:142px; float:left; border:1px solid #ddd; border-radius:3px; overflow:hidden; position:relative;}
#completed_page .completed_content_box .img_box img{width:100%; display:block; cursor:pointer;}
#completed_page .completed_content_box .img_box .novel_img{position:absolute; top:0; left:0; right:0; bottom:0;}
#completed_page .completed_content_box .img_box .blurcover{width:70%; top:0;}
#completed_page .completed_content_box .img_box .blurcover_b{width:70%; top:0; margin:auto;}
#completed_page .completed_content_box .img_box .icon_19_patch{width: 22px !important; height: 22px !important; position: absolute; bottom: 0; margin-bottom: 5px; right: 5px; z-index: 99;}
#completed_page .completed_content_box .img_box .ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#completed_page .completed_content_box .img_box .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#completed_page .completed_content_box .img_box .ebook_imgbox .novel_img{opacity:0.2;}
#completed_page .completed_content_box .img_box .ebook_imgbox .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:70%; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); z-index:2;}
#completed_page .completed_content_box .txt_box{float:left; padding: 30px 10px 0; max-width: 55%;}
#completed_page .completed_content_box .txt_box p{cursor:pointer; margin-bottom: 10px; color: #676767; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.05em;}
#completed_page .completed_content_box .txt_box .title{font-weight: bold; color: #2c2c2c; font-size:19px; margin-bottom:10px;}
#completed_page .completed_content_box .txt_box .gift_coin{margin-top:30px;}
#completed_page .completed_content_box .go_btn{position: absolute; top: 0; bottom: 0; right: 5px;  margin: auto;float: right; font-size: 15px; width: 20%; max-width: 100px; /* padding: 50px 0 0; */ margin-right:5px; height: 36px; text-align: center; letter-spacing: -0.05em; /* width: 54px; */}
#completed_page .completed_content_box .go_btn p{border: 1px solid #d32b2b; border-radius: 5px; background: #fff; color: #d32b2b; padding: 8px 0; text-align: center; cursor: pointer; float: right; min-width: 100px; margin: 0 auto;}
#completed_page .completed_content_box .txt_box span{cursor:pointer;}
@media all and (max-width:1180px){
	#completed_page .gift_content_box .txt_box{max-width: 50%;}
}
@media all and (max-width:1070px){
	#completed_page .completed_content_box ul{width:100%; margin-left:0;}
	#completed_page .completed_content_box li{width:100%; margin:10px 0;}
	#completed_page .completed_content_box .txt_box{max-width: 70%;}
}
@media all and (max-width:890px){
	#completed_page .completed_content_box .txt_box{max-width: 65%;}
}
/* 메인 도전 */
.schedule_event_box .main_challenge_box{float:left; width: 60%; max-width:768px;}
#container_bottom .schedule_event_box .main_challenge_box h4.me_menu_title{margin-bottom:20px;}
.schedule_event_box .main_challenge_cont{width: 100%; overflow: hidden; border: 1px solid #ddd; padding: 5px 5px 0;}
.schedule_event_box .main_chall_list_cont{width:100%; float:left; font-size:1.1em; }
.schedule_event_box .main_chall_list_title1{background:#404040 !important; color:#fff; padding:0; border-radius:5px 0 0 0;margin-bottom:5px;}
.schedule_event_box .main_chall_list_cont ul ul{overflow:hidden;position:relative; }
.schedule_event_box .main_chall_list_cont ul ul li{cursor: pointer; float:left; width:23%; text-align:left; font-weight:bold;text-overflow: ellipsis; white-space: nowrap; color:#676767;}
.schedule_event_box .main_chall_list_cont ul ul li.chall_list_sm{width:10%; font-weight:900; text-align:center;}
.schedule_event_box .main_chall_list_cont ul ul li.chall_list_sm img{display:block; height:100%; position:absolute; top:0; left:0;}
.schedule_event_box .main_chall_list_cont ul ul li.chall_list_big{width:44%; color:#2b2b2b;}
.schedule_event_box .main_chall_list_cont ul ul li.chall_list_big .adult_patch{color: #fff; font-size: 0.75em; letter-spacing: -0.09em; vertical-align: top; display: inline-block; margin-left: 3px; cursor:pointer; position:relative;}
.schedule_event_box .main_chall_list_cont ul ul li.chall_list_big .adult_patch img{display: block; cursor:pointer;}
.schedule_event_box .main_chall_list_cont ul ul li.chall_list_big .adult_patch span{position: absolute; top: 2px; right: 0; left: -2px; bottom: 0; margin: auto; text-align: center; cursor:pointer;}
.schedule_event_box .main_chall_list_cont .main_chall_list ul li.chall_list_sm{color:#222; font-style: italic; text-align:center;}
.schedule_event_box .main_chall_list_cont ul ul li span{cursor:pointer; position:relative; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 80%; width: auto; padding-right: 20px;}
.schedule_event_box .main_chall_list_cont ul ul li span .icon_19_patch{margin-left: 3px; vertical-align: text-top; width: 16px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.schedule_event_box .main_chall_list>li:nth-of-type(odd){background-color: #fff;}
.schedule_event_box .main_chall_list>li:hover{border:1px solid #d52b2c;}
.schedule_event_box .main_chall_list>li:hover li.chall_list_sm{color:#d52b2c;}
.schedule_event_box .main_chall_list_cont .main_chall_list_title1 li li{color:#fff; padding:13px 0; cursor:default; font-weight:normal;}
.schedule_event_box .main_chall_list_cont .main_chall_list_title1 li.chall_list_big{color:#fff; }
.schedule_event_box .main_chall_list>li{border:1px solid #ddd; /* border-radius:5px; */ margin-bottom:5px; background:#f4f4f4; cursor:pointer;}
.schedule_event_box .main_chall_list>li.bg_white{background:#fff;}
.schedule_event_box .main_chall_list>li a{display:block; padding:10px 0;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 a{padding:5px 0;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 li{padding: 13px 0;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 .chall_num{font-size: 1.2em; color: #d32b2b; font-style: italic; padding-bottom: 0;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 .wirter_li{position: relative;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 li .img_box{display: block; width: 45px; height: 45px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; overflow: hidden;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 li .img_box img{display: block; width: 100%; cursor:pointer;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 li .writer{padding-left: 75px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.schedule_event_box .main_chall_list_cont .main_chall_list .chall_top3 .main_chall_list_big span{padding: 0 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; display: inline-block; max-width: 80%; width: auto; padding-right: 16px;}
@media all and (max-width: 1190px){
	.schedule_event_box .main_challenge_box{width: 97%; float: none; overflow: hidden; margin: 0 auto; max-width: 1200px;}
}
/* 출석이벤트 */
.daily_check_list_box{position: relative; height:650px; width:85%; margin: 35px auto 0;}
.daily_check_list .daily_check_day{position: absolute; width:50px; font-size: 16px; line-height: 50px; margin: 17px 0; text-align: center;}
.daily_check_list .daily_check_day>div{z-index:6; position:relative; width:50px; font-size: 16px; line-height: 50px; color:#676767; background: #ededed; border-radius: 100%;}
.daily_check_list .daily_check_day.on>div{background:#f54633; color:#fff;}
.daily_check_list .daily_check_day .check_point{line-height: 20px; z-index:7; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; color:#676767; width:75px; height:75px; background:#ededed; border-radius:100%;}
.daily_check_list .daily_check_day .check_point .coin{display:block; font-size:19px; line-height: normal; color:#f54633; font-weight:bold;}
.daily_check_list .daily_check_day.on .check_point{background:#f54633; color:#fff;}
.daily_check_list .daily_check_day.on .check_point .coin{color:#fff330;}
.daily_check_list .daily_check_day .check_point>span{padding: 15px 0; display: block;}
.daily_check_list .daily_check_day:nth-child(-n+6){top: 0;}
.daily_check_list .daily_check_day:nth-child(n+7):nth-child(-n+12){top: 130px;}
.daily_check_list .daily_check_day:nth-child(n+13):nth-child(-n+18){top: 260px;}
.daily_check_list .daily_check_day:nth-child(n+19):nth-child(-n+24){top: 390px;}
.daily_check_list .daily_check_day:nth-child(n+25):nth-child(-n+31){top: 520px;}
.daily_check_list .daily_check_day:nth-child(2){left: 150px;}
.daily_check_list .daily_check_day:nth-child(3){left: 300px;}
.daily_check_list .daily_check_day:nth-child(4){left: 450px;}
.daily_check_list .daily_check_day:nth-child(5){left: 600px;}
.daily_check_list .daily_check_day:nth-child(6){left: 750px;}
.daily_check_list .daily_check_day:nth-child(7){left: 770px;}
.daily_check_list .daily_check_day:nth-child(8){left: 630px;}
.daily_check_list .daily_check_day:nth-child(9){left: 475px;}
.daily_check_list .daily_check_day:nth-child(10){left: 320px;}
.daily_check_list .daily_check_day:nth-child(11){left: 170px;}
.daily_check_list .daily_check_day:nth-child(12){left: 15px;}
.daily_check_list .daily_check_day:nth-child(14){left: 150px;}
.daily_check_list .daily_check_day:nth-child(15){left: 300px;}
.daily_check_list .daily_check_day:nth-child(16){left: 450px;}
.daily_check_list .daily_check_day:nth-child(17){left: 600px;}
.daily_check_list .daily_check_day:nth-child(18){left: 750px;}
.daily_check_list .daily_check_day:nth-child(19){left: 770px;}
.daily_check_list .daily_check_day:nth-child(20){left: 630px;}
.daily_check_list .daily_check_day:nth-child(21){left: 475px;}
.daily_check_list .daily_check_day:nth-child(22){left: 320px;}
.daily_check_list .daily_check_day:nth-child(23){left: 170px;}
.daily_check_list .daily_check_day:nth-child(24){left: 15px;}
.daily_check_list .daily_check_day:nth-child(25){left: -10px;}
.daily_check_list .daily_check_day:nth-child(26){left: 120px;}
.daily_check_list .daily_check_day:nth-child(27){left: 255px;}
.daily_check_list .daily_check_day:nth-child(28){left: 395px;}
.daily_check_list .daily_check_day:nth-child(29){left: 530px;}
.daily_check_list .daily_check_day:nth-child(30){left: 655px;}
.daily_check_list .daily_check_day:nth-child(31){left: 790px;}
.daily_check_list .daily_check_day:nth-child(2):before, .daily_check_list .daily_check_day:nth-child(3):before, .daily_check_list .daily_check_day:nth-child(4):before, .daily_check_list .daily_check_day:nth-child(5):before, .daily_check_list .daily_check_day:nth-child(6):after, .daily_check_list .daily_check_day:nth-child(14)>div:before, .daily_check_list .daily_check_day:nth-child(15):before, .daily_check_list .daily_check_day:nth-child(16):before, .daily_check_list .daily_check_day:nth-child(17):before, .daily_check_list .daily_check_day:nth-child(18):after, .daily_check_list .daily_check_day:nth-child(26)>div:before, .daily_check_list .daily_check_day:nth-child(27):before, .daily_check_list .daily_check_day:nth-child(28):before, .daily_check_list .daily_check_day:nth-child(29):before, .daily_check_list .daily_check_day:nth-child(30):after, .daily_check_list .daily_check_day:nth-child(31):after{content:""; position: absolute; z-index: 1; left:auto; right: 100%; top: 50%; width: 105px; height: 4px; margin-top: -2px; background: #ededed;}
.daily_check_list .daily_check_day:nth-child(8)>div:before, .daily_check_list .daily_check_day:nth-child(9):before, .daily_check_list .daily_check_day:nth-child(10):before, .daily_check_list .daily_check_day:nth-child(11):before, .daily_check_list .daily_check_day:nth-child(12):after, .daily_check_list .daily_check_day:nth-child(20)>div:before, .daily_check_list .daily_check_day:nth-child(21):before, .daily_check_list .daily_check_day:nth-child(22):before, .daily_check_list .daily_check_day:nth-child(23):after, .daily_check_list .daily_check_day:nth-child(24):before{content:""; position: absolute; z-index: 1; left:auto; left: 100%; top: 50%; width: 105px; height: 4px; margin-top: -2px; background: #ededed;}
.daily_check_list .daily_check_day:nth-child(8)>div:before, .daily_check_list .daily_check_day:nth-child(20)>div:before{width:90px;}
.daily_check_list .daily_check_day:nth-child(14)>div:before{width:100px;}
.daily_check_list .daily_check_day:nth-child(26)>div:before{width:80px;}
.daily_check_list .daily_check_day:nth-child(7)>div:before, .daily_check_list .daily_check_day:nth-child(19)>div:before{width:11px; left:100%; right:auto; content:""; position: absolute; z-index: 1;  top: 50%; height: 4px; margin-top: -2px; background: #ededed;}
.daily_check_list .daily_check_day:nth-child(7):before, .daily_check_list .daily_check_day:nth-child(19):before{content: ""; position: absolute; z-index: 1; bottom: 46%; width: 130px; height: 127px; margin-top: 0px; border: 4px solid #ededed; border-radius: 100%; left: -15px; right: auto;}
.daily_check_list .daily_check_day:nth-child(6)>div:after, .daily_check_list .daily_check_day:nth-child(18)>div:after{content:""; background:#fff; width:80px; height:135px; position:absolute; z-index:3; top:50%; left:0; z-index:6; margin-top:5px;}
.daily_check_list .daily_check_day:nth-child(13):before, .daily_check_list .daily_check_day:nth-child(25):before{content:""; position: absolute; z-index: 1; bottom: 46%; width: 130px; height: 127px; margin-top: 0; border: 4px solid #ededed; border-radius: 100%; right:-40px; left:auto;}
.daily_check_list .daily_check_day:nth-child(12)>div:after, .daily_check_list .daily_check_day:nth-child(24)>div:after{content:""; background:#fff; width:85px; height:135px; position:absolute; z-index:3; top:50%; right:-30px; z-index:6; margin-top:5px;}
.daily_check_list .daily_check_day.on:nth-child(2):before, .daily_check_list .daily_check_day.on:nth-child(3):before, .daily_check_list .daily_check_day.on:nth-child(4):before, .daily_check_list .daily_check_day.on:nth-child(5):before, .daily_check_list .daily_check_day.on:nth-child(6):after, .daily_check_list .daily_check_day.on:nth-child(14)>div:before, .daily_check_list .daily_check_day.on:nth-child(15):before, .daily_check_list .daily_check_day.on:nth-child(16):before, .daily_check_list .daily_check_day.on:nth-child(17):before, .daily_check_list .daily_check_day.on:nth-child(18):after, .daily_check_list .daily_check_day.on:nth-child(26)>div:before, .daily_check_list .daily_check_day.on:nth-child(27):before, .daily_check_list .daily_check_day.on:nth-child(28):before, .daily_check_list .daily_check_day.on:nth-child(29):before, .daily_check_list .daily_check_day.on:nth-child(30):after, .daily_check_list .daily_check_day.on:nth-child(31):after{background:#f54633;}
.daily_check_list .daily_check_day.on:nth-child(8)>div:before, .daily_check_list .daily_check_day.on:nth-child(9):before, .daily_check_list .daily_check_day.on:nth-child(10):before, .daily_check_list .daily_check_day.on:nth-child(11):before, .daily_check_list .daily_check_day.on:nth-child(12):after, .daily_check_list .daily_check_day.on:nth-child(20)>div:before, .daily_check_list .daily_check_day.on:nth-child(21):before, .daily_check_list .daily_check_day.on:nth-child(22):before, .daily_check_list .daily_check_day.on:nth-child(23):after, .daily_check_list .daily_check_day.on:nth-child(24):before{background:#f54633;}
.daily_check_list .daily_check_day.on:nth-child(7)>div:before, .daily_check_list .daily_check_day.on:nth-child(19)>div:before{background:#f54633;}
.daily_check_list .daily_check_day.on:nth-child(7):before, .daily_check_list .daily_check_day.on:nth-child(19):before{border: 4px solid #f54633;}
.daily_check_list .daily_check_day.on:nth-child(13):before, .daily_check_list .daily_check_day.on:nth-child(25):before{border: 4px solid #f54633;}
/* 출석이벤트 팝업 */
#event_daily_pop{position:fixed; display:none !important; width:100%; top:0; bottom:0; left:0; right:0; margin:auto; z-index:99999999; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
#event_daily_pop .event_daily_pop_wrap{width:1000px; height:100%; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; padding: 20px 0; overflow: hidden; overflow-y: auto;}
#event_daily_pop .event_daily_pop_wrap>div{width: 1000px; display: block; overflow: hidden; overflow-y: auto; position: absolute; margin:10% auto 10%; top: 0; bottom: 0; left: 0; right: 0; height: 750px;}
#event_daily_pop .event_daily_pop_wrap .close{position:absolute; right:10px; top:0; bottom:0; width:30px; height:30px; margin:auto;}
#event_daily_pop .event_daily_pop_wrap .close img{display:block; width:100%; cursor:pointer;}
/* 웹툰 메인 */
#container.main_toon_todayMe{background: #efefef; padding-top: 125px;}
#container.main_toon_todayMe #container_top .today_me_box{padding:0 !important;}
#container.main_toon_todayMe #container_top .today_me_menu ul li{float:left; width:11.11%;max-width: 150px; position:relative;}
/* 웹툰 메인 장르 */
#container_top .toon_genre_box{width: 100%; padding: 50px 0; float: left;}
#toon_genre .toon_genre_tab{width:100%; background:#fff; border-radius:5px; overflow:hidden; margin:30px auto;}
#toon_genre .toon_genre_tab ul{overflow:hidden; width:100%;}
#toon_genre .toon_genre_tab li{float:left; width:20%; }
#toon_genre .toon_genre_tab ul.adult li{width:11.1111%;}
#toon_genre .toon_genre_tab li a{display: block; width: 100%; background: #fff; font-size:1.2em;  padding:13px 0; color: #676767; font-weight: bold; text-align: center; border-radius: 0; border-left: 1px solid #f2f2f2; box-sizing: border-box;}
#toon_genre .toon_genre_tab li a.on{background:#d52b2c; color:#fff;}
#toon_genre .toon_genre_tab li:first-child a{border-left:none;}
#toon_genre .toon_genre_cont{width:100%; max-width:1200px; overflow:hidden; margin-bottom:20px;}
#toon_genre .toon_genre_cont .toon_genre_con{overflow:hidden; width: 101%; margin-left: -0.5%;}
#toon_genre .toon_genre_cont .toon_genre_con li{width:20%; float:left; padding:0 0.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#toon_genre .toon_genre_cont .toon_genre_con li .img_box{position:relative; width:100%; margin-left: 0;}
#toon_genre .toon_genre_cont .toon_genre_con li img{width:100%; display:block;}
#toon_genre .toon_genre_cont .toon_genre_con li .blurcover{width:60%; top:-10%;}
#toon_genre .toon_genre_cont .toon_genre_con li .novel_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; cursor:pointer;}
#toon_genre .toon_genre_cont .toon_genre_con li .blurcover_b{position:absolute; top:-10%; left:0; right:0; bottom:0; margin:auto; width:60%;}
#toon_genre .toon_genre_cont .toon_genre_con li a{width:100%; margin:0 auto; display:block; overflow:hidden; border-radius:5px; position:relative;}
#toon_genre .toon_genre_cont .toon_genre_con li .toon_genre_txt{letter-spacing: -0.05em; background:url(https://cdn.metoon.co.kr/img/gr_back.png); position:absolute; bottom:0; left:0; right:0; margin:auto; color:#fff; text-align:center;}
#toon_genre .toon_genre_cont .toon_genre_con li .toon_genre_txt .title{display:block; font-weight:normal; font-size:15px; padding:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor:pointer;}
/* 웹툰 메인 일본만화 */
#japan_toon{width: 100%; padding: 50px 0; float: left;}
#japan_toon .japan_toon_box{position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
#japan_toon .main_japan_toon_cont{width:100%; margin-top:30px;}
#japan_toon .main_japan_toon_cont ul{width:102%; margin-left: -1%; overflow:hidden;}
#japan_toon .main_japan_toon_cont li{width:16.66%; float:left; padding:0 1%; margin:0 0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#japan_toon .main_japan_toon_cont li .img_box{position:relative; width:100%; margin-left: 0;}
#japan_toon .main_japan_toon_cont li img{width:100%; display:block;}
#japan_toon .main_japan_toon_cont li .blurcover{width:65%; top:0;}
#japan_toon .main_japan_toon_cont li .novel_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; cursor:pointer;}
#japan_toon .main_japan_toon_cont li .blurcover_b{width:65%; top:0;}
#japan_toon .main_japan_toon_cont li a{width:100%; margin:0 auto; display:block; overflow:hidden; border-radius:5px; position:relative; border:1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#japan_toon .main_japan_toon_cont li .txt{letter-spacing: -0.05em; background:#fff; text-align:center; padding:10px; position: relative; z-index:9;}
#japan_toon .main_japan_toon_cont li .txt .title{display:block; font-weight:bold; font-size:15px; margin-bottom:5px;}
#japan_toon .main_japan_toon_cont li .txt p>span{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor:pointer;}
/* 웹툰 메인 국내만화 */
#korea_toon{width: 100%; padding: 50px 0; float: left;}
#korea_toon .korea_toon_box{position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
#korea_toon .main_korea_toon_cont{width:100%; margin-top:30px;}
#korea_toon .main_korea_toon_cont ul{width:102%; margin-left: -1%; overflow:hidden;}
#korea_toon .main_korea_toon_cont li{width:16.66%; float:left; padding:0 1%; margin:0 0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#korea_toon .main_korea_toon_cont li .img_box{position:relative; width:100%; margin-left: 0;}
#korea_toon .main_korea_toon_cont li img{width:100%; display:block;}
#korea_toon .main_korea_toon_cont li .blurcover{width:65%; top:0;}
#korea_toon .main_korea_toon_cont li .novel_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; cursor:pointer;}
#korea_toon .main_korea_toon_cont li .blurcover_b{width:65%; top:0;}
#korea_toon .main_korea_toon_cont li a{width:100%; margin:0 auto; display:block; overflow:hidden; border-radius:5px; position:relative; border:1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#korea_toon .main_korea_toon_cont li .txt{letter-spacing: -0.05em; background:#fff; text-align:center; padding:10px; position: relative; z-index:9;}
#korea_toon .main_korea_toon_cont li .txt .title{display:block; font-weight:bold; font-size:14px; margin-bottom:5px;}
#korea_toon .main_korea_toon_cont li .txt p>span{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor:pointer;}
/* 웹툰 메인 완결 */
#completed_toon{width: 100%; padding: 50px 0; float: left;}
#completed_toon .completed_toon_box{position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
#completed_toon .main_completed_toon_cont{width:100%; margin-top:30px;}
#completed_toon .main_completed_toon_cont ul{width:102%; margin-left: -1%; overflow:hidden;}
#completed_toon .main_completed_toon_cont li{width:12.5%; float:left; padding:0 1%; margin:0 0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#completed_toon .main_completed_toon_cont li .img_box{position:relative; width:100%; margin-left: 0;}
#completed_toon .main_completed_toon_cont li img{width:100%; display:block;}
#completed_toon .main_completed_toon_cont li .blurcover{width:70%; top:0;}
#completed_toon .main_completed_toon_cont li .novel_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; cursor:pointer;}
#completed_toon .main_completed_toon_cont li .blurcover_b{width:70%; top:0;}
#completed_toon .main_completed_toon_cont li a{width:100%; margin:0 auto; display:block; overflow:hidden; border-radius:5px; position:relative; border:1px solid #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#completed_toon .main_completed_toon_cont li .txt{letter-spacing: -0.05em; background:#fff; text-align:center; padding:10px; position: relative; z-index:9;}
#completed_toon .main_completed_toon_cont li .txt .title{display:block; font-weight:bold; font-size:15px; margin-bottom:5px;}
#completed_toon .main_completed_toon_cont li .txt p>span{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor:pointer;}
/* 안드로이드 완전판 설명페이지 */
.and_fullver_page_wrap{width:100%;}
.and_fullver_page_wrap  #and_fullver_page{max-width:none; padding-top: 105px; padding-bottom:0;}
.and_fullver_page_wrap .and_fullver_banner{width:100%; height:584px; background:url(https://cdn.metoon.co.kr/img/and_fullver_banner.png) center 0 no-repeat;}
.and_fullver_page_wrap .and_fullver_box{max-width:1200px; margin:0 auto; width:100%;}
.and_fullver_page_wrap .down_btn{display:block; cursor:pointer; width:45%;max-width:220px; font-size:18px; font-weight:bold; text-align:center; padding:16px 0; border-radius:5px; margin:30px auto 50px; }
.and_fullver_page_wrap .down_btn span{padding-left:30px; position:relative; cursor:pointer;}
.and_fullver_page_wrap .down_btn span img{width:20px; position:absolute; top:0; bottom:0; left:0; display:block; margin:auto; cursor:pointer;}
.and_fullver_page_wrap .and_fullver_box h3{width:100%; margin-top:50px; font-size:25px; text-align:center; background:url(https://cdn.metoon.co.kr/img/and_fullver_titleline.png) center no-repeat;}
.and_fullver_page_wrap .and_fullver_box>div{text-align:center; margin-top:50px; color:#404040;}
.and_fullver_page_wrap .and_fullver_box>div h4{font-size:19px; margin-bottom:10px; color:#202020;}
.and_fullver_page_wrap .and_fullver_box>div p{font-size:16px; line-height: 1.5;}
.and_fullver_page_wrap .and_fullver_box>div img{margin-top:30px; border:1px solid #ddd;}
.and_fullver_page_wrap .and_fullver_notice{width:100%; background:#efefef; padding:20px 0; letter-spacing:-0.05em; margin-top:50px;}
.and_fullver_page_wrap .and_fullver_notice p{width:1180px; margin:5px auto; font-size:14px; line-height:1.5; text-indent:220px;}
.and_fullver_page_wrap .and_fullver_notice .title{font-size:17px; color:#202020; margin-bottom:10px;}
/* 구글광고 인트로 */
#container .google_cont{position: relative; width: 100%; max-width: 1200px; margin:0px auto; padding: 40px 0 50px; overflow:hidden;}
#container .google_cont>div{width:100%; margin:20px auto 0;}
#container .google_cont>div ul{width:101%; overflow:hidden; margin-left:-0.5%;}
#container .google_cont>div .google_phototoon_list li{width:24%; float:left; margin:5px 0.5%;}
#container .google_cont>div .google_webtoon_list li{width:15.66%; float:left; margin:5px 0.5%;}
#container .google_cont>div li a{display:block;}
#container .google_cont>div li img{width:100%; display:block; cursor:pointer;}
@media all and (max-width: 1230px){
	#container .google_cont{width: 97%;}
}
@media all and (max-width: 999px){
	#container .google_cont>div .google_phototoon_list li{width:32.3%}
	#container .google_cont>div .google_webtoon_list li{width:24%}
}
/* test */
.hunt{display: inline-block; cursor:pointer; margin-left:3px; vertical-align: middle;}
.hunt img{display: block; width: 18px; cursor:pointer;}
/* 디테일 구매 대여 탭 */
#rent_tab{float:left;}
#rent_tab li{float:left; width:130px; text-align:center; border-right:1px solid #ddd;}
#rent_tab li a{font-size:15px; display:block; padding:10px 0 12px; background:#f5f5f5; color:#9c9c9c;}
#rent_tab li a.on{background:#fff; color:#404040;}
#rent_tab li.notice{width:auto; padding-left:10px; font-size: 13px; line-height: 39px; border-right:none;}
/* 프리뷰 웹소설/웹툰 버튼 */
#novel_toon_choice{text-align: center; width: 90%; margin: 50px auto; max-width: 700px; overflow: hidden;}
#novel_toon_choice a{width: 48%; float: left; display: block;}
#novel_toon_choice a:first-child{margin-right: 4%;}
#novel_toon_choice a img{width:100%; display:block; border: 1px solid #000; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#novel_toon_choice a span{display: block; cursor:pointer;  margin: 20px auto 0; color: #d52b2c; border: 1px solid #d52b2c; padding: 15px 10px; width: 200px; text-align: center; font-size: 19px; letter-spacing: -0.02em; font-weight: bold; font-family: 'Nanum Gothic', sans-serif;}
@media all and (max-width: 550px){
	#novel_toon_choice a{width: 100%;}
	#novel_toon_choice a:first-child{margin-right: 0; margin-bottom: 30px;}
}
/* 무료전환 설명 팝업 */
.free_count_pop_wrap{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100001;}
.free_count_pop_wrap>div{width: 613px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; height: 388px;}
.free_count_pop_wrap>div a{font-size: 14px; font-weight: bold; padding: 12px 65px; display: block; position: absolute; bottom: 95px; right: 287px; border-radius: 5px; cursor:pointer;}
.free_count_pop_wrap .free_count_pop_bg{display: block; width: 100%; height: 100%; background: url(https://cdn.metoon.co.kr/img/tm_img_back.png);}
/* 구독하기 팝업 */
li.zzim_li{position:relative;}
.zzim_pop{position:absolute; top:100%; left:45%; margin:5px auto 0; z-index:999;}
.zzim_pop>div{position:relative;}
.zzim_pop>div>p{position:absolute; bottom:0; left:0; right:0; margin:0 auto 10px; font-size: 14px; letter-spacing: -0.03em; color: #8da6c2; line-height: 1.3; text-align: center;}
.zzim_pop>div .close{position:absolute; bottom:0; right:0; margin:0 -5px -5px 0; background:none !important;}
.zzim_pop>div .close img{cursor:pointer;}
/* 월 자동결제 해지 */
#container.cancel_selfclearing_containerwrap{min-width:1150px;}
#cancel_selfclearing_container .title_box{width:15%; max-width:165px;background:#404040; color:#fff; float:left;}
#cancel_selfclearing_container .my_data .title_box{background:#e84d7d;}
#cancel_selfclearing_container .title_box p{font-size:1.5em; text-align:center; display:block;  padding:160% 0 150%; }
#cancel_selfclearing_container .cancel_selfclearing .title_box p{background:url(https://cdn.metoon.co.kr/img/icon_my_payment.png) no-repeat center 40%;}
#cancel_selfclearing_container .cancel_selfclearing.step2 .title_box{height:1186px; position:relative;}
#cancel_selfclearing_container .cancel_selfclearing.step2 .title_box p{padding:0; padding-top: 100px; height: 24px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;}
#cancel_selfclearing_container .cancel_selfclearing_box{float:left; width:85%;max-width:1018px;position:relative; }
#cancel_selfclearing_container .cancel_selfclearing_box>div{width:93%;  margin:0 auto;font-size:1.2em; color:#2c2c2c;}
#cancel_selfclearing_container .cancel_selfclearing .list{margin:30px auto; border-bottom:none; letter-spacing:-0.05em;}
#cancel_selfclearing_container .cancel_selfclearing .list h4{font-size:19px; margin-bottom:20px;}
#cancel_selfclearing_container .cancel_selfclearing .list div{width:100%; overflow:hidden;}
#cancel_selfclearing_container .cancel_selfclearing .list label{width:48%; margin:0 1%; float:left; font-size:15px; position:relative; color:#676767;}
#cancel_selfclearing_container .cancel_selfclearing .list label span{position:relative; display:block; padding-left:30px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cancel_selfclearing_container .cancel_selfclearing .list label p{border-bottom:1px solid #ccc; display:block; width:99%; padding:13px 0; margin-left:1%; cursor:pointer;}
#cancel_selfclearing_container .cancel_selfclearing .list label input{position:absolute; top:0; left:10px; bottom:0; margin:auto; z-index:-9; opacity:0;}
#cancel_selfclearing_container .cancel_selfclearing .list label .check{position:absolute; top:0; left:0; bottom:0; margin:auto; width:24px; height:24px; background:url(https://cdn.metoon.co.kr/img/cancel_selfclearing_check_off.png) no-repeat center;}
#cancel_selfclearing_container .cancel_selfclearing .list label .check.on{background:url(https://cdn.metoon.co.kr/img/cancel_selfclearing_check_on.png) no-repeat center;}
#cancel_selfclearing_container .cancel_selfclearing .list .cancel_reason_box{margin:0 auto; display:block; margin-top:30px; width:98%; position:relative;}
#cancel_selfclearing_container .cancel_selfclearing .list textarea{display:block; width:100%; padding:10px; background:#fafafa; border-color: #ccc; color:#676767; resize:none; letter-spacing:-0.05em; font-size: 15px;}
#cancel_selfclearing_container .cancel_selfclearing .list .cancel_reason_box>span{position:absolute; top:10px; left:10px; color:#cbcbcb; display:block; padding: 5px 0; padding-left:30px; background:url(https://cdn.metoon.co.kr/img/cancel_selfclearing_memo.png) no-repeat 0 center;}
#cancel_selfclearing_container .cancel_selfclearing .list_box .btn{display: block; width: 274px; margin: 0 auto;}
#cancel_selfclearing_container .cancel_selfclearing .list_box .btn>img{cursor:pointer; display:block;}
#cancel_selfclearing_container .cancel_selfclearing .btn_box{position:absolute; bottom:80px; left:0; right:0; margin:auto; width:882px;}
#cancel_selfclearing_container .cancel_selfclearing .btn_box a{display:block; float:left;}
#cancel_selfclearing_container .cancel_selfclearing .btn_box a>img{cursor:pointer; display:block;}
#cancel_selfclearing_container .cancel_selfclearing.step0 form{width: 95%; margin: 150px auto; text-align:center;}
#cancel_selfclearing_container .cancel_selfclearing.step0 form h4{font-size:19px;}
#cancel_selfclearing_container .cancel_selfclearing.step0 form input{padding:8px; display: block; margin: 50px auto; width: 350px; font-size: 17px; cursor: text;}
#cancel_selfclearing_container .cancel_selfclearing.step0 form a{display:block; width:160px; padding:10px 0; margin:auto; font-size:17px; border-radius:5px;}
/* 월 자동결제 안내 팝업 */
#selfclearing_layer_body{width:100%; height:100%; position:fixed; z-index:99999999; top:0; left:0;}
#selfclearing_layer_body .layer_wrap{margin: auto; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; right: 0;  z-index: 99; width:565px; height:494px;}
#selfclearing_layer_body .layer_bg{width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/tm_img_back.png); position:absolute; top:0; left:0;}
#selfclearing_layer_body .cont{display:block;}
#selfclearing_layer_body .close{position:absolute; top:5px; right:5px; display:block; width:30px;}
#selfclearing_layer_body a img{cursor:pointer;}
#selfclearing_layer_body .txt{position:absolute; top:200px; left:0; right:0; width:90%; font-size:17px; letter-spacing:-0.09em; color:#404040; margin:auto; text-align: center; line-height:1.4;}
#selfclearing_layer_body .txt p>span{max-width: 200px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; padding-right: 3px;}
#selfclearing_layer_body .txt>span{margin-top:15px; display: block;}
#selfclearing_layer_body .close_btn{margin:auto; display:block; position:absolute; bottom:55px; left:0; right:0; width:209px; cursor:pointer;}
/* 구글 리타게팅 전환소스 영역 제거 */
iframe[name='google_conversion_frame']{height:0 !important;width:0 !important;line-height:0 !important;font-size:0 !important;margin-top:-13px;float:left;}
/*핸드폰로그인 아이콘*/
.join_mail { position:relative; top: 1px; right:10px; }
.join_phone { position:relative; top: 4px; right:10px; }
/*개인정보취급방침 추가 테이블*/
.agree_cont_table{padding:0 10px;}
.agree_cont_table table{width:100%; border:1px solid #ddd; border-bottom:0; border-left:0; margin-bottom:0px;}
.agree_cont_table table th,
.agree_cont_table table td{border-bottom:1px solid #ddd; height:20px; border-left:1px solid #ddd; font-size:12px; line-height:18px; padding:10px 0;}
.agree_cont_table table th{background:#fafafa;}
.agree_cont_table table thead th{background:#eee;}
.agree_cont_table table td{padding:10px;}
.agree_cont span.point_blue_color{color:#5b96cf}
#ebook_detail_page_cont { width:1180px; margin:0 auto; }
.ebook_detail_visual_wrap { padding-top:30px; }
.ebook_detail_visual { position:relative; min-width:863px; }
.ebook_detail_visual:after { clear:both; display:block; content:""; }
.ebook_detail_imgbox { position:relative; width:22.25%; min-width:196px; min-height:262px; border:1px solid #ddd; border-radius:5px; float:left; background:#fff; padding:3px 4px 2px 3px; box-sizing:border-box; }
.ebook_detail_imgcover { position:relative; width:100%; background:url("https://cdn.metoon.co.kr/img/detail_web_eb.png?3") no-repeat 0 center; padding-bottom:135.488%; background-size:100% 100%; z-index:2; float:left; }
.ebook_img { display:block; position:absolute;width:198px; padding-bottom:111%; top:7.1%; left:9.689%; z-index:1; overflow:hidden; }
.ebook_img img { position:absolute; top:0; left:0; width:100%; }
.ebook_detail_imgbox i.nLabel{position:absolute;bottom:0;left:0;z-index:20;margin:0 0 30px 20px;}
.ebook_detail_textbox { position:absolute; right:0; bottom:0; top:0; width:76.75%; height:100%; border:1px solid #ddd; border-radius:5px; background:#fff; margin-left:1%; padding:30px 40px; float:left; box-sizing:border-box; }
.ebook_detail_textbox_wrap { position:relative; width:100%; height:100%; display:inline-block; }
.ebook_detail_textbox_wrap p { margin-bottom:22px; }
.ebook_detail_textbox .genre_box { width:100%; min-height:32px; float:left; font-size:1.2em; font-weight:bold; line-height:1.5; }
.ebook_detail_textbox .red_bg { background:#c53232 !important; }
.ebook_detail_textbox .font_red { color:#d32b2b !important; }
.ebook_detail_textbox .genre { display:inline-block; float:left; color:#fff; padding:4px 10px 5px; border-radius:3px; font-size:1em; margin-right:0.838%; }
.ebook_detail_textbox .up_mark {display: inline-block; float:left; color: #fff;  background:#FF0000; padding: 4px 10px 5px; border-radius: 3px; font-size: 1em; margin-right:1%;}
.ebook_detail_textbox .up_day:not(.up_day_comp){float:left;line-height:32px;font-size:14px;font-weight:normal;letter-spacing:-0.03em;}
.ebook_detail_textbox .up_day:not(.up_day_comp) i{display:inline-block;min-width:24px;height:24px;line-height:22px;padding:0 3px;border-radius:12px;border:1px solid #d32b2b;text-align:center;color:#d32b2b;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ebook_detail_textbox .up_day:not(.up_day_comp) i + i{margin-left:2px;}
.ebook_detail_textbox .up_day_comp { display:inline-block; float:left; color:#676767; background:#fff; border:1px solid #e3e3e3; border-radius:3px; padding:5px 10px 4px; font-size:0.9em; box-sizing:border-box; margin-right:1%; }
.ebook_detail_textbox .new_mark {display: inline-block; color: #fff;  background:#721de3; padding: 4px 10px 5px; float:left; border-radius: 3px; font-size: 1em; margin-right:1%;}
.ebook_detail_textbox .adult_patch{background:none; color: #fff; font-weight: bolder; letter-spacing: -0.09em; font-size: 1.05em; position:relative; display: inline-block; float:left; /* margin:4px 0 0 0.838%; */margin-top:4px; }
.ebook_detail_textbox .adult_patch img{display: block; /* position: absolute; top:0; bottom:0; left:0; right:0; */ margin:auto;}
.ebook_detail_textbox .adult_patch span{position:relative; margin-left: 2px;}
.ebook_detail_textbox .heart { float:right; letter-spacing:-0.05em; font-weight:bold; padding-left:20px; background:url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 0 43%; background-size:15px auto;}
.ebook_detail_textbox_wrap p.ebook_vis_title { margin-bottom:12px; color:#676767; font-weight:bold; float:left; width:100%; }
.ebook_vis_txt_title { display:block; font-size:2.2em; float:left; width:100%; margin-bottom:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ebook_vis_title .writer { display:block; float:left; width:100%; font-size:1.1em; }
.ebook_detail_textbox .summary_container{float:left;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.ebook_detail_textbox_wrap .ebook_vis_nobel_txt { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;max-height:69px;font-size:15px; color:#676767; line-height:23px; text-align:left;margin-bottom:0;-webkit-box-flex:1; }
.ebook_detail_textbox .summary_btn{display:inline-block;font-size:13px;color:#676767;font-weight:bold;white-space:nowrap;margin-left:8px;margin-bottom:2px;}
.ebook_detail_textbox .nobel_btn_box { position:absolute; width:100%; bottom:35px; left:0; }
.ebook_detail_textbox .nobel_btn_box > ul { width:100%; float:left; max-width:500px; }
.ebook_detail_textbox .nobel_btn_box > ul > li { float:left; width:25%; max-width:107px; margin-right:6px; }
.ebook_detail_textbox .nobel_btn_box > ul > li > a { display:block; width:100%; height:100%; font-size:1.1em; border:1px solid #585858; border-radius:5px; text-align:right; float:left; background-color:#f7f7f7; }
.ebook_detail_textbox .nobel_btn_box span { display:block; width:80%; float:right; padding:8% 10% 10%; cursor:pointer; }
.ebook_detail_textbox .nobel_btn_box .zzim_li span { background:url(https://cdn.metoon.co.kr/img/ic_star_br_18x.png) no-repeat 15px 43%; background-size:18px auto; }
.ebook_detail_textbox .nobel_btn_box .check_on a{background:#fff;}
.ebook_detail_textbox .nobel_btn_box .check_on span{background: url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 15px 43%;background-size:18px auto;}/* white버전 */
.ebook_detail_textbox .nobel_btn_box .detail_isbn{float:right;margin-bottom:0;/* margin-top:12px; */margin-top:3px;font-size:12px;color:#a5a5a5;letter-spacing:-0.03em;}
.ebook_detail_textbox .detail_isbn p{margin:0;}
.ebook_detail_textbox .detail_isbn .txt_right{text-align:right;}
.ebook_detail_textbox .detail_isbn p ~ p{margin-top:3px;}
/* 2018.02.22 최근구입회차&대여 구매 추가 */
#container .ebook_nobel_page_wrap { width:100%; height:100%; background:#f5f5f5; float:left; font-weight:bold; }
#container .ebook_sub_page_cont { padding:0 0 30px; width:100%; float:left; }
#container .eb_detail_dep1 .eb_coin_notice_txt{position:relative;padding-left:12px;font-size:13px;font-weight:300;color:#838383;}
#container .eb_detail_dep1 .eb_coin_notice_txt:before{content:"*";position:absolute;top:0;left:0;margin-top:1px;}
#container .ebook_last_read_box:after { content:""; display:block; clear:both; }
#container .ebook_last_read_box .ebook_last_read_title { font-size:1.3em; color:#676767; font-weight:bold; cursor:default; }
#container .ebook_last_read_box .ebook_no_img { position:relative; width:100%; background:#ececec; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; float:left; margin:10px auto 15px; }
#container .ebook_last_read_box .ebook_no_img a { display:block; padding:35px 24px; position:relative; float:left; width:100%; cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
#container .ebook_last_read_box .ebook_no_img p { position: static; width: 20%; float: left; font-size: 1.1em; color: #676767; line-height: 2.3; cursor:pointer; display: inline-block; margin:0; padding:0; }
#container .ebook_last_read_box .ebook_no_img .continue_btn_box { width: 20%; max-width: 142px; display: inline-block; float: right; border:0; margin:0;}
#container .ebook_last_read_box .ebook_no_img .continue_btn { top: 0%; bottom: 0%; height: 30px; right: 20px; width: 100%; padding: 5px 0; display: block; background: #F05584; border: 1px solid #dcdcdc; text-align: center; border-radius: 5px; cursor: pointer; min-width: 140px; color: #fff; margin-top:0; }
#container .ebook_last_read_box .ebook_no_img .number{width: 8%; color: #2c2c2c; margin-top: 0.5%; font-size:1.2em;}
#container .ebook_last_read_box .ebook_no_img .sub_title{width: 62%; margin-right: 1%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.5%; font-size:1.2em;}
#container .ebook_last_read_box .ebook_no_img .day{text-align: center; width: 15%; margin-top: 0.5%; font-weight:normal; display:none;}
#container .ebook_nobel_list { width:880px; min-height:793px; float:left; }
#container .ebook_nobel_form { width:100%; border-top:2px solid #d1d1d1; border-bottom:1px solid #d1d1d1; text-align:right; font-size:1.1em; color:#838383; font-weight:bold; overflow:hidden; }
#container .ebook_nobel_form #ebook_rent_tab { float:left }
#container .ebook_nobel_form #ebook_rent_tab li { float:left; width:130px; text-align:center; border-right:1px solid #ddd; }
#container .ebook_nobel_form #ebook_rent_tab li a {font-size:15px; display:block; padding:10px 0 12px; background:#f5f5f5; color:#9c9c9c;}
#container .ebook_nobel_form #ebook_rent_tab li a.on {background:#fff; color:#404040;}
#container .ebook_nobel_form #ebook_rent_tab li.notice {width:auto; padding-left:10px;font-size: 13px; line-height: 39px;border-right:none;}
.ebook_detail_textbox .nobel_btn_box .sns_btn { position:relative; }
.ebook_detail_textbox .nobel_btn_box .sns_btn span { background:url(https://cdn.metoon.co.kr/img/novel_btn_link.png) no-repeat 13% center; }
.ebook_nobel_page_wrap { padding:20px 0 30px; width:100%; float:left; }
.ebook_nobel_list { width:100%; float:left; }
.ebook_nobel_form { width:100%; border-top:2px solid #d1d1d1; border-bottom:1px solid #d1d1d1; text-align:right; font-size:1.1em; color:#838383; font-weight:bold; overflow:hidden; }
.ebook_sub_page_title { float:left; font-size:19px; line-height:40px; color:#565656; margin:0; }
.ebook_sort { float:right; padding:10px 0 12px; }
.ebook_nobel_form input { position:absolute; top:0; left:0; opacity:0; margin:0 -28px 0 1%; z-index:-5; }
#container .ebook_nobel_form label{float:left;display:block;color:#8e8e8e;font-size:14px;}
#container .ebook_nobel_form .chkselect{color: #e23939 !important;}
#container .ebook_nobel_form i.bar{float:left;display:block;width:1px;height:15px;background:#d1d1d1;margin:0 8px;}
.ebook_nobel_list .n_list{overflow:hidden;min-height:400px;}
.ebook_nobel_list .n_list > li { float:left; width:100%; border-bottom:1px solid #eaeaea; padding:15px 10px; cursor:pointer; font-weight:bold; box-sizing:border-box; }
.ebook_nobel_list .n_list > li p { float:left; font-size:1.1em; color:#676767; line-height:2.3; cursor:pointer; }
.ebook_nobel_list .n_list > li .day { display:none; }
.ebook_nobel_list .n_list > li .number { width:8%; color:#2c2c2c; margin-top:0.5%; }
.ebook_nobel_list .n_list > li .sub_title { width:450px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:0.5%; }
.ebook_nobel_list .n_list > li .sub_title .txt_up_icon { color: #fff; background: #2c5faf; display: inline-block; border-radius: 3px; padding: 2px 5px; font-size: 10px; margin-left: 3px; margin-bottom: 4px; vertical-align: middle; line-height:normal; }
.ebook_nobel_list .n_list > li .sub_title .txt_recent_icon, .ebook_nobel_list .sub_title .ic_open_item{color: #fff; background: #852cfa; display: inline-block; border-radius: 3px; padding: 2px 5px; font-size: 11px; margin-left: 7px; margin-bottom: 4px; vertical-align: text-top; line-height:normal;cursor:pointer;}
.ebook_nobel_list .sub_title .ic_open_item{background-color:#fe4b4b;margin-left:0;margin-right:3px;}
.ebook_nobel_list .n_list > li a:not(.coin_h_s) { display:inline-block; float:right; width:20%; max-width:144px; cursor:pointer;}
.ebook_nobel_list .n_list > li a .list_btn, .ebook_nobel_list .n_list > li .coin_half_sale{ position:relative; display:block; float:right; width:120px; margin:0 auto; padding:5px 0; text-align:center; border-radius:5px; cursor:pointer; }
.ebook_nobel_list .n_list > li a .list_btn{font-size:.98em;word-break:keep-all;}
.ebook_nobel_list .n_list > li .coin_half_sale{padding:0;}
.ebook_nobel_list .n_list .coin_half_sale a{display:block;padding:5px 0;background-color:#fff;border-radius:5px;border:1px solid #404040;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ebook_nobel_list .n_list > li a .free_btn span { background:url(https://cdn.metoon.co.kr/img/detail_free_icon1.png) no-repeat 0 center; padding-left:23px; background-size:15px; cursor:pointer; }
.ebook_nobel_list .n_list li .free_btn span{background: url(https://cdn.metoon.co.kr/img/detail_free_icon1.png) no-repeat 0 center; padding-left: 23px; background-size: 15px; cursor:pointer;}
.ebook_nobel_list .n_list li .coin_btn span{background: url(https://cdn.metoon.co.kr/img/detail_coin_icon1.png) no-repeat 0 center; padding-left: 20px; background-size: 15px; cursor:pointer;}
.ebook_nobel_list .n_list li .list_btn.memvip_btn span{position:relative;}
.ebook_nobel_list .n_list li .list_btn.memvip_btn span:before{content:"";display:block;position:absolute;top:50%;left:50%;width:80px;height:2px;margin-top:-1px;background:#d32b2b;margin-left:-40px;z-index:1;}
.ebook_nobel_list .n_list li .list_btn.memvip_btn:after{content:"이용권 사용 가능";display:block;position:absolute;top:50%;left:-134px;width:120px;height:42px;line-height:40px;font-size:13px;text-align:center;color:#fff;background:#f56e74;border-radius:4px;border:1px solid #f56e74;margin-top:-21px;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#ebook_add_page_box { float:left; width:100%; margin-top:10px; text-align:center; }
#ebook_add_page_box a { display:block; width:100%; border:1px solid #d32b2b; background:#fff; padding:6px 0 3px; color:#d32b2b; line-height:1.6em; }
#ebook_add_page_box p { display:inline-block; font-size:1.15em; font-weight:bold; text-align:center; padding:5px 10px 10px; cursor:pointer; }
/* 디테일 sns_box 수정 */
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3{width: 140px;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3 .sns_list li{width: 31.3%;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap.sns_box3 .sns_list li.fb{display:none;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap{display:none; position:absolute; width:170px; height:50px; top: 100%; margin-top:5px; margin-right:-7px; right:5px; background:rgba(255, 255, 255, 0.8); border: 1px solid #E2E2E2; border-radius: 5px; padding: 0 5px;z-index:10;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list{ height:100%;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list li{width:23%; margin:0 1%; height:100%; float:left; position:relative;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list li a{width:30px; height:30px; position:absolute; top:0; bottom:0%; left:0; right:0; margin:auto; display:block; border:none; text-indent:-99999999em; overflow:hidden; border-radius:25px;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .tw a{background:url(https://cdn.metoon.co.kr/mimg/tw_icon.png) no-repeat center; background-size:30px;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .fb a{background:url(https://cdn.metoon.co.kr/mimg/fb_icon.png) no-repeat center; background-size:30px;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .kakao a{padding: 0; background:url(https://cdn.metoon.co.kr/mimg/kakao_icon.png) no-repeat center; background-size:30px;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .kakao img{cursor:pointer; width:32px; height: 32px; border-radius:25px; position:absolute; top:0; bottom:10%; left:0; right:0; margin:auto;}
.ebook_detail_textbox .nobel_btn_box>ul .sns_btn .sns_box_wrap .sns_list .share a{background:url(https://cdn.metoon.co.kr/mimg/share_icon.png) no-repeat center; background-size:30px;}
/* ebook 페이지 */
#container .ebook_page_wrap { width:100%; height:100%; padding-bottom:55px; box-sizing:border-box; background-color:#fff; }
#container .ebook_page_wrap .sub_page_cont { min-height:auto; }
#container .ebook_menu { width:100%; max-width:1200px; overflow:hidden; padding-top:20px; }
#container .ebook_menu ul { width:100%; height:100%; border-radius:5px; overflow:hidden; }
#container .ebook_menu ul li { float:left; width:25%; height:100%; background:#fff; letter-spacing:-0.09em; box-sizing:border-box; border-right:1px solid #f5f5f5; }
#container .ebook_menu ul li:last-child { border-right:none; }
#container .ebook_menu ul li a { display:block; width:100%; height:40px; background:#fff; line-height:36px; font-size:18px; color:#676767; font-weight:bold; text-align:center; border:2px solid #fff; box-sizing:border-box; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
#container .ebook_menu ul li:first-child a { border-radius:5px 0 0 5px; }
#container .ebook_menu ul li:last-child a { border-radius:0 5px 5px 0; }
#container .ebook_menu ul li a.on{ color:#c50000; border:2px solid #c50000; }
#container .ebook_menu ul li a span { cursor:pointer; text-align:center; padding:1px 0 1px 25px; }
#container .ebook_menu ul li a .best { background:url(https://cdn.metoon.co.kr/img/best_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px; }
#container .ebook_menu ul li a .ebook_new { background:url(https://cdn.metoon.co.kr/img/ebook_new_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px; }
#container .ebook_menu ul li a .adult { background:url(https://cdn.metoon.co.kr/img/toon_19_gray.png) no-repeat 0 center; background-size:20px; }
#container .ebook_menu ul li a .free { background:url(https://cdn.metoon.co.kr/img/free_gray.png) no-repeat 0 center; padding-left:32px; background-size:20px; }
#container .ebook_menu ul li a .rental { background:url(https://cdn.metoon.co.kr/img/rental_gray.png) no-repeat 0 center; padding-left:31px; background-size:20px; }
#container .ebook_menu ul li a.on .best { background:url(https://cdn.metoon.co.kr/img/best_red.png) no-repeat 0 center; background-size:20px; }
#container .ebook_menu ul li a.on .ebook_new { background:url(https://cdn.metoon.co.kr/img/ebook_new_red.png) no-repeat 0 center; background-size:20px; }
#container .ebook_menu ul li a.on .adult { background:url(https://cdn.metoon.co.kr/img/toon_19_red.png) no-repeat 0 center; background-size:20px; }
#container .ebook_menu ul li a.on .free { background:url(https://cdn.metoon.co.kr/img/free_red.png) no-repeat 0 center; background-size:20px; }
#container .ebook_menu ul li a.on .rental { background:url(https://cdn.metoon.co.kr/img/rental_red.png) no-repeat 0 center; background-size:20px; }
#container .ebook_notice_txt { float:left; width:50%; padding:22px 0 6px; font-size:1.1em; }
#container .ebook_notice_txt a { color:#4a4a4a; text-decoration:underline; cursor:pointer; font-weight:bold; }
#container #ebook_genretab_box { float:left; width:354px; }
#container #ebook_genretab_box #SetCate { width:100%; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767; background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 96% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#container #ebook_genretab_box select::-ms-expand { display:none; }
#container #ebook_list_tab { float:left; width:150px; margin-left:20px; }
#container #ebook_list_tab #SetList { width:100%; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767;background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 90% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#container #ebook_list_tab select::-ms-expand { display:none; }
#container .ebook_form_box { width:100%; }
#container .ebook_form_box .ebook_form { float:right; padding:22px 0 3px; text-align:right; font-size:1.1em; font-weight:bold; }
#container .ebook_form_box .ebook_form input { margin:0 -28px 0 2%; cursor:pointer; position:absolute; top:0; left:0; opacity:0; z-index:-5; }
#container .ebook_form_box .ebook_form .chkselect { color:#F15584; }
#container .ebook_form_box .ebook_form label { color:#838383; padding-left:30px; position:relative; }
#container .ebook_form_box .ebook_form img { display:block; position:absolute; top:2px; left:13px; width:13px; height:13px; }
#container .ebook_cont { float:left; width:100%; }
#container .ebook_cont .ebook_list_cont { width:100%; float:left; margin-bottom:1%; }
#container .ebook_cont .ebook_list_cont li { position:relative; float:left; width:20%; height:100%; margin-top:3.666%; }
#container .ebook_cont .ebook_list_cont li a .ebook_list_cover { position:relative; width:100%; padding-bottom:138.842%; background:url("https://cdn.metoon.co.kr/img/cover_web.png") no-repeat 0 center; background-size:100% 100%; z-index:3; }
#container .ebook_cont .ebook_list_cont li a .ebook_list_imgbox { position:absolute; top:0; left:0; margin:6.7% 0 0 7.166%; width:77.5%; max-height:90.03%; cursor:pointer; z-index:2; overflow:hidden; }
#container .ebook_cont .ebook_list_cont li a .ebook_list_imgbox img { width:100%; }
#container .ebook_cont .ebook_list_cont li a .ebook_list_imgbox .ebook_load_img { width:auto; position:absolute; top:0%; bottom:0; left:0; right:0; margin:auto; }
#container .ebook_cont .ebook_list_cont li a .ebook_list_imgbox .ebook_list_imgmove { position:relative; z-index:2; transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease; -moz-transition:transform 0.2s ease; -o-transition:transform 0.2s ease; }
#container .ebook_cont .ebook_list_cont li:hover a .ebook_list_imgbox .ebook_list_imgmove{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
#container .ebook_cont .ebook_list_cont li a .adult_patch { position:absolute; width:12.903%; top:62.462%; left:70%; background:none; color:#fff; font-weight:bolder; letter-spacing:-0.09em; font-size:1.05em; display:inline-block; }
#container .ebook_cont .ebook_list_cont li a .adult_patch img { display:block; position:absolute; width:100%; top:0; bottom:0; left:0; right:0; margin:auto; z-index:5; }
#container .ebook_cont .ebook_list_cont li a dl { position:absolute; width:78%; bottom:4%; left:0; margin-left:6.666%; padding:9% 0; box-sizing:border-box; z-index:3; }
#container .ebook_cont .ebook_list_cont li a dl dt { width:80%; text-align:center; font-size:1.23em; font-weight:normal; color:#222222; line-height:1em; margin:0 auto 11px; letter-spacing:-0.08em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#container .ebook_cont .ebook_list_cont li a dl dd { width:80%; margin:0 auto; text-align:center; font-size:1em; font-weight:normal; color:#222222; line-height:1em; letter-spacing:-0.08em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#container .ebook_cont .ebook_list_cont li a dl dd .genre_red { color:#d52b2c; }
#container .ebook_cont .ebook_list_cont .ebook_lately { margin-top:0; }
#container .ebook_list_cont .ebook_lately .ebook_lately_line { position:absolute; top:4.7%; left:7%; width:78.3%; padding-bottom:124%; border:2px solid #c70304; z-index:4; cursor:pointer; }
#container .ebook_list_cont .ebook_lately .ebook_lately_line .lately_patch { position:absolute; top:0; left:0; display:block; width:40%; }
#container .ebook_list_cont .ebook_lately .ebook_lately_line .lately_patch img { width:100%; cursor:pointer; }
#container #ebook_add_page_box { float:left; width:100%; margin-top:10px; text-align:center; }
#container #ebook_add_page_box a { display:block; width:100%; border:1px solid #d32b2b; background:#fff; padding:6px 0 3px; color:#d32b2b; line-height:1.6em; cursor:pointer; }
#container #ebook_add_page_box a:hover { border:1px solid #ff0003; color:#ff0003; }
#container #ebook_add_page_box p { display:inline-block; font-size:1.15em; font-weight:bold; text-align:center; padding:5px 10px 10px; cursor:pointer; }
#container #ebook_add_page_box p span { cursor:pointer; }
/* 리스트 페이징 */
#container .ebook_page_list { width:100%; overflow:hidden; text-align:center; padding-top:1.666%; }
.ebook_page_list p { display:inline-block; cursor:pointer; }
.ebook_page_list p span { display:block; float:left; width:45px; height:28px; box-sizing:border-box; background:#fff; border:1px solid #ddd; line-height:26px; text-align:center; color:#676767; font-size:13px; }
.ebook_page_list p span a{color:#676767;}
.ebook_page_list p span a:hover{color:#d32b2b;}
.ebook_page_list p span img { cursor:pointer; }
.ebook_page_list ol { display:inline-block; overflow:hidden; }
.ebook_page_list ol li { display:inline-block; font-size:1.2em; font-weight:bold; }
.ebook_page_list ol li a { display:inline-block; width:28px; height:28px; line-height:26px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box; color:#676767; background:#e9e5e5; margin:0 4px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; }
.ebook_page_list ol li a:hover{border:1px solid #d32b2b; color:#d32b2b;}
.ebook_page_list ol li a.on { border:1px solid #d32b2b; color:#d32b2b; background:#fff; }
.ebook_page_list p.ebook_prevbox { margin-right:10px; width:90px; }
.ebook_page_list p.ebook_nextbox { margin-left:10px; width:90px; }
.ebook_page_list p.ebook_prevbox span { float:right; }
@media all and ( max-width:1040px ) {
	#container .ebook_cont .ebook_list_cont li a .adult_patch span { font-size:0.8em; }
}
@media all and ( max-width:950px ) {
	#container .ebook_menu ul li a { font-size:1.2em; }
	#container .ebook_cont .ebook_list_cont li a dl dt { font-size:1em; }
	#container .ebook_cont .ebook_list_cont li a dl dd { font-size:0.77em; }
}
@media all and ( max-width:880px ) {
	#container #ebook_genretab_box { width:200px; }
	#container #ebook_list_tab { margin-left:10px; }
	#container .ebook_cont .ebook_list_cont li a .adult_patch span { margin-left:21%; }
}
@media all and ( max-width:800px ) {
	#container .ebook_menu ul li a { font-size:1.1em; }
	#container .ebook_cont .ebook_list_cont li a dl dt { font-size:0.9em; }
	#container .ebook_cont .ebook_list_cont li a dl dd { font-size:0.67em; }
}
@media all and ( max-width:757px ) {
	#container .ebook_cont .ebook_list_cont li a dl dt { font-size:0.8em; }
	#container .ebook_cont .ebook_list_cont li a dl dd { font-size:0.57em; }
}
/* 100원 코인당첨 웹팝업 2018/04/11 */
#coin_100_pop_wrap { position:fixed; z-index:10000000; width:100%; height:100%; background:rgba(0,0,0,0.4); }
#coin_100_pop_wrap .coin_100_pop{ position:absolute; top:50%; left:50%; width:765px; height:454px; background:url('https://cdn.metoon.co.kr/img/coin_100_pop_banner.png') no-repeat 0 center; background-size:cover; margin-top:-227px; margin-left:-382px; }
#coin_100_pop_wrap .coin_100_pop > div > a > img { cursor:pointer; }
#coin_100_pop_wrap .coin_100_pop_close_btn { float:left; margin:65px 0 0 670px; }
#coin_100_pop_wrap .coin_100_pop_coin_btn { float:left; margin:240px 0 0 100px; }
#per50_pop_wrap { position:fixed; z-index:10000000; width:100%; height:100%; background:rgba(0,0,0,0.4); }
#per50_pop_wrap .per50_pop{ position:absolute; top:50%; left:50%; width:765px; height:454px; background:url('https://cdn.metoon.co.kr/img/50per_pop_banner.png') no-repeat 0 center; background-size:cover; margin-top:-227px; margin-left:-382px; }
#per50_pop_wrap .per50_pop > div > a > img { cursor:pointer; }
#per50_pop_wrap .per50_pop_close_btn { float:left; margin:65px 0 0 670px; }
#per50_pop_wrap .per50_pop_coin_btn { float:left; margin:240px 0 0 100px; }
/* 성인 이미지 블러 & 투명도 조정 start */
.blurc {position:relative; overflow:hidden;}
.blurc [id^="blurred"] {position:absolute; top:0; left:0; z-index:0; background-color:rgba(0, 0, 0, 0.1);}
.alpha {opacity:0.09;}
.blur_img{opacity:0;}
.blurcover {position:absolute; top:-20%; left:0; right:0; bottom:0; margin:auto; z-index:3; width:40%; cursor:pointer;}
#container .today_me_cont .today_me_con li .best_txt{z-index:3;}
#container_top .today_me_cont .today_me_con li a img.blurcover{position:absolute; top:-20%; left:0; right:0; bottom:0; margin:auto; z-index:3; width:40%;}
#container .today_me_cont .today_me_con li img.blurcover{position:absolute; top:-20%; left:0; right:0; bottom:0; margin:auto; z-index:3; width:40%;}
/* 뷰페이지 스크롤 게이지 2018/06/08 */
.progressContainer{position:fixed; top:0; left:0; width:100%; height:0.4em; overflow:hidden; margin-top:70px; z-index:10000;}
.progressContainer .progressBar{float:left; width:0%; height:100%; max-width:100%; background:#d32b2b; transition:width 0.6s ease; -webkit-transition:width 0.6s ease; -o-transition:width 0.6s ease; -moz-transition:width 0.6s ease;}
/* 정주행 모드 팝업 2018/06/11 */
.passPopupContainer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10000000; display:none;}
.passPopupContainer .passPopup{position:absolute; top:50%; left:50%; width:560px; margin:-200px 0 0 -280px; border-radius:3px; }
.passPopupContainer .passPopup > a{position:absolute; top:0; right:0; margin-top:-30px;}
.passPopupContainer .passPopup > a img{cursor:pointer;}
.passPopupContainer .passPopup h6{width:100%; height:66px; line-height:66px; text-align:center; border-bottom:1px solid #d0d0d0; background:#e6e6e6; font-size:23px; color:#141414; font-weight:bold; border-radius:3px 3px 0 0;}
.passPopupContainer .passPopup .passPopupCont{width:100%; overflow:hidden; background:#fff; text-align:center; box-sizing:border-box; padding:40px 46px 30px; border-radius:0 0 3px 3px;}
.passPopupContainer .passPopup .passPopupCont p{line-height:2; font-size:19px; color:#333333;}
.passPopupContainer .passPopup .passPopupCont ul{width:100%; overflow:hidden; margin-top:40px;}
.passPopupContainer .passPopup .passPopupCont ul li{width:48%;}
.passPopupContainer .passPopup .passPopupCont ul li a{width:100%; height:56px; line-height:56px; display:block; font-size:19px; font-weight:bold; color:#fff;}
.passPopupContainer .passPopup .passPopupCont ul li:first-child{float:left;}
.passPopupContainer .passPopup .passPopupCont ul li:first-child a{background-color:#db0000;}
.passPopupContainer .passPopup .passPopupCont ul li:last-child{float:right;}
.passPopupContainer .passPopup .passPopupCont ul li:last-child a{background-color:#666666;}
/* 코인충전 후팝업 2018/06/15 */
#coin_notice_fill_wrap3{display:none; width:100%; min-width:765px; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.5);z-index:99999999;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3{width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:560px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container{width:430px; padding:10px 5px; margin:12% auto; background:#f5f5f5;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container h2{color:#d32b2b; text-indent:5px; font-size:1.35em; position:relative; margin-bottom:10px; cursor:default;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container h2 a{position:absolute; top:-4px; bottom:0; right:5px; margin:auto; width:24px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container h2 a img{width:100%; display:block; cursor:pointer;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body{border:1px solid #d9d9d9; background:#fff; padding:17px 18px 15px 20px; overflow:hidden;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body img.coin_notice3_banner{display:block; width:100%;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont{width:100%; overflow:hidden; margin-top:28px; margin-bottom:30px; position:relative;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont > img{position:absolute; top:50px; left:50%; margin-left:-52px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont dl{line-height:1; width:100%; box-sizing:border-box;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont dl dt{font-size:17px; font-weight:bold; color:#000; margin-bottom:15px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont dl dd{font-size:16px; color:#000;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont dl dd .coin_notice3_red{color:#bf242a; font-weight:bold;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont dl dd .coin_notice3_price{display:inline-block; float:right;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont1 dd .coin_notice3_price{margin-right:20px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont1{border-bottom:1px solid #cecece; margin-bottom:58px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont1 dd{margin-bottom:14px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont1 dd .coin_notice3_red{position:relative;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont1 dd .coin_notice3_red:before{content:""; display:block; width:50px; height:20px; background:url(https://cdn.metoon.co.kr/img/coin_notice3_del.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont2{padding:20px 20px 20px 26px; border:1px solid #bf242a; background:#ffefef;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont2 dt{position:relative;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_cont2 dt img{position:absolute; top:0; left:-18px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .coin_notice3_btn{display:block; width:100%; height:40px; line-height:40px; background:#bf242a; color:#fff; text-align:center; border-radius:3px; font-size:1.1em; font-weight:bold; border:none; margin-bottom:10px;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body input#sevenDay_none{margin:0 5px 0 0;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .check_cont{float:right;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .check_cont input{vertical-align:middle;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .check_cont label{vertical-align:middle;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .check_cont a{display:inline-block; background-image:linear-gradient(to bottom right, #333, #ddd); color:#fff; width:45px; height:20px; line-height:20px; text-align:center; font-weight:bold; font-size:0.85em; border-radius:3px; letter-spacing:1px; margin-left:5px; border:1px solid #ddd; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all;}
#coin_notice_fill_wrap3 .coin_notice_fill_box3 .coin_notice3_container .coin_notice3_body .check_cont a:hover{ background-image:linear-gradient(#d32b2b,#d32b2b); border-color:#d32b2b;}
/* 정주행 배너 2018/06/21 */
#view_container .pass_banner{position:fixed; top:0; right:194px; z-index:10000000;}
#view_container .pass_banner a.passBanner_close{position:absolute; top:145px; right:8px;}
#view_container .pass_banner a.passBanner_close img{width:25px; cursor:pointer;}
#view_container .pass_banner a.passBanner_btn{position:absolute; display:block; width:73px; height:75px; background:transparent; top:0; right:154px;}
@media all and (max-width:1051px){
	#view_container .pass_banner{right:0;}
}
/* 웹툰 리뉴얼 2018/07/03 */
#webtoon_banner{ background:#f5f5f5;width:100%; height:520px; overflow:hidden; border-bottom:1px solid #f1f1f1; }
#webtoon_banner #slider1 li{width:100%;}
#webtoon_banner .bnr_visual{width:80%;max-width:1280px;display:block;height:520px;background:url(https://cdn.metoon.co.kr/img/aaaaaa.jpg) no-repeat;}
#webtoon_banner .visual_txt_wrap{width:45%; height:520px;position:absolute;left:0; top:0; z-index:60;}
#webtoon_banner .visual_txt{width:100%; position:relative; height: 100%;}
#webtoon_banner .visual_txt:after{clear:both; content:''; display:block;}
#webtoon_banner .vis_roll_list{width:100%; max-width: 550px; position: absolute; top: 10%; bottom: 10%; right: -45px;}
#webtoon_banner .vis_roll_list .roll_vis_txt{position:relative;}
#webtoon_banner .visual_txt p{margin-top:140px; color:#fff;  font-size:1.8em; cursor:pointer;}
#webtoon_banner .visual_txt span{display:block; cursor:pointer; max-height: 120px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#webtoon_banner .vis_txt_title{font-size:0.8em; margin:40px 0 30px; font-weight:bold;}
#webtoon_banner .vis_txt_st{font-size:1.5em;}
#webtoon_banner .vis_btn li{float:left; margin-right:10px;}
#webtoon_banner .bx-wrapper .bx-controls-auto .bx-stop{display:none !important;}
#container .container_toon{position:relative; max-width:1200px; width:100%; /* background:#f5f5f5; */ margin:40px auto 0;}
#container .container_toon .container_toon_top{max-width:1200px; width:100%; margin:0 auto;}
#container .container_toon .container_toon_top .toon_menu_box{width:100%; margin-top:24px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu{width:100%; height:40px; position:relative;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul{width:100%; height:100%; border-radius:5px; overflow:hidden;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li{width:16.666%; height:100%; float:left; box-sizing:border-box; border-right:1px solid #f5f5f5;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li a{display:block; width:100%; height:100%; box-sizing:border-box; background:#fff; border:2px solid #fff; text-align:center; line-height:36px; font-size:18px; font-weight:bold; color:#676767; position:relative; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_webtoon a{border-radius:5px 0 0 5px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_all a{border-radius:0 5px 5px 0;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li a.on{color:#c50000; border:2px solid #c50000; line-height:36px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li a span{display:inline-block; padding-left:25px; cursor:pointer; transition:background-image 0.2s ease; -webkit-transition:background-image 0.2s ease; -moz-transition:background-image 0.2s ease; -o-transition:background-image 0.2s ease;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_pay a span{padding-left:29px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_webtoon a span{background:url(https://cdn.metoon.co.kr/img/toon_webtoon_gray.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_webtoon a.on span{background:url(https://cdn.metoon.co.kr/img/toon_webtoon_red.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_publish a span{background:url(https://cdn.metoon.co.kr/img/toon_book_gray.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_publish a.on span{background:url(https://cdn.metoon.co.kr/img/toon_book_red.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_bl a span{background:url(https://cdn.metoon.co.kr/img/toon_bl_gray.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_bl a.on span{background:url(https://cdn.metoon.co.kr/img/toon_bl_red.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_complete a span{background:url(https://cdn.metoon.co.kr/img/toon_complete_gray.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_complete a.on span{background:url(https://cdn.metoon.co.kr/img/toon_complete_red.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_adult a span{background:url(https://cdn.metoon.co.kr/img/toon_19_gray.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_adult a.on span{background:url(https://cdn.metoon.co.kr/img/toon_19_red.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_pay a span{background:url(https://cdn.metoon.co.kr/img/toon_cupon_gray.png) no-repeat 0 center; background-size:24px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_pay a.on span{background:url(https://cdn.metoon.co.kr/img/toon_cupon_red.png) no-repeat 0 center; background-size:24px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_new a span{background:url(https://cdn.metoon.co.kr/img/new_gray.png) no-repeat 0 center; background-size:23px; padding-left:27px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_new a.on span{background:url(https://cdn.metoon.co.kr/img/new_red.png) no-repeat 0 center; background-size:23px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_all a span{background:url(https://cdn.metoon.co.kr/img/all_gray.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu ul li.toon_menu_all a.on span{background:url(https://cdn.metoon.co.kr/img/all_red.png) no-repeat 0 center; background-size:20px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu .toon_menu_fix_btn{position:absolute; top:0; right:0; margin:-25px -60px 0 0;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu .toon_menu_fix_btn a{display:block; padding:10px 12px; background:#d32b2b; color:#fff; font-weight:bold; font-size:1em; border-radius:17px 0; box-sizing:border-box;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu .toon_menu_fix_btn a span{display:inline-block; cursor:pointer; padding-left:20px; background:url(https://cdn.metoon.co.kr/img/fix_coin_ic.png) no-repeat 0 center; background-size:14px;}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu .toon_menu_fix_btn a:hover{background:rgb(255, 0, 3);}
#container .container_toon .container_toon_top .toon_menu_box .toon_cont_menu .toon_menu_fix_btn a:hover span{background:url(https://cdn.metoon.co.kr/img/fix_coin_ic_on.png) no-repeat 0 center; background-size:14px;}
#container .toon_cont_menu2{width:100%; overflow:hidden; margin:0 auto ;}
#container .toon_cont_menu2 #toon_genretab_box{float:left;}
#container .toon_cont_menu2 #toon_genretab_box select{width:354px; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767; background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 96% center,#fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; float:left;}
#container .toon_cont_menu2 #toon_genretab_box select::-ms-expand{display:none;}
#container .toon_cont_menu2 #toon_genretab_box #toonCategory{width:354px;}
#container .toon_cont_menu2 #toon_genretab_box #toonViewNum{width:150px; margin-left:20px;}
#container .toon_cont_menu2 .toon_form_box{float:right; padding:22px 0 3px; text-align:right; font-size:1.1em; font-weight:bold; position:relative;}
#container .toon_cont_menu2 .toon_form_box input{position:absolute; top:0; left:0; opacity:0; z-index:-5;}
#container .toon_cont_menu2 .toon_form_box label{color:#838383; padding-left:30px; position:relative;}
#container .toon_cont_menu2 .toon_form_box label img{display:block; position:absolute; top:2px; left:13px; width:13px; height:13px;}
#container .toon_cont{width:100%; margin:16px auto 30px;}
#container .toon_cont ul{display:-webkit-flex;display:flex;flex-wrap:wrap;margin:0 auto;}
#container .toon_cont ul li{width:187px; height:222px; margin:0 15px 24px 0; position:relative;}
#container .toon_cont ul li:nth-of-type(6n){margin-right:0;}
#container .toon_cont ul li .toon_patch_box{position:absolute; top:0; right:3px; z-index:10; text-align:right;}
#container .toon_cont ul li .toon_patch_box > img{display:inline-block; width:30%; min-width:28px; vertical-align:top; cursor:pointer;}
#container .toon_cont ul li .toon_patch_box > .patch{width:35%; min-width:33px;}
#container .toon_cont ul li .completed_webtoon{width:auto; max-width:70px; max-height:70px; position:absolute; top:0; left:0; z-index:11;}
#container .toon_cont ul li a{display:block; position:relative; width:100%; height:100%; background:#fff; border-radius:5px; overflow:hidden;box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
#container .toon_cont ul li a img{width:100%; display:block; cursor:pointer; transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -o-transition:transform 0.3s ease;}
#container .toon_cont ul li a .toon_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:2; width:100%;}
#container .toon_cont ul li a .adult_19_mark{position:absolute; top:-25%; left:0; right:0; bottom:0; margin:auto; width:80%;}
#container .toon_cont ul li a .toon_txt{position:absolute; bottom:0; left:0; width:100%; text-align:center; cursor:pointer; background:rgba(255, 255, 255, 0.8); line-height:1.1; color:#2c2c2c; font-size:12px; font-weight:normal; z-index:3; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
#container .toon_cont ul li a .toon_txt:before{position:absolute; content:""; display:block; top:-40%; left:0; width:100%; height:100%; opacity:0; background:rgba(255, 255, 255, 0.8); z-index:1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
#container .toon_cont ul li a .toon_txt dt{width:100%; font-size:14px; font-weight:bold; padding:9px 7px 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; position:relative; z-index:2;}
#container .toon_cont ul li a .toon_txt dd{width:100%; padding:0 7px 7px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; position:relative; z-index:2;}
#container .toon_cont ul li a .toon_txt .text{text-align:center;}
#container .toon_cont ul li a .toon_txt .text2{padding-bottom:10px;}
#container .toon_cont ul li a .toon_txt .text2 span.genre{color:#f0070c;}
#container .toon_cont ul li a:hover .toon_img{transform:scale(1.07);}
#container .toon_cont ul li a:hover .toon_txt{color:#fff; background:rgba(0, 0, 0, 1); padding-bottom:20px;}
#container .toon_cont ul li a:hover .toon_txt dt{font-size:1.21em; color:rgb(255, 0, 3);}
#container .toon_cont ul li a:hover .toon_txt .text{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:2.4em; white-space:normal;}
#container .toon_cont ul li a:hover .toon_txt .text2{display:none;}
#container .toon_cont ul li:nth-of-type(odd) a:hover .toon_txt:before{transform:sKewY(18deg); background:rgba(0, 0, 0, 1); opacity:1;}
#container .toon_cont ul li:nth-of-type(even) a:hover .toon_txt:before{transform:sKewY(-18deg); background:rgba(0, 0, 0, 1); opacity:1;}
#container .toon_cont .toon_page_list{width:100%; overflow:hidden; text-align:center; padding-top:19px;}
#container .toon_cont .toon_page_list p{display:inline-block; width:120px; cursor:pointer;}
#container .toon_cont .toon_page_list .toon_prevBox{margin-right:10px;}
#container .toon_cont .toon_page_list .toon_nextbox{margin-left:10px;}
#container .toon_cont .toon_page_list p span{display:block; float:left; width:45px; height:28px; line-height:26px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:2px; color:#676767; cursor:pointer;}
#container .toon_cont .toon_page_list p span a{color:#676767;}
#container .toon_cont .toon_page_list p span a:hover{color:#d32b2b;}
#container .toon_cont .toon_page_list p span img{cursor:pointer;}
#container .toon_cont .toon_page_list p.toon_prevBox{margin-right:10px; width:90px;}
#container .toon_cont .toon_page_list p.toon_prevBox span{float:right;}
#container .toon_cont .toon_page_list p.toon_nextBox{margin-left:10px; width:90px;}
#container .toon_cont .toon_page_list ol{display:inline-block; overflow:hidden;}
#container .toon_cont .toon_page_list ol li{display:inline-block; font-size:1.2em; font-weight:bold;}
#container .toon_cont .toon_page_list ol li a{display:inline-block; width:28px; height:28px; line-height:26px; border:1px solid #ddd; background:#e9e5e5; border-radius:2px; box-sizing:border-box; color:#676767; margin:0 4px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#container .toon_cont .toon_page_list ol li a:hover{border:1px solid #d32b2b; color:#d32b2b;}
#container .toon_cont .toon_page_list ol li a.on{border:1px solid #d32b2b; color:#d32b2b; background:#fff;}
@media all and (max-width:1205px){
	#container .container_toon{width:97%;}
	#container .toon_cont ul{width:100%;}
	#container .toon_cont ul li{width:32.333%; height:auto; margin-right:1.5%;}
	#container .toon_cont ul li .toon_patch_box{right:7px;}
	#container .toon_cont ul li:nth-of-type(6n){margin-right:0;}
	#container .toon_cont ul li:nth-of-type(3n){margin-right:0;}
	#container .toon_cont ul li a .toon_img{margin:0;}
	#container .toon_cont ul li a .adult_19_mark{width:60%; top:-20%;}
	#container .toon_cont ul li a .toon_txt:before{top:-40%; width:110%; height:200%;}
	#container .toon_cont ul li a:hover .toon_txt{color:#fff; background:rgba(0, 0, 0, 1); padding-bottom:30px;}
	#container .toon_cont ul li a:hover .toon_txt .text{padding:0 20px 7px;}
	#container .toon_cont ul li:nth-of-type(odd) a:hover .toon_txt:before{transform:sKewY(14deg); background:rgba(0, 0, 0, 1); opacity:1; top:-45%;}
	#container .toon_cont ul li:nth-of-type(even) a:hover .toon_txt:before{transform:sKewY(-12deg); background:rgba(0, 0, 0, 1); opacity:1; top:-45%;}
}
@media all and (max-width:972px){
	#container .toon_cont ul li{width:49%;}
	#container .toon_cont ul li:nth-of-type(3n){margin-right:1.4%;}
	#container .toon_cont ul li:nth-of-type(even){margin-right:0;}
	#container .toon_cont ul li .toon_patch_box{right:15px;}
	#container .toon_cont ul li .toon_patch_box > img{width:39px;}
	#container .toon_cont ul li .toon_patch_box > .patch{width:54px; margin-left:2px;}
	#container .toon_cont ul li .completed_webtoon{max-width:90px; max-height:90px;}
	#container .toon_cont ul li a .toon_txt{font-size:14px;}
	#container .toon_cont ul li a .toon_txt dt{font-size:21px; padding-top:14px; padding-bottom:10px;}
	#container .toon_cont ul li a .toon_txt .text2{padding-bottom:10px;}
	#container .toon_cont ul li a:hover .toon_txt dt{font-size:25px;}
	#container .toon_cont ul li a:hover .toon_txt{color:#fff; background:rgba(0, 0, 0, 1); padding-bottom:40px;}
}
@media all and (max-width:880px){
	#container .toon_cont_menu2 #toon_genretab_box #toonCategory{width:200px; }
	#container .toon_cont_menu2 #toon_genretab_box #toonViewNum{margin-left:10px;}
}
/* 음성지원서비스 2018/07/09 */
#view_container_top1 #view_container_right .tts_side_btn{border:0; padding:0; background:transparent; position:absolute; top:0; right:0; font-size:14px; line-height:20px; margin-top:60px; margin-right:50px; color:#666666; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#view_container_top1 #view_container_right .tts_side_btn b{vertical-align:top; position:relative; padding-left:22px;}
#view_container_top1 #view_container_right .tts_side_btn b:before{content:""; position:absolute; top:0; bottom:0; left:0; margin:auto; width:16px; height:16px; border-radius:20px; border:1px solid #666;  background:url(https://cdn.metoon.co.kr/mimg/tts_icon.png) no-repeat center; background-size:12px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#view_container_top1 #view_container_right .tts_play2:hover{color:#000;}
#view_container_top1 #view_container_right .tts_stop2 b:before{animation:btnTwink 1.5s infinite; -webkit-animation:btnTwink 1.5s infinite; -moz-animation:btnTwink 1.5s infinite; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear;}
	@keyframes btnTwink{
		0%{opacity:1;}
		50%{opacity:0.2;}
		100%{opacity:1;}
	}
#view_container_top1 #view_container_right .tts_stop2 b{color:#d32b2b;}
#view_container_top1 #view_container_right .tts_stop2:hover b{color:rgb(255, 0, 3);}
#view_container_top1 #view_container_right .tts_stop2 b:before{content:""; position:absolute; top:0; bottom:0; left:0; margin:auto; width:16px; height:16px; border-radius:20px; border:1px solid #d32b2b;  background:url(https://cdn.metoon.co.kr/mimg/tts_speak_icon.png) no-repeat center; background-size:12px;}
.tts_stop_layer{width:500px; height:40px; line-height:40px; box-sizing:border-box; background:rgba(0, 0, 0, 0.8); border-radius:5px; text-align:center; font-size:16px; color:#fff; font-weight:normal; position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; z-index:10000;}
.tts_stop_layer span{font-weight:bold; color:#0ee9e6;}
#view_container_setup .tts_control_box{width:100%; position:relative; border-top:1px solid #ddd; padding:5px 0;}
#view_container_setup .tts_control_box h5{color:#676767; padding:5px; font-size:1.1em; font-weight:normal; letter-spacing:-0.09em; text-align:center; text-indent:10px; background:url(https://cdn.metoon.co.kr/mimg/tts_icon2.png) no-repeat 10px center; background-size:20px;}
#view_container_setup .tts_control_box .tts_rate_box{text-align:center; width:100%; height:30px; position:relative; margin:5px auto;}
#view_container_setup .tts_control_box .tts_rate_box a{position:absolute; top:0; bottom:0; margin:auto; display:inline-block; text-indent:-99999999em; overflow:hidden; width:22px; height:22px;}
#view_container_setup .tts_control_box .tts_rate_box .rate_down{left:15px; background:url(https://cdn.metoon.co.kr/mimg/icon_font_minus.png) no-repeat 0 center; background-size:22px;}
#view_container_setup .tts_control_box .tts_rate_box .rate_up{right:15px; background:url(https://cdn.metoon.co.kr/mimg/icon_font_plus.png) no-repeat 0 center; background-size:22px;}
#view_container_setup .tts_control_box .tts_rate_box p{font-size:1.3em; font-weight:bold; padding-top:5px; letter-spacing:-0.05em; display:inline-block;}
#view_container_setup .tts_control_box .tts_rate_box .speech_rate_box{position:absolute; top:0; right:0; margin-right:-9999px; opacity:0;}
#view_container_setup .tts_control_box .tts_btn_box{text-align:center; width:100%; height:30px; position:relative; margin:10px auto 5px;}
#view_container_setup .tts_control_box .tts_btn_box button{display:inline-block; width:100px; text-align:center; height:30px; line-height:30px; font-size:14px; font-weight:bold; border:none; background:#d32b2b; color:#fff; border-radius:3px; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
#view_container_setup .tts_control_box .tts_btn_box .tts_play{border:2px solid #d32b2b; background:transparent; line-height:26px; box-sizing:border-box; color:#d32b2b;}
#view_container_setup .tts_control_box .tts_btn_box .tts_play:hover{color:#fff; background:#d32b2b;}
#view_container_setup .tts_control_box .tts_btn_box .tts_stop:hover{background:rgb(255, 0, 3);}
/* 연재, 인기, 완결 리뉴얼 2018/08/02 */
#container #popularCategory{width:354px; height:30px; border:1px solid #ddd; border-radius:3px; font-size:1.23em; padding-left:15px; margin-top:11px; color:#676767; background:url(https://cdn.metoon.co.kr/mimg/select_arrow2.png) no-repeat 96% center, #fff; background-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; float:left;}
#container #popularCategory::-ms-expand{display:none;}
#container .popular_cont .popular_list_cont1 li.ebook_row_2 .pop_ebook_rowbox{position:absolute; top:0; left:0; width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/wood_mild1.jpg) 0 center;}
#container .popular_cont .popular_list_cont1 li.ebook_row_2 .pop_ebook_rowbox .pop_ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:30%; box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7);}
#container .popular_cont .popular_list_cont1 li .pop_ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#container .popular_cont .popular_list_cont1 li .pop_ebook_imgbox .novel_img{opacity:0.2; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
#container .popular_cont .popular_list_cont1 li .pop_ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff); border-radius:8px;}
#container .popular_cont .popular_list_cont1 li .pop_ebook_imgbox .pop_ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:55%; border-radius:5px; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7);
transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
#container .popular_cont .popular_list_cont1 li:hover .pop_ebook_imgbox .novel_img{transform:scale(0.99); -webkit-transform:scale(0.99); -moz-transform:scale(0.99); -o-transform:scale(0.99); -ms-transform:scale(0.99);}
#container .popular_cont .popular_list_cont1 li:hover .pop_ebook_imgbox .pop_ebook_cover{transform:scale(1.15) rotate(0); -webkit-transform:scale(1.15) rotate(0); -moz-transform:scale(1.15) rotate(0); -o-transform:scale(1.15) rotate(0); -ms-transform:scale(1.15) rotate(0);}
#container .popular_cont .popular_list_cont1 li a .content_tag{bottom:0; background:transparent; z-index:8;}
#container .popular_cont .popular_list_cont1 li a .content_tag span{display:block; float: left; width:auto; z-index:101; background:#fff; border-radius:5px; font-size:0.9em; padding:1px 3px 0px; line-height: 1.3; letter-spacing:normal; font-weight:bold; margin-right:5px;}
#container .popular_cont .popular_list_cont1 li a .content_tag .content_tag_nobel{color:#2b7bd5; border:1px solid #2b7bd5;}
#container .popular_cont .popular_list_cont1 li a .content_tag .content_tag_toon{color:#d52b2c; border:1px solid #d52b2c;}
#container .popular_cont .popular_list_cont1 li a .content_tag .content_tag_ebook{color:#c83ea9; border:1px solid #c83ea9;}
#container .popular_cont .popular_other_list_cont li .pop_ebook_imgbox{position:absolute; top:0; left:0; width:100%; height:100%;}
#container .popular_cont .popular_other_list_cont li .pop_ebook_imgbox .novel_img{opacity:0.2; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
#container .popular_cont .popular_other_list_cont li .pop_ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#container .popular_cont .popular_other_list_cont li .pop_ebook_imgbox .pop_ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:55%; border-radius:5px; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 25px rgba(0, 0, 0, 0.7); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
#container .popular_cont .popular_other_list_cont li a .content_tag{bottom:0; background:transparent; z-index:8;}
#container .popular_cont .popular_other_list_cont li a .content_tag span{display:block; float: left; width:auto; z-index:101; background:#fff; border-radius:5px; font-size:0.9em; padding:1px 3px 0px; line-height: 1.3; letter-spacing:normal; font-weight:bold; margin-right:5px;}
#container .popular_cont .popular_other_list_cont li a .content_tag .content_tag_nobel{color:#2b7bd5; border:1px solid #2b7bd5;}
#container .popular_cont .popular_other_list_cont li a .content_tag .content_tag_toon{color:#d52b2c; border:1px solid #d52b2c;}
#container .popular_cont .popular_other_list_cont li a .content_tag .content_tag_ebook{color:#c83ea9; border:1px solid #c83ea9;}
#container .popular_cont .popular_other_list_cont li:hover .pop_ebook_imgbox .novel_img{transform:scale(0.99); -webkit-transform:scale(0.99); -moz-transform:scale(0.99); -o-transform:scale(0.99);}
#container .popular_cont .popular_other_list_cont li:hover .pop_ebook_imgbox .pop_ebook_cover{transform:scale(1.15) rotate(0); -webkit-transform:scale(1.15) rotate(0); -moz-transform:scale(1.15) rotate(0); -o-transform:scale(1.15) rotate(0); -ms-transform:scale(1.15) rotate(0);}
#container .today_me_cont .today_me_con li .ebook_imgbox img{top:0; left:-5%; transition:all 0.2s ease;}
#container .today_me_cont .today_me_con li .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:60%; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); border-radius:5px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#container .today_me_cont .today_me_con li:hover .ebook_imgbox .ebook_cover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
#container .today_me_cont .today_me_con li .ebook_imgbox .novel_img{width:105%; opacity:0.2; top:-3%; left:-2.5%;}
#container .today_me_cont .today_me_con li:hover .ebook_imgbox .novel_img{transform:scale(0.99); -webkit-transform:scale(0.99); -moz-transform:scale(0.99); -o-transform:scale(0.99); -ms-transform:scale(0.99);}
#container .today_me_cont .today_me_con li .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#completed_page .completed_top .completed_top_cont li .ebook_imgbox img{top:0; left:0; transition:all 0.2s ease;}
#completed_page .completed_top .completed_top_cont li .ebook_cover{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:60%; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); border-radius:5px; box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -webkit-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); -moz-box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#completed_page .completed_top .completed_top_cont li:hover .ebook_imgbox .ebook_cover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
#completed_page .completed_top .completed_top_cont li .ebook_imgbox .novel_img{opacity:0.2;}
#completed_page .completed_top .completed_top_cont li .ebook_imgbox:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
/* 전체구매 2018/08/13 */
.purchaseAll_cont{width:100%;height:100%; position:relative;overflow:hidden; box-sizing:border-box; padding:12px 15px; background:#fff; border-bottom:1px solid #ddd;}
.purchaseAll_cont p{float:left; line-height:1; text-align:left; color:#404040;}
.purchaseAll_cont p.purchase_txt1{line-height:40px;}
.purchaseAll_cont p.purchase_txt2{display:none;}
.purchaseAll_cont p.purchase_txt2 span{display:block; font-size:14px;}
.purchaseAll_cont p strong{color:#d32b2b; font-weight:bold;}
.purchaseAll_cont p.purchase_txt1 .purchase_title{display:block; color:#f71d02; margin-bottom:14px; font-size:15px; font-weight:bold;}
.purchaseAll_cont p.purchase_txt1 .purchase_p{display:block; padding-left:36px; background:url('https://cdn.metoon.co.kr/img/ic_gfbox.png') no-repeat 0 center; font-size:14px;}
.purchaseAll_cont p.purchase_txt2 .purchase_a_title{font-size:15px;font-weight:bold;margin-bottom:11px;}
.purchaseAll_cont p.purchase_txt2 .purchase_a_p{font-size:14px;}
.purchaseAll_cont p.purchase_txt2 .purchase_a_p > span{padding-left:12px;background:url(https://cdn.metoon.co.kr/mimg/buy_all_icon.png) no-repeat 0 center;background-size:10px;}
.purchaseAll_cont .purchase_btn_div{width:110px; display:inline-block; float:right;}
.purchaseAll_cont .purchase_btn{display:block; width:100%; height:40px; color:#fff;background-color:#e03e3e;text-align:center; line-height:40px; float:right; font-size:1.1em; font-weight:bold; border-radius:5px;}
.purchaseAll_cont .purchase_btn:hover{background:#f13232;}
.purchaseAll_cont .purchase_btn_group{display:none;float:right;}
.purchaseAll_cont .purchase_btn_group .purchase_btn1_div{margin-right:15px;}
.purchaseAll_cont .purchase_btn_group a{display:block; width:100%; height:40px; text-align:center; line-height:40px; font-size:1.1em; font-weight:bold; border-radius:5px;float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.purchaseAll_cont .purchase_btn_group a.purchase_btn1{background-color:#e03e3e;color:#fff;}
.purchaseAll_cont .purchase_btn_group .purchase_btn_coin_div{display:none;}
.purchaseAll_cont .purchase_btn_group a.purchase_btn1:hover{background:#f13232;}
.purchaseAll_cont .purchase_btn_group a.purchase_btn_cancel{border:1px solid #e03e3e;color:#e03e3e;background:#fff; line-height:38px}
.purchaseAll_cont .purchase_btn_group a.purchase_btn_cancel:hover{border-color:#f13232; color:#f13232;}
@media all and (max-width:880px){
	#container .nobel_list .nobel_form .sub_page_title.on{padding:15px 0;}
	.nobel_list .nobel_form .sort_cont.on{padding:25px 0;}
	.purchaseAll_cont p.on{margin:10px 0;}
	.purchaseAll_icon.on{margin-top:15px;}
}
@media all and (max-width:770px){
	.purchaseAll_cont .purchase_btn_group{margin-left:15px;}
}
/* s소설 페이징 2018/08/14 */
#container .s_nobel_page_list{width:100%; overflow:hidden; text-align:center; padding-top:19px;}
#container .s_nobel_page_list p{display:inline-block; width:120px; cursor:pointer;}
#container .s_nobel_page_list .s_nobel_prevBox{margin-right:10px;}
#container .s_nobel_page_list .s_nobel_nextbox{margin-left:10px;}
#container .s_nobel_page_list p span{display:block; float:left; width:45px; height:28px; line-height:26px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:2px; color:#676767; cursor:pointer;}
#container .s_nobel_page_list p span a{color:#676767;}
#container .s_nobel_page_list p span a:hover{color:#d32b2b;}
#container .s_nobel_page_list p span img{cursor:pointer;}
#container .s_nobel_page_list p.s_nobel_prevBox{margin-right:10px; width:90px;}
#container .s_nobel_page_list p.s_nobel_prevBox span{float:right;}
#container .s_nobel_page_list p.s_nobel_nextBox{margin-left:10px; width:90px;}
#container .s_nobel_page_list ol{display:inline-block; overflow:hidden;}
#container .s_nobel_page_list ol li{display:inline-block; font-size:1.2em; font-weight:bold;}
#container .s_nobel_page_list ol li a{display:inline-block; width:28px; height:28px; line-height:26px; border:1px solid #ddd; background:#e9e5e5; border-radius:2px; box-sizing:border-box; color:#676767; margin:0 4px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#container .s_nobel_page_list ol li a:hover{border:1px solid #d32b2b; color:#d32b2b;}
#container .s_nobel_page_list ol li a.on{border:1px solid #d32b2b; color:#d32b2b; background:#fff;}
/* 인기 페이징 2018/08/16 */
#container .popular_cont .popular_page_list{width:100%; overflow:hidden; text-align:center; padding-top:19px;}
#container .popular_cont .popular_page_list p{display:inline-block; width:120px; cursor:pointer;}
#container .popular_cont .popular_page_list .popular_prevBox{margin-right:10px;}
#container .popular_cont .popular_page_list .popular_nextbox{margin-left:10px;}
#container .popular_cont .popular_page_list p span{display:block; float:left; width:45px; height:28px; line-height:26px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:2px; color:#676767; cursor:pointer;}
#container .popular_cont .popular_page_list p span a{color:#676767;}
#container .popular_cont .popular_page_list p span a:hover{color:#d32b2b;}
#container .popular_cont .popular_page_list p span img{cursor:pointer;}
#container .popular_cont .popular_page_list p.popular_prevBox{margin-right:10px; width:90px;}
#container .popular_cont .popular_page_list p.popular_prevBox span{float:right;}
#container .popular_cont .popular_page_list p.popular_nextBox{margin-left:10px; width:90px;}
#container .popular_cont .popular_page_list ol{display:inline-block; overflow:hidden;}
#container .popular_cont .popular_page_list ol li{display:inline-block; font-size:1.2em; font-weight:bold;}
#container .popular_cont .popular_page_list ol li a{display:inline-block; width:28px; height:28px; line-height:26px; border:1px solid #ddd; background:#e9e5e5; border-radius:2px; box-sizing:border-box; color:#676767; margin:0 4px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#container .popular_cont .popular_page_list ol li a:hover{border:1px solid #d32b2b; color:#d32b2b;}
#container .popular_cont .popular_page_list ol li a.on{border:1px solid #d32b2b; color:#d32b2b; background:#fff;}
/* 연재 페이징 2018/08/16 */
#container .today_me_cont .today_page_list{width:100%; overflow:hidden; text-align:center; padding-top:19px;}
#container .today_me_cont .today_page_list p{display:inline-block; width:120px; cursor:pointer;}
#container .today_me_cont .today_page_list .today_prevBox{margin-right:10px;}
#container .today_me_cont .today_page_list .today_nextBox{margin-left:10px;}
#container .today_me_cont .today_page_list p span{display:block; float:left; width:45px; height:28px; line-height:26px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:2px; color:#676767; cursor:pointer;}
#container .today_me_cont .today_page_list p span a{color:#676767;}
#container .today_me_cont .today_page_list p span a:hover{color:#d32b2b;}
#container .today_me_cont .today_page_list p span img{cursor:pointer;}
#container .today_me_cont .today_page_list p.today_prevBox{margin-right:10px; width:90px;}
#container .today_me_cont .today_page_list p.today_prevBox span{float:right;}
#container .today_me_cont .today_page_list p.today_nextBox{margin-left:10px; width:90px;}
#container .today_me_cont .today_page_list ol{display:inline-block; overflow:hidden;}
#container .today_me_cont .today_page_list ol li{display:inline-block; font-size:1.2em; font-weight:bold;}
#container .today_me_cont .today_page_list ol li a{display:inline-block; width:28px; height:28px; line-height:26px; border:1px solid #ddd; background:#e9e5e5; border-radius:2px; box-sizing:border-box; color:#676767; margin:0 4px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#container .today_me_cont .today_page_list ol li a:hover{border:1px solid #d32b2b; color:#d32b2b;}
#container .today_me_cont .today_page_list ol li a.on{border:1px solid #d32b2b; color:#d32b2b; background:#fff;}
/* 완결 페이징 2018/08/17 */
#container .sub_page_cont .completed_page_list{width:100%; overflow:hidden; text-align:center; padding-top:19px;}
#container .sub_page_cont .completed_page_list p{display:inline-block; width:120px; cursor:pointer;}
#container .sub_page_cont .completed_page_list .completed_prevBox{margin-right:10px;}
#container .sub_page_cont .completed_page_list .completed_nextBox{margin-left:10px;}
#container .sub_page_cont .completed_page_list p span{display:block; float:left; width:45px; height:28px; line-height:26px; text-align:center; box-sizing:border-box; background:#fff; border:1px solid #ddd; border-radius:2px; color:#676767; cursor:pointer;}
#container .sub_page_cont .completed_page_list p span a{color:#676767;}
#container .sub_page_cont .completed_page_list p span a:hover{color:#d32b2b;}
#container .sub_page_cont .completed_page_list p span img{cursor:pointer;}
#container .sub_page_cont .completed_page_list p.completed_prevBox{margin-right:10px; width:90px;}
#container .sub_page_cont .completed_page_list p.completed_prevBox span{float:right;}
#container .sub_page_cont .completed_page_list p.completed_nextBox{margin-left:10px; width:90px;}
#container .sub_page_cont .completed_page_list ol{display:inline-block; overflow:hidden;}
#container .sub_page_cont .completed_page_list ol li{display:inline-block; font-size:1.2em; font-weight:bold;}
#container .sub_page_cont .completed_page_list ol li a{display:inline-block; width:28px; height:28px; line-height:26px; border:1px solid #ddd; background:#e9e5e5; border-radius:2px; box-sizing:border-box; color:#676767; margin:0 4px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease;}
#container .sub_page_cont .completed_page_list ol li a:hover{border:1px solid #d32b2b; color:#d32b2b;}
#container .sub_page_cont .completed_page_list ol li a.on{border:1px solid #d32b2b; color:#d32b2b; background:#fff;}
/* 우측 사이드 페이징 버튼 2018/08/17 */
#side_paging{position:fixed; top:50%; left:50%; width:70px; height:140px; margin:-70px 0 0 600px; background:transparent;}
#side_paging ul{position:absolute; top:6%; right:0; width:60px; height:140px; z-index:10000;}
#side_paging ul li{width:100%; height:50%;}
#side_paging ul li a{display:block; width:100%; height:100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
#side_paging ul li.side_paging_left a{background:url(https://cdn.metoon.co.kr/img/side_button2.png) no-repeat 0 center; background-size:60px;}
#side_paging ul li.sidePrevHoverClass a:hover{background:url(https://cdn.metoon.co.kr/img/side_button2_over.png) no-repeat 0 center; background-size:60px;}
#side_paging ul li.side_paging_right a{background:url(https://cdn.metoon.co.kr/img/side_button1.png) no-repeat 0 center; background-size:60px;}
#side_paging ul li.sideNextHoverClass a:hover{background:url(https://cdn.metoon.co.kr/img/side_buytton1_over.png) no-repeat 0 center; background-size:60px;}
#side_paging .side_body_empty{display:none; position:absolute; bottom:-55px; right:0; width:100%; height:55px;}
@media all and (max-width:1397px){
	#side_paging .side_body_empty{display:block;}
}
@media all and (max-width:999px){
	#side_paging .side_foot_empty{bottom:-303px; height:248px;}
}
/*모바일 버전 보기 버튼*/
#foot .foot_cont .m_link_btn{display:none; width:100%; height:100px; float:left; text-align:center; font-size:70px; margin-top:20px;}
#foot .foot_cont .m_link_btn a{display:block; width:100%; height:100%; color:#c9c9c9; font-weight:bold; border:2px solid #c9c9c9; line-height:96px; box-sizing:border-box; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
#foot .foot_cont .m_link_btn a span{cursor:pointer; padding-left:;}
#foot .foot_cont .m_link_btn a:hover{border:1px solid #d32b2b; color:#d32b2b; }
@media all and (max-width:600px){
	#foot .foot_cont .m_link_btn{display:block;}
}
/* 웹툰 정액권 팝업 */
.webtoon_pass_icon{position:fixed; bottom:100px; left:50%; width:180px; height:180px; margin-left:620px; z-index:99999;}
.webtoon_pass_icon a{position:absolute; display:block;}
.webtoon_pass_icon a img{cursor:pointer;}
.webtoon_pass_icon .webtoon_pass_open{top:0; left:0; width:100%; z-index:1;}
.webtoon_pass_icon .webtoon_pass_open img{width:100%;}
.webtoon_pass_icon .webtoon_pass_close{top:0; right:0; width:30px; z-index:2;}
.webtoon_pass_icon .webtoon_pass_close img{width:100%;}
.webtoon_pass_layer_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:10000000;}
.webtoon_pass_layer_wrap .webtoon_pass_layer{position:relative; top:50%; width:430px; margin:-350px auto 0; background:#f0f0f0; box-sizing:border-box; padding:0 4px 10px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_notice{width:100%; height:33px; background:#f0f0f0; font-size:1.35em; font-weight:bold; color:#b21212; box-sizing:border-box; padding:8px 6px 5px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_notice span{display:block; float:left;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_notice a{display:block; float:right;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_notice a img{cursor:pointer;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont{width:100%; background:#fff; box-sizing:border-box; border:1px solid #ccc; padding:10px 10px 10px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont .webtoon_pass_layer_visual{width:100%; margin-bottom:10px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont .webtoon_pass_layer_visual img{width:100%;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul{width:100%; margin-bottom:10px; box-sizing:border-box; border-top:1px solid #cecece;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li{position:relative; width:100%; box-sizing:border-box;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li input{position:absolute; top:0; left:0; opacity:0; z-index:-1;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label{display:block; width:100%; box-sizing:border-box; padding:13px 10px; border-bottom:1px solid #e1e1e1; overflow:hidden; cursor:pointer;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label p{float:left; font-size:1em; font-weight:bold; color:#2c2c2c; box-sizing:border-box; cursor:pointer;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_title span{position:relative; display:inline-block; margin-right:5px; color:#a0a0a0;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_title span:before{content:""; position:absolute; top:50%; left:50%; display:block; width:28px; height:7px; margin:-4px 0 0 -13px; background:url(https://cdn.metoon.co.kr/img/ic_wt_arrow.png?2) no-repeat center; background-size:28px auto;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label i{display:block; float:left; margin:0 4px 0 6px; color:#2c2c2c; font-size:1em; font-weight:bold;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_strike{position:relative; color:#676767;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_strike:before, .webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_strike:after{content:""; display:block; width:100%; height:1px; position:absolute; top:50%; left:0; background:#d32b2b;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_strike:before{transform:rotate(12deg); -webkit-transform:rotate(12deg); -moz-transform:rotate(12deg); -o-transform:rotate(12deg); -ms-transform:rotate(12deg);}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_strike:after{transform:rotate(-12deg); -webkit-transform:rotate(-12deg); -moz-transform:rotate(-12deg); -o-transform:rotate(-12deg); -ms-transform:rotate(-12deg);}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_sale{margin-left:5px; color:#d32b2b;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_arrow{float:right; margin-top:4px; margin-right:7px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_arrow img{vertical-align:middle;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li label .wt_coin{float:right; line-height:1; vertical-align:top; font-size:1.12em;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont ul li input[type=radio]:checked + label{border:1px solid #d32b2b; padding-left:25px; box-sizing:border-box; background:url(https://cdn.metoon.co.kr/img/adult_radio_check_on.png) no-repeat 7px center, #fff5f8; background-size:13px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont .webtoon_pass_buy{display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#d32b2b; color:#fff; margin:0 auto; border-radius:5px; font-size:1.1em; font-weight:bold; transition:background-color 0.3s ease; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont .webtoon_pass_buy:hover{background:rgb(255, 0, 3);}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont .wt_pass_notice{font-size:0.95em; color:#2c2c2c; margin-top:7px; line-height:1.4; box-sizing:border-box; position:relative; padding-left:10px;}
.webtoon_pass_layer_wrap .webtoon_pass_layer .webtoon_pass_layer_cont .wt_pass_notice:before{content:"*"; position:absolute; display:inline-block; font-size:0.95em; color:#2c2c2c; top:0; left:0;}
/* 딱 한번 100원 세일 배너 2018/09/10 */
.pop_sale_100_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:99999999;}
.pop_sale_100_wrap .pop_sale_100{position:relative; width:520px; margin:12% auto 0;}
.pop_sale_100_wrap .pop_sale_100 > img{width:100%;}
.pop_sale_100_wrap .pop_sale_100 > a{display:block; position:absolute;}
.pop_sale_100_wrap .pop_sale_100 .pop_sale_100_x{top:0; right:0; width:27px; margin:14px 14px 0 0;}
.pop_sale_100_wrap .pop_sale_100 .pop_sale_100_x img{width:100%; cursor:pointer;}
.pop_sale_100_wrap .pop_sale_100 .pop_sale_100_btn{bottom:0; left:50%; width:266px; margin:0 0 22px -133px;}
.pop_sale_100_wrap .pop_sale_100 .pop_sale_100_btn img{width:100%; cursor:pointer;}
.pop_pay100_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:99999999;}
.pop_pay100_wrap .pop_pay100{position:relative; top:50%; left:0; right:0; width:420px; margin:-270px auto 0; background:#f0f0f0; box-sizing:border-box; padding:0 5px 10px; letter-spacing:-1px;}
.pop_pay100_wrap .pop_pay100 p{width:100%; height:37px; line-height:37px; overflow:hidden;}
.pop_pay100_wrap .pop_pay100 p span{font-size:1.2em; font-weight:bold; color:#000; margin-left:5px;}
.pop_pay100_wrap .pop_pay100 p a{display:inline-block; float:right; margin:8px 5px 0 0;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_cont{width:100%; box-sizing:border-box; background:#fff; padding:12px 10px 11px; border:1px solid #aaaaff; overflow:hidden;}
.pop_pay100_wrap .pop_pay100 p a img{cursor:pointer;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_banner{width:100%; margin-bottom:5px;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_banner img{width:100%;}
.pop_pay100_wrap .pop_pay100 ul{width:100%;}
.pop_pay100_wrap .pop_pay100 ul li{float:left; width:126px; margin-right:5px; box-sizing:border-box; border:1px solid #dfdfdf;}
.pop_pay100_wrap .pop_pay100 ul li:last-child{margin-right:0;}
.pop_pay100_wrap .pop_pay100 ul li a dl{width:100%;}
.pop_pay100_wrap .pop_pay100 ul li a dl dt{width:100%;}
.pop_pay100_wrap .pop_pay100 ul li a dl dt img{width:100%; cursor:pointer;}
.pop_pay100_wrap .pop_pay100 ul li a dl dd{width:100%; text-align:center; line-height:1; padding:3px 0 2px; background:#dfdfdf; font-size:13px; font-weight:bold; color:#fff;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice{width:100%;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice dl{width:100%; overflow:hidden;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice dl dt{font-size:16px; margin-bottom:5px; margin-top:10px; padding-top:7px; color:#464646; font-weight:bold; border-top:1px dashed #a5a5a5;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice dl dd{line-height:1.6; color:#676767; width:100%; margin:0; box-sizing:border-box; padding-left:15px; position:relative;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice dl dd:nth-of-type(10){padding-left:18px;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice dl dd:nth-of-type(10) span{left:-2px;}
.pop_pay100_wrap .pop_pay100 .pop_pay100_notice dl dd span{position:absolute; top:0; left:0;}
/* 해피머니 코인충전 시 추가캐시 지급 이벤트 */
.event_happy_coin{max-width:1000px; margin:20px auto; min-width:750px; position:relative;}
.event_happy_coin > img{width:100%;}
.event_happy_coin a{position:absolute; bottom:0; right:0; margin:0 15% 12% 0;}
.event_happy_coin a img{cursor:pointer;}
/* 한가위 출첵 이벤트 2018/09/21 */
.event_tgc{max-width:1000px; margin:20px auto; min-width:750px; position:relative;}
.event_tgc > img{width:100%;}
.event_tgc ul{position:absolute; top:50%; left:50%; width:654px; height:152px; margin:-168px 0 0 -307px;}
.event_tgc ul li{float:left; width:20%;}
.event_tgc ul li img{width:95%;}
.event_tgc a.event_tgc_btn{display:block; position:absolute; top:50%; left:50%; width:173px; height:44px; margin:45px 0 0 -62px;}
.event_tgc a.event_tgc_btn img{width:100%; cursor:pointer;}
/* 무료충전코인 팝업 20181107 */
.free_fill_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999;}
.free_fill_wrap .free_fill_cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); z-index:1;}
.free_fill_wrap .free_fill{position:absolute; top:50%; left:50%; background:#f6f6f6; width:430px; overflow:hidden; box-sizing:border-box; padding:10px 5px; z-index:2; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.free_fill_wrap .free_fill h3{line-height:24px; font-size:1.35em; color:#d32b2b; box-sizing:border-box; padding:0 5px; margin-bottom:10px;}
.free_fill_wrap .free_fill h3 a{float:right;}
.free_fill_wrap .free_fill h3 a img{cursor:pointer;}
.free_fill_wrap .free_fill .free_fill_contents{width:100%; background:#fff; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; padding:10px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_bnr{width:100%;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_bnr img{width:100%;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list{width:100%; margin-top:11px; overflow:hidden; border-top:2px solid #cecece; border-bottom:2px solid #cecece;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list ul{width:100%; overflow:hidden;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list ul li{width:100%; border-bottom:1px solid #e1e1e1; box-sizing:border-box; height:56px; line-height:55px; font-size:1.179em; color:#2c2c2c; padding:0 2px 0 11px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list ul li span{display:inline-block; max-width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list ul li a{display:inline-block; width:90px; height:40px; background:#d32b2b; border-radius:4px; text-align:center; box-sizing:border-box; color:#fff; padding:2px; float:right; margin-top:7px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list ul li a b{display:inline-block; cursor:pointer; font-weight:bold; width:100%; height:100%; border:1px solid rgba(255, 255, 255, 0.9); border-radius:3px; box-sizing:border-box; line-height:34px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_list ul li a:hover{background:rgb(255, 0, 3);}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_paging{width:100%; overflow:hidden; text-align:center; margin:10px auto;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_paging button{display:inline-block; outline:none; width:22px; height:21px; box-sizing:border-box; border:1px solid #ccc; border-radius:3px; text-indent:-9999px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_paging button.free_fill_prev{background:url(https://cdn.metoon.co.kr/img/free_fill_prev.png) no-repeat center, #fff; background-size:8px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_paging button.free_fill_next{background:url(https://cdn.metoon.co.kr/img/free_fill_next.png) no-repeat center, #fff; background-size:8px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_paging span{font-size:1.179em; font-weight:bold; color:#d32b2b; margin:0 5px; vertical-align:middle; display:inline-block; margin-top:-4px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_btn{display:block; width:100%; height:40px; line-height:40px; background:#d32b2b; text-align:center; font-size:1.179em; font-weight:bold; color:#fff; margin-bottom:9px; margin-top:19px;}
.free_fill_wrap .free_fill .free_fill_contents .free_fill_btn:hover{background:rgb(255, 0, 3);}
/* 회원가입 로그인 팝업 new 2018/11/13 */
#join_login_pop_wrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000000; letter-spacing:-0.03em;text-align:center;}
#join_login_pop_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.join_login_pop_cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:99999999;}
#join_login_pop_wrap #join_login_pop{position:relative;width:100%;max-width:397px; background:#fff; border:1px solid #e5e5e5; border-radius:4px; z-index:2;text-align:left;display:inline-block;vertical-align:middle;}
#join_login_pop_wrap #join_login_pop .jl_head{width:100%;position:relative; }
#join_login_pop_wrap #join_login_pop .jl_head .jl_close{position:absolute; top:12px; right:11px; display:block; width:15px;z-index:20;}
#join_login_pop_wrap #join_login_pop .jl_head .jl_close img{width:100%; cursor:pointer;}
#join_login_pop_wrap #join_login_pop .jl_head h1{width:100%;height:0;padding-top:27.341%;}
#join_login_pop_wrap #join_login_pop .jl_head h1 img{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:370px;display:block;margin:0 auto;}
.jl_adult_notice{display:flex;padding:28px 10px 15px;}
.jl_adult_noti_mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border:3px solid #FF0000;border-radius:100%;font-size:24px;color:#000;}
.jl_adult_noti_text{padding-left:10px;font-size:13px;}
#join_login_pop .jl_contents{width:100%; box-sizing:border-box; padding:0 12px;}
#join_login_pop .jl_contents .jl_popup{width:100%;}
#join_login_pop .jl_contents .jl_popup .jl_top_txt{font-size:12px; font-weight:bold; color:#676767; width:100%; line-height:32px;}
#join_login_pop .jl_contents .jl_popup .jl_top_txt span{color:#d32b2b;}
#join_login_pop .jl_contents .jl_popup .jl_change_box{width:100%; height:50px;}
#join_login_pop .jl_contents .jl_popup .jl_change_box li{position:relative; width:50%; height:100%; float:left;}
#join_login_pop .jl_contents .jl_popup .jl_change_box li a{position:absolute; bottom:0; left:0; display:block; width:100%; height:50px; border:thin solid #d6d6d6; background:#f5f5f5; line-height:48px; text-align:center; font-size:16px;font-weight:700; color:#777; box-sizing:border-box;}
#join_login_pop .jl_contents .jl_popup .jl_change_login li.jl_chg_join a{border-left:thin solid #eeedf0;}
#join_login_pop .jl_contents .jl_popup .jl_change_join li.jl_chg_login a{border-right:thin solid #eeedf0;}
#join_login_pop .jl_contents .jl_popup .jl_change_join li.jl_chg_join a{height:100%; line-height:48px; background:#fff; border:1px solid #d6d6d6; border-bottom:thin solid #fff; color:#ef2a23;}
#join_login_pop .jl_contents .jl_popup .jl_change_login li.jl_chg_login a{height:100%; line-height:48px; background:#fff; border:1px solid #d6d6d6; border-bottom:thin solid #fff; color:#ef2a23;}
#join_login_pop .jl_contents .jl_popup .jl_sns{width:100%; margin-top:27px;}
.jl_line_title{width:100%; height:1px; position:relative; background:#dddddd; font-size:14px; font-weight:bold; color:#333;}
.jl_line_title span{display:inline-block; position:absolute; top:50%; left:50%; width:170px;text-align:center; background:#fff;letter-spacing:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
#join_login_pop .jl_contents .jl_popup .jl_sns ul{width:100%; overflow:hidden; margin-top:25px; box-sizing:border-box;  font-size:0; text-align:center;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li{display:inline-block; margin-left:37px;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li:first-child{margin-left:0;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li a{display:block; text-align:center;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li i{display:block;width:55px; height:55px;}
#join_login_pop .jl_contents .jl_popup .jl_sns li span{font-size:13px;color:#555555;line-height:1.1;display:block;cursor:pointer;margin-top:10px;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li a.jl_naver i{background:url("https://cdn.metoon.co.kr/mimg/jl_naver_logo_c.png/me/resize/110x") no-repeat center;background-size:100%;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li a.jl_kakao i{background:url("https://cdn.metoon.co.kr/mimg/jl_kakao_logo_c.png/me/resize/110x") no-repeat center;background-size:100%;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li a.jl_facebook i{background:url("https://cdn.metoon.co.kr/mimg/jl_facebook_logo_c.png/me/resize/110x") no-repeat center;background-size:100%;}
#join_login_pop .jl_contents .jl_popup .jl_sns ul li a.jl_google i{background:url("https://cdn.metoon.co.kr/mimg/jl_google_logo_c.png/me/resize/110x") no-repeat center;background-size:100%;}
#join_login_pop .jl_contents .jl_popup .jl_input{width:100%; margin-top:35px;}
#join_login_pop .jl_contents .jl_popup .jl_input input.jl_text{width:100%; height:43px; line-height:41px; background:#fff; box-sizing:border-box; padding-left:10px; border:1px solid #dddddd; font-size:16px; cursor:text;}
#join_login_pop .jl_contents .jl_popup .jl_input input.jl_text:focus{border:1px solid rgb(247, 74, 125);border:1px solid #a5ddff;}
#join_login_pop .jl_contents .jl_popup .jl_input input[type="text"]{margin-bottom:7px;}
#join_login_pop .jl_contents .jl_popup .jl_input input[name="user_inv_code"]{background-color:#f1f1f1;margin:7px auto 0;}
#join_login_pop .jl_contents .jl_popup .jl_input input[name="user_inv_code"]:focus{background-color:#fff;}
#join_login_pop .jl_contents .jl_popup .jl_input input[type="text"]::placeholder, #join_login_pop .jl_contents .jl_popup .jl_input input[type="password"]::placeholder{font-size:13px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box{width:100%; overflow:hidden; margin:25px auto 20px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li{float:left; width:50%; height:24px; line-height:24px; text-align:center; font-size:13px; font-weight:bold; color:#333333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li:first-child{text-align:left;padding-left:18px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li:last-child{text-align:right;padding-right:18px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a{display:inline-block; position:relative; color:#757575;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a span{display:inline-block; width:24px; height:24px; margin-right:6px;font-size:0;text-indent:-9999px; border-radius:100%; cursor:pointer;overflow:hidden;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a em{font-weight:400;vertical-align:top;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a.jl_email_btn span{background:url("https://cdn.metoon.co.kr/mimg/email_icon.png") no-repeat center, #757575; background-size:14px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a.jl_phone_btn span{background:url("https://cdn.metoon.co.kr/mimg/phone_icon.png") no-repeat center, #757575; background-size:9px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a.on{color:#333;}
/* #join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a.on:before{content:""; position:absolute; top:50%; left:-16px; display:block; background:url("https://cdn.metoon.co.kr/mimg/jl_login_checked.png") no-repeat 0 center; width:13px; height:11px; margin-top:-5px; background-size:13px;} */
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a.jl_email_btn.on span{background:url("https://cdn.metoon.co.kr/mimg/email_icon.png") no-repeat center,#ef2a23; background-size:14px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .ep_chg_box li a.jl_phone_btn.on span{background:url("https://cdn.metoon.co.kr/mimg/phone_icon.png") no-repeat center,#ef2a23; background-size:9px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form{width:100%; position:relative;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check{width:100%; overflow:hidden;/* margin:12px auto 0; */margin:5px auto 0;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li{/* width:50%;margin-top:5px; */float:left; line-height:13px; font-size:12px; color:#000; box-sizing:border-box; padding-left:18px; position:relative;margin:7px 8px 0 0;box-sizing:border-box;}
/* #join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li:first-child, #join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li:nth-of-type(2){margin-top:0;} */
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li:nth-child(odd){min-width:162px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li:nth-child(3){clear:left;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li:last-child{margin-right:0;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li input{position:absolute; top:0; left:0; opacity:0; width:0;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li label{display:inline-block; line-height:14px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li label:before, #join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li label:before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:14px;height:14px;border:1px solid #ddd;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-7px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form .jl_form_check li input[type="checkbox"]:checked + label:before, #join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li input[type="checkbox"]:checked + label:before{background:url("https://cdn.metoon.co.kr/img/jl_checked_new.png") no-repeat 0 center;background-size:100%;}
#join_login_pop .jl_contents .jl_popup .jl_ep_join .jl_form button.jl_btn{display:inline-block; width:100%; height:43px; line-height:43px; text-align:center; background:#ef2a23; color:#fff; font-weight:bold; font-size:16px; border-radius:3px; outline:none; border:none; margin-top:10px;}
#join_login_pop .jl_contents .jl_popup .jl_questions{font-size:12px; color:#757575; line-height:1.1; padding:12px;background-color:#f7f7f7;margin-top:10px;margin-left:-12px;margin-right:-12px;}
#join_login_pop .jl_contents .jl_popup .jl_questions .terms_grp{float:right;}
#join_login_pop .jl_contents .jl_popup .jl_questions a{color:#757575;}
#join_login_pop .jl_contents .jl_popup .jl_questions .terms_grp a:hover{text-decoration:underline;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login{margin-top:25px; position:relative;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check{width:100%; margin-top:18px; float:left; position:relative; box-sizing:border-box;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li{float:left; line-height:13px; position:relative;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li:first-child{margin-right:15px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li input{position:absolute; top:0; left:0; opacity:0; width:0;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li label{display:inline-block; line-height:14px; padding-left:26px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li label:before{width:18px;height:18px;border-radius:5px;margin-top:-9px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check li input[type="checkbox"]:checked + label{background-size:auto;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check .jl_pw_find{display:block; position:absolute; top:0; right:0; margin-top:-2px; margin-right:15px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_form_check .jl_pw_find a{display:inline-block; padding:0 9px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#757575; background:#fff; border-radius:3px;border:1px solid #ddd;margin-top:-4px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_log_add{width:100%; margin-top:9px; margin-bottom:10px; float:left; box-sizing:border-box;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_log_add span{display:block; float:left;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_log_add span a{display:inline-block; display:inline-block; padding:0 9px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff; background:#929292; border-radius:3px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form_login .jl_log_add .jl_service{margin-right:10px;}
#join_login_pop .jl_contents .jl_popup .jl_ep_login .jl_form button.jl_btn{display:inline-block; width:100%; height:43px; line-height:43px; text-align:center; background:#ef2a23; color:#fff; font-weight:bold; font-size:16px; border-radius:3px; margin-top:10px; outline:none; border:none;}
#join_login_pop .jl_contents .jl_popup .jl_input input[type="number"]::-webkit-outer-spin-button, #join_login_pop .jl_contents .jl_popup .jl_input input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_certify{position:absolute; top:31%; right:2%; width:74px; height:26px; line-height:26px; border-radius:4px; font-size:13px; text-align:center;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_certify a{display:block; width:100%; height:100%; background:#666666; color:#fff; border-radius:4px;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list{width:100%; overflow:hidden; margin:5px auto 6px;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li{width:100%; line-height:1.1;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li:first-child{margin-bottom:4px;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li p{font-size:13px; color:#222222; letter-spacing:-1px;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li p span{color:#d32b2b; font-weight:bold;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li:last-child span{display:block; float:left;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li:last-child span.jl_service{margin-right:10px;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_cert_list li:last-child span a{display:inline-block; padding:0 9px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#fff; background:#929292; border-radius:3px;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_form .user_domain_box{position:absolute; top:43px; left:0; width:100%; background:#fff; border:1px solid #ddd; border-top:none; border-bottom:none; z-index:99;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_form .user_domain_box li{width:100%; box-sizing:border-box; padding:10px; font-size:14px;color:#555; border-bottom:1px solid #ddd;cursor:pointer;}
#join_login_pop .jl_contents .jl_popup .jl_input .jl_form .user_domain_box li:hover{background-color:#f6fcff;border-color:#d9efff;}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:27px;height:20px;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;vertical-align:middle;text-align:center;}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;display:block;width:3px;height:10px;background:rgba(255, 255, 255, .9);-webkit-animation:jlLoading 1s infinite linear;-moz-animation:jlLoading 1s infinite linear;animation:jlLoading 1s infinite linear;}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span + span{margin-left:3px;}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span:nth-child(1){animation-delay:-0.15s}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span:nth-child(2){animation-delay:0s}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span:nth-child(3){animation-delay:0.15s}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span:nth-child(4){animation-delay:0.3s}
#join_login_pop .jl_contents .jl_popup .jl_form button.jl_btn .jl_btn_loading span:nth-child(5){animation-delay:0.45s}
@-webkit-keyframes jlLoading{
	0, 50%{
		-webkit-transform:scaleY(.3);
		-moz-transform:scaleY(.3);
		-o-transform:scaleY(.3);
		-ms-transform:scaleY(.3);
		transform:scaleY(.3);
	}
	25%{
		-webkit-transform:scaleY(1.8);
		-moz-transform:scaleY(1.8);
		-o-transform:scaleY(1.8);
		-ms-transform:scaleY(1.8);
		transform:scaleY(1.8);
	}
}
@-moz-keyframes jlLoading{
	0, 50%{
		-webkit-transform:scaleY(.3);
		-moz-transform:scaleY(.3);
		-o-transform:scaleY(.3);
		-ms-transform:scaleY(.3);
		transform:scaleY(.3);
	}
	25%{
		-webkit-transform:scaleY(1.8);
		-moz-transform:scaleY(1.8);
		-o-transform:scaleY(1.8);
		-ms-transform:scaleY(1.8);
		transform:scaleY(1.8);
	}
}
@keyframes jlLoading{
	0, 50%{
		-webkit-transform:scaleY(.3);
		-moz-transform:scaleY(.3);
		-o-transform:scaleY(.3);
		-ms-transform:scaleY(.3);
		transform:scaleY(.3);
	}
	25%{
		-webkit-transform:scaleY(1.8);
		-moz-transform:scaleY(1.8);
		-o-transform:scaleY(1.8);
		-ms-transform:scaleY(1.8);
		transform:scaleY(1.8);
	}
}
/* 비밀번호 찾기 NEW */
#findpw_pop_wrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000000; letter-spacing:-0.03em;text-align:center;}
#findpw_pop_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
#findpw_pop_wrap .findpw_pop_cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:1;}
#findpw_pop_wrap #findpw_pop{position:relative; width:397px; background:#fff; border-radius:4px; z-index:2;display:inline-block;vertical-align:middle;text-align:left;}
#findpw_pop_wrap #findpw_pop .fp_head{width:100%;position:relative;}
#findpw_pop_wrap #findpw_pop .fp_head .fp_close{position:absolute; top:12px; right:11px; display:block; width:15px;z-index:20;}
#findpw_pop_wrap #findpw_pop .fp_head .fp_close img{width:100%; cursor:pointer;}
#findpw_pop_wrap #findpw_pop .fp_head h1{width:100%;height:0;padding-bottom:27.341%;position:relative;}
#findpw_pop_wrap #findpw_pop .fp_head h1 img{width:100%;max-width:370px;position:absolute;bottom:0;left:0;right:0;display:block;margin:0 auto;}
#findpw_pop .fp_contents{width:100%; box-sizing:border-box; padding:0 12px 20px;}
#findpw_pop .fp_contents .findpw_new{width:100%; overflow:hidden;}
#findpw_pop .fp_contents .findpw_new .fp_change_box{width:100%; height:50px; margin-bottom:25px;}
#findpw_pop .fp_contents .findpw_new .fp_change_box li{position:relative; width:50%; height:100%; float:left;}
#findpw_pop .fp_contents .findpw_new .fp_change_box li a{position:absolute; bottom:0; left:0; display:block; width:100%; height:50px; border:1px solid #d6d6d6; background:#f5f5f5; line-height:48px; text-align:center; font-size:16px; font-weight:bold; color:#757575; box-sizing:border-box;}
#findpw_pop .fp_contents .findpw_new .fp_change_box li.fp_chg_login a{border-left:1px solid #f5f5f5;}
#findpw_pop .fp_contents .findpw_new .fp_change_box li.fp_chg_findpw a{border-right:1px solid #f5f5f5;}
#findpw_pop .fp_contents .findpw_new .fp_change_box li.fp_chg_findpw a{height:100%; line-height:48px; background:#fff; border:1px solid #d6d6d6; border-bottom:1px solid #fff; color:#ef2a23;}
#findpw_pop .fp_contents .fp_form{width:100%;}
#findpw_pop .fp_contents .fp_form ~ .fp_form{margin-top:25px;}
#findpw_pop .fp_contents .fp_form .jl_line_title{margin-bottom:25px;}
#findpw_pop .fp_contents .fp_form input{width:100%; height:43px; line-height:41px; background:#fff; box-sizing:border-box; padding-left:10px; padding-right:10px; border:1px solid #ddd; font-size:16px;}
#findpw_pop .fp_contents .fp_form input[type="number"]::-webkit-outer-spin-button, #findpw_pop .fp_contents .fp_form input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#findpw_pop .fp_contents .fp_form input ~ input{margin-top:7px;}
#findpw_pop .fp_contents .fp_form input::placeholder{letter-spacing:-0.02em; font-size:13px;}
#findpw_pop .fp_contents .fp_form .findpw_btn, .find_id_result_area .back_find_pw_btn{display:inline-block; width:100%; height:43px; line-height:43px; text-align:center; background:#ef2a23; color:#fff; font-weight:bold; font-size:16px; border-radius:3px; margin-top:16px; border:none; outline:none;}
#findpw_pop .fp_contents .fp_form .fp_terms{width:100%; overflow:hidden; margin-top:15px;}
#findpw_pop .fp_contents .fp_form .fp_terms ul li{float:right; margin-right:10px;}
#findpw_pop .fp_contents .fp_form .fp_terms ul li:first-child{margin-right:0;}
#findpw_pop .fp_contents .fp_form .fp_terms ul li a{display:inline-block; display:inline-block; padding:0 9px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#757575; background:#fff;border:1px solid #ddd; border-radius:3px;}
.fp_form_wrapper .notice{padding:0 5px;font-size:13px;color:#989898;line-height:1.4;margin-top:10px;}
.fp_form_wrapper .notice em{color:#707070;}
.find_id_result_title{font-size:15px;font-weight:700;text-align:center;}
.find_id_result_lists{padding:0 10px;max-height:180px;overflow-y:auto;margin-top:20px;}
.find_id_result_lists li{padding:10px;background-color:#f7f7f7;border:1px solid #eee;font-size:13px;color:#1a1a1a;margin-top:5px;}
.find_id_result_lists li:first-child{margin-top:0;}

.service_use_terms_md{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:10px 0;text-align:center;overflow-y:auto;z-index:100000001;}
.service_use_terms_md::before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.service_use_terms_md_bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);}
.serv_use_terms_md_con{position:relative;display:inline-block;width:95%;max-width:426px;padding:30px 20px 20px;background-color:#fff;border-radius:6px;box-shadow:0 0 6px rgba(0, 0, 0, 0.25);vertical-align:middle;z-index:10;}
.serv_use_terms_md_con h2{padding:0;margin:0;font-size:17px;font-weight:700;}
.serv_use_terms_md_close{position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;border:0 none;background-color:transparent;padding:0;margin:0;}
.serv_use_terms_md_close::before, .serv_use_terms_md_close::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:20px;height:1px;background-color:#A1A1A1;margin:auto;transform:rotate(45deg);}
.serv_use_terms_md_close::after{transform:rotate(-45deg);}
.serv_use_terms_md_con table{border-collapse:collapse;border-spacing:0;font-size:12px;margin-top:18px;}
.serv_use_terms_md_con th, .serv_use_terms_md_con td{padding:10px 7px;border:1px solid #E2E2E2;}
.serv_use_terms_md_con th{background-color:#313131;border-color:#8D8D8D;color:#ffffff;}
.serv_use_terms_md_con td{background-color:#fcfcfc;color:#141414;text-align:left;}

/* me x 리얼로또 콜라보 이벤트 배너 */
.mexrotto_pass_icon{position:fixed; bottom:150px; right:50px; width:150px; height:200px; z-index:99999;}
.mexrotto_pass_icon a{position:absolute; display:block; background:#fff;}
.mexrotto_pass_icon a img{cursor:pointer;}
.mexrotto_pass_icon .mexrotto_pass_open{top:0; left:0; width:100%; z-index:1; border:1px solid #ddd;}
.mexrotto_pass_icon .mexrotto_pass_open img{width:100%;}
.mexrotto_pass_icon .mexrotto_pass_close{top:-30px; right:-30px; width:30px; z-index:2; background:transparent;}
.mexrotto_pass_icon .mexrotto_pass_close img{width:100%;}
/* 신규회원 50코인 증정 이벤트 페이지 */
.event_me50coin{width:100%; max-width:1000px; min-width:750px; margin:20px auto; position:relative;}
.event_me50coin > img{width:100%;}
.event_me50coin ul{position:absolute; bottom:3.35%; left:0; width:100%; text-align:center; font-size:0;}
.event_me50coin ul li{display:inline-block; width:25.6%; margin-left:3.2%;}
.event_me50coin ul li:first-child{margin-left:0;}
.event_me50coin ul li a{display:block;}
.event_me50coin ul li a img{width:100%; cursor:pointer;}
/* 서브페이지 리뉴얼 */
#container .sub_re_wrap{width:100%; min-height:70vh; background-color:#fff; padding-bottom:112px;}
#container .sub_re_cont{position:relative; width:1180px; margin:0 auto; padding:20px 0 0; letter-spacing:-0.05em;}
#container .sub_re_cont:after{content:""; display:block; clear:both;}
#container .toon_re_cont{padding-top:35px !important;}
#container .sub_re_cont .sub_re_title{font-size:30px; color:#030000; font-weight:500; margin-bottom:20px; line-height:1;}
#container .sub_re_cont .sub_re_title span{margin-left:10px; font-size:16px; font-weight:normal; color:#838383;}
#container .sub_re_cont .sub_re_menu{position:relative; width:100%; margin-bottom:24px;}
#container .sub_re_cont .sub_re_menu ul:after{content:""; display:block; clear:both;}
#container .sub_re_cont .sub_re_menu ul li{float:left; height:60px;}
#container .sub_re_cont .popular_re_menu ul li{width:25%;}
#container .sub_re_cont .today_re_menu ul li{width:11.111%;}
#container .sub_re_cont .toon_re_menu ul li{width:16.666%;}
#container .sub_re_cont .sub_re_menu ul li a{position:relative; display:block; width:100%; height:100%; line-height:58px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#f5f5f5; border:1px solid #e5e5e5; border-right:0 none; font-size:17px; color:#747474;}
#container .sub_re_cont .sub_re_menu ul li:last-child a{border-right:1px solid #e5e5e5;}
#container .sub_re_cont .sub_re_menu ul li a.on{background-color:#fff; border-bottom:0 none; color:#f81700;}
#container .sub_re_cont .sub_re_menu ul li a:hover{color:#f81700;}
#container .sub_re_cont .sub_re_menu ul li a span{cursor:pointer;}
#container .sub_re_cont .today_re_menu ul li a.on span:after{content:"Today"; display:inline-block; margin-left:5px; padding:3px 7px; background:#f81700; color:#fff; font-weight:bold; line-height:1.1; font-size:12px; letter-spacing:0; vertical-align:middle;}
#container .sub_re_cont .sub_re_menu .toon_menu_fix_btn{position:absolute; top:0; right:0; margin:-15px -60px 0 0;}
#container .sub_re_cont .sub_re_menu .toon_menu_fix_btn a{display:block; padding:10px 12px; background:#d32b2b; color:#fff; font-weight:bold; font-size:1em; border-radius:17px 0; box-sizing:border-box;}
#container .sub_re_cont .sub_re_menu .toon_menu_fix_btn a span{display:inline-block; cursor:pointer; padding-left:20px; background:url(https://cdn.metoon.co.kr/img/fix_coin_ic.png) no-repeat 0 center; background-size:14px;}
#container .sub_re_cont .sub_re_menu .toon_menu_fix_btn a:hover{background:rgb(255, 0, 3);}
#container .sub_re_cont .sub_re_menu .toon_menu_fix_btn a:hover span{background:url(https://cdn.metoon.co.kr/img/fix_coin_ic_on.png) no-repeat 0 center; background-size:14px;}
#container .sub_re_cont .sub_re_options{width:100%;}
#container .sub_re_cont .sub_re_options:after{content:""; display:block; clear:both;}
#container .sub_re_cont .sub_re_options .sub_re_options01{float:left;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort{margin-top:7px;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort:after{content:""; display:block; clear:both;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort li{float:left; position:relative;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort li:after{content:""; display:inline-block; width:1px; height:13px; background-color:#e5e5e5; margin:0 8px; vertical-align:middle;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort li:last-child:after{content:none;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort li input{position:absolute; top:0; left:0; z-index:-1; opacity:0;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort li label{font-size:14px; font-weight:bold; color:#838383; padding-left:19px; background:url("https://cdn.metoon.co.kr/img/ic_sort_off.png") no-repeat 0 center; background-size:15px;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort li input[type="radio"]:checked + label{color:#f81700; background:url("https://cdn.metoon.co.kr/img/ic_sort_on.png") no-repeat 0 center; background-size:15px;}
#container .sub_re_cont .sub_re_options .sub_re_options02{float:right;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re{float:left;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re:after{content:""; display:block; clear:both;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li{float:left; position:relative;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li input{position:absolute; top:0; left:0; z-index:-1; opacity:0;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li label{display:block; width:39px; height:30px; line-height:30px; border:1px solid #e5e5e5; background-color:#f5f5f5; text-align:center; font-size:11px;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li:first-child label{border-right:0 none; color:#838383;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li:nth-child(2) label{color:#f26d7d;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li:last-child label{border-left:0 none; color:#0096d6;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re ul li input[type="radio"]:checked + label{background-color:#fff; font-weight:bold;}
#container .sub_re_cont .sub_re_options .sub_re_options02 select{appearance:none; -webkit-appearance:none; -moz-appearance:none; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 24px 0 13px;  border:1px solid #e5e5e5; background:url("https://cdn.metoon.co.kr/img/ic_select_down.png") no-repeat 95% center; background-size:13px; font-size:14px; color:#838383;}
#container .sub_re_cont .sub_re_options .sub_re_options02 select::-ms-expand{display:none;}
#container .sub_re_cont .sub_re_options .sub_re_options02 .sub_re_category{width:250px; height:32px; margin-left:6px;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #toonViewNum{width:120px; height:32px;}
#container .sub_re_cont .sub_re_list_cont{width:100%; margin-top:21px;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list:after{content:""; display:block; clear:both;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li{float:left; margin-bottom:25px;}
#container .sub_re_cont .sub_re_list_cont .popular_re_list li{width:23.5%; margin-right:2%;}
#container .sub_re_cont .sub_re_list_cont .toon_re_list li{width:19%; margin-right:1.25%;}
#container .sub_re_cont .sub_re_list_cont .popular_re_list li:nth-child(4n){margin-right:0;}
#container .sub_re_cont .sub_re_list_cont .toon_re_list li:nth-child(5n){margin-right:0;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a{position:relative; display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d9d9d9; transition:box-shadow .3s ease-in-out; -webkit-transition:box-shadow .3s ease-in-out; -moz-transition:box-shadow .3s ease-in-out; -o-transition:box-shadow .3s ease-in-out;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a #list19_blind{position:absolute; top:0; left:0; width:100%; height:0; padding-bottom:125%; z-index:3;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_rank{position:absolute; top:10px; left:-3px; display:block; width:41px; height:36px; line-height:36px; background-color:#d52b2c; text-align:center; font-size:22px; color:#fff; font-weight:bold; z-index:3;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_info_tag{display:block; position:absolute; left:-2px; width:39px; height:18px; line-height:18px; color:#fff; font-size:11px; font-weight:bold; border-radius:0 9px 9px 0; text-indent:5px; letter-spacing:0; z-index:4;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_new_tag{top:19px; background-color:#46adf2;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_hot_tag{top:19px; background-color:#fc5863;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_best_tag{top:19px; background-color:#f471f4;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb{position:relative; width:100%; overflow:hidden;}
#container .sub_re_cont .sub_re_list_cont .popular_re_list li a .list_thumb{padding-bottom:120.659%;}
#container .sub_re_cont .sub_re_list_cont .toon_re_list li a .list_thumb{padding-bottom:125%;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb img.me_thumb_logo{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index:1;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .list_thumb_img{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out; -o-transition:transform .3s ease-in-out;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .ebook_thumb_box{visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity .2s ease-in-out; -webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; z-index:2;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .ebook_thumb_box > img{transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out; -o-transition:transform .3s ease-in-out;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .ebook_thumb_box:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top right, #676767 60%, #fff);}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .ebook_thumb_box .list_thumb_img{opacity:0.2;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .ebook_thumb_box .ebook_thumb_img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:70%; transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7); z-index:2; cursor:pointer;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .list_thumb_img19{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .list_mark_box{position:absolute; bottom:10px; right:15px; font-size:0; font-size:0; z-index:4;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .list_mark_box span{display:inline-block; width:22px; height:22px; background-color:#e70e1d; border-radius:22px; font-size:13px; font-weight:bold; color:#fff; text-align:center; line-height:22px;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .list_mark_box .completed_mark{background-color:#656565; margin-right:6px;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_thumb .list_mark_box .adult19_mark{background-color:#e70e1d;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt{width:100%; height:53px; line-height:52px; border-top:1px solid #d9d9d9; padding:0 11px 0 16px; background-color:#fff;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_title{display:inline-block; max-width:75%; font-size:18px; font-weight:bold; color:#000; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_genre_tag{display:inline-block; float:right;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_genre_tag span{display:inline-block; font-size:12px; width:38px; height:18px; line-height:18px; text-align:center; border-radius:4px; background-color:#f5f5f5; margin-top:15px; cursor:pointer;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_genre_tag .list_toon_tag{border:1px solid #fc5863; color:#fc5863;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_genre_tag .list_novel_tag{border:1px solid #2b90e1; color:#2b90e1;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_genre_tag .list_ebook_tag{border:1px solid #0096a6; color:#0096a6;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a:hover{box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1);}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a:hover .list_thumb > .list_thumb_img{transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); -ms-transform:scale(1.03);}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a:hover .list_thumb .ebook_thumb_img{transform:rotate(0deg) scale(1.05); -webkit-transform:rotate(0deg) scale(1.05); -moz-transform:rotate(0deg) scale(1.05); -o-transform:rotate(0deg) scale(1.05); -ms-transform:rotate(0deg) scale(1.05);}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a:hover .list_txt .list_title{color:#d32b2b;}
#container .sub_re_cont .sub_re_paging{width:100%; text-align:center; font-size:0; margin-top:12px;}
#container .sub_re_cont .sub_re_paging p{display:inline-block;}
#container .sub_re_cont .sub_re_paging p span{display:inline-block; width:29px; height:29px; border:1px solid #e5e5e5;}
#container .sub_re_cont .sub_re_paging p span a{display:block; width:100%; height:100%; text-indent:-9999px;}
#container .sub_re_cont .sub_re_paging p span.paging_first a{background:url("https://cdn.metoon.co.kr/img/ic_paging_first.png") no-repeat center; background-size:10px;}
#container .sub_re_cont .sub_re_paging p span.paging_last a{background:url("https://cdn.metoon.co.kr/img/ic_paging_last.png") no-repeat center; background-size:10px;}
#container .sub_re_cont .sub_re_paging p span.paging_prev{border-left:0 none;}
#container .sub_re_cont .sub_re_paging p span.paging_prev a{background:url("https://cdn.metoon.co.kr/img/ic_paging_prev.png") no-repeat center; background-size:5px;}
#container .sub_re_cont .sub_re_paging p span.paging_next{border-right:0 none;}
#container .sub_re_cont .sub_re_paging p span.paging_next a{background:url("https://cdn.metoon.co.kr/img/ic_paging_next.png") no-repeat center; background-size:5px;}
#container .sub_re_cont .sub_re_paging ol{display:inline-block; vertical-align:bottom; margin:0 6px;}
#container .sub_re_cont .sub_re_paging ol li{display:inline-block; margin-left:6px;}
#container .sub_re_cont .sub_re_paging ol li:first-child{margin-left:0;}
#container .sub_re_cont .sub_re_paging ol li a{display:block; width:29px; height:29px; line-height:29px; text-align:center; font-size:15px; font-weight:bold; color:#666668; border:1px solid #e5e5e5;}
#container .sub_re_cont .sub_re_paging ol li a.on{border:1px solid #222; background-color:#222; color:#fff;}
#foot{width:100%; background-color:#303030; position:relative;}
#foot .foot_cont{width:1180px; margin:0 auto; padding:0; position:relative; overflow:hidden;}
#foot .foot_cont .foot_menu_container{width:100%; height:76px; line-height:75px; border-bottom:1px solid #414141;}
#foot .foot_cont .foot_menu_container:after{content:"";display:block;clear:both;}
#foot .foot_cont .foot_menu_container .foot_menu{float:left;}
#foot .foot_cont .foot_menu_container .foot_menu li{float:left; margin-left:25px;}
#foot .foot_cont .foot_menu_container .foot_menu li:first-child{margin-left:0;}
#foot .foot_cont .foot_menu_container .foot_menu li a{font-size:15px; font-weight:400; color:#e6e7e8;}
#foot .foot_cont .foot_menu_container .foot_sms{float:left; margin:30px 0 0 25px;}
#foot .foot_cont .foot_menu_container .foot_sms li{float:left; margin-left:25px;}
#foot .foot_cont .foot_menu_container .foot_sms li:first-child{margin-left:0;}
#foot .foot_cont .foot_menu_container .foot_sms li a{display:block; text-indent:-9999px; width:12px; height:16px;}
#foot .foot_cont .foot_menu_container .foot_sms li a.foot_blog{background:url("https://cdn.metoon.co.kr/img/foot_blog_logo.png") no-repeat 0 center; background-size:100%;}
#foot .foot_cont .foot_menu_container .foot_sms li a.foot_facebook{background:url("https://cdn.metoon.co.kr/img/foot_facebook_logo.png") no-repeat 0 center; background-size:100%;}
#foot .foot_cont .foot_info_container{position:relative; padding-left:132px; /* margin:30px auto 60px; */margin:30px auto 38px;}
#foot .foot_cont .foot_info_container h1.foot_logo{position:absolute; top:0; left:0;}
#foot .foot_cont .foot_info_container .foot_info{word-break:keep-all;}
#foot .foot_cont .foot_info_container .foot_info01:after{content:""; display:block; clear:both;}
#foot .foot_cont .foot_info_container .foot_info01 p{float:left; font-size:14px; color:#686868; line-height:1.4;}
#foot .foot_cont .foot_info_container .foot_info01 p a{color:#686868;}
#foot .foot_cont .foot_logo_cont{padding:16px 0;text-align:center;border-top:1px solid #414141;overflow:hidden;}
#foot .foot_cont .foot_logo_cont ul{display:table;display:inline-table;vertical-align:top;}
#foot .foot_cont .foot_logo_cont li{display:table-cell; padding-right:26px; vertical-align:middle;}
#foot .foot_cont .foot_logo_cont li:last-child{padding-right:0;}
#foot .foot_cont .foot_logo_cont li a{display:block;}
#foot .foot_cont .foot_logo_cont li a img{display:block;cursor:pointer;}
#foot .foot_cont .foot_logo_cont li a[href*="void(0)"], #foot .foot_cont .foot_logo_cont li a[href*="void(0)"] img{cursor:default;}
#foot .foot_cont .foot_logo_cont li.innobiz{padding-right:28px;}
#foot .foot_cont .foot_info02{font-size:14px; color:#aaa8a6; line-height:1.4; margin-top:35px;}
#container .sub_re_cont .today_me_menu ul li{width:11.111%;}
#container #today_me_page .today_me_menu ul li .on .today{color:#f81700;}
#container .sub_re_cont .today_me_menu ul li a .check_color{font-size:0.5em; padding:0 5px; vertical-align:middle; border:1px solid #676767; color:#676767; margin-left:5px;}
#container .sub_re_cont .today_me_menu ul li a:hover .today{color:#f81700 !important;}
#container .sub_re_cont .today_me_menu ul li a:hover .check_color{border:1px solid #f81700; color:#f81700;}
#container .sub_re_cont .today_me_menu ul li .on .check_color{color:#f81700; border:1px solid #f81700;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort01{position:relative; margin-top:7px; font-size:0;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort01 input{position:absolute; top:0; left:0; opacity:0; z-index:-1;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort01 label{font-size:14px; font-weight:bold; color:#838383; padding-left:19px; background:url("https://cdn.metoon.co.kr/img/ic_sort_off.png") no-repeat 0 center; background-size:15px;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort01 label:after{content:""; display:inline-block; width:1px; height:13px; background-color:#e5e5e5; margin:0 8px 0 11px; vertical-align:middle;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort01 label:last-child:after{content:none;}
#container .sub_re_cont .sub_re_options .sub_re_options01 .sub_re_sort01 input[type="radio"]:checked + label{color:#f81700; background:url("https://cdn.metoon.co.kr/img/ic_sort_on.png") no-repeat 0 center; background-size:15px;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01{position:relative; float:left; font-size:0;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01 input{position:absolute; top:0; left:0; opacity:0; z-index:-1;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01 label{display:inline-block; width:39px; height:30px; line-height:30px; border:1px solid #e5e5e5; background-color:#f5f5f5; text-align:center; font-size:11px;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01 label.all_gender_tab{border-right:0 none; color:#838383;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01 label.woman_tab{color:#f26d7d;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01 label.man_tab{border-left:0 none; color:#0096d6;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #gender_tab_re01 input[type="radio"]:checked + label{background-color:#fff; font-weight:bold;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #order_tab_re01{float:left; margin-right:6px;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #order_tab_re01:after{content:""; display:block; clear:both;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #order_tab_re01 li{float:left;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #order_tab_re01 li a{display:block; width:50px; height:30px; line-height:30px; text-align:center; border:1px solid #e5e5e5; background-color:#fff; font-size:14px; color:#9e9e9e; font-weight:bold; border-right:0 none;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #order_tab_re01 li:last-child a{border-right:1px solid #e5e5e5;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #order_tab_re01 li a.on{background-color:#676767; color:#fff; font-weight:bold;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .content_tag_re{position:absolute; bottom:10px; left:10px; font-size:0; z-index:4;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .content_tag_re span{display:inline-block; width:25px; padding:2px 0; font-size:10px; text-align:center; font-weight:bold; color:#fff;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .content_tag_re .free_tag_re{background-color:#00b233; margin-right:3px;}
#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .content_tag_re .up_tag_re{background-color:#1567c3; letter-spacing:0;}
#container .sub_re_cont .sub_re_list_cont .today_re_me_con li{width:19%; margin-right:1.25%;}
#container .sub_re_cont .sub_re_list_cont .today_re_me_con li:nth-child(5n){margin-right:0;}
#container .sub_re_cont .sub_re_list_cont .today_re_me_con li a .list_thumb{padding-bottom:125%;}
#completed_page .completed_top .completed_top_cont li .adult19_mark{position:absolute; bottom:100%; right:5px; display:inline-block; width:22px; height:22px; background-color:#e70e1d; border-radius:22px; font-size:13px; font-weight:bold; color:#fff; text-align:center; line-height:22px; margin-bottom:5px; z-index:99;}
#completed_page .completed_re_content_box{width:100%; margin-top:20px;}
#completed_page .completed_re_content_box > p{font-size:18px; letter-spacing:-0.05em; margin-bottom:10px;}
#completed_page .completed_re_content_box .sub_re_list li{width:19%; margin-right:1.25%;}
#completed_page .completed_re_content_box .sub_re_list li:nth-child(5n){margin-right:0;}
#completed_page .completed_re_content_box .sub_re_list li a .list_thumb{padding-bottom:125%;}
#container .s_novel_menu ul li{width:25%;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #SetCate{width:250px;}
#container .sub_re_cont .sub_re_options .sub_re_options02 #SetList{width:150px;}
#container .s_novel_cont ul li{width:19%; margin-right:1.25%;}
#container .s_novel_cont ul li:nth-child(5n){margin-right:0;}
#container .s_novel_cont ul li a .list_thumb{padding-bottom:125%;}
#container .sub_re_cont .ebook_re_menu ul li{width:25%;}
#container .sub_re_cont .ebook_re_list_cont li{width:19%; margin-right:1.25%;}
#container .sub_re_cont .ebook_re_list_cont li:nth-child(5n){margin-right:0;}
#container .sub_re_cont .ebook_re_list_cont li.ebook_lately a{border:1px solid #c70304;}
#container .sub_re_cont .ebook_re_list_cont li a .lately_patch{display:block; position:absolute; top:0; left:0; z-index:3;}
#container .sub_re_cont .ebook_re_list_cont li a .list_thumb{padding-bottom:125%;}
#container .chall_re_wrap{background-color:#fff;}
#container .chall_re_category_list ul li{width:25%;}
#container #chall_page_cont1 .sub_re_options{margin-bottom:21px;}
#container #chall_page_cont1 #chall_SetCate{width:250px;}
#container #chall_page_cont1 #chall_SetList{width:150px;}
#container .free_page_wrap{background-color:#fff;}
#container .gift_free_tab ul li{width:33.333%;}
.main_tab_menu{position:relative; width:100%; margin-top:20px;}
.main_tab_menu ul:after{content:""; display:block; clear:both;}
.main_tab_menu ul li{width:12.5%; float:left; height:60px;}
.main_tab_menu ul li a{position:relative; display:block; width:100%; height:100%; line-height:58px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#f5f5f5; border:1px solid #e5e5e5; border-right:0 none; font-size:17px; color:#747474;}
.main_tab_menu ul li:last-child a{border-right:1px solid #e5e5e5;}
.main_tab_menu ul li a.on{background-color:#fff; border-bottom:0 none; color:#f81700; font-weight:bold;}
.main_tab_menu ul li a span{cursor:pointer;}
.main_tab_menu ul li a .week_up_nobel{vertical-align:middle; width:18px; margin-right:3px;}
.main_tab_menu ul li a .check_color{font-size:0.5em; padding:0 5px; vertical-align:middle; border:1px solid #676767; color:#676767; margin-left:5px; cursor:pointer;}
.main_tab_menu ul li a.on .check_color{color:#f81700; border:1px solid #f81700;}
.main_tab_menu ul li a:hover{color:#f81700;}
.main_tab_menu ul li a:hover .check_color{color:#f81700; border:1px solid #f81700;}
@media all and (max-width:960px){
	#container .sub_re_cont .sub_re_list_cont .toon_re_list li{width:23.5%; margin-right:2%;}
	#container .sub_re_cont .sub_re_list_cont .toon_re_list li:nth-child(5n){margin-right:2%;}
	#container .sub_re_cont .sub_re_list_cont .toon_re_list li:nth-child(4n){margin-right:0;}
	#container .sub_re_cont .sub_re_list_cont .today_re_me_con li{width:23.5%; margin-right:2%;}
	#container .sub_re_cont .sub_re_list_cont .today_re_me_con li:nth-child(5n){margin-right:2%;}
	#container .sub_re_cont .sub_re_list_cont .today_re_me_con li:nth-child(4n){margin-right:0;}
	#completed_page .completed_re_content_box .sub_re_list li{width:23.5%; margin-right:2%;}
	#completed_page .completed_re_content_box .sub_re_list li:nth-child(5n){margin-right:2%;}
	#completed_page .completed_re_content_box .sub_re_list li:nth-child(4n){margin-right:0;}
	#container .sub_re_cont .ebook_re_list_cont li{width:23.5%; margin-right:2%;}
	#container .sub_re_cont .ebook_re_list_cont li:nth-child(5n){margin-right:2%;}
	#container .sub_re_cont .ebook_re_list_cont li:nth-child(4n){margin-right:0;}
	#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_title{max-width:102px;}
}
@media all and (max-width:850px){
	#container .sub_re_cont .sub_re_list_cont .sub_re_list li a .list_txt .list_title{font-size:16px;}
}
.coin_del{position:relative; font-weight:bold; color:#b4b4b4;}
.coin_del:before{content:""; display:inline-block; position:absolute; top:50%; left:0; width:100%; border-top:1px solid #b4b4b4;}
/* 이벤트마일리지 팝업 20190423 */
.e_mileage_new_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999;}
.e_mileage_new_wrap .e_mileage_new_bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); z-index:1;}
.e_mileage_new_wrap .e_mileage_new_pop{position:absolute; top:50%; left:0; right:0; margin:auto; width:300px; border-radius:10px; letter-spacing:-0.03em; overflow:hidden; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2;}
.e_mileage_new_pop .em_body{width:100%; padding-top:21px; padding-bottom:14px; background-color:#fff; text-align:center;}
.e_mileage_new_pop .em_body .em_ic img{width:61px;}
.e_mileage_new_pop .em_body .em_txt{font-size:14px; color:#141414; font-weight:normal; margin:12px auto 0;}
.e_mileage_new_pop .em_body .em_txt .title{font-size:16px; font-weight:bold; line-height:1; margin-bottom:7px;}
.e_mileage_new_pop .em_body .em_txt p:not(.title){line-height:1.4;}
.e_mileage_new_pop .em_body .em_txt p .em_red{color:#d52b2c;}
.e_mileage_new_pop .em_btn_group{width:100%; overflow:hidden;}
.e_mileage_new_pop .em_btn_group a{display:block; float:left; width:50%; padding:13px 0 12px; text-align:center; font-size:15px; color:#fff; background-color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer;}
.e_mileage_new_pop .em_btn_group a.em_open_btn{border-left:1px solid #4b4b4b;}
.em_new_btn{position:absolute;bottom:35.87%;display:block;width:46.2%;}
.em_new_btn1{left:3.2%;}
.em_new_btn2{right:2.8%;}
.em_new_btn img{display:block;width:100%;cursor:pointer;}
.mefill_prdt_mileage_notice{padding:38px 65px 50px;background-color:#21201e;color:#adacaa;}
.mefill_prdt_mileage_notice .notice_title{font-size:22px;font-weight:700;color:#fff;}
.mefill_prdt_mileage_notice ul{margin-top:24px;}
.mefill_prdt_mileage_notice li{position:relative;padding-left:12px;font-size:18px;line-height:1.35;margin-top:4px;}
.mefill_prdt_mileage_notice li::before{content:"·";position:absolute;top:0;left:0;}
/* 자동충전 구매 알림 팝업 20190508 */
.a_charge_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000000;}
.a_charge_wrap .a_charge_bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); z-index:1;}
.a_charge_wrap .a_charge_pop{position:absolute; top:50%; left:0; right:0; margin:auto; width:300px; border-radius:10px; letter-spacing:-0.03em; overflow:hidden; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2;}
.a_charge_pop .ac_body{width:100%; padding-top:21px; padding-bottom:17px; background-color:#fff; text-align:center;}
.a_charge_pop .ac_body .ac_ic img{width:59px;}
.a_charge_pop .ac_body .ac_txt{font-size:14px; color:#141414; font-weight:normal; margin:12px auto 0;}
.a_charge_pop .ac_body .ac_txt .title{font-size:16px; font-weight:bold; line-height:1.4; margin-bottom:8px;}
.a_charge_pop .ac_body .ac_txt p:not(.title){font-size:13px; color:#898989; line-height:1;}
.a_charge_pop .ac_body .ac_txt p .ac_red{color:#ff201f;}
.a_charge_pop .ac_btn_group{width:100%; overflow:hidden;}
.a_charge_pop .ac_btn_group a{display:block; float:left; width:50%; padding:13px 0 12px; text-align:center; font-size:15px; color:#fff; background-color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer;}
.a_charge_pop .ac_btn_group a.ac_open_btn{border-left:1px solid #4b4b4b;}
/* 자동스크롤 */
#view_head #view_right_menu .auto_scr{border-left:1px solid #636363;}
#view_head #view_right_menu .auto_scr a{background:url(https://cdn.metoon.co.kr/img/icon_auto_scr_pc.png) no-repeat center; border-left:1px solid #2b2b2b;}
#view_head #view_right_menu .autoScrController{display:none; position:absolute; top:70px; left:70px; float:none; width:69px; height:auto; padding:20px 0; background:#404040; border-top:1px solid #2b2b2b; text-align:center; z-index:10;}
#view_head #view_right_menu .autoScrController div{float:none; width:auto; height:auto;}
#view_head #view_right_menu .autoScrController .autoScrSpeed{font-size:17px; color:#fff;}
#view_head #view_right_menu .autoScrController #autoScrSlider{position:relative; width:6px; height:160px; background:#777; border-radius:8px; margin:14px auto; border:0 none;}
#view_head #view_right_menu .autoScrController #autoScrSlider .ui-slider-range{width:100%; background:#d32b2b;}
#view_head #view_right_menu .autoScrController #autoScrSlider .ui-slider-handle{width:20px; height:20px; border-radius:20px; background:#fff; outline:none; left:50%; margin-left:-11px; cursor:pointer;}
#view_head #view_right_menu .autoScrController .autoScrBtn{display:block; width:45px; height:28px; line-height:28px; border-radius:3px; text-align:center; font-size:14px; color:#fff; background:#777; margin:0 auto; text-indent:0;}
#view_head #view_right_menu .autoScrController .autoScrBtn:hover{background:#d32b2b;}
#documentEnd{height:0; margin:0; padding:0; line-height:0;}
.autoScrPop_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000001;}
.autoScrPop_back{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:10000000;}
.autoScrPop_wrap .autoScrPop{position:absolute; top:50%; left:0; right:0; margin:auto; width:300px; border-radius:10px; letter-spacing:-0.03em; overflow:hidden; box-shadow:0 0 5px rgba(255, 255, 255, .4); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2;}
.autoScrPop_wrap .autoScrPop .autoScrPop_txt{padding:35px 20px; background:#fff; text-align:center;}
.autoScrPop_wrap .autoScrPop .autoScrPop_txt p{font-size:16px; font-weight:bold; color:#141414; line-height:1.4;}
.autoScrPop_wrap .autoScrPop .btn_group{overflow:hidden;}
.autoScrPop_wrap .autoScrPop .btn_group a{display:block; float:left; width:50%; padding:13px 0 12px; text-align:center; font-size:15px; color:#fff; background:#2985db; box-sizing:border-box; cursor:pointer;}
.autoScrPop_wrap .autoScrPop .btn_group a:first-child{border-right:1px solid #ddd;}
.view_guide_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000000;}
.view_guide_wrap .view_guide{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.view_guide_wrap .view_guide .vg_title{position:absolute; top:0; left:0;}
.view_guide_wrap .view_guide .vg_menu{position:absolute; top:0; right:0;}
.view_guide_wrap .view_guide .vg_close{position:absolute; top:390px; left:0; right:0; width:105px; height:129px; margin:auto; z-index:10;}
.view_guide_wrap .view_guide .vg_close a{display:block; width:100%; height:100%; background:url(https://cdn.metoon.co.kr/img/guide_web_close.png); background-size:100% auto;}
.view_guide_wrap .view_guide .vg_move{position:absolute; top:630px; left:0; width:100%; text-align:center;}
.pop_back{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:99997;}
.autoScrC_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99998;}
.autoScrC{position:absolute; top:20%; left:0; right:0; margin:auto; width:300px; border-radius:10px; letter-spacing:-0.03em; overflow:hidden; box-shadow:0 0 5px rgba(255, 255, 255, .4);}
.autoScrC .autoScrC_txt{padding:45px 30px; background:#fff; text-align:center; font-size:16px; font-weight:bold; color:#141414; line-height:1.4;}
.autoScrC .btn_group{overflow:hidden;}
.autoScrC .btn_group a{display:block; float:left; width:50%; padding:13px 0 12px; background:#2985db; text-align:center; font-size:15px; color:#fff; box-sizing:border-box; cursor:pointer;}
.autoScrC .btn_group .confirm{border-right:1px solid #ddd;}
.coin_t_wrap{border:1px solid #ddd;border-top:0 none;}
.coin_t_wrap .coin_t_contents{padding:30px 130px 40px;}
.coin_t_contents .coin_t_title{font-size:18px;font-weight:bold;color:#000;margin-bottom:15px;letter-spacing:-1px;}
.coin_t_contents .coin_t_title .coin_own{float:right;font-size:15px;font-weight:normal;margin-top:2px;letter-spacing:-0.03em;}
.coin_t_contents .coin_t_title .coin_own span{display:inline-block;}
.coin_t_contents .coin_t_title .coin_own span:first-child:after{content:"";display:inline-block;width:1px;height:14px;background:#ddd;margin:0 7px;vertical-align:middle;}
.coin_t_contents .coin_t_title .coin_own span b{font-weight:bold;color:#c1731f;}
.coin_fill_t{width:100%;border-collapse:collapse;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}
.coin_fill_t thead{background-color:#f2f4fb;}
.coin_fill_t tbody tr td{cursor:pointer;}
.coin_fill_t tbody tr td label{cursor:pointer;}
.coin_fill_t tbody tr td span{cursor:pointer;}
.coin_fill_t th{height:40px;font-weight:bold;font-size:14px;border-top:2px solid #000;border-bottom:1px solid #ddd;}
.coin_fill_t th + th, .coin_fill_t td + td{border-left:1px solid #ddd;}
.coin_fill_t td{border-bottom:1px solid #ddd;position:relative;height:55px;font-size:12px;padding-left:15px;}
.coin_fill_t .cft_memgrade_area{position:relative;}
.coin_fill_t tr .ic_cft_memgrade{display:none;}
.coin_fill_t tr[class*=mg-]:not(.mg-silver) .ic_cft_memgrade{display:block;position:absolute;top:0;left:20px;width:30px;height:100%;text-indent:-9999px;z-index:10;}
.coin_fill_t td label{position:relative;display:block;}
.coin_fill_t td .sale_count_label{position:relative;display:table;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;min-height:20px;}
.coin_fill_t td label:after{content:"";display:block;clear:both;}
.coin_fill_t td input[type="radio"]{position:absolute;top:0;left:0;width:0;clip:rect(0, 0, 0, 0);}
.coin_fill_t td .pt_label{display:block; padding-left:70px; background-repeat:no-repeat;background-position:20px center;background-size:30px;}
.coin_fill_t .default td .pt_label{background:url(https://cdn.metoon.co.kr/mimg/ic_ct_recomm.png) no-repeat 15px center; background-size:30px auto;}
.coin_fill_t tbody tr.mg-gold .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade2.png);}
.coin_fill_t tbody tr.mg-pleti .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade3.png);}
.coin_fill_t tbody tr.mg-dia .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade4.png);}
.coin_fill_t tbody tr.mg-vip .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade5.png);}
.coin_fill_t td .pt_label span, .cfprem_fill_t span{display:block;font-size:12px;}
.coin_fill_t td .pt_label span:only-child{height:37px;line-height:37px;}
.coin_fill_t td .pt_label .discount, .cfprem_fill_t .amt_dis{position:relative;display:inline-block;color:#ff0000;margin-bottom:2px;}
.coin_fill_t td .pt_label .discount:before, .coin_fill_t td .pt_label .discount:after{content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:rgba(255, 0, 0, 1); opacity:0.6;}
.coin_fill_t td .pt_label .discount:before{-webkit-transform:rotate(15deg); transform:rotate(15deg);}
.coin_fill_t td .pt_label .discount:after{-webkit-transform:rotate(345deg); transform:rotate(345deg);}
.coin_fill_t td .pt_label .price{height:20px; line-height:20px; font-weight:bold;}
.coin_fill_t td .coin_info, .cfprem_dept2 .coin_info{display:inline-block;height:30px;line-height:30px;font-size:14px;font-weight:bold;padding-left:42px; background:url(https://cdn.metoon.co.kr/mimg/cft_coin_ic.png) no-repeat 0 center; background-size:30px;}
.coin_fill_t td .coin_info em, .cfprem_dept2 .coin_info em{color:#ff0000;}
.coin_fill_t td .coin_info .ic_dum, .cfprem_dept2 .coin_info .ic_dum{display:inline-block; width:30px; height:26px; margin-left:5px; background:url(https://cdn.metoon.co.kr/mimg/ic_dum.png) no-repeat center; background-size:100% auto; vertical-align:top;}
.coin_fill_t td .sale_txt{display:inline-block; line-height:1; padding:2px 4px;background:#dbb388;font-size:10px;color:#fff;border:1px solid #cba175; border-radius:3px; letter-spacing:-0.05em; margin-bottom:2px;}
.coin_fill_t td .sale_count_wrap{display:table-cell;vertical-align:middle;}
.coin_fill_t td .sale_count{display:block; min-width:110px; height:20px; line-height:20px;font-size:14px; letter-spacing:-0.04em; cursor:pointer;}
.coin_fill_t td .sale_count span{display:inline-block;}
.coin_fill_t td .sale_count .f_red{color:#ff0000;}
.coin_fill_t td .sale_count .cs_ic{display:none;width:40px; height:18px; margin-right:5px; background:url(https://cdn.metoon.co.kr/img/ttoon_discount.png) no-repeat center; background-size:100% auto; vertical-align:text-top;}
.coin_fill_t td .fill_btn, .cfprem_dept3 .fill_btn{position:absolute; top:50%; right:16px; margin-top:-15px; height:30px; line-height:30px; font-size:14px; color:#fff; padding:0 8px; background:#404040; border-radius:3px; white-space:nowrap; cursor:pointer;}
.coin_fill_t tbody tr.chk{background:#fffcd5;}
.coin_fill_t tbody tr.chk .fill_btn{background:#ff0000;}
.coin_fill_t .coin_v{position:absolute; top:0; left:0; clip:rect(0, 0, 0, 0); opacity:0;}
.coin_fill_t tbody tr[class^='mg-'] .ic_freecp, .coin_fill_t tbody tr.alddl100w_tr .ic_freecp{display:table-cell;/* padding-left:30px; */padding-left:50px;position:relative;vertical-align:middle;cursor:pointer;}
.coin_fill_t tbody tr[class^='mg-'] .ic_freecp:before, .coin_fill_t tbody tr.alddl100w_tr .ic_freecp:before{content:"+";display:block;position:absolute;top:50%;left:10px;height:20px;line-height:20px;font-size:14px;font-weight:800;color:#000;margin-top:-10px;}
.coin_fill_t tbody tr[class^='mg-'] .ic_freecp i, .coin_fill_t tbody tr.alddl100w_tr .ic_freecp i{display:block;width:80px;height:40px;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.coin_fill_t tbody tr.mg-gold .ic_freecp i, .coin_fill_t tbody tr.alddl100w_tr .ic_freecp i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon3_m.jpg);background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon3_m.jpg/me/resize/160x);}
.coin_fill_t tbody tr.mg-pleti .ic_freecp i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon5_m.jpg);background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon5_m.jpg/me/resize/160x);}
.coin_fill_t tbody tr.mg-dia .ic_freecp i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon10_m.jpg);background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon10_m.jpg/me/resize/160x);}
.coin_fill_t tbody tr.mg-vip .ic_freecp i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon30_m.jpg);background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon30_m.jpg/me/resize/160x);}
.fill_memv_wrap{width:100%;margin:0 auto 30px;}
.fill_memv_title .coin_t_title{float:left;width:38%;}
.fill_memv_title .coin_t_title:last-child{width:62%;}
.fill_memv{width:100%;overflow:hidden;}
.fill_memv .fill_memv_my{float:left;display:table;width:38%;height:96px;background:#4e4e4e;}
.fill_memv_my > div{display:table-cell;position:relative;font-size:17px;letter-spacing:-0.03em;color:#fff;vertical-align:middle;padding:0 15px;}
.fill_memv_my .my_grade{width:168px;}
.fill_memv_my .my_poss{width:-webkit-calc(100% - 168px);width:-moz-calc(100% - 168px);width:calc(100% - 168px);}
.fill_memv_my > div:before{content:"";display:block;position:absolute;top:50%;width:1px;height:60px;margin-top:-30px;}
.fill_memv_my .my_grade:before{right:0;background:#6f6f6f;}
.fill_memv_my .my_poss:before{left:0;background:#3e3e3e;}
.fill_memv_my p{text-align:right;}
.fill_memv_my .fmvmy_title{display:inline-block;float:left;}
.fill_memv_my .fmvmy_reso{color:#ffe83e;padding-right:2px;}
.fill_memv_my .my_fcoupon{margin-top:14px;}
.fill_memv_my .my_grade{line-height:45px;}
.fill_memv_my .my_grade img{display:block;width:45px;float:right;}
.fill_memv .fill_memv_grade{float:left;width:62%;border:1px solid #e5e5e5;}
.fill_memv .fill_memv_grade ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;}
.fill_memv .fill_memv_grade li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;float:left;position:relative;display:table;width:20%;height:94px;text-align:center;}
.fill_memv .fill_memv_grade li.on:after{content:"";position:absolute;top:0;left:0;width:-webkit-calc(100% + 1px);width:-moz-calc(100% + 1px);width:calc(100% + 1px);height:100%;background-color:rgba(83, 142, 241, .1);}
.fill_memv .fill_memv_grade li + li:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:60px;margin-top:-30px;background:#e5e5e5;}
.fill_memv .fill_memv_grade li dl{display:table-cell;vertical-align:middle;}
.fill_memv .fill_memv_grade li img{display:block;width:45px;margin:0 auto;}
.fill_memv .fill_memv_grade li dt{font-size:14px;font-weight:normal;margin-top:10px;}
.coin_fill_selec{margin-top:30px;}
.coin_fill_selec .coin_s_title{font-size:18px;font-weight:bold;color:#000;margin-bottom:15px;letter-spacing:-1px;}
.coin_fill_selec .coin_s_title .fill_up_btn{display:inline-block;height:25px;line-height:25px; padding:0 8px; background-color:#000; border-radius:50px; float:right;}
.coin_fill_selec .coin_s_title .fill_up_btn span{display:inline-block;padding-right:18px;color:#fff;font-size:11px; font-weight:normal;background:url(https://cdn.metoon.co.kr/mimg/ic_cfs_up.png) no-repeat 100% 53%; background-size:13px auto;cursor:pointer;}
.coin_fill_selec .cfs_contents{width:100%;padding:20px 24px;border:1px solid #ddd;border-top:2px solid #000;}
.coin_fill_selec .cfs_contents .cfs_box + .cfs_box{margin-top:10px;}
.coin_fill_selec .cfs_contents .cfs_box .menu_title{font-size:16px; font-weight:bold; margin-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 3px;}
.coin_fill_selec .cfs_contents .cfs_box .menu_title span{display:inline-block;vertical-align:top;margin-right:5px;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.coin_fill_selec .cfs_contents .cfs_box .menu_title.phone span{width:12px;background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t01.png/me/resize/12x);background-size:100% auto;}
.coin_fill_selec .cfs_contents .cfs_box .menu_title.bPay span{background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t02.png);}
.coin_fill_selec .cfs_contents .cfs_box .menu_title.card span{background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t03.png?1);}
.coin_fill_selec .cfs_contents .cfs_box .menu_title.gift span{background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t04.png?1);}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list{width:100%;}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list:after{content:"";display:block;clear:both;}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list li{float:left;width:20%;height:50px;line-height:50px;padding:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box; margin-bottom:6px;}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list li a{display:block;width:100%;height:100%;text-align:center;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-weight:bold;}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list li a img{height:48px;vertical-align:top;cursor:pointer;}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list li a img.icon{margin-right:7px;}
.coin_fill_selec .cfs_contents .cfs_box .cfs_list li a:hover{border-color:#d32b2b;color:#d32b2b;}
.cfs_info{display:none;position:relative;width:100%;padding:20px 35px;margin-bottom:30px;background-color:#5f6677;color:#fff;}
.cfs_info dl{line-height:1;font-size:0;}
.cfs_info dl:after{content:"";display:block;clear:both;}
.cfs_info dl dt{width:67px;font-size:14px;display:inline-block;padding:8px 0;border-radius:3px;background-color:#353740;vertical-align:middle;text-align:center;}
.cfs_info dl dd{font-size:15px;width:-webkit-calc(100% - 67px);width:-moz-calc(100% - 67px);width:calc(100% - 67px);display:inline-block;text-align:right;vertical-align:middle;}
.cfs_info dl dd .coin_all{display:inline-block;padding-left:25px;background:url(https://cdn.metoon.co.kr/mimg/cft_coin_ic.png/me/resize/36x) no-repeat 0 center; background-size:18px;}
.cfs_info dl dd .coin_all strong{font-size:18px;font-weight:bold;color:#fbdf0a;}
.cfs_info dl dd .coin_details{margin-top:10px;font-size:14px;}
.cfs_info dl dd .coin_details i{display:none;}
.cfs_info dl[class*=mg-]:not(.mg-silver) dd .coin_details i{display:inline-block;width:30px;height:30px;background-size:100% auto;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:3px;}
.cfs_info dl.mg-gold dd .coin_details i{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade2.png);}
.cfs_info dl.mg-pleti dd .coin_details i{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade3.png);}
.cfs_info dl.mg-dia dd .coin_details i{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade4.png);}
.cfs_info dl.mg-vip dd .coin_details i{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade5.png);}
.cfs_info dl dd .coin_details .coin_details_result{display:inline-block;vertical-align:middle;}
.cfs_info dl dd .coin_details .coin_details_plus{display:none;}
.cfs_info dl[class*=mg-]:not(.mg-silver) dd .coin_details .coin_details_plus{display:inline-block;}
.fill_service_list{width:100%; padding:40px 30px 35px; font-size:14px; line-height:1.5; border-top:1px dashed #ddd;}
.fill_service_list .title{font-size:18px; height:20px; line-height:20px; color:#000;margin-bottom:20px;}
.fill_service_list ul li{list-style-type:disc; margin:0 0 5px 20px;color:#666;}

.cfp_renew_wrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999;}
.cfp_back{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:1;}
.cfp_layer{position:absolute; top:2%; left:0; right:0; width:96%; max-width:450px; background:#fff; border-radius:5px; z-index:2; padding:10px 10px 0; max-height:90vh; margin:auto; overflow-y:auto; -ms-overflow-style:none; -webkit-animation:slide-down 0.4s forwards; animation:slide-down 0.4s forwards;overscroll-behavior:contain;}
.cfp_layer::-webkit-scrollbar{display:none;}
.cfp_layer .cfp_close{display:block; position:absolute; top:5px; right:5px; width:20px; height:20px; z-index:1;}
.cfp_layer .cfp_close img{width:100%;vertical-align:top;cursor:pointer;}
.cfp_layer .cfp_title{width:100%; margin-bottom:15px;}
.cfp_layer .cfp_title p{line-height:1; text-align:center;}
.cfp_layer .cfp_title .cfp_title01{font-size:15px; color:#ff0000; font-weight:bold;}
.cfp_layer .cfp_title .cfp_title02{font-size:13px; color:#777; font-weight:400; margin-top:6px;}
.cfp_layer .cfp_bnr{position:relative; width:100%; min-height:15px; margin-bottom:5px;}
.cfp_layer .cfp_bnr img{width:100%; vertical-align:top;}
.cfp_layer .cfp_bnr .cfp_h_txt{text-align:center;line-height:1;padding:5px 0;letter-spacing:-0.03em;}
.cfp_layer .cfp_bnr .cfp_h_txt strong{display:block;font-size:15px;color:#ff0000;}
.cfp_layer .cfp_bnr .cfp_h_txt span{display:block;font-size:13px;color:#000;margin-top:5px;}
.cfp_t_wrap .cfp_table_wrap{border-radius:4px;overflow:hidden;}
.cfp_t_wrap .cfp_table{width:100%;border-collapse:collapse;border:1px solid #ddd;background:#fff;}
.cfp_t_wrap .cfp_table tbody tr, .cfp_t_wrap .cfp_table tbody td, .cfp_t_wrap .cfp_table p, .cfp_t_wrap .cfp_table span, .cfp_t_wrap .cfp_table img{cursor:pointer;}
.cfp_t_wrap .cfp_table .cfpt_cell01{width:70px;}
.cfp_t_wrap .cfp_table .cfpt_cell02{width:110px;}
.cfp_t_wrap .cfp_table .cfpt_cell03{width:auto;}
.cfp_t_wrap .cfp_table thead{background-color:#f2f4fb;}
.cfp_t_wrap .cfp_table th{height:30px;font-weight:bold;font-size:12px;border-bottom:1px solid #ddd;}
.cfp_t_wrap .cfp_table th + th, .cfp_t_wrap .cfp_table td + td{border-left:1px solid #ddd;}
.cfp_t_wrap .cfp_table td{border-bottom:1px solid #ddd;position:relative;height:48px;font-size:12px;padding-left:5px;}
.cfp_t_wrap .cfp_table td:first-child{padding-right:5px;}
.cfp_t_wrap .cfp_table td label{display:block;overflow:hidden;}
.cfp_t_wrap .cfp_table td input[type="radio"]{position:absolute;top:0;left:0;width:0;clip:rect(0, 0, 0, 0);}
.cfp_t_wrap .cfp_table td .pt_label{display:block; text-align:left; padding-left:26px; background-size:22px auto; background-position:0 center; background-repeat:no-repeat;white-space:nowrap;}
.cfp_t_wrap .cfp_table .mg-gold td .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade2.png);background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade2.png/me/resize/22x);}
.cfp_t_wrap .cfp_table .mg-pleti td .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade3.png);background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade3.png/me/resize/22x);}
.cfp_t_wrap .cfp_table .mg-dia td .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade4.png);background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade4.png/me/resize/22x);}
.cfp_t_wrap .cfp_table .mg-vip td .pt_label{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade5.png);background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade5.png/me/resize/22x);}
.cfp_t_wrap .cfp_table tbody tr.default td:first-child{padding-left:0;}
.cfp_t_wrap .cfp_table tbody tr.default td .pt_label{position:relative; padding-left:27px;}
.cfp_t_wrap .cfp_table tbody tr.default td .pt_label:before{content:""; display:block; position:absolute; top:50%; left:4px; width:20px; height:20px; background:url(https://cdn.metoon.co.kr/mimg/ic_ct_recomm.png) no-repeat center; background-size:100% auto; margin-top:-10px;}
.cfp_t_wrap .cfp_table td .pt_label span{display:block;}
.cfp_t_wrap .cfp_table td .pt_label span:only-child{height:30px;line-height:30px;}
.cfp_t_wrap .cfp_table td .pt_label .discount{display:inline-block; position:relative;font-size:10px;font-size:11px;color:#ff0000;margin-bottom:2px;}
.cfp_t_wrap .cfp_table td .pt_label .discount:before, .cfp_t_wrap .cfp_table td .pt_label .discount:after{content:""; display:block; position:absolute; top:50%; left:0; width:100%; margin-top:-1px; border-top:1px solid #ff0000; opacity:0.5;}
.cfp_t_wrap .cfp_table td .pt_label .discount:before{-webkit-transform:rotate(15deg); transform:rotate(15deg);}
.cfp_t_wrap .cfp_table td .pt_label .discount:after{-webkit-transform:rotate(-15deg); transform:rotate(-15deg);}
.cfp_t_wrap .cfp_table td .pt_label .price{height:15px; line-height:15px; font-size:12px; font-weight:bold;}
.cfp_t_wrap .cfp_table td .coin_info{display:inline-block;height:18px;line-height:19px;font-weight:bold;padding-left:22px; background:url(https://cdn.metoon.co.kr/img/cft_coin_ic.png) no-repeat 0 center; background-size:18px;}
.cfp_t_wrap .cfp_table td .coin_info em{color:#ff0000;}
.cfp_t_wrap .cfp_table td .coin_info .ic_dum{display:inline-block; width:18px; height:16px; background:url(https://cdn.metoon.co.kr/mimg/ic_dum.png) no-repeat center; background-size:100% auto; margin-left:3px; vertical-align:top;}
.cfp_t_wrap .cfp_table td .pt3{display:table;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.cfp_t_wrap .cfp_table td .pt3 .sale_count_wrap{display:table-cell;vertical-align:middle;}
.cfp_t_wrap .cfp_table td .sale_txt{display:inline-block; line-height:1; padding:2px 4px;background:#dbb388;font-size:10px;color:#fff;border:1px solid #cba175; border-radius:3px; letter-spacing:-0.05em; margin-bottom:2px;margin-top:2px;}
.cfp_t_wrap .cfp_table td .sale_count{height:34px; line-height:35px;font-size:11px; color:#ff0000; letter-spacing:-0.04em; white-space:nowrap;}
.cfp_t_wrap .cfp_table td .sale_count.event{height:auto;line-height:1.3;}
.cfp_t_wrap .cfp_table td .sale_fcoupon{padding:3px 0 0 6px;font-size:11px;letter-spacing:-0.04em;}
.cfp_t_wrap .cfp_table td .charge_btn{display:table-cell;float:right; width:auto;margin-right:5px; height:34px; line-height:34px; font-size:12px; font-weight:bold; color:#fff; padding:0 8px; background:#404040; border-radius:3px; white-space:nowrap;vertical-align:middle;}
.cfp_t_wrap .cfp_table tbody tr.chk{background:#fffcd5;}
.cfp_t_wrap .cfp_table tbody tr.chk .charge_btn{background:#ff0000;}
.cfp_t_wrap .cfp_btn{width:100%; margin:5px auto; background:#d32b2b; border:0 none; font-size:15px; font-weight:bold; color:#fff; padding:10px 0 8px; border-radius:4px; border-bottom:3px solid #b52020;}
.cfp_t_wrap .coin_fill_info:last-child{margin-bottom:20px;}
.cfp_t_wrap .cfp_table .coin_vp{position:absolute; top:0; left:0; clip:rect(0, 0, 0, 0); opacity:0;}
.cfp_special{position:relative;width:100%;}
.cfp_special .promo_logo_box{width:63.294%; width:180px; max-width:242px; border:1px solid #d32b2b;background:#fff;border-radius:4px 4px 0 0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.cfp_special .promo_logo_box img{width:100%;vertical-align:top;}
.cfp_special .promo_logo_box .promo_logo{width:32%;width:60px;text-align:center;}
.cfp_special .promo_logo_box .promo_logo img{width:80%;}
.cfp_special .promo_logo_box .promo_txt{width:68%;width:122px;background:#d52b2c;}
.cfp_special ul{display:table;width:100%;height:48px;border-top:1px solid #d32b2b; border-bottom:1px solid #ddd;margin:-1px auto 10px;}
.cfp_special ul:after{content:"";display:block;clear:both;}
.cfp_special ul li{display:table-cell;vertical-align:middle;padding-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cfp_special ul li + li{border-left:1px solid #ddd;}
.cfp_special ul li:first-child{width:70px;text-align:center;padding-left:0;}
.cfp_special ul li:nth-child(2){width:110px;}
.cfp_special ul li div{display:block;}
.cfp_special ul li .discount{display:inline-block;}
.cfp_special ul li .discount{display:inline-block; position:relative;font-size:11px;color:#ff0000;margin-bottom:2px;}
.cfp_special ul li .discount:before, .cfp_special ul li .discount:after{content:""; display:block; position:absolute; top:50%; left:0; width:100%; margin-top:-1px; border-top:1px solid #ff0000; opacity:0.5;}
.cfp_special ul li .discount:before{-webkit-transform:rotate(15deg); transform:rotate(15deg);}
.cfp_special ul li .discount:after{-webkit-transform:rotate(-15deg); transform:rotate(-15deg);}
.cfp_special ul li .price{display:block; height:15px; line-height:15px; font-size:12px; font-weight:bold;}
.cfp_special ul li .coin_info{display:inline-block;height:18px;line-height:19px;font-weight:bold;padding-left:22px; background:url(https://cdn.metoon.co.kr/mimg/cft_coin_ic.png) no-repeat 0 center; background-size:18px;}
.cfp_special ul li .coin_info em{color:#ff0000;}
.cfp_special ul li .coin_info .ic_dum{display:inline-block; width:18px; height:16px; background:url(https://cdn.metoon.co.kr/mimg/ic_dum.png) no-repeat center; background-size:100% auto; margin-left:3px; vertical-align:top;}
.cfp_special ul li:last-child > div {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.cfp_special ul li .sale_txt{display:inline-block; line-height:1; padding:2px 4px;background:#dbb388;font-size:10px;color:#fff;border:1px solid #cba175; border-radius:3px; letter-spacing:-0.05em; margin-bottom:2px; margin-top:2px; margin-top:2px;}
.cfp_special ul li .sale_count{float:left;height:34px; line-height:35px;font-size:11px; color:#ff0000; letter-spacing:-0.04em; white-space:nowrap;}
.cfp_special ul li .charge_btn{float:right; margin-right:5px; height:34px; line-height:34px; font-size:12px; font-weight:bold; color:#fff; padding:0 8px; background:#404040; border-radius:3px; white-space:nowrap;}
.cfp_t_wrap .cfp_table .cfpt_memgrade_area{position:relative;}
.cfp_t_wrap .cfp_table tr .ic_cft_memgrade{display:none;}
.cfp_t_wrap .cfp_table tr[class^="mg-"]:not(.mg-silver) .ic_cft_memgrade{display:block;position:absolute;top:0;left:0;width:24px;height:100%;text-indent:-9999px;z-index:10;}
.cfsp_info dl[class*=mg-]:not(.mg-silver) dd .coin_details i{display:inline-block;width:20px;height:20px;background-size:100% auto;background-repeat:no-repeat;background-position:center;vertical-align:middle;margin-right:3px;}
.cfsp_info dl.mg-gold dd .coin_details i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memgrade_s2.png);}
.cfsp_info dl.mg-pleti dd .coin_details i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memgrade_s3.png);}
.cfsp_info dl.mg-dia dd .coin_details i{background-image: url(https://cdn.metoon.co.kr/mimg/ic_memgrade_s4.png);}
.cfsp_info dl.mg-vip dd .coin_details i{background-image: url(https://cdn.metoon.co.kr/mimg/ic_memgrade_s5.png);}
.coin_fill_selec_p{width:100%;margin-top:5px;border-top:0 none;}
.coin_fill_selec_p .title{padding:0 8px;height:35px;line-height:35px;background:#f2f4fb; border:1px solid #ddd; border-bottom:0 none; font-size:12px; font-weight:bold; border-radius:4px 4px 0 0;}
.coin_fill_selec_p .title .fill_up_btn{display:inline-block;height:25px;line-height:25px; padding:0 8px; background-color:#000; border-radius:50px;margin-top:4px; float:right;}
.coin_fill_selec_p .title .fill_up_btn span{display:inline-block;padding-right:18px;color:#fff;font-size:11px; font-weight:normal;background:url(https://cdn.metoon.co.kr/mimg/ic_cfs_up.png) no-repeat 100% 53%; background-size:13px auto;cursor:pointer;}
.coin_fill_selec_p .cfsp_contents{padding:10px 7px;border:1px solid #ddd;border-radius:0 0 4px 4px;}
.coin_fill_selec_p .cfsp_contents_ca{display:none;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .menu_title{height:36px;line-height:32px;font-size:14px;color:#000;letter-spacing:-0.02em;padding:0 3px;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .menu_title span{display:inline-block;width:22px; height:36px;vertical-align:top; margin-right:2px; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .menu_title.phone span{background-image:url(https://cdn.metoon.co.kr/mimg/ic_cfs_t01.png/me/resize/22x);background-position:30% center;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .menu_title.bPay span{background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t02p.png?1);background-size:100%;background-position:center 45%;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .menu_title.card span{background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t03p.png);background-size:100%;background-position:center 47%;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .menu_title.gift span{background-image:url(https://cdn.metoon.co.kr/img/ic_cfs_t04p.png);background-size:100%;background-position:center 47%;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list{width:100%;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list:after{content:"";display:block;clear:both;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list li{float:left;width:33.333%;padding:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box; margin-bottom:6px; font-size:12px;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list01 li{height:60px;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list02 li{height:34px; line-height:34px;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list li a{display:block;width:100%;height:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list li a span{cursor:pointer;}
.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list01 li a img{width:55px;display:block;margin:7px auto 5px;cursor:pointer;}
.cfsp_info{display:none;position:relative;width:100%;padding:10px 20px;background-color:#5f6677;color:#fff;margin-bottom:5px;border-radius:4px;}
.cfsp_info dl{line-height:1;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.cfsp_info dl dt{font-size:13px;margin-bottom:10px;float:left;padding:5px 8px;margin-top:8px;border-radius:3px;background-color:#353740;}
.cfsp_info dl dd{font-size:14px;float:right;text-align:right;}
.cfsp_info dl dd .coin_all strong{font-size:16px;font-weight:bold;color:#fbdf0a;}
.cfsp_info dl dd .coin_details{margin-top:10px;font-size:13px;}
.coin_fill_info{width:100%;padding:6px;border:1px solid #ddd; margin:10px auto;border-radius:4px;}
.coin_fill_info:last-of-type{margin-bottom:0;}
.coin_fill_info .title{position:relative; font-size:14px; line-height:18px; color:#000; padding:0 4px; margin:5px auto 5px;cursor:pointer;}
.coin_fill_info .title .cfi_btn{position:absolute; top:50%; right:4px; width:18px; height:18px; margin-top:-9px; background-image:url(https://cdn.metoon.co.kr/mimg/ic_cfp_up.png); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
.coin_fill_info.up .title .cfi_btn{background-image:url(https://cdn.metoon.co.kr/mimg/ic_cfp_down.png);}
.coin_fill_info ul{margin-top:10px;}
.coin_fill_info ul li{list-style-type:disc; margin:0 0 5px 20px; font-size:12px; color:#666; line-height:1.5;}
.cfpd_wrap{width:100%;padding-bottom:5px;margin-bottom:5px;}
.cfpd_wrap .cfpd_contents{width:100%;border:2px solid #d32b2b;border-top:0 none;letter-spacing:-0.03em;}
.cfpd_wrap .cfpd_contents .cfpd_title{text-align:center;height:38px;line-height:38px;background-color:#d32b2b;}
.cfpd_wrap .cfpd_contents .cfpd_title span{display:inline-block;padding-left:25px;font-size:12px;color:#fff;background:url(https://cdn.metoon.co.kr/mimg/coin_notice_fill_icon1.png) no-repeat 0 center;background:url(https://cdn.metoon.co.kr/mimg/coin_notice_fill_icon1.png/me/resize/40x) no-repeat 0 center;background-size:20px;}
.cfpd_wrap .cfpd_contents .cfpd_title span em{color:yellow;font-weight:bold;}
.cfpd_wrap .cfpd_contents .cfpd_list{width:100%;}
.cfpd_wrap .cfpd_contents .cfpd_list li{position:relative;}
.cfpd_wrap .cfpd_contents .cfpd_list li + li{border-top:1px solid #ddd;}
.cfpd_wrap .cfpd_contents .cfpd_list li:after{content:"";display:block;clear:both;}
.cfpd_wrap .cfpd_contents .cfpd_list .ic_cft_memgrade{display:block;position:absolute;top:0;left:0;width:24px;height:100%;text-indent:-9999px;z-index:10;}
.cfpd_wrap .cfpd_contents .cfpd_list li input{position:absolute;top:0;left:0;clip:rect(1, 1, 1, 1);opacity:0;z-index:-1;}
.cfpd_wrap .cfpd_contents .cfpd_list li input[type="radio"]:checked + label{background-color:#fffcd5;}
.cfpd_wrap .cfpd_contents .cfpd_list li label, .cfpd_wrap .cfpd_contents .cfpd_list li .cfdp_ald100w a{width:100%;height:35px;line-height:35px;padding:0 6px;display:table;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cfpd_wrap .cfpd_contents .cfpd_list li label:after, .cfpd_wrap .cfpd_contents .cfpd_list li .cfdp_ald100w:after{content:"";display:block;clear:both;}
.cfpd_wrap .cfpd_contents .cfpd_list li .recomm{padding-left:30px;background:url(https://cdn.metoon.co.kr/img/ic_ct_recomm.png) no-repeat 6px center; background-size:18px;}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_c_info{float:left;font-size:13px;color:#000;font-weight:bold;}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_c_info span{display:inline-block;padding-left:5px;font-size:12px;}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_c_info span em{color:#ff0000;}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_cost{display:table-cell;text-align:right;vertical-align:middle;font-size:11px;}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_cost b{font-size:13px;font-weight:bold;}
.cfpd_wrap .cfpd_btn_group{position:relative;font-size:0;text-align:center;overflow:hidden;}
.cfpd_wrap .cfpd_btn{display:inline-block;width:180px;height:38px;line-height:38px;background-color:#d32b2b;border:0 none;border-bottom:3px solid #ad2222;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:13px;font-weight:bold;text-align:center;border-radius:3px;margin:5px auto 0;vertical-align:middle;}
.cfpd_wrap .cfpd_temrs_btn{position:absolute;top:0;right:0;display:inline-block;font-size:12px;color:#777;line-height:38px;vertical-align:middle;margin-top:5px;}
.cfpd_wrap .cfpd_contents .cfpd_list li label .cfpd_ci_wrap, .cfpd_wrap .cfpd_contents .cfpd_list li .cfdp_ald100w .cfpd_ci_wrap{display:table-cell;vertical-align:middle;}
.cfpd_wrap .cfpd_contents .cfpd_list li label[class*="mg-"]{padding-left:30px;background-repeat:no-repeat;background-position:6px center;background-size:20px;}
.cfpd_wrap .cfpd_contents .cfpd_list li label[class*="mg-"] .cfpd_c_info, .cfpd_wrap .cfpd_contents .cfpd_list li .cfdp_ald100w .cfpd_c_info{line-height:35px;}
.cfpd_wrap .cfpd_contents .cfpd_list li .mg-gold{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade_s2.png);}
.cfpd_wrap .cfpd_contents .cfpd_list li .mg-pleti{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade_s3.png);}
.cfpd_wrap .cfpd_contents .cfpd_list li .mg-dia{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade_s4.png);}
.cfpd_wrap .cfpd_contents .cfpd_list li .mg-vip{background-image:url(https://cdn.metoon.co.kr/img/ic_memgrade_s5.png);}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_freec{float:left;line-height:35px;margin-left:8px;}
.cfpd_wrap .cfpd_contents .cfpd_list li .cfpd_freec span{vertical-align:middle;font-weight:bold;}
.cfpd_wrap .cfpd_contents .cfpd_list li label[class*="mg-"] .cfpd_freec i, .cfpd_wrap .cfpd_contents .cfpd_list li .cfdp_ald100w .cfpd_freec i{display:inline-block;width:60px;height:30px;background-repeat:no-repeat;background-position:100% center;background-size:auto 100%;vertical-align:middle;margin-left:8px;}
.cfpd_wrap .cfpd_contents .cfpd_list .mg-gold .cfpd_freec i, .cfpd_wrap .cfpd_contents .cfpd_list .cfdp_ald100w .cfpd_freec i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon3_m.jpg/me/resize/120x);}
.cfpd_wrap .cfpd_contents .cfpd_list .mg-pleti .cfpd_freec i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon5_m.jpg/me/resize/120x);}
.cfpd_wrap .cfpd_contents .cfpd_list .mg-dia .cfpd_freec i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon10_m.jpg/me/resize/120x);}
.cfpd_wrap .cfpd_contents .cfpd_list .mg-vip .cfpd_freec i{background-image:url(https://cdn.metoon.co.kr/mimg/ic_memcoupon30_m.jpg/me/resize/120x);}
.cfpd_wrap .cfpd_contents .cfpd_list li label p, .cfpd_wrap .cfpd_contents .cfpd_list li label span, .cfpd_wrap .cfpd_contents .cfpd_list .cfdp_ald100w p, .cfpd_wrap .cfpd_contents .cfpd_list .cfdp_ald100w span{cursor:pointer;}
@media all and (max-width:370px) {
	.cfp_t_wrap .cfp_table .cfpt_cell02{width:100px;}
	.cfp_t_wrap .cfp_table .cfpt_cell03{width:auto;}
	.cfp_t_wrap .cfp_table td:nth-child(2){padding-right:5px;}
	.cfp_t_wrap .cfp_table td .sale_count{font-size:10px;}
	.cfp_t_wrap .cfp_table td .coin_info{background-size:15px;padding-left:18px;}
}
@media all and (max-width:359px){
	.cfpd_wrap .cfpd_contents .cfpd_title span{padding-left:0;background:none;}
}
@media all and (max-width:330px) {
	.coin_fill_selec_p .cfsp_contents .cfsp_box .cfsp_list li{font-size:10px;}
	.cfpd_wrap .cfpd_temrs_btn{position:static;}
}
.coin_fill_info_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000000;}
.coin_fill_info_wrap .cfi_back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);z-index:1;}
.coin_fill_info_wrap .cfi_layer{position:absolute;top:50%;left:0;right:0;width:96%;max-width:400px;margin:auto;border-radius:3px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.coin_fill_info_wrap .cfi_layer .cfi_close{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url(https://cdn.metoon.co.kr/img/pass_x.png) no-repeat center;background-size:100%;margin-top:-30px;}
.coin_fill_info_wrap .cfi_layer .cfi_title{width:100%;padding:14px 0 12px;text-align:center;background:#e6e6e6;font-size:18px;font-weight:bold;color:#141414;border-radius:3px 3px 0 0;}
.coin_fill_info_wrap .cfi_layer .cfi_contents{width:100%;overflow:hidden;background:#fff;text-align:center;padding:20px;border-radius:0 0 3px 3px;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container{width:100%;overflow:hidden;border:1px solid #ddd;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table{width:100%;border-collapse:collapse;border-spacing:0 none;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table .cfi_cell01{width:50px;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table .cfi_cell02{width:110px;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table .cfi_cell03{width:110px;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table tr th{height:48px;border-bottom:1px solid #ddd;background:#f2f4fb;font-size:14px;font-weight:bold;color:#000;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table tr th + th{border-left:1px solid #ddd;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table tr td{height:48px;border-bottom:1px solid #ddd;font-size:13px;font-weight:bold;color:#333;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table tr td + td{border-left:1px solid #ddd;font-weight:normal;}
.coin_fill_info_wrap .cfi_layer .cfi_t_container table tbody tr:last-child td{border-bottom:0 none;}
.coin_fill_info_wrap .cfi_layer .cfi_txt01{font-size:12px;color:#000;margin:15px auto;text-align:left;line-height:1.4;}
.coin_fill_info_wrap .cfi_layer .cfi_txt01 span{font-size:11px;color:#777;}
.coin_fill_info_wrap .cfi_layer .cfi_btn{display:block;width:100%;height:42px;line-height:43px;font-size:15px;color:#fff;text-align:center;background:#d32b2b;border-bottom:3px solid #961d1d;margin:0 auto;border-radius:3px;}
.coin_fill_info_wrap .cfi_layer .cfi_chk_box{margin-top:10px;text-align:right;}
/* 코인소진안내 팝업 */
.coin_exp_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:99999;}
.coin_exp_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}
.coin_exp_wrap .c_exp_back{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:auto;background:rgba(0, 0, 0, .5);z-index:1;}
.coin_exp_wrap .cexp_layer{position:relative;display:inline-block;vertical-align:middle;width:96%;max-width:365px;background:#fff;text-align:left;padding:15px 15px 20px;border-radius:4px;z-index:2;}
.coin_exp_wrap .cexp_layer .title{height:35px;line-height:30px;font-size:16px;font-weight:bold;color:#000;text-align:center;}
.coin_exp_wrap .cexp_layer .selec_f{position:relative;padding:15px 10px;}
.coin_exp_wrap .cexp_layer .selec_f01{border-top:2px solid #333; border-bottom:1px solid #ddd;}
.coin_exp_wrap .cexp_layer .selec_f02{border-bottom:1px solid #ddd;background:#fdf4f4;}
.coin_exp_wrap .cexp_layer .selec_f input{position:absolute;top:0;left:0;width:1px;height:1px;clip:rect(0,0,0,0);opacity:0;z-index:-1;}
.coin_exp_wrap .cexp_layer .selec_f label{position:relative;display:block;padding-left:22px;height:15px;line-height:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.coin_exp_wrap .cexp_layer .selec_f input[type="radio"] + label:before{content:"";display:block;position:absolute;top:-2px;left:0;width:15px;height:15px;border-radius:15px;border:1px solid #cacece;background:#fafafa;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -10px 5px -7px rgba(0,0,0,0.05);}
.coin_exp_wrap .cexp_layer .selec_f input[type="radio"]:checked + label:before{background:#e9ecee;border-color:#adb8c0;}
.coin_exp_wrap .cexp_layer .selec_f input[type="radio"]:checked + label:after{content:"";position:absolute;top:2px;left:4px;width:9px;height:9px;border-radius:9px;background:#99a1a7;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
.coin_exp_wrap .cexp_layer .selec_f .buy_info{display:inline-block;float:left;font-size:14px;cursor:pointer;}
.coin_exp_wrap .cexp_layer .selec_f02 .buy_info{color:#1d488a;}
.coin_exp_wrap .cexp_layer .selec_f .price{display:inline-block;float:right;font-size:14px;font-weight:bold;cursor:pointer;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info{position:relative;width:100%;text-align:center;padding:4px 10px;background:#fff;border:1px solid #ddd;margin:15px auto 0;font-size:14px;font-weight:bold;color:#d32b2b;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info:before{content:"";display:block;position:absolute;top:0;left:0;width:45px;height:18px;background:url(https://cdn.metoon.co.kr/img/ic_purchase_e.png) no-repeat center;background-size:100% auto;margin:-4px 0 0 4px;}
.coin_exp_wrap .cexp_layer .close_chk{text-align:right;font-size:12px;margin-top:10px;}
.coin_exp_wrap .cexp_layer .close_chk input{width:12px;height:12px;margin:0;padding:0;vertical-align:top;margin-top:1px;}
.coin_exp_wrap .cexp_contents button{display:block;margin:15px auto 0;width:120px;height:38px;border:0 none; border-bottom:2px solid #8a1a1a;background:#d32b2b;border-radius:4px;font-size:15px;color:#fff;}
.coin_exp_wrap .cexp_contents button:hover{background:#8a1a1a;}
.coin_exp_wrap .cexp_layer .cexp_close{position:absolute;bottom:-37px;right:10px;}
.coin_exp_wrap .cexp_layer .cexp_close .close_btn{padding:7px 10px;border-radius:4px;font-size:14px;color:#fff;border:0 none;background:#000;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:first-child{text-align:left;text-indent:51px;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child{margin-top:5px;height:16px;line-height:16px;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info del{text-decoration:line-through;font-size:10px;color:#777;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child span{position:relative;display:inline-block;width:10px;height:16px;vertical-align:top;margin-right:5px;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child span:before, .coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child span:after{content:"";display:block;position:absolute;top:50%;right:0;width:5px;height:1px;background:#d32b2b;-webkit-transform-origin:100% center;-ms-transform-origin:100% center;transform-origin:100% center;}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.coin_exp_wrap .cexp_layer .selec_f .bonus_info p:last-child span i{position:absolute;top:50%;left:0;display:block;width:100%;height:1px;background:#d32b2b;}
.cexp_vd_notice{position:relative;width:100%;height:22px;line-height:22px;background-color:#efefef;font-size:13px;text-align:center;padding:0 10px;margin-top:15px;}
.cexp_vd_notice p{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-around;-ms-flex-pack:justify;justify-content:space-around;}
.cexp_vd_notice p i{font-size:14px;color:#fb4242;}
.cexp_vd_notice p span{padding:0 5px;color:#040404;}
.cexp_vd_notice a{font-size:11px;color:#a6a5a5;}
.cexp_vd_notice a:hover{text-decoration:underline;}
/* payco 생애첫결제이벤트 */
.event_pfp_cont{position:relative;}
.event_pfp_cont > img{width:100%;}
.event_pfp_cont .e_pfp_btn{position:absolute;left:50%;display:block;width:86.7%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.event_pfp_cont .e_pfp_btn01{top:39.1%;}
.event_pfp_cont .e_pfp_btn02{bottom:2%;}
.event_pfp_cont .e_pfp_btn img{display:block;width:100%;cursor:pointer;}
/* 웹 리뉴얼 */
#header_new{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;}
#header_new .hdn_top{position:relative;background:rgba(255, 255, 255, 1);border-bottom:1px solid #ddd;}
#header_new .hdn_container{width:1180px;margin:0 auto;height:60px;line-height:61px;}
#header_new .hdn_container:after{content:"";display:block;clear:both;}
#header_new .logo_new{float:left;height:100%;}
#header_new .logo_new a{display:block;display:flex;align-items:center;height:100%;/* background:url(https://cdn.metoon.co.kr/img/me_logo_red1_me1.png) no-repeat center;background-size:100%; */}
#header_new .logo_new img{display:block;height:32px;cursor:inherit;margin-bottom:7px;}
#header_new .logo_prem_fes{float:left;margin:14px 0 0 6px;}
#header_new .logo_prem_fes a{position:relative;display:block;}
#header_new .logo_prem_fes .prem_user:before{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#232c3d;}
#header_new .logo_prem_fes img{cursor:pointer;}
#header_new .mode_select{float:left;width:46px;height:21px;margin:20px 0 0 20px;}
#header_new .mode_select a{display:block;width:100%;height:100%;background-image:url("https://cdn.metoon.co.kr/img/menv/ico_adult19btn_off.png/me/resize/92x");background-repeat:no-repeat;background-position:center;background-size:100%;text-indent:-99999px;}
#header_new .mode_select a.adult{background-image:url("https://cdn.metoon.co.kr/img/menv/ico_adult19btn_on.png/me/resize/92x");}
#header_new #gnb_new{float:left;height:100%;margin-left:10px;}
#header_new .gnb_line{display:none;-webkit-transition:left .2s, width .2s;-moz-transition:left .2s, width .2s;-o-transition:left .2s, width .2s;transition:left .2s, width .2s;position:absolute;bottom:0;width:100px;height:4px;background:#000;z-index:11;}
#header_new #gnb_new .gnb_list{float:left;height:100%;margin-left:10px;}
#header_new #gnb_new .gnb_list:after{content:"";display:block;clear:both;}
#header_new #gnb_new .gnb_list > li{float:left;padding:0 20px;}
#header_new #gnb_new .gnb_list > li > a{display:block;position:relative;font-size:18px;color:#000;height:100%;height:61px;z-index:12;}
#header_new #gnb_new .gnb_list > li > a:after{content:"";display:block;position:absolute;bottom:-2px;width:100%;height:4px;background:transparent;z-index:12;}
#header_new #gnb_new .gnb_list > li > a.location{color:#e23939;font-weight:bold;}
#header_new #gnb_new .gnb_list > li > a.location:after{bottom:1px;background:#000;}
#header_new #gnb_new .gnb_list > li > a span{position:relative;cursor:pointer;}
#header_new #gnb_new .gnb_list > li > a .me_comics_new:before{content:"NEW";display:block;position:absolute;bottom:100%;right:0;width:15px;height:15px;background:url("https://cdn.metoon.co.kr/img/ic_new_circle.png") no-repeat center;font-size:0;margin:0 -7px -1px 0;z-index:10;}
#header_new #gnb_new .gnb_list > li > a i{position:relative;display:inline-block;width:8px;height:60px;vertical-align:top;}
#header_new #gnb_new .gnb_list > li > a i:before{content:"";display:block;position:absolute;top:50%;left:50%;width:2px;height:6px;margin:-2px 0 0 -1px;background:#d52b2c;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-o-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg);}
#header_new #gnb_new .gnb_list .gnb_sub_menu{visibility:hidden;position:absolute;top:61px;left:0;width:100%;height:0;line-height:44px;background:rgba(255, 255, 255, 0.9);border-bottom:1px solid #ddd;background:rgba(245, 245, 245, 0.9);z-index:10;}
/* #header_new #gnb_new .gnb_list .gnb_sub_toon, #header_new #gnb_new .gnb_list .gnb_sub_comics{background:rgba(255, 255, 255, 0.9);}
#header_new #gnb_new .gnb_list .gnb_sub_novel, #header_new #gnb_new .gnb_list .gnb_sub_ebook{background:rgba(245, 245, 245, 0.9);} */
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont{position:relative;width:1180px;height:100%;margin:0 auto;}
#header_new .hd_prem_festival{float:left;position:relative;display:block;margin:14px 0 0 15px;}
#header_new .hd_prem_festival img{cursor:pointer;}
#header_new .adult_count_btn{position:absolute;top:50%;left:0;width:160px;margin-top:-13px;box-shadow:0 0 5px rgba(0, 0, 0, .2);}
#header_new .adult_count_btn img{display:block;max-width:100%;cursor:pointer;}
#header_new .adult_count_btn button{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:url(https://cdn.metoon.co.kr/img/adult_con_count_x.png) no-repeat center;background-size:100% auto;border:0 none;text-indent:-99999px;}
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont ul{padding-left:234px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont ul:after{content:"";display:block;clear:both;}
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont ul li{float:left;padding:0 20px;}
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont ul li a{display:block;height:100%;font-size:16px;color:#000;/* font-weight:700; */}
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont ul li a .snovel_ic{display:inline-block;width:12px;height:100%;background:url(https://cdn.metoon.co.kr/img/sn_logo_pc.png) no-repeat center;background-size:100% auto;text-indent:-9999px;}
#header_new #gnb_new .gnb_list .gnb_sub_menu .gnb_sub_cont ul li a:hover{color:#c53232;}
#header_new .menu_rect{float:right;}
#header_new .menu_rect .mr_list{display:table;height:60px;}
#header_new .menu_rect .mr_list > li{position:relative;display:table-cell;vertical-align:middle;padding-left:15px;}
#header_new .menu_rect .mr_list > li:first-child{padding-left:0;}
#header_new .menu_rect .mr_list > li > a > span{display:block;text-align:center;line-height:1;cursor:pointer;}
#header_new .menu_rect .mr_list > li a .mrl_ic{height:18px;padding-bottom:6px;}
#header_new .menu_rect .mr_list > li a .mrl_ic img{height:100%;vertical-align:top;cursor:pointer;}
#header_new .menu_rect .mr_list > li a .mrl_txt{font-size:14px;}
#header_new .menu_rect .mr_list .search_top_wrap{visibility:hidden;opacity:0;position:absolute;top:61px;right:0;width:320px;box-shadow:0 0 5px 0 rgba(0, 0, 0, .15);z-index:1001;}
#header_new .menu_rect .mr_list .search_top_wrap.active{visibility:visible;opacity:1;}
#header_new .menu_rect .mr_list .search_area{width:100%;padding:20px 15px;background:#fff;}
#header_new .menu_rect .mr_list .search_box{position:relative;}
#header_new .menu_rect .mr_list .search_box input[name="search"]{width:100%;height:30px;padding:0 36px 0 10px;border:0 none;border-bottom:2px solid #000;font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:text;}
#header_new .menu_rect .mr_list .search_box input[name="search"]::-webkit-input-placeholder{font-size:14px;}
#header_new .menu_rect .mr_list .search_box input[name="search"]:-ms-input-placeholder{font-size:14px;}
#header_new .menu_rect .mr_list .search_box .search_btn{position:absolute;top:0;right:0;width:30px;height:30px;border:0 none;background-image:url(https://cdn.metoon.co.kr/img/ic_search.png);background-size:20px;background-repeat:no-repeat;background-position:center;background-color:transparent;}
#header_new .menu_rect .mr_list .search_box .search_btn.keyOn{background-image:url(https://cdn.metoon.co.kr/img/ic_search_on.png);}
#header_new .hdn_gnb2{position:absolute;top:61px;left:0;width:100%;height:45px;line-height:44px;border-bottom:1px solid #ddd;background-color:rgba(245, 245, 245, 0.9);}
/* #header_new .hdn_gnb2.toon, #header_new .hdn_gnb2.vd, #header_new .hdn_gnb2.comics{background-color:rgba(255, 255, 255, 0.9);}
#header_new .hdn_gnb2.novel, #header_new .hdn_gnb2.ebook{background-color:rgba(245, 245, 245, 0.9);} */
#header_new .hdn_gnb2 .gnb2_wrap{position:relative;width:1180px;height:100%;margin:0 auto;}
#header_new .hdn_gnb2 .gnb2_wrap ul{padding-left:234px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header_new .hdn_gnb2 .gnb2_wrap ul:after{content:"";display:block;clear:both;}
#header_new .hdn_gnb2 .gnb2_wrap ul li{float:left;position:relative;padding:0 20px;}
#header_new .hdn_gnb2 .gnb2_wrap ul li a{display:block;height:100%;font-size:16px;color:#000;/* font-weight:700; */}
#header_new .hdn_gnb2 .gnb2_wrap ul li a .ic_vd_adult, #header_new .gnb_sub_cont .ic_vd_adult{display:inline-block;padding-left:22px;/* background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png") no-repeat 0 center; */background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/18x") no-repeat 0 center;background-size:18px;vertical-align:top;}
#header_new .hdn_gnb2 .gnb2_wrap ul li a .snovel_ic{display:inline-block;width:12px;height:100%;background:url(https://cdn.metoon.co.kr/img/sn_logo_pc.png) no-repeat center;background-size:100% auto;text-indent:-9999px;}
#header_new .hdn_gnb2 .gnb2_wrap ul li a:hover{color:#c53232;}
#header_new .hdn_gnb2 .gnb2_wrap ul li a.on:after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#e23939;z-index:1;}
.layer_menu_new{display:none;position:absolute;top:60px;right:0;width:280px;background-color:#fff;line-height:1;border:1px solid #ddd;box-shadow:0 0 5px 0 rgba(0, 0, 0, .15);z-index:999999;overflow-y:auto;max-height:-webkit-calc(100vh - 145px);max-height:-moz-calc(100vh - 145px);max-height:calc(100vh - 145px);overscroll-behavior:contain;will-change:opacity, transform;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;}
.layer_menu_new.fade-show{-webkit-animation:fadeShow .18s ease-in-out;-moz-animation:fadeShow .18s ease-in-out;animation:fadeShow .18s ease-in-out;}
.layer_menu_new.fade-hide{-webkit-animation:fadeHide .18s ease-in-out;-moz-animation:fadeHide .18s ease-in-out;animation:fadeHide .18s ease-in-out;}
.layer_menu_new .lm_new_top{overflow:hidden;}
.layer_menu_new .lm_new_logout{height:82px;padding-left:15px;padding-top:12px;border-bottom:1px solid #e14747;}
.layer_menu_new .lm_new_login{width:100%;overflow:hidden;letter-spacing:-0.03em;border-bottom:1px solid #ddd;}
.layer_menu_new .lm_new_login > div{float:left;min-height:110px;}
.layer_menu_new .lm_new_login .lm_grade_info{width:79px;padding-top:11px;text-align:center;}
.layer_menu_new .lm_new_login .lm_grade_info img{display:block;width:45px;margin:0 auto;}
.layer_menu_new .lm_new_login .lm_grade_info .lm_grade_name{display:block;font-size:12px;line-height:1;font-weight:700;color:#000;margin:8px auto 10px;}
.layer_menu_new .lm_new_login .lm_grade_info a{position:relative;font-size:11px;color:#000;line-height:1.2;}
.layer_menu_new .lm_new_login .lm_grade_info a:after{content:"";position:absolute;bottom:-1px;left:1px;width:100%;height:1px;background:#000;}
.layer_menu_new .lm_new_login .lm_grade_info a:hover{color:#e14747;}
.layer_menu_new .lm_new_login .lm_my_info{width:100%;}
.layer_menu_new .lm_new_login .lm_my_id{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:40px;padding:0 10px;background:#1b1b1b;font-size:12px;color:#fff;word-break:break-all;}
.layer_menu_new .lm_new_login .lm_my_id span{line-height:1.3;}
.layer_menu_new .lm_new_login .lm_my_coin li{height:35px;line-height:35px;background:#3a3a3a;box-sizing:border-box;padding:0 10px;font-size:12px;color:#fff;}
.layer_menu_new .lm_new_login .lm_my_coin li + li{border-top:1px solid #1b1b1b;line-height:33px;}
.layer_menu_new .lm_new_login .lm_my_coin li span{display:inline-block;}
.lm_my_coin .hdm_invite_btn{border:0 none;background-color:transparent;font-size:12px;color:#fff;}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc01{float:left;padding-left:30px;background-size:25px;background-repeat:no-repeat;background-position:0 center;}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc_coin{background-image:url(https://cdn.metoon.co.kr/img/ic_mycoin_new.png);}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc_coin_nm{background-image:url(https://cdn.metoon.co.kr/mimg/ic_mycoin_normal_new_ver1.png?1);}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc_coin_bonus{background-image:url(https://cdn.metoon.co.kr/mimg/ic_mycoin_bonus_new_ver1.png?1);}
/* .layer_menu_new .lm_new_login .lm_my_coin li .lm_myc_coupon{background-image:url(https://cdn.metoon.co.kr/img/ic_freecoupon_new.png);} */
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc_coin_ebook{background-image:url(https://cdn.metoon.co.kr/mimg/ic_mycoin_ebook_new_ver1.png?1);}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc_coupon{background-image:url(https://cdn.metoon.co.kr/mimg/ic_mycoin_coupon_new.png?1);}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc02{float:right;}
.layer_menu_new .lm_new_login .lm_my_coin li .lm_myc02 b{font-weight:800;}
.layer_menu_new .lm_new_login .lm_my_coin li a{float:right;display:block;height:20px;line-height:20px;padding:0 4px;border-radius:3px;font-size:11px;color:#fff;background:#e14747;margin-top:6px;}
.layer_menu_new .lm_new_txt{font-size:14px;margin-bottom:14px;}
.layer_menu_new .lm_new_txt img{height:15px;}
.layer_menu_new .lm_new_log_wrap:after{content:"";display:block;clear:both;}
.layer_menu_new .lm_new_log_wrap a{display:block;float:left;padding:0 7px;border:1px solid #939393;border-radius:3px;height:25px;line-height:25px;color:#333;margin-right:10px;}
.layer_menu_new .lm_new_log_wrap .lm_join_btn{border-color:#e14747;}
.layer_menu_new .lm_new_log_wrap a span{display:inline-block;line-height:27px;padding-left:16px;font-size:13px;cursor:pointer;background-repeat:no-repeat;background-position:0 47%;background-size:12px auto;}
.layer_menu_new .lm_new_log_wrap .lm_login_btn span{background-image:url(https://cdn.metoon.co.kr/mimg/smenu/sb_loginr_ic.png);}
.layer_menu_new .lm_new_log_wrap .lm_join_btn span{background-image:url(https://cdn.metoon.co.kr/mimg/smenu/sb_join_ic.png);}
.layer_menu_new .lm_new_list{padding:0 10px;}
.layer_menu_new .lm_new_list li{height:46px;line-height:45px;border-bottom:1px solid #ddd;font-size:14px;}
.layer_menu_new .lm_new_list li:last-child{border-bottom:0 none;}
.layer_menu_new .lm_new_list li a{display:block;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.layer_menu_new .lm_new_list li a span{cursor:pointer;}
.layer_menu_new .lm_new_list li .gift{padding-left:18px;background:url(https://cdn.metoon.co.kr/img/ht_gift.png) no-repeat 0 center;background-size:13px auto;cursor:pointer;}
.layer_menu_new .lm_new_list li .coin_ic{padding-left:18px;background:url(https://cdn.metoon.co.kr/img/ht_coin_new1.png) no-repeat 0 center;background-size:14px;cursor:pointer;}
.layer_menu_new .lm_new_list li .coin_sale{display:inline-block;font-size:10px;padding:2px 4px;background:#ff0000;line-height:1;color:#fff;border-radius:3px;margin-left:5px;margin-top:15px;vertical-align:top;}
.layer_menu_new .hbgm_invite_area{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;background-color:#e4e4e4;transition:0.25s ease;}
.layer_menu_new .hbgm_invite_area:hover{background-color:#ecf5ff;}
.layer_menu_new .hdm_invite_btn{font-size:13px;color:#131313;text-align:center;cursor:inherit;}
.layer_menu_new span.hdm_invite_btn{position:relative;}
.layer_menu_new span.hdm_invite_btn::before{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:1px;background-color:#444;margin-top:2px;opacity:0;transition:opacity 0.2s ease;}
.hbgm_invite_area:hover span.hdm_invite_btn::before{opacity:1;}
.layer_menu_new .hdm_invite_btn_code{background-color:#e14747;border:0 none;border-radius:20px;padding:3px 10px;font-size:12px;color:#fff;cursor:pointer;}
#contents_wrap{width:100%;padding-top:61px;overflow:hidden;margin:0 auto;}
#contents_wrap.gray_wrap{background:#f5f5f5;}
#main_visual_new{width:100%;max-width:100%;height:411px;border-bottom:1px solid #ddd;margin-bottom:25px;overflow:visible;/* background-color:#5f5f5f; */}
#main_visual_new ul li{width:100%;}
#main_visual_new ul li a{position:relative;display:block;width:100%;height:410px;background-size:auto 100%;background-repeat:no-repeat;background-position:center;overflow:hidden;}
#main_visual_new a.vd_vis_atag{background-color:#000;}
#main_visual_new .swiper-button-mv{visibility:hidden;width:100px;height:62px;margin-top:-31px;background-size:28px auto;background-repeat:no-repeat;}
#main_visual_new .swiper-button-mv:hover{background-color:rgba(0, 0, 0, .4);}
#main_visual_new .swiper-button-mv:hover .custom_fraction{visibility:visible;opacity:1;}
#main_visual_new .swiper-button-mv.slider-fade2{visibility:visible;}
#main_visual_new .swiper-button-prev{left:14%;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_prev.png);background-position:10px center;}
#main_visual_new .swiper-button-next{right:14%;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_next.png);background-position:62px center;}
#main_visual_new span, #main_visual_new i, #main_visual_new img{cursor:pointer;}
#main_visual_new .ic_play{position:absolute;top:50%;left:50%;display:block;width:108px;height:108px;background:url("https://cdn.metoon.co.kr/img/ic_mvis_play.png");background-size:100%;margin:-54px 0 0 -54px;z-index:20;}
#main_visual_new .vd_visual_container{position:absolute;top:0;left:0;right:0;width:100%;max-width:1920px;height:100%;background:url("https://cdn.metoon.co.kr/mimg/loadpre_logo.gif") no-repeat center;background-size:60px;overflow:hidden;margin:0 auto;}
#main_visual_new .vd_visual_container:before{content:"";display:block;position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(to left, #000 1%, rgba(0, 0, 0, .4) 40%, rgba(0, 0, 0, 0));z-index:20;}
#main_visual_new .vd_visual_item{position:absolute;top:0;left:30px;width:1040px;height:100%;z-index:10;}
#main_visual_new .main_vis_vd_dsc{position:relative;display:table;width:335px;height:100%;padding-bottom:20px;}
#main_visual_new .main_vis_vd_dsc:before{content:"";display:block;position:absolute;top:0;left:0;width:570px;height:100%;background:linear-gradient(to right, #000 60%, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));z-index:5;}
#main_visual_new .main_vis_vd_img{position:absolute;top:0;left:100%;}
#main_visual_new .main_vis_vd_img img{display:block;max-width:1280px;}
.main_vis_vd_dsc dl{position:relative;display:table-cell;width:100%;padding-top:54px;color:#fff;vertical-align:middle;z-index:10;}
.main_vis_vd_dsc dt, .main_vis_vd_dsc .summary{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.04em;}
.main_vis_vd_dsc dt{-webkit-line-clamp:2;max-height:120px;line-height:60px;font-size:50px;font-weight:300;}
.main_vis_vd_dsc .summary{-webkit-line-clamp:3;max-height:78px;line-height:26px;font-size:16px;margin-top:18px;}
.main_vis_vd_dsc .label{overflow:hidden;margin-top:30px;}
.main_vis_vd_dsc .label i{float:left;display:block;line-height:28px;padding:0 14px;border-radius:4px;font-size:14px;background:#512b64;color:#ddd;}
.main_vis_vd_dsc .label i + i{margin-left:14px;}
@media only screen and (min-width:1340px){
	#main_visual_new .vd_visual_item{left:50%;margin-left:-520px;}
}
@media only screen and (max-width:1650px){
	#main_visual_new .swiper-button-prev{left:40px;}
	#main_visual_new .swiper-button-next{right:40px;}
}
#main_visual_new .custom_fraction{display:table;width:100px;height:62px;visibility:hidden;opacity:.2;cursor:pointer;transition:opacity .3s;z-index:10;}
#main_visual_new .swiper-button-prev .custom_fraction{padding-right:15px;}
#main_visual_new .swiper-button-next .custom_fraction{padding-left:15px;}
#main_visual_new .custom_fraction p{display:table-cell;vertical-align:middle;text-align:right;font-size:14px;color:#fff;cursor:pointer;}
#main_visual_new .custom_fraction p span{cursor:pointer;}
#main_visual_new .swiper-button-next .custom_fraction p{text-align:left;}
#main_visual_new .custom_fraction p .current{font-size:1.2em;}
#main_visual_new .custom_fraction p .slash{margin:0 5px;}
#main_visual_new .swiper-pagination{position:absolute;bottom:25px;left:50%;width:1040px;margin-left:-520px;text-align:right;}
#main_visual_new .swiper-pagination-bullet{position:relative;width:30px;height:4px;background:transparent;border-radius:0;opacity:1;overflow:hidden;}
#main_visual_new .swiper-pagination-bullet:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#ddd;opacity:.4;z-index:1;}
#main_visual_new .swiper-pagination-bullet-active:before{opacity:.9;}
#main_visual_new .swiper-pagination-bullet:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#569fe4;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);z-index:2;}
#main_visual_new.main_visual_vd .swiper-pagination-bullet:after{/* background:#cb1a1b; */background:#9c2ad4;}
#main_visual_new .swiper-pagination-bullet-active.bar:after{-webkit-animation:progressBarA 5.2s forwards;-moz-animation:progressBarA 5.2s forwards;animation:progressBarA 5.2s forwards;}
#container_renew{width:1180px;margin:0 auto;padding-bottom:50px;}
#container_renew .ml_wrap, #container .ml_wrap{position:relative;width:100%;line-height:1;overflow:hidden;margin-top:45px;}
#container_renew .ml_wrap:nth-of-type(1),#container .ml_wrap:nth-of-type(1){margin-top:0;}
#container_renew .ml_anchor,#container .ml_anchor{position:absolute;top:-70px;left:0;width:100%;opacity:0;}
#container_renew .ml_wrap .ml_title,#container .ml_wrap .ml_title, .vd_main_cont .ml_title{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:25px;color:#000;font-weight:700;padding-bottom:20px;}
#container .ml_wrap .ml_title{min-height:auto;}
#container_renew .ml_wrap .main_swp_pagination,#container .ml_wrap .main_swp_pagination{position:absolute;top:0;right:0;bottom:auto;left:auto;width:auto;z-index:10;margin-top:18px;}
#container_renew .ml_wrap .ml_container .main_swp_pagination{margin-top:-23px;}
#container_renew .ml_wrap .ml_container .main_swp_pagination.more_plus,#container .ml_wrap .ml_container .main_swp_pagination.more_plus{margin-top:-28px;margin-right:65px;}
#container_renew .main_swp_pagination .swiper-pagination-bullet,#container .main_swp_pagination .swiper-pagination-bullet, .view_recomm_swp_pgn .swiper-pagination-bullet{width:4px;height:4px;border-radius:100%;background-color:#5a5758;opacity:.4;margin:0 0 0 6px;}
#container_renew .main_swp_pagination .swiper-pagination-bullet-active, .view_recomm_swp_pgn .swiper-pagination-bullet-active{opacity:1;}
#container_renew .ml_wrap .ml_title a, .vd_main_cont .ml_title a{display:inline-block;float:right;font-size:12px;font-weight:300;color:#959595;padding-right:12px;background:url(https://cdn.metoon.co.kr/img/ic_mlt_more.png) no-repeat 100% center;background-size:6px;}
#container_renew .ml_container, #container.container_comics .ml_container{position:relative;overflow:visible;visibility:hidden;}
#container.container_comics .ml_container{overflow:hidden;}
#container.container_comics .ebook_top5{visibility:visible;}
#container_renew .ml_container.ml_container_nm, #container.container_comics .ml_container.ml_container_nm{visibility:visible;}
#container_renew .ml_container.ml_container_nm ul:after, #container_renew .ml_container .swiper-wrapper:after, #container.container_comics .ml_container .swiper-wrapper:after{content:"";display:block;clear:both;}
#container_renew .ml_container li,#container.container_comics .ml_container li{float:left;width:182px;}
#container_renew .ml_container.ml_container_nm li{width:180px;margin-right:20px;}
#container_renew .ml_container.ml_container_nm li:nth-child(6n){margin-right:0;}
#container_renew .ml_container.ml_container_nm li:nth-child(n + 7){margin-top:20px;}
#container_renew .ml_container li a,#container.container_comics .ml_container li a{display:block;width:100%;}
#container_renew .ml_container li .ml_contents,#container.container_comics .ml_container li .ml_contents{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;}
#container_renew .ml_container li .ml_thumb,#container.container_comics .ml_container li .ml_thumb{position:relative;width:100%;}
#container_renew .thumb_img .vd_thumbnail_bg, .search_cont .vd_thumbnail_bg, #contents_wrap .thumb_img .vd_thumbnail_bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;z-index:1;}
#container_renew .thumb_img .inner_thumb, .search_cont .inner_thumb, #contents_wrap .thumb_img .inner_thumb{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#container_renew .thumb_img .vd_thumbnail, .search_cont .vd_thumbnail, #contents_wrap .thumb_img .vd_thumbnail{position:absolute;top:50%;left:0;width:100%;height:0;padding-bottom:56.39%;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:2;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.top5_movie .vd_thumbnail{box-shadow:0 0 15px rgba(0, 0, 0, .32);}
#container_renew .ml_container li .thumb_img,#container .ml_container li .thumb_img{position:relative;width:100%;height:253px;background-size:cover;background-repeat:no-repeat;background-position:center 0;z-index:2;}
#container_renew .ml_container li .ml_info,#container .ml_container li .ml_info{position:relative;padding:14px 10px;border-top:1px solid #e0e0e0;background:#fff;}
#container_renew .ml_container li .ml_info p, #container_renew .ml_container li .ml_info span,#container .ml_container li .ml_info p, #container .ml_container li .ml_info span{cursor:pointer;}
#container_renew .ml_container li .info_title,#container .ml_container li .info_title{width:100%;font-size:16px;height:20px;line-height:20px;font-weight:700;color:#363636;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#container_renew .ml_container li .info_title span,#container .ml_container li .info_title span{display:inline-block;vertical-align:middle;}
#container_renew .ml_container li .info_title .icon_up_new,#container .ml_container li .info_title .icon_up_new{display:inline-block;vertical-align:top;width:22px;height:15px;background:url(https://cdn.metoon.co.kr/img/icon_up_new.png) no-repeat center;background-size:100%;margin-top:3px;margin-right:7px;}
#container_renew .ml_container li .info_area,#container .ml_container li .info_area{width:100%;min-height:14px;}
#container_renew .ml_container li .info_summary,#container .ml_container li .info_summary{font-size:13px;font-weight:300;line-height:16px;height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:12px;color:#666;}
#container_renew .ml_container li .info_chapter,#container .ml_container li .info_chapter{height:14px;line-height:14px;margin-top:10px;letter-spacing:-1px;}
#container_renew .ml_container.ml_mine li .info_chapter,#container .ml_container.ml_mine li .info_chapter{letter-spacing:0;}
#container_renew .ml_container li .mine, #container .ml_container li .mine, #contents_wrap .sub_list li .mine{color:#2692db;}
#container_renew .ml_container.ml_mine li .label_box, #container .ml_container.ml_mine li .label_box{bottom:100%;margin-bottom:7px;}
#container_renew .ml_container li .info_chapter .chapter, #container_renew .ml_container li .info_chapter .author{float:left;font-size:12px;color:#777;}
#container .ml_container li .info_chapter .chapter, #container .ml_container li .info_chapter .author{float:left;font-size:12px;color:#777;}
#container_renew .ml_container li .info_chapter .zzim_n, .main_best_swp .main_best_list .zzim_n{float:right;padding-left:11px;font-size:12px;color:#777;background:url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 0 center;background-size:10px;}
#container_renew .ml_container li .info_tag,#container .ml_container li .info_tag{height:18px;margin-top:10px;}
#container_renew .ml_container li .label_box,#container .ml_container li .label_box{position:absolute;bottom:108px;left:0;z-index:10;}
#container_renew .ml_container li .ml_info .label_box,#container .ml_container li .ml_info .label_box{bottom:100%;margin-bottom:7px;}
#container_renew .ml_container li .vd_hash{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;height:42px;font-size:13px;line-height:1.6;word-break:keep-all;margin-top:10px;}
#container_renew .ml_container li .vd_hash span{display:inline-block;margin-right:5px;}
#container_renew .ml_container li .vd_hash span:last-child{margin-right:0;}
#container_renew .ml_container .ml-button, #container .sub_list_wrap .ml-button, #container_renew .main_best_swp .ml-button, .mcmm-swp-button{/* display:none; */position:absolute;top:101px;width:37px;height:54px;background-color:rgba(0, 0, 0, .9);background-repeat:no-repeat;background-position:center;background-size:17px auto;opacity:.5;z-index:10;cursor:pointer;}
#container_renew .ml_container .ml-vd-button, #container_renew .main_best_swp .ml-button, .mcmm-swp-button{top:50%;margin-top:-42px;}
#container_renew .ml_container .ml-button:hover, #container .sub_list_wrap .ml-button:hover, #container_renew .main_best_swp .ml-button:hover, .mcmm-swp-button:hover{opacity:.8;}
/* #container_renew .ml_container:hover .ml-button, #container .sub_list_wrap .sub_swp_comics:hover .ml-button, #container .sub_list_wrap .ml_container:hover .ml-button{display:block;} */
#container_renew .ml_container .ml-button-prev, #container .sub_list_wrap .ml-button-prev, .mcmm-swp-button.prev{left:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_prev.png);}
#container_renew .ml_container .ml-button-next, #container .sub_list_wrap .ml-button-next, #container_renew .main_best_swp .ml-button-next, .mcmm-swp-button.next{right:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_next.png);}
#container_renew .ml_container .swiper-button-disabled, #container .sub_list_wrap .swiper-button-disabled, .mcmm-swp-button.swiper-button-disabled{visibility:hidden;opacity:0;}
#container_renew .ml_top5_wrap .ml_title:not(.noCateMg){margin-bottom:43px;padding-bottom:20px;border-bottom:1px solid #000;}
#container_renew .ml_top5{visibility:visible;}
#container_renew .ml_top5:after{content:"";display:block;clear:both;}
#container_renew .ml_top5 .top5_movie{background-color:#fff;}
#container_renew .ml_top5 li, #container.container_comics .ml_top5 li{width:220px;}
#container_renew .ml_top5 li + li, #container.container_comics .ml_top5 li + li{margin-left:20px;}
#container_renew .ml_top5 li .thumb_img, #container.container_comics .ml_top5 li .thumb_img{height:299px;}
#container_renew .ml_container li .info_title .rank, #container.container_comics .ml_container li .info_title .rank{display:inline-block;vertical-align:top;width:22px;height:17px;font-size:12px;color:#fff;line-height:17px;text-align:center;border-radius:10px;margin-top:1px;margin-right:7px;font-family:'맑은 고딕', 'Malgun Gothic', 'appleSDGothicNeo', sans-serif;}
#container_renew .top5_toon li .info_title .rank, #container_renew .top5_movie li .info_title .rank{background-color:#ed1c24;}
#container_renew .top5_comics li .info_title .rank{background-color:#eaaa6a;}
#container_renew .top5_novel li .info_title .rank{background-color:#2c86dc;}
#container_renew .top5_ebook li .info_title .rank, #container.container_comics .top5_ebook li .info_title .rank{background-color:#0096a6;}
#container_renew .top5-pagination{position:absolute;top:-44px;left:0;}
#container_renew .top5-pagination span{display:inline-block;width:60px;padding-top:12px;text-align:center;font-size:14px;color:#363636;cursor:pointer;}
#container_renew .top5-pagination .top-bullet-active{color:#ff0000;font-weight:500;border-top:2px solid #ff0000;}
#container_renew .main_ev_wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:50px;overflow:hidden;}
#container_renew .ml_wrap .main_ev_wrap{margin-top:0;}
#container_renew .main_ev_wrap a{display:block;}
#container_renew .main_ev_wrap a img{width:100%;vertical-align:top;cursor:pointer}
#container_renew .main_ev_wrap .mev-button, #container .main_ev_wrap .mev-button{/* display:none; */position:absolute;top:50%;width:37px;height:54px;background-color:rgba(0, 0, 0, .9);background-position:center;background-repeat:no-repeat;background-size:17px auto;margin-top:-27px;opacity:.5;z-index:10;cursor:pointer;}
/* #container_renew .main_ev_wrap:hover .mev-button, #container .main_ev_wrap:hover .mev-button{display:block;} */
#container_renew .main_ev_wrap .mev-button:hover, #container .main_ev_wrap .mev-button:hover{opacity:.8;}
#container_renew .main_ev_wrap .mev-button-prev, #container .main_ev_wrap .mev-button-prev{left:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_prev.png);}
#container_renew .main_ev_wrap .mev-button-next, #container .main_ev_wrap .mev-button-next{right:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_next.png);}
#container_renew .ml_n2_wrap{position:relative;}
#container_renew .ml_n2_wrap .ml_title:not(.noCateMg), #container_renew .ml_update_wrap .ml_title:not(.noCateMg){margin-bottom:43px;padding-bottom:20px;border-bottom:1px solid #000;}
#container_renew .vd_main_cont{margin-top:50px;}
.vd_main_cont .ml_title{border-bottom:1px solid #000;margin-bottom:20px;}
#container_renew .ml_n2.ml_new{min-height:356px;}
#container_renew .ml_n2.ml_comp{min-height:356px;}
#container_renew .mln2-btn{position:absolute;top:45px;left:0;letter-spacing:0.04em;overflow:hidden;}
#container_renew .mln2-btn a{float:left;display:block;min-width:60px;padding:12px 8px 0;text-align:center;font-size:14px;color:#363636;border-top:2px solid transparent;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;}
#container_renew .mln2-btn a.mln2-btn-active{color:#ff0000;font-weight:500;border-top:2px solid #ff0000;}
#container_renew .main_contents_bnr{width:100%;/* margin-top:45px; */margin-top:20px;}
#container_renew .main_contents_bnr .main_ev_bnr{background-color:#fff;}
#container_renew .main_contents_bnr img{width:100%;vertical-align:top;cursor:pointer;}
#container_renew .main_contents_bnr .mcb-button{visibility:hidden;position:absolute;top:50%;width:37px;height:54px;background-color:rgba(0, 0, 0, .9);background-repeat:no-repeat;background-position:center;background-size:17px auto;box-shadow:0 0 10px rgba(255, 255, 255, .4);opacity:.5;z-index:10;cursor:pointer;}
#container_renew .main_contents_bnr.vd_bnr .mcb-button{margin-top:-27px;}
#container_renew .main_contents_bnr:not(.disabled):hover .mcb-button{visibility:visible;}
#container_renew .main_contents_bnr .mcb-button-prev{left:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_prev.png);}
#container_renew .main_contents_bnr .mcb-button-next{right:0;background-image:url(https://cdn.metoon.co.kr/img/ic_mv_next.png);}
#container_renew .main_contents_bnr .mcb-button:hover{opacity:.8;}
#container_renew .mb_wrap{margin-top:60px;overflow:hidden;}
#container_renew .mb_wrap:after{content:"";display:block;clear:both;}
#container_renew .mb_wrap .ml_wrap{float:left;width:593px;margin-right:17px;}
#container_renew .chall_list_new{position:relative;padding:3px 0 3px;border-top:1px solid #000;}
#container_renew .chall_list_new:before{content:"";display:block;position:absolute;top:-1px;right:0;width:47px;height:36px;background:url(https://cdn.metoon.co.kr/img/main_chall_sticky01.png) no-repeat center; background-size:100% auto;}
#container_renew .chall_list_new a{display:block;width:100%;height:33px;line-height:33px;border-top:1px solid #ebebeb;}
#container_renew .chall_list_new a:first-child{border-top:0 none;}
#container_renew .chall_list_new a:hover{background-color:#fafafa;}
#container_renew .chall_list_new a span{float:left;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:13px;cursor:pointer;}
#container_renew .chall_list_new a span:nth-child(odd){color:#464646;}
#container_renew .chall_list_new a span:nth-child(even){color:#777;}
#container_renew .chall_list_new a .chall_ln_rank{width:79px;text-align:center;}
#container_renew .chall_list_new a .chall_ln_writer{width:150px;padding:0 0 0 30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#container_renew .chall_list_new a .chall_ln_title{width:340px;padding:0 20px 0 45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#container_renew .chall_list_new a .chall_ln_genre{width:103px;}
#container_renew .chall_list_new a .chall_19_new{display:inline-block;width:16px;height:16px;margin-right:7px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/16x") no-repeat center;background-size:100%;vertical-align:middle;}
#container_renew .chall_new_wrap a.chall_new_link{display:block;width:100%;height:35px;line-height:33px;border:1px solid #e0e0e0;font-size:14px;color:#464646;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#container_renew .chall_new_wrap a.chall_new_link:hover{border-color:#e23939;color:#e23939;}
#container_renew .chall_new_wrap .main_chall_notice{font-size:13px;color:#777;margin-top:10px;}
#container_renew .mb_wrap .mbe_bnr_wrap{float:left;width:570px;}
#container_renew .mbe_bnr{height:426px;padding-top:45px;}
#container_renew .mbe_bnr li a{display:block;}
#container_renew .mbe_bnr li a + a{margin-top:7px;}
#container_renew .mbe_bnr li img{width:100%;vertical-align:top;cursor:pointer;}
#container_renew .mbe_bnr .mbe_controll, #container_renew .ml_wrap .ml_controll{position:absolute;top:8px;right:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
#container_renew .ml_wrap .ml_controll{top:0;margin-top:2px;}
#container_renew .mbe_bnr .mbe_fraction, #container_renew .ml_controll .ml_fraction{float:left;width:auto;font-size:12px;font-weight:300;color:#959595;}
#container_renew .mbe_bnr .mbe_btn, #container_renew .ml_controll .ml_controll_btn{float:left;width:43px;height:22px;border:1px solid #d7d7d7;margin-left:6px;}
#container_renew .mbe_bnr .mbe_btn > div, #container_renew .ml_controll .ml_controll_btn button{float:left;position:relative;width:20px;height:20px;background-color:#fff;}
#container_renew .ml_controll .ml_controll_btn button{border:0 none;outline:none;box-shadow:none;border-radius:0;}
#container_renew .mbe_bnr .mbe_btn > div:before, #container_renew .ml_controll .ml_controll_btn button:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:6px auto;cursor:pointer;}
#container_renew .mbe_bnr .mbe_btn > div:hover:before, #container_renew .ml_controll .ml_controll_btn button:hover:before{background-color:#f1f1f1;}
#container_renew .mbe_bnr .mbe_btn .mlt-button-prev, #container_renew .ml_controll .ml_controll_btn .ml-controll-btn-prev{width:21px;border-right:1px solid #d7d7d7;}
#container_renew .mbe_bnr .mbe_btn .mlt-button-prev:before, #container_renew .ml_controll .ml_controll_btn .ml-controll-btn-prev:before{background-image:url(https://cdn.metoon.co.kr/img/ic_mlt_prev.png);}
#container_renew .mbe_bnr .mbe_btn .mlt-button-next:before, #container_renew .ml_controll .ml_controll_btn .ml-controll-btn-next:before{background-image:url(https://cdn.metoon.co.kr/img/ic_mlt_more.png);}
#container_renew .mbe_bnr .mbe_btn .mlt-button-disabled:before, #container_renew .ml_controll .ml_controll_btn button.mlt-button-disabled:before{cursor:not-allowed;}
/* 리뉴얼 서브 공통 */
#contents_wrap .sub_contents_wrap{width:1180px;margin:0 auto;padding:45px 0 50px;}
#contents_wrap .sub_invite_wrap{padding-top:30px;}
#contents_wrap .sub_list_wrap, #contents_wrap .sub_content_container{margin-top:20px;line-height:1;}
#contents_wrap .sub_list_wrap h2, #contents_wrap .sub_content_container h2{font-size:30px;color:#030000;font-weight:500;margin-bottom:20px;letter-spacing:-0.03em;min-height:30px;}
#container .ml_wrap .ml_title{margin-bottom:0;}
#contents_wrap .sub_list_wrap h2 span, #contents_wrap .sub_content_container h2 span{margin-left:10px;font-size:16px;font-weight:300;color:#838383;}
#contents_wrap .sub_list_wrap a, #contents_wrap .sub_list_wrap select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#contents_wrap .sub_list_wrap a img{cursor:pointer;}
#contents_wrap .sub_sort_option{width:100%;margin-bottom:10px;}
#contents_wrap .sub_sort_option:after{content:"";display:block;clear:both;}
#contents_wrap .sub_sort_option select{height:32px;border:1px solid #e5e5e5;padding:0 24px 0 13px;color:#838383;font-size:14px;background-size:13px;background:url(https://cdn.metoon.co.kr/img/ic_select_down.png) no-repeat 95% center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#contents_wrap .sub_sort_option select::-ms-expand{display:none;}
#contents_wrap .sub_sort_option .sortCate{float:left;width:250px;}
#contents_wrap .sub_sort_option .sortCount{float:right;width:150px;}
#contents_wrap .sub_sort_option .subexc_btn{display:block;width:120px;height:32px;line-height:30px;text-align:center;float:right;border:1px solid #ddd;border-radius:4px;}
#contents_wrap .sub_sort_option .coinpop_btn{display:block;width:120px;height:32px;line-height:30px;text-align:center;float:right;border:1px solid #ddd;border-radius:4px;}
.sub_sort_option .list_contents_sort{float:left;position:relative;font-size:0;}
.list_contents_sort label{position:relative;display:inline-block;height:32px;line-height:32px;font-size:15px;color:#999;vertical-align:middle;}
.list_contents_sort label.chkselect{color:#d32b2b;}
.list_contents_sort input[type="radio"]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip:rect(0px, 0px, 0px, 0px);opacity:0;}
.list_contents_sort .bar{display:inline-block;width:1px;height:14px;background-color:#c1c1c1;margin:0 10px;vertical-align:middle;}
#contents_wrap .sub_tab_renew{position:relative;width:100%;margin-bottom:24px;}
#contents_wrap .sub_tab_renew ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:60px;line-height:58px;}
#contents_wrap .sub_tab_renew ul:after{content:"";display:block;clear:both;}
#contents_wrap .sub_tab_renew.empty{margin-bottom:3px;}
#contents_wrap .sub_tab_renew.empty ul{height:1px;}
#contents_wrap .sub_tab_renew li{float:left;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;height:100%;}
#contents_wrap .sub_tab_renew li a{position:relative;display:block;width:100%;height:100%;background:#f5f5f5;border:1px solid #e5e5e5;font-size:17px;color:#747474;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#contents_wrap .sub_tab_renew li + li a{border-left:0 none;}
#contents_wrap .sub_tab_renew li a span{cursor:pointer;}
#contents_wrap .sub_tab_renew li a i{font-family:'맑은 고딕', 'Malgun Gothic', 'appleSDGothicNeo', sans-serif;font-size:0.5em;padding:0 5px;vertical-align:middle;border:1px solid #676767;color:#676767;margin-left:5px;}
#contents_wrap .sub_tab_renew li a:hover{color:#e23939;}
#contents_wrap .sub_tab_renew li a:hover i{color:#e23939;border-color:#e23939;}
#contents_wrap .sub_tab_renew li a.on{background:#fff;border-bottom:0 none;color:#e23939;font-weight:500;}
#contents_wrap .sub_tab_renew li a.on i{color:#e23939;border-color:#e23939;}
#contents_wrap .sub_list{position:relative;padding:10px 0 25px;}
#contents_wrap .sub_list.sub_list_swp .sub_swp_comics{visibility:hidden;opacity:0;}
#contents_wrap .sub_list ul:after{content:"";display:block;clear:both;}
#contents_wrap .sub_list ul li{float:left;width:180px;margin-left:20px;margin-bottom:20px;}
#contents_wrap .sub_list.sub_list_swp ul li{margin-bottom:0;}
#contents_wrap .sub_list ul li:first-child, #contents_wrap .sub_list.sub_list_swp ul li{margin-left:0;}
#contents_wrap .sub_list:not(.sub_list_swp) ul li:nth-child(6n + 1){margin-left:0;}
#contents_wrap .sub_list li a{display:block;position:relative;}
#contents_wrap .sub_list li .label_box{position:absolute;}
#contents_wrap .sub_list li .ml_contents{border:1px solid #e0e0e0;border-radius:6px;/* overflow:hidden; */}
#contents_wrap .sub_list li .ml_thumb{position:relative;width:100%;}
#contents_wrap .sub_list li .thumb_img{position:relative;width:100%;height:250px;background-size:cover;background-repeat:no-repeat;background-position:center 0;border-radius:6px 6px 0 0;z-index:2;}
#contents_wrap .sub_list li .ml_info{position:relative;padding:14px 10px;border-top:1px solid #e0e0e0;background:#fff;border-radius:0 0 6px 6px;}
#contents_wrap .sub_list li .ml_info p, #contents_wrap .sub_list li .ml_info span{cursor:pointer;}
#contents_wrap .sub_list li .info_title{width:100%;font-size:17px;height:20px;line-height:20px;font-weight:700;color:#363636;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#contents_wrap .sub_list li .info_title span{display:inline-block;vertical-align:middle;}
#contents_wrap .sub_list li .info_title .icon_up_new, .nobel_list .nobel_list_txt .icon_up_new, .n_list_vd .number .icon_up_new{display:inline-block;vertical-align:top;width:22px;height:15px;background:url(https://cdn.metoon.co.kr/img/icon_up_new.png) no-repeat center;background-size:100%;margin-top:3px;margin-right:7px;}
.nobel_list .nobel_list_txt .icon_up_new, .n_list_vd .number .icon_up_new{margin:0 3px 0 0;vertical-align:middle;}
#contents_wrap .sub_list li .info_chapter{height:14px;line-height:14px;margin-top:10px;letter-spacing:-1px;}
#contents_wrap .sub_list li .info_chapter .chapter, #contents_wrap .sub_list li .info_chapter .author{float:left;font-size:12px;color:#777;}
#contents_wrap .sub_list li .info_chapter .zzim_n{float:right;padding-left:11px;font-size:12px;color:#777;background:url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat 0 center;background-size:10px;}
#contents_wrap .sub_list li .info_tag{height:18px;margin-top:10px;}
#contents_wrap .sub_list li .label_box{position:absolute;bottom:108px;left:0;z-index:10;}
.sub_renew_paging{width:100%;text-align:center;font-size:0;}
.sub_renew_paging > p, .sub_renew_paging > ol{display:inline-block;font-size:15px;overflow:hidden;}
.sub_renew_paging > p span{float:left;display:block;width:29px;height:29px;border:1px solid #e5e5e5;text-indent:-9999px;}
.sub_renew_paging > .webtoon_prevBox span{float:right;}
.sub_renew_paging > p .paging_prev{border-left:0 none;}
.sub_renew_paging > p .paging_next{border-right:0 none;}
.sub_renew_paging > p span a{display:block;width:100%;height:100%;background-size:5px;background-position:center;background-repeat:no-repeat;}
.sub_renew_paging > p .paging_first a{background-image:url(https://cdn.metoon.co.kr/img/ic_paging_first.png);background-size:10px;}
.sub_renew_paging > p .paging_prev a{background-image:url(https://cdn.metoon.co.kr/img/ic_paging_prev.png);}
.sub_renew_paging > p .paging_last a{background-image:url(https://cdn.metoon.co.kr/img/ic_paging_last.png);background-size:10px;}
.sub_renew_paging > p .paging_next a{background-image:url(https://cdn.metoon.co.kr/img/ic_paging_next.png);}
.sub_renew_paging > ol{height:30px;margin:0 10px;}
.sub_renew_paging > ol li{float:left;width:30px;height:30px;line-height:28px;}
.sub_renew_paging > ol li + li{margin-left:5px;}
.sub_renew_paging > ol li a{display:block;width:100%;height:100%;border:1px solid #e7e7e7;color:#666;font-weight:300;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sub_renew_paging > ol li a.on{color:#fff;background-color:#222;border-color:#222;}
.pass_ticket_wrap{position:relative;width:100%;background:#ffffe3;border:1px solid #e8e8b2;border-top:0 none;}
.pass_ticket_wrap:after{content:"";display:block;clear:both;}
.pass_ticket_wrap a{float:left;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pass_ticket_wrap .pt_notice{width:-webkit-calc(100% - 38px);width:-moz-calc(100% - 38px);width:calc(100% - 38px);font-size:14px;padding:12px 15px 12px 45px;background:url(https://cdn.metoon.co.kr/mimg/ic_saleT.png) no-repeat 15px center;background-size:25px;}
.pass_ticket_wrap .pt_close_btn{position:relative;width:38px;height:38px;}
.pass_ticket_wrap .pt_close_btn:before, .pass_ticket_wrap .pt_close_btn:after{content:"";display:block;position:absolute;top:50%;left:50%;width:50%;height:1px;background:#555;transform-origin:0;}
.pass_ticket_wrap .pt_close_btn:before{transform:rotate(45deg) translateX(-50%);}
.pass_ticket_wrap .pt_close_btn:after{transform:rotate(-45deg) translateX(-50%);}
.wr_tag{display:block;float:left;height:18px;background-size:100%;background-repeat:no-repeat;background-position:center;text-indent:-9999px;}
.wr_tag + .wr_tag{margin-left:6px;}
.wr_tag_md{width:48px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_md.png);}
.wr_tag_view{width:54px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_view.png);}
.wr_tag_new{width:32px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_new.png);}
.wr_tag_comp{width:32px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_comp.png);}
.nLabel{display:block;width:42px;height:24px;background-size:100%;background-position:center;background-repeat:no-repeat;}
.nLabel + .nLabel{margin-top:5px;}
.nLabel_mo{background-image:url(https://cdn.metoon.co.kr/img/nlabel_mo.png);}
.nLabel_sepbook{background-image:url(https://cdn.metoon.co.kr/img/nlabel_sepbook.png);}
.nLabel_cinema{background-image:url(https://cdn.metoon.co.kr/img/nlabel_cinema.png);}
.nLabel_comp{background-image:url(https://cdn.metoon.co.kr/img/nlabel_comp_th.png);}
.nLabel_novel{background-image:url(https://cdn.metoon.co.kr/img/nlabel_novel.png);}
.nLabel_toon{background-image:url(https://cdn.metoon.co.kr/img/nlabel_toon.png);}
.nLabel_comics{background-image:url(https://cdn.metoon.co.kr/img/nlabel_comics.png);}
.nLabel_ebook{background-image:url(https://cdn.metoon.co.kr/img/nlabel_ebook.png);}
.nLabel_photo{background-image:url(https://cdn.metoon.co.kr/img/nlabel_photo.png);}
.nLabel_sale{background-image:url(https://cdn.metoon.co.kr/img/nlabel_sale.png);}
.nLabel_new{background-image:url(https://cdn.metoon.co.kr/img/nlabel_new_re.png);}
.nLabel_vd{background-image:url(https://cdn.metoon.co.kr/img/nlabel_vd.png);}
.nLabel_audio{background-image:url(https://cdn.metoon.co.kr/img/nlabel_audio_b.png);}
.nLabel_cinema{background-image:url(https://cdn.metoon.co.kr/img/nlabel_cinema.png);}
.thumb_img .icon_19_new, .vd_sub_list .icon_19_new, .dt_vd_recomm .thumbnail_img .icon_19_new, .main_vd_section .swiper-slide .icon_19_new, .thumbnail_area .icon_19_new{position:absolute;top:5px;right:5px;display:block;width:18px;height:18px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/36x") no-repeat center;background-size:100%;opacity:.9;z-index:10;cursor:pointer;}
.icon_15_new{position:absolute;top:5px;right:5px;display:block;width:18px;height:18px;background:url(https://cdn.metoon.co.kr/img/icon_15_new.png) no-repeat center;background-size:100%;opacity:.9;z-index:10;cursor:pointer;}
.re-red{color:#ed1c24 !important;}
.detail_list_wrap{position:relative;width:1180px;margin-top:10px;}
.detail_list_wrap:after{content:"";display:block;clear:both;}
.brl_container{/* position:absolute; top:0; right:0; z-index:2; */float:right;}
.brl_container.scrollable{position:fixed;top:60px;right:50%;margin-right:-590px;}
.brl_container .brl_wrapper{width:280px;border:1px solid #ddd;background:#fff;}
.brl_container .title{height:42px; line-height:41px;padding:0 20px;}
.brl_container .title span{position:relative;display:block; color:#000; font-size:15px; font-weight:normal; border-bottom:1px solid #000; padding-left:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.brl_container .title span em{color:#e14747;}
.brl_container .title span:before{content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;background:#e14747;border-radius:6px;}
.brl_container .brl_cont{width:100%; padding:5px 20px 0;}
.brl_container .brl_inner{max-height:115vw; overflow-y:auto; margin-bottom:15px;}
.brl_container .brl_list{width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
.brl_container .brl_list li{width:100%;border-bottom:1px solid #ddd;}
.brl_container .brl_list li:last-child{border-bottom:0 none;}
.brl_container .brl_list li a{position:relative; display:block; padding:6px 5px 6px 0; background-color:#fff; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.brl_container .brl_list li a:after{content:""; display:block; clear:both;}
.brl_container .brl_list li a .img_thumb{float:left; width:70px; height:70px; background-position:center; background-size:cover; border:1px solid #efefef;}
.brl_container .brl_list .img_thumb_item{position:relative;float:left;width:70px;height:70px;background-position:center 15%;background-repeat:no-repeat;background-size:cover;}
.brl_container .brl_list .img_thumb_item:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #efefef;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.brl_container .brl_list li a .brl_desc{position:absolute; top:0; left:0; width:100%; height:80px; padding:6px 10px 6px 80px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; font-weight:normal; cursor:pointer;}
.brl_container .brl_list li a .brl_desc > div{width:100%;}
.brl_container .brl_list li a .brl_desc p{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-0.05em; cursor:pointer;}
.brl_container .brl_list li a .brl_desc span{cursor:pointer;}
.brl_container .brl_list li a .brl_desc p br{display:none;}
.brl_container .brl_list li a .brl_desc .title_area{height:16px; line-height:16px; font-weight:bold; margin-top:5px;}
#content_wrap .main-content-swiper .cont_title{padding:0;}
.brl_container .brl_list li a .brl_desc .rank{display:inline-block; padding:0 5px; height:15px; font-size:11px; color:#fff; background:#e14747; border-radius:3px; vertical-align:top; margin-right:5px;}
.brl_container .brl_list_novel li a .brl_desc .rank{background:#2c86dc;}
.brl_container .brl_list_ebook li a .brl_desc .rank{background:#0096a6;}
.brl_container .brl_list li a .brl_desc .cont_title{font-weight:bold;}
.brl_container .brl_list li a .brl_desc .genre{margin:5px 0; color:#8da6c2;}
.brl_container .brl_list li a .brl_desc .tag{margin:5px 0;}
.brl_container .brl_list li a .brl_desc .tag span{display:inline-block; height:16px; line-height:16px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.brl_container .brl_list li a .brl_desc .tag span + span{margin-left:6px;}
.brl_container .brl_list li a .brl_desc .tag .nLabel{width:28px;background-size:100% auto; background-position:center; background-repeat:no-repeat; vertical-align:top;}
.brl_container .brl_list li a .brl_desc .tag .nLabel_mo{background-image:url(https://cdn.metoon.co.kr/img/nlabel_mo.png);}
.brl_container .brl_list li a .brl_desc .tag .hits{font-size:11px; color:#777;}
.brl_container .brl_list li a .brl_desc .tag .hits i{display:inline-block; width:8px; height:100%; margin-right:2px; background:url(https://cdn.metoon.co.kr/mimg/ic_star_red.png) no-repeat center 40%; background-size:100% auto; vertical-align:top;}
.brl_container .brl_list li a .brl_desc .info_tag{height:16px;}
.brl_container .brl_list li a .brl_desc .info_tag .wr_tag{height:16px;}
.brl_container .brl_list li a .brl_desc .info_tag .wr_tag_md{width:43px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_md_x16.png);}
.brl_container .brl_list li a .brl_desc .info_tag .wr_tag_comp{width:28px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_comp_x16.png);}
.brl_container .brl_list li a .brl_desc .info_tag .wr_tag_new{width:28px;background-image:url(https://cdn.metoon.co.kr/img/nlabel_new_x16.png);}
.brl_container .brl_btn_box{width:100%;text-align:center;padding-bottom:10px;}
.brl_container .brl_btn_box a{display:inline-block;padding:0 10px; background:#e14747; border-radius:3px; color:#fff; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.detail_memvip_bnr{padding-top:15px;position:relative;}
.detail_memvip_bnr .dmvb_close{display:block;position:absolute;top:20px;right:0;width:32px;height:32px;background:url(https://cdn.metoon.co.kr/mimg/ic_bnr_x.png) no-repeat center;background-size:100%;}
.detail_memvip_bnr img{display:block;margin:0 auto;cursor:pointer;}
@media only screen and (max-width:1180px){
	.brl_container.scrollable{right:100%;margin-right:-1180px;}
}
.brp_layer_wrap{display:none; position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;}
.brp_layer_wrap .brlp_back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;}
.brp_layer_wrap .brlp_container{position:absolute; top:50%; left:0; right:0; margin:auto; width:96%; max-width:400px; max-height:94vh; background:#fff; z-index:2; -webkit-transform:translateY(-50%); transform:translateY(-50%); overflow-y:auto;}
.brp_layer_wrap .brlp_container .brlp_close{position:absolute; top:14px; right:10px; width:20px; height:20px; background-size:100% auto;}
.brp_layer_wrap .brlp_container .brlp_close:before, .brp_layer_wrap .brlp_container .brlp_close:after{content:""; display:block; position:absolute; top:50%; left:50%; width:100%; height:1px; background:#fff;}
.brp_layer_wrap .brlp_container .brlp_close:before{-webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg);}
.brp_layer_wrap .brlp_container .brlp_close:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg);}
.brp_layer_wrap .brlp_container .title{height:50px; line-height:50px; background:#333; text-align:center;}
.brp_layer_wrap .brlp_container .title span{display:inline-block; color:#fff; font-size:16px; padding-left:37px; background:url(https://cdn.metoon.co.kr/mimg/me_m_logo3.png) no-repeat 0 51%; background-size:32px;}
.brp_layer_wrap .brlp_container .brlp_cont{width:100%; padding:15px 10px 0;}
.brp_layer_wrap .brlp_container .brlp_inner{border:1px solid #ddd; max-height:115vw; overflow-y:auto; margin-bottom:10px;}
.brp_layer_wrap .brlp_container .brlp_list{width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 15px;}
.brp_layer_wrap .brlp_container .brlp_list li{width:100%;}
.brp_layer_wrap .brlp_container .brlp_list li a{display:block;position:relative;padding:5px 5px 5px 0; background-color:#fff;}
.brp_layer_wrap .brlp_container .brlp_list li a{position:relative; display:block; padding:5px 5px 5px 0; background-color:#fff; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.brp_layer_wrap .brlp_container .brlp_list li a:after{content:""; display:block; clear:both;}
.brp_layer_wrap .brlp_container .brlp_list li a .img_thumb{float:left; width:70px; height:70px; background-position:center; background-size:cover; border:1px solid #efefef;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc{position:absolute; top:0; left:0; width:100%; height:80px; padding:5px 10px 5px 80px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc > div{width:100%;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc p{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-0.05em;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc p br{display:none;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .title_area{height:16px; line-height:16px;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .rank{display:inline-block; padding:0 5px; height:15px; font-size:11px; color:#fff; background:#e14747; border-radius:3px; vertical-align:top; margin-right:5px;}
.brp_layer_wrap .brlp_container .brlp_list_novel li a .brlp_desc .rank{background:#2c86dc;}
.brp_layer_wrap .brlp_container .brlp_list_ebook li a .brlp_desc .rank{background:#0096a6;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .cont_title{font-weight:bold;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .genre{margin:5px 0; color:#8da6c2;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag{margin:5px 0;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag span{display:inline-block; height:16px; line-height:16px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag span + span{margin-left:6px;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag .nLabel{width:28px;background-size:100% auto; background-position:center; background-repeat:no-repeat; vertical-align:top;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag .nLabel_mo{background-image:url(https://cdn.metoon.co.kr/img/nlabel_mo.png);}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag .hits{font-size:11px; color:#777;}
.brp_layer_wrap .brlp_container .brlp_list li a .brlp_desc .tag .hits i{display:inline-block; width:8px; height:100%; margin-right:2px; background:url(https://cdn.metoon.co.kr/img/ic_star_red.png) no-repeat center 45%; background-size:100% auto; vertical-align:top;}
.brp_layer_wrap .brlp_container .brlp_btn_box{width:100%;text-align:center;padding-bottom:10px;}
.brp_layer_wrap .brlp_container .brlp_btn_box a{display:inline-block;padding:0 10px; background:#e14747; border-radius:3px; color:#fff; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
@media all and (max-width:359px){
	.brp_layer_wrap .brlp_container .brlp_inner{max-height:320px;max-height:100vw;}
}
.mehi_info_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000000;}
.mehi_info_wrap .mehi_back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);z-index:1;}
.mehi_info_wrap .mehi_layer{position:absolute;top:50%;left:0;right:0;width:96%;max-width:400px;margin:auto;border-radius:3px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.mehi_info_wrap .mehi_layer .mehi_close{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url(https://cdn.metoon.co.kr/img/pass_x.png) no-repeat center;background-size:100%;margin-top:-30px;}
.mehi_info_wrap .mehi_layer .mehi_title{width:100%;padding:14px 0 12px;text-align:center;background:#e6e6e6;font-size:18px;font-weight:bold;color:#141414;border-radius:3px 3px 0 0;border-bottom:1px solid #e6e6e6;}
.mehi_info_wrap .mehi_layer .mehi_contents{width:100%;overflow:hidden;background:#fff;text-align:center;padding:20px 20px 15px;border-radius:0 0 3px 3px;}
.mehi_info_wrap .mehi_layer .mehi_t_container{width:100%;overflow:hidden;border:1px solid #ddd;}
.mehi_info_wrap .mehi_layer .mehi_t_container table{width:100%;border-collapse:collapse;border-spacing:0 none;}
.mehi_info_wrap .mehi_layer .mehi_t_container table .mehi_cell01{width:70px;}
.mehi_info_wrap .mehi_layer .mehi_t_container table .mehi_cell02{width:110px;}
.mehi_info_wrap .mehi_layer .mehi_t_container table .mehi_cell03{width:110px;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tr th{height:48px;border-bottom:1px solid #ddd;background:#f2f4fb;font-size:14px;font-weight:bold;color:#000;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tr th + th{border-left:1px solid #ddd;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tr td{height:48px;border-bottom:1px solid #ddd;font-size:13px;font-weight:bold;color:#333;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tr td + td{border-left:1px solid #ddd;font-weight:normal;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tbody tr:last-child td{border-bottom:0 none;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tr .mehi_td2{background-color:#b4c7e7;}
.mehi_info_wrap .mehi_layer .mehi_t_container table tr .mehi_td2 strong{font-weight:800;color:#ff0000;}
.mehi_info_wrap .mehi_layer .mehi_txt01{font-size:12px;color:#000;margin:15px auto;text-align:center;line-height:1.4;}
.mehi_info_wrap .mehi_layer .mehi_btn{position:relative;display:block;width:100%;max-width:260px;height:42px;line-height:43px;font-size:15px;color:#fff;text-align:center;background:#d32b2b;border-bottom:3px solid #a52424;margin:37px auto 0;border-radius:3px;}
.mehi_info_wrap .mehi_layer .mehi_btn:before{content:"";display:block;position:absolute;bottom:0;left:0;width:101px;height:63px;background:url(https://cdn.metoon.co.kr/mimg/mehi_balloon.png) no-repeat center;background-size:100%;margin:0 0 12px -30px;}
.mehi_info_wrap .mehi_layer .mehi_btn:hover{background-color:#f00000;text-shadow:0 2px 5px rgba(255, 255, 255, .8);}
.mehi_info_wrap .mehi_layer .mehi_chk_box{margin-top:10px;text-align:right;}
.mehi_info_txt{font-size:13px;line-height:1.5;margin-bottom:15px;text-align:left;letter-spacing:-0.03em;}
.mehi_info_txt span{font-size:11px;color:#777;}
/* 등급제 modal */
.memvip_layer_back{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .4);z-index:100000000;}
.memvip_layer_wrap{display:none;position:absolute;top:0;left:0;text-align:center;z-index:100000001;}
.memvip_layer_wrap.menuClick{position:fixed;top:0 !important;left:0 !important;width:100%;height:100%;}
.memvip_layer_wrap.menuClick:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.memvip_layer{position:relative;display:inline-block;width:510px;vertical-align:middle;text-align:left;background:#fff;letter-spacing:-0.03em;box-shadow:0 2px 5px rgba(0, 0, 0, .2);}
.memvip_layer .memvl_close{display:block;position:absolute;top:-40px;right:0;width:35px;height:35px;background:url(https://cdn.metoon.co.kr/mimg/ic_bnr_x.png) no-repeat center;background-size:100%;text-indent:-9999px;}
.memvip_layer .memvl_top{width:100%;background:#272727;color:#fff;padding:23px 34px;display:table;}
.memvip_layer .memvl_top:after{content:"";display:block;clear:both;}
.memvip_layer .memvl_top dl{display:table-cell;width:70px;vertical-align:middle;}
.memvip_layer .memvl_top dl img{display:block;width:100%;margin:0 auto 12px;}
.memvip_layer .memvl_top dl dt{line-height:1;font-size:17px;font-weight:bold;text-align:center;}
.memvip_layer .memvl_info{display:table-cell;vertical-align:middle;line-height:1.4;width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);padding-left:30px;}
.memvip_layer .memvl_info1{font-size:22px;}
.memvip_layer .memvl_info1 b{font-weight:bold;}
.memvip_layer .memvl_info1 .line-grade{position:relative;}
.memvip_layer .memvl_info1 .line-grade:after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#fff;}
.memvip_layer .memvl_info2{font-size:12px;margin:10px 0 20px;}
.memvip_layer .memvl_info2 span{text-decoration:underline;}
.memvip_layer .memvl_info3{font-size:14px;color:#fff799;}
.memvip_layer .memvl_table{display:table;width:100%;}
.memvip_layer .memvl_table ul{display:table-row;}
.memvip_layer .memvl_table ul li{display:table-cell;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6e6e6;border-top:none;text-align:center;font-size:13px;color:#555;font-weight:bold;}
.memvip_layer .memvl_table ul li + li{border-left:none;}
.memvip_layer .memvl_table ul:first-child li{border-top:1px solid #e6e6e6;}
.memvip_layer .memvl_table ul li img{display:block;margin:0 auto;}
.memvip_layer .memvl_table .memvl_th{width:75px;padding:0 9px;background:#f1f1f1;font-size:14px;}
.memvip_layer .memvl_table .memvl_td{width:108px;padding:18px 0;line-height:1.4;}
.memvip_layer .memvl_table ul:first-child{font-size:12px;}
.memvip_layer .memvl_table .ic_memgrade{width:53px;margin-bottom:12px;}
.memvip_layer .memvl_table .ic_freecoupon{width:80px;margin-bottom:6px;}
.memvip_layer .memvl_table p b{color:#000;font-weight:800;}
.memvip_layer .memvl_table .memvl_td.on{background:rgba(83, 142, 241, .12);}
.memvip_layer .memvl_btn{display:block;width:250px;height:42px;line-height:42px;background:#ed1c24;font-size:18px;font-weight:bold;text-align:center;color:#fff;border-bottom:3px solid #a00309;border-radius:4px;margin:21px auto 25px;}
.memvip_layer .memvl_btn:hover{background:linear-gradient(to top, rgba(160, 3, 9, .9), #ed1c24 60%);}
/* 등급제 결제확인 modal */
.memvip_confirm_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10000;}
.memvip_confirm_wrap .memvip_confirm_back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .4);z-index:1;}
.memvip_confirm_wrap:after{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.memvip_confirm{position:relative;display:inline-block;vertical-align:middle;width:96%;max-width:320px;padding:0 14px;background:#fff;z-index:2;letter-spacing:-0.03em;}
.memvip_confirm .memv_c_close{position:absolute;top:-30px;right:0;width:24px;height:24px;background:url(https://cdn.metoon.co.kr/img/pass_x.png) no-repeat center;background-size:100%;text-indent:-9999px;}
.memvip_confirm .memv_c_title{height:40px;line-height:40px;padding-top:14px;border-bottom:1px solid #b9b9b9;font-size:17px;font-weight:bold;color:#e14747;}
.memvip_confirm .memv_c_contents{padding:20px 10px 35px;}
.memvip_confirm .memv_c_contents p{line-height:1.4;font-size:13px;color:#444;}
.memvip_confirm .memv_c_count{display:inline-block;height:30px;line-height:30px;font-size:14px;color:#7d1616;padding:0 15px;background:rgba(197, 50, 50, .3);margin:18px auto;}
.memvip_confirm .memv_c_count span{color:#1b1b8e;}
.memvip_confirm .memv_c_btn{display:inline-block;width:120px;height:36px;line-height:36px;text-align:center;font-size:15px;color:#fff;border-radius:3px;border:none;border-bottom:3px solid #b52323;background-color:#d32b2b;margin-top:20px;}
.memvip_confirm .memv_c_btn:hover{background-color:#b52323;}
/* 회차페이지 무료이용권 안내 */
.detail_memvip{width:100%;border-bottom:1px solid #ddd;height:41px;line-height:40px;padding:0 15px;background-color:#d1d1d1;}
.detail_memvip:after{content:"";display:block;clear:both;}
.detail_memvip > div{float:left;padding-left:36px;background:url(https://cdn.metoon.co.kr/img/ic_memd_coupon_g.png) no-repeat 0 center;background-size:26px;font-size:14px;color:#555;}
.detail_memvip > div .detail_memvip_icon{position:relative;display:inline-block;width:20px;height:20px;background:url(https://cdn.metoon.co.kr/img/ic_memd_exc.png) no-repeat center;background-size:100%;cursor:pointer;vertical-align:top;margin-top:10px;margin-left:3px;}
.detail_memvip > div .detail_memvip_icon:hover .detail_memv_info{display:block;}
.detail_memvip .detail_memv_info{display:none;position:absolute;top:30px;left:50%;width:230px;margin-left:-115px;padding:15px;border-radius:3px;background:#7d7c7c;color:#fff;line-height:1;z-index:10;cursor:default;}
.detail_memvip .detail_memv_info:before{content:"";display:block;position:absolute;top:-10px;left:50%;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid #7d7c7c;}
.detail_memvip .detail_memv_info dt{font-size:15px;font-weight:bold;color:#;}
.detail_memvip .detail_memv_info dd{margin-top:10px;font-size:14px;line-height:1.5;}
.detail_memvip .detail_memv_btn{float:right;display:block;line-height:1;height:26px;line-height:26px;font-size:13px;font-weight:normal;padding:0 8px;background:#f56e75;border-radius:3px;color:#fff;margin-top:7px;}
/* 회원등급제 이벤트 */
.e_mem_vip_wrap{position:relative;width:1000px;margin:20px auto;}
.e_memvip_grade{position:relative;width:100%;font-size:0;text-indent:-99999px;}
.e_memvip_grade > img{display:block;width:100%;}
.e_memvip_list{position:absolute;top:0;left:0;width:925px;height:767px;overflow:hidden;margin:309px 0 0 38px;padding-left:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.e_memvip_list li{float:left;position:relative;width:165px;height:100%;}
.e_memvip_list li:hover{background-color:rgba(83, 142, 241, .1);}
.e_memvip_list li .ic_e_mv_ticket{display:block;position:absolute;bottom:51px;left:50%;width:146px;margin-left:-73px;z-index:1;}
.e_memvip_grade .e_memvip_btn{display:block;position:absolute;bottom:60px;left:0;right:0;width:450px;height:65px;margin:auto;background:url(https://cdn.metoon.co.kr/img/e_memvip_btn_new_re.png) no-repeat center;background-size:100% auto;}
.e_memvip_grade .e_memvip_btn:hover{filter: saturate(200%);}
.e_memvip_plus{width:100%;background:#0c1012;padding:35px 38px 30px;text-align:center;}
.e_memvip_plus h5{color:#fff;font-weight:bold;font-size:25px;line-height:1;}
.e_memvip_plus h5 strong{display:block;font-size:40px;font-weight:800;margin-top:18px;}
.e_memvip_plus .e_mvplus_contents{width:100%;background:#fff;margin-top:38px;text-align:left;}
.e_memvip_plus .e_mvplus_dep1{display:table;width:100%;height:342px;position:relative;padding:0 72px;background-position:100% center;background-repeat:no-repeat;background-size:auto 342px;line-height:1;}
.e_memvip_plus .e_mvplus_dep1.topunse{background-image:url(https://cdn.metoon.co.kr/img/e_chhye01.png);}
.e_memvip_plus .e_mvplus_dep1.hiform{background-image:url(https://cdn.metoon.co.kr/img/e_chhye02.png);}
.e_memvip_plus .e_mvplus_dep1 .emv_dep_center{display:table-cell;vertical-align:middle;letter-spacing:-0.05em;}
.e_memvip_plus .e_mvplus_dep1 dt{font-size:25px;font-weight:800;color:#d42526;margin-bottom:20px;}
.e_memvip_plus .e_mvplus_dep1 dt span{position:relative;}
.e_memvip_plus .e_mvplus_dep1 dt span:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d42526;}
.e_memvip_plus .e_mvplus_dep1 dd{font-size:14px;color:#555;line-height:1.4;}
.e_memvip_plus .e_mvplus_dep1 dd span{font-size:18px;color:#000;display:block;margin-bottom:12px;line-height:1;}
.e_memvip_plus .e_mvplus_dep1 .e_mvplus_btn{position:relative;display:block;width:360px;height:51px;line-height:47px;font-size:18px;color:#fff;text-align:center;background:#343434;margin-top:60px;}
.e_memvip_plus .e_mvplus_dep1 .e_mvplus_btn:hover{background:#483c3c;}
.e_memvip_plus .e_mvplus_dep1 .e_mvplus_btn:after{content:"";display:block;position:absolute;bottom:2px;left:0;width:100%;height:2px;background:#fff;}
.e_mvplus_dotted{width:841px;border-top:1px dotted #000;position:relative;margin:0 auto;}
.e_mvplus_dotted span{display:inline-block;position:absolute;top:50%;left:50%;padding:0 38px;background:#fff;font-size:16px;font-weight:bold;color:#363636;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.e_memvip_plus .e_mvplus_info{display:inline-block;text-align:center;margin-top:30px;}
.e_memvip_plus .e_mvplus_info > div{display:table;text-align:left;color:#fff;}
.e_memvip_plus .e_mvplus_info p{display:table-cell;vertical-align:middle;background:url(https://cdn.metoon.co.kr/img/ic_memvip_atten.png) no-repeat 0 center;background-size:45px;height:45px;line-height:45px;padding-left:70px;font-size:25px;font-weight:bold;}
.e_memvip_plus .e_mvplus_info ol{display:table-cell;padding-left:70px;}
.e_memvip_plus .e_mvplus_info ol li{position:relative;font-size:;padding-left:10px;font-size:15px;line-height:1.7;letter-spacing:-0.07em;}
.e_memvip_plus .e_mvplus_info ol li:before{content:"·";position:absolute;top:0;left:0;}
.e_memvip_plus .e_mvplus_info ol li span{display:block;font-size:12px;}
/* 캘린더 주간 */
.sub_calendar_wrap{position:relative;width:100%;padding-top:16px;}
.sub_calendar_wrap a p, .sub_calendar_wrap a span{cursor:pointer;}
.calendar_week h3{font-size:25px;color:#000;font-weight:bold;margin-bottom:30px;}
.calendar_week h3 span{font-weight:normal;}
.calendar_week > div{position:relative;}
.calendar_week .ic_group{position:absolute;bottom:0;left:0;margin-left:-3px;margin-bottom:5px;z-index:10;}
.sub_calendar_wrap .me_loading{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:60px;margin:auto;z-index:1;}
.calendar_week .calendar_wn{padding-bottom:52px;}
.calendar_wn .cwn_cont_list{padding-bottom:43px;border-bottom:1px solid #e5e5e5;}
.calendar_wn .cwn_cont_list ul{width:100%;}
.calendar_wn .cwn_cont_list ul:after{content:"";display:block;clear:both;}
.calendar_wn .cwn_cont_list li{float:left;width:-webkit-calc(33.333% - 12px);width:-moz-calc(33.333% - 12px);width:calc(33.333% - 12px);margin-left:18px;}
.calendar_wn .cwn_cont_list li:first-child{margin-left:0;}
.calendar_wn .cwn_cont_list li a{display:block;width:100%;}
.calendar_wn .cwn_cont_list .thumb_cwn{position:relative;width:100%;}
.calendar_wn .cwn_cont_list .thumb_cwn_img{position:relative;width:100%;height:180px;background-size:cover;background-repeat:no-repeat;background-position:center;border:1px solid #ececec;border-radius:4px 4px 0 0;z-index:2;}
.calendar_wn .cwn_cont_list .thumb_cwn_img .icon_19_new{position:absolute;top:5px;right:5px;width:18px;height:18px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/36x");background-size:100%;opacity:.9;z-index:1;cursor:pointer;}
.calendar_wn .thumb_cwn_img .open-date{position:absolute;bottom:0;right:0;height:20px;line-height:20px;background-color:rgba(228, 59, 56, .7);color:#fff;font-size:13px;letter-spacing:-0.03em;padding:0 5px;}
.calendar_wn .cwn_cont_list dt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;padding:18px 0 15px;}
.calendar_wn .cwn_cont_list dt span{display:inline-block;font-size:12px;color:#666;font-weight:normal;vertical-align:bottom;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;}
.calendar_wn .cwn_cont_list dt .title_cwn{font-size:17px;padding-right:10px;color:#363636;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.calendar_wn .cwn_cont_list .dsc_cwn{font-size:14px;line-height:1.4;color:#666;height:38px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.calendar_wu .cwu_cate{position:absolute;top:0;right:0;font-size:0;margin-top:5px;margin-right:7px;z-index:10;}
.calendar_wu .cwu_cate a{position:relative;display:inline-block;font-size:14px;color:#444;margin:0 10px;}
.calendar_wu .cwu_cate a.on{font-weight:bold;color:#d52b2c;}
.calendar_wu .cwu_cate a.on:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d52b2c;margin-bottom:-7px;}
.calendar_wu .cwu_cont_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1170px;margin:0 auto;border:1px solid #e5e5e5;background:url(https://cdn.metoon.co.kr/img/calen_border_repeat.png) repeat-y 0 0;background-size:100% auto;overflow:hidden;}
.calendar_wu .cwu_cont_list .cwu_col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;float:left;width:14.285%;position:relative;}
.calendar_wu .cwu_cont_list .cwu_col.cwu_col_today{background-color:#f1f1f1;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.calendar_wu .cwu_cont_list .cwu_col.cwu_col_today:before{content:"";display:block;position:absolute;top:-1px;left:0;width:100%;height:4px;background:#d52b2c;z-index:10;}
.calendar_wu .cwu_cont_list .cwu_day{height:47px;line-height:47px;font-size:17px;font-weight:bold;color:#666;text-align:center;}
.calendar_wu .cwu_col{padding-bottom:30px;}
.calendar_wu .cwu_col ul{width:100%;}
.calendar_wu .cwu_col li{width:140px;margin:12px auto 0;}
.calendar_wu .cwu_col li a{position:relative;display:block;}
.calendar_wu .cwu_col li .ic_group{bottom:0;margin-bottom:64px;}
.calendar_wu .cwu_col li .ic_group .nLabel + .nLabel{margin-top:2px;}
.calendar_wu .cwu_col li .cwu_contents{width:100%;border:1px solid #ececec;border-radius:4px;overflow:hidden;}
.calendar_wu .cwu_col .cwu_contents .thumb_cwu{position:relative;border-bottom:1px solid #ececec;}
.calendar_wu .cwu_col .cwu_contents .thumb_cwu_img{position:relative;width:100%;height:138px;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:2;}
.calendar_wu .cwu_col .cwu_contents .thumb_cwu_img .icon_19_new{position:absolute;top:5px;right:5px;width:18px;height:18px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/36x");background-size:100%;opacity:.9;z-index:1;cursor:pointer;}
.calendar_wu .cwu_col .cwu_contents .dsc_cwu{padding:12px 8px 10px;}
.calendar_wu .cwu_col.cwu_col_today .cwu_contents .dsc_cwu{background-color:#fff;}
.calendar_wu .cwu_col .cwu_contents .dsc_cwu > p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.calendar_wu .cwu_col .cwu_contents .dsc_cwu > p + p{margin-top:8px;}
.calendar_wu .cwu_col .cwu_contents .title_cwu_c{font-size:16px;color:#363636;font-weight:bold;}
.calendar_wu .cwu_col .cwu_contents .mine_cwu_c{font-size:12px;color:#777;}
.calendar_wu .cwu_col .cwu_contents .mine_cwu_c span{color:#2692db;}
.calendar_wu .cwu_col .empty_li div{position:relative;height:199px;border:1px solid #ececec;border-radius:4px;background:url(https://cdn.metoon.co.kr/img/ic_calen_empty.png) no-repeat center 70px, #f5f5f5;background-size:28px;text-align:center;}
.calendar_wu .cwu_col .empty_li span{display:block;margin-top:109px;color:#777;font-size:17px;}
/* 캘린더 월간 */
.calendar_month > div{width:100%;}
.calendar_month > div:after{content:"";display:block;clear:both;}
.calendar_month .cm_top_new{border:1px solid #a0a0a0;margin-bottom:30px;}
.calendar_month .cm_top_new > div{float:left;width:50%;position:relative;}
.calendar_month .cm_top_new .cm_top_bnr .thumb_img{position:relative;width:100%;height:298px;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:2;}
.calendar_month .cm_top_new .cm_top_dsc{display:table;height:298px;}
.calendar_month .cm_top_new .cmtd_info{position:absolute;top:0;left:0;width:100%;padding:9px 10px 0;font-size:16px;color:#b5b5b5;opacity:.8;}
.calendar_month .cm_top_new .cmtd_info b{font-weight:bold;color:#666;}
.calendar_month .cm_top_new .cm_top_dsc .cmtd_notice{display:table-cell;vertical-align:middle;width:100%;text-align:center;}
.calendar_month .cm_top_new .cm_top_dsc .title_cmtd{font-size:25px;font-weight:bold;color:#000;padding-bottom:39px;border-bottom:1px solid #ececec;}
.calendar_month .cm_top_new .cm_top_dsc ul{display:inline-block;text-align:left;max-width:90%;margin-top:36px;}
.calendar_month .cm_top_new .cm_top_dsc li{position:relative;padding-left:14px;font-size:20px;color:#444;line-height:1.3;}
.calendar_month .cm_top_new .cm_top_dsc li + li{margin-top:8px;}
.calendar_month .cm_top_new .cm_top_dsc li:before{content:"·";display:block;position:absolute;top:0;left:0;font-weight:bold;}
.calendar_month .cm_top_new .cm_top_dsc li b{font-weight:bold;border-bottom:1px solid #444;}
.calendar_month .cm_cont_list{width:100%;}
.calendar_month .cm_cont_list .cm_row{position:relative;width:100%;overflow:hidden;padding:15px 0;border-bottom:1px solid #e5e5e5;}
.calendar_month .cm_cont_list .cm_row.cm_row_today{background-color:#fafafa;}
.calendar_month .cm_cont_list .cm_offset_line{position:absolute;top:0;left:0;width:100%;height:1px;visibility:hidden;opacity:0;margin-top:-61px;}
.calendar_month .cm_cont_list .cm_row.cm_row_today:before{content:"";display:block;position:absolute;top:0;left:0;width:4px;height:100%;background:#d52b2c;}
.calendar_month .cm_cont_list .cm_month{float:left;padding:15px 0 13px;font-size:25px;color:#444;font-weight:bold;width:126px;text-align:center;}
.calendar_month .cm_cont_list ul{float:left;width:-webkit-calc(100% - 126px);width:-moz-calc(100% - 126px);width:calc(100% - 126px);overflow:hidden;padding:0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.calendar_month .cm_cont_list li{width:100%;padding:10px 0;}
.calendar_month .cm_cont_list li a{display:block;overflow:hidden;font-size:0;}
.calendar_month .cm_cont_list li a > div{display:inline-block;font-size:16px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calendar_month .cm_cont_list li .title_cmct{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-calc(100% - 462px);width:-moz-calc(100% - 462px);width:calc(100% - 462px);font-size:18px;color:#444;line-height:1.3;padding-left:40px;padding-right:40px;font-weight:bold;}
.calendar_month .cm_cont_list li .title_cmct span{display:inline-block;display:-webkit-box;width:100%;max-height:46px;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
.calendar_month .cm_cont_list li .title_cmct .icon_19_new{display:inline-block;width:18px;height:18px;background:url("https://cdn.metoon.co.kr/mimg/icon_19_new_white.png/me/resize/36x");background-size:100%;vertical-align:text-bottom;margin-right:8px;}
.calendar_month .cm_cont_list li .author_cmct{font-size:16px;color:#b5b5b5;width:257px;padding-right:20px;}
.calendar_month .cm_cont_list li .series_cmct{width:236px;}
.calendar_month .cm_cont_list li .series_cmct span{display:inline-block;font-size:16px;color:#444;padding-left:28px;background:url(https://cdn.metoon.co.kr/img/ic_calen_book.png) no-repeat 0 center;background-size:20px;}
.calendar_month .cm_cont_list li .cLabel{float:left;}
.calendar_month .cm_cont_list li .cLabel + .cLabel{margin-left:23px;}
/* 캘린더 아이콘 */
.cLabel{display:block;width:60px;height:34px;background-size:100% auto;background-position:center;background-repeat:no-repeat;}
.cLabel_toon{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_toon.png?1);}
.cLabel_comics{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_comics.png?1);}
.cLabel_novel{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_novel.png?1);}
.cLabel_ebook{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_ebook.png?1);}
.cLabel_mo{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_mp.png?1);}
.cLabel_series{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_seriealize.png);}
.cLabel_new{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_new.png?1);}
.cLabel_sale{background-image:url(https://cdn.metoon.co.kr/img/ic_calen_sale.png?1);}
/* 100원 알뜰결제 레이어 */
.alddl100w_layer{display:none; position:fixed;top:0;left:0;width:100%;min-width:600px;height:100%;text-align:center;z-index:100000000;}
.alddl100w_layer:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.alddl100w_layer .alddl100w_l_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);z-index:1;}
.alddl100w_layer .alddl100_l_contents{position:relative;display:inline-block;width:500px;vertical-align:middle;z-index:2;}
.alddl100_l_contents .alddl100_l_close{display:block;position:absolute;top:14px;right:14px;width:29px;height:31px;background:url(https://cdn.metoon.co.kr/mimg/ic_x_circle_gray.png) no-repeat center;background-size:100% auto;text-indent:-9999px;}
.alddl100_l_contents img{display:block;width:100%;}
.alddl100_l_contents .alddl100_l_btn{position:absolute;bottom:200px;left:50%;width:260px;margin-left:-130px;}
.alddl100_l_contents .alddl100_l_btn img{cursor:pointer;}
/* 100원 알뜰결제 - 결제내역 */
#mycharge_page_container .my_payment .coin_cont_box{overflow-y:auto;}
.pay_service_switch_cont{width:98%;float:right;}
.pay_service_switch_cont .title{border-bottom:2px solid #d7d7d7;line-height:50px;font-size:20px;font-weight:bold;color:#000;margin-top:20px;}
.pay_service_switch_cont .pay_service_switch_area{line-height:52px;border-bottom:1px solid #eee;}
.pay_service_switch_area > span{position:relative;display:inline-block;font-size:15px;color:#676767;padding-left:35px;margin-left:15px;background:url(https://cdn.metoon.co.kr/img/fill_coin_icon.png) no-repeat 0 center;background-size:25px auto;}
.alddl100w_service .pay_service_switch_area > span{padding-right:28px;box-sizing:border-box;}
.alddl100w_info{position:absolute;top:50%;right:0;display:inline-block;width:20px;height:20px;background-color:#444;color:#ddd;text-align:center;line-height:20px;border-radius:20px;margin-top:-10px;text-indent:-1px;font-weight:bold;}
.pay_service_switch_cont .pay_service_switch{float:right;width:117px;height:25px;margin:13px 15px 0 0;line-height:23px;}
.pay_service_switch_cont .pay_service_switch a{display:block;float:left;width:50%;height:100%;border:1px solid #ccc;font-size:12px;font-weight:bold;color:#acacac;text-align:center;box-sizing:border-box;}
.pay_service_switch_cont .pay_service_switch a:first-child{border-radius:3px 0 0 3px;border-right:none;}
.pay_service_switch_cont .pay_service_switch a:last-child{border-radius:0 3px 3px 0;background:#959595;color:#fff;border-color:#959595;}
.pay_service_switch_cont .pay_service_switch.on a:first-child{background:#d52b2c;color:#fff;border-color:#d52b2c;}
.pay_service_switch_cont .pay_service_switch.on a:last-child{background:#fff;color:#acacac;border-color:#ccc;}
#mycharge_page_container .coin_cont_box > .alddl100w_table{padding-top:20px;overflow:hidden;text-align:center;}
.alddl100w_table table{width:98%;float:right;text-align:center;border-top:2px solid #d7d7d7;border-collapse:collapse;}
.alddl100w_table table th{height:42px;border:1px solid #ddd;background:#ebf6ff;font-weight:bold;}
.alddl100w_table table th + th{border-left:0 none;}
.alddl100w_table table td{height:42px;background:#fff;border:1px solid #ddd;font-weight:normal;font-size:.9em;}
.view_own_icon{position:fixed;bottom:55px;right:20px;z-index:10;}
.view_own_icon.view_own_ebook{display:none;bottom:217px;margin-bottom:20px;}
.view_own_icon.view_own_pub{bottom:256px;margin-bottom:20px;}
.view_own_icon a{display:block;width:70px;height:70px;background:#fff;border-radius:70px;border:1px solid #ddd;text-align:center;}
.view_own_icon a i{display:block;width:28px;height:24px;background:url(https://cdn.metoon.co.kr/mimg/ic_view_own.png) no-repeat center;background-size:100% auto;margin:10px auto 4px;}
.view_own_icon a span{font-size:13px;color:#000;letter-spacing:-0.05em;cursor:pointer;}
/* 성인 웹툰 기획전 20200413 */
.event_adult_wt{position:relative;padding:715px 0 90px;background:url("https://cdn.metoon.co.kr/img/event_adult_wt_bg.jpg") no-repeat center top, #5bb7e8;}
.event_adult_wt .eawt_img_area{width:1407px;margin:0 auto;}
.event_awt_notice{width:1120px;padding:30px 60px;background:#171414;font-size:15px;color:#5bb7e8;margin:70px auto 0;}
.event_awt_notice ul{margin-top:15px;}
.event_awt_notice li{position:relative;padding-left:12px;line-height:1.4;}
.event_awt_notice li:before{content:"-";display:inline-block;position:absolute;top:0;left:0;}
.event_awt_notice li + li{margin-top:8px;}
/* 작품 view - 성인인증 유도배너 */
.view_adult_floatmd, .view_audio_floatmd{position:fixed;bottom:50px;right:-200%;width:320px;background:#fff;border:4px solid #d21a1b;border-radius:16px;text-align:center;margin-right:-160px;z-index:100;-webkit-transition:right .4s ease-in-out;-moz-transition:right .4s ease-in-out;-o-transition:right .4s ease-in-out;transition:right .4s ease-in-out;}
.view_adult_floatmd.vadf-shadow{box-shadow:0 0 17px rgba(210, 26, 27, .7);}
.view_adult_floatmd.active, .view_audio_floatmd.active{right:50%;}
.view_adult_floatmd .vadfbnr_lk, .view_audio_floatmd .vadfbnr_lk{display:block;position:relative;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;}
.view_adult_floatmd .vadfbnr_lk > img, .view_audio_floatmd .vadfbnr_lk img{display:block;width:276px;margin:0 auto;cursor:pointer;}
.view_adult_floatmd .vadfbnr_close, .view_audio_floatmd .vadfbnr_close{position:absolute;top:-12px;right:-12px;display:block;width:27px;height:27px;background:url("https://cdn.metoon.co.kr/img/ic_view_adult_md_x.png") no-repeat center;background-size:100%;text-indent:-9999px;overflow:hidden;z-index:10;}
.view_adult_floatmd .vamd_btn_group, .view_audio_floatmd .vamd_btn_group{display:inline-block;margin-top:16px;}
.view_adult_floatmd .vamd_btn_group span, .view_adult_floatmd .vamd_btn_group i, .view_audio_floatmd .vamd_btn_group span, .view_audio_floatmd .vamd_btn_group i{display:inline-block;height:28px;line-height:28px;background:#d21a1b;font-size:13px;font-weight:bold;color:#fff;border-radius:14px;vertical-align:middle;cursor:pointer;}
.view_adult_floatmd .vamd_btn_group span, .view_audio_floatmd .vamd_btn_group span{padding:0 14px;}
.view_adult_floatmd .vamd_btn_group i, .view_audio_floatmd .vamd_btn_group i{width:28px;font-weight:800;text-indent:2px;margin-left:4px;}
/* 뷰페이지 헤더 - 15세 성인 */
.viewhd_no_adult19{position:relative;padding:0 10px;background:#404040;border-top:1px solid #525252;text-align:center;}
.viewhd_no_adult19 a{display:inline-block;height:50px;line-height:50px;font-size:0;color:#eee;text-align:center;margin-left:15px;}
.viewhd_no_adult19 a > img{display:inline-block;vertical-align:middle;margin-right:6px;cursor:pointer;}
.viewhd_no_adult19:not(.viewhd_hs) a > img{width:52px;}
.viewhd_no_adult19 .text, .viewhd_no_adult19 .viewhd_coin_btn{font-size:14px;display:inline-block;vertical-align:middle;}
.viewhd_no_adult19 .viewhd_coin_btn{margin-left:15px;}
.viewhd_no_adult19 .viewhd_coin_btn > b{display:inline-block;height:28px;line-height:28px;border:1px solid #eee;vertical-align:middle;padding:0 8px;cursor:pointer;}
.viewhd_no_adult19 .ft-gr{color:#14e276;cursor:pointer;}
.viewhd_no_adult19 .ft-yellow{color:#e8e817;cursor:pointer;}
@media only screen and (max-width:340px){
	.viewhd_no_adult19 .text{font-size:12px;}
}
/*15세 인증 팝업*/
.view_adult15_md_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10000001;}
.view_adult15_md_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}
.view_adult15_md_wrap .md_back{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:auto;background:rgba(0, 0, 0, .5);z-index:1;}
.view_adult15_md_wrap .view_adult15_md{position:relative;display:inline-block;vertical-align:middle;width:96%;max-width:365px;background:#fff;text-align:left;padding:15px 15px 20px;border-radius:4px;z-index:2;}
.view_adult15_md_wrap .view_adult15_md .title{height:35px;line-height:30px;font-size:18px;font-weight:bold;color:#000;text-align:center;border-bottom:1px solid #000;}
.view_adult15_md_content{padding:20px 10px 0;word-break:keep-all;text-align:center;font-size:15px;line-height:1.4;}
.view_adult15_md_wrap .view_adult15_md_btn{display:block;margin:20px auto 0;width:100%;height:38px;line-height:38px;border:0 none; border-bottom:2px solid #7d7d7d;background:#222;border-radius:4px;font-size:15px;color:#fff;text-align:center;}
.view_adult15_md .view_adult15_md_close{position:absolute;bottom:-37px;right:10px;}
.view_adult15_md .view_adult15_md_close .close_btn{padding:7px 10px;border-radius:4px;font-size:14px;color:#fff;border:0 none;background:#2a94e0;}
/* 동영상 오픈서비스 코인리워드 팝업 */
.modal_type1_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10000001;}
.modal_type1_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.modal_type1_wrap .md_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);z-index:1;}
.modal_type1_wrap .modal_type1{position:relative;display:inline-block;width:400px;background:#fff;border-radius:4px;vertical-align:middle;z-index:10;}
.modal_type1 p.title{line-height:1;font-size:30px;color:#3c33a2;text-align:center;margin:0 auto;}
.modal_type1 p.title strong{font-weight:800;}
.modal_type1_wrap .md_type1_contents{font-size:15px;}
.md_type1_contents [class^="vd_open_ev"] .md_type1_btn{font-family:'Nanum Gothic', AppleSDGothicNeo, Dotum, sans-serif;display:block;width:100%;height:52px;line-height:52px;border:0 none;background-color:#3c33a2;border-radius:26px;font-size:18px;color:#fff;/* font-weight:700; */text-align:center;margin:26px auto 0;}
.modal_type1_wrap .vd_open_ev_cong{display:block;border-radius:4px;overflow:hidden;}
.modal_type1_wrap .vd_open_ev_cong img{display:block;max-width:100%;cursor:pointer;}
.modal_type1_wrap .md_type1_close{position:absolute;top:15px;right:15px;}
.md_type1_close .close_btn{display:block;width:22px;height:22px;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center;background-size:100%;text-indent:-9999px;overflow:hidden;}
.vd_open_ev_t2 .close_btn3d a{display:block;padding:7px 10px;border-radius:4px;font-size:14px;color:#fff;border:0 none;background:#222;}
.md_type1_contents .vd_open_ev_t1{line-height:2;}
.modal_type1_wrap .vd_open_ev_hide{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);clip:rect(0, 0, 0, 0);}
.md_type1_contents .vd_open_ev_t2{height:100%;}
.vd_open_ev_t2 .inner{padding:44px 40px 30px;letter-spacing:-0.03em;}
.vd_open_ev_t2 .vd_opevt2_txt{margin-top:18px;}
.modal_type1.noCoin .vd_open_ev_t2 .vd_opevt2_txt{margin-top:30px;}
.vd_opevt2_txt p{font-size:22px;line-height:36px;color:#1a1a1a;}
.vd_opevt2_txt span.red{color:#fb1b1b;}
.vd_opevt2_txt .rect_fill{position:relative;}
.vd_opevt2_txt .rect_fill:before{content:"";display:inline-block;position:absolute;top:0;left:-1px;right:-1px;height:20px;background-color:#ebeaf6;margin:10px auto 0;z-index:-1;}
.vd_opevt2_txt p em{font-size:18px;color:#5c5b5b;}
.vd_opevt2_txt .ft-small{font-size:19px;font-weight:400;}
.vd_opevt2_txt .ic_plus{position:relative;display:block;width:14px;height:14px;margin:2px auto;}
.vd_opevt2_txt .ic_plus:before, .vd_opevt2_txt .ic_plus:after{content:"";display:block;position:absolute;background-color:#ffa3a3;}
.vd_opevt2_txt .ic_plus:before{top:0;left:50%;width:3px;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.vd_opevt2_txt .ic_plus:after{top:50%;left:0;width:100%;height:3px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.vd_open_ev_t2 .vd_opevt2_input{position:relative;text-align:center;margin-top:26px;}
.modal_type1.noCoin .vd_open_ev_t2 .vd_opevt2_input{margin-top:30px;}
.vd_opevt2_input input[type="radio"]{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);clip:rect(0, 0, 0, 0);}
.vd_opevt2_input input[type="radio"] + label{position:relative;display:block;height:44px;line-height:40px;padding-left:47px;background-repeat:no-repeat;background-position:7px center;background-image:url("https://cdn.metoon.co.kr/img/ic_prem_vd_chk.png");background-color:#eee;border:2px solid #eee;font-size:16px;color:#5c5b5b;text-indent:-20px;border-radius:22px;margin-top:8px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_opevt2_input input[type="radio"] + label:nth-of-type(1){margin-top:0;}
.vd_opevt2_input input[type="radio"]:checked + label{background-color:#fff;color:#3c33a2;border-color:#3c33a2;background-image:url("https://cdn.metoon.co.kr/img/ic_prem_vd_chked.png");}
.vd_opevt2_input input[type="radio"] + label span{vertical-align:baseline;}
.vd_open_ev_t2 .notice{display:table;width:100%;height:110px;background:#dfdfdf;padding:0 25px;border-radius:0 0 4px 4px;font-size:12px;}
.vd_open_ev_t2 .noti_inner{display:table-cell;text-align:left;vertical-align:middle;}
.vd_open_ev_t2 .noti_title{display:block;}
.vd_open_ev_t2 .notice li{position:relative;padding-left:8px;margin-top:4px;line-height:1.5;letter-spacing:-0.03em;-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_open_ev_t2 .notice li:before{content:"-";position:absolute;top:0;left:0;}
.vd_open_ev_t2 .close_btn3d{position:absolute;top:100%;left:10px;margin-top:7px;}
#md_premium_detail, #md_premium_cert{opacity:0;-webkit-transition:opacity .14s ease-out;transition:opacity .14s ease-out;}
#md_premium_detail .md_back, #md_premium_cert .md_back{background-color:rgba(0, 0, 0, .7);}
#md_premium_detail .modal_type1, #md_premium_cert .modal_type1{-webkit-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:-webkit-transform .2s ease-out;-webkit-transition:transform .2s ease-out;transition:transform .2s ease-out;}
#md_premium_detail .modal_type1{border-radius:15px;}
#md_premium_detail.fade-in, #md_premium_cert.fade-in{opacity:1;}
#md_premium_detail.fade-in .modal_type1, #md_premium_cert.fade-in .modal_type1{-webkit-transform:translateY(0);transform:translateY(0);}
#md_premium_detail .vd_open_ev_t2 .inner{padding-top:30px;}
#md_premium_detail .vd_opevt2_txt{margin-top:0;}
#md_premium_detail .vd_opevt2_txt p{font-size:24px;}
.vd_open_ev_t2 .vd_opevt2_ht{margin-top:15px;}
.vd_open_ev_t2 .vd_opevt2_ht img{display:block;margin:0 auto;}
.vd_opevt2_ht ol{display:inline-block;text-align:left;vertical-align:top;margin-top:20px;}
.vd_opevt2_ht ol li + li{margin-top:8px;}
.vd_opevt2_ht ol span, .vd_opevt2_ht ol b{vertical-align:middle;}
.vd_opevt2_ht .list_ht{font-size:16px;color:#5c5b5b;padding-right:16px;}
.vd_opevt2_ht ol b{font-size:18px;color:#5c5b5b;}
#md_premium_detail .md_type1_contents [class^="vd_open_ev"] .md_type1_btn{max-width:270px;font-size:20px;/* font-weight:700; */margin-top:25px;}
#md_premium_cert .vd_opevt2_txt{margin-top:8px;}
#md_premium_cert .vd_opevt2_txt p{line-height:34px;}
#md_premium_cert .vd_opevt2_ht p{font-size:18px;color:#5c5b5b;line-height:1.5;margin-top:15px;}
/* 이벤트 - 0원 패스 */
.event_video_wrap{margin-top:20px;}
.event_video_wrap section{position:relative;background-repeat:no-repeat;background-position:center;background-size:1920px auto;margin:0 auto;}
.event_video_wrap section h5:not(.noti_title){position:absolute;top:0;left:0;width:0;height:0;font-size:0;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);clip:rect(0, 0, 0, 0);z-index:-1;}
.event_video_wrap .eve_vd_sec1{height:636px;background-image:url(https://cdn.metoon.co.kr/img/event_video_bg1.jpg?1);background-color:#fbf0ec;}
.event_video_wrap .eve_vd_sec2{height:1229px;background-image:url(https://cdn.metoon.co.kr/img/event_video_bg2.jpg?1);background-color:#0d0d0d;}
.event_video_wrap .eve_vd_sec1 p{position:absolute;bottom:24px;left:0;right:0;width:100%;font-size:26px;color:#d52a2b;text-align:center;letter-spacing:-0.03em;}
.event_video_wrap section .freeview_btn{position:absolute;left:50%;display:block;text-indent:-9999px;overflow:hidden;z-index:10;}
.event_video_wrap .eve_vd_sec1 .freeview_btn{bottom:82px;width:380px;height:85px;margin-left:-192px;}
.event_video_wrap .eve_vd_sec2 .freeview_btn{bottom:115px;width:541px;height:121px;margin-left:-272px;}
.event_video_wrap .notice{text-align:center;background:#1a1a1a;padding:40px 0 50px;}
.event_video_wrap .notice .inner_cont{display:inline-block;text-align:left;color:#fff;vertical-align:top;margin-left:50px;}
.event_video_wrap .noti_title{display:block;padding-left:56px;font-size:42px;font-weight:bold;line-height:1.2;background:url(https://cdn.metoon.co.kr/img/ic_event_video_info.png) no-repeat 0 center;}
.event_video_wrap .notice ul{margin-top:30px;padding-left:8px;}
.event_video_wrap .notice li{position:relative;padding-left:45px;font-size:28px;line-height:1.4;}
.event_video_wrap .notice li + li{margin-top:5px;}
.event_video_wrap .notice li:before{content:"";display:block;position:absolute;top:19px;left:0;width:28px;height:1px;background:#fff;}
/* 이벤트 - 고화질 영상 즐기는 방법 */
.event_smt_gui{position:relative;width:1000px;margin:20px auto 0;}
.ev_smtg_main{position:relative;height:1228px;background:url("https://cdn.metoon.co.kr/img/smt_gui_bg.jpg") no-repeat center, #fff;}
.ev_smtg_btngroup{position:absolute;bottom:286px;left:80px;right:80px;overflow:hidden;margin:0 auto;}
.ev_smtg_btngroup a{display:block;width:400px;height:100px;text-indent:-9999px;overflow:hidden;}
.ev_smtg_btngroup a:first-child{float:left;background:url("https://cdn.metoon.co.kr/img/smt_gui_btn1.png") no-repeat center;}
.ev_smtg_btngroup a:last-child{float:right;background:url("https://cdn.metoon.co.kr/img/smt_gui_btn2.png") no-repeat center;}
.ev_smtg_contents{min-height:2472px;background:#fff;}
.ev_smtg_contents img{display:block;max-width:100%;margin:0 auto;}
.ev_smtg_contents .smt_gui_smtv{display:none;}
/* 마지막 회차 팝업(버스안에서) */
.last_lalt_pop_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10000000;}
.last_lalt_pop_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.layer_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);}
.last_lalt_pop{position:relative;display:inline-block;vertical-align:middle;z-index:10;}
.last_lalt_pop a{display:block;}
.last_lalt_pop .ic_close{display:block;position:absolute;top:40px;right:15px;width:30px;height:30px;background:url("https://cdn.metoon.co.kr/img/ic_pop_x_circle.png") no-repeat center;background-size:100%;font-size:0;text-indent:-9999px;overflow:hidden;z-index:10;}
.last_lalt_pop img{display:block;max-width:100%;margin:0 auto;cursor:pointer;}
/* 내서재 영상 다운로드 관련 */
.list_data .txt_download{position:absolute;bottom:5px;left:5px;padding:0 8px;letter-spacing:-0.03em;height:24px;line-height:22px;border:1px solid #b9b9b9;background-color:#f1f1f1;border-radius:3px;font-size:13px;text-align:center;font-style:normal;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;}
.list_data .txt_download i{color:#777;font-style:normal;}
.vd_list_down_wrap{display:none;position:absolute;width:340px;max-height:460px;z-index:100;}
.vd_list_down_wrap .close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border:1px solid #222;border-radius:100%;background-color:#fff;overflow:hidden;font-size:0;text-indent:-999px;}
.vd_list_down_wrap .close:before, .vd_list_down_wrap .close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:18px;height:2px;background-color:#222;margin-top:-1px;margin-left:-9px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.vd_list_down_wrap .close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.vd_list_down_layer{background:#fff;border-radius:6px;padding:7px 20px 20px;overflow:hidden;box-shadow:0 0 15px rgba(0, 0, 0, .2);}
.vd_list_down_layer .title{height:45px;line-height:44px;border-bottom:1px solid #444;font-size:16px;color:#000;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;}
.vd_list_down_layer .vd_down_list{margin-top:15px;}
.vd_list_down_layer .vd_down_list ul{max-height:184px;overflow-y:auto;}
.vd_list_down_layer .vd_down_list li{height:46px;line-height:46px;font-size:13px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.vd_list_down_layer .vd_down_list li:after{content:"";display:block;clear:both;}
.vd_list_down_layer .vd_down_list li > div{float:left;}
.vd_list_down_layer .vd_down_list .vddl_num{width:44px;}
.vd_list_down_layer .vd_down_list .vddl_title{width:-webkit-calc(100% - 124px);width:-moz-calc(100% - 124px);width:calc(100% - 124px);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vd_list_down_layer .vd_down_list .vddl_btn{position:relative;}
.vd_list_down_layer .vd_down_list .download_btn{display:block;width:80px;height:32px;line-height:30px;border:1px solid #777;text-align:center;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.vd_list_down_layer .vd_down_list .download_btn span{display:inline-block;padding-left:16px;background:url("https://cdn.metoon.co.kr/img/ic_download.png") no-repeat 0 center;background-size:12px auto;cursor:pointer;}
/* 디테일 - 오늘만 무료 작품 무료이용권 */
.detail_today_free{height:68px;line-height:66px;background:#fff;border:1px solid #ddd;padding:0 18px;margin-bottom:24px;}
.detail_today_free p{float:left;font-size:16px;font-weight:normal;padding-left:28px;background:url("https://cdn.metoon.co.kr/mimg/ht_gift.png") no-repeat 0 48%;background-size:18px;}
.detail_today_free .dtfree_btn{float:right;padding:0 14px;height:40px;line-height:38px;border:1px solid #484848;background:#fff;border-radius:4px;font-size:14px;font-weight:bold;margin-top:12px;}
.detail_today_free .dtfree_btn span{color:#c53431;}
/* 디테일 - 무료이용권 지급 로딩 레이어팝업 */
.gift_preload_wrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);text-align:center;z-index:10001;}
.gift_preload_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.gift_preload{position:relative;display:inline-block;margin-top:-120px;vertical-align:middle;}
.gift_preload img{display:block;max-width:100%;margin:auto;}
.gift_preload .bar_cont{position:relative;width:200px;height:15px;background-color:#f1f1f1;border-radius:4px;overflow:hidden;box-shadow:5px 5px 5px rgba(0, 0, 0, .12);margin:35px auto 18px;}
.gift_preload .bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ea4a4a;z-index:5;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:transform 1.9s ease-out;-moz-transition:transform 1.9s ease-out;transition:transform 1.9s ease-out;}
.gift_preload.loading .bar{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.gift_preload p{width:200px;font-size:17px;line-height:30px;padding:0 10px;background-color:rgba(0, 0, 0, .58);color:#fff;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.thumb19_logo_new{position:absolute;top:0;left:0;width:100%;height:100%;/* background-color:#e8e8e8; */background-color:#dcdcdc;z-index:9;}
.thumb19_logo_new + .icon_19_new{opacity:0;}
/* .thumb19_logo_new i{position:absolute;top:50%;left:0;display:block;width:100%;height:100px;background:url(https://cdn.metoon.co.kr/img/adult_thumb_logo.png) no-repeat center 56%, #a5a5a5;background-size:48px;margin-top:-50px;} */
.thumb19_logo_new i{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:52.81%;max-width:94px;height:52.81%;max-height:94px;background:url("https://cdn.metoon.co.kr/img/adult_thumb_logo19.png") no-repeat center;background-size:100%;z-index:10;margin:auto;}
/* 싹쓰리 이벤트 플로팅 배너 */
.fl_ssac3_bnr, .fl_evtp2_bnr{position:fixed;bottom:30px;right:50%;width:266px;margin-right:-850px;z-index:99;-webkit-transform:translateY(500px) scale(.6);-moz-transform:translateY(500px) scale(.6);-o-transform:translateY(500px) scale(.6);-ms-transform:translateY(500px) scale(.6);transform:translateY(500px) scale(.6);}
.fl_evtp2_bnr.fl_bnr_prem_fr{width:244px;}
.fl_ssac3_bnr.active, .fl_evtp2_bnr.active{-webkit-animation:bounce-in-bottom 1.1s 600ms both;animation:bounce-in-bottom 1.1s 600ms both;}
.fl_ssac3_bnr .ssac3_x, .fl_evtp2_bnr .evtp2_x{position:absolute;top:-4px;right:-4px;display:block;width:30px;height:30px;background:url("https://cdn.metoon.co.kr/img/ic_hdtbnr_x.png") no-repeat center, #fff;background-size:20px auto;border-radius:100%;border:0 none;z-index:5;}
.fl_ssac3_bnr a, .fl_evtp2_bnr a{display:block;}
.fl_ssac3_bnr img, .fl_evtp2_bnr img{display:block;max-width:100%;margin:0 auto;cursor:pointer;}
.fl_ssac3_bnr.bottom_fix, .fl_evtp2_bnr.bottom_fix{position:absolute;bottom:0;}
@media only screen and (max-width:1750px){
	.fl_ssac3_bnr, .fl_evtp2_bnr{right:20px;margin-right:0;}
	.fl_ssac3_bnr .ssac3_x, .fl_evtp2_bnr .evtp2_x{background-size:15px;border:1px solid #222;}
}
/* 작품수정 공지 레이어팝업 */
.noti_rewk_layer_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10001;}
.noti_rewk_layer_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.noti_rewk_layer_wrap .layer_back{background-color:rgba(0, 0, 0, .6);}
.noti_rewk_layer{position:relative;display:inline-block;width:330px;border-radius:6px;overflow:hidden;vertical-align:middle;z-index:10;}
.noti_rewk_layer .contents_area{padding:30px 20px;background-color:#ffff;}
.noti_rewk_layer .contents_area p{line-height:1.5;font-size:16px;color:#222;word-break:keep-all;}
.noti_rewk_layer .noti_rewk_btn{display:block;height:42px;line-height:42px;font-size:18px;color:#fff;background-color:#ea5353;}
/* 디테일 리스트 지금 오픈 가능 */
.nobel_list .cover_open_date{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .6);z-index:20;}
.nobel_list .cover_open_date .codate_tb{display:table;table-layout:fixed;width:100%;height:100%;}
.nobel_list .cover_open_date .codate_tc{display:table-cell;vertical-align:middle;}
.nobel_list .cover_open_date .codate_tc_txt{padding:44px 10px 0;background:url("https://cdn.metoon.co.kr/img/ic_clocktimer_wh.png") no-repeat center 0;font-size:16px;color:#fff;text-align:center;}
.nobel_list .cover_open_date .ft-org{color:#fe4b4b;}
.nobel_list .n_list_noimg .list_btn.open_date_btn, #container .ebook_nobel_list .list_btn.open_date_btn{width:144px;padding:5px 12px;text-align:right;margin-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#container .ebook_nobel_list .list_btn.open_date_btn{float:right;border-radius:5px;}
.nobel_list .n_list_noimg .open_date_btn span, #container .ebook_nobel_list .open_date_btn span{color:#eb6877;}
.nobel_list .n_list_noimg .open_date_btn i, #container .ebook_nobel_list .open_date_btn i{display:block;padding-left:24px;background:url("https://cdn.metoon.co.kr/img/ic_clocktimer.png") no-repeat 0 center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* 무료이용권 본인인증 팝업 */
.free_pass_layer_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10001;}
.free_pass_layer_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.free_pass_layer_wrap .free_pass_layer{position:relative;display:inline-block;width:96%;max-width:320px;border-radius:8px;background-color:#fff;vertical-align:middle;z-index:10;}
.free_pass_layer .free_pass_noti{padding:30px 20px 26px;font-size:20px;line-height:1.5;color:#393939;border-bottom:1px solid #eaeaea;}
.free_pass_layer .free_pass_noti p + p{margin-top:14px;}
.free_pass_layer .free_pass_noti em{display:block;font-size:.9em;}
.free_pass_layer .cert_co5{display:inline-block;font-size:.8em;color:#ea4c74;padding:6px 20px;background-color:#f2f2f2;border-radius:4px;vertical-align:top;}
.free_pass_layer .btn_group{padding:18px 20px;}
.free_pass_layer .btn_group a{display:block;}
.free_pass_layer .free_pass_layer_btn{max-width:180px;height:44px;line-height:44px;border-radius:22px;font-size:16px;font-weight:bold;color:#fff;background-color:#00479d;margin:0 auto;}
.free_pass_layer .close_btn{position:absolute;top:100%;right:0;width:30px;height:30px;background:url("https://cdn.metoon.co.kr/img/ic_close_white.png") no-repeat center, #1b1b1b;background-size:14px;border-radius:100%;text-indent:-9999px;overflow:hidden;margin-top:8px;}
/* 회차 페이지 - 프리미엄무료 */
.premium_free, .premium_free_vd{display:inline-block;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ic_prem_free{position:relative;display:inline-block;background-color:#1a1a1a;color:#fff;font-weight:bold;border-radius:3px;vertical-align:top;z-index:2;cursor:pointer;}
.ic_prem_free i{display:block;background-repeat:no-repeat;}
.bg_detail_img_box .premium_free{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;}
.premium_free_vd{position:absolute;top:15px;left:15px;z-index:30;}
.bg_detail_img_box .ic_prem_free, .premium_free_vd .ic_prem_free{font-size:14px;height:26px;line-height:26px;padding:0 8px;border-radius:5px 0 5px 0;}
.premium_free_vd .ic_prem_free{border-radius:4px;line-height:22px;border:2px solid #c22627;}
.bg_detail_img_box .ic_prem_free i, .premium_free_vd .ic_prem_free i{padding-left:19px;background-image:url("https://cdn.metoon.co.kr/img/ic_info_red15x.png");background-position:left center;background-size:15px auto;}
.sub_title .premium_free, .vd_opevt2_ht .premium_free, .mefill_prdt_nm .premium_free, .premem_pay_layer .premium_free, .premem_free_layer .premium_free{height:18px;vertical-align:text-top;margin-right:7px;}
.vd_opevt2_ht .premium_free{vertical-align:middle;margin:2px 0 0 0;}
.premem_pay_layer .premium_free, .premem_free_layer .premium_free{height:22px;margin-right:0;}
.sub_title .ic_prem_free, .cfprem_fill_t .ic_prem_free, .ic_prem_free.std_als, .vd_opevt2_ht .ic_prem_free, .mefill_prdt_nm .ic_prem_free, .prdt_memship_txt .ic_prem_free, .premem_pay_layer .ic_prem_free, .premem_free_layer .ic_prem_free{font-size:11px;line-height:18px;padding:0 5px 0 4px;}
.vd_opevt2_ht .ic_prem_free{cursor:default;}
.premem_pay_layer .ic_prem_free, .premem_free_layer .ic_prem_free{font-size:12px;line-height:22px;cursor:default;}
.cfpd_contents .ic_prem_free.std_als{vertical-align:baseline;}
.sub_title .ic_prem_free i, .cfprem_fill_t .ic_prem_free i, .ic_prem_free.std_als i, .vd_opevt2_ht .ic_prem_free i, .mefill_prdt_nm .ic_prem_free i, .prdt_memship_txt .ic_prem_free i, .premem_pay_layer .ic_prem_free i, .premem_free_layer .ic_prem_free i{padding-left:14px;background-image:url("https://cdn.metoon.co.kr/mimg/ic_info_red.png/me/resize/11x");background-position:left 40%;background-size:11px auto;color:#fff;}
.mefill_prdt_nm .ic_prem_free i{font-size:10px;}
.premem_pay_layer .ic_prem_free i, .premem_free_layer .ic_prem_free i{background-position-y:50%;}
/* 세일 프로모션 이벤트 - 리스트 */
.text-hidden{position:absolute;top:0;left:0;width:0;height:0;clip:rect(0, 0, 0, 0);clip:rect(0px, 0px, 0px, 0px);overflow:hidden;opacity:0;}
#ev_tmpsr_wrap{background-color:#fff;overflow:hidden;}
.ev_tmpsr_artc{width:1000px;letter-spacing:-0.03em;margin:0 auto;}
.ev_tmpsr_artc .inner{display:inline-block;text-align:left;vertical-align:top;}
.ev_tmpsr_artc .title_group{position:relative;overflow:hidden;}
.ev_tmpsr_artc .title_group img{display:block;max-width:100%;}
.ev_tmpsr_artc .ev_notice{padding:40px 80px 44px;text-align:center;}
.ev_tmpsr_artc .ev_notice .inner{display:inline-block;text-align:left;vertical-align:top;}
.ev_tmpsr_artc .ev_notice p{font-size:0;font-weight:700;margin-bottom:26px;}
.ev_tmpsr_artc .ev_notice .ic_info{display:inline-block;font-size:32px;color:#fff;text-align:center;width:42px;height:42px;line-height:42px;border:1px solid #fff;border-radius:100%;vertical-align:middle;opacity:.5;margin-right:14px;}
.ev_tmpsr_artc .ev_notice .ic_info + span{font-size:28px;vertical-align:middle;}
.ev_tmpsr_artc .ev_notice li{position:relative;padding-left:14px;font-size:18px;line-height:1.4;letter-spacing:-0.02em;margin-top:8px;}
.ev_tmpsr_artc .ev_notice li:before{content:"-";position:absolute;top:0;left:0;}
.ev_tmpsr_artc .ev_notice li:first-child{margin-top:0;}
.ev_tmpsr_cont{margin:70px auto 0;}
.ev_tmpsr_cont .ev_tmpsr_sec{position:relative;margin:0 auto 70px;}
.ev_tmpsr_sec h5{position:relative;text-align:center;}
.ev_tmpsr_sec h5:before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#e0e0e0;}
.ev_tmpsr_sec .sec_title{position:relative;display:inline-block;max-width:74%;padding:0 30px;background-color:#fff;font-size:25px;line-height:1.2;color:#000;text-align:center;letter-spacing:-0.04em;vertical-align:top;word-break:keep-all;z-index:2;}
.ev_tmpsr_contents{padding-top:25px;display:flex;flex-wrap:wrap;overflow:hidden;}
/* .ev_tmpsr_contents:after{content:"";display:block;clear:both;} */
.ev_tmpsr_contents .ev_tmpsr_item{float:left;width:180px;max-width:180px;/* width:-webkit-calc((100% - 101px) / 5);width:-moz-calc((100% - 101px) / 5);width:calc((100% - 101px) / 5); */margin-left:25px;margin-top:22px;flex:1 1 180px;}
.ev_tmpsr_contents .ev_tmpsr_item:first-child{margin-left:0;}
/* .ev_tmpsr_contents .ev_tmpsr_item:nth-child(5n){margin-left:24px;} */
.ev_tmpsr_contents .ev_tmpsr_item:nth-child(5n + 1){margin-left:0;}
.ev_tmpsr_item a p, .ev_tmpsr_item a span{cursor:pointer;}
.ev_tmpsr_item .thumb_area{position:relative;background-color:#fbfbfb;}
.ev_tmpsr_item .thumb_logo{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:70px;margin:auto;}
.ev_tmpsr_item .thumb_img{position:relative;height:252px;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;}
.ev_tmpsr_item .thumb_img .thumb19_logo_new:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd;box-sizing:border-box;}
.ev_tmpsr_item .thumb_img .icon_19_new{z-index:10;}
.ev_tmpsr_item .lb_area_thumb{position:absolute;bottom:0;right:0;z-index:10;}
.ev_tmpsr_item .lb_area_thumb > span{display:block;min-width:62px;padding:0 8px;height:24px;line-height:24px;font-size:12px;text-align:center;letter-spacing:0;margin-top:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ev_tmpsr_item .lb_area_thumb .lb_thumb1{background-color:rgba(0, 0, 0, .7);font-weight:700;color:#fff;}
.ev_tmpsr_item .txt_area{padding:8px 0;}
.ev_tmpsr_item .lb_area, .ev_tmpsr_item .con_info{font-size:0;}
.ev_tmpsr_item .lb_area span{display:inline-block;height:14px;line-height:15px;border-width:1px;border-style:solid;font-size:11px;font-weight:400;padding:0 5px;border-radius:3px;vertical-align:middle;}
.ev_tmpsr_item .lb_area span + span{margin-left:5px;}
.ev_tmpsr_item .lb_area .lb_sale{color:#e60012;border-color:#e60012;}
.ev_tmpsr_item .title{font-size:15px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:8px;}
.ev_tmpsr_item .con_info{margin-top:6px;}
.ev_tmpsr_item .con_info span{display:inline-block;font-size:13px;color:#777;vertical-align:middle;}
.ev_tmpsr_item .con_info span + span{margin-left:5px;}
.ev_tmpsr_cont .ev_tmpsr_bnr{margin:0 auto 88px;}
.ev_tmpsr_cont .ev_tmpsr_bnr a{position:relative;display:block;}
.ev_tmpsr_bnr .abst_bnr{height:258px;}
.ev_tmpsr_bnr img{display:block;max-width:100%;margin:0 auto;cursor:pointer;}
.ev_tmpsr_bnr .abst_bnr img{position:absolute;bottom:0;right:0;}
/* 세일 프로모션 이벤트 - 썸네일 */
#ev_prmtn_wrap{overflow:hidden;}
.ev_prmtn_artc{position:relative;width:1200px;margin:0 auto;}
.ev_prmtn_artc .inner{display:inline-block;text-align:left;vertical-align:top;}
.ev_prmtn_artc .title_group{position:relative;overflow:hidden;}
.ev_prmtn_artc .title_group img{display:block;max-width:100%;margin:0 auto;}
.ev_prmtn_cont{padding:0 35px;max-width:750px;margin:0 auto;}
.ev_prmtn_item, .ev_prmtn_bnr{margin-bottom:40px;}
.ev_prmtn_item a{display:block;padding:40px;background-color:#fff;border-radius:18px;overflow:hidden;}
.ev_prmtn_artc a p, .ev_prmtn_artc a span, .ev_prmtn_artc a img{cursor:pointer;}
.ev_prmtn_item .thumb_area{position:relative;background-color:#f1f1f1;}
.ev_prmtn_item .thumb_logo{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:1;}
.ev_prmtn_item .thumb_img{position:relative;height:0;padding-bottom:100%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;}
.ev_prmtn_item .thumb_img:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ev_prmtn_item .thumb_img .icon_19_new{top:10px;right:10px;width:32px;height:32px;z-index:10;}
.ev_prmtn_item .thumb19_logo_new:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ev_prmtn_item .thumb19_logo_new i{height:260px;background-size:auto;margin-top:-130px;}
.ev_prmtn_item .txt_area{position:relative;padding:30px 20px 0;letter-spacing:-0.02em;z-index:20;}
.ev_prmtn_item .lb_area{position:absolute;bottom:100%;right:20px;overflow:hidden;margin-bottom:-25px;z-index:20;}
.ev_prmtn_item .lb_area span{float:left;display:block;padding:0 18px;height:42px;line-height:42px;font-size:28px;font-weight:400;border:4px solid #842e15;border-radius:25px;}
.ev_prmtn_item .lb_area span + span{margin-left:10px;}
.ev_prmtn_item .lb_area .lb_special{background-color:#fff;color:#842e15;}
.ev_prmtn_item .lb_area .lb_sale{background-color:#842e15;color:#fff;}
.ev_prmtn_item .strk em{position:relative;font-size:.92em;font-weight:300;padding:0 2px;opacity:.8;margin-right:4px;}
.ev_prmtn_item .strk .line_strk{display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#fff;}
.ev_prmtn_item .title{font-size:40px;color:#1a1a1a;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ev_prmtn_item .con_summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;/* height:3.1em; */max-height:78px;font-size:26px;color:#777;white-space:pre-line;text-overflow:ellipsis;overflow:hidden;margin-top:17px;}
.ev_prmtn_bnr img{display:block;max-width:100%;margin:0 auto;}
#ev_prmtn_wrap .ev_notice{text-align:center;padding:50px 18px 64px;color:#fff;margin-top:40px;}
#ev_prmtn_wrap .ev_notice .inner{display:inline-block;max-width:620px;text-align:left;vertical-align:top;}
#ev_prmtn_wrap .ev_notice .ic_info{display:inline-block;position:absolute;top:0;left:0;width:42px;height:42px;border:1px solid #fff;border-radius:100%;font-size:32px;/* color:#fff; */text-align:center;opacity:.5;}
#ev_prmtn_wrap .ev_notice p{position:relative;line-height:42px;padding-left:58px;font-size:28px;margin-bottom:22px;}
#ev_prmtn_wrap .ev_notice li{position:relative;font-size:24px;line-height:1.5;padding-left:22px;margin-top:10px;}
#ev_prmtn_wrap .ev_notice li:first-child{margin-top:0;}
#ev_prmtn_wrap .ev_notice li:before{content:"-";position:absolute;top:0;left:0;}
/* 충전소 - 프리미엄 결제 */
.coin_fill_premium{margin-bottom:30px;}
.coin_fill_premium a p, .coin_fill_premium a span, .coin_fill_premium a em{cursor:pointer;}
.cfprem_title_group{position:relative;font-size:0;line-height:22px;margin-bottom:15px;}
.cfprem_title_group .cfprem_title, .cfprem_title_group .link_btn, .cfprem_title_group .cont_cfprem_terms{position:relative;display:inline-block;font-size:18px;vertical-align:middle;}
.cfprem_title_group .cfprem_title{font-weight:700;}
.cfprem_title_group .link_btn{padding:0 8px;border-radius:4px;text-align:center;background-color:#d32b2b;font-size:12px;color:#fff;margin-left:8px;}
.cfprem_title_group .terms_btn{position:relative;padding-left:19px;font-size:12px;color:#888;margin-left:8px;}
.cfprem_title_group .terms_btn:before{content:"!";display:inline-block;position:absolute;top:50%;left:0;width:14px;height:14px;line-height:14px;font-size:10px;font-weight:700;color:#888;text-align:center;border:1px solid #888;border-radius:100%;margin-top:-8px;}
.cont_cfprem_terms .cfprem_terms{position:absolute;top:100%;left:8px;width:510px;background-color:#fbfbfb;border-radius:6px;border:1px solid #ddd;padding:20px;box-shadow:5px 5px 12px rgba(0, 0, 0, .2);overflow:hidden;opacity:0;visibility:hidden;margin-top:4px;-webkit-transform:scale(.2);-ms-transform:scale(.2);transform:scale(.2);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:.2s ease-in;transition:.2s ease-in;z-index:100;}
.cont_cfprem_terms .cfprem_terms.active{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.cfprem_terms .tm_title{font-size:18px;color:#222;font-weight:700;margin-bottom:12px;}
.cfprem_terms li{position:relative;line-height:22px;font-size:14px;color:#444;padding-left:12px;margin-top:4px;}
.cfprem_terms li:before{content:"";position:absolute;top:0;left:0;display:inline-block;width:4px;height:4px;border-radius:100%;background-color:#777;margin-top:9px;}
.cfprem_terms li:first-child{margin-top:0;}
.coin_fill_premium .cfprem_fill_t{border-top:2px solid #000;}
.cfprem_fill_t .tag_sale{position:absolute;top:50%;left:-4px;display:inline-block;padding:0 3px;height:16px;line-height:16px;background-color:#dbb388;border:1px solid #cba175;border-radius:3px;font-size:12px;color:#fff;letter-spacing:-0.02em;margin-top:-9px;}
.cfprem_fill_t .cfprem_bene span{display:inline-block;font-size:14px;margin-left:10px;}
/* 프리미엄 무료 안내 레이어팝업 */
.premium_free_layer_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;font-size:0;z-index:10001;}
.premium_free_layer_wrap:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-1px;}
.premium_free_layer_wrap .premfr_layer{position:relative;display:inline-block;width:400px;border-radius:16px;vertical-align:middle;z-index:10;overflow:hidden;}
.premfr_layer img{display:block;max-width:100%;margin:0 auto;}
.premfr_layer .btn_group:after{content:"";display:block;clear:both;}
.premfr_layer .btn_group a{float:left;display:block;width:50%;height:60px;line-height:60px;font-size:20px;color:#737373;background-color:#e5e5e5;border-right:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.premfr_layer .btn_group a:last-child{border-right:0 none;border-left:1px solid #fff;color:#fff;background-color:#d52b2c;}
/* 선물함ad - 프리미엄 멤버십 레이어팝업 */
.prem_gad_layer_wrap{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;z-index:10001;}
.prem_gad_layer_wrap:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-1px;}
.prem_gad_layer_wrap .prem_gad_layer{position:relative;display:inline-block;background-color:#111a37;vertical-align:middle;z-index:10;}
.prem_gad_layer .prem_gad_close{display:block;position:absolute;top:12px;right:14px;width:24px;height:24px;z-index:10;}
.prem_gad_layer .prem_gad_close:before, .prem_gad_layer .prem_gad_close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:30px;height:1px;background-color:#fff;margin-left:-15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.prem_gad_layer .prem_gad_close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.prem_gad_layer .prem_gad_bnr img{display:block;max-width:100%;margin:0 auto;}
.prem_gad_layer .prem_gad_con{padding:28px 20px 15px;}
.prem_gad_layer .prem_gad_btn{display:block;width:368px;border:0 none;background:transparent;overflow:hidden;cursor:pointer;margin:0 auto;}
.prem_gad_layer .prem_gad_btn:hover{-webkit-animation:bounce-up-down 1s forwards;animation:bounce-up-down 1s forwards;}
.prem_gad_layer .prem_gad_btn img{display:block;max-width:100%;cursor:pointer;margin:0 auto;}
.prem_gad_layer .prem_gad_info{margin-top:20px;}
.prem_gad_info p, .prem_gad_info a{display:inline-block;vertical-align:middle;}
.prem_gad_info p strong, .prem_gad_info p span, .prem_gad_info a{display:inline-block;font-size:16px;color:#fff;vertical-align:middle;}
.prem_gad_info p .strk{position:relative;padding-left:2px;padding-right:6px;margin:0 4px}
.prem_gad_info p .strk:before, .prem_gad_info p .strk:after{content:"";display:inline-block;position:absolute;top:50%;}
.prem_gad_info p .strk:before{left:0;width:96%;width:-webkit-calc(100% - 4px);width:-moz-calc(100% - 4px);width:calc(100% - 4px);height:2px;background-color:#e72627;margin-top:-1px;}
.prem_gad_info p .strk:after{right:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #e72627;margin-top:-4px;}
.prem_gad_info a{position:relative;font-weight:700;opacity:.4;margin-left:6px;}
.prem_gad_info a:before{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#fff;}
/* 프리미엄 멤버십 결제 레이어팝업 */
#premem_pay_layer, #premem_free_layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:100004;}
#premem_pay_layer:before, #premem_free_layer:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-5px;}
#premem_pay_layer .layer_back, #premem_free_layer .layer_back{background-color:rgba(0, 0, 0, .8);}
#premem_pay_layer .premem_pay_layer, #premem_free_layer .premem_free_layer{position:relative;display:inline-block;width:96%;max-width:610px;max-width:540px;max-height:92%;text-align:left;color:#14122d;letter-spacing:-0.02em;background-color:#eee;padding:48px 20px 32px;vertical-align:middle;z-index:10;overflow-x:hidden;overflow-y:auto;}
.premem_pay_layer .font-skew, .premem_free_layer .font-skew{display:inline-block;-webkit-transform:skew(-0.04deg);-ms-transform:skew(-0.04deg);transform:skew(-0.04deg);}
.premem_pay_layer .close_btn, .premem_free_layer .close_btn{position:absolute;top:22px;right:24px;display:block;width:21px;height:21px;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center;background-size:100%;z-index:10;}
.premem_pay_layer .title, .premem_free_layer .title{padding:0 10px;}
.premem_pay_layer .title img, .premem_pay_layer .title span, .premem_free_layer .title img, .premem_free_layer .title span{vertical-align:middle;}
.premem_pay_layer .title span, .premem_free_layer .title span{font-size:24px;font-weight:700;line-height:1;}
.premem_pay_layer .title .small, .premem_free_layer .title .small{font-size:.76em;}
.premem_pay_layer .dep_top ul, .premem_free_layer .dep_top ul{border-top:1px solid #acacb4;border-bottom:1px solid #acacb4;padding:24px 20px;margin-top:24px;}
.premem_pay_layer .dep_top li, .premem_free_layer .dep_top li{position:relative;padding-left:34px;font-size:17px;line-height:1.5;margin-top:5px;}
.premem_pay_layer .dep_top li:before, .premem_free_layer .dep_top li:before{content:"+";display:inline-block;position:absolute;top:0;left:0;width:20px;height:20px;line-height:20px;background-color:#14122d;color:#fff;text-align:center;border-radius:100%;margin-top:3px;}
.premem_pay_layer .disp_amount, .premem_free_layer .disp_amount{font-size:24px;line-height:57px;padding:0 12px;border-bottom:1px solid #14122d;overflow:hidden;}
.premem_pay_layer .disp_amount .txt, .premem_free_layer .disp_amount .txt{float:left;display:inline-block;}
.premem_pay_layer .disp_amount .cost, .premem_free_layer .disp_amount .cost{float:right;display:inline-block;font-weight:700;}
.premem_pay_layer .dep_bt, .premem_free_layer .dep_bt{margin-top:36px;}
.premem_pay_layer .payment_select, .premem_free_layer .payment_select{overflow:hidden;margin-top:24px;}
.premem_pay_layer .pay_item, .premem_free_layer .pay_item{float:left;position:relative;width:244px;width:-webkit-calc((100% - 11px) / 2);width:-moz-calc((100% - 11px) / 2);width:calc((100% - 11px) / 2);overflow:hidden;}
.premem_pay_layer .pay_item:nth-child(2n), .premem_free_layer .pay_item:nth-child(2n){margin-left:10px;}
.premem_pay_layer .pay_item:nth-child(n + 3), .premem_free_layer .pay_item:nth-child(n + 3){margin-top:10px;}
.premem_pay_layer .pay_item input[type="radio"], .premem_free_layer .pay_item input[type="radio"]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;clip:rect(1, 1, 1, 1);clip:rect(1px, 1px, 1px, 1px);z-index:-1;}
.premem_pay_layer .pay_item input[type="radio"] + label, .premem_pay_layer .pay_item a, .premem_free_layer .pay_item input[type="radio"] + label, .premem_free_layer .pay_item a{position:relative;display:block;width:100%;height:62px;line-height:62px;/* font-size:14px; */font-size:17px;text-align:center;background-color:#fff;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.premem_free_layer .pay_item a{height:54px;line-height:54px;}
.premem_free_layer .pay_item .sel_skt{filter:grayscale(1);color:#474747;opacity:.65;}
.premem_free_layer .sel_icon img, .premem_free_layer .sel_icon span{vertical-align:middle;}
.premem_free_layer .sel_icon img{height:21px;margin-right:8px;}
.premem_pay_layer .sel_phone span, .premem_free_layer .sel_phone span{background:url("https://cdn.metoon.co.kr/mimg/ic_cfs_fillhp.png/me/resize/x42") no-repeat left center;background-size:auto 21px;padding-left:22px;}
.premem_pay_layer .sel_card span, .premem_free_layer .sel_card span{background:url("https://cdn.metoon.co.kr/mimg/ic_cfs_card.png") no-repeat left 47%;background-size:auto 21px;padding-left:48px;margin-left:-12px;}
.premem_pay_layer .pay_item input[type="radio"] + label:before, .premem_pay_layer .pay_item a:before, .premem_free_layer .pay_item input[type="radio"] + label:before, .premem_free_layer .pay_item a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #a0a0a0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.premem_pay_layer .pay_item.npay input[type="radio"] + label, .premem_pay_layer .pay_item.npay a, .premem_free_layer .pay_item.npay input[type="radio"] + label, .premem_free_layer .pay_item.npay a{background-image:url("https://cdn.metoon.co.kr/img/fulp_npay_logo.png");background-color:#00cd34;}
.premem_pay_layer .pay_item.npay input[type="radio"] + label:before, .premem_pay_layer .pay_item.npay a:before, .premem_free_layer .pay_item.npay input[type="radio"] + label:before, .premem_free_layer .pay_item.npay a:before{border-color:#00a42a;}
.premem_pay_layer .pay_item.kakao input[type="radio"] + label, .premem_pay_layer .pay_item.kakao a, .premem_free_layer .pay_item.kakao input[type="radio"] + label, .premem_free_layer .pay_item.kakao a{background-image:url("https://cdn.metoon.co.kr/img/fulp_kakao_logo.png/me/resize/x20");background-color:#ffdf00;background-position:48% 52%;}
.premem_pay_layer .pay_item.kakao input[type="radio"] + label:before, .premem_pay_layer .pay_item.kakao a:before, .premem_free_layer .pay_item.kakao input[type="radio"] + label:before, .premem_free_layer .pay_item.kakao a:before{border-color:#dbbf00;}
.premem_pay_layer .pay_item input[type="radio"]:checked + label:before, .premem_pay_layer .pay_item a.selected:before, .premem_free_layer .pay_item input[type="radio"]:checked + label:before, .premem_free_layer .pay_item a.selected:before{border-width:2px;border-color:#e52222;}
.premem_pay_layer .premem_pay_btn, .premem_free_layer .premem_pay_btn{display:block;width:96%;max-width:420px;height:70px;line-height:70px;border-radius:24px;background-color:#14122d;border:0 none;font-size:24px;color:#fff;text-align:center;padding:0 20px;margin:34px auto 0;}
.premem_pay_layer .premem_pay_btn, .premem_pay_layer .pay_item span, .premem_free_layer .premem_pay_btn, .premem_free_layer .pay_item span{cursor:pointer;}
.premem_pay_layer .premem_payl_info, .premem_free_layer .premem_payl_info{padding:0 18px;color:#4a476a;opacity:.5;margin-top:34px;}
.premem_pay_layer .premem_payl_info p, .premem_free_layer .premem_payl_info p{font-size:14px;margin-bottom:6px;}
.premem_pay_layer .premem_payl_info li, .premem_free_layer .premem_payl_info li{position:relative;font-size:12px;line-height:1.5;padding-left:8px;margin-top:4px;}
.premem_pay_layer .premem_payl_info li:before, .premem_free_layer .premem_payl_info li:before{content:"-";position:absolute;top:0;left:0;}
.premem_pay_layer .cost del, .premem_free_layer .cost del{position:relative;font-size:0.62em;color:#4a4a4a;vertical-align:middle;text-decoration:none;}
.premem_pay_layer .cost ins b, .premem_free_layer .cost ins b{font-size:1.15em;font-weight:800;}
.premem_pay_layer .cost .small, .premem_free_layer .cost .small{font-size:.78em;}
.premem_pay_layer .cost del:before, .premem_free_layer .cost del:before{content:"";display:block;position:absolute;top:50%;left:0;right:0;height:2px;background-color:#dc2e2e;opacity:.8;margin:0 -2px;}
/* .premem_pay_layer .cost del:before, .premem_free_layer .cost del:before, .premem_pay_layer .cost del:after, .premem_free_layer .cost del:after{content:"";display:block;position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#dc2e2e;margin-top:-1px;}
.premem_pay_layer .cost del:before, .premem_free_layer .cost del:before{-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(12deg);}
.premem_pay_layer .cost del:after, .premem_free_layer .cost del:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-12deg);} */
.premem_pay_layer .cost ins, .premem_free_layer .cost ins{text-decoration:none;vertical-align:middle;}
.premem_pay_layer .cost .arrow, .premem_free_layer .cost .arrow{position:relative;display:inline-block;width:22px;height:1px;background-color:#9a9a9a;vertical-align:middle;opacity:.8;margin:0 18px 0 10px;}
.premem_pay_layer .cost .arrow:before, .premem_free_layer .cost .arrow:before{content:"";display:block;position:absolute;top:50%;left:100%;border-left:8px solid #9a9a9a;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-top:-4.5px;}
/* 프리미엄 멤버십 말풍선 */
.blrn_prem_mem{position:absolute;top:100%;left:50%;padding:0 20px 0 12px;height:28px;line-height:24px;font-size:12px;color:#fff;white-space:nowrap;border:2px solid #fff;border-radius:14px;background-color:#1b1b1b;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:30;margin-top:-14px;}
.blrn_prem_mem button{position:absolute;top:50%;right:6px;display:inline-block;width:12px;height:12px;background:url("https://cdn.metoon.co.kr/mimg/ic_x_bold_wh.png") no-repeat center;background-size:8px;border:0 none;margin-top:-6px;z-index:10;cursor:pointer;}
.blrn_prem_mem:before{content:"";display:block;position:absolute;top:-4px;left:50%;border-bottom:4px solid #1b1b1b;border-left:4px solid transparent;border-right:4px solid transparent;margin-left:-4px;}
/* 프리미엄 멤버십 해지 신청 */
.prem_termi_con{position:relative;width:1180px;padding:56px 60px;text-align:center;letter-spacing:-0.04em;margin:0 auto;}
.prem_termi_con hgroup{font-size:0;font-weight:700;color:#192d5c;}
.prem_termi_con h2{display:inline-block;font-size:23px;padding:0 30px;height:45px;line-height:45px;background-color:#addef3;border-radius:22px;vertical-align:top;}
.prem_termi_con h3{font-size:46px;font-weight:400;margin-top:22px;}
.prem_termi_con h3 b{font-weight:700;}
.prem_termi_list{margin-top:56px;}
.prem_termi_list ul:after{content:"";display:block;clear:both;}
.prem_termi_list li{float:left;position:relative;display:table;table-layout:fixed;width:50%;padding-bottom:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.prem_termi_list li:nth-child(n + 3){padding-bottom:0;padding-top:32px;border-top:1px solid #dcdcdc;}
.prem_termi_list li:nth-child(even){padding-left:60px;}
.prem_termi_list li:nth-child(even):before{content:"";display:block;position:absolute;bottom:0;left:0;width:1px;height:125px;background-color:#dcdcdc;}
.prem_termi_list li:last-child:before{top:0;bottom:auto;}
.prem_termi_list .list_it_img, .prem_termi_list dl{display:table-cell;text-align:left;vertical-align:middle;}
.prem_termi_list .list_it_img{width:140px;}
.prem_termi_list .list_it_img img{max-width:100%;display:block;margin:0 auto;}
.prem_termi_list dl{width:100%;padding-left:20px;font-size:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.prem_termi_list dt{font-weight:800;color:#1c1c1c;line-height:1;margin-bottom:14px;}
.prem_termi_list dd{font-size:0.76em;color:#3a3a3a;line-height:1.6;}
.prem_termi_list dd .small{display:block;font-size:0.75em;padding-top:6px;opacity:.8;margin-bottom:-1.2em;}
.prem_termi_con .notice{padding:18px;background-color:#f5f5f5;margin-top:65px;}
.prem_termi_con .notice .read_tip{display:block;font-size:22px;font-style:italic;color:#1b1b1b;}
.prem_termi_con .notice strong{display:block;font-size:30px;font-weight:400;color:#2a2a2a;margin:12px auto 6px;}
.prem_termi_con .notice strong em{font-style:italic;}
.prem_termi_con .notice .ft-blue{font-weight:800;color:#25315b;}
.prem_termi_con .notice .small{font-size:16px;color:#7d7d7d;}
.prem_termi_con .btn_group{margin-top:28px;}
.prem_termi_con .btn_group p{display:inline-block;font-size:22px;color:#535353;line-height:1.1;border-bottom:1px solid #535353;vertical-align:top;}
.prem_termi_con .btn_group button, .prem_termi_con .btn_group [class^="btn_"]{display:block;border-radius:8px;border:0 none;width:600px;font-size:28px;font-weight:700;height:72px;line-height:72px;border-bottom:7px solid #b81219;color:#fff;cursor:pointer;margin:24px auto 0;}
.prem_termi_con .btn_group .btn_maintain{background-color:#e62f20;}
.prem_termi_con .btn_group .btn_termin{background-color:#d6d6d6;border-color:#cdcdcd;}
.prem_termi_con .btn_group button + button, .prem_termi_con .btn_group [class^="btn_"] + [class^="btn_"]{margin-top:17px;}
.prem_termi_con .prem_termi_close{position:absolute;top:30px;right:30px;display:block;width:30px;height:30px;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center;}
/* 프리미엄 멤버십 해지 레이어팝업 */
.layer_prem_termin{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;z-index:10004;}
.layer_prem_termin:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-1px;}
.layer_prem_termin .ly_prem_termin_con{position:relative;display:inline-block;width:96%;max-width:450px;vertical-align:middle;z-index:10;}
.ly_prem_termin_con .ly_prem_termin_x{position:absolute;top:0;right:0;display:block;width:22px;height:22px;background:url("https://cdn.metoon.co.kr/mimg/ic_fulp_x_blue_m.png") no-repeat center;background-size:100%;margin:16px 16px 0 0;}
.ly_prem_termin_con a{display:block;}
.ly_prem_termin_con a img{cursor:pointer;}
.ly_prem_termin_con .ly_prem_termin_btn{position:absolute;bottom:0;left:0;right:0;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);margin:0 auto 1.556%;}
.ly_prem_termin_con img{display:block;max-width:100%;margin:0 auto;}
.modal-fade{opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s;}
.modal-fade .modal-fade-item{-webkit-transform:translateY(-120px);transform:translateY(-120px);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
.modal-fade.open{opacity:1;}
.modal-fade.open .modal-fade-item{-webkit-transform:translateY(0);transform:translateY(0);}
.scr-lock{position:relative;overflow:hidden;}
/* 마이페이지 - 프리미엄 멤버십 제휴 사이트 팝업 */
.layer_premem_site{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10004;}
.layer_premem_site:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.layer_premem_site .premem_site{position:relative;display:inline-block;width:96%;max-width:340px;vertical-align:middle;z-index:10;}
.layer_premem_site .premem_site_list{background-color:#fff;padding:25px 25px 22px;border-radius:8px 8px 0 0;}
.layer_premem_site h3{font-size:18px;font-weight:700;color:#000;padding-bottom:16px;border-bottom:1px solid #ababab;margin-bottom:22px;}
.layer_premem_site .btn_group{background-color:#1b1b1b;border-radius:0 0 8px 8px;overflow:hidden;}
.layer_premem_site .premem_close{display:block;width:100%;height:46px;line-height:46px;border:0 none;background-color:#212121;text-align:center;font-size:16px;font-weight:700;color:#fff;}
.premem_site_list ul:after{content:"";display:block;clear:both;}
.premem_site_list li{float:left;width:140px;width:-webkit-calc((100% - 10px) / 2);width:-moz-calc((100% - 10px) / 2);width:calc((100% - 10px) / 2);}
.premem_site_list li:nth-child(even){margin-left:10px;}
.premem_site_list li:nth-child(n + 3){margin-top:8px;}
.premem_site_list a{position:relative;display:table;table-layout:fixed;width:100%;height:60px;border:1px solid #ddd;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.premem_site_list a > div{display:table-cell;vertical-align:middle;}
.premem_site_list a i{display:block;width:100%;height:35px;background-repeat:no-repeat;background-position:center bottom;background-size:auto 32px;}
.premem_site_list .topunse i{background-image:url("https://cdn.metoon.co.kr/img/logo_topunse.png/me/resize/x32");background-position-x:54%;}
.premem_site_list .hiform i{background-image:url("https://cdn.metoon.co.kr/img/logo_hiform.png/me/resize/x32");}
/* 프리미엄 무료체험 당첨 축하 레이어팝업 */
.layer_prem_fr_event{position:fixed;top:0;left:0;width:100%;height:100%;font-size:0;text-align:center;z-index:100004;}
.layer_prem_fr_event:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-1px;}
.layer_prem_fr_event .ly_prem_fr_event_con{position:relative;width:96%;max-width:350px;display:inline-block;background-color:#fff;padding:40px 24px 34px;vertical-align:middle;z-index:10;}
.ly_prem_fr_event_con .close{position:absolute;top:0;right:0;display:block;width:20px;height:20px;background:url("https://cdn.metoon.co.kr/img/icon_close_grey.png") no-repeat center;margin:18px 18px 0 0;}
.ly_prem_fr_event_con > img{display:block;max-width:100%;margin:0 auto;}
.ly_prem_fr_event_con dl{font-size:20px;letter-spacing:-0.02em;color:#363636;line-height:1;font-weight:700;text-align:center;margin-top:25px;}
.ly_prem_fr_event_con dd{font-size:17px;color:#252525;font-weight:400;line-height:25px;margin-top:20px;}
.ly_prem_fr_event_con .ft-sml{font-size:12px;color:#959595;}
.ly_prem_fr_event_con .ly_prem_fr_event_btn{display:block;width:100%;height:52px;line-height:52px;font-size:18px;font-weight:700;color:#fff;background-color:#3a498f;border:0 none;border-radius:4px;margin-top:26px;}
/* view - 다음화 보기 버튼 */
.view_btn_group .view_con_btn_next{display:table;table-layout:fixed;width:640px;border:1px solid #e2e2e2;background-color:#fff;font-family:'Nanum Gothic', AppleSDGothicNeo, Dotum, sans-serif;margin:0 auto 130px;}
.view_btn_group .view_con_btn_next p, .view_btn_group .view_con_btn_next span{cursor:pointer;}
.view_btn_group .view_con_btn_next .thumbnail_img, .view_btn_group .view_con_btn_next .con_items{display:table-cell;vertical-align:middle;}
.view_btn_group .view_con_btn_next .thumbnail_img{width:247px;height:120px;background-repeat:no-repeat;background-position:center;background-size:cover;border-right:1px solid #e2e2e2;}
.view_btn_group .view_con_btn_next .con_items{position:relative;width:373px;width:100%;padding-right:200px;}
.view_btn_group .view_con_btn_next dl{font-size:18px;color:#2c2c2c;text-align:left;line-height:1.1;padding-left:20px;}
.view_btn_group .view_con_btn_next dt{font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.view_btn_group .view_con_btn_next dd{margin-top:12px;}
.view_btn_group .view_con_btn_next .btn_view_next{display:block;position:absolute;top:50%;right:0;width:156px;height:48px;line-height:48px;font-size:18px;font-weight:700;color:#fff;text-align:center;background-color:#d52b2c;margin:-24px 25px 0 0;}
/* view - 이 작품과 비슷해요 */
.view_recomm_container{width:1200px;padding:66px 0 68px;border:1px solid #ddd;}
.view_recomm_container .view_recomm_item{position:relative;width:1054px;padding:0 37px;overflow:hidden;margin:0 auto;}
.view_recomm_container .cont_title{font-size:18px;font-weight:700;color:#000;line-height:1.1;}
.view_recomm_container .view_recomm_con{position:relative;margin-top:20px;}
.view_recomm_container .view_recomm_swiper{position:static;width:100%;}
.view_recomm_container .view_recomm_swiper.hidden-swp{opacity:0;visibility:hidden;}
.view_recomm_container .view_recomm_swiper .swiper-slide{width:178px;}
.view_recomm_container .view_recomm_swiper .swiper-slide + .swiper-slide{margin-right:22.5px;}
.view_recomm_container .view_recomm_swiper a{position:relative;display:block;border-radius:5px;border:1px solid #ddd;/* overflow:hidden; */}
.view_recomm_container .view_recomm_swiper .thumbnail_area{position:relative;}
.view_recomm_container .view_recomm_swiper .thumb_logo{position:absolute;top:0;left:0;right:0;bottom:0;width:50px;height:50px;z-index:1;margin:auto;}
.view_recomm_container .view_recomm_swiper .thumbnail_img{position:relative;height:251px;background-repeat:no-repeat;background-position:center;background-size:cover;border-bottom:1px solid #ddd;z-index:2;}
.view_recomm_container .view_recomm_swiper .label_cont{position:absolute;bottom:6px;left:-1px;}
.view_recomm_container .view_recomm_swiper .con_txt{padding:15px 10px;}
.view_recomm_container .view_recomm_swiper .con_title{font-size:15px;font-weight:700;color:#000;line-height:1.1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.view_recomm_container .view_recomm_swiper .view_recomm_btn{position:absolute;top:50%;width:37px;height:54px;background-color:rgba(0, 0, 0, .8);background-repeat:no-repeat;background-position:center;background-size:18px auto;cursor:pointer;opacity:.6;/* visibility:hidden; */z-index:20;margin-top:-45px;}
/* .view_recomm_container .view_recomm_swiper:hover .view_recomm_btn{visibility:visible;} */
.view_recomm_container .view_recomm_swiper .view_recomm_btn:hover{opacity:1;}
.view_recomm_container .view_recomm_swiper .view_recomm_prev{left:0;background-image:url("https://cdn.metoon.co.kr/img/ic_mv_prev.png");margin-left:1px;}
.view_recomm_container .view_recomm_swiper .view_recomm_next{right:0;background-image:url("https://cdn.metoon.co.kr/img/ic_mv_next.png");margin-right:1px;}
.view_recomm_container .view_recomm_item2{margin-top:50px;}
.view_recomm_container .view_recomm_item2:after{content:"";display:block;clear:both;}
.view_recomm_container .view_recomm_item2 a{display:block;height:159px;}
.view_recomm_container .view_recomm_item2 a:first-child{float:left;}
.view_recomm_container .view_recomm_item2 a:last-child{float:right;}
.view_recomm_container .view_recomm_item2 img{max-height:100%;}
.view_recomm_container a img{cursor:pointer;}
/* 만화 디테일 - 작품 추천 스와이퍼 */
.view_recomm_swp_wrap{float:left;width:100%;background-color:#f5f5f5;padding:35px 0 15px;}
.view_recomm_swp_wrap .view_recomm_container{width:1180px;background-color:#fff;margin:0 auto;}
.view_recomm_container .view_recomm_menu{position:relative;border-bottom:1px solid #ccc;margin-bottom:25px;}
.view_recomm_container .view_recomm_menu:after{content:"";display:block;clear:both;}
.view_recomm_container .view_recomm_menu a{float:left;position:relative;display:block;font-size:15px;color:#666666;padding:0 20px 18px;}
.view_recomm_container .view_recomm_menu a.on{font-weight:700;color:#333;}
.view_recomm_container .view_recomm_menu a.on:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#333;z-index:10;}
/* view - 마지막 회차 레이어팝업 */
.list_last_layerpop, .remake_last_layerpop{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:9999999;}
.list_last_layerpop:before, .remake_last_layerpop:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.list_last_layer_con, .remake_last_layer_con{position:relative;display:inline-block;max-width:600px;width:96%;border-radius:18px;background-color:#fff;vertical-align:middle;overflow:hidden;z-index:10;margin-bottom:50px;}
.remake_last_layer_con{max-width:400px;padding-bottom:36px;}
.list_last_layerpop .list_last_ly_item, .remake_last_layer_con .remake_last_item{position:relative;padding:40px 48px 24px;}
.list_last_layerpop .list_last_ly_item:last-child{padding-bottom:40px;}
.list_last_layerpop .ic_close, .remake_last_layerpop .ic_close{position:absolute;top:0;right:0;display:block;width:22px;height:22px;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center;background-size:100%;z-index:20;margin:20px 20px 0 0;}
.list_last_layer_con .cont_tile{font-size:26px;font-weight:700;line-height:1.1;color:#1a1a1a;}
.list_last_layer_con .swp_title{font-size:18px;color:#1a1a1a;line-height:1.1;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;white-space:nowrap;}
.list_last_layer_con .swp_title b{display:inline-block;min-width:0;text-overflow:ellipsis;overflow:hidden;}
.list_last_layer_con .list_last_ly_swp{position:relative;text-align:left;margin-top:22px;}
.list_last_layer_con .list_last_swiper{position:static;margin-top:15px;}
.list_last_layer_con .swiper-slide{width:120px;margin-right:8px;}
.list_last_layer_con .swiper-slide:last-child{margin-right:0;}
.list_last_layer_con .swiper-slide a{display:block;}
.list_last_layer_con .thumbn_area{position:relative;}
.list_last_layer_con .thumbn_area:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd;box-sizing:border-box;z-index:5;}
.list_last_layer_con .thumbn_logo{position:absolute;top:0;left:0;right:0;bottom:0;width:50px;margin:auto;z-index:1;}
.list_last_layer_con .thumbn_img{position:relative;height:168px;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:2;}
.list_last_layer_con .swiper-slide .con_txt{padding:8px 4px 0;}
.list_last_layer_con .swiper-slide .con_title{font-size:14px;font-weight:700;color:#2c2c2c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list_last_layer_con .list_last_swp_btn{position:absolute;top:50%;width:18px;height:18px;cursor:pointer;z-index:20;margin-top:-12px;}
.list_last_layer_con .list_last_prev_btn{left:0;background:url("https://cdn.metoon.co.kr/img/icon_list_last_prev.png") no-repeat left center;margin-left:-18px;}
.list_last_layer_con .list_last_next_btn{right:0;background:url("https://cdn.metoon.co.kr/img/icon_list_last_next.png") no-repeat right center;margin-right:-18px;}
.list_last_layer_con .update_info{padding:18px 20px 20px;background-color:#f9f9f9;text-align:center;}
.list_last_layer_con .update_info p{font-size:18px;color:#5c5b5b;}
.list_last_layer_con .update_info .ft-blue{color:#242bc2;}
.list_last_layer_con .btn_update_info, .remake_last_layer_con .btn_remake_last{display:block;width:94%;max-width:300px;height:60px;line-height:60px;border-radius:30px;font-size:20px;color:#fff;font-weight:700;text-align:center;background-color:#d52b2c;margin:15px auto 0;}
.list_last_layer_con .btn_update_info.completed{background-color:#dcdcdc;}
.list_last_layer_con .btn_update_info i{display:inline-block;padding-left:24px;background:url("https://cdn.metoon.co.kr/img/icon_list_last_bell.png") no-repeat left center;vertical-align:top;}
.remake_last_layer_con dt{font-size:30px;font-weight:700;color:#1a1a1a;line-height:1.1;}
.remake_last_layer_con dd{font-size:18px;color:#5c5b5b;line-height:1.4;margin-top:12px;}
/* 팝업 fade animation */
.modal-fade{opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s;}
.modal-fade .modal-fade-item{-webkit-transform:translateY(-20%);transform:translateY(-20%);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
.modal-fade.open{opacity:1;}
.modal-fade.open .modal-fade-item{-webkit-transform:translateY(0);transform:translateY(0);}
.scr-lock{position:relative;overflow:hidden;}
.layer_vert_center_wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10001;}
.layer_vert_center_wrap:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-5px;}
.layer_vert_center{position:relative;display:inline-block;text-align:left;vertical-align:middle;z-index:10;}
/* 회원가입 - 알림톡 발송 내용 레이어 팝업 */
.layer_tip_alimtok .layer_vert_center{background-color:#fff;border-radius:6px;overflow:hidden;}
.layer_tip_alimtok .ly_alimtok_content{padding:20px 20px;font-size:14px;line-height:1.5;text-align:center;}
.layer_tip_alimtok .ly_alimtok_content .alimtok_ttl{font-weight:700;}
.layer_tip_alimtok .ly_alimtok_content .alimtok_ttl + p{margin-top:6px;}
.layer_tip_alimtok .ly_alimtok_content .alimtok_ttl ~ p{color:#4a4a4a;}
.layer_tip_alimtok .btn_tip_alimtok{display:block;height:40px;line-height:40px;font-size:16px;font-weight:700;color:#fff;text-align:center;background-color:#1a1a1a;}
/* 영화 - 메인, 리스트 페이지 */
#container_renew .ml_top5_wrap.ml_cinema_wrap .ml_title:not(.noCateMg){margin-bottom:26px;}
#container_renew .ml_container img.loadpre_logo, #container .ml_container img.loadpre_logo,#contents_wrap .sub_list img.loadpre_logo, .main_best_swp .main_best_list img.loadpre_logo{position:absolute;top:0;left:0;right:0;bottom:0;width:60px;z-index:1;margin:auto;}
#container_renew .ml_top5_wrap.ml_cinema_wrap .ml_container li .thumb_img,#container .ml_top5_wrap.ml_cinema_wrap .ml_container li .thumb_img{height:310px;}
#container_renew .ml_cinema_wrap .rank{background-color:#ed1c24;}
#container_renew .ml_container .info_genre, #contents_wrap .sub_list li .info_genre{font-size:12px;color:#777;padding-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#container_renew .ml_top5_wrap.ml_cinema_wrap .ml_container .ml-button{top:126px;}
/* 메인 - 카테고리 탭메뉴 */
#container_renew .ml_wrap .ml_swp_menu_sec,#container .ml_wrap .ml_swp_menu{position:absolute;top:0;right:0;}
#container .ml_wrap .ml_swp_menu{font-size:0;}
#container_renew .ml_wrap .ml_swp_menu_sec:after{content:"";display:block;clear:both;}
.ml_swp_menu_sec .ml_swp_menu, .ml_swp_menu_sec .ml_swp_menu_tgg{float:left;}
#container_renew .ml_wrap .ml_swp_menu a,#container .ml_wrap .ml_swp_menu a, .ml_swp_menu_sec .btn_ml_swp_menu_tgg{display:inline-block;padding:0 14px;height:30px;line-height:30px;border:1px solid #d2d2d2;border-radius:16px;font-size:16px;color:#464646;vertical-align:top;box-sizing:content-box;margin-left:4px;}
#container_renew .ml_wrap .ml_swp_menu a:first-child,#container .ml_wrap .ml_swp_menu a:first-child{margin-left:0;}
#container_renew .ml_wrap .ml_swp_menu a.on,#container .ml_wrap .ml_swp_menu a.on{background-color:#ef2a23;border-color:#ef2a23;font-weight:bold;color:#fff;}
.ml_swp_menu_sec .ml_swp_menu{margin-left:10px;}
.ml_swp_menu_sec .btn_ml_swp_menu_tgg{display:block;padding:0 20px;height:32px;font-size:14px;background-color:transparent;box-shadow:none;}
.ml_swp_menu_sec .btn_ml_swp_menu_tgg[disabled]{cursor:wait;}
.ml_swp_menu_sec .btn_ml_swp_menu_tgg span{display:inline-block;cursor:inherit;}
.ml_swp_menu_sec .btn_ml_swp_menu_tgg .txt_new{margin-right:3px;}
.ml_swp_menu_sec .btn_ml_swp_menu_tgg .txt_new + span{color:#ef2a23;}
/* 메인 - best 작품 */
.container_renew_main .ml_container{min-height:320px;}
.main_best_swp{visibility:hidden;}
.main_best_swp .swiper-slide{width:353px;}
.main_best_swp .title_area{position:relative;line-height:20px;padding-left:12px;}
.main_best_swp .title_area:before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:3px;height:14px;background-color:#d32b2b;margin:-7px 0 0 1px;}
.main_best_swp .title_area:after{content:"";display:block;clear:both;}
.main_best_swp .title_area .ttl{float:left;font-size:16px;font-weight:bold;}
.main_best_swp .title_area a{float:right;display:inline-block;font-size:13px;color:#959595;}
.main_best_swp .title_area a:after{content:">";display:inline-block;padding-left:5px;font-size:11px;vertical-align:top;}
.main_best_swp a span, .main_best_swp a p, .main_best_swp a img, .main_best_swp a i{cursor:inherit;}
.main_best_swp .main_best_list{margin-top:20px;}
.main_best_swp .main_best_list li + li{margin-top:16px;}
.main_best_swp .main_best_list a{position:relative;display:table;table-layout:fixed;width:100%;cursor:pointer;}
.main_best_swp .main_best_list .thumbnail_area, .main_best_swp .main_best_list .con_text_area{position:relative;display:table-cell;vertical-align:middle;}
.main_best_swp .main_best_list .thumbnail_area{width:84px;}
.main_best_swp .main_best_list .thumbnail{position:relative;width:100%;height:84px;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:10;}
.main_best_swp .main_best_list .icon_19_new, .main_best_swp .main_best_list .icon_15_new{top:3px;right:3px;}
.main_best_swp .main_best_list .con_text_area{padding-left:48px;line-height:1.3;}
.main_best_swp .main_best_list .rank{display:block;position:absolute;top:50%;left:0;width:20px;font-size:15px;font-weight:bold;text-align:center;line-height:20px;margin:-10px 0 0 14px;}
.main_best_swp .main_best_list .con_title{font-size:14px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_best_swp .main_best_list .con_author{font-size:12px;color:#535353;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:12px;}
.main_best_swp .main_best_list .con_info_chapter{font-size:12px;color:#777;margin-top:6px;}
.main_best_swp .main_best_list .con_info_chapter span{display:inline-block;vertical-align:top;}
.main_best_swp .main_best_list .zzim_n{float:none;color:inherit;margin-left:30px;}
.my_lib_thumb19{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://cdn.metoon.co.kr/img/list19_blind_mark.png") no-repeat center 20%, #fff;background-size:38.732%;}

/* 영화 프라임 결제 레이어 팝업 */
#cinePrime_pay_layer, #cinePrime_free_layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:100004;}
#cinePrime_pay_layer:before, #cinePrime_free_layer:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;margin-left:-5px;}
#cinePrime_pay_layer .layer_back, #cinePrime_free_layer .layer_back{background-color:rgba(0, 0, 0, .8);}
#cinePrime_pay_layer .cinePrime_pay_layer, #cinePrime_free_layer .cinePrime_free_layer{position:relative;display:inline-block;width:96%;max-width:610px;max-width:540px;max-height:92%;text-align:left;color:#14122d;letter-spacing:-0.02em;background-color:#eee;padding:48px 20px 32px;vertical-align:middle;z-index:10;overflow-x:hidden;overflow-y:auto;}
.cinePrime_pay_layer .font-skew, .cinePrime_free_layer .font-skew{display:inline-block;-webkit-transform:skew(-0.04deg);-ms-transform:skew(-0.04deg);transform:skew(-0.04deg);}
.cinePrime_pay_layer .close_btn, .cinePrime_free_layer .close_btn{position:absolute;top:22px;right:24px;display:block;width:21px;height:21px;background:url("https://cdn.metoon.co.kr/img/ic_fulp_x_blue.png") no-repeat center;background-size:100%;z-index:10;}
.cinePrime_pay_layer .title, .cinePrime_free_layer .title{padding:0 10px;}
.cinePrime_pay_layer .title img, .cinePrime_pay_layer .title span, .cinePrime_free_layer .title img, .cinePrime_free_layer .title span{vertical-align:middle;}
.cinePrime_pay_layer .title span, .cinePrime_free_layer .title span{font-size:24px;font-weight:700;line-height:1;}
.cinePrime_pay_layer .title .small, .cinePrime_free_layer .title .small{font-size:.76em;}
.cinePrime_pay_layer .dep_top ul, .cinePrime_free_layer .dep_top ul{border-top:1px solid #acacb4;border-bottom:1px solid #acacb4;padding:24px 20px;margin-top:24px;}
.cinePrime_pay_layer .dep_top li, .cinePrime_free_layer .dep_top li{position:relative;padding-left:34px;font-size:17px;line-height:1.5;margin-top:5px;}
.cinePrime_pay_layer .dep_top li:before, .cinePrime_free_layer .dep_top li:before{content:"+";display:inline-block;position:absolute;top:0;left:0;width:20px;height:20px;line-height:20px;background-color:#14122d;color:#fff;text-align:center;border-radius:100%;margin-top:3px;}
.cinePrime_pay_layer .disp_amount, .cinePrime_free_layer .disp_amount{font-size:24px;line-height:57px;padding:0 12px;border-bottom:1px solid #14122d;overflow:hidden;}
.cinePrime_pay_layer .disp_amount .txt, .cinePrime_free_layer .disp_amount .txt{float:left;display:inline-block;}
.cinePrime_pay_layer .disp_amount .cost, .cinePrime_free_layer .disp_amount .cost{float:right;display:inline-block;font-weight:700;}
.cinePrime_pay_layer .dep_bt, .cinePrime_free_layer .dep_bt{margin-top:36px;}
.cinePrime_pay_layer .payment_select, .cinePrime_free_layer .payment_select{overflow:hidden;margin-top:24px;}
.cinePrime_pay_layer .pay_item, .cinePrime_free_layer .pay_item{float:left;position:relative;width:244px;width:-webkit-calc((100% - 11px) / 2);width:-moz-calc((100% - 11px) / 2);width:calc((100% - 11px) / 2);overflow:hidden;}
.cinePrime_pay_layer .pay_item:nth-child(2n), .cinePrime_free_layer .pay_item:nth-child(2n){margin-left:10px;}
.cinePrime_pay_layer .pay_item:nth-child(n + 3), .cinePrime_free_layer .pay_item:nth-child(n + 3){margin-top:10px;}
.cinePrime_pay_layer .pay_item input[type="radio"], .cinePrime_free_layer .pay_item input[type="radio"]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;clip:rect(1, 1, 1, 1);clip:rect(1px, 1px, 1px, 1px);z-index:-1;}
.cinePrime_pay_layer .pay_item input[type="radio"] + label, .cinePrime_pay_layer .pay_item a, .cinePrime_free_layer .pay_item input[type="radio"] + label, .cinePrime_free_layer .pay_item a{position:relative;display:block;width:100%;height:62px;line-height:62px;/* font-size:14px; */font-size:17px;text-align:center;background-color:#fff;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.cinePrime_free_layer .pay_item a{height:54px;line-height:54px;}
.cinePrime_free_layer .pay_item .sel_skt{filter:grayscale(1);color:#474747;opacity:.65;}
.cinePrime_free_layer .sel_icon img, .cinePrime_free_layer .sel_icon span{vertical-align:middle;}
.cinePrime_free_layer .sel_icon img{height:21px;margin-right:8px;}
.cinePrime_pay_layer .sel_phone span, .cinePrime_free_layer .sel_phone span{background:url("https://cdn.metoon.co.kr/mimg/ic_cfs_fillhp.png/me/resize/x42") no-repeat left center;background-size:auto 21px;padding-left:22px;}
.cinePrime_pay_layer .sel_card span, .cinePrime_free_layer .sel_card span{background:url("https://cdn.metoon.co.kr/mimg/ic_cfs_card.png") no-repeat left 47%;background-size:auto 21px;padding-left:48px;margin-left:-12px;}
.cinePrime_pay_layer .pay_item input[type="radio"] + label:before, .cinePrime_pay_layer .pay_item a:before, .cinePrime_free_layer .pay_item input[type="radio"] + label:before, .cinePrime_free_layer .pay_item a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #a0a0a0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cinePrime_pay_layer .pay_item.npay input[type="radio"] + label, .cinePrime_pay_layer .pay_item.npay a, .cinePrime_free_layer .pay_item.npay input[type="radio"] + label, .cinePrime_free_layer .pay_item.npay a{background-image:url("https://cdn.metoon.co.kr/img/fulp_npay_logo.png");background-color:#00cd34;}
.cinePrime_pay_layer .pay_item.npay input[type="radio"] + label:before, .cinePrime_pay_layer .pay_item.npay a:before, .cinePrime_free_layer .pay_item.npay input[type="radio"] + label:before, .cinePrime_free_layer .pay_item.npay a:before{border-color:#00a42a;}
.cinePrime_pay_layer .pay_item.kakao input[type="radio"] + label, .cinePrime_pay_layer .pay_item.kakao a, .cinePrime_free_layer .pay_item.kakao input[type="radio"] + label, .cinePrime_free_layer .pay_item.kakao a{background-image:url("https://cdn.metoon.co.kr/img/fulp_kakao_logo.png/me/resize/x20");background-color:#ffdf00;background-position:48% 52%;}
.cinePrime_pay_layer .pay_item.kakao input[type="radio"] + label:before, .cinePrime_pay_layer .pay_item.kakao a:before, .cinePrime_free_layer .pay_item.kakao input[type="radio"] + label:before, .cinePrime_free_layer .pay_item.kakao a:before{border-color:#dbbf00;}
.cinePrime_pay_layer .pay_item input[type="radio"]:checked + label:before, .cinePrime_pay_layer .pay_item a.selected:before, .cinePrime_free_layer .pay_item input[type="radio"]:checked + label:before, .cinePrime_free_layer .pay_item a.selected:before{border-width:2px;border-color:#e52222;}
.cinePrime_pay_layer .premem_pay_btn, .cinePrime_free_layer .premem_pay_btn{display:block;width:96%;max-width:420px;height:70px;line-height:70px;border-radius:24px;background-color:#14122d;border:0 none;font-size:24px;color:#fff;text-align:center;padding:0 20px;margin:34px auto 0;}
.cinePrime_pay_layer .premem_pay_btn, .cinePrime_pay_layer .pay_item span, .cinePrime_free_layer .premem_pay_btn, .cinePrime_free_layer .pay_item span{cursor:pointer;}
.cinePrime_pay_layer .cinePrime_payl_info, .cinePrime_free_layer .cinePrime_payl_info{padding:0 18px;color:#4a476a;opacity:.5;margin-top:34px;}
.cinePrime_pay_layer .cinePrime_payl_info p, .cinePrime_free_layer .cinePrime_payl_info p{font-size:14px;margin-bottom:6px;}
.cinePrime_pay_layer .cinePrime_payl_info li, .cinePrime_free_layer .cinePrime_payl_info li{position:relative;font-size:12px;line-height:1.5;padding-left:8px;margin-top:4px;}
.cinePrime_pay_layer .cinePrime_payl_info li:before, .cinePrime_free_layer .cinePrime_payl_info li:before{content:"-";position:absolute;top:0;left:0;}
.cinePrime_pay_layer .cost del, .cinePrime_free_layer .cost del{position:relative;font-size:0.62em;color:#4a4a4a;vertical-align:middle;text-decoration:none;}
.cinePrime_pay_layer .cost ins b, .cinePrime_free_layer .cost ins b{font-size:1.15em;font-weight:800;}
.cinePrime_pay_layer .cost .small, .cinePrime_free_layer .cost .small{font-size:.78em;}
.cinePrime_pay_layer .cost del:before, .cinePrime_free_layer .cost del:before{content:"";display:block;position:absolute;top:50%;left:0;right:0;height:2px;background-color:#dc2e2e;opacity:.8;margin:0 -2px;}
.cinePrime_pay_layer .cost ins, .cinePrime_free_layer .cost ins{text-decoration:none;vertical-align:middle;}
.cinePrime_pay_layer .cost .arrow, .cinePrime_free_layer .cost .arrow{position:relative;display:inline-block;width:22px;height:1px;background-color:#9a9a9a;vertical-align:middle;opacity:.8;margin:0 18px 0 10px;}
.cinePrime_pay_layer .cost .arrow:before, .cinePrime_free_layer .cost .arrow:before{content:"";display:block;position:absolute;top:50%;left:100%;border-left:8px solid #9a9a9a;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-top:-4.5px;}
/* 디테일 - 후원하기 */
.brl_container .brl_support_container button{font-family:inherit;}
.brl_container .brl_support_container ~ .brl_wrapper{margin-top:10px;}
.brl_support_container{width:280px;border:1px solid #ddd;background-color:#fff;}
.brl_support_container .menu_group{padding:4px 20px 0;}
.brl_support_container .menu_group:after{content:"";display:block;clear:both;}
.brl_support_container .menu_group button{float:left;position:relative;display:block;width:50%;height:40px;line-height:40px;background-color:#fff;border:0 none;border-bottom:1px solid #d1d1d1;font-size:15px;color:#676767;text-align:center;}
.brl_support_container .menu_group .point{position:relative;}
.brl_support_container .menu_group .point:before{content:"";display:block;position:absolute;bottom:100%;left:100%;width:4px;height:4px;border-radius:100%;background-color:#ef2a23;margin:0 0 -2px 5px;}
.brl_support_container .menu_group button.on{color:#2c2c2c;}
.brl_support_container .menu_group button.on:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#e03e3e;bottom:-1px;}
.brl_support_container .brl_supp_sec{padding:0 20px 18px;font-weight:normal;letter-spacing:-0.02em;margin-top:12px;}
.brl_support_container .btn_support_me{display:block;width:100%;height:40px;line-height:40px;border:0 none;border-radius:3px;background-color:#e03e3e;font-size:15px;color:#fff;text-align:center;}
.brl_support_container .brl_supp_list{margin-top:9px;}
.brl_support_container .brl_supp_list .supp-swiper{position:relative;max-height:280px;overflow:hidden;}
.brl_support_container .supp-swiper .supp-swiper-wrapper, .brl_support_container .supp-swiper .supp-swiper-slide{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;}
.brl_support_container .supp-swiper .supp-swiper-wrapper{position:relative;z-index:1;-webkit-box-sizing:content-box;box-sizing:content-box;}
.brl_support_container ul li.empty{line-height:24px;font-size:14px;color:#676767;text-align:center;padding-top:5px;}
.brl_support_container .list_ranking .supp_item_tb{display:table;table-layout:fixed;width:100%;}
.brl_support_container .list_ranking .supp_item_td{position:relative;display:table-cell;width:100%;padding:4px 0;height:28px;font-size:13px;color:#2c2c2c;vertical-align:middle;}
.brl_support_container .list_ranking .supp_item_td:first-child{width:34px;color:#676767;text-align:center;}
.brl_support_container .list_ranking .supp_item_td:nth-child(2){padding:0 6px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.brl_support_container .list_ranking .supp_item_td:last-child{width:65px;text-align:right;}
.brl_support_container .list_ranking .ico_supp_rank, .brl_support_container .list_ranking .nickn{vertical-align:middle;}
.brl_support_container .list_ranking li.private .nickn{color:#707070;}
.brl_support_container .list_ranking .ico_supp_rank{display:inline-block;width:15px;height:15px;background-repeat:no-repeat;background-position:center;margin-right:2px;}
.brl_support_container .list_ranking .ico_supp_rank.cup1{background-image:url("https://cdn.metoon.co.kr/img/ico_support_cup1.png");}
.brl_support_container .list_ranking .ico_supp_rank.medal1{background-image:url("https://cdn.metoon.co.kr/img/ico_support_medal1.png");}
.brl_support_container .list_ranking .ico_supp_rank.medal2{background-image:url("https://cdn.metoon.co.kr/img/ico_support_medal2.png");}
.brl_support_container .list_ranking .ico_supp_rank.medal3{background-image:url("https://cdn.metoon.co.kr/img/ico_support_medal3.png");}
.brl_support_container .list_ranking .ico_supp_rank.emb_red, .brl_support_container .list_ranking .ico_supp_rank.emb_yellow, .brl_support_container .list_ranking .ico_supp_rank.emb_orange, .brl_support_container .list_ranking .ico_supp_rank.emb_gray{margin-left:-2px;}
.brl_support_container .list_ranking .ico_supp_rank.emb_red{background-image:url("https://cdn.metoon.co.kr/img/ico_support_emb_red.gif");}
.brl_support_container .list_ranking .ico_supp_rank.emb_yellow{background-image:url("https://cdn.metoon.co.kr/img/ico_support_emb_yellow.gif");}
.brl_support_container .list_ranking .ico_supp_rank.emb_orange{background-image:url("https://cdn.metoon.co.kr/img/ico_support_emb_dah.png");}
.brl_support_container .list_ranking .ico_supp_rank.emb_gray{background-image:url("https://cdn.metoon.co.kr/img/ico_support_emb_gray.png");}
/* 디테일 - 내 후원 내역 */
.brl_support_container .supp-swiper-history:not(.no-cover):before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5) 62%, rgba(255, 255, 255, 0));z-index:2;}
.brl_support_container .list_history li{position:relative;border-top:1px solid #eaeaea;}
.brl_support_container .list_history li:not(.empty){padding:9px 0;font-size:12px;color:#2c2c2c;line-height:1.45;}
.brl_support_container .list_history li:first-child, .brl_support_container .list_history li:only-child{padding-top:4px;border-top:0 none;}
.brl_support_container .list_history li:last-child{padding-bottom:4px;}
.brl_support_container .list_history .histr_head{display:table;table-layout:fixed;width:100%;}
.brl_support_container .list_history .histr_grade, .brl_support_container .list_history .histr_user{position:relative;display:table-cell;vertical-align:middle;}
.brl_support_container .list_history .histr_grade{width:20px;}
.brl_support_container .list_history .histr_grade img{display:block;max-width:100%;margin:0 auto;}
/* .brl_support_container .list_history .histr_user{padding-left:4px;} */
.brl_support_container .list_history .histr_user_inner{display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;}
.brl_support_container .histr_user .nickname{-webkit-flex-shrink:1;-ms-flex:0 1 auto;flex-shrink:1;line-height:20px;font-size:13px;text-overflow:ellipsis;overflow:hidden;}
.brl_support_container .histr_user .date{padding-left:8px;font-size:11px;color:#676767;padding-bottom:2px;text-align:right;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-self:flex-end;align-self:flex-end;}
.brl_support_container .histr_user .coin{padding-left:6px;}
.brl_support_container .histr_user .coin em{display:inline-block;min-width:46px;height:20px;line-height:20px;padding:0 5px;border-radius:3px;background-color:#efefef;font-size:11px;text-align:center;vertical-align:top;}
.brl_support_container .supp_item_history .histr_content_txt{margin-top:9px;}
.brl_support_container .supp_item_reply{position:relative;padding-left:25px;overflow:hidden;margin-top:10px;}
.brl_support_container .supp_item_reply:before{content:"";display:block;position:absolute;top:0;left:0;width:10px;height:10px;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;margin:3px 0 0 8px;box-sizing:border-box;}
.brl_support_container .supp_item_reply .histr_re_nick{float:left;color:#e03e3e;margin-right:4px;}
.brl_support_container .supp_btn_area{margin-top:10px;}
.brl_support_container .supp_btn_area:after{content:"";display:block;clear:both;}
.brl_support_container .supp_btn_area .btn-supp-swp{float:left;position:relative;display:block;width:50%;height:36px;background:#fff;border:1px solid #ddd;background-repeat:no-repeat;background-position:center;background-image:url("https://cdn.metoon.co.kr/img/ico_suppswp_up.png?1");box-sizing:border-box;}
.brl_support_container .supp_btn_area .btn-supp-swp ~ .btn-supp-swp{border-left:0 none;background-image:url("https://cdn.metoon.co.kr/img/ico_suppswp_down.png?1");}
.brl_support_container .supp_btn_area .btn-supp-swp-disabled{cursor:not-allowed;}
/* .brl_support_container .brl_supp_list .btn_supp_more{display:block;width:100%;height:38px;line-height:38px;border:1px solid #ddd;border-radius:3px;background-color:#fff;font-size:14px;margin-top:12px;}
.brl_support_container .brl_supp_list .btn_supp_more span{position:relative;cursor:inherit;margin-left:-4px;}
.brl_support_container .brl_supp_list .btn_supp_more span:before{content:"";display:block;position:absolute;top:50%;left:100%;width:10px;height:10px;background:url("https://cdn.metoon.co.kr/img/menv/ico_more_arrd.png") no-repeat center;background-size:100%;margin:-5px 0 0 7px;} */
/* 레이어 팝업 공통 - 화면 기준 가운데 수평 정렬 */
.layer-vert-container{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10001;}
.layer-vert-container:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.layer-vert-container .layer-vert-item{position:relative;display:inline-block;max-height:88%;vertical-align:middle;z-index:10;}
/* 레이어 팝업 공통 - 레이어 팝업 fade transition */
.layer-slide .layer-slide-item{opacity:.2;-webkit-transform:translateY(-150px);transform:translateY(-150px);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.layer-slide .layer_back{opacity:.4;-webkit-transition:opacity .2s;transition:opacity .2s;}
.layer-slide.act .layer-slide-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.layer-slide.act .layer_back{opacity:1;}
.clearFix:after{content:"";display:block;clear:both;}
.layer-vert-container button{font-family:inherit;}
/* 작가 후원하기 레이어 팝업 */
#layer_support_author .layer-vert-item{width:95%;max-width:476px;background-color:#fff;border:1px solid #a1a1a1;font-weight:normal;text-align:left;letter-spacing:-0.02em;}
#layer_support_author .hgroup{padding:20px 25px 17px;border-bottom:1px solid #eee;}
#layer_support_author .hgroup h2{font-size:18px;color:#e03e3e;}
#layer_support_author .hgroup p{font-size:14px;color:#a1a1a1;line-height:1.4;margin-top:10px;}
#layer_support_author .btn_close{display:block;position:absolute;top:0;right:0;width:18px;height:18px;background:url("https://cdn.metoon.co.kr/mimg/ic_fulp_x_blue_m.png") no-repeat center;background-size:100%;margin:18px 18px 0 0;}
#layer_support_author .supp_auth_content{padding:16px 25px 25px;font-size:14px;}
#layer_support_author .supp_auth_tb{/* display:table;table-layout:fixed; */width:100%;}
#layer_support_author .supp_auth_row{/* display:table-row; */overflow:hidden;}
#layer_support_author .supp_auth_row + .supp_auth_row{padding-top:8px;}
#layer_support_author .supp_auth_cell{/* display:table-cell;vertical-align:middle; */line-height:36px;}
#layer_support_author .supp_auth_cell.name{float:left;width:80px;padding-right:15px;}
#layer_support_author .supp_auth_cell ~ .supp_auth_cell{float:right;font-size:0;text-align:right;}
#layer_support_author .supp_auth_cell p, #layer_support_author .supp_auth_cell span, #layer_support_author .supp_auth_cell a, #layer_support_author .supp_auth_cell input[type="text"]{font-size:14px;vertical-align:top;}
#layer_support_author .supp_auth_cell input[type="text"]{display:inline-block;width:220px;height:36px;border:1px solid #eee;background-color:#f6f6f6;padding:0 12px;text-align:right;}
#layer_support_author .supp_auth_cell input[type="text"] + span{display:inline-block;color:#707070;line-height:36px;padding-left:10px;}
#layer_support_author .supp_auth_cell .user_coin{display:inline-block;}
#layer_support_author .supp_auth_cell .btn_coin_fill{display:inline-block;padding:0 14px;height:24px;line-height:24px;color:#fff;background-color:#e03e3e;border-radius:3px;margin-left:10px;}
#layer_support_author .supp_auth_wrt_area{margin-top:8px;}
#layer_support_author .vrcml_txt_field textarea{width:100%;resize:none;background-color:#fff;font-family:inherit;font-size:14px;line-height:1.7;border:1px solid #d0d0d0;border-radius:5px;padding:6px 10px;box-sizing:border-box;vertical-align:top;}
#layer_support_author .vrcml_txt_field textarea::placeholder{font-weight:300;color:#a7a7a7;}
#layer_support_author .vrcml_txt_panel{text-align:right;font-size:12px;font-weight:300;color:#707070;margin-top:4px;}
#layer_support_author .vrcml_txt_panel p span{color:#e03e3e;}
#layer_support_author .supp_auth_coin_select{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:5px;}
#layer_support_author .supp_auth_coin_select .btn_coin_select{-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;padding:0 10px;height:30px;line-height:28px;border:1px solid #f6f6f6;background-color:#f6f6f6;font-size:14px;color:#707070;white-space:nowrap;margin-top:5px;}
#layer_support_author .supp_auth_coin_select .btn_coin_select ~ .btn_coin_select{margin-left:5px;}
#layer_support_author .supp_auth_coin_select .btn_coin_select.selected{border-color:#e03e3e;font-weight:500;color:#e03e3e;}
#layer_support_author .btn_group{margin-top:15px;}
#layer_support_author .btn_confirm_support{float:left;display:block;width:-webkit-calc(100% - 157px);width:-moz-calc(100% - 157px);width:calc(100% - 157px);height:48px;line-height:48px;border-radius:3px;background-color:#e03e3e;border:0 none;/* border-bottom:3px solid #193b80; */font-size:16px;color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#layer_support_author .btn_confirm_support.fill{width:150px;background-color:#707070;border-color:#5e5e5e;margin-left:7px;}
/* #layer_support_author .btn_confirm_support:hover{background-color:#193b80;}
#layer_support_author .btn_confirm_support.fill:hover{background-color:#5e5e5e;} */
#layer_support_author .btn_confirm_support:only-child{width:100%;margin:0;}

/* 레이어 팝업 공통 - 화면 기준 가운데 수평 정렬 */
.layer_vert_container{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:10001;}
.layer_vert_container:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.layer_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .6);z-index:1;}
.layer_vert_container .layer_vert_item{position:relative;display:inline-block;max-height:88%;vertical-align:middle;overflow:auto;z-index:10;box-shadow:6px 6px 12px rgba(0, 0, 0, 0.15);-webkit-overflow-scrolling:touch;}
/* 레이어 팝업 공통 - 레이어 팝업 fade transition */
.layer-slide .layer-slide-item{opacity:.2;-webkit-transform:translateY(-150px);transform:translateY(-150px);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.layer-slide .layer_bg{opacity:.4;-webkit-transition:opacity .2s;transition:opacity .2s;}
.layer-slide.act .layer-slide-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.layer-slide.act .layer_bg{opacity:1;}

/* 친구초대 앱 다운로드 팝업 */
#layer_invite_app .layer_vert_item{max-width:340px;width:94%;box-shadow:none;margin-top:-30px;}
.btn_close_ly_invite_app{display:block;position:absolute;top:14px;right:5px;width:26px;height:26px;border-radius:100%;border:1px solid #E2E2E2;background:url("https://cdn.metoon.co.kr/img/menv/ico_x_smaller.png") no-repeat center, #fff;background-size:12px;}
.layer_invite_app_down_bg{display:block;max-width:100%;}
.ly_invite_app_btns{position:absolute;bottom:0;left:0;right:0;padding:0 12.941% 11.765% 15.294%;}
.ly_invite_app_btns a{position:relative;display:block;width:100%;height:0;padding-bottom:17.028%;margin-top:2%;}

/* 친구초대 공유하기 팝업 */
.btn_close_ly_invite_share{float:right;position:-webkit-sticky;position:sticky;top:15px;right:18px;background-color:#fff;border:0 none;}
.btn_close_ly_invite_share img{display:block;width:14px;cursor:inherit;}
#layer_invite_share .layer_vert_item{max-width:350px;width:94%;box-shadow:none;}
.layer_invite_share_cont{background-color:#fff;padding:18px 15px 22px;border-radius:24px;letter-spacing:-0.025em;}
.layer_invite_share_cont hgroup{text-align:center;}
.layer_invite_share_cont h2{font-size:30px;font-weight:500;color:#000;}
.layer_invite_share_cont h3{font-size:15px;font-weight:300;color:#575757;margin-top:12px;}
.ly_invite_share_list{display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;text-align:center;margin:17px auto 0;}
.ly_invite_share_list a{position:relative;display:inline-block;width:33.333%;max-width:110px;padding:10px 15px;box-sizing:border-box;-webkit-flex:1 0 106px;flex:1 0 106px;}
.ly_invite_share_list img{display:block;width:75px;margin:0 auto;cursor:inherit;}
.ly_invite_share_list span{display:block;padding-top:12px;font-size:13px;color:#575757;cursor:inherit;}

/* 레이어팝업(내 작품 리스트 - 완결, 삭제, 공유하기, 메세지 보기) */
.mn_confirm_layer_wrap, .mnv_common_layer_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:1001;}
.mn_confirm_layer_wrap:before, .mnv_common_layer_wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-4px;}
.mn_layer_back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .5);z-index:1;}
.mn_confirm_layer_wrap .mn_confirm_layer, .mnv_common_layer_wrap .mnv_common_layer{position:relative;display:inline-block;max-width:300px;width:96%;background:#fff;border-radius:6px;font-size:14px;vertical-align:middle;z-index:10;}
.mnv_common_layer_wrap .mnv_common_layer{border-radius:0;}
.exsave_list_layer .mnv_common_layer{max-width:340px;}
.mnv_common_layer .btn-close{position:absolute;top:14px;right:14px;display:block;width:14px;height:14px;background:url("https://cdn.metoon.co.kr/mimg/ic_hdtbnr_x.png") no-repeat center;background-size:100% auto;}
#mnl_share .mn_confirm_layer{max-width:320px;}
.mn_confirm_layer > .btn-close{position:absolute;top:-32px;right:0;display:block;width:26px;height:26px;}
.mn_confirm_layer > .btn-close:before, .mn_confirm_layer > .btn-close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:24px;height:2px;background-color:#fff;margin:-1px 0 0 -12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mn_confirm_layer > .btn-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mn_confirm_layer .mnl_contents{padding:24px 20px 20px;}
.mn_confirm_layer .mnl_text_area{line-height:1.5;}
#mnl_share .mnl_text_area > p{font-size:13px;}
.mnl_text_area .sym{position:relative;padding:12px 12px 12px 22px;text-align:left;background-color:#fbfbfb;border:1px solid #e4e4e4;margin-top:12px;}
.mnl_text_area .sym:before{display:inline-block;position:absolute;left:10px;}
.mnl_text_area .sym.circle:before{content:"";top:20px;width:6px;height:6px;border-radius:100%;background-color:#e05656;}
.mnl_text_area .sym b{font-size:14px;font-weight:500;}
#mnl_cfm_writer1 .sym b{display:block;margin-bottom:6px;}
#mnl_cfm_writer1 .sym b + em{font-size:13px;}
.mn_confirm_layer .mnl_btn_area{border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;}
.mn_confirm_layer [class^="btn-mnl"]{float:left;display:block;width:50%;height:36px;line-height:35px;background-color:#f4f4f4;color:#696969;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.mn_confirm_layer [class^="btn-mnl"] + [class^="btn-mnl"]{background-color:#2e2e2e;border-color:#2e2e2e;border-right:0 none;color:#fff;}
.mn_confirm_layer [class^="btn-mnl"]:only-child{width:100%;background-color:#3a3a3a;color:#fff;border-color:#3a3a3a;}
.mn_confirm_layer .mnl_cap_area{position:relative;margin-top:10px;}
#mnl_share .mnl_cap_area{/* margin-top:0;margin-bottom:12px; */padding:14px 10px;background-color:#f0f8fb;border:1px solid #8cbfd4;}
#mnl_share .mnl_cap_area p{font-size:16px;font-weight:500;color:#155e7d;margin-bottom:8px;}
#mnl_share .mnl_cap_area input[type="text"]{width:90%;text-align:center;color:#696969;background-color:#fcfeff;border-color:#dbdbdb;margin:0 auto;}
.mn_confirm_layer .cap_exp{display:block;width:100%;padding:0 10px;border:1px solid #dbdbdb;}
.mn_confirm_layer .cap_exp::placeholder{font-size:12px;color:#aaa;}
#mnl_share .mnl_btn_area{padding:0 12px 20px;}
#mnl_share .mnl_btn_area > p{position:relative;width:80%;height:1px;background-color:#dbdbdb;margin:10px auto 20px;}
#mnl_share .mnl_btn_area > p span{position:absolute;top:50%;left:50%;display:inline-block;padding:0 12px;background-color:#fff;font-weight:500;color:#222;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mnl_share [class^="btn-shr"]{float:left;display:table;table-layout:fixed;width:60px;width:calc((100% - 24px)/4);height:34px;border:1px solid #dbdbdb;border-radius:3px;}
#mnl_share [class^="btn-shr"] + [class^="btn-shr"]{margin-left:8px;}
#mnl_share [class^="btn-shr"] span{display:table-cell;font-size:13px;line-height:1.4;vertical-align:middle;cursor:pointer;}
.msg_view_layer .mnv_common_layer .btn-close, .settlist_layer .mnv_common_layer .btn-close{top:-30px;right:0;width:20px;height:20px;background:url("https://cdn.metoon.co.kr/mimg/ic_mnv_x_whb.png") no-repeat center;background-size:100% auto;}
.msg_viewl_contents, .stlst_contents{text-align:left;padding:20px 14px;}
.stlst_contents{text-align:center;}
.msg_viewl_contents .user, .stlst_contents .stlst_stat{font-size:15px;}
.msg_viewl_contents .msg_txt, .stlst_contents .stlst_txt{line-height:1.5;padding:10px;background-color:#f6fbff;white-space:pre-line;overflow-x:hidden;overflow-y:auto;max-height:380px;margin-top:14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
/* 레이어팝업(작가 홈) */
.wrt_st_layer_wrap{position:absolute;top:100%;left:0;width:100%;text-align:center;z-index:1001;margin-top:10px;}
.wrt_st_layer{position:relative;width:100%;background-color:#fff;padding:26px 10px 20px;box-shadow:1px 1px 4px rgba(0, 0, 0, .3);vertical-align:middle;overflow:hidden;}
.wrt_st_layer .empty_fd{display:table;table-layout:fixed;width:100%;height:110px;}
.wrt_st_layer .empty_fd p{display:table-cell;background-color:#f4f4f4;font-size:15px;color:#696969;vertical-align:middle;}
.wrt_st_layer .btn-stly-close{float:right;position:relative;display:inline-block;padding:0 12px 0 8px;height:24px;line-height:24px;border-radius:3px;background-color:#444;font-size:0;color:#fff;margin-top:16px;}
.wrt_st_layer .btn-stly-close span, .wrt_st_layer .btn-stly-close i{font-size:13px;vertical-align:middle;}
.wrt_st_layer .btn-stly-close i{position:relative;display:inline-block;width:14px;height:14px;margin-right:4px;}
.wrt_st_layer .btn-stly-close i:before, .wrt_st_layer .btn-stly-close i:after{content:"";display:block;position:absolute;top:50%;left:50%;width:12px;height:1px;background-color:#fff;margin:-0.5px 0 0 -6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.wrt_st_layer .btn-stly-close i:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.wrt_st_layer .wrt_stly_tb, .tb_contents .wrt_stly_tb{width:96%;table-layout:fixed;font-size:13px;text-align:center;border-top:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;margin:0 auto;}
.wrt_stly_tb tbody{background-color:#f6fbff;}
.wrt_stly_tb th, .wrt_stly_tb td{padding:10px 4px;}
.wrt_stly_tb th{color:#222;border-bottom:1px solid #a1a1a1;}
.wrt_stly_tb tr + tr td{border-top:1px solid #cacaca;}
.wrt_stly_tb td p{font-size:12px;line-height:1.4;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.tb_contents .wrt_stly_tb{width:100%;}
.wrt_st_layer .mn_paging_con{margin-top:16px;}
/* 레이어팝업(임시 저장글) */
.mnv_common_layer .mnvcl_exsave_list{padding:24px 20px 20px;text-align:left;}
.mnvcl_exsave_list .title{font-size:16px;font-weight:500;color:#e05656;}
.mnvcl_exsave_list .title + p{font-size:13px;color:#696969;line-height:1.4;margin-top:8px;}
.mnvcl_exsave_list .mnvcl_list{margin-top:18px;}
.mnvcl_exsave_list .mnvcl_list li{position:relative;margin-top:12px;}
.mnvcl_exsave_list .mnvcl_list li:first-child{margin-top:0;}
.mnvcl_exsave_list .mnvcl_list .btn-list-del{position:absolute;top:6px;right:6px;display:block;width:12px;height:12px;background:url("https://cdn.metoon.co.kr/mimg/ic_hdtbnr_x.png") no-repeat center;background-size:100% auto;z-index:10;}
.mnvcl_exsave_list .mnvcl_list a{display:block;padding:14px 12px;background-color:#fbfbfb;border:1px solid #ddd;text-align:center;}
.mnvcl_exsave_list .mnvcl_list span{display:inline-block;color:#555;vertical-align:middle;}
.mnvcl_exsave_list .mnvcl_list .time{padding-left:6px;}
.mnvcl_exsave_list .mnvcl_list .date{color:#1b769c;}
.main_invite_frd_bnr{position:relative;width:1180px;margin:0 auto 25px;}
.main_invite_frd_bnr_x{position:absolute;top:15px;right:20px;width:22px;border:0 none;background-color:transparent;}
.main_invite_frd_bnr_x img{display:block;max-width:100%;}
.main_invite_frd_bnr a{display:block;}
.main_invite_frd_bnr img{display:block;cursor:inherit;}

/* 콘텐츠/쿠폰 제휴문의 */
.asp_prtship_notice_ly{padding:20px 0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.asp_prtship_notice_ly .layer_bg{position:fixed;}
.asp_prtship_notice_ly .layer-vert-item{max-width:536px;max-height:none;background:url("https://cdn.metoon.co.kr/img/asp_partnership_rp.jpg") repeat-y;background-size:100% auto;}
.asp_prtship_noti_head{display:flex;padding:9px 15px;background-color:#141414;font-size:17px;color:#FFFFFF;}
.asp_prtship_noti_head .sym{padding-top:0.15em;padding-right:0.471em;font-size:0.7em;}
.asp_prtship_noti_head h2{font-size:inherit;font-weight:400;}
.asp_prtship_notice{position:relative;}
.asp_prtship_notice img{display:block;max-width:100%;margin:0 auto;}
.asp_prtship_close, .md_series_noti_close{position:-webkit-sticky;position:sticky;bottom:0;left:0;display:inline-block;padding:10px 20px;border:0 none;background-color:#E72442;font-size:15px;color:#FFFFFF;box-shadow:0 2px 6px rgba(0, 0, 0, 0.25);z-index:10;margin:30px auto;}
/* 연재문의 */
.md_series_notice_wrap{padding:15px 0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.md_series_notice_wrap .layer_bg{position:fixed;}
.md_series_notice_wrap .layer-vert-item{max-width:590px;width:95%;max-height:none;background:url("https://cdn.metoon.co.kr/img/md_series_qna_rp.jpg") repeat-y;background-size:100% auto;}
.md_series_notice{padding:20px;}
.md_series_notice img{display:block;max-width:100%;margin:0 auto;}
.md_series_noti_con{padding:35px 20px 20px;background-color:#4A2C12;color:#FFFFFF;text-align:left;margin-top:25px;}
.md_series_noti_category{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 10px;}
.md_series_noti_category .ttl, .md_series_noti_meth .ttl{display:inline-block;padding:9px 15px;border-radius:30px;background-color:#FFFFFF;font-size:15px;font-weight:700;color:#4A2C12;flex-shrink:0;}
.md_series_noti_category .ttl{transform:translateY(-25%);}
.md_series_noti_lists dl{position:relative;padding-left:10px;}
.md_series_noti_lists dl ~ dl{margin-top:10px;}
.md_series_noti_lists dt{font-size:15px;font-weight:700;margin-bottom:10px;}
.md_series_noti_lists dt span{padding-bottom:4px;border-bottom:1px solid #FFFFFF;}
.md_series_noti_lists dt::before{content:"·";position:absolute;top:0;left:0;}
.md_series_noti_lists dd, .md_series_noti_meth dd{font-size:12px;line-height:1.4;}
.md_series_noti_meth{position:relative;padding:32px 15px 20px;border:2px dotted #FFFFFF;margin-top:40px;}
.md_series_noti_meth .ttl{position:absolute;top:0;left:50%;transform:translate(-50%, -50%);}
.md_series_noti_meth dl ~ dl{margin-top:18px;}
.md_series_noti_meth dt{display:flex;align-items:center;flex-wrap:wrap;gap:5px 5px;font-size:15px;font-weight:700;color:#FFFFFF;margin-bottom:10px;}
.md_series_noti_meth dt span{display:inline-block;padding-bottom:3px;border-bottom:1px solid #FFFFFF;}
.md_series_noti_meth dt a{display:inline-block;padding:6px 12px;border:1px solid #FFFFFF;border-radius:30px;font-size:0.9em;color:inherit;transition:0.2s;}
.md_series_noti_meth dt a:hover{background-color:#FFFFFF;color:#4A2C12;}
.md_series_noti_meth dd{font-size:11px;}
.md_series_noti_close{display:inline-block;vertical-align:top;margin-top:0;margin-bottom:25px;}
/* 마이페이지 - KG 요금제 관련 안내 */
.my_data_notice{padding:20px 20px;font-size:13px;font-weight:400;color:#434343;}
.my_data_notice dt{display:flex;font-size:15px;margin-bottom:10px;}
.my_data_notice dt:before{content:"!";display:inline-block;width:15px;height:15px;line-height:14px;border:1px solid #434343;border-radius:100%;font-size:12px;font-weight:700;text-align:center;margin-right:8px;flex-shrink:0;}
.my_data_notice dd{padding-left:25px;color:#1D91C3;margin-top:4px;}
.my_data_notice dd a[href^="tel"]{color:inherit;}

@media all and (max-width:999px){
	/* 작가 후원하기 레이어 팝업 */
	#layer_support_author .hgroup{padding:20px 20px 10px;}
	#layer_support_author .hgroup p{font-size:13px;margin-top:5px;}
	#layer_support_author .supp_auth_content{padding:15px 20px 20px;}
	#layer_support_author .supp_auth_cell input[type="text"]{width:120px;}
	#layer_support_author .vrcml_txt_field textarea{font-size:12px;}
	#layer_support_author .supp_auth_coin_select .btn_coin_select{border-color:#eaeaea;}
	#layer_support_author .supp_auth_coin_select .btn_coin_select:nth-child(n + 4){-webkit-flex-basis:calc((100% - 5px) / 2);flex-basis:calc((100% - 5px) / 2);}
	#layer_support_author .supp_auth_coin_select .btn_coin_select:nth-child(4){margin-left:0;}
	#layer_support_author .btn_group{margin-top:10px;}
	#layer_support_author .btn_confirm_support{width:-webkit-calc(100% - 97px);width:calc(100% - 97px);height:42px;line-height:42px;font-size:15px;}
	#layer_support_author .btn_confirm_support.fill{width:90px;}
}