@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
a:hover {text-decoration:none;}

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td, button {
	font-family:'³ª´®°íµñ', NanumBarunGothic, NanumGothic, '¸¼Àº°íµñ', "Malgun Gothic", "Apple SD Gothic Neo", 'µ¸¿ò', dotum, sans-serif; outline: none;
}
a:hover {text-decoration:none; cursor:pointer;}

.roman_clear {clear:both;}
.ico_lock {width:12px; height:auto; vertical-align:top; margin-right:3px;} 

#header_top {width: 1020px; margin: 0px auto; height:95px;}
#header_top ul {display:inline-block; width:100%;}
#header_top ul li {float:left;}
#header_top .logo {width:305px; margin-top:20px;}
#header_top .logo img {vertical-align:top;}
#header_top .logo .logo_kr {margin-left:5px;}

#header_top .search_area {padding-top:20px;}
#header_top .search_form {width:415px; height:45px;}
#header_top .search_form input[type=text] {float:left; border:3px solid #785AA8; padding:5px; font-size:15px; width:340px; height:18px;}
#header_top .search_form a {float:left;}
#header_top .search_form a > img {width:34px; height:34px;}
#header_top .search_area ul {display:block; font-size:12px;}
#header_top .search_area ul li {padding-right:15px;}
#header_top .search_area a, #header_top .search_area a:hover {color:#595A5C;}
#header_top .search_area ul li:last-child {padding:0;}
#header_top .search_area .best {font-weight:bold; color:#785AA8;}
#header_top .top_menu {width:265px; float:right;}
#header_top .top_menu > ul {margin-top:15px;}
#header_top .top_menu > ul li {margin-right:2px; float:right;}
#header_top .top_menu li > a {display:block; overflow:hidden; width:50px; height:50px; font-size:0; background:url("../newcommunity/image/icon_top_menu.png") ;}
#header_top .top_menu .sub_m1 {background-position:0 0;}
#header_top .top_menu .sub_m2 {background-position:-52px 0;}
#header_top .top_menu .sub_m3 {background-position:-104px 0;}
#header_top .top_menu .sub_m4 {background-position:-156px 0;}
#header_top .top_menu .sub_m5 {background-position:-208px 0;}
#header_top .top_menu a.sub_on {background-position-y:51px;}
#header_top .top_menu .notice { margin:5px; height:17px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
#header_top .top_menu .notice ul {position:relative; width:100%; height:auto;}
#header_top .top_menu .notice li {width:100%; height:17px; line-height:17px; cursor:pointer;}
#header_top .top_menu .notice a {color:#000;}
#header_top .top_menu .notice span {font-weight:bold; color:#785AA8; padding-right:5px;}


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

#community_lnb {margin: 0px auto; padding:10px 0 0; width: 1020px;  font-size:15px; position:relative; letter-spacing:-1px;}
#community_lnb a {margin-right:17px; color:#000; padding:0 0 3px;}
#community_lnb a:hover {font-weight:bold; color:#785AA8; border-bottom: 2px solid #785AA8; text-decoration:none;}
#community_lnb a.on {font-weight:bold; color:#785AA8; border-bottom: 2px solid #785AA8;}

.gnb_m1, .gnb_m2, .gnb_m3, .gnb_m4 {display:none;}

#header_menu {margin:0 auto; display:none; width:1018px; height:270px; position:absolute; z-index:1; background:#FFF; top:46px; border:1px solid #D3D3D3;}
#header_menu > ul {width:100%; text-align:center; display:inline-block;}
#header_menu > ul > li {float:left; width:200px; height: 270px; border-right:1px solid #D3D3D3;}
#header_menu > ul li.empty {border:0; width:214px; background: #FFF !important;}
#header_menu > ul > li > ul {padding-top:12px;}
#header_menu > ul > li > ul > li {padding-bottom:11px;}
#header_menu .category li.on {background:#F4F1F9;}
#header_menu .category a {color:#000;}
#header_menu .category a:hover {font-weight:bold; color:#785AA8; text-decoration:underline; cursor:pointer;}
#header_menu .category a.on {font-weight:bold; color:#785AA8; text-decoration:underline;}
#header_menu .only_admin > a {color:#818085;}

#romanContent {margin:0; padding:0; width:100%; height:auto; letter-spacing:-1px;}
.content_w {width:1020px; margin:0 auto; padding:20px 0 0; position:relative;}
.cont_left {float:left; width:230px;}
.cont_right {float:right; width:775px;}
hr.foot {width:100%; height:60px; display:block; margin:0; border:0;}

#remoteCtrl {position: absolute; top:400px; right:0;}
#remoteCtrl .remote_btn {width: 35px; text-align: center; line-height:30px;}
#remoteCtrl .remote_btn img {cursor:pointer;}

#remoteCtrl .ctrl_box {border:1px solid #D3D3D3; width:120px; padding:5px;}
#remoteCtrl .ctrl_box h3 {padding:5px 0; border-bottom:2px solid #D3D3D3;}
#remoteCtrl .ctrl_box .box_title {padding:5px 0;}
#remoteCtrl .ctrl_box ul {background:#F6F6F8; padding:3px;}
#remoteCtrl .ctrl_box ul span {color:#818085;}
#remoteCtrl .ctrl_box a {color:#000}
#remoteCtrl .ctrl_box .box_btn {padding:7px 0 0; text-align:center;}
#remoteCtrl .box_btn button {background:#FFF; border:1px solid #D3D3D3; font-family:'³ª´®°íµñ', NanumBarunGothic, NanumGothic; padding:2px 5px; cursor:pointer;}




/* login */
.aside_login {position:relative; border:1px solid #D3D3D3; background:#EDEDEF; padding:20px 12px; height: auto}
.aside_login .box_login {width:118px; border:1px solid #D3D3D3; padding:5px; margin-bottom:7px; height:19px;}
.aside_login .lo_a {position:absolute; width:63px; height:68px; line-height:68px; top:20px; right:14px;}
.aside_login .chkBox {}
.aside_login .chkBox label {margin-right:10px; cursor:pointer; vertical-align:top;}
.aside_login .chkBox input[type=checkbox] {margin-right:5px;}
.aside_login .btn_find {margin:0 auto; margin-top:10px;}
.aside_login .btn_simpleLogin {border-top:1px dashed #D3D3D3; padding:10px 0 0;}
.aside_login .btn_simpleLogin a {display:inline-block; margin-bottom:3px;}
.aside_login .btn_join {margin:0 auto; padding:0 0 8px;}
.aside_login .btn_join img {cursor:pointer; display:inline-block;}
.aside_login h3 {color:#334141;  font-weight:normal; font-size:15px; }
.aside_login .pt_box {height:28px; line-height:28px; background:#FFF; border:1px solid #D3D3D3; margin:10px 0; padding:0 10px; letter-spacing:-1px;}
.aside_login .pt_box p {display:inline-block; color:#FB6808; font-weight:bold;}
.aside_login .pt_box img {margin:0 3px -1px 0;}
.aside_login .pt_box .box_lt {float:left;}
.aside_login .pt_box .box_rt {float:right; color:#785AA8; cursor:pointer;}
.aside_login .log_box li {height:28px;}
.aside_login .log_box img {margin-bottom:-3px; margin:0 3px -3px 0;}
.aside_login .log_box .grape_chk {color:#FB6808; font-weight:bold; margin-left:10px;}
.aside_login .log_box .pt_date {color:#785AA8; font-weight:bold;}
.aside_login .log_box a:hover {text-decoration:underline;}
.aside_login .btn_logout img {cursor:pointer;}
.aside_login .admin_nav {margin:10px 0 0; padding:5px 0 0; border-top:1px dashed #D3D3D3;}
.aside_login .admin_nav a {font-size:14px; color:#000; display:inline-block; padding:5px 0 0;}
.aside_login .admin_nav img {vertical-align:super;}


/* Ä¿¹Â´ÏƼ left */
.cont_left ul {width:100%;}
.cont_left .sub_con {margin-top:20px; border:1px solid #D3D3D3; padding:20px 15px; color:#000; font-size:14px;}
.cont_left ul.rank_realTime li {padding-bottom:12px;}
.cont_left ul.rank_realTime .bullet {font-size:5px; color:#785AA8; margin-right:3px;}
.cont_left ul.rank_realTime .bullet img {margin-bottom:3px;}
.cont_left ul.rank_realTime .title {display:inline-block; max-width:140px; vertical-align:bottom; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.cont_left ul.rank_realTime .title a {color:#000;}
.cont_left ul.rank_realTime .title a:hover {text-decoration:underline; color:#000;}
.cont_left ul.rank_realTime .time {float:right; color:#785AA8; font-weight:bold; font-size:11px;}
.cont_left ul.rank_realTime li:last-child {padding:2px;}
.cont_left .btq_image {display:inline-block; width:80px; height:118px; border:1px solid #D3D3D3; overflow:hidden;}
.cont_left .btq_image img {width:100%; height:100%;}
.cont_left .btq_info {width:105px; display:inline-block; vertical-align:top; padding-left:5px; position:relative; height:120px;}
.cont_left .btq_info .genre {color:#D94785; font-weight:bold;}
.cont_left .btq_info .title {font-weight:bold;}
.cont_left .btq_info .title a {color:#000;}
.cont_left .btq_info .writer {color:#818085; }
.cont_left .btq_info .writer a {color:#818085;}
.cont_left .btq_info .writer a:hover {text-decoration:underline; cursor:pointer;}
.cont_left .btq_info .time {color:#D94785; font-size:12px; position:absolute; bottom:0;padding:0;}
#subBanner {margin-top:20px;}
#subBanner a {display:block; margin-bottom:5px;}
#subBanner img {border:1px solid #D3D3D3; width:228px;}
#subBanner .bnr_pc {border:0; width:230px;}

.cont_left .recom {cursor:pointer;}
.cont_left .con_thumb {display:inline-block; width:80px; height:118px; border:1px solid #D3D3D3; overflow:hidden;}
.cont_left .con_thumb img {width:100%; height:100%;}
.cont_left ul.con_info {width:105px; display:inline-block; vertical-align:top; padding:0 0 0 5px; position:relative; height:120px;}
.cont_left ul.con_info .genre {color:#D94785; font-weight:bold;}
.cont_left ul.con_info .title {font-weight:bold; font-size:15px;}
.cont_left ul.con_info .writer {color:#818085; font-size:13px;}
.cont_left ul.con_info .regdate {position:absolute; bottom:0;}
.cont_left ul.con_info .summary {height:46px; padding:0; text-overflow: ellipsis; white-space:normal; overflow:hidden; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-top:12px; position:absolute; bottom:0; font-size:12px;}
.cont_left .dashed {border-bottom:1px dashed #D3D3D3; margin:10px 0;}

.cont_left .sub_con a, .cont_left .sub_con a:hover {color:#000;}
.cont_left .rank_style {padding: 0;} 
.cont_left .rank_style li {display: table; width: 100%; margin-bottom: 10px;}
.cont_left .rank_style li:last-child {margin: 0;}
.cont_left .rank_style li > div {display: table-cell; vertical-align: top; text-align: left;}
.cont_left .rank_style .nums {width: 13%;}
.cont_left .rank_style .info {width: 87%;}
.cont_left .rank_style .info a {font-size: 14px;}
.cont_left .rank_style .nick {color: #939598; font-size: 12px; margin-top: 5px;}

#romanContent ul.rank_defulat li {padding-bottom:10px; }
#romanContent ul.rank_defulat li:last-child {padding-bottom: 0;}
#romanContent ul.rank_defulat .nums img {vertical-align:sub; margin-right:2px;}
#romanContent ul.rank_defulat .writer {color:#818085; font-size:13px;}
#romanContent ul.rank_defulat div.writer { margin:0 0 0 20px;}
#romanContent ul.rank_defulat .writer a {color:#818085;}
#romanContent ul.rank_defulat .title {display:inline-block; max-width:170px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom; font-size:14px;}
#romanContent ul.rank_defulat .title a {color:#000;}
#romanContent ul.rank_defulat .title a:hover {text-decoration:underline; color:#000;}
#romanContent ul.rank_defulat ul.reply {display:inline-block; margin-left:5px; max-width:170px; vertical-align:top; font-size:13px; letter-spacing:-1px;}
#romanContent ul.rank_defulat ul.reply > li {padding-bottom:5px;}
#romanContent ul.rank_defulat .reply_tit {font-weight:bold; max-width:170px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
#romanContent ul.rank_defulat .reply_tit a {color:#000;}
#romanContent ul.rank_defulat .reply_tit a:hover {text-decoration:underline; color:#000;}
#romanContent ul.rank_defulat .reply_txt {color:#595959; font-size:14px;}
#romanContent ul.rank_defulat .reply_info {color:#898989;}
#romanContent ul.rank_defulat .reply_info > p {color:#785AA8; display:inline-block;margin-right:5px;}
#romanContent .sub_title {color:#334141;  font-weight:bold; font-size:18px; margin-bottom:14px;}
#romanContent .sub_title > p {display:inline-block; font-size:13px; color:#6E6E70; margin-left:8px;}
#romanContent .txt_vl {color:#785AA8;}
#romanContent .txt_pk {color:#D94785;}
#romanContent .txt_bl {color:#1F8FD7;}


/* Ä¿¹Â´ÏƼ footer */
#romanFooter {margin:0 auto; width:100%; height:auto; color:#7D7D7D;}
#romanFooter .notice {background:#F9F9FB; border:1px solid #D3D3D3; border-right:0; border-left:0; width:100%; height:170px; overflow: hidden;}
#romanFooter .notice ul {width:1020px; height:171px; margin:0 auto;}
#romanFooter .notice ul > li {position:relative; float:left; width:205px; border-right:1px solid #D3D3D3;  padding:23px; height:125px; }
#romanFooter .notice ol {margin:10px 0 0;}
#romanFooter .notice ol > li {text-overflow: ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:5px;}
#romanFooter .notice ol h1 {color:#785AA8;}
#romanFooter .notice ol p {font-weight:bold;}
#romanFooter .notice ol a {color:#7D7D7D;}
#romanFooter .notice ol b {font-weight:normal;}
#romanFooter .notice h3 {color:#334141;  font-weight:bold; font-size:15px;}
#romanFooter .notice .banner {position:relative; padding:0; width:260px; height:171px;}
#romanFooter .notice .banner a {position:absolute;}
#romanFooter .notice .banner img {width:100%;}
#romanFooter .notice .banner .go_top {top:0px;}
#romanFooter .notice .banner .go_bottom {bottom:-2px; border-top:1px solid #D3D3D3;}
#romanFooter .sub_bottom {position:absolute; bottom:23px;}
#romanFooter .sub_bottom input[type=text] {border:1px solid #D3D3D3; padding:5px; height:17px; width:165px;float:left;}
#romanFooter .sub_bottom img.btn_search {width:28px; height:28px;}
#romanFooter .sub_bottom img.btn_help {float:left;}
#romanFooter .help {margin:5px 0 0;}
#romanFooter .links {margin:20px 0; border:1px solid #D3D3D3; border-right:0; border-left:0; padding:10px 0;}
#romanFooter .links ul {width:1020px; margin:0 auto; text-align:center;}
#romanFooter .links ul li {display:inline-block; border-right:1px solid #D3D3D3;}
#romanFooter .links ul li > a {color:#000; padding:0 12px;}
#romanFooter .links li.sitemap {border:0;}
#romanFooter .corp_info {margin-bottom:30px;}
#romanFooter .corp_info ul {width:1020px; margin:0 auto;}
#romanFooter .corp_info ul li {display:inline-block;}
#romanFooter .corp_info .logo {width:200px; vertical-align:top;}
#romanFooter .corp_info .info {width:540px;}
#romanFooter .corp_info address {}
#romanFooter .corp_info h4 {margin-top:10px; color:#FB6808;}
#romanFooter .corp_info .list {vertical-align:top; float:right;}


/* Ä¿¹Â´ÏƼ ¸ÞÀÎ ¹è³Ê */
.main_banner {width: 775px; height:227px; position:relative; overflow:hidden; margin:0;}
.main_banner img {width:100%; height:100%;}
.main_banner .slick-slider {margin:0;}
.main_banner > .slick-prev:before {background:url("../newcommunity/image/top_arrow_prev.png") no-repeat; opacity:0.8; content:"<"; font-size:0; width:42px; height:42px; position:absolute; left:0; top:50%; margin-top:-21px;}
.main_banner > .slick-next:before {background:url("../newcommunity/image/top_arrow_next.png") no-repeat; opacity:0.8; content:"<"; font-size:0; width:42px; height:42px; position:absolute; right:0; top:50%; margin-top:-21px;}
.main_banner > .slick-prev {opacity:0.8;} 
.main_banner > .slick-next {opacity:0.8;} 


/* Ä¿¹Â´ÏƼ ¸ÞÀÎ right */
.main_section {margin-top:20px;}

.main_section .blue_rank {float:left; width:338px; padding:20px; border:1px solid #D3D3D3; margin-right:15px; height:320px;}
.main_section .blue_rank h3 {color:#334141;}
.main_section .pink_rank {float:left; width:338px; padding:20px; border:1px solid #D3D3D3; margin-right:15px; height:320px;}
.main_section .pink_rank h3 {color:#334141;}
.main_section .i_box {height:320px;}
.main_section ul.rank_free li {padding-bottom:10px; -webkit-margin-after:1px; font-size:14px;}  
.main_section ul.rank_free .nums img {vertical-align:sub; margin-right:2px;}
.main_section ul.rank_free .grade {color:#1F8FD7; font-weight:bold; letter-spacing:-1px;}
.main_section ul.rank_free .title {max-width:180px; display:inline-block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.main_section ul.rank_free .title a {color:#000;}
.main_section ul.rank_free .title a:hover {text-decoration:underline; color:#000;}
.main_section ul.rank_free .writer_top {display:block; margin:3px 0 0 23px; color:#818085;}
.main_section ul.rank_free .reply {color:#FB6808;}
.main_section ul.rank_free .writer {display:inline-block; max-width:72px; color:#818085; margin-left:5px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom; font-size:13px;}
.main_section ul.rank_free .top {font-size:18px; font-weight:bold;letter-spacing:-1px; max-width:223px;}
.main_section ul.rank_booktique li {padding-bottom:8px; -webkit-margin-after:3px;  font-size:14px;} 
.main_section ul.rank_booktique .nums img {vertical-align:sub; margin-right:2px;}
.main_section ul.rank_booktique .grade {color:#D94785; font-weight:bold;}
.main_section ul.rank_booktique .title {max-width:177px; display:inline-block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.main_section ul.rank_booktique .title a {color:#000;}
.main_section ul.rank_booktique .title a:hover {text-decoration:underline; color:#000;}
.main_section ul.rank_booktique .writer {display:inline-block; max-width:72px; color:#818085; margin-left:5px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom; font-size:13px;}
.main_section ul.rank_booktique .writer a {color:#818085;}
.main_section ul.rank_booktique .writer a:hover {color:#818085; text-decoration:underline;}

.main_section .vertical_half {height:130px;}
.main_section .vertical_half a {text-decoration:none;}
.main_section .vertical_half .thumb {display:inline-block; border:1px solid #D3D3D3; width:84px; height:129px; overflow:hidden;}
.main_section .vertical_half .thumb img {width:100%; height:100%;}
.main_section .vertical_half .info {display:inline-block; vertical-align:top;}
.main_section .vertical_half .info >ul {display:inline-block;width:235px; padding-left:5px; position:relative; height:129px;}
.main_section .vertical_half .info .genre {font-weight:bold; color:#D94785; margin-top:2px;}
.main_section .vertical_half .info .title {font-weight:bold; font-size:15px; margin:2px 0;}
.main_section .vertical_half .info .writer {color:#818085; margin-bottom:10px; font-size:13px;}
.main_section .vertical_half .info .summary {height:32px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:13px;}
.main_section .vertical_half .info .time {position:absolute; bottom:0; color:#D94785;}
.main_section .dashed {border-bottom:1px dashed #D3D3D3; margin:10px 0; *margin:26px 0;}

.main_section .new_book {float:left; width:360px; padding:10px 0; /*margin-right:15px;*/}
.main_section .new_book h3 {color:#334141;  font-weight:bold; font-size:18px; padding-bottom:10px; border-bottom:1px solid #D3D3D3;}
.main_section .new_book span.ebook {color:#1F8FD7;}
.main_section .new_book span {color:#D94785; display:inline-block; }
.main_section .new_book ul {padding:20px 10px; text-align:center;}
.main_section .new_book ul li {display:inline-block; margin:0 5px; vertical-align:top;}
.main_section .new_book .thumb {border:1px solid #D3D3D3; width:91px; height:135px; overflow:hidden; position:relative;}
.main_section .new_book .thumb a>img {width:100%; height:100%;}
.main_section .new_book .title {padding:6px 0 3px; width:96px; font-size:14px;}
.main_section .new_book .title a {display:inline-block; height:26px;}
.main_section .new_book .title span {margin-left:2px; font-weight:bold; color:red; font-size:11px;}
.main_section .new_book a:hover {text-decoration:underline;}
.main_section .new_book .writer {padding-top:5px; font-size:13px;}
.main_section .new_book .writer a {color:#818085;}
.main_section .new_book .ico_lt {position:absolute; left:0;}
.main_section .new_book .ico_rt {position:absolute; right:0; width:30px; height:30px;}


/* 20170530 ±èÁöÀ± Ãß°¡ÀÛ¾÷ */
.main_section .weeklistsell {float:left; width:775px; padding:10px 0; margin-right:15px;}
.main_section .weeklistsell h3 {color:#334141;  font-weight:bold; font-size:18px; padding-bottom:10px; border-bottom:1px solid #D3D3D3;}
.main_section .weeklistsell span.ebook {color:#1F8FD7;}
.main_section .weeklistsell span {color:#D94785; display:inline-block; }
.main_section .weeklistsell ul {padding:20px 10px; text-align:center;}
.main_section .weeklistsell ul li {float:left; display:inline-block; margin:0 5px;}
.main_section .weeklistsell .thumb {border:1px solid #D3D3D3; width:91px; height:135px; overflow:hidden; position:relative;}
.main_section .weeklistsell .thumb a>img {width:100%; height:100%;}
.main_section .weeklistsell .title {padding:6px 0 3px; width:96px; font-size:14px;}
.main_section .weeklistsell .title a {display:inline-block; height:26px;}
.main_section .weeklistsell .title span {margin-left:2px; font-weight:bold; color:red; font-size:11px;}
.main_section .weeklistsell a:hover {text-decoration:underline;}
.main_section .weeklistsell .writer {padding-top:5px; font-size:13px;}
.main_section .weeklistsell .writer a {color:#818085;}
.main_section .weeklistsell .ico_lt {position:absolute; left:0;}
.main_section .weeklistsell .ico_rt {position:absolute; right:0; width:30px; height:30px;}


.main_section .board_update {float:left; margin-right:15px; width:248px;}
.main_section .board_update .board_title {border:1px solid #D3D3D3; padding:10px 8px; color:#334141; background:#EDEDEF;  font-weight:bold;}
.main_section .board_update .board_title a {float:right; margin-top:3px;}
.main_section .board_update h3 {display:inline-block; font-size:15px;}
.main_section .board_update p {color:#785AA8; display:inline-block;}
.main_section .board_update ul {padding:18px 0px; font-size:14px;}
.main_section .board_update .title {max-width:140px; display:inline-block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.main_section .board_update .writer {max-width:70px; display:inline-block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}


.main_section .update_list {padding:20px; border:1px solid #D3D3D3;}
.update_list .list_cate {display:inline-block; padding-right:15px; font-size:1.17em; color:#334141;}
.update_list h3 {color:#334141;margin-bottom:10px;}
.update_list p {display:inline-block; color:#1F8FD7;}
.update_list .btn_cate {width:110px; border:1px solid #D3D3D3; background:#EDEDEF; text-align:center; padding:6px 0; margin-top:5px; cursor:pointer;}
.update_list .btn_genre {width:110px; border:1px solid #D3D3D3; background:#EDEDEF; text-align:center; padding:6px 0; margin-top:5px; cursor:pointer;}
.update_list .btn_genre.on {border:1px solid #D94785; background:#D94785; color:#FFF;}
.update_list .btn_cate.on {border:1px solid #1F8FD7; background:#1F8FD7; color:#FFF;}

.update_list .halfbox_cont {display:inline-block; width:590px; vertical-align:top;}
.update_list .halfbox_cont > ul {width:48%; display:inline-block; cursor:pointer; position:relative;}
.update_list .halfbox_cont > ul li {display:inline-block;}
.update_list .halfbox_cont .con_thumb {border:1px solid #D3D3D3; width:109px; height:162px;}
.update_list .halfbox_cont .con_thumb img {width:100%; height:100%;}
.update_list .halfbox_cont .con_info {vertical-align:top; padding:5px; width:155px; position:relative; height:150px;}
.update_list .halfbox_cont .con_info .genre {font-weight:bold; color:#D94785; font-size:14px;}
.update_list .halfbox_cont .con_info .title {font-weight:bold; font-size:15px; margin:5px 0; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.update_list .halfbox_cont .con_info .writer {color:#818085;}
.update_list .halfbox_cont .con_info .summary {height:89px; line-height:18px; text-overflow: ellipsis; white-space:normal; overflow:hidden; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 6; -webkit-box-orient: vertical; font-size:13px; position:absolute;bottom:0;}

.update_list .list_cont {display:inline-block; width:590px; vertical-align:top; font-size:14px;}
.update_list .list_cont ol {display:inline-block; width:291px;}
.update_list .list_cont ol img {margin-bottom:3px;}
.update_list .list_cont ol li {margin-bottom:10px}
.update_list .list_cont ol li.end {margin:0;}
.update_list .list_cont ol a {text-decoration:none;}
.update_list .list_cont .title {display:inline-block; max-width:158px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.update_list .list_cont .writer {color:#818085; display:inline-block; max-width:72px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom; font-size:12px;}
.update_list .list_cont .dash {color:#818085; font-size:13px;}
.update_list .list_cont .reply {color:#FB6808; font-size:13px;}


.main_section .recomm_cont {padding:20px; border:1px solid #D3D3D3;}
.recomm_cont ul li {display:inline-block; width:118px; text-align:center; cursor:pointer;}
.recomm_cont a, .recomm_cont a:hover {color:#595959;}
.recomm_cont a:hover {text-decoration:underline;}
.recomm_cont .thumb {margin:0 auto; border:1px solid #D3D3D3; width:91px; height:135px; overflow:hidden; position:relative;}
.recomm_cont .thumb .img_thumb {width:100%; height:100%;}
.recomm_cont .thumb .tag_hot {position:absolute; top:0; left:0;}
.recomm_cont .thumb .ico_lt {position:absolute; left:0; width:33px; height:33px;}
.recomm_cont .thumb .ico_rt {position:absolute; right:0; width:30px; height:30px;}
.recomm_cont .title {margin:10px 0 5px; font-weight:bold; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; height:15px;}
.recomm_cont .writer { font-size:13px; color:#818085;}
.recomm_cont .writer a {color:#818085;}

.main_section .list_box {padding:20px; border:1px solid #D3D3D3;}
.main_section .list_box h3 {display:inline-block; color:#334141; margin-bottom:15px;  font-size:18px;}
.main_section .list_box h3 p {display:inline-block; color: #1F8FD7;}
.main_section .list_box a.more {display:inline-block; vertical-align:middle; margin:0 10px; cursor:pointer;}
.main_section .list_box li {margin-bottom:7px;}
.main_section .list_box li:last-child {margin-bottom:0;}
.main_section .list_box table {width:100%; font-size:14px;}
.main_section .list_box table img {margin:0 10px 3px 0;}
.main_section .list_box table .grade {font-weight:bold; color:#1F8FD7;}
.main_section .list_box table .regdate {color:#818085; width:100px; text-align:center;}
.main_section .list_box table .writer {width:100px; text-align:center;}
.main_section .list_box .empty {padding:20px 0; text-align:center;}
.main_section .list_box .empty img {margin:0 10px 5px 0; vertical-align:middle;}

.main_section .list_box_cont {font-size:14px;}
.main_section ul.ul_halfbox {width:49%; display:inline-block;}
.main_section ul.ul_halfbox img {margin:0 10px 3px 0;}
.main_section ul.ul_halfbox a {display:inline-block; max-width:280px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.main_section ul.ul_halfbox li {margin-bottom:10px;}
.main_section ul.ul_halfbox li:last-child {margin-bottom:0;}

.main_section .review_box {width:49%; display:inline-block; height:95px; overflow:hidden;}
.main_section .review_box >a:hover {text-decoration:none;}
.main_section .review_box img {margin:0 5px 0 0; vertical-align:sub;}
.main_section .review_box ul.lt {padding-right:15px;}
.main_section .review_box ul.lt .title {font-size:15px;}
.main_section .review_box ul.lt .writer {font-size:13px;}
.main_section .review_box .title {font-size:14px; font-weight:bold; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; max-width:230px; display:inline-block; vertical-align:bottom; padding-right:5px;}
.main_section .review_box .title_rt {text-overflow: ellipsis; white-space:nowrap; overflow:hidden; max-width:230px; display:inline-block; vertical-align:bottom; font-size:14px;}
.main_section .review_box .desc {line-height:20px; color:#818085; padding:9px 0 0; text-overflow: ellipsis; white-space:normal; overflow:hidden; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:13px;}
.main_section .review_box .writer {color:#818085;}
.main_section .review_box .writer.rt {font-size:13px; padding-left:5px;}


.main_section .main_notice {background:#FFF3E7; padding:20px; border:1px solid #FB6808;}
.main_section .main_notice h3 { font-size:15px; display:inline-block; color: #FB6808;}
.main_section .main_notice >img {vertical-align: top; margin-right:8px;}
.main_section .main_notice ul {margin-left:27px; display:inline-block;}
.main_section .main_notice ul img {margin:0 10px 3px 0;}
.main_section .main_notice .inner_box {display:inline-block; width:635px; height:16px; overflow:hidden; vertical-align:bottom;}
.main_section .main_notice .inner_box ul {position:relative; width:100%; height:auto;}
.main_section .main_notice .inner_box li {width:100%; height:16px; line-height:14px; font-size:14px;}

.main_section .half_box {display:inline-block; width:336px; border: 1px solid #D3D3D3; padding:20px; float:left;}
.main_section .box_right {float:right;}
.main_section .half_box h3 { font-size:18px; display:inline-block; margin-bottom:15px;}
.main_section .half_box h3 p {color:#785AA8; display:inline-block;}
.main_section .half_box a.more {display:inline-block; vertical-align:middle; margin:0 10px;}
.main_section .half_box li a {display:inline-block; max-width:280px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.main_section .half_box li {margin-bottom:10px;font-size:14px;}
.main_section .half_box li:last-child {margin-bottom:0;}
.main_section .half_box li img {margin:0 10px 3px 0;}
.main_section .half_box img.rock {margin:0;}

.w_box_top {height:140px; border-bottom:1px dashed #D3D3D3; position:relative;}
.w_box_top .title {font-size:16px; font-weight:bold; max-width:295px; display:inline-block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;vertical-align:bottom;}
.w_box_top .cont {position:absolute; top:30px; margin:0; color:#818085; line-height:20px; cursor:pointer; height:100px; overflow:hidden;font-size:14px;}
.w_box_top a {max-width:300px;}
.w_box_top .comment_cnt {font-weight:bold; font-size:12px;}

.n_box_top {height:140px;}
.n_box_top span.thumb {border:1px solid #D3D3D3; width:91px; height:135px; overflow:hidden;display:inline-block;}
.n_box_top span.thumb img {width:100%; height:100%;}
.n_box_top span.info {display:inline-block; vertical-align:top; width:225px; height:100%; padding:0 0 0 10px; position:relative;}
.n_box_top .info li {margin:0 0 5px;}
.n_box_top .info .grade {color:#785AA8; font-weight:bold;} 
.n_box_top .info .title {font-weight:bold; font-size:14px;}
.n_box_top .info .writer {color:#818085;}
.n_box_top .info .summary {color:#818085; position:absolute; bottom:3px; line-height:20px; max-width:225px; text-overflow: ellipsis; white-space:normal; overflow:hidden; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.n_box_top .comment_cnt.rt {font-size:12px;}

.half_box_bt {padding:15px 0 0;}
.half_box_bt .comment_cnt {font-size:12px;}
.half_box_bt .writer {color:#818085; font-size:11px;}
.main_section .w_box_top li > a {max-width:335px; vertical-align:top;}
.main_section .half_box_bt li > a {max-width:335px;}
.half_box_bt .comment_cnt.rt {margin:0 5px 0 0;}
.main_section .half_box_bt a.title {max-width:226px; display:inline-block;}

.main_section a {color:#000;}
.main_section a:hover {color:#000;}

.main_section .right {margin:0;}
.main_section .board_comment {color: #FB6808; font-size:12px;}



/* bbs */
.board_left {float:left; width:230px;}
.board_right {float:right; width:760px;}

.board_left ul {width:100%; padding:0 8px;}
.board_left .sub_con {margin-top:20px; border:1px solid #D3D3D3; padding:20px 15px; color:#000;}
.board_left .sub_con a, .board_left .sub_con a:hover {color:#000;}
.board_left .recom {cursor:pointer;}
.board_left .con_thumb {display:inline-block; width:80px; height:118px; border:1px solid #D3D3D3; overflow:hidden;}
.board_left .con_thumb img {width:100%; height:100%;}
.board_left ul.con_info {width:100px; display:inline-block; vertical-align:top; padding:5px; height:110px; position:relative; font-size:14px;}
.board_left ul.con_info li {padding-bottom:5px;}
.board_left ul.con_info .genre {color:#D94785; font-weight:bold; padding:0 0 2px 0;}
.board_left ul.con_info .title {font-weight:bold;}
.board_left ul.con_info .writer {color:#818085;}
.board_left ul.con_info .regdate {position:absolute; bottom:0px;}
.board_left ul.con_info .time {color:#D94785; font-size:12px; position:absolute; bottom:0;padding:0;}
.board_left .dashed {border-bottom:1px dashed #D3D3D3; margin:10px 0;}

.board_left .rank_style {padding: 0;} 
.board_left .rank_style li {display: table; width: 100%; margin-bottom: 10px;}
.board_left .rank_style li:last-child {margin: 0;}
.board_left .rank_style li > div {display: table-cell; vertical-align: top; text-align: left;}
.board_left .rank_style .nums {width: 13%;}
.board_left .rank_style .info {width: 87%;}
.board_left .rank_style .info a {font-size: 14px;}
.board_left .rank_style .nick {color: #939598; font-size: 12px; margin-top: 5px; }

.board_right {color:#595959; font-size:14px;}
.board_right table {border-collapse:collapse;}
.board_right h1 {height:27px;  padding:17px 0; border-bottom:2px solid #6D6E72;}
.board_right h1 a, .board_right h1 a:hover  {color:#595959; text-decoration:none;}
.board_right h1 p {display:inline-block; color:#8C8C8E; font-weight:normal; font-size:15px; margin-left:20px; font-weight: 600; letter-spacing: -1px;}
.board_right h1 p > span {color: #FB6808; margin-left: 10px;}
.board_right .bbs_top {margin:30px 0 5px;}
.board_right .bbs_top select {float:left; height:25px; margin:0 3px; font-family:'³ª´®°íµñ', NanumBarunGothic, NanumGothic; font-size:13px; vertical-align:top; margin:11px 10px 0; padding:0 10px 0 2px;}
.board_right .bbs_top .count {float:left; margin-top:17px;}
.board_right .bbs_top .count span {color:#FB6808; font-weight:bold; margin-left:5px;}
.board_right .bbs_top .btn_top_write {float:right;}
.board_right .bbs_list .tbl_list {width:100%; border-top:2px solid #785AA8; text-align:center; font-size:15px;}
.board_right .bbs_list .tbl_list th {height:40px; background:#F6F6F8; border-bottom: 1px solid #D3D3D3;}
.board_right .bbs_list .tbl_list td {padding:8px 0; border-bottom: 1px solid #D3D3D3; line-height: 25px;}
.board_right .bbs_list .tbl_list td.chkbox > input[type="checkbox"] {vertical-align:middle;}
.board_right .bbs_list .tbl_list td.null {height:60px; line-height:60px;}
.board_right .bbs_list .tbl_list .base {font-size: 13px;}
.board_right .bbs_list .notice td {background:#F4F1F9; font-weight:bold; color:#785AA8;}
.board_right .bbs_list .notice img {vertical-align:middle; margin-bottom:3px;}
.board_right .bbs_list .txt_left {text-align:left; letter-spacing:0;}
.board_right .bbs_list a {color:#595959; cursor:pointer; }
.board_right .bbs_list a:hover {color:#595959;}
.board_right .bbs_list a .cate {color: #000; font-weight: 700; font-size: 13px; margin-right: 10px;}
.board_right .bbs_list .ico_bbs {vertical-align:top; margin:7px 4px 0 0; height:13px;}
.board_right .bbs_list .ico_adult {display:inline-block; color:red;}
.board_right .bbs_list .title {max-width:390px; display:inline-block; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom;}
.board_right .bbs_list .reply {color:#FB6808; font-weight:bold}
.board_right .bbs_btn {width:100%; margin:15px 0 10px; height:37px;}
.board_right .btn_left {float:left; margin-right:10px; cursor:pointer;}
.board_right .btn_right {float:right; margin-left:10px; cursor:pointer;}
.board_right span.tit_del {color:#CCC;}
.board_right a.tit_del {color:#CCC;}
.board_right .tbl_list .comment_cnt {font-size:13px; letter-spacing:0; font-weight:normal;}
.board_right .tbl_list .comment_today {font-size:13px; letter-spacing:0;}

.board_right .bbs_admin_option {width:100%; margin:20px 0 40px;text-align:right;}
.bbs_admin_option a.btn_blk {display:inline-block; padding:5px 10px; border:1px solid #FB6808; color:#FB6808; float:left;}
.board_right  .bbs_admin_option a:hover {text-decoration:none; color:#FB6808;}
.bbs_admin_option .btn_pk {display:inline-block; padding:2px 10px; border:1px solid #D94785; color:#D94785;  border-radius:5px;  margin-top:10px;}
.bbs_admin_option .btn_wht {display:inline-block; padding:2px 10px; border:1px solid #D3D3D3; border-radius:5px;  background:#F6F6F8;}
#TargetBoard {margin: 0 5px; height:27px; line-height:27px; font-size:13px;  font-family:'³ª´®°íµñ', NanumBarunGothic, NanumGothic;}

#newPaging {text-align:center; font-weight:bold;}
#newPaging a {display:inline-block; vertical-align:middle;}
#newPaging img {vertical-align:top;}
#newPaging span {margin:0 5px; display:inline-block;}
#newPaging span>a {width:33px; height:25px; line-height:25px; color:#595959; letter-spacing:-1px; text-align:center;}
#newPaging .on {background:#6D6E72; color:#fff;}
#newPaging .onea {background:#FFF; color:#595959;}

.board_right .bbs_search {background:#F6F6F8; text-align:center; height:48px; line-height:48px; margin:40px 0; border: 1px solid #D3D3D3; border-right:0; border-left:0; font-size:15px;}
.board_right .bbs_search input[type=checkbox] {margin-right:7px; vertical-align:text-top;}
.board_right .bbs_search input[type=text]  {height:25px; width:160px; padding:0 5px; font-size: 13px; font-family: inherit; line-height: 25px;}
.board_right .bbs_search label {cursor:pointer; margin-right:15px;}
.board_right .bbs_search span {display:inline-block;}
.board_right .bbs_search a.btn {display:inline-block; cursor:pointer;}
.board_right .bbs_search img {vertical-align:top; width:25px; margin-top:12px;}

.board_right .write_form {width:100%; margin-top:40px;}
.board_right .write_form table {width:100%; font-size:14px;}
.board_right .write_form table tr th {background:#F6F6F8; height:50px; border: 1px solid #D3D3D3;}
.board_right .write_form table tr td {padding:0 12px; border: 1px solid #D3D3D3;}
.board_right .write_form select {width:100px; height:30px; font-size:12px; padding:0 5px;}
.board_right .write_form label {cursor:pointer; margin-right:15px;}
.board_right .write_form input[type=checkbox] {margin-right:7px; vertical-align:middle;}
.board_right .write_form input[type="text"] {padding:0 10px; height:30px; line-height:30px; font-size:12px; width:480px; vertical-align: middle;}
.board_right .write_form textarea {width:738px; height: 600px; padding:10px; border: 1px solid #D3D3D3; margin:12px 0 0; resize:none;}
.write_form .market_notice {margin:12px 0 0; font-weight:bold;  font-size:15px;}
.write_form .market_notice img {vertical-align:sub; margin:0 5px 0 0;}
.write_form .form_con {margin: 23px 0 0;}
.write_form .form_con h3 { font-size:15px;}
.write_form .form_con h3 p {display:inline-block; color:#FB6808; margin-right:5px;}
.write_form .form_con h3 span {color:#8C8C8E; font-size:14px; margin:0 5px;}
.write_form .form_con textarea {height:300px;}
.write_form .form_con .w_comment {height:40px;}
.write_form .form_box {margin-top:10px; border:1px solid #D3D3D3; background:#F6F6F8; padding:10px;}
.write_form .form_box b {padding:0 18px;}
.write_form .form_box h3 {margin:10px; font-size:12px;}
.write_form .form_upload {position:relative; margin-top:10px; border:1px solid #D3D3D3; background:#F6F6F8; height:55px; line-height:55px; padding:0 10px;}
.write_form .form_upload.multiple {border-top:0; margin:0;}
.write_form .form_upload span {font-weight:bold; margin:0 10px;}
.write_form .form_upload input[type="text"] {width:450px; vertical-align: middle;}
.write_form .form_upload .upfile_data {width:1px; height:1px; position:absolute; z-index:-100;}
.write_form .form_upload .upfile_del {width:1px; height:1px; position:absolute; z-index:-100; opacity:0;}
.write_form .form_upload .btn_upload {display: inline-block;vertical-align: top; margin-top:12px;}
.write_form .form_upload .btn_upload img {cursor:pointer;}
.write_form .form_upload label {margin:0 2px 0;}
/*.write_form .form_upload .btn_upload a {margin-left:8px; cursor:pointer;} */
.write_form .underline {padding:0 0 11px; border-bottom: 2px solid #6D6E72;}
.write_form .advice {margin:18px 0 10px; line-height:20px;}
.write_form .keyword_form {border:1px solid #D3D3D3; background:#F6F6F8; height:55px; line-height:55px; padding:0 18px;}
.keyword_form input {margin:0 10px 0 18px;}
.keyword_form .keyword_add {display:inline-block; vertical-align:top; margin:12px 0 0; cursor:pointer;}
.write_form .keyword_prev {margin:10px 0 0;}
.write_form .keyword_empty {padding:10px 0}
.write_form .keyword_empty img {vertical-align:sub; margin:0 10px;}
.keyword_prev .item {display:inline-block; border:1px solid #D3D3D3; padding:0 10px; height:24px; line-height:24px; margin:0 8px 8px 0; background:#F5F5F5;}
.keyword_prev .item img {margin:0 0 0 5px; vertical-align:middle; cursor:pointer;}
.write_form .tbl_keyword {margin:6px 0 0; border:1px solid #D3D3D3; padding:10px 0;}
.board_right .write_form .tbl_keyword th {border:0; background:#fff; height:30px; padding:0 10px; width:40px;}
.board_right .write_form .tbl_keyword td {border:0; line-height:35px;}
.keyword_Wrap {display:none;}

/*2017 10 11 ±èÁöÀ± ÀÛ¾÷ ¹«·á¿¬Àç -> À¯·á¿¬Àç ÄÁ¹öÆà ÆäÀÌÁö*/
.board_right .convToChargeFirst {width:100%; margin-top:40px; }
.board_right .convToChargeFirst table{width: 100%; font-size:14px;}
.board_right .convToChargeFirst table tr th {background:#F6F6F8; height:auto; border: 1px solid #D3D3D3; width:20%;}
.board_right .convToChargeFirst table tr td {padding:0 12px; border: 1px solid #D3D3D3; width:80%; height:30px;}
.board_right .convToChargeFirst table tr td .oneline{width:100%; height:15px;}
.board_right .convToChargeFirst table tr td .convRadioArea{position:relative; line-height:30px;}
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"]{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"] + label{ display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"] + label:before{ content: ''; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"] + label:active:before{ box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"] + label:checked + label:active:before{ box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"]:checked + label:before{ background: #E9ECEE; border-color: #adb8c0; }
.board_right .convToChargeFirst table tr td .convRadioArea input[type="radio"]:checked + label:after{ content: ''; position: absolute; top: 12px; left: 5px; width: 7px; height: 7px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
.board_right .convToChargeFirst table tr td .convCheckBoxArea{position:relative; }
.board_right .convToChargeFirst table tr td .convCheckBoxArea input[type="checkbox"] { display: none;}
.board_right .convToChargeFirst table tr td .convCheckBoxArea input[type="checkbox"] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 0px; font-size: 13px;}
.board_right .convToChargeFirst table tr td .convCheckBoxArea input[type="checkbox"] + label:before{content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 5px; margin-top:-5px; position: absolute; left: 0; bottom: 1px; background-color: #ccc; border-radius: 2px; box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);}
.board_right .convToChargeFirst table tr td .convCheckBoxArea input[type="checkbox"]:checked + label:before{ content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; font-weight:800; color: #fff; background:#6D6E71; text-align: center; line-height: 15px;}
.board_right .convToChargeFirst table tr td textarea{width:100%; height:150px; max-width:607px;}
.board_right .convToChargeFirst table tr td .keyword_form {background:#F6F6F8; height:35px; line-height:35px; padding:0 18px;}
.board_right .convToChargeFirst table tr td .keyword_form input {margin:0 10px 0 18px; width:250px;}
.board_right .convToChargeFirst table tr td .keyword_form .keyword_add {display:inline-block;  margin:12px 0 0; cursor:pointer;}
.board_right .convToChargeFirst table tr td .keyword_form .keyword_add img{vertical-align:middle; margin-top:-27px;}
.board_right .convToChargeFirst table tr td  .coverSelect{height:auto; display: inline-block; padding:10px 0;}
.board_right .convToChargeFirst table tr td  .coverSelect li{float:left; padding-right:14px; cursor: pointer; padding-bottom:10px;}
.board_right .convToChargeFirst table tr td  .coverSelect li .self{width:76px; height:104px; border:1px #ccc solid; text-align:center; font-weight:bold; line-height:106px}
.board_right .convToChargeFirst table tr td  .coverSelect li .selfSelected{box-shadow:0px 2px 10px 1px #FF2800; width:76px; height:104px; border:1px #ccc solid; text-align:center; font-weight:bold; line-height:106px}
.board_right .convToChargeFirst table tr td  .coverSelect li .bookImageArea{position:position:absolute; top:0; height:106px; width:78px; margin:0 auto; }
.board_right .convToChargeFirst table tr td  .coverSelect li .bookImageArea .bookImage{display:block; box-shadow: 0 2px 6px rgba(0,0,0,.3); width:100%; height:100%; position:relative;}
.board_right .convToChargeFirst table tr td  .coverSelect li .bookImageArea .bookImage: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%);}
.board_right .convToChargeFirst table tr td  .coverSelect li .bookImageArea .bookImageSelected{display:block; box-shadow:0px 2px 10px 1px #FF2800; width:100%; height:100%; position:relative;}
.board_right .convToChargeFirst table tr td  .coverSelect li .bookImageArea .bookImageSelected: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%);}
.board_right .convToChargeFirst table tr td  .coverSelect li .bookImageArea img{width:78px; max-height:107px}
.board_right .convToChargeFirst table tr td .filearea {position:relative; margin:10px 0; border:1px solid #D3D3D3; background:#F6F6F8; height:55px; line-height:55px; padding:0 10px;}
.board_right .convToChargeFirst table tr td .filearea .multiple {border-top:0; margin:0;}
.board_right .convToChargeFirst table tr td .filearea input[type="text"] {width:300px; vertical-align: middle; }
.board_right .convToChargeFirst table tr td .filearea .upfile_data {width:1px; height:1px; position:absolute; z-index:-100;}
.board_right .convToChargeFirst table tr td .filearea .upfile_del {width:1px; height:1px; position:absolute; z-index:-100; opacity:0;}
.board_right .convToChargeFirst table tr td .filearea .btn_upload {display: inline-block;vertical-align: top; margin-top:12px;}
.board_right .convToChargeFirst table tr td .filearea .btn_upload img {cursor:pointer;}
.board_right .convToChargeFirst table tr td .filearea label {margin:0 2px 0;}
.board_right .convToChargeFirst table tr td .btn_upload {display: inline-block;vertical-align: top; margin-top:12px;}
.board_right .convToChargeFirst table tr td .btn_upload img {cursor:pointer;}
.board_right .convToChargeFirst .convBtn{margin-top:10px; width:150px; height:40px; border:1px red solid; float:right; line-height:40px; text-align:center; color:white; background-color:#FF2800; cursor:pointer}
.board_right #convProgress{width:760px; background-color:#ddd; height:40px;}
.board_right #convProgress #prgsLabel{width: 0%; height: 40px; background-color: #4CAF50; text-align: center; line-height: 40px; color: white;}
.board_right #prgsExpl{width:760px; text-align:left;}
/*2017 10 11 ±èÁöÀ± ÀÛ¾÷ ¹«·á¿¬Àç -> À¯·á¿¬Àç ÄÁ¹öÆà ÆäÀÌÁö*/

.board_right .view_header {margin-top:40px;}
.board_right .tbl_view {margin:10px 0; width:100%; font-size:14px;}
.board_right .tbl_view th {background:#F6F6F8; border: 1px solid #D3D3D3; color:#785AA8;}
.board_right .tbl_view td {padding:0 10px; border: 1px solid #D3D3D3;height:50px; /*line-height:50px;*/}
.board_right .tbl_view td.center {text-align:center;}
.board_right .tbl_view .btn_my_writer {cursor:pointer; vertical-align:middle; width:75px; margin-bottom:2px;}
.board_right .view_contents {margin-bottom:15px; /*border:1px solid #D3D3D3; padding:20px; */ padding:10px 0; font-size:15px; line-height:25px;}
.board_right .view_contents h3 {font-size:15px;  color:#334141; margin-bottom:20px;}
.board_right .view_contents h3 p {color:#D94785; display:inline-block;}
.view_contents .view_only_admin {margin:0 0 10px;}
.view_contents .view_member_info {font-size:12px; background:#F6F6F8; padding:0 5px 0; margin-bottom:10px;}

.view_contents .recomm_cont {font-size:12px; line-height:12px; font-family:'µ¸¿ò',dotum,AppleGothic,sans-serif;}
.view_contents .recomm_cont ul li {width:116px;}
.view_contents table.e_novel { font-size:14px; width:100%; margin:0 0 5px; text-align:center;}
.view_contents table.e_novel th {border:1px solid #D3D3D3; background:#F6F6F8; padding:5px 0;}
.view_contents table.e_novel td {border:1px solid #D3D3D3;}
.view_contents table.e_novel .empty {width:40px;display:inline-block;}
.view_contents .view_add_file {margin:0 0 5px; font-size:12px; }
.view_contents .view_add_file >span {font-weight:bold;}
.view_contents .view_add_file img {vertical-align:middle; margin-bottom:2px;}
.view_contents .view_add_file a {color:#595959;}
.view_contents .view_add_file a:hover {color:#595959; text-decoration:underline;}
.view_contents .view_add_notice {margin-bottom:20px;}
.view_contents .view_add_notice >h3 {border-bottom:1px solid #6D6E72; margin-bottom:7px; }
.view_contents .view_add_notice >div {background:#F6F6F8; padding:15px 10px}
.view_contents .view_adult_notice {margin:35px 0; text-align:center;}
.view_contents .content_background {position:relative; margin:20px 0;}
.view_contents .content_background .inner_txt {position:absolute;z-index:-1;text-align:center;font-size:20pt;font-family:'ÈÞ¸Õ¿¾Ã¼';font-weight:bold;color:#f9f5f5;line-height:80px;overflow:hidden;border:1px solid #fff;}
#newRomanBook {border:1px solid #D3D3D3; padding:12px;}

.view_keyword {margin:10px 0 0;}
.view_keyword a {cursor:pointer;}
.view_keyword a:hover {text-decoration:none;}
.view_keyword .item {display:inline-block; border:1px solid #D3D3D3; padding:0 10px; height:24px; line-height:24px;margin:0 8px 8px 0;  background:#F5F5F5;}

.view_readmore {text-align:right; margin:0 0 15px;}
.view_readmore > a {display:inline-block; height:34px; line-height:34px; border:1px solid #785AA8; color:#785AA8; font-size:15px;  font-weight:bold; padding:0 18px; cursor:pointer;}
.view_readmore span {color:#FB6808;}

.view_contents .intro {display:inline-block;}
.view_contents .intro li {float:left;}
.view_contents .intro li.thumb {width:180px; height:267px; border:1px solid #D3D3D3;}
.view_contents .intro li.thumb img {width:100%; height:100%}
.view_contents .intro .cont_box {padding-left:20px;}
.view_contents h4 {color:#785AA8; font-size:15px;  margin-bottom:20px;}
.view_contents li >.desc {display:inline-block; width:510px;}
.view_contents div > .desc {width:100%;}
.view_contents div.cont_box {padding:0; margin:25px 0;}

.board_right .view_subtit {font-size:15px;  margin:25px 0 10px;}
.board_right .view_subtit p {color:#785AA8; display:inline-block; margin-right:5px; cursor:pointer;}
.board_right .writer_series {font-size:12px; line-height:12px; font-family:'µ¸¿ò',dotum,AppleGothic,sans-serif;}
.board_right .writer_series li {padding:4px 0;}
.board_right .writer_series img {margin:0 10px 3px 0;}
.board_right .writer_series .grade {font-weight:bold; color:#785AA8; margin-right:10px;}
.board_right .writer_series .regdate {float:right; color:#818085;}
.board_right .writer_series a {color:#000;}
.board_right .writer_series a:hover {color:#000; text-decoration:underline;}


.board_right .bbs_comment {width:100%; margin:20px 0 15px;}
.board_right .bbs_comment h3 {font-size:15px;  color:#334141; padding:10px 0; border-bottom:2px solid #6D6E72}
.board_right .bbs_comment h3 p {color:#FB6808; display:inline-block;}
.board_right .bbs_comment ul.comment_list {margin-bottom:15px;}
.board_right .bbs_comment ul li {padding:14px 7px; border-bottom:1px solid #D3D3D3;}
.board_right .bbs_comment .secret_comment {margin-right:10px; display:inline-block; color:#818085;}
.board_right .bbs_comment .nickname {font-weight:bold; margin-right:10px;}
.board_right .bbs_comment .admin_view {color:#D94785;margin-bottom:5px;}
.board_right .bbs_comment .regdate {color:#939598; margin-right:10px;}
.board_right .bbs_comment .btn_tools {display:inline-block; vertical-align:middle; cursor:pointer;}
.board_right .bbs_comment .reply_recom {float:right; color:#FB6808;margin-top:5px; cursor:pointer;}
.board_right .bbs_comment .reply_txt {margin-top:10px; line-height:20px;}
.board_right .bbs_comment .reply_txt > a {text-decoration: underline;}
.board_right .bbs_comment .empty {padding:20px 10px;}
.board_right .bbs_comment .btn_all_comment {padding:20px 0; display:block; text-align:center;}
.board_right .bbs_comment .del_comment {color:#818085}
.board_right .bbs_comment .txt_report {color:#FB6808; margin-bottom:2px;}
.board_right .bbs_comment .txt_ip {text-align:right; font-size: 12px; color: #939598;}


.comment_cnt {margin-left:1px;color:#FB6808; font-weight:normal;}
.comment_today {margin-left:1px;color:#FB6808; font-weight:bold;}
.board_right .comment_form {margin:20px 0 15px; background:#F6F6F8; border:1px solid #D3D3D3; padding:10px;}
.board_right .comment_form p {margin:7px 0 11px;;}
.board_right .comment_form span {display:inline-block; vertical-align:top;}
.board_right .comment_form img {margin-left:8px; cursor:pointer;}
.board_right .comment_form textarea {padding:10px; height:69px; width:610px; border:1px solid #D3D3D3; font-family:'³ª´®°íµñ', NanumBarunGothic, NanumGothic;}
.board_right .comment_rock {text-align:center; padding:15px 0;}
.board_right .comment_form .chk_admin {float:right; margin:5px 110px 0 0; cursor:pointer; display:inline-block;}
.board_right .comment_form .chk_admin input[type="checkbox"] {vertical-align:top;}
.board_right .comment_form .chk_secret {cursor:pointer; display:inline-block; margin-top:5px;}
.board_right .comment_form .chk_secret input[type="checkbox"] {vertical-align:top;}

.board_right .view_footer table {width:100%; margin:15px 0; text-align:center;border:1px solid #D3D3D3; font-size:14px;}
.board_right .view_footer table th {border:1px solid #D3D3D3; height:43px; color:#785AA8; background:#F6F6F8;}
.board_right .view_footer table td {border-bottom:1px solid #D3D3D3;color:#818085;}
.board_right .view_footer table td.title {color:#595959; text-align:left; padding-left:10px;}
.board_right .view_footer table a {color:#595959;}
.board_right .view_footer table a:hover {color:#595959; text-decoration:underline;}

#prevPopup {display:none; position:fixed; background:#F6F6F8; z-index:10; padding:10px; border:1px solid #D3D3D3; width:840px; height:800px; top:100px; left:150px;}
#prevPopup .prev_con {position:relative; background:#FFF; padding:40px; border:1px solid #D3D3D3; width:758px; height:718px; overflow-y:scroll;}
#prevPopup .prev_con h1 {letter-spacing:-1px; font-size:17px;  padding-bottom:10px; border-bottom:2px solid #6D6E72;}
#prevPopup .prev_con .btn_close {position:absolute; right:18px; top:18px; cursor:pointer;}
#prevPopup .prev_con table {width:100%; margin:15px 0 20px; text-align:center; font-size:14px;}
#prevPopup .prev_con table th {height:50px; border:1px solid #D3D3D3; background:#F6F6F8; color:#785AA8;}
#prevPopup .prev_con table td {height:50px; border:1px solid #D3D3D3;}
#prevPopup .title, #prevPopup .writer {text-align:left;padding-left: 10px;}

#prevPopup .intro {display:inline-block;}
#prevPopup .intro li {float:left;}
#prevPopup .intro li.thumb {width:180px; height:267px; border:1px solid #D3D3D3;}
#prevPopup .intro li.thumb img {width:100%; height:100%}
#prevPopup .intro .cont_box {padding-left:20px;}
#prevPopup h4 {color:#785AA8; font-size:15px;  margin-bottom:20px;}
#prevPopup li >.desc {display:inline-block; width:510px;}
#prevPopup div.cont_box {padding:0; margin:25px 0;}
#prevPopup .cont1, #prevPopup .cont2 {width:100%; line-height:160%; font-size:15px; }

#prevPopup h3.sub_title {font-size:15px;  margin:25px 0 10px;}
#prevPopup .sub_title .writer {color:#785AA8; padding:0;}
#prevPopup .prev_content {border:1px solid #D3D3D3; padding:20px;}
#prevPopup .prev_content .prev_desc, .prev_content .prev_note {width:100%; line-height:160%; font-size:15px; }
#prevPopup .prev_add_file {font-size:12px; margin:0 0 20px;}
#prevPopup .prev_add_file > img {margin:0 0 5px; vertical-align:middle;}
#prevPopup .prev_add_file center > img {width:700px; height:auto;}
#prevPopup .prev_keyword {margin:10px 0 0 ;}
#prevPopup .prev_keyword .item {display:inline-block; border:1px solid #D3D3D3; padding:0 10px; height:24px; line-height:24px;  background:#F5F5F5; margin:8px 8px 0 0;} 



#dialogBackground {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 9;}

.board_right table.my_board_name {width:100%; text-align:center; margin:30px 0;}
.board_right table.my_board_name td {border:1px solid #D3D3D3; height:43px; line-height:43px; font-size:15px;  font-weight:bold;}
.board_right table.my_board_name td.on {background:#F4F1F9;}
.board_right table.my_board_name td.on >a {color:#785AA8;}
.board_right table.my_board_name a {cursor:pointer; color:#595959; display: block;}
.board_right table.my_board_name a:hover {color:#595959;}
.board_right .my_board_cnt {margin-bottom:10px;}
.board_right .my_board_cnt span {color:#FB6808; font-weight:bold; margin-left:5px;}
.board_right .my_board_cnt .btn_wrap {float:right;}
.board_right .my_board_cnt .btn_wrap > a {display: inline-block; border: 1px solid #D3D3D3; border-radius: 5px; background: #F6F6F8; height: 25px;line-height: 25px; box-sizing: border-box; padding: 0 10px;}

.board_right .novel_top {margin:30px 0 5px; height:35px;}
.board_right .novel_top span {color:#FB6808; font-weight:bold; margin-left:5px;}
.board_right .novel_top >div {display:inline-block; vertical-align:top; padding-top:15px;}
.board_right .novel_top >select {font-family: '³ª´®°íµñ', NanumBarunGothic, NanumGothic; font-size: 14px; height: 25px;  vertical-align:top; margin:10px 10px 0;}
.board_right .novel_top .btn_top_write {float:right;}
.bbs_search select {height:27px; border:1px solid #D3D3D3; vertical-align:middle; font-size:13px; font-family:'³ª´®°íµñ', NanumBarunGothic, NanumGothic;}
.bbs_search input[type="text"] {border:1px solid #D3D3D3; vertical-align:middle;}

#data_loading {position:fixed; text-align:center; top:40%; left:50%; background: #FFF; width:100px; height:100px; border-radius:7px; border:1px solid #D3D3D3; display:none; box-shadow:2px 2px 4px #595959;}
#data_loading img {margin-top: 34px;}

#receiveMsg img {position:relative;}
@keyframes ddd {form{left:-3px} to{left:2px}}

/* ÁÁ¾Æ¿ä */
.post_like {text-align:center; margin:40px 0 20px;}
.post_like >a {display:inline-block; border:1px solid #DDD; height:35px; line-height:35px; padding:0 10px;}
.post_like >a:hover {text-decoration:none;}
.post_like strong {color:red;}
.post_like .likeCnt {font-weight:bold;}


/* top event banner */
#TopBannerDIV2.eventTopBnr {text-align:center; width:960px; height:auto; position:relative; margin:0 auto; background: #fff; display:none;}
#TopBannerDIV2.eventTopBnr > a {display:block; width:100%; height:100%; text-align:right; font-size:0;}
#TopBannerDIV2 .eventBnrClose {position:absolute;top:25px;left:50%;margin-left:491px;z-index:999;line-height:0;}


#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}


.view_contents .view_intro_wrap {padding:30px 0;}
.view_contents .view_intro_wrap .left {float:left; width:360px; height:235px; margin-right:35px; }
.view_contents .view_intro_wrap .right {float:left; width:360px; height:235px;}
.view_contents .view_intro_wrap h3 {padding-bottom: 10px;  border-bottom: 1px solid #D3D3D3;}
.view_contents .view_intro_wrap li  {float:left; text-align:center; width:32%;}
.view_contents .view_intro_wrap li  a {position:relative;}
.view_contents .view_intro_wrap a:hover {text-decoration:none;}
.view_contents .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;}
.view_contents .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%);}
.view_contents .view_intro_wrap .thumb > img {width:100%; height:100%;}
.view_contents .view_intro_wrap .title {color:#000; font-size:13px; letter-spacing:-1px; line-height:18px; padding:7px 2px 0;}
.view_contents .view_intro_wrap .sub_title a {color: inherit;}

.board_top_sns {float:right; padding:0;}
.board_top_sns a {margin-left: 5px;}
.board_top_sns a img {vertical-align:top; height:34px;}

#ContentDIVOld img {max-width: 100%;}

#Serial_Buy_Wrap{width:100%; height:auto;}
#Serial_Buy_Wrap .informImg{width:760px; height:131px; margin:0 auto; margin-top:20px;}
#Serial_Buy_Wrap .informDiv{width:760px; height:auto; margin:0 auto; margin-top:20px; margin-bottom:50px;}
#Serial_Buy_Wrap .informDiv table {width:100%; height:auto; text-align:center; letter-spacing:0px;}
#Serial_Buy_Wrap .informDiv table tr:first-child {border:1px solid #C8C8CA;}
#Serial_Buy_Wrap .informDiv table tr th {background:#F2F2F4; font-weight:bold; padding:10px;}
#Serial_Buy_Wrap .informDiv th.th2 {text-align:left;}
#Serial_Buy_Wrap .informDiv th.th3 {width:100px;}
#Serial_Buy_Wrap .informDiv th.th4 {width:100px;}
#Serial_Buy_Wrap .informDiv table tr td {padding:15px 10px; border-bottom:1px solid #C8C8CA;}
#Serial_Buy_Wrap .informDiv table tr td:nth-child(1) {text-align:left;}
#Serial_Buy_Wrap .informDiv table tr:last-child td {border:0;}
#Serial_Buy_Wrap .informDiv img.delete {float:right; margin-top:7px;}
#Serial_Buy_Wrap .informDiv table .chkbox {top:-13.5px;}
#Serial_Buy_Wrap .informDiv table .btn_buy {margin-bottom:3px;}
#Serial_Buy_Wrap .informDiv table .thumb {display:inline-block; width:152px; height:96px; overflow:hidden; vertical-align:middle; border:1px solid #C8C8CA;}
#Serial_Buy_Wrap .informDiv table .thumb > img {width:100%; height:auto;}
#Serial_Buy_Wrap .informDiv table .WT_title {margin-left:10px; font-weight:bold; color:#000; cursor:pointer;}
#Serial_Buy_Wrap .informDiv table bar {margin:0 10px;}
#Serial_Buy_Wrap .informDiv .buy_bottom {border:1px solid #C8C8CA; background:#F2F2F4; padding:10px 15px; text-align:right; font-weight:bold;}
#Serial_Buy_Wrap .informDiv .buy_bottom .totalAmt {color:#EC7E25; margin:0 7px;}
#Serial_Buy_Wrap .informDiv .notice {background:#FBFBFB;border:1px solid #CCC;padding:30px;font-weight:bold;font-size:11pt;text-align:center;line-height:23px; margin:30px 0 20px;}
#Serial_Buy_Wrap .informDiv .notice b {color:#4C83D5;}
#Serial_Buy_Wrap .informDiv .userInfo {width:100%; font-size:14px; text-align:left;}
#Serial_Buy_Wrap .informDiv .exp{width:100%; height:20px; display:inline-block;}
#Serial_Buy_Wrap .informDiv .exp ul li {float:left; height:20px; width:50%}
#Serial_Buy_Wrap .informDiv .exp ul li span{font-size:12pt;}
#Serial_Buy_Wrap .informDiv .userInfo table{margin-top:10px;}
#Serial_Buy_Wrap .informDiv .userInfo td img{vertical-align: middle;}
#Serial_Buy_Wrap .informDiv .userInfo .img{width:60px; text-align:center;}
#Serial_Buy_Wrap .informDiv .userInfo .name{width:80px;}
#Serial_Buy_Wrap .informDiv .userInfo .status{width:100px;}
#Serial_Buy_Wrap .informDiv .userInfo td span{text-align:right; }
#Serial_Buy_Wrap .informDiv .userInfo td .bookMoney{color: #1C979C;}
#Serial_Buy_Wrap .informDiv .userInfo td .reserve{color: #745AA9;}
#Serial_Buy_Wrap .informDiv .userInfo td .romanCash{color: #CD3761;}
#Serial_Buy_Wrap .informDiv .informTop{width:100%; height:30px; border-bottom: 2px #745AA9 solid; font-size:18px; line-height:30px;}
#Serial_Buy_Wrap .informDiv .payingSelect ul{width:722px; display:inline-block; margin-top:10px;}
#Serial_Buy_Wrap .informDiv .payingSelect ul li{width:208px; float:left; height:40px; border:1px #BCBEC0 solid; text-align: center; border-radius: 5px; line-height:40px; text-align:center; cursor:pointer;}
#Serial_Buy_Wrap .informDiv .payingSelect ul li img{width:20px; height:20px; vertical-align:text-bottom; margin-right:7px;}
#Serial_Buy_Wrap .informDiv .payingSelect ul .selected{background: #A7A9AC;; color:white;}
#Serial_Buy_Wrap .informDiv .informTop #expText{color:#EB8B37;}
#Serial_Buy_Wrap .informDiv .buyButton ul{width:722px; display:inline-block; margin-top:20px;}
#Serial_Buy_Wrap .informDiv .buyButton ul li {float:left; border:1px #BCBEC0 solid; border-radius: 5px; color:white; line-height:40px; height:40px; height:40px;width:350px; text-align:center; cursor:pointer;}
#Serial_Buy_Wrap .informDiv .buyButton ul li img{width:20px; height:20px; vertical-align:middle;margin-right:7px;}
#Serial_Buy_Wrap .informDiv .buyButton ul .buying{background-color: #188FF8;}
#Serial_Buy_Wrap .informDiv .buyButton ul .cancle{background-color: #A7A9AC; margin-left:17px;}