@charset "utf-8";
@import url(/css/nanumgothic.css);
div.navi_area{margin-top:1px;background: 0 bottom repeat-x url('/img/n_bg01.jpg') !important ;}/*border-bottom: 1px solid #1f5aa0;*/
div.navi_area ul li{float:left;}
div.navi_area ul li a{padding:12px 16px 14px;padding:12px 16px 14px \0/IE9;display:block;color:#fff;font-size:14px; line-height: 15px;text-align:center;}/*width:67px;padding:12px 27px 14px;font-weight:bold;*/
div.navi_area ul li:first-child+li+li a{padding:12px 17px 14px;padding:12px 17px 14px \0/IE9;}
div.navi_area ul li:first-child+li+li+li+li+li+li a{padding:12px 17px 14px; padding:12px 17px 14px \0/IE9;}
div.navi_area ul li:first-child+li+li+li+li+li+li+li a{padding:12px 17px 14px; padding:12px 17px 14px \0/IE9;}
div.navi_area ul li a:hover{background:0 0 repeat-x url(../img/btn_top1.png);color:#fff;font-weight:bold;}
div.navi_area ul li a.on{background:0 0 repeat-x url(../img/btn_top1.png);color:#fff;font-weight:bold;font-size:14px;}
div.navi_area ul:after{content:"";display:block;clear:both;}



div.notice_area{margin-top:10px;}
div.notice_area:after{content:"";display:block;clear:both;}
div.notice_area div.visual_box{float:left;margin:0 10px 0 0;box-shadow: 1px 1px 0px #d0d0ce;}
div.notice_area div.guest_box{float:left;}
div.guest_s_box{width:448px;height:40px;background:#af998b;box-shadow: 1px 1px 0px #d0d0ce;margin-bottom:10px;}
div.guest_s_box ul li span{display:block;float:left;}
div.guest_s_box ul li span.lavel{width:62px;text-align:center;line-height:38px;color:#fff;}
div.guest_s_box ul li span.box{width:146px;height:34px;background:#fff;border-radius: 3px;line-height:34px;font-weight:bold;line-height:32px;color:#000;padding-left:10px;margin-top:3px;}
div.guest_s_box ul li{float:left;}
div.guest_s_box ul li:after{content:"";display:block;clear:both;}

div.notice_box{width:416px;height:260px;/*box-shadow: 1px 1px 0px #d0d0ce;*/border:1px solid #d0d0ce;overflow:hidden;background:#fff;padding:15px;}
div.notice_box p.not_title{border-bottom:1px solid #c9c9c9;padding-bottom:5px;margin-bottom:5px;}
div.notice_box p.not_title span{font-size:18px;color:#313131;display:block;float:left;font-weight:bold;}
div.notice_box p.not_title a{font-size:11px;color:#313131;display:block;float:right;}
div.notice_box p.not_title:after{content:"";display:block;clear:both;}

div.notice_box p.not_title01{border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;padding-bottom:5px;padding-top:5px;margin-bottom:5px;margin-top:20px;}
div.notice_box p.not_title01 span{font-size:18px;color:#313131;display:block;float:left;font-weight:bold;}
div.notice_box p.not_title01 a{font-size:11px;color:#313131;display:block;float:right;line-height:24px;}
div.notice_box p.not_title01:after{content:"";display:block;clear:both;}

div.notice_box ul li{padding:6px 0 6px;}
div.notice_box ul li a{display:block;float:left;/*font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;*/width:320px;}
div.notice_box ul li a.big{font-size:16px;font-weight:bold;}
div.notice_box ul li span{display:block;float:right;/*font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;*/}
div.notice_box ul li:after{content:"";display:block;clear:both;}

div.newbook_box{/*box-shadow: 1px 1px 0px #d0d0ce;*/border:1px solid #d0d0ce;background:#fff;position:relative;margin-top:10px;padding:20px 110px 20px;}
div.newbook_box ul{margin:0 auto;width:770px;}
div.newbook_box ul li{float:left;margin-right:32px;}
div.newbook_box ul li.last{margin-right:0;}
div.newbook_box ul li a span{display:block;position: relative;}
div.newbook_box ul li a span i{display:block;background:0 0 no-repeat url(../img/bg_img_s.png);position: absolute;top:0;left:0;width:122px;height:156px;}
div.newbook_box ul li a span.title{text-align:left;color:#313131;font-weight:bold;letter-spacing:-1px;width:122px;margin-top:10px;}
div.newbook_box ul:after{content:"";display:block;clear:both;}
div.newbook_box p.title{position:absolute;top:0;left:0;width:80px;height:56px;background:#e7eef6;text-align:center;line-height:50px;border-radius:0 0 10px 0;color:#245fa5;font-weight:bold;font-size:16px;}


div.newbook_box p.more{font-size:11px;color:#313131;display:block;}
p.n_m_plus{background:center center no-repeat url(../img/n_m_plus.png) #e7eef6;width:70px;height:30px;position: absolute;top: 0;right: 0;}
p.n_m_plus a{display:block;width:70px;height:30px;text-indent:-5000px;}
 

div.newbook_box a.left_btn{display:block;top:35%;left:0;position:absolute;width:40px;height:50px;background:0 0 no-repeat url(../img/arrow_left.png);text-indent:-5000px;}
div.newbook_box a.left_btn_on{background:0 0 no-repeat url(../img/arrow_hover_left.png);}
div.newbook_box a.left_btn:hover{background:0 0 no-repeat url(../img/arrow_hover_left.png);}
div.newbook_box a.right_btn{display:block;top:35%;right:0;position:absolute;width:40px;height:50px;background:0 0 no-repeat url(../img/arrow_right.png);text-indent:-5000px;}
div.newbook_box a.right_btn:hover{background:0 0 no-repeat url(../img/arrow_hover_right.png);}
div.newbook_box a.right_btn_on{background:0 0 no-repeat url(../img/arrow_hover_right.png);}

div.bestbook_box{/*box-shadow: 1px 1px 0px #d0d0ce;*/border:1px solid #d0d0ce;background:#fff;position:relative;margin-top:10px;padding:20px 110px 20px;}
div.bestbook_box ul{margin:0 auto;width:770px;}
div.bestbook_box ul li{float:left;margin-right:32px;}
div.bestbook_box ul li.last{margin-right:0;}
div.bestbook_box ul li a span{display:block;position: relative;}
div.bestbook_box ul li a span i{display:block;background:0 0 no-repeat url(../img/bg_img_s.png);position: absolute;top:0;left:0;width:122px;height:156px;}
div.bestbook_box ul li a span.title{text-align:left;color:#313131;font-weight:bold;letter-spacing:-1px;width:122px;margin-top:10px;}
div.bestbook_box ul:after{content:"";display:block;clear:both;}
div.bestbook_box p.title{position:absolute;top:0;left:0;width:80px;height:56px;background:#e7eef6;text-align:center;line-height:50px;border-radius:0 0 10px 0;color:#245fa5;font-weight:bold;font-size:16px;}

div.bestbook_box p.more{font-size:11px;color:#313131;display:block;float:right;line-height:30px;}

div.bestbook_box a.left_btn{display:block;top:35%;left:0;position:absolute;width:40px;height:50px;background:0 0 no-repeat url(../img/arrow_left.png);text-indent:-5000px;}
div.bestbook_box a.left_btn_on{background:0 0 no-repeat url(../img/arrow_hover_left.png);}
div.bestbook_box a.left_btn:hover{background:0 0 no-repeat url(../img/arrow_hover_left.png);}
div.bestbook_box a.right_btn{display:block;top:35%;right:0;position:absolute;width:40px;height:50px;background:0 0 no-repeat url(../img/arrow_right.png);text-indent:-5000px;}
div.bestbook_box a.right_btn:hover{background:0 0 no-repeat url(../img/arrow_hover_right.png);}
div.bestbook_box a.right_btn_on{background:0 0 no-repeat url(../img/arrow_hover_right.png);}

div.cont_s_area{margin-top:10px;}
div.cont_s_area:after{content:"";display:block;clear:both;}

div.day_cont{/*box-shadow: 1px 1px 0px #d0d0ce;*/border:1px solid #d0d0ce;background:#fff;width:342px; height:212px; float:left;margin-right:10px;padding:15px;}
div.day_cont p.day_title{border-bottom:1px solid #c9c9c9;padding-bottom:10px;margin-bottom:15px;}
div.day_cont p.day_title span{font-size:18px;color:#313131;display:block;float:left;font-weight:bold;}
div.day_cont p.day_title a{font-size:11px;color:#313131;display:block;float:right;line-height:30px;}
div.day_cont p.day_title:after{content:"";display:block;clear:both;}
div.day_cont div.cont_img_area p.cont_img_box{position: relative;width:122px;height:156px;float:left;margin-right:15px;}
div.day_cont div.cont_img_area p.cont_img_box i {display:block;background:0 0 no-repeat url(../img/bg_img_s.png);position: absolute;top:0;left:0;width:122px;height:156px;}
div.day_cont div.cont_img_area p.cont_img_box a {display:block;position: absolute;background:#313131;width:41px;height:20px;text-align:center;color:#fff;line-height:20px;font-size:11px;border-radius: 3px;}
div.day_cont div.cont_img_area p.cont_img_box a.e_book{bottom:13px;left:10%;}
div.day_cont div.cont_img_area p.cont_img_box a.xdf{bottom:13px;right:10%;}
div.day_cont div.cont_img_area div.cont_text_box{float:left;width:180px;}
div.day_cont div.cont_text_box p.title{font-size:16px;font-weight:bold;margin-bottom:1px;color:#313131}
div.day_cont div.cont_text_box p.name{font-size:16px;font-weight:bold;margin-bottom:3px;color:#313131}
div.day_cont div.cont_text_box p.text{line-height:16px;}

div.user_cont{/*box-shadow: 1px 1px 0px #d0d0ce;*/border:1px solid #d0d0ce;background:#fff;width:564px;float:left;padding:15px;position: relative;}
div.user_cont p.user_title{border-bottom:1px solid #c9c9c9;padding-bottom:10px;margin-bottom:15px;}
div.user_cont p.user_title span{font-size:18px;color:#313131;display:block;float:left;font-weight:bold;}
div.user_cont p.user_title a{font-size:12px;color:#313131;display:block;float:right;line-height:30px;}
div.user_cont p.user_title:after{content:"";display:block;clear:both;}

div.user_cont a.left_btn{display:block;top:40%;left:0;position:absolute;width:40px;height:50px;background:0 0 no-repeat url(../img/arrow_left.png);text-indent:-5000px;}
div.user_cont a.left_btn_on{background:0 0 no-repeat url(../img/arrow_hover_left.png);}
div.user_cont a.left_btn:hover{background:0 0 no-repeat url(../img/arrow_hover_left.png);}
div.user_cont a.right_btn{display:block;top:40%;right:0;position:absolute;width:40px;height:50px;background:0 0 no-repeat url(../img/arrow_right.png);text-indent:-5000px;}
div.user_cont a.right_btn:hover{background:0 0 no-repeat url(../img/arrow_hover_right.png);}
div.user_cont a.right_btn_on{background:0 0 no-repeat url(../img/arrow_hover_right.png);}

div.user_cont div.user_cont_area{width:453px;margin:0 auto;}
div.user_cont div.user_cont_area:after{content:"";display:block;clear:both;}
div.user_cont div.user_cont_area p.cont_img_box{position: relative;width:122px;height:156px;float:left;margin-right:15px;}
div.user_cont div.user_cont_area p.cont_img_box i {display:block;background:0 0 no-repeat url(../img/bg_img_s.png);position: absolute;top:0;left:0;width:122px;height:156px;}
div.user_cont div.user_cont_area p.cont_img_box a{display:block;position: absolute;background:#313131;width:41px;height:20px;text-align:center;color:#fff;line-height:20px;font-size:11px;border-radius: 3px;}
div.user_cont div.user_cont_area p.cont_img_box a.e_book{bottom:13px;left:10%;}
div.user_cont div.user_cont_area p.cont_img_box a.xdf{bottom:13px;right:10%;}
div.user_cont div.user_cont_area div.user_text_box{float:left;width:310px;}
div.user_cont div.user_cont_area div.user_text_box p.title{font-size:16px;font-weight:bold;margin-bottom:1px;color:#313131}
div.user_cont div.user_cont_area div.user_text_box p.name{font-size:16px;font-weight:bold;margin-bottom:3px;color:#313131}
div.user_cont div.user_cont_area div.user_text_box p.text{line-height:16px;}

div.n_ban_b{margin-bottom:7px;}
div.n_ban_b:after {content:""; display:block; clear:both;}
div.n_ban_b a{display:block; float:left;}
div.n_ban_b a.fir{margin-right:4px;}

/* 기존 css 중복 */
.top_main{background:none; border-bottom:none}
.footer_warp{ padding-top: 5px;}/*margin-top:50px;border-top:1px solid #d4d4d4;*/

/* 슬라이드 배너 버튼 */
.area_1 .slide_btn{position: absolute;bottom:8px;margin-left:10px;}
.area_1 .slide_btn li{float:left;height: 10px;margin: 0 5px;width: 9px;}
.area_1 .slide_btn li a{background-color:#a2a2a2;display: block;width: 9px;height: 9px;font-size: 0;border-radius: 50px;}
.area_1 .slide_btn li a:hover{background-color: #f58232;}
.area_1 .btn_group{position: absolute;z-index:10;bottom:8.5px;right:30px;width:100px;height:33px;right:0px;}/*left:110px;*/
.area_1 .btn_group a{float:left;}
.area_1 .btn_group .play{background:url(../img/temp/controls.png) no-repeat -86px -11px;position: absolute; bottom: 0;width: 33px;height: 11px;display: block;font-size:0px;right:40px;}
.area_1 .btn_group .stop{background:url(../img/temp/controls.png) no-repeat -86px -44px;position: absolute; bottom: 0;width: 33px;height:11px;display: block;font-size:0px;right:26px;}
.area_1 .btn_group .left{background:url(../img/temp/controls.png) no-repeat 0px 15.5px;position: absolute;bottom: -3px;width: 20px;height: 31px;height: 32px\0/IE9;display: block;font-size:0px;right:25px;background-size: 50px;}
.area_1 .btn_group .right{background:url(../img/temp/controls.png) no-repeat  -22px 15.5px;position: absolute;bottom: -3px;width: 20px;height: 31px;height: 32px\0/IE9;display: block;font-size:0px;right:5px; background-size: 50px;}

/* main */
.area_wrap{width:980px;margin-top: 10px;}/*margin-top:30px;*/
.area_wrap:after{display:block;clear:both;content:''}

.area_1{float:left;width:328px;}
.area_2{float:left;width:328px}

.area_center{overflow:hidden;}
.area_center div{float:left;margin-bottom:4px;}
.area_center ul{float:left;}
.area_center li{margin:0 0 4px 4px;}

.area_center .area_2_m{margin-bottom:4px;}

.main_area2{overflow:hidden;}
.main_area2 li{float:left;margin-right:4px;    margin-left: 0;}
.main_area2 li a img{width:160px;height:160px;}

.area_3{float:right;width:324px}
.main_audiobook{float:left;}

.main_area{overflow:hidden; margin-top:4px;}
.main_area li{float:left; margin-right:4px;}
.main_area3{overflow:hidden;float:left;}
.main_area3 li{margin:0 0 4px 4px;}/*float:left; */
.main_area3 li.main_audiobook{margin-right:4px;}

.main_notice{position:relative; height:158px; margin:4px 0; padding:0 19px; border:1px solid #d5d5d5;clear: both;}
.main_notice h2{padding:20px 0 16px 0; font-size:16px;}
.main_notice li{overflow:hidden; padding:4px 0;}
.main_notice li a{display:block; float:left;}
.main_notice li span{display:block; float:right;}
.main_notice .more{position:absolute; right:19px; top:20px;}

.main_faq{position:relative; height:160px;height:158px\0/IE9;/*IE9적용*/; padding:0 19px; border:1px solid #d5d5d5;}
.main_faq h2{padding:20px 0 8px 0; font-size:16px;}/*padding:20px 0 16px 0;*/
.main_faq li{padding:3px 0 15px 36px; background:url(/img/main/faq_q.png) no-repeat; line-height:16px;}
.main_faq .more{position:absolute; right:19px; top:20px;}


/* tab */
.book_tab{overflow:hidden; padding:0px 0 0px 0;margin-top:25px;}/*padding:30px 0 15px 0;*/
.book_tab li{width:369px;float:left; height:61px; padding:0 0;  text-align:center;}/* width:50%; height:66px;*/
.book_tab li a{display:block; height:25px; padding-top:17px; text-align:center;line-height:7px;font-size:16px; color:#fff; background:#bebebe;}
.book_tab li.on{ background:url(../img/tab_arrow01.png) no-repeat center 40px;}/*background:url(/img/book_tab_on.png) no-repeat center 50px;*/
.book_tab li.on a{background-color:#2288da !important;}

.book_tab ul li:first-child{border-left: 1px solid #b2b2b2;width:368px;}
.book_tab ul li:first-child+li{border-right: 1px solid #b2b2b2;width: 370px;-moz-width:370px;width:370px\0/IE9;/*IE9적용*/;width: -moz-calc(370px);}/*width: 369.5px;*/

.book_tab_list{width:738px;padding:15px 0 30px 0;border: 1px solid #b2b2b2;border-top: none;margin-bottom: 20px;}/*width:776px;padding:15px 0 45px 0;*/
.book_tab_list ul{overflow:hidden;padding:0 31px;}/*width:776px;*/
.book_tab_list li{float:left; width:115px; margin-left:25px;}/* margin-right:36px;width:158px;*/
.book_tab_list li:first-child{ margin-left:0;}
.book_tab_list dl{position:relative; }
.book_tab_list dt{display:block; padding-top:161px; line-height:1.4; font-size:12px;letter-spacing: -1px;}/*padding-top:225px;*/
.book_tab_list dd{position:absolute; top:0;}
.book_tab_list dd img{border:1px solid #bfbeba;width:115px !important;height:156px !important;}
.book_tab_list p{display:none;}/*width:740px; margin:20px 0 45px 0; padding-top:5px; border-top:1px solid #b2b2b2; text-align:right; font-weight:bold;*/
.book_tab_list p span{color:#000;}