@import url("common.css");
@import url("main.css");

/*font-set*/
@charset "utf-8";


/*=======상단 영역 공통=========================================================================================================================================*/

.lnb {border-bottom:3px solid #8c8d8d;}

.toon_list {width:100%; background:#f3f3f3; margin-bottom: 23px;border-bottom:1px solid #d2d6d1;}
.toon_list_box {width:1182px; margin:0 auto;}
.toon_list_box dl {float:left;}
.toon_list_box dl:first-child {width:737px; height:399px; border-right:1px solid #d2d6d1;margin-right:17px;}
/* .toon_list_box ul {width:271px;} */
.toon_list_box ul {width:380px;}
.toon_list_box ul li {}
.toon_list_box ul li:first-child {padding-top:23px; margin-bottom:30px;}
.toon_list_box ul li:first-child span {display:inline-block; line-height:23px; padding:0 8px; font-size:15px; background:#5f6062; color:#fff; margin-right:5px;}
.toon_list_box ul li:first-child span.on {background:#ff0909;}
.toon_list_box ul li h1 {color:#666; font-size:13px; height:63px; border-bottom:1px solid #dedede; margin-bottom:15px;}
.toon_list_box ul li h1 b {display:block; font-size:17px; margin-bottom:14px;color:#000;}
.toon_list_box ul li h2 {margin-bottom:40px;}
.toon_list_box ul li h2 img {margin-right:4px;}
.toon_list_box ul li h3 {line-height:23px; color:#333; height:90px;}


.ico_front_mono_toon {position:absolute; top:143px; left:187px;}
.ico_front_mono_sosul {position:absolute; top:126px; left:82px;}

/* 웹소설 베너 없을때 2015.04.13 Edit 2015.04.19 */
.toon_list_sosul {width:100%; background:#f3f3f3; margin-bottom: 23px;}
.toon_list_sosul_box {width:1182px; margin:0 auto;}
.toon_list_sosul_box dl {float:left;}
.toon_list_sosul_box dl:first-child {width:174px; height:260px; border-right:1px solid #d2d6d1;margin-right:17px;}
.toon_list_sosul_box dl:last-child {width:300px; height:260px; border-left:1px solid #d2d6d1;margin-left:17px;}
.ico_front_small {position:absolute; top:13px; left:13px;}
/* .toon_list_sosul_box ul {width:271px;} */
.toon_list_sosul_box ul {width:380px;}
.toon_list_sosul_box ul li {}
.toon_list_sosul_box ul li:first-child {padding-top:23px; margin-bottom:30px;}
.toon_list_sosul_box ul li:first-child span {display:inline-block; line-height:23px; padding:0 8px; font-size:15px; background:#5f6062; color:#fff; margin-right:5px;}
.toon_list_sosul_box ul li:first-child span.on {background:#ff0909;}
.toon_list_sosul_box ul li h1 {color:#666; font-size:13px; height:63px; border-bottom:1px solid #dedede; margin-bottom:15px;}
.toon_list_sosul_box ul li h1 b {display:block; font-size:17px; margin-bottom:14px;color:#000;}
.toon_list_sosul_box ul li h2 {margin-bottom:40px;}
.toon_list_sosul_box ul li h2 img {margin-right:4px;}
.toon_list_sosul_box ul li h3 {line-height:23px; color:#333; height:90px; margin-left:20px;margin-right:4px;}
.toon_list_sosul_box ul li h4 {line-height:23px; color:#333; height:23px; margin-left:20px;margin-right:4px; font-weight:bold; font-size:14px;}
.toon_list_sosul_box ul li h1 img {margin-top:23px;}
.toon_list_sosul_box ul li p strong {position:absolute; top:100px; left:100px;}

.btn1 {}
.btn1 span {display:inline-block; margin-right:7px; vertical-align:top;}
.btn1 span a {display:inline-block; margin-right:4px; vertical-align:top;}
.btn1 span:first-child {}
.btn1 span:first-child a {background:#000; color:#fff; font-size:15px;width:85px; line-height:33px; text-align:center;}
.btn1 span:first-child a:first-child {background:#ed402e;}
.toon_list_box:after {clear:both; content:""; padding:0; margin:0; display:block;}

.toonist_box2 {width:1182px; margin:0 auto; border:1px solid #e1e1e1; box-sizing:border-box; height:187px; margin-bottom:23px;}
.toonist_box2 dl {padding:14px;}
.toonist_box2 dl div {float:left; width:825px;}
.toonist_box2 dl div:first-child {margin-right:19px; width:283px;}
.toonist_box2_r {position:relative;}
.toonist_box2_r h1 {font-size:16px; line-height:28px; color:#717171; font-weight:600; width:423px; padding-top:12px;}
.toonist_box2_r h1 b {display:inline-block; color:#ff0909;}
.toonist_box2_r h2 {padding-top:27px;}
.toonist_box2_r h2 span {display:inline-block; width:85px; line-height:29px; text-align:center; background:#ededed; color:#000; font-size:13px; margin-right:5px;}
.toonist_box2_r h2 span.on {color:#1193a3;}
.toonist_box2_r h3 {font-size:13px;padding-top:16px;color:#666;}
.toonist_box2_r h3 span {display:inline-block;color:#666; padding-right:30px; margin-left:30px;}
.toonist_box2_r h3 span:first-child {margin-left:0;}
.toonist_box2_r h3 span b {display:inline-block;color:#000; font-weight:600;}
.btn_funding {position:absolute; top:69px; right:37px; width:139px; line-height:44px; font-size:17px; text-align:center; color:#fff; background:#d02818;}
.btn_funding:hover {background:#e84c3d;}
.toonist_box2 dl:after {clear:both; content:""; padding:0; margin:0; display:block;}

.toonist_box3 {}
.toonist_box3 ul {width:1182px; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box3 ul li {height:104px; padding:8px 0 9px 10px; border-bottom:1px solid #dadada;}
.toonist_box3 ul li:hover {background:#f2f2f2;}
.toonist_box3 ul li span {display:inline-block; vertical-align:top;}
.toonist_box3 ul li span:first-child {position:relative; margin-right:30px;}
.ico_lock {position:absolute; top:0; left:0;}
.toonist_box3_1 {width:541px;}
.toonist_box3_1 a {line-height:104px; font-size:13px; color:#717171;}
.toonist_box3_1 b {display:block; padding-top:17px; padding-bottom:19px; font-size:15px; color:#010101;}

.toonist_box3_2 {line-height:104px; font-size:12px; color:#010101; width:171px;}
.toonist_box3_3 {width:95px; line-height:104px;}
.toonist_box3_3 img {margin-right:4px;}
.toonist_box3_4 {width:138px; line-height:42px; border:1px solid #c3c3c3; text-align:center; background:#fff; margin-top:31px;}
.ico_adult {position:absolute; right:4px; bottom:5px;}
.ico_dday {position:absolute; top:43px; left:55px; background:#FFFF66; font-weight:bold; font-size:18px; color:#555555;}

/* 추가 웹소설 일때 2015.04.13 {padding : 속성값(top)  속성값(right)  속성값(bottom)  속성값(left)} */   
.toonist_box3_sosul {}
.toonist_box3_sosul ul {width:1182px; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box3_sosul ul li {height:44px; border-bottom:1px solid #dadada;}
.toonist_box3_sosul ul li:hover {background:#f2f2f2;}
.toonist_box3_sosul ul li span {display:inline-block; vertical-align:top;}
.toonist_box3_sosul ul li span:first-child {position:relative; margin-right:30px;}
.ico_lock {position:absolute; top:0; left:0;}
/* .toonist_box3_sosul_1 {width:541px; margin-left:1px;} */
.toonist_box3_sosul_1 {width:561px; margin-left:1px;}
.toonist_box3_sosul_1 a {line-height:44px; font-size:13px; color:#717171; }
.toonist_box3_sosul_1 b {display:block; font-size:15px; color:#010101;}

.toonist_box3_sosul_2 {line-height:44px; width:130px; font-size:13px; color:#010101; }
.toonist_box3_sosul_2 img {margin-right:4px;}
.toonist_box3_sosul_3 {line-height:44px; width:171px; font-size:13px; color:#010101; }
.toonist_box3_sosul_4 {width:138px; line-height:36px; border:1px solid #c3c3c3; text-align:center; background:#fff; margin-top:3px;}

.toonist_box3_sosul_ico_adult {line-height:36px; width:80px;  }
.toonist_box3_sosul_ico_adult img{margin-top:12px; margin-right:4px;}

.toonist_box3_sosul_ico_bookmark {line-height:36px; width:22px;  text-align:center;}
.toonist_box3_sosul_ico_bookmark img{margin-top:12px; margin-right:1px;}


/* 추가 20150401 - 마이페이지 구매내역 */
.toonist_box5 {width:1182px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box; height:530px; margin-bottom:23px; margin-top:25px;}
.toonist_box5 ul {width:1182px; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box5 ul li {height:30px; padding:8px 0 9px 10px; border-bottom:1px solid #dadada;}
.toonist_box5 ul li:hover {background:#f2f2f2;}
.toonist_box5 ul li span {display:inline-block; vertical-align:top;}
.toonist_box5 ul li span:first-child {position:relative; margin-right:30px;}

.toonist_box5_1 {width:60px; line-height:30px; text-align:center;}  /* No. */
.toonist_box5_2 {width:500px; line-height:30px; text-align:center;} /* 작품 */
.toonist_box5_3 {width:160px; line-height:30px; text-align:center;} /* 작가 */
.toonist_box5_4 {width:80px; line-height:30px; text-align:center;} /* 코인 */
.toonist_box5_5 {width:170px; line-height:30px; text-align:center;} /* 날짜 */
.toonist_box5_6 {width:120px; line-height:30px; text-align:center;} /* 버튼 */

.toonist_box5_1_ {width:60px; line-height:30px; text-align:center;}  /* No. */
.toonist_box5_2_ {width:500px; line-height:30px; text-align:left;}   /* 작품 */
.toonist_box5_2_ a {color:#3366FF; font-weight:bold; font-size:13px;}
.toonist_box5_3_ {width:160px; line-height:30px; text-align:center;} /* 작가 */
.toonist_box5_3_ img {margin-right:4px;}
.toonist_box5_4_ {width:80px; line-height:30px; text-align:center;} /* 코인 */
.toonist_box5_5_ {width:170px; line-height:30px; text-align:center;} /* 날짜 */
.toonist_box5_6_ {width:90px; line-height:24px; border:1px solid #c3c3c3; text-align:center; background:#fff; margin-top:3px; margin-left:9px;} /* 버튼 */ 
.ico_adult {position:absolute; right:4px; bottom:5px;}
.toonist_box5_0_ {width:1100px; line-height:30px; text-align:center;}  /* No Data */

/* 추가 20150401 - 마이페이지 결제내역 */
.toonist_box6 {width:1182px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box; height:530px; margin-bottom:23px; margin-top:25px;}
.toonist_box6 ul {width:1182px; margin:0 auto; border-top:1px solid #dadada;}
.toonist_box6 ul li {height:30px; padding:8px 0 9px 10px; border-bottom:1px solid #dadada;}
.toonist_box6 ul li:hover {background:#f2f2f2;}
.toonist_box6 ul li span {display:inline-block; vertical-align:top;}
.toonist_box6 ul li span:first-child {position:relative; margin-right:30px;}

.toonist_box6_1 {width:60px; line-height:30px; text-align:center;}    /* No. */
.toonist_box6_2 {width:550px; line-height:30px; text-align:center;}   /* 상품 */
.toonist_box6_3 {width:160px; line-height:30px; text-align:center;}   /* 결제종류 */
.toonist_box6_4 {width:100px; line-height:30px; text-align:center;}    /* 충전코인 */
.toonist_box6_5 {width:170px; line-height:30px; text-align:center;}   /* 날짜 */

.toonist_box6_1_ {width:60px; line-height:30px; text-align:center;}   /* No. */
.toonist_box6_2_ {width:550px; line-height:30px; text-align:left;}    /* 상품 */
.toonist_box6_3_ {width:160px; line-height:30px; text-align:center;}  /* 결제종류 */
.toonist_box6_4_ {width:100px; line-height:30px; text-align:center;}   /* 충전코인 */
.toonist_box6_5_ {width:170px; line-height:30px; text-align:center;}  /* 날짜 */
.toonist_box6_0_ {width:1100px; line-height:30px; text-align:center;} /* No Data */

.toonist_box_my {width:1182px; margin:0 auto; border:1px solid #dadada; box-sizing:border-box; height:530px; margin-bottom:23px; margin-top:25px;background:#f2f2f2;}

/* 2015.04.03 서브 요일별 장르별 tab */
.genreweektab {width:1182px; margin:0 auto;margin-top:40px;}
.genreweektab h1 {position:relative; font-size:18px; padding-bottom:7px;border-bottom:1px solid #dadada; color:#848484;}
.genreweektab h1 span {display:inline-block; font-size:25px; padding-right:7px; margin-right:5px; border-bottom:1px solid #5f6062; padding-bottom:7px; margin-bottom:-8px; color:#000; font-weight:600;}
.genreweektab h1 div {float:right;font-size:17px; color:#909090;}
.genreweektab h1 div a {display:inline-block; font-weight:normal; color:#000; padding:0 10px;}
.genreweektab h1 div a.on {color:#ff0909;}
.genreweektab h1 div a:first-child {font-weight:600;}
.genreweektab h1 b {font-weight:700;}
.genreweektab strong {position:absolute; right:1px; top:-11px;}
.genreweektab strong a {display:inline-block;width:76px; height:34px; line-height:34px; text-align:center; font-size:15px; background:#d2d2d2; color:#000; margin-left:5px;}
.genreweektab strong a:hover {color:#fff; background:#606060;}
.genreweektab strong a.on {color:#fff; background:#606060;}


/* 마이페이지 */
.tab_menu {width:1182px; margin:0 auto; border-bottom:2px solid #3f3f3f; margin-top:50px; margin-bottom:15px; position:relative;}
.tab_menu a {display:inline-block; width:109px; line-height:38px; border:1px solid #adadad; border-left:0; text-align:center; color:#010101; font-size:15px; background:#ededed;}
.tab_menu a:first-child {border-left:1px solid #adadad;}
.tab_menu a.on, .tab_menu a:hover {background:#909090; border:0; line-height:40px; width:110px; color:#fff;}

/* 작품등록 */
.table1 {width:1182px; margin:0 auto;}
.table1 thead th {text-align:center; line-height:50px; font-size:15px; color:#fff; font-weight:600; background:#909090;}
.table1 tbody th, .table1 tbody td {padding:20px 0; color:#4d4d4d; font-size:13px; border-bottom:1px solid #dadada; font-weight:600;}
.table1 tbody th {text-align:center;}
.table1 tbody td {text-align:left; padding-left:17px;}
.table1 tbody tr:hover {background:#f2f2f2;}

.ico_1 {border:1px solid #dedede; width:86px; line-height:39px; display:inline-block; color:#4d4d4d; font-size:13px; background:#fff;}
.ico_2 {width:86px; line-height:39px; display:inline-block; color:#fff; background:#ff0909; font-size:13px;}
.ico_recomm1 {width:33px; line-height:22px; display:inline-block; color:#fff; background:#009900; font-size:13px;}
.ico_recomm2 {width:33px; line-height:22px; display:inline-block; color:#939393; background:#FFFFFF; font-size:13px; border:1px solid #818181;}

.btn_new {position:absolute; top:0; right:0; width:111px !important; line-height:36px !important; color:#fff !important; text-align:center; font-size:15px;background:#5f6062 !important; border:0 !important;}
.btn_new:hover {line-height:36px !important; width:111px !important;}

.btn_new_blue {position:absolute; top:0; right:0; width:111px !important; line-height:36px !important; color:#fff !important; text-align:center; font-size:15px;background:#0066FF !important; border:0 !important;}
.btn_new_blue:hover {line-height:36px !important; width:111px !important;}
   
.btn_new_counter {position:absolute; top:0; right:116px; width:111px !important; line-height:36px !important; color:#fff !important; text-align:center; font-size:15px;background:#5f6062 !important; border:0 !important;}
.btn_new_counter:hover {line-height:36px !important; width:111px !important;}

/* 작품보기 */
.view_top {background:#5f6062; line-height:50px; height:50px; width:100%; position:fixed; top:0;z-index: 10;}
#page_body {margin-top:87px;}
.view_logo {display:inline-block; margin-top:8px; margin-left:37px; margin-right:33px;}
.view_top a {display:inline-block; vertical-align:top;}
.view_top span {display:inline-block; font-size:18px; color:#d8d8d8; vertical-align:top;}
.view_top span b {display:inline-block; font-size:22px;color:#fff; margin-right:20px;}
.view_top strong {display:inline-block; vertical-align:top; font-size:18px; color:#818183; float:right; padding-right:53px;}
.view_top strong a {color:#fff; margin:0 13px;}
.btn_view {margin-top:16px !important; margin-left:14px !important;}

/* .toon_view {width:1176px; margin:0 auto; border:1px solid #e1e1e1; padding-top:27px; padding-bottom:24px; margin-top:37px; position:relative;} */
.toon_view {width:900px; margin:0 auto; border:1px solid #e1e1e1; padding-top:27px; padding-bottom:24px; margin-top:37px; position:relative; background:#FFFFFF;}
.toon_view h1 {text-align:center;}

.view_like {display:block; width:98px; height:98px; margin:0 auto; color:#fff; overflow:hidden; text-align:center; font-size:11px; background:url(../nImages/bg/like_bg.png) no-repeat center top;  line-height: 155px; margin-top:34px; margin-bottom:99px;}
.view_like.on {background-position:center -98px;}

/* .cartoonist {font-size:13px; line-height:20px; width:1108px; margin:0 auto; padding-bottom:16px; border-bottom:1px solid #dedede; position:relative; padding-left:7px; margin-bottom:22px;} */
.cartoonist {font-size:13px; line-height:20px; width:894px; margin:0 auto; padding-bottom:16px; border-bottom:1px solid #dedede; position:relative; padding-left:7px; margin-bottom:22px;}
/* .cartoonist span {display:block; width:96px; line-height:33px; text-align:center; color:#fff; background:#5f6062; font-weight:600; margin-bottom:20px; margin-left:-5px;} */
.cartoonist span {display:block; width:96px; line-height:33px; text-align:center; color:#fff; background:#5f6062; font-weight:600; margin-bottom:20px; margin-left:10px;}
.cartoonist strong {position:absolute; right:6px; bottom:16px;}
.cartoonist strong a {display:inline-block; margin-left:4px;}
.btn2 {text-align:center;}
.btn2 a {display:inline-block; width:98px; line-height:36px; color:#000; background:#ececec; text-align:center; font-size:15px; margin:0 5px;}
.btn2 a:hover {background:#cbcbcb;}
.toonist_box3 {margin-top:23px;}
.tab_menu2 {width:1178px !important;}

.reply {width:1178px; margin:0 auto;}
.reply h1 {padding:22px 0 12px 6px; color:#000; font-weight:600; font-size:17px;}
.tab_contents1 {display:none;}
.tab_menu2 a.on, .tab_menu2 a:hover {width:111px !important}
.reply_box {width:1178px; height:128px; margin:0 auto; border:1px solid #dedede;}
.reply_box textarea {width:935px; height:88px; padding:10px; resize:none; background:#ededed; margin-top:10px; margin-left:10px;}
.btn_reply {text-align:center; width:139px; line-height:44px; background:#5f6062; color:#fff; font-size:17px; display:inline-block; vertical-align:top; margin-top:42px; margin-left:40px;}
.btn_reply:hover {background:#8a8a8a;}

.reply_list {position:relative;border-bottom:1px solid #dedede;}
.reply_list h1 {color:#000; font-size:12px; font-weight:600; margin-bottom:16px;}
.ico_best {display:inline-block; color:#000; width:49px; height:19px; background:#ffc000; font-weight:600; padding-top:9px; padding-left:7px; font-size:12px;}
.reply_list h1 span {margin-right:8px;}
.reply_list h1 strong {display:inline-block; color:#b8b8b8; font-size:10px; font-weight:normal;}
.reply_list div {color:#717171; font-size:13px; line-height:20px; padding-left:3px; padding-bottom:20px;}
.btn3 {position:absolute; right:43px; top:49px;}
.btn3 a {width:117px; height:46px; line-height:46px; border:1px solid #dedede; display:inline-block; text-align:center; font-size:11px; color:#000; margin-left:4px;}
.btn3 a img {margin-right:25px;}
.reply_box2 {display:none; border-bottom: 0;}

.table2 {width:1178px; margin:0 auto; margin-top:-13px;}
.table2 th, .table2 td {padding:12px 0; border-bottom:1px solid #dedede;}
.table2 tbody tr:hover {background:#f2f2f2;}
.table2 th {text-align:center;color:#999;}
.table2 td {text-align:left; padding-left:11px; color:#000; font-weight:600;}

.quick2 {position:absolute; width:100px; right:-80px; top:422px; width:72px;}
.quick2 li {text-align:center; line-height:23px; height:23px; border:1px solid #e0e0e0; background:#efefef; border-top:0;}
.quick2 li:first-child {border-top:1px solid #e0e0e0;}
.quick2 li span {display:inline-block; width:34px; height:23px; line-height:23px;vertical-align:top;}
.quick2 li span:first-child {border-right:1px solid #e0e0e0;}
.quick2 a {width:100%; height:12px; display:inline-block; overflow:hidden; margin:0 auto; text-align:center;margin-top:6px;}
.quick2 a:hover img {margin-top:-12px;}

/* 신규작품등록 */
.toon_nuw_up {width:1182px; margin:0 auto; padding-top:56px;}
.toon_up_title {font-size:24px; margin-bottom:14px; color:#010101; font-weight:600; position:relative;}
.toon_up_title a {position:absolute; right:0; bottom:-6px; color:#010101;width:109px; height:34px; line-height:34px; background:#ededed; border:1px solid #adadad; font-size:14px; text-align:center; font-weight:normal;}
.toon_up_title a:hover {background:#ff0909; color:#fff;}
.toon_up_form {padding:20px; padding-bottom:47px; border:1px solid #e2e2e2;}
.toon_up_txt1 {color:#717171; font-size:13px; line-height:20px; background:#f4f4f4; padding:20px;}
.toon_up_txt1 b {display:block; color:#000; font-weight:600;font-size:15px; padding-bottom:15px;}

.toon_up_form {}
.toon_up_form ul {padding-top:30px;}
.toon_up_form ul li {margin-bottom:26px;}
.toon_up_form ul li dl {float:left;width:990px; font-size:15px; color:#333; line-height:39px;}
.toon_up_form ul li dl:first-child {width:139px; font-size:15px; color:#000; font-weight:600; padding-left:5px;}
.toon_up_form ul li:after {clear:both; content:""; padding:0; margin:0; display:block;}

.input_title {width:643px; height:37px; background:#f4f4f4; text-indent:10px; border:1px solid #dedede;}
.input_title:focus {border:1px solid #ff0909;}
.toon_up_form ul li dl p {}
.toon_up_form ul li dl p span {display:inline-block; margin-right:35px;}
.toon_up_form ul li dl p span input[type=radio] {margin-right:5px;}

.toon_up_day {width:633px; height:37px; line-height:37px; background:#f4f4f4; border:1px solid #dedede; padding-left:15px;}
.toon_up_day span {margin-right:25px !important;}
.toon_up_day input {margin-right:6px;}
.toon_up_txt2 {font-size:13px; color:#666;}
.toon_up_form textarea {width:872px; height:61px; padding:10px; resize:none; background:#f4f4f4; border:1px solid #dedede; color:#000; font-size:13px; line-height:1;}
::-webkit-input-placeholder { color:#000 !important} /* 웹킷 전용 속성 */
:-moz-placeholder { color:#000 !important; opacity:1}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#000 !important; opacity:1} /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color:#000}/* Internet Explorer 10+ */

.coin_text {width:95px !important;background:#f4f4f4; border:1px solid #dedede; color:#000; height:37px; text-align:center;}
.open_text {width:120px !important;background:#f4f4f4; border:1px solid #dedede; color:#666; height:37px; text-align:center; margin-left:20px; margin-right:10px;}

.toon_up_form textarea:focus {border:1px solid #ff0909;}
.toon_up_txt3 {background:#f4f4f4; border:1px solid #dedede; font-size:12px; width:700px; line-height:24px; padding:20px 0; padding-left:16px;}
.toon_up_txt3_1 {overflow-y:scroll; height:40px;}
.toon_up_txt3 b {color:#ff0909; font-weight:normal;}
.toon_up_txt4 {background:#f4f4f4; border:1px solid #dedede; font-size:12px; width:700px; line-height:24px; padding:10px 0; padding-left:16px; margin-top:10px;}
.toon_up_txt4_1 {overflow-y:auto; height:30px;}
.toon_up_txt4 b {color:#ff0909; font-weight:normal;}
.btn4 {text-align:center;}
.btn4 a {display:inline-block; color:#010101; padding:0 13px; min-width:83px; height:38px; line-height:38px; background:#ededed; border:1px solid #adadad; text-align:center; margin:0 12px;}
.btn4 a:hover {background:#ff0909; color:#fff;}
.select_chk {vertical-align:top; display:inline-block; padding-left:15px;}
.select_chk input {margin-right:7px;}
.img_add {display:inline-block; vertical-align:top; width:101px; height:37px; line-height:37px; text-align:center; background:#e8e5e5; border:1px solid #dedede; margin-left:5px;}

div.selectBox
			{
				position:relative;
				display:inline-block;
				cursor:default;
				text-align:left;
				line-height:30px;
				clear:both;
				color:#888;
			}
			span.selected
			{
				width:226px;
				text-align: center;
				border:1px solid #dedede;
				border-right:none;
				background:#f4f4f4;
				overflow:hidden;
			}
			span.selectArrow
			{
				width:37px;
				border:1px solid #b4b4b4;
				text-align:center;
				font-size:20px;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-o-user-select: none;
				user-select: none;
				background:#b4b4b4;
				color:#f4f4f4;
			}
			
			span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:37px;
				z-index:1;
				line-height: 37px;
			}
			
			div.selectOptions
			{
				z-index: 10;
				position:absolute;
				top:37px;
				left:0;
				width:264px;
				border:1px solid #ccc;
				overflow:hidden;
				background:#f6f6f6;
				padding-top:2px;
				display:none;
			}
				
			span.selectOption
			{
				display:block;
				width:80%;
				line-height:37px;
				padding:0 10%;
			}
			
.file_input_textbox
{
	float: left;
	width:206px; height:37px; background:#f4f4f4; border:1px solid #dedede; margin-right:4px;
}

.file_input_div
{
	position: relative; 
	width: 103px; 
	height: 39px; 
	overflow: hidden;
	line-height:39px;
	display: inline-block;
}

.file_input_button
{
	width: 103px; 
	position: absolute; 
	top: 0px;
	background:#666666;
	color: #FFFFFF;
	border-style: solid;
	line-height:39px;
}

.file_input_hidden
{
	font-size: 45px; 
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}	

/* 충전소 */
.charge_box {width:1180px; margin:0 auto;}
.charge_box ul {}
.charge_box ul li {margin-bottom:14px;}
.charge_box ul li dl {float:left; width:951px;height:105px; line-height:105px; box-sizing:border-box; border:1px solid #dedede; border-left:0; background:#f2f2f2}
.charge_box ul dl:first-child {width:229px; border:0;background:#485162; padding-left:16px; padding-top:45px;}
.charge_box ul dl:first-child input {margin-right:9px;}
.charge_box ul dl:first-child label {color:#fff;}
.charge_box ul dl span {display:inline-block; vertical-align:top; color:#535353;}
.charge_box ul dl span:first-child {font-size:16px; margin-left:17px; width:94px; height:79px; background:url(../nImages/bg/coin.png) no-repeat left top; margin-top:14px; line-height:66px; text-align:center; color:#fff; margin-right:17px;}
.charge_box ul dl span:first-child b {font-size:27px; font-weight:700;color:#fff;}
.charge_box1 {width:382px;}
.charge_box2 {width:94px; height:28px;  margin-top:39px; line-height:28px !important; text-align:center;  margin-right:36px;}
.charge_box2_1 {background:#485162; color:#fff !important;border-radius:4px; font-size:16px;}
.charge_box ul li:after {clear:both; content:""; padding:0; margin:0; display:block;}
.charge_box3 {width:140px;}
.charge_box3 del {text-decoration: line-through; padding:0 3px; color:#999; font-size:17px; font-weight:600; letter-spacing:-1px;}
.charge_box3 strong {font-size:19px; font-weight:600; color:#ff0909; padding-left:6px;}
.coin_txt {margin-top:30px; font-size:14px; color:#666;}

.btn5 {width:1180px; margin:0 auto; margin-top:27px;}
.btn5 a {display:inline-block; width:213px; height:87px; line-height:87px; text-align:center; color:#5A5A5A; background:#ededed; border:1px solid #adadad; margin-left:26px;font-size:15px;font-weight: bold;}
.btn5 a:first-child {margin-left:0;font-weight: bold;}
.btn5 a:hover {background:#ff3737; color:#fff;font-weight: bold;}

/* 펀딩 */
.funding {width:1176px; margin:0 auto; padding-bottom:24px; position:relative;}
.funding_top {height:400px; position:relative;}
.funding_top2 {position:absolute; left:0; top:0; width:100%; height:400px;}
.funding_top2_1 {width:1182px; margin:0 auto;}
.funding_top2_1 h1 {font-size:44px; margin-top:79px; margin-bottom:30px; color:#333; letter-spacing:-1px; font-weight:600;}
.funding_top2_1 h2 {font-size:22px; color:#333; margin-bottom:42px; font-weight:600;letter-spacing:-1px;}
.funding_top2_1 a {display:block; color:#fff; width:237px; height:66px; background:#949596; text-align:center; line-height:66px;font-size:22px; border-radius:4px;}
.funding_top dl {float:left;width:38%; background:#f0efee;height:400px;}
.funding_top dd {float:right;width:62%; background:#f0efee url(../nImages/bg/funding.png) no-repeat left top;height:400px;}
.funding_top:after {clear:both; content:""; padding:0; margin:0; display:block;}
.funding_menu {width:1182px; margin:0 auto; margin-top:15px;}
.funding_menu a {display:inline-block; width:25%; height:52px; line-height:52px; font-size:15px; color:#333; background:#ededed; border:1px solid #adadad; text-align:center; box-sizing:border-box; border-left:0;}
.funding_menu a:first-child {border-left:1px solid #adadad;}
.funding_menu a:hover {background:#333333; color:#fff; border:1px solid #929292;}
.f_p {background:#ff0909 !important; color:#fff !important;}
.f_p:hover {background:#e84c3d !important;}


.toonist_box4 {width:1182px; margin:0 auto; border:1px solid #e1e1e1; box-sizing:border-box; height:187px; margin-bottom:23px; margin-top:25px;}
.toonist_box4 dl {padding:14px;}
.toonist_box4 dl div {float:left; width:825px;}
.toonist_box4 dl div:first-child {margin-right:19px; width:283px; position:relative;}
.toonist_box4_r {position:relative;}
.toonist_box4_r h1 {font-size:16px; line-height:28px; color:#717171; font-weight:600; padding-top:12px; width:630px;}
.toonist_box4_r h1 a {float:right; width:91px; height:23px; line-height:23px; text-align:center; display:block; color:#999; background:#ededed; border:1px solid #d9d9d9; border-radius:4px; font-size:13px;}
.toonist_box4_r h1 b {display:inline-block; color:#ff0909;}
.toonist_box4_r h1 span {display:block; font-size:13px; color:#999;}
.toonist_box4_r h2 {padding-top:27px;}
.toonist_box4_r h2 span {display:inline-block; width:85px; line-height:29px; text-align:center; background:#ededed; color:#000; font-size:13px; margin-right:5px;}
.toonist_box4_r h2 span.on {color:#1193a3;}
.toonist_box4_r h3 {font-size:13px;padding-top:16px;color:#666;}
.toonist_box4_r h3 span {display:inline-block;color:#666; padding-right:30px; margin-left:30px;}
.toonist_box4_r h3 span:first-child {margin-left:0;}
.toonist_box4_r h3 span b {display:inline-block;color:#000; font-weight:600;}

.toonist_box4 dl:after {clear:both; content:""; padding:0; margin:0; display:block;}

.graph{margin-top:10px; width:100%;}
.graph_txt {display:block; clear:both; color:#666; padding-top:8px; width:630px; font-size:12px;}
.graph_txt span {float:right;}
.graph_txt b {color:#000;}
.record{ float: left; width: 630px; background-color: #ebeaea; margin-bottom: 2px;height:20px;}
.bar { background: #4fd8cf; float: left; clear: left; height: 20px; }
.graph:after {clear:both; content:""; padding:0; margin:0; display:block;}
.ico_adult2 {position:absolute; left:0; top:0;}
.ico_new {position:absolute; right:0; top:0; display:block; width:61px; line-height:24px; color:#fefefe; background:#47c5bd; text-align:center;}

.quick {position:absolute; width:100px; right:-130px; top:400px; width:72px;}
.quick {width:86px; height:154px;}
.quick a {display:block; width:86px; height:62px; overflow:hidden;}
.quick a.q_top {height:30px !important}
.quick a:hover img {margin-left:-86px;}
.quick a.q_top:hover img {margin-left:0 !important;}

.txt1 {font-size: 16px;  line-height: 28px;  color: #717171;  font-weight: 600;  padding-top: 12px;  width: 630px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;margin-top:15px; padding-bottom:16px; padding-left:24px; width:1158px;}
.txt1 b {display: inline-block;  color: #ff0909;}
.txt1 span {display: block;  font-size: 13px;  color: #999;}

.tab_menu_f {width:1182px; margin:0 auto; border-bottom:2px solid #3f3f3f; margin-top:50px; margin-bottom:15px; position:relative;}
.tab_menu_f a {display:inline-block; width:146px !important; line-height:38px; border:1px solid #adadad; border-left:0; text-align:center; color:#010101; font-size:15px; background:#ededed;}
.tab_menu_f a:first-child {border-left:1px solid #adadad;}
.tab_menu_f a.on, .tab_menu_f a:hover {background:#909090; border:0; line-height:40px; width:147px !important; color:#fff;}

.funding_1 {}
.funding_1 dl {float:left; width:358px;}
.funding_1 dl:first-child {width:767px; margin-right:51px;}
.funding_txt1 {width:751px; height:229px; border:1px solid #dedede; margin-top:14px; padding-top:19px; padding-left:14px; color:#717171; font-size:13px; line-height:20px;}
.funding_txt1 span {display:block; color:#333; font-size:15px; padding-bottom:15px;}
.sns_btn {margin-bottom:18px;}
.sns_btn a {display:inline-block; margin-right:5px;}
.funding_txt2 {border:1px solid #dedede;}
.funding_txt2 li {}
.funding_txt2 li span {display:block; line-height:40px; background:#eeeeee; text-align:left; color:#717171; font-size:15px; padding-left:13px;}
.funding_txt2 li strong {display:block; line-height:71px;text-align:right; font-weight:600; color:#999; font-size:27px; padding-right:18px;}
.funding_txt2 li strong b {color:#000; }
.txt2 {height:78px; border:1px solid #dedede; color:#717171; margin-top:12px; font-size:13px; line-height:20px; padding-top:16px; padding-left:12px;}
.btn_p {display:block; width:358px; line-height:61px; font-size:15px; color:#fff; font-weight:600; background:#ff0909; text-align:center; margin-top:12px;}
.funding_txt3 {border:1px solid #dedede; margin-top:14px;}
.funding_txt3 li {}
.funding_txt3 li span {display:block; line-height:40px; background:#eeeeee; padding-left:12px;}
.funding_txt3 li span b {float:right; padding-right:28px;}
.funding_txt3 li span b img {margin-right:11px;}
.funding_txt3 li strong {display:block; line-height:21px; font-size:13px; color:#717171; padding-left:14px; padding-top:12px; padding-bottom:15px;}
.funding_txt3 li strong b {display:block; color:#000; font-weight:normal}
.funding_1:after {clear:both; content:""; padding:0; margin:0; display:block;}

/* 웹툰 펀딩 마이페이지 */
.funding_my {}
.funding_my dl {float:left; width:262px;}
.funding_my dl:first-child {width:892px; margin-right:22px;}
.funding_my_1 {border:1px solid #dfdfdf; padding:38px 0 13px 46px; margin-top:22px;}
.funding_my_1 ul {float:left; width:375px;}
.funding_my_1 ul:first-child {width:376px; margin-right:46px;}
.funding_my_2 {margin-bottom:28px;}
.funding_my_2 strong {display:inline-block; width:6px; height:77px; background:#3475ad; vertical-align:top; border:1px solid #dedede; border-right:1px solid #84a6c4;}
.funding_my_2 span {display:inline-block;vertical-align:top; font-size:17px; padding-top:10px; padding-left:17px; color:#000; border-top:1px solid #dedede;border-bottom:1px solid #dedede;height: 66px;  width: 209px;}
.funding_my_2 span b {color: #000;font-size:32px; display:block; padding-top:9px; font-weight:700;}
.funding_my_2 em {vertical-align:top;display:inline-block; float:right; height:78px; line-height:78px; font-size:35px; width:142px; background:#3475ad; text-align:center; font-weight:700; color:#fff;font-style: italic;}
.funding_my_1:after {clear:both; content:""; padding:0; margin:0; display:block;}
.funding_my:after {clear:both; content:""; padding:0; margin:0; display:block;}

.funding_my_3 {margin-left:-5px; margin-right:-6px;}
.funding_my_3 div {float:left; display:block; margin-left:5px; margin-right:6px; margin-bottom:11px; width:118px; height:118px; background:url(../img_up/img/my_img2.png) no-repeat left top; cursor:pointer}
.funding_my_3 div:hover {background:url(../nImages/img/my_img1.png) no-repeat left top;}
.funding_my_3 div span {display:none;font-size:15px; line-height:20px; font-weight:600; text-align:center; color:#fff;}
.funding_my_3 div span b {display:block; font-size:19px; color:#fff; margin-top:22px; margin-bottom:28px;}
.funding_my_3 div:hover span {display:block;}
.funding_my_3:after {clear:both; content:""; padding:0; margin:0; display:block;}

.funding_my_4 {margin-bottom:28px;}
.funding_my_4 strong {display:inline-block; width:6px; height:77px; background:#a759de; vertical-align:top; border:1px solid #dedede;}
.funding_my_4 span {display:inline-block;vertical-align:top; font-size:17px; padding-top:10px; padding-left:17px; color:#000; border-top:1px solid #dedede;border-bottom:1px solid #dedede;height: 66px;  width: 208px;}
.funding_my_4 span b {color: #000;font-size:32px; display:block; padding-top:9px; font-weight:700;}
.funding_my_4 em {vertical-align:top;display:inline-block; float:right; height:78px; line-height:78px; font-size:35px; width:142px; background:#a759de; text-align:center; font-weight:700; color:#fff;font-style: italic;}

.funding_my_4_1 strong {background:#32c85c !important;}
.funding_my_4_1 em {background:#32c85c !important;}

.funding_my_4_2 strong {background:#ff8a00 !important;}
.funding_my_4_2 em {background:#ff8a00 !important;}

.funding_my_4_3 strong {background:#32b8c8 !important;}
.funding_my_4_3 em {background:#32b8c8 !important;}

.funding_menu_r {margin-top:22px; border:1px solid #dedede;}
.funding_menu_r li {border-top:1px solid #dedede; line-height:45px;}
.funding_menu_r li:first-child {border-top:0;}
.funding_menu_r li:hover {background:#eee;}
.funding_menu_r a {color:#717171; font-size:15px; display:block;}
.funding_menu_r a span {color:#000 !important; display:inline-block; padding-left:12px; margin-right:11px;}
.funding_menu_r li:hover a, .funding_menu_r li:hover a span {color:#ff0909 !important;}

.funding_my dl:first-child .toonist_box4 {width:100%; height:237px;}
.funding_my dl:first-child .toonist_box4 dl {width: inherit;  margin: 0;}
.funding_my dl:first-child .toonist_box4 .toonist_box4_r {width:513px;}
.funding_my dl:first-child .toonist_box4_r h1 {width:inherit;}
.funding_my dl:first-child .toonist_box4_r h1 a {float:none; display:inline-block; margin-left:5px;}
.btn_modify {width:137px; height:42px; line-height:42px; background:#ededed; border:1px solid #dedede; text-align:center; display:block; clear:both; margin-top:8px; margin-left:71px; color:#000; font-size:13px;}

.funding_my .toon_up_form {margin-top:22px;}
.funding_my .toon_up_form ul li dl {width:712px;}
.funding_my .toon_up_form ul li dl:first-child {width:132px; margin-right:0;}
.funding_my .input_title {width: 702px;}
.funding_my .toon_up_form textarea {width:682px;}

.period input {text-align:center; width:149px; height:37px; border:1px solid #e6e6e6; vertical-align:top; color:#000;}
.period a {width:39px; line-height:37px; border:1px solid #e6e6e6; display:inline-block; text-align:center; vertical-align:top; margin-left:6px; margin-right:13px;color:#000;}

.coin_btn a {display:inline-block;vertical-align:top; width:120px; line-height:37px; background:#5f6062; border:1px solid #dedede; text-align:center; color:#fff; font-weight:600; margin-right:5px;}
.coin_btn a:hover {background:#ff0909;}
.coin_btn input {vertical-align:top;width:120px; line-height:37px; border:1px solid #dedede;margin-right:5px; text-indent:10px;}
.coin_btn span {display:inline-block;vertical-align:top;padding-left:10px;}

/* 성인인증절차 */
.adultpage {width:100%; padding-bottom:25px;}
.adultpage h1 {font-size:26px; color:#4d4d4d; background:#f2f2f2; line-height:99px; text-align:center; margin-bottom:32px;}
.adultpage_txt_big {font-size:26px;font-weight:bold; line-height:50px;padding-top:25px;}
.adultpage_txt_small {font-size:18px;line-height:50px;padding-bottom:25px;}
.adultpage_line {height:0; width:581px; margin:0 auto; border-top:1px solid #e1e1e1; margin-top:26px; margin-bottom:26px;}
.adultpage_btn {margin:0 auto;padding-bottom:100px;}

/* 로그인 */
/* .login {border:25px solid #526689; width:612px; padding-bottom:25px;} */
.login {width:100%; padding-bottom:25px;}
.login h1 {font-size:26px; color:#4d4d4d; background:#f2f2f2; line-height:99px; text-align:center; margin-bottom:32px;}
.login_input {width:488px; margin:0 auto;}
.login_input li {width:488px; height:50px; background:#f2f2f2; margin-bottom:15px;}
.login_input li span {display:inline-block; width:59px; height:37px; vertical-align:top; border-right:1px solid #4d4d4d; text-align:center; margin-top:7px; margin-right:26px;}
.login_input li span img {margin-top:9px;}
.login_input li input {width:389px; height:37px; background:none; border:0;vertical-align:top;margin-top:7px; color:#4d4d4d; font-size:18px;}
.login_chk {width:488px; margin:0 auto; margin-bottom:53px;}
.login_chk input {vertical-align:top;margin-right:5px;}
.login_chk label {display:inline-block;vertical-align:top; color:#4d4d4d;}

.login_btn {width:490px; margin:0 auto;}
.login_btn1 {width:488px;line-height:50px; background:#FF0000; border:1px solid #c0c0c0; display:block; text-align:center; color:#fff; font-size:17px; margin-bottom:10px;}
.login_btn1:hover {background:#FF3300;}
.login_btn2 {display:inline-block; text-align:center; width:239px; line-height:50px; margin-left:8px; background:#666; border:1px solid #c0c0c0; color:#fff; font-size:17px; margin-bottom:34px;}
.login_btn2:hover {background:#919191;}
.login_btn a:first-child {margin-left:0;}
.login_line {height:0; width:581px; margin:0 auto; border-top:1px solid #e1e1e1; margin-bottom:26px;}

.login_btn3 {width:490px; margin:0 auto;}
.login_btn3 li {width:488px; height:50px; margin-bottom:15px; border:1px solid #c0c0c0;}
.login_btn3 li a {display:block; line-height:50px; color:#fff; font-size:17px;}
.login_btn3 li span {display:inline-block; width:59px; height:37px; vertical-align:top; border-right:1px solid #fff; text-align:center; margin-top:7px; margin-right:26px;}
.login_btn3 li span img {}
.n_login {background:#1ec800;}
.f_login {background:#3b5998;}

.login_btn2_1 {display:inline-block; text-align:center; width:239px; line-height:50px; margin-left:8px; background:#FF0000; border:1px solid #c0c0c0; color:#fff; font-size:17px; margin-bottom:34px;}
.login_btn2_1:hover {background:#FF3300;}
.login_btn2_2 {display:inline-block; text-align:center; width:239px; line-height:50px; margin-left:8px; background:#e1e1e1; border:1px solid #c0c0c0; color:#4d4d4d; font-size:17px; margin-bottom:34px;}
.login_btn2_2:hover {background:#f2f0f0;}

.login_btn4 {width:490px; margin:0 auto; margin-bottom:70px;}
.login_btn4 a {display:inline-block; width:186px; line-height:50px;text-align:center; background:#e1e1e1; border:1px solid #c0c0c0; margin-left:9px; color:#4d4d4d; font-size:17px;}
.login_btn4 a:first-child {width:140px;margin-left:0;}
.login_btn4 a:hover {background:#f2f0f0;}
.login_btn4 span a {width:140px !important;margin-left:9px !important; background:#666; color:#fff;}
.login_btn4 span a:hover {background:#919191; color:#fff;}
.ico_bookmark {position:absolute; top:0; right:0;}

.my_menu {position:absolute; right:200px; top:50px; width:170px;border: 1px solid #dedede; z-index:100; background:#fff; display:none;}
.my_menu li {text-align:center;line-height: 35px;  border-top: 1px solid #dedede;}
.my_menu li:first-child {border-top:0;}
.my_menu li:hover {background:#eee;}
.my_menu li a {display:block; line-height:35px !important;color: #717171 !important;  font-size: 15px !important;}
.my_menu li:hover a {color:#ff0909 !important;}
.btn_mymenu {display:inline-block; cursor:pointer;}

.auto_search {position:absolute; width:234px; top:50px; right:0;}
.auto_search li {}

.ui-widget-content {
	border: 1px solid #eeeeee;
	color: #333333;
}

.ui-autocomplete {
	position:absolute; width:229px; top:50px; right:0;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999;
	background:#fff;
}
* html .ui-autocomplete {
	height: 300px;
}
.ui-autocomplete li a img {width:46px;height:46px;margin-right:5px;float:left;}
.ui-menu-item
{
	cursor: pointer;
	font-size: 12px;
	color: #333333;
	margin: 10px;
	border-bottom: 1px solid #efefef;
	height: 60px;
}
.ui-menu-item a
{
	height: 50px;
	font-family: 'Nanum Gothic', dotum; 
	font-size: 12px;
	color: #999999;
}

.ui-menu-item a .title
{
	font-weight: bold;
	color: #333333;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: none;
	outline: none;
	z-index:10;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */

}
.ui-menu .ui-menu-item:hover {background:#f2f2f2}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}


/* 20150405 select box style */

/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }
/* ----------------------------------- */

.txt_slate {color:#ddd;}
.txt_green {color:#779126;}
.txt_blue {color:#3b8ec2;}
.txt_yellow {color:#eec111;}
.txt_orange {color:#FF6600;}

/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("/nImages/icon/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(/nImages/icon/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(/nImages/icon/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}

.comp_msg_red {font-size:11px; color: #FF6600;}
.comp_msg {font-size:11px;color:#888;}
.comp_blue {font-size:11px; color: #0066FF;font-weight:bold;}


.file_type {width:318px; height:38px;}

.work_text{font-family:바탕,돋움,굴림,arial; font-size:12pt;}

/* 웹툰출력 */
.webtoonimg {
    position:relative;
}
.webtoonimg .clear {
    position:absolute;
    left:0;
    top:0;
	right: 0; 
	bottom: 0;
	margin: auto;
}

/* 웹소설썸네일 */
.websosulimg {
    position:relative;
}
.websosulimg .clear {
    position:absolute;
    left:-233px;
    top:0;
	right: 0; 
	bottom: 0;
	margin: auto;
}

.sosulbody {width:600px;line-height:250%;text-align:left;}
/* .sosulbody p {font-size:11pt;} */

.sosultxttitle {font-size:14pt;width:600px;line-height:60px;text-align:left;margin-top:50px;margin-bottom:20px;margin-left:148px;border-bottom:2px solid #AFAFAF;}
.sosultxttitle span {width:500px}
.sosultxtform {text-align:right;margin-bottom:10px;margin-right:150px;}

.storenoimgxy {width:283px;height:211px;}
.storenoimg {line-height:250px;height:250px;vertical-align:middle;}
.storenoimg .bg_frame{position:absolute;width:200px;height:80px;top:70px;left:50%;margin-left:-100px;border:2px solid #8f8f8f;border-width:2px 0}
.storenoimg .name{font-size:15px;color:#383b44;line-height:225px;vertical-align:middle;text-align:center; }

/* 웹툰샵 */
.toon_shop {margin-top:40px;}
.toon_shop dt {float:left; width:210px; border:1px solid #dedede;}
.toon_shop dt:first-child {width:963px; border-right:0;}
.toon_menu {line-height:43px; border-bottom:1px solid #dedede;}
.toon_menu a {display:inline-block; padding:0 28px;}
.toon_menu a b {font-weight:600;}
.toon_menu a.on {color:#ff0909;}
.toon_menu .selectBox {float:right; margin-top: 2px; margin-right:8px;}
.toon_menu .selected {background:none !important;}
.toon_menu div.selectOptions {background:#fff !important;top: 38px;}
.shop_img {height:641px; border-bottom:1px solid #dedede;}
.shop_thumb {height:99px;border-bottom:1px solid #dedede;}
.shop_thumb span {display:inline-block; vertical-align:top; float:right;}
.shop_thumb span:first-child {float:left; font-weight:700; font-size:14px; line-height:27px; margin-left:30px; margin-top:27px; color:#000;}
.shop_thumb span:first-child b {color:#ff0909;}
.shop_thumb span a {display:inline-block; vertical-align:top; border:1px solid #dedede; margin-left:8px;}
.shop_thumb_r {margin-top:12px; margin-right:14px;}
.shop_thumb:after {clear:both; content:""; padding:0; margin:0; display:block;} 
.toon_shop:after {clear:both; content:""; padding:0; margin:0; display:block;}

.shop_detail {}
.shop_detail dl {float:left}
.shop_detail dl:first-child {border-right:1px solid #dedede;}
.shop_detail_menu {margin-top:42px; margin-left:30px;}
.shop_detail_menu li:first-child {margin-top:0;}
.shop_detail_menu li {margin-top:17px;}
.shop_detail_menu span {display:inline-block; vertical-align:top; width:70px; font-size:13px; color:#000; line-height:24px;}
.shop_detail_menu strong {display:inline-block; vertical-align:top;line-height:24px; font-size:24px; font-weight:700; color:#b1b1b1; letter-spacing:-1px;}
.shop_detail_menu b {display:inline-block; vertical-align:top;line-height:24px;font-size:24px; font-weight:700; color:#1193a3; letter-spacing:-1px;}
.shop_detail_menu select {display:inline-block; vertical-align:top; width:107px; height:26px; text-align:center;}
.btn6 {display:block; width:140px; line-height:44px; text-align:center; color:#fff; background:#d02818; margin-top:40px; margin-left:48px; font-size:17px;}
.shop_detail:after {clear:both; content:""; padding:0; margin:0; display:block;}

.shop_right_top {margin:0 auto; text-align:center; color:#8c8d8d; font-size:11px; padding-top:16px; height:27px; border-bottom:1px solid #dedede;}
.shop_right_top a.next {float:right; margin-right:30px;}
.shop_right_top a.prev {float:left; margin-left:30px;}
.shop_right_list {width:167px; margin:0 auto;}
.shop_right_list ul {margin-top:22px;}
.shop_right_list ul li {}
.shop_right_list ul li:first-child {border:1px solid #dedede;}
.shop_right_txt {color:#000; padding-left:7px; padding-top:15px;}
.shop_right_txt span {color:#ff0909; font-size:13px; line-height:20px;}
.shop_right_txt b {display:block; text-align:right; color:#1193a3; font-size:14px; padding-top:12px;}

.toon_order {padding:38px 26px;}
.toon_shop h1 {font-size:17px; font-weight:600; color:#000; margin-bottom:11px;}
.table3 {width:100%; border:1px solid #dedede; margin-bottom:6px;}
.table3 thead th {text-align:left; line-height:43px; background:#f7f7f7; padding-left:31px; color:#000; font-size:13px; border-bottom:2px solid #ebebeb;}
.table3 thead td {text-align:center; line-height:43px; background:#f7f7f7; color:#000; font-size:13px; border-bottom:2px solid #ebebeb;}
.table3 tbody th {text-align:left; padding:6px 0; padding-left:25px; font-size:13px; color:#000;}
.table3 tbody th span {color:#ff0909;}
.table3 tbody th img {border:1px solid #dedede; margin-right:15px;}
.table3 tbody td {text-align:center;font-size:13px; color:#666;}
.order_price {background:#f7f7f7; border:1px solid #dedede; padding:28px 0; margin-bottom:53px;}
.order_price li {text-align:right; padding-right:22px; margin-bottom:13px; font-size:13px; color:#000;}
.order_price li span {width:84px; display:inline-block;}

.table4 {width:100%; border:1px solid #dedede; border-bottom:0; margin-bottom:53px;}
.table4 th {background:#f7f7f7; text-align:center; vertical-align:middle; border-bottom:1px solid #dedede; border-right:2px solid #dedede; font-size:13px; color:#000;}
.table4 td {padding:15px 23px; border-bottom:1px solid #dedede; font-size:13px; color:#000;}
.table4 td p {margin-top:10px;color:#000; line-height:32px;}
.table4 td p:first-child {margin-top:0;}
.table4 td p span {display:inline-block; width:99px;color:#000;}
.table4 td input[type=text], .table4 td select {background:#f7f7f7; height:32px; border:1px solid #dedede; box-sizing:border-box; margin-right:5px; vertical-align:top;}
.table4 td input[type=text] {text-indent:10px;}
.table4 td select {text-align:center;}
.btn_zip {display:inline-block; width:87px; line-height:30px; background:#686868; border:1px solid #c2c2c2; text-align:center; color:#fff; vertical-align:top;}
.table4 td input[type=radio] {margin-right:8px;}
.table4 td label {margin-right:40px;}
.order_btn_group {text-align:center;}
.order_btn_group a {display:inline-block; vertical-align:top; width:140px; line-height:44px; text-align:center; background:#dfdfdf; border:1px solid #c3c3c3; margin:0 6px; color:#000; font-size:17px;}
.order_btn_group a.on {border:0; background:#d02818; color:#fff;}
.w309 {width:309px;}
.w124 {width:124px;}
.w87 {width:87px;}
.w239 {width:239px;}
.w484 {width:484px;}
.w60_center {width:87px;text-align:center;}

.txtcut {
  white-space:nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
  /*text-overflow:ellipsis-word;*/
  width:100px;
  
}
.txtcut:hover {
  overflow: visible;
  background:none
}

.tableStyle1{border-top: 1px solid #838383;}
.tableStyle1 table{width: 100%;margin-bottom: 15px;}
.tableStyle1 table thead td, .tableStyle1 table thead  th{font-size:11px;height: 31px;font-weight: bold;color: #4b4b4b;text-align: center;padding-top: 2px;background:#f9f9f9;border-bottom:1px solid #ddd;border-left:1px solid #ddd;vertical-align:middle;}
.tableStyle1 table thead td{font-size:11px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.tableStyle1 table tbody td, .tableStyle1 table tbody  th{font-size:11px;height: 31px;text-align: center;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;vertical-align:middle;background:#FFF;font-weight:normal;}
.tableStyle1 table tfoot td, .tableStyle1 table tfoot  th{font-size:11px;height: 31px;font-weight: bold;color: #4b4b4b;text-align: center;padding-top: 1px;background:#f6f6f6;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;vertical-align:middle;}
.tableStyle1 table tfoot td, .tableStyle1 table tfoot  td{font-size:11px;border-right:1px solid #e1e1e1;}
.tableStyle1 .bgS1{background:#f7f7f7;}
.tableStyle1 .a_Left{text-align:left;padding:1px 5px 0 5px;}
.tableStyle1 .a_Right{text-align:right;padding:0 5px;}
.tableStyle1 input{margin-top:0;}
.td_wblue{background:#d7feff;}
.tableStyle1 table .prod_info{background:#f6f6f6;padding:10px 10px 8px 10px;text-align:left;font-weight:normal;line-height:180%;}
.tableStyle1 h3{height: 32px;line-height: 32px;background:#f9f9f9;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;font-weight: bold;color: #4b4b4b;font-size:14px;text-align:center;}