/* --------------------
COMMUNITY (¼­ºñ½º)
-------------------- */

#header .community_sub {background: #FCFCFE; border-bottom: 1px solid #DEDEDE; color: #58595B; text-align: center; letter-spacing: -0.5px;}		
#header .community_sub ul {height: 35px; overflow: hidden;}
#header .community_sub li {float: left; display: table; width: auto; height: 100%; overflow: hidden; font-size: 0; padding: 0 15px;}
#header .community_sub li a {display: table-cell; vertical-align: middle; position: relative; font-size: 1.4rem;}
#header .community_sub li a.on {color: #551A8B; font-weight: 650;}

#mPaging img {margin-top: 2px;}
#mPaging li a {font-size: 12px;}

.drag_block {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}

.ic_new {background: url(http://img.toto-romance.com/upfile/serial/icon/info_icon_new.jpg) no-repeat center center; display: inline-block; width: 20px; height: 20px; background-size: 16px; vertical-align: text-bottom; margin-left: 3px;}
.ic_adult {background: url(http://img.toto-romance.com/upfile/serial/icon/info_icon_19.png) no-repeat center center; display: inline-block; width: 20px; height: 20px; background-size: 16px; vertical-align: text-bottom; margin-left: 3px;}

.label_adult {width: 21px; height: 21px; border: 0 !important; position: absolute; top: 0; left: 0;}
.list_conts .serial_list th img.label_adult {width: 21px; height: 21px;}
#serialIntro .cover img.label_adult {width: 23px; height: 23px;}
 

#commSubMenu {margin: 15px 10px;}
#commSubMenu ul {display: block;}
#commSubMenu li {box-sizing: border-box; width: 25%; float: left; border: 1px solid #DEDEDE; border-right: 0;}
#commSubMenu li:last-child {border-right: 1px solid #DEDEDE;}
#commSubMenu li a {display: block; font-size: 1.4rem; display: block; height: 30px; line-height: 30px; text-align: center; background: #FAF8F9;}
#commSubMenu li .on {background: #949599; color: #FFF;}

#commSubMenu.menu2 li {width: 33.3%;}

#commSubMenu .subCommunityTabArea{width:100%; height:auto;}
#commSubMenu .subCommunityTabArea .subCommunityTab{width:75%; background-color:#fff; float:right;}
#commSubMenu .subCommunityTabArea .subCommunityTab li{border:none;}
#commSubMenu .subCommunityTabArea .subCommunityTab li a{background:none; text-align:right;}

#commSubMenuDesc {margin:0 10px 15px; font-size: 1.3rem;background:#FAF8F9;border: 1px solid #DEDEDE; box-sizing:border-box;padding:5px; line-height:1.3;}
#commSubMenuDesc strong {color: #FA8F05;}

#serialSort {padding: 0 10px 15px; text-align: right; font-size: 0;}
#serialSort a {font-size: 13px; color: #949599; margin-left: 10px;}
#serialSort .on {font-weight: 700; color: #59595B;}


/*½Å±Ô Ä¿¹Â´ÏƼ ¸Þ´ºÇüÅÂ*/
#commSubMenuWarp{width:100%; height:auto; background:#EEEEEE; padding-top:15px; padding-bottom: 10px;}
#commSubMenuNew {margin:0  10px;}
#commSubMenuNew ul {display: block;}
#commSubMenuNew li {box-sizing: border-box; width: 25%; float: left; border: 1px solid #E0E0E0; border-right: 0;}
#commSubMenuNew li:last-child {border-right: 1px solid #E0E0E0;}
#commSubMenuNew li a {display: block; font-size: 1.2rem; display: block; height: 30px; line-height: 30px; text-align: center; background: #F8F8F9; color:#A7A7A7;overflow:hidden;}
#commSubMenuNew li .on {background: #fff; color: #000;}
#serialSort2 {padding: 0  15px; text-align: right; font-size: 0; margin-top:10px;}
#serialSort2 .on {font-weight: 700; color: #E80E1F;}
#serialSort2 .on:before{content:"\2713";}
#serialSort2 a {font-size: 13px; color: #737883; margin-left: 10px;}

#commSubMenuNew2 {margin:0  10px;}
#commSubMenuNew2 ul {display: block;}
#commSubMenuNew2 li {box-sizing: border-box; width: 33.3333%; float: left; border: 1px solid #E0E0E0; border-right: 0;}
#commSubMenuNew2 li:last-child {border-right: 1px solid #E0E0E0;}
#commSubMenuNew2 li a {display: block; font-size: 1.4rem; display: block; height: 30px; line-height: 30px; text-align: center; background: #F8F8F9; color:#A7A7A7;}
#commSubMenuNew2 li .on {background: #fff; color: #000;}

/* °øÅë */
.icon_adult {width: 13px; height: 13px; margin-left: 3px;}
.icon_board {width: auto; height: 10px; margin-left: 3px; display: inline; vertical-align: middle;}
.icon_b_board {height: 1.6rem; vertical-align: top; margin-top: 0.2rem;}

textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

/* ÆòÁ¡ °øÅë */
.escore_area {width: 100%; font-size: 0; }
.escore_area span {display: inline-block; font-size: 1.2rem; vertical-align: middle;}
.escore_area .value {color: #FA8F05; font-weight: 600; margin: 0 5px;}
.escore_area .count {color: #949599;}
.escore_area .star img {width: 11px; margin-top: 2px;}
.escore_area .nick {padding-right: 20px; font-weight: 700;}

/* index */
.main_const {background: #FFF; padding: 15px 10px; margin-bottom: 15px; position: relative; clear: both;}
.main_const.back {background: #FAF8F9; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}

.main_const h1 {font-size: 1.6rem; margin-bottom: 13px; color: #000;}
.main_const h1 strong {color: #551A8B;}
.main_const h1 div {display:inline;}
.main_const h1 div img{height:16px;vertical-align:middle;filter: grayscale(100%);}
.main_const h1 div span{color: #59595B;}
.main_const h1 .on img{ filter:none;}
.main_const h1 .on span{color: #551A8B;}
.main_const h1 button {font-size: 1.2rem; position: absolute; top: 13px; right: 10px;color: #939598; border: 1px solid #DEDEDE; height: 25px; width: 85px; background: #FAF8F9;}
.main_const h1 button::after {content: ''; padding-right: 10px; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat right center; background-size: 90%; margin-left: 5px;}
.main_const h1 .btn_more {float: right; color: #939598; font-weight: normal; font-size: 1.3rem; margin-top: 0.3rem;}
.main_const h1 .btn_more::before {content:''; padding-left: 15px; background: url(http://img.toto-romance.com/upfile/icon/icon_gray_plus.png) no-repeat center 40%; background-size: 60%;}
.main_const h1 .btn_more img {height: 0.7rem; vertical-align: middle;}
.main_const h1 .btn_more span {vertical-align: middle; margin-left: 2px; display: inline-block;}
.main_const h1.keyword {margin-bottom: 5px;}

.main_const .best_wrap {}
.main_const .best_wrap h1 {font-size: 0; height: 25px; line-height: 25px; position: relative; margin-bottom: 7px;}
.main_const .best_wrap h1 img {height: 20px; vertical-align: middle; margin-right: 3px;}
.main_const .best_wrap h1 span {display: inline-block; vertical-align: middle; font-size: 1.6rem;}
.main_const .best_wrap strong {color: #551A8B;}
.main_const .best_wrap button {font-size: 1.2rem; position: absolute; top: 0; right: 0px; color: #939598; border: 1px solid #DEDEDE; height: 25px; width: 85px; background: #FAF8F9;}
.main_const .best_wrap button::after {content: ''; padding-right: 10px; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat right center; background-size: 90%; margin-left: 5px;}

.main_const .category {height: 30px; height: 30px;}
.main_const .category li {float: left; display: table; height: 100%; width: 33.3%; border: 1px solid #DEDEDE; box-sizing: border-box; border-right: 0;}
.main_const .category li:last-child {border-right: 1px solid #DEDEDE;}
.main_const .category li a {display: table-cell; vertical-align: middle; text-align: center; font-size: 1.4rem;}
.main_const .category li a.on {background: #58595B; border-color: #58595B; color: #FFF;}

.main_const .list_type {}
.main_const .list_type li {border-bottom: 1px solid #E0E0E0; position: relative;}
.main_const .list_type li.more {display: none;}
.main_const .list_type a {display: table; width: 100%; padding: 10px 0; height: 90px; overflow: hidden;} 
.main_const .list_type a > div {display: table-cell; vertical-align: middle;}
.main_const .list_type .number {vertical-align: top !important; width: 45px; font-size: 1.6rem; color: #551A8B; font-weight: 700; padding-top: 15px; text-align: center;}
.main_const .list_type .cover {width: 65px; font-size: 0; position: relative;}
.main_const .list_type .cover img {width: 60px; height: 88px; border: 1px solid #E3E3E3;}
.main_const .list_type .detail {padding-left: 20px; font-size: 1.3rem; color: #939598;}
.main_const .list_type .title {font-size: 1.4rem; font-weight: 700; color: #000;}
.main_const .list_type .escore_area {margin-top: 5px;}
.main_const .list_type .writer {padding: 5px 0;}
.main_const .list_type .cover.half {height: 40px; display: block; float: left;}
.main_const .list_type .update {padding-top: 5px;}
.main_const .list_type .update strong {color: #000; margin-right: 7px;}

.main_const .main_rolling {height: 110px; overflow: hidden; width: 100%;}
.main_const .main_rolling .list_type {position: relative; width: 100%; height: auto;}
.main_const .main_rolling .list_type li {height: 110px; box-sizing: border-box;}

.main_const .notice_wrap {font-size: 1.4rem;}
.main_const .notice_wrap strong {color: #551A8B; padding-right: 5px;}

.main_const .sub_title {font-size: 1.6rem; margin-bottom: 5px;}
.main_const .sub_title strong {color: #551A8B;}
.main_const .sub_title u {float: right; font-size: 1.3rem; color: #939598; font-weight: normal; padding-top: 0.15rem;}


ul.serial_list {}
ul.serial_list li {padding: 10px 0; display: block; border-bottom: 1px solid #DEDEDE;}
ul.serial_list .board_top {font-size: 0; margin-bottom: 4px;}
ul.serial_list .board_top a {display: inline; font-size: 16px; line-height: 1.4; vertical-align: middle;}
ul.serial_list .board_top .lst_title span {color: #551A8B; margin-right: 5px;}
ul.serial_list .board_top .cate {vertical-align: middle; font-size: 1.4rem; display: inline; margin-right: 5px; color: #551A8B;}
ul.serial_list .board_top .lst_title.del {color: #939598;}
ul.serial_list .board_top .lst_comment {color: /*#FA8F05*/ #0768B8; font-size: 12px; margin-left: 3px;}
ul.serial_list .board_top .lst_comment.today {font-weight: 700;}
ul.serial_list .board_bottom {font-size: 0;}
ul.serial_list .board_bottom span {font-size: 13px; color: #949599; padding-right: 16px; position: relative;}
ul.serial_list .board_bottom span::after {content:''; width: 1px; height: 70%; position: absolute; top: 15%; right: 8px; background: #DEDEDE;}
ul.serial_list .board_bottom .nick {padding: 0;}
ul.serial_list .board_bottom .nick::after {content: none; display: none;}
ul.serial_list .board_bottom span .star {height: 10px; vertical-align: text-top; display: inline-block; margin-top: 2px; margin-right: 2px;}
ul.serial_list .notice {background: #F4F1F9; color: #551A8B; font-size: 0; display: table; width: 100%;}
ul.serial_list .notice > div {display: table-cell; vertical-align: middle; text-align: left;}
ul.serial_list .notice div:nth-child(1) {width: 20px;}
ul.serial_list .notice img {width: 13px; height: 13px; }
ul.serial_list .notice a {font-size: 16px; font-weight: 650;}
ul.serial_list .empty {padding: 15px 0; font-size: 1.4rem;}


/* list */
.list_conts .serial_list {border-top: 2px solid #551A8B;}
.list_conts .serial_list li {padding: 10px; box-sizing: border-box;}
.list_conts .serial_list li.read_chk {background: #fff5f5;}
.list_conts .serial_list li.current_post {background: #FFFFD5;}
.list_conts .serial_list li.current_post .lst_title {font-weight: bold;}
.list_conts .serial_list .board_top input[type=checkbox] {display: inline; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px;}

.serial_list .list_tab {margin:0; background:#F6F6F8; height:30px; position: relative;}
.serial_list .list_tab select {height: 30px; position: absolute; top: 0; left: 10px; width: 30%; border: 0;}

.list_conts .button_area {font-size: 0; padding: 10px;}
.list_conts .button_area button {font-size: 14px; background: #FFF; color: #551A8B; border: 1px solid #551A8B; width: 90px; height: 33px; letter-spacing: -0.5px;}
.list_conts .button_area button.write {float: right; background: #551A8B; color: #FFF;}

.list_search {background: #FAF8F9; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; padding: 8px 15px; box-sizing: border-box;}
.list_search form > div {display: inline-block; height: 30px; background: #FFF; vertical-align: top; position: relative;}
.list_search .select_box {width: 25%;}
.list_search .txt_box  {width: 73%; float: right;}
.list_search select {height: 100%; width: 100%; font-size: 1.3rem;}
.list_search input[type=text] {height: 100%;width: 100%; font-size: 1.3rem; padding-left: 5px; padding-right: 30px; box-sizing: border-box;}
.list_search button {width: 30px; height: 30px; position: absolute; top: 0; right: 0;}
.list_search button img {width: 20px; height: 20px; }

.list_conts.set {background: #FAF8F9; padding: 10px; border-bottom: 1px solid #DEDEDE;}
.list_conts.set a {display: inline-block; font-size: 1.3rem; background: #FFF; padding: 5px 10px; border: 1px solid #DEDEDE;}
.list_conts.set span {color: #C31B28;}

/* list serial */
.list_conts .serial_list a.s_conts {display: block;}
.list_conts .serial_list table {width: 100%;}
.list_conts .serial_list th {width: 50px; position: relative;}
.list_conts .serial_list th img {width: 50px; height: 74px;}
.list_conts .serial_list td {width: 100%; padding-left: 10px;}
.list_conts .serial_list table .title {font-weight: 700; font-size: 18px; margin-bottom: 10px;}
.list_conts .serial_list .mb5 {margin-bottom: 5px;}
.list_conts .serial_list a.s_conts span {font-size: 14px;}
.list_conts .serial_list a.s_conts .ic_new {font-size: inherit; vertical-align: top;}
.list_conts .serial_list a.s_conts .board_bottom > span {color: #59595B;}

ul.serial_list .board_chk{float: left;margin: 10px 0;padding-right:3px;}
.list_conts .admin_target{background-color:#FFFFFF; margin-bottom:15px;}
.list_conts .admin_btn{float:left;padding:3px 8px 3px 8px;background-color:#FFFFFF;color:#551A8B!important;font-size:14px;font-weight:normal;border:1px solid #551A8B;margin-right:15px;margin-bottom:5px;cursor:pointer;}




/* detail */
.detail_conts {position: relative; background: #FFF; border-bottom: 1px solid #DEDEDE; padding: 15px;}
.detail_conts.blank {padding: 0;}
.detail_conts.gray {background: #FAF8F9;}
.detail_conts.empty {background: #FAF8F9; padding: 0; height: 15px; width: 100%;}

.detail_conts .header {}
.detail_conts .header h1 {font-size: 2.0rem; font-weight: 650; padding-bottom: 3px;}
.detail_conts .header div {font-size: 0; margin-top: 7px;}

.detail_conts .header h1.only_title {padding: 0;}
.detail_conts .header h1.only_title > span {font-size: 1.2rem; font-weight: normal; display: inline-block; border: 1px solid #DEDEDE; height: 1.8em; vertical-align: top; line-height: 1.8em; padding: 0 5px; border-radius: 5px; box-sizing: border-box; letter-spacing: -1px; margin-right: 5px;}

.detail_conts .author_area span {font-size: 1.2rem; color: #949599; padding-right: 16px; position: relative;}
.detail_conts .author_area img {height: 0.8rem; margin-right: 3px;}
.detail_conts .author_area .nick {color: #59595B; font-size: 1.4rem;}
.detail_conts .info_data span {font-size: 1.4rem; color: #949599; padding-right: 16px; position: relative;}
/*
.detail_conts .info_data span::after, 
.detail_conts .author_area .nick::after {content:''; width: 1px; height: 70%; position: absolute; top: 15%; right: 8px; background: #DEDEDE;}
*/
.detail_conts .info_data .recom_cnt::after {display: none; content: none;}
.detail_conts .header_btn {}
.detail_conts .header_btn a {font-size: 1.3rem; color: #59595B; display: inline-block; border: 1px solid #DEDEDE; vertical-align: top; height: 28px; line-height: 28px; box-sizing: border-box; margin-right: 4px; width: 50px; text-align: center; border-radius: 5px; background: #FFF;}
.detail_conts .header_btn .btn_sns {border: 0; font-size: 0; width: 28px; height: 28px;}
.detail_conts .header_btn .btn_sns img {border-radius: 7px; height: 100%; width: 100%;}
.detail_conts .header_btn .btn_bottom {width: auto; float: right; padding: 0 10px; margin: 0; letter-spacing: -1px;}
.detail_conts .header_btn .btn_bottom img {height: 0.7em; width: auto;}

.detail_conts .only_area {background: #FAF8F9; padding: 5px 15px; font-size: 0;}
.detail_conts .only_area .admin {padding-bottom: 10px;}
.detail_conts .only_area .admin span {font-size: 1.3rem;}
.detail_conts .only_area .admin a {color: #59595B; position: relative; font-weight: 650; font-size: 1.2rem;}
.detail_conts .only_area .admin > a {padding-right: 10px; padding-left: 4px; }
.detail_conts .only_area .admin > a::after {content:''; width: 1px; height: 70%; position: absolute; top: 15%; right: 4px; background: #DEDEDE;}
.detail_conts .only_area > a {font-size: 1.3rem; color: #59595B; display: inline-block; border: 1px solid #DEDEDE; vertical-align: top; height: 28px; line-height: 28px; box-sizing: border-box; margin-right: 4px; width: 50px; text-align: center; border-radius: 5px; background: #FFF;}
.detail_conts .only_area .secret {width: 80px;}

.detail_conts .btn_area {font-size: 0; position: relative; padding: 15px;}
.detail_conts .btn_area a {font-size: 1.3rem; color: #59595B; display: inline-block; border: 1px solid #DEDEDE; vertical-align: top; height: 28px; line-height: 28px; box-sizing: border-box; margin-right: 4px; width: 70px; text-align: center; border-radius: 5px; background: #FFF; /*z-index:9999;*/ position:relative;}
.detail_conts .btn_area strong {color: #FA8F05; font-weight: 650;}
.detail_conts .btn_area .viewer_set {float: right; width: auto; padding: 0 10px; margin: 0;}
.detail_conts .btn_area .viewer_set img {opacity: 0.5; height: 0.9em; width: auto; vertical-align: baseline;}
.detail_conts .btn_area .btn_top {width: auto; float: right; padding: 0 10px; margin: 0;}
.detail_conts .btn_area .btn_top img {height: 0.7em; width: auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}

.detail_conts .read_data {font-size: 0; margin: 30px 15px 0; border-bottom: 1px solid #DEDEDE; padding-bottom: 7px; text-align: right;} 
.detail_conts .read_data img {height: 15px; vertical-align: middle; display: inline-block; margin-right: 5px;}
.detail_conts .read_data p {vertical-align: middle; display: inline-block; font-size: 1.3rem;}

.detail_conts .adult_area {margin: 30px 15px 0;}
.detail_conts .adult_chk {display: table; width: 100%; background: #F7F7F7; border: 1px solid #DEDEDE; box-sizing: border-box;}
.detail_conts .adult_chk > div {display: table-cell; vertical-align: middle; margin: 10px;}
.detail_conts .adult_chk .icon {width: 50px; text-align: center;}
.detail_conts .adult_chk .msg {padding-right: 10px; color: #000;}
.detail_conts .adult_chk img {width: 40px; height: auto; margin: 5px 0;}

.detail_conts .upload_img {padding: 20px 0;}
.detail_conts .upload_img img {max-width: 100%;}

.detail_conts .view_setting {display: none; position: absolute; top: 50px; right: 15px; background: #fff; z-index: 11; padding: 10px; height: auto; border: 1px solid #DEDEDE; border-radius: 5px; }
.detail_conts .view_setting h3 {margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #6D6E72; font-size: 1.6rem; color: #000;}
.detail_conts .view_setting .set_close {float: right;}
.detail_conts .view_setting table {color: #000;}
.detail_conts .view_setting table th {font-weight: normal; font-size: 1.4rem; padding: 0 10px;}
.detail_conts .view_setting table td {padding: 10px; font-size: 0; text-align: right;}
.detail_conts .view_setting table button {border: 1px solid #D3D3D3; height: 37px; line-height: 37px; width: 50px; font-size: 1.4rem; margin-left: 5px;}
.detail_conts .view_setting table div {content: ''; height: 5px; display: block;}
.detail_conts .view_setting table select {width: 105px; height: 30px;}
.detail_conts .view_setting .bg_wht {background: #FFF;}
.detail_conts .view_setting .bg_blk {background: #414143; color: #FFF;}
.detail_conts .view_setting .bg_grn {background: #A3CCA3; color: #333;}
.detail_conts .view_setting .bg_be {background: #DABE98; color: #333;}

#readContainer {margin-top: 30px; line-height: 200%; background: #FFF; font-size: 12pt; padding: 15px 20px;}
#readWrap.inner {background: #FFF; color: #000;}
#readWrap.inner2 {background: #414143; color: #FFF;}
#readWrap.inner3 {background: #A3CCA3; color: #333;}
#readWrap.inner4 {background: #DABE98; color: #333;}
#readContainer.inner {background: #FFF; color: #000;}
#readContainer.inner2 {background: #414143; color: #FFF;}
#readContainer.inner3 {background: #A3CCA3; color: #333;}
#readContainer.inner4 {background: #DABE98; color: #333;}

.detail_conts .like_area {padding: 70px 0; text-align: center;}
.detail_conts .like_area > div {display: inline-block; margin: 0 auto;}
.detail_conts .like_area button {font-size: 1.4rem; height: 30px; padding: 0 15px 0 35px; border: 1px solid #DEDEDE; background: #FFF;  position: relative;}
.detail_conts .like_area button::after {content: ''; position: absolute; width: 20px; height: 28px; top: 0; left: 10px; background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_empty.png); background-repeat: no-repeat; background-position: center 6px; background-size: 14px auto;}
.detail_conts .like_area button.on {border: 1px solid #C31B28;}
.detail_conts .like_area button.on::after {background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_red.png);}

.detail_conts .keyword_area {margin: 0; font-size: 0; padding: 15px;}
.detail_conts .keyword_area a {display: inline-block; border: 1px solid #DEDEDE; padding: 5px 10px; font-size: 1.2rem; background: #FAF8F9; color: #59595B; margin-right: 5px; margin-top: 4px;}

.detail_conts .writer_comment {margin-bottom: 70px;}
.detail_conts .writer_comment h1 {color: #414143; font-size: 1.6rem; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #414143;}
.detail_conts .writer_comment strong {margin: 0 2px; color: #551A8B;}
.detail_conts .writer_comment div {font-size: 1.4rem; line-height: 1.6;}

.detail_conts.link {background: #FAF8F9; border-top: 1px solid #DEDEDE; padding: 0;}
.detail_conts.link ul {}
.detail_conts.link li a {display: block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size: 1.4rem; padding: 10px;}
.detail_conts.link li span {font-weight: 700; margin-right: 5px;}
.detail_conts.link li img {height: 10px; margin-right: 3px;}
.detail_conts.link .prv_link {/*border-bottom: 1px solid #DEDEDE;*/}
.detail_conts.link .prev {color: #414143;}
.detail_conts.link .next {color: #C31B28;}
.detail_conts.link .subj {font-weight: normal; margin: 0; }
.detail_conts.link .empty {font-weight: normal; margin: 0; color: #949599;}

.detail_conts .read_more {margin-bottom: 5px;}
.detail_conts .read_more ul {border: 1px solid #DEDEDE; padding: 10px 5px; background: #FFF;}
.detail_conts .read_more li a {display: block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.detail_conts .read_more li span {font-weight: 700; margin-right: 5px;}
.detail_conts .read_more li img {height: 10px; margin-right: 3px;}
.detail_conts .read_more .prv_link {margin-bottom: 10px;}
.detail_conts .read_more .prev {color: #414143;}
.detail_conts .read_more .next {color: #C31B28;}
.detail_conts .read_more .subj {font-weight: normal; margin: 0; }
.detail_conts .read_more .empty {font-weight: normal; margin: 0; color: #949599;}
.detail_conts .read_more .all_more {text-align: right; margin-bottom: 5px;}
.detail_conts .read_more .all_more a {display: inline-block; text-align: center; padding: 10px 5px 0; color: #551A8B; font-size: 1.3rem; font-weight: 700; /*border: 1px solid #551A8B;*/}
.detail_conts .read_more .all_more strong {color: #FA8F05;}

ol#ContentDIV {position: relative; word-wrap: break-word;}
ol#ContentDIV img {max-width: 100%;}

/* write */
.inner_header {background: #FCFCFE; border-bottom: 1px solid #DEDEDE; color: #58595B; text-align: center; letter-spacing: -0.5px; position: relative;}
.inner_header.ft {border:0;}
.inner_header p {height: 45px; font-size: 1.6rem; font-weight: bold; line-height: 45px;}
.inner_header span {background: #FFF; font-size: 1.6rem; position: absolute; height: 45px; line-height: 45px; top: 0; padding: 0 15px;}
.inner_header .back {left: 0px;}
.inner_header .submit {right: 0px;}

.write_conts {position: relative; background: #FFF; border-bottom: 1px solid #DEDEDE; padding: 0;}
.write_conts h1 {padding: 15px; font-size: 1.6rem;}
.write_conts h1 span {color: #949599; font-size: 1.2rem;}
.write_conts ul {padding: 0 15px;}
.write_conts ul li {padding-bottom: 15px;}
.write_conts select {width: 100%; height: 35px; font-size: 1.6rem; background: url(http://img.toto-romance.com/upfile/icon/btn_arrow_bottom.png) no-repeat 97% 50%;     background-size: 20px auto;}
.write_conts input[type=text] {height: 35px; width: 100%; padding: 0 5px; box-sizing: border-box; font-size: 1.6rem;}
.write_conts textarea {height: 300px; width: 100%; padding: 5px; box-sizing: border-box; font-size: 1.6rem;}
.write_conts ul textarea[name="Base_Notice"] {height: 150px;}
.write_conts ul label {margin-right: 7px; letter-spacing: -0.5px; font-size: 1.3rem;}
.write_conts ul label:last-child {margin: 0;}
.write_conts .blank {background: #FAF8F9; padding: 0; height: 15px; width: 100%; border: 1px solid #DEDEDE; border-right: 0; border-left: 0;}
.write_conts .inner_area {padding: 15px; background: #FAF8F9; border: 1px solid #DEDEDE; border-right: 0;border-left: 0;}
.write_conts .inner_area input[type=text] {width: 75%;}
.write_conts .inner_area h1 {padding: 0; padding-bottom: 10px;}
.write_conts .inner_area button {height: 35px; font-size: 1.4rem; width: 23%; color: #FFF; background: #858587; float: right; vertical-align: top;}
.write_conts .keyword_list {padding: 15px 0; font-size: 1.4rem;}
.write_conts .keyword_list a {display: inline-block; margin-right: 5px; margin-top: 5px; background: #FFF; border: 1px solid #DEDEDE; padding: 5px 7px; font-size: 1.4rem;}
.write_conts .file_area {padding: 15px; background: #FFF;}
.write_conts .file_area h1 {padding: 0 0 10px;;}
.write_conts .file_area button {font-size: 1.4rem; border: 1px solid #858587; height: 35px; width: 95px;}
.write_conts .file_area .btn_upload {background: #858587; color: #FFF;}
.write_conts .file_area input[type=text] {margin-top: 10px;}
.write_conts .file_area input[type=file] {width: 1px; height: 1px; position: absolute; left: 0; opacity: 0; z-index: -1;}
.write_conts .file_area .upfile_del {width: 1px; height: 1px; position: absolute; left: 0; opacity: 0; z-index: -1;}

/* view ÃⰣå */
#writerEbooksLoad {overflow: hidden; padding: 15px 0;}
#writerEbooksLoad h1 {color: #414143; font-size: 1.6rem; padding: 0 15px 10px;}
#writerEbooksLoad h1 strong {margin: 0 2px; color: #551A8B;}

#writerEbooksLoad .work_container {margin-bottom: 20px; max-height: 140px;}
#writerEbooksLoad .work_container .item {width: 25%; display: inline-block; text-align: center; float: left;}
#writerEbooksLoad .work_container .item .cover {width: 70px; height: 103px; position: relative; margin: 0 auto; margin-bottom: 4px;}
#writerEbooksLoad .work_container .cover > img {width: 100%; height: 100%;}
#writerEbooksLoad .work_container .item p {font-size: 1.2rem; width: 70px; text-align: left; margin: 0 auto;}
#writerEbooksLoad .work_container .swiper-pagination-bullet-active {width: 20px; border-radius: 15px; background: #551A8B;}
#writerEbooksLoad .work_container .swiper-pagination-bullet {margin: 0 3px !important;}

@media only screen and (min-width : 0px) and (max-width : 359px) {
	#writerEbooksLoad .work_container .item .cover {width: 60px; height: 88px;}
	#writerEbooksLoad .work_container .item p {width: 60px;}
}
@media only screen and (min-width : 599px) and (max-width : 1200px) {
	#writerEbooksLoad .work_container .item .cover {width: 95px; height: 140px;}
	#writerEbooksLoad .work_container .item p {width: 95px; font-size: 1.3rem;}
}

/* comment */
#commentWrap {}
#commentWrap h1 {font-size: 1.6rem; padding: 15px; position: relative;}
#commentWrap h1 strong {color: #FA8F05;}
#commentWrap h1 a {font-size: 1.3rem; float: right; font-weight: normal; margin-top: 0.1rem;}
#commentWrap .comment_form {padding: 0 15px; margin-bottom: 20px; display: table;  width: 100%; box-sizing: border-box;}
#commentWrap .comment_form textarea {width: 80%; height: 90px; padding: 5px; box-sizing: border-box; font-size: 1.6rem; line-height: 1.5; border: 1px solid #C7C8CA;}
#commentWrap .comment_form button {float: right; width: 18%; height: 90px; font-size: 1.4rem; color: #FFF; background: #6D6E71;     vertical-align: top;}
#commentWrap .comment_form div {margin-top: 5px; font-size: 1.4rem;}
#commentWrap .comment_form .lock {margin: 0; background: #FAF8F9; padding: 15px 0; text-align: center; border: 1px solid #DEDEDE;}
#commentWrap .comment_form .lock img {height: 13px; width: auto; display: inline; vertical-align: middle;}
#commentWrap .comment_footer {text-align: center; margin: 15px;}
#commentWrap .comment_footer p {margin: 0 auto; border: 2px solid #DEDEDE; font-size: 1.4rem; padding: 10px 0; border-radius: 5px; color: #949599; font-weight: bold;}

#commentList {border-top: 1px solid #DEDEDE;}
#commentList li {padding: 10px 15px; border-bottom: 1px solid #DEDEDE;}
#commentList li > div {font-size: 0;}
#commentList .alim {font-size: 1.4rem; color: #949599; padding: 5px 0;}
#commentList .alim img {height: 0.7em; display: inline; vertical-align: baseline;}
#commentList .top {position: relative;}
#commentList .top span {font-size: 1.4rem; font-weight: 700;}
#commentList .top button {position: absolute; font-size: 1.2rem; right: 0; top: -3px; height: 20px; line-height: 19px; border: 1px solid #E0E0E0; padding: 0 6px; box-sizing: border-box; background: #FFF;}
#commentList .top button::before {content:''; padding-left: 15px;}
#commentList .top button::after {content:''; position: absolute; width: 15px; height: 18px; top: 0; left: 6px; background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_empty.png); background-size: 10px auto; background-repeat: no-repeat; background-position: left center;}
#commentList .top button.on::after {background-image: url(http://img.toto-romance.com/upfile/icon/icon_heart_red.png);}
#commentList .empty {height: 100px; line-height: 100px; font-size: 1.4rem;}
#commentList .contents {font-size: 1.6rem; margin: 5px 0;}
#commentList .contents.report {color: #C31B28; font-size: 1.4rem;}
#commentList .meta_data span {font-size: 1.3rem; color: #949599; padding-right: 16px; position: relative;}
#commentList .meta_data span::after {content:''; width: 1px; height: 70%; position: absolute; top: 15%; right: 8px; background: #DEDEDE;}
#commentList .meta_data span:last-child::after {content: none; display: none;}




/* ¿¬Àç µðÅ×ÀÏ */
.inner_header.type2 span, .inner_header.type2 p {font-size: 1.4rem; padding: 0 10px; background: #FCFCFE;}
.inner_header.type2 img {height: 25px; margin-top: 10px;}

#serialIntro {padding: 15px 10px; display: block; width: 100%; position: relative; box-sizing: border-box;}
#serialIntro .cover {position: absolute; top: 15px; left: 10px; width: 95px; height: 140px;}
#serialIntro .cover img {width: 100%; height: 100%;}
#serialIntro ul {display: block; min-height: 140px; padding-left: 110px;}
#serialIntro li {color: #000; font-size: 0; min-height: 25px; position: relative;}
#serialIntro .inner {position: absolute; bottom: 0;}
#serialIntro .title {min-height: 30px;}
#serialIntro .writer {margin-top: 6px;}
#serialIntro .title p {font-size: 20px; font-weight: 500; height: 22px;line-height: 22px;}
#serialIntro .title .ic_adult {vertical-align: top; height: 22px;}
#serialIntro .writer p {font-size: 15px; font-weight: 500;}
#serialIntro .writer span {color: #FE5F60; font-size: 12px; border: 1px solid #FE5F60; border-radius: 5px; padding: 2px; margin-right: 5px;}
#serialIntro .meta span {font-size: 15px; color: #949599; margin-right: 12px; position: relative;}
#serialIntro .meta span::after {content: ''; position: absolute; background: #DEDEDE; width: 1px; height: 80%; top: 10%; right: -6px;}
#serialIntro .meta span:last-child::after {content: none; display: none;}
#serialIntro .info span {font-size: 15px; margin-right: 15px; letter-spacing: -1px;}
#serialIntro .info span:last-child {margin:0;}
#serialIntro .info span i {font-style: normal;}
#serialIntro li .btn {height: 30px; line-height: 30px; border: 1px solid #551A8B; border-radius: 4px; color: #551A8B; font-size: 14px; font-weight: 700; text-align: center;}
#serialIntro .button {height: 35px; line-height: 35px; border: 1px solid #551A8B; border-radius: 4px; color: #551A8B; font-size: 14px; font-weight: 700; text-align: center; box-sizing: border-box; margin: 15px 0 0;}

#serialDetailWrap .detail_cate {height: 35px; line-height: 35px; border: 1px solid #551A8B; border-right: 0; border-left: 0;}
#serialDetailWrap .detail_cate li {float: left; width: 25%; box-sizing: border-box; font-size: 14px; font-weight: 700; background: #FFF;  color: #551A8B; text-align: center; border-right: 1px solid #551A8B;}
#serialDetailWrap .detail_cate li:nth-child(4) {border-right: 0;}
#serialDetailWrap .detail_cate li.on {background: #551A8B; color: #FFF;}

.slide_wrap {position: relative; clear: both; margin: 0; padding: 0; background: #FFF; padding: 30px 0 20px;}
.slide_wrap .slide_container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; line-height: 1;}
.slide_wrap .slide_container .ebook_list .item {width: 31.3%; text-align: left; position:relative; overflow: hidden; box-sizing: border-box;}
.slide_wrap .slide_container .ebook_list a {display:block; text-decoration: none; margin: 0 auto;}
.slide_wrap .slide_container .ebook_list .cover {position: relative; width: 82px; height: 121px; max-width: 135px; max-height: 200px; border: 1px solid #E3E3E3; box-sizing: border-box;}
.slide_wrap .slide_container .ebook_list img {width: 100%; margin-left: auto; margin-right: auto; display: block; height: 100%;}
.slide_wrap .slide_container .ebook_list .title {color: #000; font-size: 1.2rem; margin-top:5px; width: 82px;}
.slide_wrap .slide_container .ebook_list .ellipsis {max-height: 3em;}
.slide_wrap .slide_container .ebook_list .writer {color: #939598; font-size: 1.1rem; font-weight: normal; margin-top: 4px;}
.slide_wrap .slide_container .ebook_list .cover.more {background: #FAF8F9; color: #000; text-align: center; display: table;}
.slide_wrap .slide_container .ebook_list .cover.more > div {display: table-cell; vertical-align: middle;}
.slide_wrap .slide_container .ebook_list .cover.more img {width: 60%; height: auto;}
.slide_wrap .slide_container .ebook_list .cover.more p {font-size: 1.3rem; padding-top: 10px;}
.slide_wrap .slide_container.type2 .head {width: 23%; text-align: center; position: relative; /*overflow: hidden;*/ box-sizing: border-box; display: block; height: 121px;}
.slide_wrap .slide_container.type2 .head p {display: block; vertical-align: middle; font-size: 1.6rem; font-weight: 700; line-height: 1.3; padding-top: 40px;}
.slide_wrap .slide_container.type2 .head strong {color: #551A8B;}
.slide_wrap .slide_container.type2 .head select {font-size: 1rem;position: absolute; bottom: 0px; left: 10%; width: 80%; text-align: left; height: 26px; line-height: 26px; padding-left: 4px; padding-right: 15px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #DEDEDE; color: #939598;}
.slide_wrap .slide_container.type2 .ebook_list .item {width: 29%;}

#tomorrowService {position: relative; background: #F8F8F8; line-height: 1.5; padding: 10px; font-weight: 700; font-size: 14px; margin-bottom: 15px; }
#tomorrowService p {color: #58595B; display: block; position: relative; height: 22px; line-height: 22px; padding-left: 20px;}
#tomorrowService img {height: 14px; position: absolute; left: 0px; top: 4px;}
#tomorrowService strong {display: block; color: #FE5F60; font-weight: 700; text-indent: 20px;}
#tomorrowService p span {font-size: 12px; color: #949599; margin-left: 5px;}

#tomorrowServiceInfo {display: none; z-index:1001; position:fixed; top:50%;left:50%; width:320px; padding: 10px;  background:#FFF;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#tomorrowServiceInfo .top {text-align: center; font-size: 1.6rem; position: relative;}
#tomorrowServiceInfo h1 {display: inline-block; margin: 0 0 7px; padding: 0 0 7px; border-bottom: 2px solid red; font-size: 1.6rem; font-weight: 650;}
#tomorrowServiceInfo .top button {padding:0; font-size: 0; border: 0; background: url(../images/button/btn_popup_close.gif) no-repeat center center; float: right; width: 20px; height: 20px; position: absolute; right: 0; top: 0;}
#tomorrowServiceInfo .center {background: #F8F8F8; margin: 10px; text-align: center; height: 35px; line-height: 35px; font-size: 15px; font-weight: 650;}
#tomorrowServiceInfo li {font-size: 14px; margin-top: 5px;}
#tomorrowServiceInfo strong {color: #FE5F60; font-weight: 600;}

#serialDetailWrap .detail_lst {box-sizing: border-box;}
#serialDetailWrap .detail_lst .sort {height: 38px; line-height: 38px; padding: 0 10px; font-size: 0; text-align: right; border-bottom: 2px solid #DEDEDE;}
#serialDetailWrap .detail_lst .sort span {font-size: 14px; padding-left: 15px; color: #949599;}
#serialDetailWrap .detail_lst .sort .chk_all {float: left; color: #000; padding: 0; font-size: 14px;}
#serialDetailWrap .detail_lst .sort input[type=checkbox] {position: absolute; width: 1px; height: 1px; z-index:-1; opacity: 0;}
#serialDetailWrap .detail_lst .sort .on {color: #551A8B; font-weight: 700;}

#serialDetailWrap .detail_lst .btn_early {height: 38px; line-height: 38px; color: #6D6E71; text-align: left; font-size: 14px; border-bottom: 1px solid #DEDEDE;  padding: 0 10px;}
#serialDetailWrap .detail_lst .btn_early strong {font-weight: 700; color: #000;}
#serialDetailWrap .detail_lst .btn_early span {font-weight: 700; float: right; color: #59595B;} 
#serialDetailWrap .detail_lst .btn_early img {height: 10px; vertical-align:  top; margin-top: 13px;}

/*
#serialEarlyLst {display: none;}
*/
#serialEarlyLst li {background: #F6F6F8;}

#serialDetailWrap .detail_lst li {padding: 15px 10px; border-bottom: 1px solid #DEDEDE; font-size: 0; position: relative;}
#serialDetailWrap .detail_lst .check {position: absolute; top: 18px; left: 10px;}
#serialDetailWrap .detail_lst .link {font-size: 0; margin-left: 25px; display: block;}
#serialDetailWrap .detail_lst .title {padding-right: 75px;}
#serialDetailWrap .detail_lst .title strong {padding-right: 5px; display: inline; vertical-align: middle; font-size: 16px; font-weight: normal; color: #949599;}
#serialDetailWrap .detail_lst .title span {display: inline; vertical-align: middle; font-size: 16px;}
#serialDetailWrap .detail_lst .title .comment {color: #0768B8; font-size: 12px; margin-left: 5px;}
#serialDetailWrap .detail_lst .meta {margin-top: 4px; height: 20px; line-height: 20px; font-size: 0;}
#serialDetailWrap .detail_lst .meta span {font-size: 13px; color: #949599; margin-right: 14px; position: relative;}
#serialDetailWrap .detail_lst .meta span:after {content: ''; background: #DEDEDE; width: 1px; position: absolute; height: 80%; top: 10%; right: -8px;}
#serialDetailWrap .detail_lst .meta span:last-child:after {content: none; display: none;}
#serialDetailWrap .detail_lst .meta span.rent_time {color: #551A8B;}
#serialDetailWrap .detail_lst .meta img {height: 12px; vertical-align: text-top; margin-top: 1px;}
#serialDetailWrap .detail_lst .button {background: #FFF; color: #6D6E71; border: 1px solid #DEDEDE; border-radius: 4px; font-size: 13px; text-align: center; position: absolute; width: 70px; height: 30px; line-height: 30px; font-weight: 700; top: 50%; margin-top: -15px; right: 10px; box-sizing: border-box; letter-spacing: -0.3px;}
#serialDetailWrap .detail_lst .button.candy {color: #785AA8; border: 1px solid #785AA8;}
#serialDetailWrap .detail_lst .img_candy {vertical-align: top; margin-top: 5px;}
#serialDetailWrap .detail_lst .lst_more {height: 35px; line-height: 35px; font-size: 1.3rem; background: #FFF; color: #6D6E71;  border: 2px solid #DEDEDE; border-radius: 3px; text-align: center; margin: 15px 10px; box-sizing: border-box; font-weight: 700;}
#serialDetailWrap .detail_lst .title span.early {font-size: 12px; background: #FFF; margin-left: 8px; height: 19px; line-height:  19px; display:  inline-block; padding: 0 3px; border-radius:  5px; color:  #FE5F60; border: 1px solid #DEDEDE;}

#serialDetailWrap .d_conts {display: none;}
#serialDetailWrap .d_conts.tab1 {display: block;}
#serialDetailWrap .d_conts.tab2 li {padding: 15px 0 0; border-bottom: 1px solid #DEDEDE;}
#serialDetailWrap .d_conts.tab2 .subj {font-size: 16px; padding: 0 10px; font-weight: 650;}
#serialDetailWrap .d_conts.tab2 .subj span {display: inline-block; width: 15px;}
#serialDetailWrap .d_conts.tab2 .date {color: #949599; font-size: 13px; margin-left: 15px; margin-top: 5px; padding: 0 10px 15px;}
#serialDetailWrap .d_conts.tab2 .txt {display: none; background: #F6F6F8;  color: #59595B; line-height: 1.5; font-size: 14px; padding: 10px;}
#serialDetailWrap .d_conts.tab2 .empty {padding: 30px 10px; font-weight: 650; font-size: 16px; border-bottom: 1px solid #DEDEDE;}

#serialDetailWrap .d_conts.tab3 .title, #serialDetailWrap .d_conts.tab4 .title {padding: 15px 10px; font-weight: 650; font-size: 16px; border-bottom: 1px solid #DEDEDE;}
#serialDetailWrap .d_conts.tab3 .txt , #serialDetailWrap .d_conts.tab4 .txt {padding: 15px 10px; background: #F6F6F8;  color: #59595B; line-height: 1.6; font-size: 15px; border-bottom: 1px solid #DEDEDE;}
#serialDetailWrap .d_conts.tab4 .kwd {display: inline-block; font-size: 15px; color: #59595B; background: #FFF; border: 1px solid #DEDEDE; margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; border-radius: 4px;}


#serialDetailBar {position: fixed; bottom: 0; left: 0; width: 100%; background: #000; z-index: 999; border-top: 1px solid #CCC; overflow: hidden; box-sizing: border-box; height: 60px; opacity: 0.85; color: #FFF; display: none;}
#serialDetailBar li {display: table; float: left; box-sizing: border-box; width: 33.3%; height: 60px; position: relative;}
#serialDetailBar li:after {content: ''; width: 1px; background: #FFF; height: 27px; position: absolute; top: 14px; left: 0; opacity: 0.5;}
#serialDetailBar li:first-child:after {content: none; display: none;}
#serialDetailBar li > a {display: table-cell; vertical-align: middle; font-size: 1.5rem;}
#serialDetailBar li strong {font-weight: 650;}
#serialDetailBar .selected {text-align: left;padding-left: 10px;}
#serialDetailBar .selected strong {margin-right: 1px;}
#serialDetailBar .selected span {color: #FE5F60; font-size: 1.2rem; line-height: 1.1; display: block; }
#serialDetailBar .buying {text-align: center; letter-spacing: 0;}
#serialDetailBar .buying p {margin-bottom: 1px;}
#serialDetailBar .type2 li:nth-child(2) {width: 66.6%;}
#serialDetailBar .type2 .buying p {display: inline-block;}
#serialDetailBar .type2 .buying div {display: inline-block; margin-left: 10px;}

#setBoxWrap {display: none; z-index:1001; position:fixed; top:50%;left:50%; width:200px; padding: 10px;  background:#FFF;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 15px; border-radius: 5px;}
#setBoxWrap .top {text-align: center; position: relative; height: 20px;}
#setBoxWrap .top button {padding:0; font-size: 0; border: 0; background: url(../images/button/btn_popup_close.gif) no-repeat center center; float: right; width: 20px; height: 20px; position: absolute; right: 0; top: 0;}
#setBoxWrap .btn > div {font-size: 16px; border: 1px solid #551A8B; font-weight: 650; height: 40px; line-height: 40px; color: #551A8B; text-align: center; margin-top: 15px;}
#setBoxWrap .btn > .on {background: #551A8B; color: #FFF;}


/* ¿¬Àç ºä¾î */
#sDetailTop {position: fixed; top: 0; left: 0; width: 100%; z-index: 1001;}
#sDetailTop  span {font-size: 1.4rem;}
#sDetailTop  p {font-size: 1.4rem;}
#sDetailTop  ul {height: 35px; border-top: 1px solid #DEDEDE;}
#sDetailTop  li {float: left; width: 33.3%; height: 100%;}
#sDetailTop  li a {display: block; height: 35px; line-height: 35px; font-size: 14px; font-weight: 650; color: #949599;}
#sDetailTop  li .right {border: 0; }
#sDetailTop  li .right img {height: 9px;}
#sDetailTop  li .on {color: #551A8B;}

#sDetailTop .secret_tab {border-top: 1px solid #DEDEDE;}
#sDetailTop .secret_tab .writer_area {height: 40px; font-size: 0; text-align: left; padding: 0 10px; background: #F4F1F9;}
#sDetailTop .secret_tab .writer_area a {font-size: 1.3rem; color: #59595B; display: inline-block; border: 1px solid #DEDEDE; vertical-align: top; height: 30px; line-height: 30px; box-sizing: border-box; margin-right: 4px; width: 50px; text-align: center; border-radius: 5px; background: #FFF; margin-top: 5px;}
#sDetailTop .secret_tab .writer_area .secret {width: 80px;}
#sDetailTop .secret_tab .writer_area .conts {width: 80px; font-weight: 650;}

#sDetailTop .admin {text-align: left; padding-left: 10px; height: 30px; line-height: 30px; border-top: 1px solid #DEDEDE;}
#sDetailTop .admin span {font-size: 1.3rem; position: relative; height: auto; line-height: 1; padding: 0;}
#sDetailTop .admin a {color: #59595B; position: relative; font-weight: 650; font-size: 1.2rem;}
#sDetailTop .admin > a {padding-right: 10px; padding-left: 4px; }
#sDetailTop .admin > a::after {content:''; width: 1px; height: 70%; position: absolute; top: 15%; right: 4px; background: #DEDEDE;}

.detail_conts.serial {padding: 0;}
.detail_conts.serial > #readWrap {padding-top: 100px;}

#sDetailBottom {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1001; background: #FFF; height: 45px; border-top: 1px solid #DEDEDE;}
#sDetailBottom li {float: left; width: 20%; text-align: center; }
#sDetailBottom a {display: block; padding: 3px 0;}
#sDetailBottom img {height: 18px; margin: 1px 0;}
#sDetailBottom div {font-size: 11px; height: 19px; line-height: 19px;}

.detail_conts .like_area a.next {background: #551A8B; color: #FFF; height: 35px; line-height: 35px; display: block; margin: 0 15px; border-radius: 5px; font-weight: 650;}

.detail_conts .base_score {padding: 10px 15px;}
.detail_conts .base_score span {display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; color: #949599; font-size: 14px;}
.detail_conts .base_score img {height: 20px; width: 20px;}
.detail_conts .base_score .star {color: #FA8F05; font-weight: 650; margin-left: 2px; margin-right: 2px;}

.detail_conts.move {padding: 0; background: #FAF8F9;}
.detail_conts .lst_move {height: 40px;}
.detail_conts .lst_move ul {position: absolute; width: 100%; height: 40px; line-height: 40px;}
.detail_conts .lst_move li {float: left; width: 33.3%; box-sizing: border-box; height: 100%;}
.detail_conts .lst_move a {text-align: center; display: block; font-size: 14px; font-weight: 650;}
.detail_conts .lst_move img {height: 18px; vertical-align: top; margin-top: 11px}

#commentWrap .rating {padding: 15px 10px; text-align: center; border-top: 1px solid #DEDEDE; font-size: 12px;}
#commentWrap .rating .star_value {font-size: 23px; vertical-align: middle; margin-left: 10px; font-weight: 600; color: #FA8F05; width: 40px; display: inline-block; text-align: left;}
#commentWrap .rating_bottom {text-align: center; margin-top: 10px;}
#commentWrap .rating .submit {display: inline-block; margin: 0 auto; border: 2px solid #DEDEDE; height: 28px; line-height: 28px; width: 70px; border-radius: 5px;}
#commentWrap .rating p {color: #939598;}

#commentWrap .rating_area {display: inline-block; width: auto; margin: 0 auto; vertical-align: middle;}
#commentWrap .rating_area label {width: 15px; height: 30px; display: inline-block; background: url(http://img.toto-romance.com/upfile/serial/icon/m_star_blank_gray.png) no-repeat left center; float: left; cursor: pointer;}
#commentWrap .rating_area label.full {background: url(http://img.toto-romance.com/upfile/serial/icon/m_star_orange.png) no-repeat left center;}
#commentWrap .rating_area label.right {background-position: right center !important;}
#commentWrap .rating_area a.submit {width:50px; height:25px; line-height:25px;}

.detail_conts .view_setting.serial {position: fixed; top: auto; bottom: 45px; left: auto; border-radius: 0; right: 0px;     z-index: 9999;}



#serialOrder .order_conts {padding: 25px 0 0;}
#serialOrder .order_conts .mileage {color: #949599;}
#serialOrder .order_conts .discount {color: #C31B28;}

#serialOrder .order_conts h1 {font-weight: 700; font-size: 1.5rem;  padding-bottom: 5px;}
#serialOrder .order_conts .payment_tbl {padding: 0 10px;}
#serialOrder .order_conts .payment_tbl h1 {border-bottom: 1px solid #999A9E;}
#serialOrder .order_conts .payment_tbl table {width: 100%; font-size: 1.3rem; text-align: right;}
#serialOrder .order_conts .payment_tbl th {font-weight: normal; background: #FAF8F9; padding: 10px 0; border-bottom: 1px solid #EBEBEB;}
#serialOrder .order_conts .payment_tbl td {padding: 10px 0; border-bottom: 1px solid #EBEBEB;}
#serialOrder .order_conts .payment_tbl .title {text-align: left;}
#serialOrder .order_conts .payment_tbl .price {width: 24%;}
#serialOrder .order_conts .payment_tbl .mileage {width: 17%; padding-right: 5px;}
#serialOrder .order_conts .payment_tbl th.title {text-align: center;}
#serialOrder .order_conts .payment_tbl th.mileage {color: #000;}
#serialOrder .order_conts .payment_tbl .discount {font-size: 1.2rem; margin-top: 2px;}

#serialOrder .order_conts .info_area {margin: 25px 0; padding: 0 10px;}
#serialOrder .order_conts .order_total {border: 1px solid #551A8B;}
#serialOrder .order_conts .order_total ul {}
#serialOrder .order_conts .order_total li {border-top: 1px solid #EBEBEB; display: table; width: 100%;}
#serialOrder .order_conts .order_total strong, #serialOrder .order_conts .order_total span {display: table-cell; vertical-align: middle; height: 32px; font-weight: normal; font-size: 1.4rem;}
#serialOrder .order_conts .order_total strong {width: 70%; padding-left: 10px; }
#serialOrder .order_conts .order_total span {width: 30%; text-align: right; padding-right: 10px;}
#serialOrder .order_conts .order_total li.price_area {border:0; background: #F3F2F8; padding: 10px 0; text-align: center;}
#serialOrder .order_conts .order_total b {font-size: 1.6rem; color: #551A8B; padding-left: 7px; padding-right: 2px;}
#serialOrder .order_conts .notice {color: #949599; font-size: 1.3rem; line-height: 1.5; margin-top: 10px; padding-left: 18px; position: relative;}
#serialOrder .order_conts .notice::before {content:'¡Ø'; position: absolute; left: 0; top: 0;}
#serialOrder .order_conts .notice strong {color: #FA8F05;}

.info_area .app_button {margin-top:30px;text-align:center;}
.info_area .app_button > div {height: 40px;}
.info_area .app_button ul {font-size: 1.4rem; width: 100%; letter-spacing: -1px; font-weight: 650;}
.info_area .app_button li {background:#FFF; width:48%;display: inline-block; height:40px; line-height:40px; border-radius:5px; color: #551A8B; border: 1px solid #551A8B;}
.info_area .app_button li:nth-child(2) {background: #551A8B; margin-left: 1%; color: #FFF; }

#serialOrder .order_conts .payment_opt {background: #FAF8F9; padding: 25px 10px; border-top: 1px solid #DEDEDE;}
#serialOrder .order_conts .payment_opt .option li {display: inline-block; position: relative; width: 50%; box-sizing: border-box; float: left; padding-right: 10px; padding-bottom: 10px;}
#serialOrder .order_conts .payment_opt .option li:nth-child(2n){padding-right:0; padding-left: 10px;}
#serialOrder .order_conts .payment_opt .option label {display: block; padding: 10px 0; background:#FFF; font-size: 1.4rem; border: 1px solid #DEDEDE; text-align: center; color: #000;}
#serialOrder .order_conts .payment_opt .option .on {border: 1px solid #551A8B; color: #551A8B;}
#serialOrder .order_conts .payment_opt .option .hide {position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: -1; opacity: 0;}
#serialOrder .order_conts .payment_opt br {clear: both;}

#serialOrder .order_conts .payment_opt .my_info {clear: both; background: #FFF; border: 1px solid #551A8B; margin-top: 10px;}
#serialOrder .order_conts .payment_opt .my_info li {display: table; border-bottom: 1px solid #EBEBEB;width: 100%;}
#serialOrder .order_conts .payment_opt .my_info li:last-child {border: 0;}
#serialOrder .order_conts .payment_opt .my_info span {display: table-cell; height: 30px; vertical-align: middle; font-size: 1.3rem;}
#serialOrder .order_conts .payment_opt .my_info img {height: 18px; height: 18px;}
#serialOrder .order_conts .payment_opt .my_info .icon {width: 20px; font-size: 0; text-align: left; padding: 0 10px 0 15px;}
#serialOrder .order_conts .payment_opt .my_info .money {text-align: right; padding-right: 15px; font-weight: 700;}


#serialOrder .order_conts .order_frm_submit {padding: 0 10px 30px; background: #FAF8F9;}
#serialOrder .order_conts .order_frm_submit button {width: 48%; background: #551A8B; border-radius: 3px; height: 35px; text-align: center; border: 1px solid #551A8B;}
#serialOrder .order_conts .order_frm_submit .order_cancel {background: #FFF; float: right;}
#serialOrder .order_conts .order_frm_submit img {height: 25px;} 

#serialOrder .order_conts .payment_selbox {color: #414143; font-size: 1.4rem; line-height: 1.5; margin-top: 20px; padding-left: 18px; position: relative;}
#serialOrder .order_conts .payment_selbox::before {content:'¡Ø'; position: absolute; left: 0; top: 0;}
#serialOrder .order_conts .payment_selbox strong {color: #FA8F05;}
#serialOrder .order_conts .payment_selbox > div {display: none;}
#serialOrder .order_conts .payment_selbox .msg_defualt {display: block;}
#serialOrder .order_conts .payment_selbox ul {margin-top: 10px; font-size: 1.4rem;}
#serialOrder .order_conts .payment_selbox li {border-bottom: 1px solid #EBEBEB; display: table; width: 100%;}
#serialOrder .order_conts .payment_selbox li > strong {color: #414143; font-weight: normal; display: table-cell; vertical-align: middle; width: 30%;}
#serialOrder .order_conts .payment_selbox li > div {display: table-cell; vertical-align: middle; padding: 5px 0;}
#serialOrder .order_conts .payment_selbox li p {margin-top: 4px; font-size: 1.3rem;}
#serialOrder .order_conts .payment_selbox div > br {height: 15px; width: 100%; display: block; content: '';}
#serialOrder .order_conts .payment_selbox .select_box {display: inline-block; font-size: 0; background: #FFF; width: 100%;}
#serialOrder .order_conts .payment_selbox select {width: 100%;}
#serialOrder .order_conts .payment_selbox input[type=text] {width: 100%; padding-left: 5px; box-sizing: border-box;}

#serialOrder .order_conts .payment_selbox .voucherKinds1 {display: block; margin: 5px 0;}
#serialOrder .order_conts .payment_selbox .voucherKinds1 > span {width: 25%; background: #FFF; display: inline-block;}
#serialOrder .order_conts .payment_selbox .voucherKinds1 input {width: 25%;}
#serialOrder .order_conts .payment_selbox .voucherKinds2 {display: none; margin: 5px 0;}

#serialOrder .order_conts .payment_selbox input[name="OD_TotalBookMoneyUse"] {width: 50%;}
#serialOrder .order_conts .payment_selbox .money {color: #FA8F05; font-weight: 600;}

#serialOrder .top_box {margin:15px 10px;}
#serialOrder .top_box > div {text-align:center;font-family:'Malgun Gothic';font-weight: 650;}
#serialOrder .top_box p {padding:10px 0 10px 0;border:1px solid #CCC;text-align:center;margin:0 auto;background-color:##ffe8ff; line-height: 1.5}

#coverExtend {position: fixed !important; z-index: 1001; width: 250px; height: 368px; top: 50%; left: 50%; display: none; margin-top: -184px; margin-left: -125px;}
#coverExtend img {width: 100%; height: auto;}
#coverExtend button {position: absolute; width: 50px; height: 50px; right: 0; top: -55px; background: url(http://img.toto-romance.com/upfile/icon/btn_close_wht.png) no-repeat center right; background-size: 80%; z-index: 1002;}

#serialBuyingAlert {display: none; background: #FFF; color: #000; position: fixed; width: 260px; height: 160px; top: 50%; left: 50%; margin-top: -80px; margin-left: -130px; z-index: 1001; text-align: center; font-size: 15px; border: 1px solid #DEDEDE; line-height: 1; padding: 15px 0px; box-sizing: border-box;}
#serialBuyingAlert .close {text-align: right; padding: 0 10px; margin-bottom: 15px;}	
#serialBuyingAlert .close img {height: 25px;}
#serialBuyingAlert .button {position: absolute; bottom: 15px; height: 30px; line-height: 30px; width: 100%; padding: 0 10px; box-sizing: border-box; padding: 0 10px;}
#serialBuyingAlert .button li {float: left; height: 30px; width: 50%;}
#serialBuyingAlert .button a {text-align: center; display: block; border: 1px solid #551A8B; color: #551A8B; height: 100%; width: 90%; margin: 0 auto; font-size: 14px; border-radius: 3px;}
#serialBuyingAlert .button a:hover {text-decoration: none;}
#serialBuyingAlert .button .rent {background: #551A8B; color: #FFF;}

#candyFootWrap {margin-top: 7px;}
#candyFootWrap ul {}
#candyFootWrap li {float: left; width: 50%; box-sizing: border-box; padding: 10px 0;}
#candyFootWrap li a {display: block; font-size: 0; background: #F6F6F6; padding: 0px 0px;}
#candyFootWrap li a.violet {background: #551A8B;}
#candyFootWrap li img {width: 100%; height: auto;}

/*
20180914 ±èÁöÀ± º£½ºÆ® css Ãß°¡
*/
#bestArea{width:100%; height:auto;}
#bestArea ul{padding: 10px; }
#bestArea ul li{width:100%; border-bottom:1px solid #dedede; padding:10px 0;}
#bestArea ul li table {width:100%;}
#bestArea ul li table tr{width:100%; }
#bestArea ul li .rank{width:10%; font-style:italic; font-size:18pt; text-align:right; padding-right:3%;}
#bestArea ul li .img{width:20%; }
#bestArea ul li .img .cover{width: 95px; height: 140px; position:relative;}
#bestArea ul li .img .cover img {width: 100%; height: 100%;}
#bestArea ul li .img .cover .label_adult_best {width: 21px; height: 21px; border: 0 !important;  position: absolute; top: 0; left: 74px;}
#bestArea ul li .img .cover .label_some_free{border:2px #1456DB solid; width:40px; height:40px; font-size:10pt; border-radius:40px; text-align:center; color:#fff; background-color:#3472EF; position: absolute; top: 0;}
#bestArea ul li .img .cover .label_some_free .top{width:100%; margin-top: 6px;}
#bestArea ul li .img .cover .label_some_free .bottom{width:100%;}
#bestArea ul li .img .cover .label_tomorrow_free{border:2px #CB1414 solid; width:40px; height:40px; font-size:10pt; border-radius:40px; text-align:center; color:#fff; background-color:#FF5353; position: absolute; top: 0;}
#bestArea ul li .img .cover .label_tomorrow_free .top{width:100%; margin-top: 6px;}
#bestArea ul li .img .cover .label_tomorrow_free .bottom{width:100%;}

#bestArea ul li .text{width:60%; vertical-align:top;}
#bestArea ul li .text .bestTitle{font-weight: 700;font-size: 18px;margin-bottom: 10px;}
#bestArea ul li .text .bestboard_bottom{color: #59595B;}
#bestArea ul li .text .bestboard_bottom span{padding:0 10px;}
#bestArea ul li .text .bestmb5{margin-bottom: 5px;}


/* index */
.bestrank_main {background: #FFF; padding: 10px 0; margin-bottom: 15px; position: relative; clear: both;}
.bestrank_main.back {background: #FAF8F9; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}

.bestrank_main .bestrank_wrap {}
.bestrank_main .bestrank_wrap h1 {font-size: 0; height: 25px; line-height: 25px; position: relative; margin-bottom: 7px;}
.bestrank_main .bestrank_wrap h1 img {height: 20px; vertical-align: middle; margin-right: 3px;}
.bestrank_main .bestrank_wrap h1 span {display: inline-block; vertical-align: middle; font-size: 1.3rem; padding: 0 7px;}
.bestrank_main .bestrank_wrap strong {color: #551A8B;}
.bestrank_main .bestrank_wrap button {font-size: 1.2rem; position: absolute; top: 0; right: 0px; color: #939598; border: 1px solid #DEDEDE; height: 25px; width: 85px; background: #FAF8F9;}
.bestrank_main .bestrank_wrap button::after {content: ''; padding-right: 10px; background: url(http://img.toto-romance.com/upfile/icon/icon_triangle_bottom.png) no-repeat right center; background-size: 90%; margin-left: 5px;}

.bestrank_main .category_out {border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
.bestrank_main .category_out .category_title {height: 30px; height: 30px; margin: 5px 10px;}
.bestrank_main .category_out .category_title li {float: left; display: table; height: 100%; width: 33%;}
.bestrank_main .category_out .category_title li a {display: table-cell; vertical-align: middle; text-align: center; font-size: 1.4rem;}
.bestrank_main .category_out .category_title li a.on {font-weight:bold;}
.bestrank_main .category_out .category_title li:nth-child(2) {border-right:1px solid #DEDEDE; border-left:1px solid #DEDEDE;}
/*.bestrank_main .category_out .category_title .category_middle {border-right:1px solid #DEDEDE; border-left:1px solid #DEDEDE;}*/

.bestrank_main .bestrank_list {}
.bestrank_main .bestrank_list li {border-bottom: 1px solid #E0E0E0; position: relative;}
.bestrank_main .bestrank_list li.more {display: none;}
.bestrank_main .bestrank_list a {display: table; width: 100%; padding: 10px 0; height: 90px; overflow: hidden;} 
.bestrank_main .bestrank_list a > div {display: table-cell; vertical-align: middle;}
.bestrank_main .bestrank_list .list_number {vertical-align: top !important; width: 45px; font-weight: 700; text-align: center;color: #666;font-style: italic;font-size: 18px;padding:0 10px;}
.bestrank_main .bestrank_list .list_cover {width: 65px; font-size: 0; position: relative;}
.bestrank_main .bestrank_list .list_cover img {width: 60px; height: 88px; border: 1px solid #E3E3E3;}
.bestrank_main .bestrank_list .list_detail {padding-left: 20px; font-size: 1.3rem; color: #939598;}
.bestrank_main .bestrank_list .list_title {font-size: 1.4rem; font-weight: 700; color: #000;}
.bestrank_main .bestrank_list .list_escore_area {margin-top: 5px;}
.bestrank_main .bestrank_list .list_writer {padding: 5px 0;}
.bestrank_main .bestrank_list .list_cover.half {height: 40px; display: block; float: left;}
.bestrank_main .bestrank_list .update {padding-top: 5px;}
.bestrank_main .bestrank_list .update strong {color: #000; margin-right: 7px;}

.bestrank_main .bestrank_rolling {height: 110px; overflow: hidden; width: 100%;}
.bestrank_main .bestrank_rolling .bestrank_list {position: relative; width: 100%; height: auto;}
.bestrank_main .bestrank_rolling .bestrank_list li {height: 110px; box-sizing: border-box;}
.bestrank_main .bestrank_rolling .bestrank_list li .number {color: #666;font-style: italic;font-size: 30px;padding:0 10px;}

.bestrank_main .notice_wrap {font-size: 1.4rem;}
.bestrank_main .notice_wrap strong {color: #551A8B; padding-right: 5px;}

.bestrank_main .sub_title {font-size: 1.6rem; margin-bottom: 5px; margin-top: 30px;}
.bestrank_main .sub_title strong {color: #551A8B;}
.bestrank_main .sub_title u {float: right; font-size: 1.3rem; color: #939598; font-weight: normal; padding-top: 0.15rem;}

#tomorrowServiceNew{width:100%; height:auto; border-top:1px #D7DADE solid;}
#tomorrowServiceNew table{width:100%; margin:0 auto;}
#tomorrowServiceNew table tr{height:40px;}
#tomorrowServiceNew table tr .imgArea{width:28px;}
#tomorrowServiceNew table tr .imgArea img{vertical-align:middle; height:14px;}
#tomorrowServiceNew table tr .imgArea2 img{width:10%;}
#tomorrowServiceNew table tr .imgArea2 img{vertical-align:middle; height:20px; width:20px;}
#tomorrowServiceNew table tr .textAreaL{width:90%; border-bottom:1px #F6F6F6 solid;color: #58595B; line-height: 40px; font-size:14px;}
#tomorrowServiceNew table tr .textAreaM{width: 50%; border-bottom:1px #F6F6F6 solid;color: #58595B; line-height: 40px; font-size:14px;}
#tomorrowServiceNew table tr .textAreaM2{width: 60%; border-bottom:1px #F6F6F6 solid;color: #58595B; line-height: 40px; font-size:14px;}
#tomorrowServiceNew table tr .textAreaMAR{width: 40%; border-bottom:1px #F6F6F6 solid;color: #58595B; line-height: 40px; text-align:right; font-size:12px;}
#tomorrowServiceNew table tr .textAreaMAR .charge{color: #FE5F60; font-size:12px;}
#tomorrowServiceNew table tr .textAreaMAR .change{color: #949599; font-size:12px; margin-left: 15px;}
#tomorrowServiceNew table tr .textAreaMAR img{vertical-align:middle; height:20px; width:20px;}