/**
main.css
 */
@charset "utf-8";

.main_tag { position:relative; padding:20px 0px;  }
.main_tag span { color:#80c8ec; font-size:15px; padding-right:20px; }

/** New 새로나온 상품. 요즘이책 */
.top_items_layer { position:relative; width:100%; height:auto; text-align:center; background-color:#E7EAF1; font-size:12px; }
.top_items_layer .top_items_wrap { position:relative; width:1200px; margin:0px auto; text-align:left; padding:25px 0px;}
.top_items_layer .top_items_wrap .top_items_tab_layer { position:relative; float:left; width:784px; height:auto;  }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap { position:relative; width:100%; height:271px; margin-top:50px; display:none; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap.on { display:block; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li { position:relative; width:128px; margin-left:20px; float:left;  }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li:first-child { width:191px; text-align:center; font-size:30px; letter-spacing:-5px; padding-top:30px; margin-left:0px;  }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li p { text-align:left;}
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li p:first-child { max-height:200px; overflow-y:hidden; margin-bottom:15px;}
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li p img { width:125px; height:180px; border:1px solid #828282;}

.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li p span { font-size:15px; letter-spacing:-1px; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li p a { color:#000; font-weight:bold; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_wrap li p a.book_info { height:33px; overflow-y:hidden; }

.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_menu { position:relative; width:100%; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_menu li { position:relative; float:left; text-align:center; width:260px; border:1px solid #D4D7DE; border-left:none; padding:10px 0px; font-size:12px; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_menu li:first-child { border-left:1px solid #D4D7DE; }
.top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_menu li.on, .top_items_layer .top_items_wrap .top_items_tab_layer .top_items_tab_menu li:hover { background-color:#fff; cursor:pointer; }
/** 요즘 이책 **/
.top_items_layer .top_items_wrap .top_items_this_book { position:relative; width:212px; height:327px; padding:15px; background-color:#D6DDED; border:1px solid #C9D0DA; float:left; margin-left:40px; }
.top_items_layer .top_items_wrap .top_items_this_book .this_book_title { position:absolute; left:15px; top:15px; font-size:15px; letter-spacing:-1px; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_top { position:relative; width:100%; height:auto; text-align:right; font-size:13px; margin-bottom:25px; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_top .this_book_cate { display:none; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_top .this_book_cate.on { display:inline; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_top .this_book_arrow { background-color:#fff; border:1px solid #D6DBDE; border-radius:1px; color:#A7A7A7; padding:0px 4px 4px 4px; cursor:pointer;   }
.top_items_layer .top_items_wrap .top_items_this_book .this_book_items { display:none; }
.top_items_layer .top_items_wrap .top_items_this_book .this_book_items.on { display:inline; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top { position:relative; width:100%; margin:20px 0px;  }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li { position:relative; float:left; width:186px; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li:first-child { width:25px; font-size:15px; font-style:italic; color:#666F8C;    }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li img { width:75px; height:95px; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li div { float:left; width:101px; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li div:first-child { width:75px; margin-right:10px; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li .this_book_info { color:#000000; }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking_top li .this_book_info span { margin-top:10px; color:#455579; font-weight:bold; }

.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking { position:relative; width:100%; margin-top:9px; height:32px; overflow-y:hidden;  }
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking li { position:relative; float:left; width:186px; padding-top:3px; word-break:break-all; word-wrap:break-word}
.top_items_layer .top_items_wrap .top_items_this_book .top_items_this_book_ranking li:first-child { width:25px; font-size:15px; font-style:italic; color:#666F8C; padding-top:0px; }
/** 배너 **/
.top_items_layer .top_items_wrap .top_items_banner { position:relative; width:110px; height:350px; float:left; margin-left:20px; }
/** 카카오톡 문의 배너 **/
.top_items_layer .top_items_wrap .kakao_banner { position:absolute; right:-90px; top:25px; }

/** 베스트 셀러 **/
.main_bestseller_title { position:relative; width:100%; height:30px; margin-top:40px;  }
.main_bestseller_title span { font-size:25px; letter-spacing:-3px; }
.main_bestseller_title .main_bestseller_dot { position:relative; width:300px; float:right; text-align:right; }
.main_bestseller_title .main_bestseller_dot .main_bestseller_slide_dot { background-color:#D9DBE8; padding:6px; border-radius:6px; }
.main_bestseller_title .main_bestseller_dot .main_bestseller_slide_dot.dot_on { padding:6px 12px; background-color:#5472BA; }
.main_bestseller_title .main_bestseller_dot .main_bestseller_slide_dot:hover { background-color:#5472BA; cursor:pointer; }
.main_bestseller_title .main_bestseller_dot .slide_more { border:1px solid #D9DADA; border-radius:3px; background-color:#ffffff; color:#556FB5; font-weight:bold; font-size:24px; width:26px; text-align:center; line-height:0.6em; padding:4px 0 10px 0 }
.main_bestseller_title .main_bestseller_dot .slide_more:hover { text-decoration:none; }
.main_bestseller_layer { position:relative; width:100%; margin-top:30px;  }
.main_bestseller_layer .main_bestseller_age { position:relative; width:107px; font-size:18px; letter-spacing:-2px; float:left; margin-right:50px; }
.main_bestseller_layer .main_bestseller_age p { border:1px solid #EAEAEA; text-align:center; padding:8px 0 9px 0px; border-top:none;  }
.main_bestseller_layer .main_bestseller_age p:first-child { border-top:1px solid #EAEAEA; }
.main_bestseller_layer .main_bestseller_age p:hover, .main_bestseller_layer .main_bestseller_age p.on { cursor:pointer; color:#fff; background-color:#546FB4 }

.main_bestseller_layer .main_bestseller_wrap { position:relative; width:1043px; float:left; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_slide_arrow { position:relative; float:left; width:100px; padding-top:60px; text-align:right; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_slide_arrow:first-child { text-align:left; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_slide_arrow span { background-color:#C8D0DB; border-radius:1px; color:#fff; font-size:42px; font-family:Courier New; padding:5px 8px 3px 8px; cursor:pointer; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list { position:relative; width:843px; float:left; display:none; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list.on { display:block; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list .main_bestseller_img { text-align:center; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li { float:left; width:142px; margin-left:33px; position:relative; display:none;  }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li:nth-child(6), .main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li:first-child { margin-left:0px; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li.on { display:block; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li img { width:127px; height:180px; box-shadow: 1px 1px 3px gray;}
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li .main_bestseller_ranking_num { position:absolute; background-color:#9EA5B7; color:#fff; left:-7px; top:-7px; font-size:18px; padding:7px 12px; font-family:Courier New;  }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list li .main_bestseller_ranking_num.ranking_top { background-color:#CA4620; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list .main_bestseller_info { text-align:center; margin-top:10px; font-size:12px; font-weight:bold; }
.main_bestseller_layer .main_bestseller_wrap .main_bestseller_list .main_bestseller_info span { margin-top:5px; color:#A09FA4; font-weight:normal}

/** 중간 배너 영역 **/
.main_middle_banner, .main_bottom_banner { position:relative; width:100%; height:auto; margin-top:30px; }
.main_bottom_banner { margin-bottom:100px; }

/** 공지사항 영역 **/
.main_notice { position:relative; width:100%; margin-top:30px; font-size:15px; letter-spacing:-1px; height:46px; overflow-y:hidden; }
.main_notice ul { display:inline-table; width:100%; }
.main_notice li { position:relative; width:100%; height:46px; vertical-align:middle; color:#80c8ec; display:none;  }
.main_notice li.on { display:table-cell; }
.main_notice .main_notice_arrow { position:absolute; width:30px; right:0px; top:0px; font-family:Arial; text-align:right;  }
.main_notice .main_notice_arrow span { transform:rotate(-90deg); background-color:#fff; color:#B1B1B1; border:1px solid #B1B1B1; border-radius:1px; font-size:17px; padding:1px 7px 1px 6px; margin-bottom:-2px; cursor:pointer;  }
.main_notice .main_notice_arrow span:first-child { transform:rotate(90deg)}

/** main left **/
.main_wrap { position:relative; width:100%; height:auto; margin-top:30px; }
.main_wrap:after{ content:'';display:block;clear:both; }
.main_wrap .main_left { position:relative; float:left; width:600px; margin-right:12px; height:auto; display:none; }
.main_wrap .main_left .main_item { position:relative; width:100%; }
.main_wrap .main_left .main_item img { width:100%; }
.main_wrap .main_left .main_item .main_txt { position:absolute; left:20px; bottom:20px; width:500px; padding:30px; color:#000000;   }
.main_wrap .main_left .main_item .main_txt.main_txt_over { background-color:#000; color:#fff; }
.main_wrap .main_left .main_item .main_txt .main_title { font-size:26px; font-weight:bold; display:block; margin-bottom:10px; text-shadow:0px 0px 2px #ffffff;}
.main_wrap .main_left .main_item .main_txt .main_desc { display:none; }

/** main right **/
.main_wrap .main_right { position:relative; float:right; width:588px; height:auto; }
.main_wrap .main_right .main_item { padding:20px; border:1px solid #d6d6d6; width:244px; margin-left:8px; margin-bottom:8px; }
.main_wrap .main_right .main_item img { width:100%; margin-bottom:30px; }
.main_wrap .main_right .main_item .main_txt { color: #565656; font-size:13px;  }
.main_wrap .main_right .main_item .main_txt span.main_title { color:#000000; font-size:20px; font-weight:bold; margin-bottom:10px; line-height:120%; }

/** 더보기 **/
.main_content_more { position:relative; width:1198px; text-align:center; cursor:pointer; border:1px solid #939393; padding:10px 0px; margin-top:30px; font-size:20px; letter-spacing:-2px; }

/** 슬기로운 집콕생활 **/
.main_home { position:relative; width:100%; margin-top:70px; }
.main_home .main_home_title { font-size:25px; letter-spacing:-3px; }
.main_home .main_home_title span { letter-spacing:-1px; font-size:15px; color:#A7A7A7; }
.main_home .main_home_items { position:relative; margin-top:15px; }
.main_home .main_home_items li { position:relative; width:144px; float:left; margin-left:32px; text-align:center; font-size:12px; }
.main_home .main_home_items li:first-child { margin-left:0px; }
.main_home .main_home_items li img { width:127px; height:180px; margin-bottom:10px; border:1px solid #cfcfcf; }
.main_home .main_home_items li span { margin-top:5px; color:#B2B2B2; }

/** 실시간 추천 / 금일 본 상품 **/
.main_realtime_today { position:relative; width:100%; margin-top:40px; }
.main_realtime_today .main_realtime { position:relative; width:850px; padding:20px 30px 40px 30px; float:left; border:1px solid #D2D2D2; }
.main_realtime_today .main_realtime .main_realtime_title, .main_realtime_today .main_today .main_today_title { position:relative; width:100%; font-size:20px; letter-spacing:-3px }
.main_realtime_today .main_realtime_items li { width:144px; float:left; margin-left:32px; margin-top:25px; text-align:center; font-size:12px; }
.main_realtime_today .main_realtime_items li span { margin-top:5px; color:#B2B2B2; }
.main_realtime_today .main_realtime_items li:first-child { margin-left:0px; }
.main_realtime_today .main_realtime img { width:127px; height:180px; margin-bottom:10px; border:1px solid #cfcfcf;}
.main_realtime_today .main_realtime_items li p { max-height:33px; overflow-y:hidden; }
/** 금일 본 상품 **/
.main_realtime_today .main_today { position:relative; width:220px; border:4px solid #D2D2D2; float:left; margin-left:20px; padding:20px 20px 25px 20px; }
.main_realtime_today .main_today .main_today_item { position:relative; width:100%; height:auto; text-align:center; margin-top:32px;  }
.main_realtime_today .main_today .main_today_item li { position:relative; width:100%; text-align:center; text-align:center; font-size:12px; min-height:200px; max-height:300px; overflow-y:hidden; display:none;  }
.main_realtime_today .main_today .main_today_item li.on { display:block; }
.main_realtime_today .main_today .main_today_item li.no_item { font-size:15px; letter-spacing:-1px; padding-top:100px; min-height:100px; max-height:150px; display:block; }
.main_realtime_today .main_today .main_today_item li p { height:33px; overflow-y:hidden; }
.main_realtime_today .main_today .main_today_item li img { width:127px; height:180px; margin-bottom:10px; border:1px solid #cfcfcf;}
.main_realtime_today .main_today .main_today_item li span { margin-top:5px; color:#B2B2B2; }
.main_realtime_today .main_today .main_today_item .today_arrow { position:absolute; top:19%; left:-20px; width:30px; font-size:30px; padding:0px 2px 6px 2px; background-color:#fff; border:1px solid #EAEAEA; color:#BABABA; cursor:pointer; text-align:center; }
.main_realtime_today .main_today .main_today_item .today_right_arrow { left:205px; }