SELECT {font-family: '³ª´®°íµñ', NanumBarunGothic, NanumGothic, '¸¼Àº°íµñ', "Malgun Gothic", "Apple SD Gothic Neo", 'µ¸¿ò', dotum, sans-serif;}
img {vertical-align: middle;}

#serial_gnb {margin: 0px auto; width: 1020px; height:47px;  font-size:15px; position:relative; letter-spacing:-1px;}
#serial_gnb > ul {display:inline-block; background:#785AA8; width: 100%;}
#serial_gnb > ul li {float:left; width: 16.66%;}
#serial_gnb .title a {width: 100%; display:block; text-align:center; color: #fff; border-right:1px solid #AD9CC9; margin:10px 0; cursor:pointer; font-weight:bold; text-decoration:none;}
#serial_gnb .title div {margin:0 auto; background:#785AA8; color:#FFF; border:1px solid #785AA8; border-radius:5px; width:124px; height:26px; line-height:26px; }
#serial_gnb .title .on {background:#FFF; color:#785AA8; border:1px solid #FFF;}
#serial_gnb .all_cate {background: #503C6F; color: #F6FA05;}
#serial_gnb .all_cate a {border:0; height: 27px;}
#serial_gnb .all_cate div {color: #F6FA05; border:0; background: inherit;}
#serial_gnb .all_cate .on {color: #F6FA05; border:0; background: inherit;}
#serial_gnb .all_cate img {vertical-align: top; margin-right: 14px; margin-top: 7px;}

#serial_menu_all {margin:0 auto; display:none; width:1020px; height:250px; position:absolute; z-index:1; background:#FFF; top:46px; border:1px solid #D3D3D3; box-sizing: border-box;overflow: hidden;}
#serial_menu_all .category {width:100%; text-align:center; display:inline-block;}
#serial_menu_all .category > li {float:left; width:16.66%; height:250px; border-right:1px solid #D3D3D3; box-sizing: border-box;}
#serial_menu_all .category .all {border:0;}
#serial_menu_all .category .all img {width:100%;}
#serial_menu_all .category ul {padding-top:12px;}
#serial_menu_all .category ul > li {padding-bottom:11px;}
#serial_menu_all .category li.on {background:#F4F1F9;}
#serial_menu_all .category a {color:#000;}
#serial_menu_all .category a:hover {font-weight:bold; color:#785AA8; text-decoration:underline; cursor:pointer;}
#serial_menu_all .category a.on {font-weight:bold; color:#785AA8; text-decoration:underline;}
#serial_menu_all .only_admin > a {color:#818085;}

.serial_right {position: relative; letter-spacing: -0.3px;}

/************ chkbox *************/
.serial_right .chkbox_vt:not(:checked), .serial_right .chkbox_vt:checked {position: absolute; left: -9999px;}
.serial_right .chkbox_vt:not(:checked) + label, .serial_right .chkbox_vt:checked + label {position: relative;padding-left: 25px; cursor: pointer;}
/* checkbox aspect */
.serial_right .chkbox_vt:not(:checked) + label:before, .serial_right .chkbox_vt:checked + label:before {content: ''; position: absolute; left:0; top: -2px; width: 18px; height: 18px; border: 1px solid #ddd; background: #FFF; border-radius: 2px; box-shadow: inset 0 0px 2px rgba(0,0,0,.1);}
/* checked mark aspect */
.chkbox_vt:not(:checked) + label:after, .chkbox_vt:checked + label:after {content: ''; font-weight: bold;  position: absolute; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; width: 16px; height: 16px; top: 0px; left: 2px; background: url(http://img.toto-romance.com/upfile/serial/icon/icon_check_mark.png) no-repeat center center; background-size: 90% 100%;}
/* checked mark aspect changes */
.serial_right .chkbox_vt:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.serial_right .chkbox_vt:checked + label:after {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
/* disabled checkbox */
.serial_right .chkbox_vt:disabled:not(:checked) + label:before, .serial_right .chkbox_vt:disabled:checked + label:before {box-shadow: none; border-color: #ddd; background-color: #EEE; box-shadow: inset 0 0px 2px rgba(0,0,0,.1)}
.serial_right .chkbox_vt:disabled:checked + label:after {color: #AD9CC9;}
.serial_right .chkbox_vt:disabled + label {color: #000;}

/************ radio *************/
.serial_right .radio_vt:checked, .serial_right .radio_vt:not(:checked) {position: absolute; left: -9999px;}
.serial_right .radio_vt:checked + label,.serial_right .radio_vt:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block; color: #666;}
.serial_right .radio_vt:checked + label:before, .serial_right .radio_vt:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; box-shadow: inset 0 0px 2px rgba(0,0,0,.2);}
.serial_right .radio_vt:checked + label:after, .serial_right .radio_vt:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #AD9CC9; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.serial_right .radio_vt:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.serial_right .radio_vt:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

/* ¿¬Àç±Û °ü¸® */
.serial_right a:hover {text-decoration: none;}
.serial_right .list_cntbox {float: right; width: 100px; height:30px; text-align:right; margin-left: 13px;}
.serial_right .list_cntbox SELECT {font-size: 12px; width: 100px; height: 25px; float: right; padding-left: 5px;}
.serial_right .btn_wrap.serial > a {display: inline-block; border: 2px solid #D3D3D3; background: #E6E7E9; height: 25px; line-height: 23px; box-sizing: border-box; width: 80px; text-align: center; font-size: 13px; border-radius:0; padding:0;}
.serial_right .btn_wrap.serial > a:last-child {color: #FFF; background: #818286; border: 2px solid #636060;}

.serial_list .tbl_list .title_area {text-align: left; display: table; position: relative; height: auto; width: 100%;}
.serial_list .tbl_list .title_area .label {font-size: 13px; position: absolute; background: #000; color: #FFF; width: 48px; text-align: center; top: 8px; opacity: 0.66; left: 1px; height: 25px; line-height: 25px;}
.serial_list .tbl_list .title_area .cover {width: 90px; height: 133px; display: table-cell; vertical-align: middle; border:1px solid #d3d3d354; position: relative;}
.serial_list .tbl_list .title_area .cover img {width: 100%; height: 100%;}
.serial_list .tbl_list .title_area p {display: table-cell; vertical-align: middle; width: 73%; padding-left: 4%;}

.serial_right .btn_violet {background: #785aa8; color: #FFF; height:34px; line-height: 34px; display: inline-block; width: 110px; text-align: center;}
.serial_right .btn_org {border: 1px solid #FB7E12 !important; color: #FB7E12 !important;}


.serial_list .tbl_list .title_info {display: table-cell; vertical-align: top; color: #000; padding-top: 10px; padding-left: 15px;}
.serial_list .tbl_list .title_info h2 {font-size: 20px; font-weight: 600; margin-bottom: 5px;}
.serial_list .tbl_list .meta {font-size: 0; height: 20px; line-height: 20px; position: relative;}
.serial_list .tbl_list .meta.ft {bottom: 10px; position: absolute; }
.serial_list .tbl_list .meta span {margin-right: 16px; position: relative; font-size: 14px; vertical-align: middle;}
.serial_list .tbl_list .meta span:last-child {margin: 0;}
.serial_list .tbl_list .meta span::after {content:''; position: absolute; right: -8px; width: 1px; height: 14px; top: 3px; background: #DEDEDE;}
.serial_list .tbl_list .meta span:last-child::after {content: none;}
.serial_list .tbl_list .meta span > strong {margin: 0 5px;}
.serial_list .tbl_list .meta img {height: 15px; vertical-align: middle; margin-right: 3px;}
.serial_list .tbl_list a.btn {font-weight: 600; border: 1px solid #DEDEDE; height: 30px; line-height: 30px; margin: 5px;}



/* ¿¬Àç±Û °ü¸® »ó¼¼ */
.serial_right .cont_intro {margin-bottom: 20px; letter-spacing: -0.3;}
.serial_right .cont_intro .cover {width: 188px; height: 278px; float: left; border:1px solid #d3d3d354; position: relative; cursor: pointer;}
.serial_right .cont_intro .cover .state {position: absolute; left: 0; top: 10px; font-size: 16px; background: #000; color: #FFF; width: 70px; text-align: center; height: 30px; line-height: 30px; opacity: 0.66;}
.serial_right .cont_intro .cover img {width: 100%; height: 100%;}
.serial_right .cont_intro table {float: right; width: 750px; text-align: left; font-size: 14px; color: #58595B;}
.serial_right .cont_intro table th {width: 100px;}
.serial_right .cont_intro table td {height: 50px;position: relative;}
.serial_right .cont_intro .title {font-size: 25px; color: #000; display: inline;}
.serial_right .cont_intro .fin_chk {margin-left: 15px; color: #000;}
.serial_right .cont_intro .info span {margin-right: 20px; position: relative; font-size: 14px;}
.serial_right .cont_intro .info > div {font-size: 0;}
.serial_right .cont_intro .info span::after {content:''; width:1px; height: 12px; background: #C8C8CA; position: absolute; right: -10px; top: 2px;}
.serial_right .cont_intro .info span:last-child::after {content:none; display: none;}
.serial_right .cont_intro .info .last::after {content:none; display: none;}
.serial_right .cont_intro .line {border: 1px solid #C8C8CA; border-right:0; border-left: 0;}
.serial_right .cont_intro .line .icon_plus {height: 14px; }
.serial_right .cont_intro .desc  {padding: 7px 0; line-height:1.6;}
.serial_right .cont_intro .keyword {font-size: 13px;}
.serial_right .cont_intro .keyword li {background: #F6F6F8; display: inline-block; height: 30px; line-height:30px; padding:0 10px; border-radius: 5px; margin-bottom: 2px;}
.serial_right .cont_intro .btn_area {margin-top:20px;}
.serial_right .cont_intro .btn_area li {float: left; width: 33.3%; text-align: center;}
.serial_right .cont_intro .btn_area a {width: 95%; height: 30px; line-height: 30px; display: block; border:1px solid #785AA8; color:#785AA8;}
.serial_right .cont_intro .btn_area li:last-child a {width: 100%;}


.serial_right .list_header {height:25px; position: relative; padding: 15px 0 7px; }
.serial_right .list_header p.txt {position: absolute; bottom: 7px;}
.serial_right .list_header p .total {color: #FB6808; font-weight: bold;}
.serial_right .list_header .btn_wrap {float:right;}
.serial_right .list_header .btn_wrap > a {display: inline-block; border: 2px solid #D3D3D3; background: #E6E7E9; height: 25px; line-height: 23px; box-sizing: border-box; width: 80px; text-align: center; font-size: 13px;}
.serial_right .list_header .btn_wrap > a:last-child {color: #FFF; background: #818286; border: 2px solid #636060;}

.serial_right .bbs_list tr.selected > td {background: #F5F2F9; color: #595959 !important;}
.serial_right .bbs_list tr.selected .lst_title a {color: #595959 !important;}

.serial_right .bbs_list .lst_title {text-align: left; padding-left: 5px !important;}
.serial_right .bbs_list .lst_title a {vertical-align: middle; display: inline; }
.serial_right .bbs_list .lst_title .icon_adult {height: 18px; display: inline;}
.serial_right .bbs_list .res_date strong {color: #785AA8;}
.serial_right .tbl_list .candy {color: #FB7E12;}
.serial_right .tbl_list .gift_cnt {cursor:pointer; position: relative;}
.serial_right .tbl_list .list_empty a {color: #FB6808; font-weight: bold; display: inline;}

.serial_right .bbs_list .tbl_list {font-size: 14px;}
.serial_right .bbs_list .tbl_list th {font-weight: 600 !important}
.serial_right .bbs_list .tbl_list td {line-height: 1.4; padding: 10px 0;}
.serial_right .tbl_list .icon_star {height: 13px; vertical-align: middle; margin-right: 3px; -webkit-filter: grayscale(100%); filter: gray;}
.serial_right .tbl_list span.score {display: inline; vertical-align: middle;}
.serial_right .tbl_list td .candy_cnt {color: #6D58AD; font-weight: 600; margin-top: 5px;}
.serial_right .tbl_list td .nick {font-weight: 600; cursor:pointer;}
.serial_right .bbs_list .tbl_list .txt_left a {vertical-align: middle; display: inline;}

.serial_right .bbs_list .notice_txt {display: none;}
.serial_right .bbs_list .notice_txt div {text-align:  left; padding: 20px; line-height: 2;}
.serial_right .bbs_list a.notice_tit {color: inherit; display: block;}

.serial_right .bbs_list .comment_today, .serial_right .bbs_list .comment_cnt {display: inline; vertical-align: middle;}

/* ½Å±ÔÀÛÇ° µî·Ï */
.serial_right .write_form.new th {width: 120px; font-weight: 600;}
.serial_right .write_form.new td {width: 120px; position: relative;}
.serial_right .write_form.new .note {font-size: 12px; color:#58595B; margin-top: 5px;}
.serial_right .write_form.new .note b {color: #E6392A;}
.serial_right .write_form.new .candy_cnt[disabled] {background: #EEE;}
.serial_right .write_form.new .keyword_Wrap {display: block; padding: 10px 0;}
.serial_right .write_form.new .advice {margin: 0 0 10px;}
.serial_right .write_form.new .cont_tit {width: 100%; box-sizing: border-box; font-family: inherit; font-size: 14px;}
.serial_right .write_form.new .cont_txtarea {width: 100%; box-sizing: border-box; height: 300px; margin: 10px 0; font-family: inherit; line-height: 1.5; font-size: 14px;}
.serial_right .write_form.new .cont_txtarea.max {height: 500px;}
.serial_right .write_form.new .cont_txtarea.min {height: 100px;}
.serial_right .write_form.new .cont_fileName {width: 420px; box-sizing: border-box; font-family: inherit;}
.serial_right .write_form.new .cont_keyword {width: 275px; font-family: inherit; font-size: 14px;}
.serial_right .write_form.new .agree_area {height:30px; line-height:30px; margin:7px 0; position: relative;}
.serial_right .write_form.new .agree_desc {margin-bottom: 7px; }
.serial_right .write_form.new .agree {position: absolute; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 10px; right: 0px; top: 0px; cursor: pointer;}
.serial_right .write_form.new .agree img {height: 16px;vertical-align: top; margin-top: 6px; margin-right: 5px;}
.serial_right .write_form.new .cover_area {padding:10px 0; position: relative; width: 600px; overflow: hidden; line-height: 1.5;}
.serial_right .write_form.new .cover_area.border {border-top: 1px solid #DEDEDE;}
.serial_right .write_form.new .cover_area p {padding-bottom:5px; height: 20px;}
.serial_right .write_form.new .cover_area p > span {font-size: 12px; margin-left: 10px;}

.serial_right .write_form.new .set_notice {display: inline-block; background:  #F6F6F8; padding: 2px;}
.serial_right .write_form.new .set_notice strong {font-weight: 600;}
.serial_right .write_form.new .set_notice span {color: #E6392A; font-weight: 600;}
.serial_right .write_form.new .set_notice h3 {font-weight: 600; display: block; font-size: 14px;}

.serial_right .write_form.new .btn_upload {position: absolute; right: 0; bottom: 0; top: 35px;}
.serial_right .write_form.new .btn_upload img {height: 30px;}
.serial_right .write_form.new .cover_list ul {font-size: 0; height: 185px; overflow-x: scroll; overflow-y:hidden; white-space:nowrap;}
.serial_right .write_form.new .cover_list .item {width: 110px; height: 162px; margin-right: 15px; box-sizing: border-box; display: inline-block;}
.serial_right .write_form.new .cover_list .item.on {border: 4px solid #FB7E12}
.serial_right .write_form.new .cover_list .item img {width: 100%; height: 100%;}
.serial_right .write_form.new .cont_tit.fin {width: 80%; margin-right: 10px;}
.serial_right .write_form.new .set_chkbox {width: 200px;}
.serial_right .write_form.new .set_chkbox strong {font-weight: 600; color: #6D58AD;}
.serial_right .write_form.new .calendar {padding: 10px 10px 0; position: relative;}
.serial_right .write_form.new .calendar a {display: block; position: absolute; top: 18px; left: 7px;}
.serial_right .write_form.new .calendar input[type="text"] {width: 100px; margin-left: 20px; font-family: inherit; font-size: 14px;}
.serial_right .write_form.new .calendar p {font-size: 12px; padding-top: 5px;}
.serial_right .write_form.new .rightTh {width: 85px;}

.serial_right .write_form.new .service_tag {font-size: 12px; color: #FB7E12; cursor: pointer;}
.serial_right .write_form.new .service_tag img {height: 13px; vertical-align: text-bottom;margin-right:3px;}
.serial_right .write_form.new .hidden_box {background: #FAF8F9; padding: 10px; box-sizing: border-box; margin: 10px 0; font-size: 14px; line-height: 1.5; display: none;}
.serial_right .write_form.new .hidden_box h2 {font-size: 14px; color: #FA8F05; margin-bottom: 5px;}
.serial_right .write_form.new .hidden_box dt {font-weight: 600; margin-top: 5px;}
.serial_right .write_form.new .hidden_box dl {text-indent: 15px; font-size: 13px;}

.serial_right .tbl_keyword {padding:10px;}
.serial_right .tbl_keyword li {margin-bottom: 7px;}
.serial_right .tbl_keyword li:last-child {margin:0}
.serial_right .tbl_keyword li > div {display: table-cell; line-height: 25px;}
.serial_right .tbl_keyword .cate {font-weight: bold; width: 40px; text-align: left;}

.serial_right .tbl_list .gift_area {position: relative;}
.serial_right .tbl_list .gift_list {display: none; position: absolute; background: #FFF; right:0; width: 150px; z-index: 1; border: 1px solid gray;} 
.serial_right .tbl_list .gift_list table {width: 100%;}
.serial_right .tbl_list .gift_list table th {height: 30px;}
.serial_right .tbl_list .gift_list table tr:last-child td {border-bottom:0;}
.serial_right .tbl_list .gift_list table td:nth-child(1) {width: 70px;}
.serial_right .tbl_list .gift_list table .close {height: 25px; padding:0;}

/* ȸÂ÷µî·Ï*/
#iframeDiv {position: fixed;}
#prevMyImage {margin-top: 7px;}
#prevMyImage a {display: inline-block;}
#uploadPrevArea {margin-top: 7px;}
#uploadPrevArea img {max-width: 200px;}
.serial_right .write_form.new .cover_area .prev_img {max-width: 50%; height: auto; margin-bottom: 7px;}
.serial_right .write_form.new .complete {margin:25px 0;}
.serial_right .write_form input[name="n_uploadFile"] {position: absolute; width:1px; height:1px;opacity: 0;}
.serial_right .write_form.new .cover_area .upload_notice {margin-top:7px; line-height: 18px;}
.serial_right .write_form input[name="serialShareChk"] {width:1px; height:1px;opacity: 0; z-index: -1;}
.serial_right .write_form .keyword_form .keyword_add {margin: 0; vertical-align: top;}

.serial_right .mt10 {margin-top: 10px !important;}
.serial_right .mt30 {margin-top: 30px !important;}
.serial_right .mb10 {margin-bottom: 10px !important;}
.serial_right .write_form.new button.reserve_del {height: 32px; background: #FFF; border: 1px solid #CCC; width: 80px; vertical-align: top; cursor: pointer; font-size: 13px; font-family: inherit;}
.serial_right .write_form.new span.del {background: #FFF; border: 1px solid #CCC; width: auto; vertical-align: middle; cursor: pointer; font-size: 11px; font-family: inherit; padding: 1px 3px;}

.view_keyword .item {color: #59595B;}




/*************************************************/
/* ¸ÞÀÎ */
.main_section {clear:both;}
.mt50 {margin-top: 50px !important;}
.txt_bl {color: #1F8FD7 !important;}
.ellipsis {overflow: hidden; line-height: 1.5; display: -webkit-box; white-space: normal;word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.ellipsis1 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.serial_right .main_banner .banner {width: 100%; height: 100%; background: #F4F1F9;}
.serial_right .main_banner .item {padding: 20px 70px; width:100%; height: 100%; box-sizing: border-box;}
.serial_right .main_banner .banner_bullet {left: 70px; text-align: left; bottom: 15px;}
.serial_right .main_banner .banner_bullet .swiper-pagination-bullet {width: 17px; height: 17px; text-align: center; line-height: 17px; font-size: 12px; color:#000; opacity: 1; background: rgba(0,0,0,0.2); margin-right: 5px;}
.serial_right .main_banner .banner_bullet .swiper-pagination-bullet-active {color:#fff;  background: #785aa8;}
.serial_right .main_banner .item_area {width: 100%; height: 100%; display: table; position: relative;} 
.serial_right .main_banner .item_area .desc {width: 450px; height: 167px; display: table-cell; vertical-align: middle;}
.serial_right .main_banner .item_area p.title {font-size: 31px; margin-bottom: 15px; font-weight: 500; color: #785aa8;}
.serial_right .main_banner .item_area p.txt {line-height: 20px; color: #818283; font-size: 16px;}
.serial_right .main_banner .item_area .cover {position: absolute; top: 0; right: 0;width: 126px; height: 187px;}
.serial_right .main_banner .item_area .cover img {width: 100%; height: 100%;}
.serial_right .weeklistsell a:hover {text-decoration: none;}
.serial_right .weeklistsell .thumb img {width: 100%; height: 100%;}
.serial_right .weeklistsell .writer {padding:0;}
.serial_right .recomm_cont .thumb > .thumb_img {width:100%; height: 100%;}
.serial_right .list_box {overflow: hidden;}

.serial_right .main_section .btn_more {float: right; color: #939598; font-weight: 600; font-size: 16px; margin-top: 3px;}
.serial_right .main_section .btn_more strong {color: #FB6808;}

.serial_right .serial_type {height: 37px; margin-bottom: 10px; font-size: 17px; width: 100%; overflow: hidden;}
.serial_right .serial_type li {float: left; width: 33.3%; border: 1px solid #DEDEDE; border-left:none; box-sizing: border-box; text-align: center; font-weight: 600;}
.serial_right .serial_type li:nth-child(1) {border-left: 1px solid #DEDEDE;}
.serial_right .serial_type li a {display: block; width: 100%; height: 35px; line-height: 35px; color:#414143; background: #FFF;}
.serial_right .serial_type li .on {background: #58595B; color: #FFF;}

.serial_right .serial_type.style2 li {width: 25%;}

.serial_right .serial_type.style3 li {width: 25%; border-right: 0 !important; border-left: 0 !important;}
.serial_right .serial_type.style3 a {color: #939598; background: #FFF; font-weight: normal; position: relative;}
.serial_right .serial_type.style3 a.on {color: #6D58AD; background: #FFF; font-weight: 700;}
.serial_right .serial_type.style3 a::after {content:''; position: absolute; right:0; width: 2px; height: 21px; background: #DEDEDE; top: 7px;}
.serial_right .serial_type.style3 li:nth-child(4) a::after {content:none;}

.serial_right .serial_type.style4 li {width: 28%;}
.serial_right .serial_type.style4 li.etc {width: 16%;}

.serial_right .serial_type.style5 li {width: 12.5%;}

.serial_right .base_list li {padding: 7px 0; border-bottom: 1px solid #DEDEDE; }
.serial_right .base_list.half li {float: left; width: 50%;}
.serial_right .base_list li > a {display: table; width: 100%;}
.serial_right .base_list .cover {display: table-cell; width: 60px; height: 89px; vertical-align: top; font-size: 0; border: 1px solid #DEDEDE;}
.serial_right .base_list .cover img {width:100%; height: 100%;}
.serial_right .base_list .info {display: table-cell; vertical-align: middle; padding: 0 13px;}
.serial_right .base_list .title {font-size: 17px; font-weight: 600; margin-bottom: 6px; color: #000;}
.serial_right .base_list .icon {height: 20px !important; margin-left: 2px;}
.serial_right .base_list .meta_data {font-size: 13px; color: #939598; margin-bottom: 3px;}
.serial_right .base_list .info p:last-child {margin:0;}
.serial_right .base_list .item {margin-left: 10px;}
.serial_right .base_list .item img {height: 14px;margin-right: 2px; margin-top: -2px;}
.serial_right .base_list .rank {font-size: 30px; color: #58595B; font-style: oblique; display: table-cell; font-weight: 600; text-align: center; vertical-align: middle; width: 70px;     padding-right: 13px;}

/* ½½¶óÀÌ´õ */
.cont_slider {overflow: hidden;}
.cont_slider .item > a {display: block; text-align: center;}
.cont_slider .item {width: 18%; position: relative; overflow: hidden; box-sizing: border-box;}
.cont_slider .item .cover {width: 105px; height: 155px; border: 1px solid #DEDEDE; box-sizing: border-box; margin: 0 auto;}
.cont_slider .item .cover img {width: 100%; height: 100%;}
.cont_slider .item .title {font-size: 16px; margin: 5px 0 2px; -webkit-line-clamp: 1; font-weight: 600; color: #000; padding: 0 2px;}
.cont_slider .item .writer {color: #939598; -webkit-line-clamp: 1; font-size: 13px;}
.cont_slider .item.small {width: 16% !important;}

/* ¾ÆÀÌÄÜ */
.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: 23px; background-size: 20px; vertical-align: text-bottom; margin-left: 3px;}
.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: 23px; background-size: 20px; vertical-align: text-bottom; margin-left: 3px;}
.ic_end {background: url(http://img.toto-romance.com/upfile/serial/icon/info_icon_end.png) no-repeat center center; display: inline-block; width: 58px; height: 23px; background-size: auto 20px; vertical-align: text-bottom; margin-left: 3px;}
.ic_secret {background: url(/bbs/image/icon_lock.png) no-repeat center 2px;display: inline-block; width: 20px; height: 23px; background-size: 16px; vertical-align: text-bottom; margin-left: 3px;}

/* ÀÛ°¡¹æ*/
.serial_right .board_top_sns {float:right; padding:0; margin-top: 10px;}
.serial_right .board_top_sns a img {vertical-align:top; height:27px;}

.serial_right .novel_top {position: relative;}
.serial_right .novel_top > div {padding: 0;}
.serial_right .novel_top .total_cnt {position: absolute; bottom: 5px;}
.serial_right .novel_top .total_cnt.type2 {bottom: 10px;}
.serial_right .novel_top .view_type {position: absolute; top: 5px; left: 0;}
.serial_right .novel_top button {font-size: 0; display: inline-block; width: 25px; height: 25px; vertical-align: top; margin-left: 2px; border: 1px solid #CCC; box-sizing: border-box; opacity: 0.3; filter: alpha(opacity=30); cursor: pointer;}
.serial_right .novel_top .on {opacity: 1; filter: alpha(opacity=100);}
.serial_right .novel_top .list {background: url(/mobile2/images/icon/view_type_list.png) no-repeat center center /15px 15px;}
.serial_right .novel_top .grid {background: url(/mobile2/images/icon/view_type_grid.png) no-repeat center center /15px 15px;}
.serial_right .novel_top .list_sort {text-align: right; width: 100%; line-height: 35px; border-bottom: 2px solid #59595B;}
.serial_right .novel_top .list_sort a {margin-left: 10px; position: relative; color: #59595B;}
.serial_right .novel_top .list_sort a.on {color: #785aa8; font-weight: 700;}
.serial_right .novel_top .list_sort a.on:after {content: ''; width: 6px; height: 6px; background: #785aa8; position: absolute; border-radius: 5px; left: -9px; top: 5px;}


/* list */
.serial_right .serial_list li {border-bottom: 1px solid #DEDEDE; padding: 13px 0;}
.serial_right .serial_list li .empty {height: 100px; line-height: 100px; text-align: center;}
.serial_right .serial_list a {display: block; position: relative;}
.serial_right .serial_list a.cont_area {height: 133px;}
.serial_right .serial_list .cover {border: 1px solid #DEDEDE;}
.serial_right .serial_list .cover img {width: 100%; height: 100%;}
.serial_right .serial_list .info p {margin-bottom: 7px;}
.serial_right .serial_list .info p.title {font-weight: 600; font-size: 20px; color: #000;}
.serial_right .serial_list .meta_data {}
.serial_right .serial_list .meta_data.blk {color: #000;}
.serial_right .serial_list .meta_data span.nick {font-weight: 600;}
.serial_right .serial_list .meta_data span {margin-right: 16px; position: relative;}
.serial_right .serial_list .meta_data span:last-child {margin: 0;}
.serial_right .serial_list .meta_data span::after {content:''; position: absolute; right: -8px; width: 1px; height: 80%;top: 10%; background: #DEDEDE;}
.serial_right .serial_list .meta_data span:last-child::after {content: none;}
.serial_right .serial_list .meta_data strong {margin: 0 5px;}
.serial_right .serial_list div.meta_data {position: absolute; bottom:0; font-size: inherit;}
.serial_right .serial_list div.meta_data .icon {height: 12px; vertical-align: text-top; margin-top: 2px; margin-right: 5px;}
.serial_right .serial_list .label img {height: 22px;}
.serial_right .serial_list .cover {width: 90px; height: 133px; position: absolute; top: 0px; left: 0;}
.serial_right .serial_list .info {margin-left: 110px; box-sizing: border-box; color: #939598;}
.serial_right .bbs_btn .my_conts {float: left; border: 1px solid #785aa8; color: #785aa8; font-weight: 650; display: inline-block; width: 100px; height: 34px; line-height: 34px; text-align: center; box-sizing: border-box; font-size: 13px;}

/* grid */
.serial_right .serial_list.grid li {width: 50%; border:0; box-sizing: border-box; float: left; margin-bottom: 5px;}
.serial_right .serial_list.grid div.meta_data span {display: block; margin-top: 5px;}
.serial_right .serial_list.grid div.meta_data span::after {content:none;}


/* best */
.serial_right .serial_list.best .rank {width: 80px; position: absolute; height: 100%; line-height: 133px; font-size: 30px; font-style: oblique; font-weight: 600; overflow: hidden; text-align: center;}
.serial_right .serial_list.best .cover {left: 80px;}
.serial_right .serial_list.best .info {margin-left: 200px;}

.serial_right .serial_list .best_board {padding: 20px 0;}
.serial_right .serial_list .best_board a {height: 50px; display: table;}
.serial_right .serial_list .best_board .rank {line-height: initial; position: relative; display: table-cell; vertical-align: middle;}
.serial_right .serial_list .best_board .info {display: table-cell; margin: 0; padding-left: 10px; vertical-align: middle;}
.serial_right .serial_list .best_board .title {margin-bottom:10px;}
.serial_right .serial_list .best_board .meta_data {margin: 0; }

/* Å°¿öµå °Ë»ö*/
#keySrchTop {margin: 30px 0 5px;}
#keySrchTop table {width: 100%; background: #F5F5F5; font-size: 14px;}
#keySrchTop table th, #keySrchTop table td {border: 1px solid #DEDEDE; border-left: 0; border-right:0;}
#keySrchTop table th {color: #6D58AD; width: 120px; } 
#keySrchTop table td {overflow: hidden;}
#keySrchTop .item_list {padding: 10px 0; position: relative; width: 640px;}
#keySrchTop .item_list .item {display: inline-block; width: auto; color: #58595B; text-align: center; padding: 3px 6px; margin-right: 7px;}
#keySrchTop .item_list .on {background: #9A9AA6; color: #FFF; }
#keySrchTop .title {margin: 20px 0;}
#keySrchTop .title h2 {font-size: 18px; height: 20px; line-height: 20px;}
#keySrchTop .title .btn_init {float: right; font-weight: normal; color: #949597; font-size: 15px; margin-top: 0.1em; position: relative;}
#keySrchTop .title .btn_init img {height: 10px; vertical-align: top; margin-top: 5px; margin-right: 3px;}
#keySrchTop .empty {text-align: center; margin: 0 auto; text-align: center; border-top: 1px solid #DEDEDE; margin: 20px 0 200px; padding: 20px 0;}
#keySrchTop .empty strong {display: block; margin-top: 20px; font-size: 16px;}
#keySrchTop .selected_area {padding: 20px 0 15px; border-bottom: 1px solid #DEDEDE;}
.item_list .swiper-scrollbar {opacity: 0; background: rgba(0,0,0,0);}

/* Å°¿öµå ½ºÅ¸ÀÏ */
.keyword_style span {display: inline-block !important; width: auto; color: #6D58AD; background: #ECE9F4; text-align: center; padding: 0 6px; height: 28px; line-height: 28px; margin-right: 7px; margin-bottom: 5px; padding-right: 1.5em; position:relative; text-align: center;}
.keyword_style span::after {content:''; background: url(http://img.toto-romance.com/upfile/serial/icon/icon_keyword_delete.png) no-repeat center center; width: 1.5em; height: 100%; background-size: 47%; position: absolute; top:0;}
.keyword_style.type2 span {padding-right: 6px; background: #F1F2F2; color: #000;}
.keyword_style.type2 span::after {content: none;}
.keyword_style.type2 span.on {color: #6D58AD; background: #ECE9F4;}

/* detail */
.serial_right .tbl_list .candy_type {display: inline-block; border: 1px solid #DEDEDE; width: 61px; text-align: center; height: 25px; line-height: 25px; box-sizing: border-box; border-radius: 4px; color: #6D6E71; position: relative;  font-weight: 600;}
.serial_right .tbl_list .candy_type.style1 {background: #FFF; color: #785AA8; border: 1px solid #785AA8;}
.serial_right .tbl_list .candy_type.style1 img {width: 26px; vertical-align: top; margin-top: 5px; margin-right: 2px;}

.serial_right .tbl_list .candy_type.style2 {border:0; line-height: 1; width: 100%; height: auto; vertical-align: middle;}
.serial_right .tbl_list .candy_type.style2 span {display: block; margin-top: 4px;}
.serial_right .tbl_list .candy_type.style3 {border:0;}

.serial_right .early_clk {cursor: pointer; display: inline-block; margin: 0 auto; border: 2px solid #DEDEDE; height: 30px; line-height: 30px; border-radius: 7px; width: 300px;}
.serial_right .early_clk span {margin-left: 10px;}
/*
.serial_right .early_area {display: none;}
*/
.serial_right .early_area td {background: #EDEDEF;}
.serial_right .early_area span.ealry {font-size: 12px;background: #FFF; margin-left: 5px;height: 16px;line-height: 16px;display: inline-block;padding: 0 3px;border-radius: 5px;color: #FE5F60; border: 1px solid #DEDEDE; }


.serial_right .bbs_list .icon_board {display: inline; height: 14px; margin-left: 7px; /*margin-top: 2px; vertical-align: top;*/}
.serial_right .bbs_list .icon_board.mid {height: 16px;}
.serial_right .bbs_list span.reserv_icon {display:  inline; vertical-align:  middle; font-size: 11px; font-weight: 600; background: #E6E7E9; margin-right: 5px; padding: 2px 3px;}

#tomorrowService {position: relative; background: #F8F8F8; height: 50px; line-height: 50px; padding: 0 60px; font-weight: 600; font-size: 15px;}
#tomorrowService img {height: 20px; position: absolute; top: 15px; left: 20px;}
#tomorrowService p {color: #58595B; display: inline; margin-right: 20px;}
#tomorrowService strong {color: #FE5F60; font-weight: 600;}



/* »ó¼¼ Çϴܹ٠*/
#serialDetailBar {position: fixed; padding: 0 25px; box-sizing: border-box; width: 760px; height: 60px; line-height: 60px; background: #EDEDEF; bottom: 0; z-index: 99; border: 1px solid #C8C8CA; border-bottom:0; text-align: center; font-size: 0; display: none;}
#serialDetailBar li {float: left; width: 33.3%; font-size: 14px;}
#serialDetailBar li a {font-weight: 600; height: 35px; display: inline-block; line-height: 35px; background: #FFF; width: 94%; border-radius: 7px; border: 1px solid #6D58AD; color: #6D58AD;}
#serialDetailBar li .rent {background: #6D58AD; color: #FFF; }
#serialDetailBar li .rent span, #serialDetailBar li .buying span {}
#serialDetailBar li img {margin-left: 30px; margin-right: 5px; height: 14px; vertical-align: top; margin-top: 11px;}
#serialDetailBar li .selected strong {margin-right: 3px; color: #6D58AD;}
#serialDetailBar li .selected {text-align: left; font-weight: 600; font-size: 17px; display: table; width: 100%;}
#serialDetailBar li .selected > div {display: table-cell;vertical-align: middle; height: 60px;}
#serialDetailBar li .selected p {line-height: 1;}
#serialDetailBar li .selected .note {font-size: 13px; margin-top: 5px; color: #FE5F60; }


/* ¾Ë¶÷ */
#basicAlert {display: none; background: #000; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; color: #FFF; position: fixed; width: 260px; height: 50px; line-height: 50px; border-radius: 5px; top: 50%; left: 50%; margin-top: -50px; margin-left: -130px; z-index: 1000; text-align: center; font-size: 15px;}
#basicAlert strong {font-weight: 500; color: #FB6808;}

/* detail */
.serial_right .cont_intro .icons {margin-right: 35px; padding-left: 20px; position: relative;}
.serial_right .cont_intro .icons strong {margin-right: 5px;}
.serial_right .cont_intro .icons img {height: 14px; width: 18px; position: absolute; left: 0; top: 1px;}
.serial_right .cont_intro .ic_state {height:22px; margin-bottom: 5px;}
.serial_right .cont_intro .ic_state img {height:100%;}
.serial_right .cont_intro .title > .ic_adult {height: 29px;}
.serial_right .cont_intro .btn {position: absolute; right: 0; top: 13px; width: 100px; border: 1px solid #DEDEDE; color: #6D6E71; text-align: center; height: 24px; line-height: 24px; font-size: 14px;}
.serial_right .cont_intro .btn.writer {right:107px;}
.serial_right .cont_intro .btn.on {border: 1px solid #785aa8; color: #785aa8;}
.serial_right .list_header .btn_wrap > span {display: inline-block; height: 25px; line-height: 25px; margin-left: 15px; position: relative; cursor: pointer;}
.serial_right .list_header .btn_wrap > span.on {color: #FB6808;}
.serial_right .list_header .btn_wrap > span.on::after {content: ''; width: 6px; height: 6px; background: #FB6808; position: absolute; border-radius: 5px; left: -9px; 
top: 9px;}

.serial_right .cont_intro.type2 {padding: 15px; border: 1px solid #DEDEDE;}
.serial_right .cont_intro .head {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.serial_right .cont_intro .conts_desc {max-height: 80px; overflow: hidden; line-height: 20px; font-size: 14px;}
.serial_right .cont_intro .more {font-weight: bold; margin-top: 5px; color: #939598; cursor: pointer;}

.serial_right .cont_intro .setting {border: 1px solid #C8C8CA; border-right: 0; border-left: 0; background: #F6F6F8;}
.serial_right .cont_intro div.tit {display: inline-block; width: 150px; font-weight: 700; padding-left: 10px;}
.serial_right .cont_intro div.txt {display: inline-block; }

.serial_right .cont_intro.type3 table {float: none; width: 100%; text-align: center;}
.serial_right .cont_intro.type3 th {height: 40px; border: 1px solid #DEDEDE; background: #F6F6F8;}
.serial_right .cont_intro.type3 td {height: 40px; border: 1px solid #DEDEDE;}

.serial_right .tbl_list div.candy {background: url(/images/icon/info_icon_romancandy.png) no-repeat center center; background-size: 35px; width: 35px; height: 18px;     margin: 0 auto;}

#boardInnerBtnArea {width:100%; height:auto; display:block; }
#boardInnerBtnArea a.btn {line-height:34px; height:34px; display:inline-block; color:#FFF; text-align: center; width: 71px; font-weight:bold; position:relative; padding-left:34px;}
#boardInnerBtnArea a.btn > img {height:34px; vertical-align:top;     position: absolute;  left: 0;}
#boardInnerBtnArea a.btn.facebook {background:#3b5998;}
#boardInnerBtnArea a.btn.naver {background: #1EC800; margin-left: 5px;}
#boardInnerBtnArea span.boardViewerOpen {width:180px; height:32px; border:1px #785AA8 solid; color:#785AA8; float:right; text-align:center; line-height:30px; font-weight:bold}

.serial_right .view_intro_wrap {padding:30px 0;}
.serial_right .view_intro_wrap .left {float:left; width:360px; height:235px; margin-right:35px; }
.serial_right .view_intro_wrap .right {float:left; width:360px; height:235px;}
.serial_right .view_intro_wrap h3 {padding-bottom: 10px;  border-bottom: 1px solid #D3D3D3;}
.serial_right .view_intro_wrap li  {float:left; text-align:center; width:32%;}
.serial_right .view_intro_wrap li  a {position:relative;}
.serial_right .view_intro_wrap a:hover {text-decoration:none;}
.serial_right .view_intro_wrap .thumb {width: 96px; height: 142px; overflow:hidden; margin: 0 auto;     box-shadow: 0 2px 6px rgba(0,0,0,.3); position: relative;}
.serial_right .view_intro_wrap .thumb::before {content: ''; box-sizing: border-box; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.1) 100%);}
.serial_right .view_intro_wrap .thumb > img {width:100%; height:100%;}
.serial_right .view_intro_wrap .title {color:#000; font-size:13px; letter-spacing:-1px; line-height:18px; padding:7px 2px 0;}
.serial_right .view_intro_wrap .sub_title a {color: inherit;}

.serial_right .view_contents {clear:both; letter-spacing:0 !important;}
.serial_right .view_contents.comment {border: 1px solid #DDD; padding: 20px;}
.serial_right .view_subtit.prevTop {position:relative; margin-bottom:15px; margin-top: 50px;}
.serial_right .view_readmore {position: absolute; margin:0; right: 0; top: -8px; float:none;}
.serial_right .view_contents.prevNext {clear: both; border:1px solid #DDD; padding:5px 20px;}
.serial_right .view_contents.prevNext ul {font-size:14px; line-height:24px;}
.serial_right .view_contents.prevNext .next {color:#FB6808; margin-right: 10px; font-weight: bold;}
.serial_right .view_contents.prevNext .prev {color: #785AA8; margin-right: 10px; font-weight: bold;}


/* left */
.serial_left .sub_con {padding: 15px; }
.serial_left .sub_con a:hover {text-decoration: none;}
.serial_left .sub_con .recom.type2 {display: table;}
.serial_left .sub_con .recom.type2 > div {display: table-cell; vertical-align: middle; height: 103px;}
.serial_left .recom.type2 .cover {width: 70px;}
.serial_left .recom.type2 .cover img {width: 100%; height: 100%; border: 1px solid #E3E3E3;}
.serial_left .recom.type2 .info {width: 115px; padding-left: 10px; box-sizing: border-box; color: #939598; font-size: 14px; }
.serial_left .recom.type2 .info .title {color : #414042; font-size: 16px; margin-bottom: 5px; font-weight: 600;}


/** ºä¾î **/
.serial_right .tbl_view .btn_f_writer {margin-left: 10px; border: 2px solid #DEDEDE; padding: 5px 10px; position: relative; cursor: pointer;}
.serial_right .tbl_view .btn_f_writer::before {content: ''; width: 15px; display: inline-block; }
.serial_right .tbl_view .btn_f_writer::after {content: ''; position: absolute; left: 4px; width: 20px; top: 0; height: 100%; background: url(http://img.toto-romance.com/upfile/serial/icon/icon_heart_off_b.png) no-repeat center center; background-size: 13px;}
.serial_right .tbl_view .btn_f_writer.on {color: #CE1413; border: 2px solid #ffdfdf;}
.serial_right .tbl_view .btn_f_writer.on::after {background: url(http://img.toto-romance.com/upfile/serial/icon/icon_heart_on_b.png) no-repeat center center; background-size: 13px;}

.serial_right .view_member_info span {padding-right: 13px; position: relative;}
.serial_right .view_member_info span::after {content: '|'; color: #D3D3D3; position: absolute; right: 4px;}
.serial_right .view_member_info div > span:last-child::after {content: none;}

.serial_right .post_like > a {border: 2px solid #DEDEDE; color: inherit;}
.serial_right .post_like > a.on {color: #CE1413; border: 2px solid #ffdfdf;}
.serial_right .post_like .count {font-weight: 500;}
.serial_right .post_like .count::before {content: '\2764'; display: inline-block; padding-right: 3px;}

.serial_right .viewer_bottom {clear: both; letter-spacing: 0 !important; margin-bottom: 15px; padding: 15px 20px; border: 1px solid #DDD;}
.serial_right .viewer_bottom .sub_title {font-size: 15px !important;}

.viewer_bottom .cont_slider .title {font-size: 14px !important;}
.viewer_bottom .cont_slider .group {color: #595959; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: center; background: #F5F5F5; height: 155px; box-sizing: border-box; padding-top: 10px; letter-spacing: -0.5px;}
.viewer_bottom .cont_slider .group::before {content:'\275D'; display: block;}
.viewer_bottom .cont_slider .group::after {content:'\275E'; display: block; margin-top: 5px;}

.serial_right .view_subtit strong {padding-right: 5px; color: #785AA8;}
.serial_right .writer_series a {margin-right: 10px;}
.serial_right .writer_series .comment_cnt {font-size: 13px; margin-left: 5px;}

#commentWrap .btn_recom {float: right; height: 21px; line-height: 21px; border: 1px solid #E0E0E0; font-size: 13px; padding: 0 7px; cursor: pointer; background: #FFF;}
#commentWrap .btn_recom img {height: 15px; vertical-align: text-bottom; margin-right: 5px;}
#commentWrap div.empty {text-align: center; color: #A1A3A6; }
#commentWrap div.empty img {width: 70px; padding: 0; margin-bottom: 7px;}
#commentWrap .inner_area {margin-top: 20px; font-size: 13px; background: #F6F6F8; padding: 7px; border: 1px solid #DEDEDE;}
#commentWrap .inner_area span {color: #FB6808;}
#commentWrap .inner_area a {font-size: 11px; height: 25px; line-height: 25px; box-sizing: border-box; display: inline-block; border: 1px solid #785AA8; background: #FFF; padding: 0 7px; margin-left: 10px; color: #785AA8;}
#commentWrap .inner_area a img {height: 10px; vertical-align: top; margin-top: 7px;}
#commentWrap .btn_recom.on {color: #CE1413; border: 1px solid #ffdfdf;}
#commentWrap .nickname {vertical-align: middle; }
#commentWrap .regdate {vertical-align: middle; margin: 0;}
#commentWrap .btn_tool {color: #939598; vertical-align: middle; font-size: 12px; margin-left: 15px; position: relative; cursor: pointer;}
#commentWrap .btn_tool::after {position: absolute; left: -9px; content: ''; background: #DDD; width: 1px; height: 70%; top: 18%;}
#commentWrap .alim {height: 25px; line-height: 25px; color: #818085;}
#commentWrap .alim img {height: 14px;}
#commentWrap .alim span {vertical-align: middle; margin-left: 7px;}
#commentWrap .txt_ip {margin-top: 5px;}

#commentForm textarea {font-size: 14px; line-height: 1.5;}

.view_contents ul.inner_tab {display: table; width: 100%; text-align: center; font-weight: 600;}
.view_contents ul.inner_tab li {float: left; width: 33.3%; display: table-cell; vertical-align: middle; box-sizing: border-box; border-left: 1px solid #DEDEDE;}
.view_contents ul.inner_tab li:nth-child(1) {border: 0;}
.view_contents ul.inner_tab .head {margin-bottom: 7px;}
.view_contents ul.inner_tab .count {font-size: 20px; color: #785AA8;}
.view_contents .candy_list {font-size: 12px; line-height: 1.2;}
.view_contents .candy_list li {width: 33.3%; float: left;}
.view_contents .candy_list .date {color: #939598; margin-right: 5px;}
.view_contents .candy_list > p {padding: 20px 0 5px; font-weight: 600; font-size: 14px;}
.view_contents .candy_list .note {font-size: 14px; line-height: 1.4; margin-top: 30px;}

.view_contents.score {line-height: 1;}
.view_contents.score .head {font-weight: 600; height: 25px; line-height: 25px; color: #000;}
.view_contents.score .head > div {display: inline-block; margin-left: 5px;}
.view_contents.score .head .avg {color:#FA8F05;}
.view_contents.score .head .avg img {height: 15px; vertical-align: top; margin-top: 5px;}
.view_contents.score .head .cnt {font-weight: normal; font-size: 13px; color: #939598;}

.view_contents.score .rating {padding: 20px 10px 0; text-align: center; margin-top: 4px;  border-top: 1px solid #DEDEDE; font-size: 12px;}
.view_contents.score .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;}
.view_contents.score .rating_bottom {text-align: center; margin-top: 10px;}
.view_contents.score .rating .submit {display: inline-block; margin: 0 auto; border: 2px solid #DEDEDE; height: 28px; line-height: 28px; width: 70px; border-radius: 5px;}
.view_contents.score .rating p { margin-bottom: 10px; color: #939598;}

.view_contents.score .rating_area {display: inline-block; width: 150px; margin: 0 auto; vertical-align: middle;}
.view_contents.score .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;}
.view_contents.score .rating_area label.full {background: url(http://img.toto-romance.com/upfile/serial/icon/m_star_orange.png) no-repeat left center;}
.view_contents.score .rating_area label.right {background-position: right center !important;}


#serialListLoad table {width: 100%; font-size: 14px; text-align: center;}
#serialListLoad table td {line-height: 1.5; border-bottom: 1px solid #D3D3D3; padding: 10px 0;}
#serialListLoad table label {vertical-align: middle; margin-right: 2px;}
#serialListLoad table .eBox {width: 1px; height: 1px; opacity: 0; position: absolute; top:0; left: 0; z-index: -1;}
#serialListLoad table .icon_star{height: 13px; vertical-align: middle; margin-right: 3px; -webkit-filter: grayscale(100%); filter: gray;}
#serialListLoad table span.score {display: inline; vertical-align: middle;}
#serialListLoad table .candy_type {display: inline-block; border: 1px solid #DEDEDE; width: 61px; text-align: center; height: 25px; line-height: 25px; box-sizing: border-box; border-radius: 4px; color: #6D6E71; position: relative; font-weight: 600;}
#serialListLoad table .candy_type.style1 {background: #FFF; color: #785AA8; border: 1px solid #785AA8;}
#serialListLoad table .candy_type.style1 img {vertical-align: top; margin-top: 3px;}
#serialListLoad table .candy_type.style2 {border:0; line-height: 1; width: 100%; height: auto; vertical-align: middle;}
#serialListLoad table .candy_type.style2 span {display: block; margin-top: 4px;}
#serialListLoad table .candy_type.style3 {border:0;}
#serialListLoad .comment_cnt, #serialListLoad .comment_today {font-size: 13px;}
#serialListLoad table .empty {padding: 15px 0;}


#tomorrowService p span {font-size: 13px; color: #949599; margin-left: 5px; cursor: pointer}
#tomorrowServiceInfo {z-index: 1001; position: fixed; top: 50%; left: 50%; width: 400px; padding: 20px; background: #FFF; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #DEDEDE; display: none;}
#tomorrowServiceInfo .top {text-align: center; font-size: 1.6rem; position: relative;}
#tomorrowServiceInfo h2 {display: inline-block; margin: 0 0 7px; padding: 0 0 7px; border-bottom: 2px solid red; font-size: 16px; font-weight: 650; }
#tomorrowServiceInfo .top button {padding:0; font-size: 0; border: 0; background: url(/mobile2/images/button/btn_popup_close.gif) no-repeat center center; float: right; width: 20px; height: 20px; position: absolute; right: 0; top: 0; cursor: pointer;}
#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;}

#serialDetailTop {margin-top: 20px; height: 40px; line-height: 40px; width: 100%;} 
#serialDetailTop a {color: #595959; display: block; width: 50%; float: left; text-align: center; border: 1px solid #DEDEDE; box-sizing: border-box; font-weight: 700;}
#serialDetailTop a:hover {color: #000;}
#serialDetailTop a:first-child {border-right: 0;}
#serialDetailTop a.on {background: #F6F6F8;}


#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: 1000; text-align: center; font-size: 15px; border: 3px 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 #6D58AD; color: #6D58AD; height: 100%; width: 90%; margin: 0 auto; font-size: 14px; border-radius: 3px;}
#serialBuyingAlert .button a:hover {text-decoration: none;}
#serialBuyingAlert .button .rent {background: #6D58AD; color: #FFF;}