@charset "UTF-8";

@import url(base.css);
@import url(layout.css);

.main_view {position:relative;width:962px;height:265px;padding-top:15px;background:url('../images/rbox_mainview.gif') no-repeat 0 0;}
.main_view .webtoon_big, .main_view .webtoon_tit {float:left;text-align:right;}
.main_view .webtoon_big {width:725px;height:265px;}
.main_view .webtoon_tit {width:222px;}
.main_view .webtoon_tit .tit_list {overflow:hidden;height:230px;}
.main_view .webtoon_tit .tit_list li {height:59px;}
.main_view .webtoon_tit .tit_list li a {display:block;overflow:hidden;height:53px;}
.main_view .webtoon_tit .tit_list li a:hover img, 
.main_view .webtoon_tit .tit_list li a:focus img, 
.main_view .webtoon_tit .tit_list li .on img {margin-top:-63px;}
.main_view .btn_nav {position:absolute;left:840px;top:245px;width:102px;height:20px;}
.main_view .btn_nav a {display:block;float:left;width:48px;height:20px;margin-right:3px;background:url('../images/btn.png') no-repeat;}
.main_view .btn_nav .btn_prev {background-position:0 -702px;}
.main_view .btn_nav .btn_next {background-position:-51px -702px;}

.new_webtoon {position:relative;overflow:hidden;width:962px;height:310px;margin-top:13px;background:url('../images/rbox_new.gif') no-repeat 0 0;}
.new_webtoon h2 {height:22px;margin:24px 0 0 47px;background:url('../images/title.png') no-repeat 0 0;}
.new_webtoon .btn_nav {position:absolute;top:133px;width:32px;height:58px;background:url('../images/btn.png') no-repeat;}
.new_webtoon .btn_prev {left:0;background-position:0 -522px;}
.new_webtoon .btn_next {right:0;background-position:-40px -522px;}
.new_wrap {position:absolute;width:898px;left:20px;top:45px;overflow:hidden;}
.new_list {width:10000px;height:243px;}
.new_list li {float:left;width:275px;height:243px;overflow:hidden;margin-left:24px;}
.new_list li .thumb {position:relative;overflow:hidden;height:183px;}
.new_list li .thumb .link_thumb {margin-top:3px;display:block;width:275px;height:180px;}
.new_list li .thumb .link_thumb img {width:275px;height:180px;}
.new_list li .thumb .ico_new {display:block;position:absolute;right:8px;top:0;}
.new_list li .info {position:relative;height:50px;padding:10px 13px 0;background:#595757;}
.new_list li .info a {color:#e7e7e7;}
.new_list li .info .title {overflow:hidden;height:20px;font-size:14px;font-weight:bold;}
.new_list li .info .title span.number {padding-left:5px;color:#fb6907;font-weight:bold;}
.new_list li .info .cartoonist {}
.new_list li .info .date {width:100px;position:absolute;right:13px;top:30px;font-size:11px;color:#acabab;text-align:right;}

.recom_webtoon {position:relative;float:left;width:701px;margin-top:30px;}
.recom_webtoon h2 {height:27px;background:url('../images/title.png') no-repeat 0 -27px;}
.recom_webtoon .recom_list {overflow:hidden;width:720px;padding:19px 0;border-bottom:1px solid #d3d3d4;}
.recom_list li {float:left;width:360px;height:115px;margin-bottom:39px;}
.recom_list li a {display:block;}
.recom_list .thumb {float:left;width:173px;height:115px;}
.recom_list .thumb .link_thumb, .recom_list .thumb .link_thumb img {width:158px;height:113px;}
.recom_list .thumb .link_thumb {border:1px solid #d3d3d4;}
.recom_list .info {float:left;width:168px;padding-top:3px;}
.recom_list .info p {height:18px;}
.recom_list .info .title {height:21px;}
.recom_list .info .title a {overflow:hidden;font-weight:bold;font-size:14px;color:#000;}
.recom_list .info .cartoonist a {overflow:hidden;color:#000;}
.recom_list .info .summery {height:32px;padding:8px 0 8px}
.recom_list .info .summery a {color:#898989}
.recom_webtoon .bottom_btn a {display:block;background:url('../images/btn.png') no-repeat;}
.recom_webtoon .bottom_btn {margin-top:-1px;}
.recom_webtoon .bottom_btn .btn_all {width:105px;height:25px;background-position:0 -109px;margin:0 auto;}