@charset "utf-8";
/* point color : #05b3b9 */
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h2,h3,h4,input,button{font-family:'Roboto','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum',Helvetica,sans-serif;font-size:16px;color:#333;letter-spacing:-1px}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button,textarea{vertical-align:middle;font-family:'Roboto','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum',Helvetica,sans-serif;}
textarea{overflow:auto;}
img{vertical-align:top}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
a {text-decoration:none;color:#656565;}
li select {vertical-align: middle;}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
.clear {content:""; display:block; clear:both;}
.colorWhite{color:#fff;}
.poRitv{position:relative;}

/* inputselect */
.floatLeft {float:left;display: block;}

.inputTypeTop {margin-top:3px;background: #fff;border:0px;font-size:16px;padding:7px 6px 7px 0;line-height:20px;color:#000}
.input_select05_1{ border:1px solid #ddd; padding:2px;margin:0 0 0 4px;}
.input_select05_2{ border:1px solid #ddd; padding:4px;margin-top:2px;}
.input_S{width:468px;height:55px;margin-top:0px;font-size:14px;}

html, body {height:100%;margin:0;padding:0;background:#fff;min-height:100%;}
.hide_txt{font-size:0;line-height:0}
.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}
.u_vc{position:absolute;z-index:-1;font-size:1px;line-height:1px;color:transparent}
.ls_0 {letter-spacing:0}
.cs_p{cursor:pointer}
input{outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
#wrap{width:100%;height:100%;margin:0;padding:0;vertical-align:top;}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}

/*layout*/
body{height:100%}
#header{width:100%;height:135px;border-bottom:2px solid #05b3b9}
.header_inner{display:inline-block;*display:inline}
.header_inner:after{clear:both;display:block;content:'';*zoom:1}
 
#container {width:100%;height:100%;min-height:100%}

.m_content_wrap{margin:0 auto;width:1200px;min-height:100px}
.m_content_wrap:after{clear:both;display:block;content:'';*zoom:1}
.content_wrap{margin:0 auto;padding-bottom:100px;width:1200px;min-height:1000px;background:url(../img/bg_content_wrap.gif) repeat-y}
.content_wrap:after{clear:both;display:block;content:'';*zoom:1}

.lnb {float:left;width:218px;height:100%;padding:0;margin:0 1px 0}
.content{float:left;margin:0 0 0 50px;width:930px}
.contantSleft {float:left;width:218px;height:100%}
.contantSright {float:left;width:930px;min-height:100%;height:100%}
#container:after{clear:both}
.contantSCenterM {margin:0 auto;width:1200px;height:100%;min-height:100%;padding:135px0 1px 0}

/*layout 기존*/
.contantSCenter {width:100%;min-height:100%;background:#fff}
.footer { border-top:1px dotted #afafad;width:100%; background:#fff;}

/*login*/
#login_wrap{padding:0;margin:0;width:100%;height:100%;background:#f1f1f1}
#login_wrap .container{margin:0 auto 0;padding-top:120px;width:440px;background:url(../img/bg_login_icon.png) center 60px no-repeat}
#login_wrap h1{font-size:22px;text-align:center;font-weight:400}
#login_wrap .login_box{margin-top:20px;padding:40px 49px 49px 49px;border:1px solid #dcdcdc;text-align:center;background:#fff}



#login_wrap .login_box .kinds{float:left;margin-top:10px;display:block;font-size:16px;width:90px;text-align:left;color:#767676}
#login_wrap .login_box .b_input{float:left;display:block;text-align:left;padding:5px 15px 5px 15px;width:218px;height:29px;border:solid 1px #989898;background:#fff;}/*select border*/
#login_wrap .login_box .b_input_box{float:left;display:block}
#login_wrap .login_box .b_input_box input{text-align:left;padding:5px 15px 5px 15px;width:218px;height:29px;font-size:19px;border:solid 1px #989898;background:#fff;}
#login_wrap .login_box .b_input_box.off  input{border:solid 1px #dcdcdc;background: #ebebe4}
#login_wrap .login_box .b_input_box input[type="text"]:disabled{border:solid 1px #dcdcdc;background: #ebebe4}
#login_wrap .login_box label{display:block;margin-top:15px}
#login_wrap .login_box label:after{clear:both;display:block;content:'';*zoom:1}



#login_wrap .login_box .b_input.off .input_login{border:solid 0px #dcdcdc;background:#ebebe4}
#login_wrap .login_box .select_login{position:relative;display:block;border:solid 1px #989898;padding:5px 15px 5px 15px;margin:0 ;background:#fff;height:29px;font-size:16px}
#login_wrap .login_box select,#login_wrap .login_box option{margin-top:4px;border:0;font-size:16px;line-height:30px}
#login_wrap .btn_b_login{display:block;margin-top:30px;padding:25px 102px 25px 102px;background:#05b3b9;border:1px solid #039499;}
#login_wrap .btn_b_login span{color:#fff;font-size:22px;line-height:21px;font-weight:400;}


#YBMEnv_Ndiv{opacity:0.2}


/* main */
.ebookHead{width:100%;height:135px;border-bottom:2px solid #05b3b9}       
.eTop{position:relative;margin:0 auto;width:1200px;height:135px}
.eHeader {height:130px;position:absolute; z-index:1;width:1280px;overflow:hidden;}

.m_dummy{text-align:left}
.m_dummy:before{display:inline-block;vertical-align:middle;width:1px;height:203px;content: '';}
.m_text{display:inline-block;padding-left:100px;vertical-align:middle;text-align:left;}


.m_text .h_copy{font-size:35px;line-height:40px;color:#fff;font-weight:400;letter-spacing:-0.08em}
.m_text .copy{font-size:21px;line-height:34px;color:#fff;font-weight:400;letter-spacing:-0.06em}
.m_aside{float:right;width:321px;height:100%;background:#05b3b9}
.m_aside:after{clear:both;display:block;content:'';*zoom:1}
#main_visual{width:100%;height:203px;background:url(../img/main_visual.jpg) no-repeat #666;background-size:cover;text-align:center}
#main_visual .content{width:1200px;margin:0 auto}
.width_1200{width:1200px;margin:0 auto}

.m_aside .f_l{float:left;width:190px;margin-top:35px;padding:0 0 0 30px}
.m_aside .f_l .info_txt{font-size:21px;color:#fff;text-align:left}
.m_aside .f_l .info_txt .s_tit{padding-bottom:20px;font-size:14px;}
.m_aside .f_l .info_txt em{display:block;line-height:34px;text-decoration:none}
.m_aside .f_l .info_txt .num{font-size:24px;font-weight:100}
.m_aside .f_r{float:left;text-align:center}
.m_aside .f_r:after{clear:both;display:block;content:'';*zoom:1}
.m_aside .f_r li{position:relative;margin-top:1px;width:101px;height:101px}
.m_aside .f_r li:first-child{margin-top:0}
.m_aside .f_r .social{display:block;position:absolute;width:101px;height:101px;z-index:1}
.m_aside .f_r .social span{display:block;padding-top:60px;color:#fff}
.m_aside .f_r .btn_twitter{background:url(../img/main_icon_twitter.png) no-repeat 34px 28px}
.m_aside .f_r .btn_twitter:hover{background-color:#53a7e7}
.m_aside .f_r .btn_facebook{background:url(../img/main_icon_facebook.png) no-repeat 40px 24px}
.m_aside .f_r .btn_facebook:hover{background-color:#44619d}
.m_aside .f_r .mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity: 0.2;filter:Alpha(opacity=20)}

.books_thum_lst{position:relative;margin:20px 0 0 0;min-height:401px}
.new_books_tit{margin:0 auto;width:1051px;height:40px;background:url(../img/front/h2_bg.gif) repeat-x;text-align:center}
.books_thum_lst h2{position:relative;margin:0 auto;width:200px;height:40px;background:url(../img/front/h2_new_books.gif) no-repeat}
.books_thum_lst h2.best{position:relative;margin:0 auto;width:229px;height:40px;background:url(../img/front/h2_best_books.gif) no-repeat}
.books_thum_lst .s_copy{position:relative;margin:0 auto;text-align:center}
.books_thum_lst a.btn{position:absolute;right:74px;top:0;display:block;width:80px;height:30px;background:#f80}
.books_thum_lst a.btn;after{clear:both;display:block;content:'';*zoom:1}
.books_thum_lst .lst{width:1050px;margin:19px auto 0;text-align:center;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.books_thum_lst .lst ul{width:100%}
.books_thum_lst .lst li{position:relative;float:left;width:209px;height:309px;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}/*width:210px;height:310px*/
.books_thum_lst .lst:after{clear:both;display:block;content:'';*zoom:1}
.books_thum_lst .lst li a{display:block;padding:19px 20px 0 30px;width:157px;height:288px;border:1px solid #fff;text-align:left}
.books_thum_lst .lst li a:hover{border:1px solid #000}
.books_thum_lst .lst li a span{display:block;padding-top:10px;font-size:17px;line-height:22px;word-break:keep-all}
.books_thum_lst .lst_prv{position:absolute;left:28px;top:210px}
.books_thum_lst .lst_nxt{position:absolute;right:28px;top:210px}
.books_thum_lst .lst_more{position:absolute;right:74px;top:43px}
.main_bottom{margin:1px auto 0;padding-bottom:10px;width:1051px;border:1px solid #e4e4e4}
.main_bottom h2{font-size:17px;line-height:30px;color:#2f2f2f;font-weight:normal;}
.main_bottom h2 a{color:#2f2f2f}
.notice_lst,.reco_lst,.go_btn_lst{position:relative;float:left;margin-top:10px;padding:0 0 0 20px;width:400px;}
.go_btn_lst{width:191px}
.main_bottom:after,.notice_lst:after,.reco_lst:after,.go_btn_lst:after{clear:both;display:block;content:'';*zoom:1;}
.notice_lst ul{margin-top:10px;}
.notice_lst li{position:relative;padding:5px 0 6px 10px;font-size:15px;line-height:20px;color:#959595;background:url(../img/li_book_info.gif) no-repeat 0 14px;letter-spacing:-0.08em}
.notice_lst ul li:after{clear:both;display:block;content:'';*zoom:1;}
.notice_lst li a{float:left;width:290px;color:#767676;overflow:hidden}
.notice_lst li a:hover{color:#2f2f2f}
.notice_lst li .date{float:left;width:80px;font-size:13px;color:#989898;text-align:left;letter-spacing:0}
.notice_lst .lst_more{position:absolute;left:96px;top:4px}
.reco_lst .no1_thumb{float:left;width:100px;text-align:center;vertical-align:top}
.reco_lst .no1_thumb:after{clear:both;display:block;content:'';*zoom:1}
.reco_lst .no1_thumb img{padding:5px}
.reco_lst ul{float:left;width:280px}
.reco_lst li{margin:8px 0 3px 0;padding:0 0 0 10px}
.reco_lst ul:after,.reco_lst li:after{clear:both;display:block;content:'';*zoom:1}
.reco_lst ul:first-child li{margin:0}
.reco_lst .no{float:left;display:block;margin:2px 5px 0 0;width:20px;height:20px;font-size:15px;line-height:20px;text-align:center;color:#fff;background:#989898}
.reco_lst li:first-child .no{background-color:#05b3b9}
.reco_lst span{font-size:15px;line-height:20px}
.go_btn_lst .btn_lst{margin:10px 0 0 0;padding-right:20px}
.go_btn_lst .btn_lst li{margin-top:8px}
.go_btn_lst .btn_lst li:first-chlid{margin-top:0}
.go_btn_lst .btn_lst a{display:block;padding:3px 0 2px 38px;background:#fff;border:1px solid #a9a9a9;border-radius:2px}
.go_btn_lst .btn_lst a span{display:inline-block;width:100%;font-size:15px;line-height:25px;color:#767676;letter-spacing:-1px}
.go_btn_lst .btn_lst a:hover {border-color:#05b3b9}
.go_btn_lst .btn_lst a:hover span {color:#05b3b9}
.go_btn_lst .btn_lst .i_mobile{background:url(../img/btn_lst_icon.png) no-repeat;background-position:11px 6px}
.go_btn_lst .btn_lst .i_twitter{background:url(../img/btn_lst_icon.png) no-repeat;background-position:10px -36px}
.go_btn_lst .btn_lst .i_facebook{background:url(../img/btn_lst_icon.png) no-repeat;background-position:11px -74px}

/* header TOP */
#gnb_wrap{width:100%;height:49px;border-top:1px solid #c5c5c5}
.sch{margin:0 auto;width:1200px;height:85px;text-align:center}
.sch h1{float:left;padding:2px 10px 1px;width:240px;overflow:hidden}
.sch .sch_wrap{float:left;margin:22px 0 0 0;width:450px}
.sch .bg_inner{width:440px;height:42px;background:url(../img/bg_search.gif) no-repeat}
.sch .bg_inner.on{background-position:0 -44px}
/*#sch_box .top_search{margin:5px 0 0 5px;width:270px;height:22px;border:0;font-size:16px;line-height:22px}*/
.sch p input {width:340px;height:34px;font-size:16px;line-height:34px;color:#151515;letter-spacing:0;border:0;background-color:transparent;outline:none}
.sch p{float:left;padding-top:3px;margin:0 0 0 10px}
.sch .btn_search{position:relative;float:right;display:inline-block;*display:block;position:relative;width:61px;height:42px;font-size:12px;line-height:40px;background:url(../images/common/btn_search.gif) 0 0 no-repeat;border:0;cursor:pointer}
.sch .btn_search:hover{background-position:0 -43px}
.sch .btn_search{float:right;display:inline-block;*display:block;position:relative;width:61px;height:42px;font-size:12px;line-height:40px;background:url(../images/common/btn_search.gif) 0 0 no-repeat;border:0;cursor:pointer}
.sch .btn_search:hover{background-position:0 -43px}
.sch .bg_inner select{margin:4px 0 0 8px}
.sch .bg_inner input{margin:3px 0 0 15px;padding:7px 6px 7px 0;font-size:16px;line-height:20px;color:#000;width:260px;border:0;background:#fff}
.sch .other_lst{float:left;margin:35px 0 0 30px;text-align:left}
.sch .other_lst:after{clear:both;display:block;content:'';*zoom:1}
.sch .other_lst ul{}
.sch .other_lst li{float:left}
.sch .other_lst li a{display:block;padding:0 10px 0 10px;background:url(../img/other_lst_bar.gif) no-repeat left 3px}
.sch .other_lst li:first-child a{background:none}
.sch .other_lst li a span{font-size:12px;color:#767676}

.gnb{margin:0 auto;width:1200px;border:0;background:#cdcdcd}
.gnb ul{width:1200px}
.gnb li{float:left;width:175px;height:45px;margin-right:1px;border-bottom:4px solid #fff;background:#fff}
.gnb ul:after{clear:both;display:block;content:'';*zoom:1}
.gnb li:first-child{width:218px;margin-left:1px}
.gnb li a{display:block;height:45px;text-align:center}
.gnb li.login{width:99px;text-align:left;}
.gnb li.login_s{width:49px;text-align:center;}
.gnb li.point_s{width:49px;text-align:center;}
.gnb li.login.bg_in{background:url(../img/gnb_login.gif) no-repeat #f0f0f0;background-position:3px -1px;border-bottom:4px solid #f0f0f0}
.gnb li.login.bg_out{background:url(../img/gnb_login.gif) no-repeat #f0f0f0;background-position:-3px -51px;border-bottom:4px solid #f0f0f0}
.gnb li.login span{padding-left:20px;font-size:14px;line-height:38px}
.gnb li a span{display:inline-block;margin-top:10px;font-size:18px;color:#232323}
.gnb li.login a span,.gnb li.login_s a span{margin-top:8px}
.gnb li.on{border-color:#05b3b9}
.gnb li a:hover span{color:#05b3b9}
.gnb li.login_s.bg_in{background:url(../img/gnb_login.gif) no-repeat #f0f0f0;background-position:3px -1px;border-bottom:4px solid #f0f0f0}
.gnb li.login_s.bg_out{background:url(../img/gnb_login.gif) no-repeat #f0f0f0;background-position:2px -62px;border-bottom:4px solid #f0f0f0}
.gnb li.login_s span{display:block;padding:15px 0 0 0}
.gnb li.point_s a span{display:inline-block;margin-top:10px;font-size:18px;color:#232323}
.gnb li.point_s .point_m{display:block;margin-top:8px;font-size:14px;color:#232323}
.gnb li.point_s .point_txt{display:block;margin-top:0;font-size:11px;color:#767676}
.gnb .my_bg{background:#f0f0f0;border-bottom:4px solid #f0f0f0}
.gnb .my_bg_on{background:#f0f0f0;border-bottom:4px solid #05b3b9}
.eGnb{ overflow:hidden;}


/*book list*/
.s_cate{width:928px;border:1px solid #000;border-top:0;background:#fff}/*background:#f7f7f7*/
.s_cate:after{clear:both;display:block;content:'';*zoom:1}
.s_cate .cate_name{float:left;padding:11px 10px 0 15px;width:155px;height:100%;vertical-align:middle}
.s_cate .cate_name span{font-size:20px;color:#000;line-height:24px}
.s_cate .category{float:left;padding:10px 0 10px 20px;width:890px;background:#fff}/*.s_cate .category{float:left;padding:10px 0 10px 20px;width:720px;background:#fff}*/
.s_cate .category li{float:left;margin-left:3px;padding:4px 0 4px 0;width:145px}
.s_cate .category:after{clear:both;display:block;content:'';*zoom:1}
.s_cate .category li a{display:block}
.s_cate .category li a span{font-size:14px;color:#767676;line-height:18px}
.s_cate .category li.on a span,.s_cate .category li a:hover span{color:#000;font-weight:bold}
.cate_info_txt{margin-top:20px;padding:0 0 5px 0;border-bottom:1px solid #a9a9a9;font-size:13px;line-height:22px}
.lst_sort{margin-top:20px;padding: 0 0 5px 0;border-bottom:1px solid #a9a9a9}
.lst_sort:after{clear:both;display:block;content:'';*zoom:1}
.lst_sort .info{float:left;font-size:13px}
.lst_sort .info span{color:#ee5002}
.lst_sort .btn{float:right;text-align:right}
.lst_sort .btn label{margin-left:15px;font-size:13px;color:#767676}
.book_lst_base{margin-top:20px}
.book_lst_base li:after{clear:both;display:block;content:'';*zoom:1}
.book_lst_base:after{clear:both;display:block;content:'';*zoom:1}
.book_lst_base li.lst{position:relative;margin:15px 0 0 0;padding:0 0 15px;border-bottom:1px solid #ccc}
.book_lst_base .left{float:left;width:640px}
.book_lst_base .left:after{clear:both;display:block;content:'';*zoom:1}
.book_lst_base .right{margin-left:20px;float:left;width:270px}
.book_lst_base .right:after{clear:both;display:block;content:'';*zoom:1}
.book_lst_base .lst:after{clear:both;display:block;content:'';*zoom:1}
.book_lst_base .thum_img{float:left;width:150px}
.book_lst_base .book_title{float:left;margin-left:15px;width:470px}
.book_title .tit{margin-top:7px;font-size:20px;color:#000}
.book_title .tit a{color:#000}
.book_title .writer{margin-top:17px;font-size:13px;line-height:17px;color:#767676}
.book_title .writer li{float:left;margin-right:11px;padding:0 12px 0 8px;background:url(../img/li_book_info.gif) no-repeat 0 9px;border-right:1px solid #e4e4e4}
.book_title .writer li:last-child{margin-left:0;border:0}
.book_title .writer ul:after{clear:both;display:block;content:'';*zoom:1}

.book_title .kinds{margin-top:17px;font-size:12px;color:#767676}
.book_title .kinds li{float:left;margin-right:5px;width:48px;height:17px;}
.book_title .kinds ul:after{clear:both;display:block;content:'';*zoom:1}

.book_title .comment{margin-top:30px;font-size:15px;line-height:24px;color:#767676}
.book_lst_base .book_info{}
.book_lst_base .book_info li{padding:5px 0 6px 0;font-size:16px;color:#424242;line-height:20px;}
.book_lst_base .book_info li span{float:left;display:block;padding-left:5px;width:70px;background:url(../img/li_book_info.gif) no-repeat 0 9px;font-size:13px;line-height:20px;color:#959595}
.book_lst_base .book_info li:after{clear:both;display:block;content:'';*zoom:1}
.book_title .myrent_btn_wrap{margin-top:30px}
.book_title .myrent_btn_wrap:after{clear:both;display:block;content:'';*zoom:1}

.book_title .myrent_btn_wrap a{display:block;float:left}
.book_title .myrent_btn_wrap li{float:left;margin:0 0 0 10px}
.book_title .myrent_btn_wrap ul:after{clear:both;display:block;content:'';*zoom:1}
.book_title .myrent_btn_wrap li a{display:block}
.book_title .myrent_btn_wrap li:first-child{margin-left:0}
.book_review_write{float:left;margin-top:10px}

.cate_book_name{padding:7px 0 8px 3px;font-size:32px;font-weight:700;color:#2f2f2f;line-height:40px;vertical-align:middle;letter-spacing:-0.09em}
.cate_book_name span{font-weight:100}
.detail_book_name{padding:18px 0 7px 3px;font-size:20px;font-weight:normal;color:#2f2f2f;line-height:34px;letter-spacing:-0.08em;vertical-align:middle}
.detail_book_writer{margin-left:5px;padding-bottom:10px;font-size:13px;line-height:17px;color:#767676}
.detail_book_writer li{float:left;margin-right:11px;padding:0 12px 0 8px;background:url(../img/li_book_info.gif) no-repeat 0 9px;border-right:1px solid #e4e4e4}
.detail_book_writer li:first-child{background:none;padding-left:0}
.detail_book_writer li:last-child{margin-left:0;border:0}
.detail_book_writer ul:after{clear:both;display:block;content:'';*zoom:1}

.book_view_base{}
.book_view_base .top_info{margin-top:15px;padding-bottom:15px;border-bottom:1px solid #000}
.book_view_base .top_info .left{float:left;width:639px;border-right:1px solid #b9b9b9}
.book_view_base .top_info .left:after{clear:both;display:block;content:'';*zoom:1}
.book_view_base .top_info .right{margin-left:20px;float:left;width:270px}
.book_view_base .top_info:after{clear:both;display:block;content:'';*zoom:1}
.book_view_base .top_info .thum_img{float:left;width:198px;height:274px}
.book_view_base .book_title{float:left;margin-left:15px;width:420px}
.book_view_base .file_info{margin-top:15px}
.book_view_base .file_info li{padding:5px 0 6px 0;font-size:16px;color:#424242;line-height:20px;}
.book_view_base .file_info li span{float:left;display:block;padding-left:5px;width:110px;background:url(../img/li_book_info.gif) no-repeat 0 9px;font-size:16px;line-height:20px;color:#959595}
.book_view_base .file_info li:after{clear:both;display:block;content:'';*zoom:1}
.book_view_base .book_info{margin-top:15px}
.book_view_base .book_info li{padding:5px 0 6px 0;font-size:16px;color:#424242;line-height:20px;}
.book_view_base .book_info li span{float:left;display:block;padding-left:5px;width:70px;background:url(../img/li_book_info.gif) no-repeat 0 9px;font-size:13px;line-height:20px;color:#959595}
.book_view_base .book_info li:after{clear:both;display:block;content:'';*zoom:1}

#tab_content{}
#tab_content .tab_l{margin:20px 0 0 0;display:block}
#tab_content .tab_l li{float:left;text-align:center;border-bottom:1px solid #000}
#tab_content .tab_l li a{margin-top:7px;display:block;text-align:center;background:#f7f7f7;border-left:1px solid #e4e4e4;border-top:1px solid #b9b9b9;border-right:1px solid #b9b9b9;cursor:pointer}
#tab_content .tab_l li:first-child a{border-left:1px solid #b9b9b9}
#tab_content .tab_l ul:after{clear:both;display:block;content:'';*zoom:1}

#tab_content .tab_l.c4 li{width:232px}
#tab_content .tab_l.c4 li:first-child{width:234px}
#tab_content .tab_l span{display:block;font-size:17px;font-weight:300;color:#767676;line-height:43px}
#tab_content .tab_l .on{border-bottom:1px solid #fff}
#tab_content .tab_l .on span{display:block;border:1px solid #000;border-bottom:0px solid #fff;font-size:19px;font-weight:400;color:#2f2f2f;line-height:50px}
#tab_content .con_box{padding:40px 20px 20px 20px;line-height:2.2 !important;word-break:keep-all}

.t_list caption {display:none;}
.t_list {width:660px;	table-layout:fixed;	 	border:1px solid #DFDFDF;    margin: 0px;	border-collapse:collapse;}

.t_list thead th { text-align:center;  height:30px;	font-size:12px;	font-weight:bold;	color:#444;	border:1px solid #DFDFDF;	background-color:#F9F9F9;}
.t_list tbody th {font-weight:bold;}
.t_list tbody tr {border:solid 1px #e7e7e6;}


.t_list td {	font-size:12px;	height:33px;color:#7C7C7C;	font-weight:normal;	border:1px solid #DFDFDF;	padding: 2px 15px; }
.t_list td.bbs_no {text-align:center;}
.t_list td.bbs_author {text-align:center;}
.t_list td.bbs_regdate {text-align:center;}
.t_list td.bbs_visit {text-align:center;}
.t_list td.s_condition {text-align:center;}
/* common */
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}

/*btn*/
.btn_wrap{position:relative;width:100%}
.btn_a_l{text-align:left}
.btn_a_c{text-align:center}
.btn_a_r{text-align:right}
.btn_wrap .btn,.myrent_btn_wrap .btn{display:inline-block;position:relative;margin:15px 0 0 10px;border-radius:2px;*display:block;*float:left;}
.btn_wrap a:first-child,.myrent_btn_wrap a:first-child{margin-left:0}

.btn_l_rent{padding:11px 45px 12px 25px;background:#05b3b9;border:1px solid #039499;color:#fff;font-size:17px;line-height:21px;font-weight:600}
.btn_l_rent span{position:absolute;right:16px;top:16px;width:7px;height:11px;background:url(../img/btn_bg_arrow.png) no-repeat}
.btn_l_reserve{padding:11px 30px 12px 15px;background:#fff;border:1px solid #959595;color:#5a5a5a;font-size:17px;line-height:21px;font-weight:400}
.btn_l_reserve span{position:absolute;right:12px;top:16px;width:7px;height:11px;background:url(../img/btn_bg_arrow_gray.png) no-repeat}
.btn_l_reserve.off{border-color:#ccc;color:#ccc}
.btn_l_reserve.off span{color:#ccc;background:url(../img/btn_bg_arrow_gray_off.png) no-repeat}
.btn_basic{padding:11px 15px 12px 13px;background:#fff;border:1px solid #959595;color:#5a5a5a;font-size:16px;line-height:21px;font-weight:400}
.btn_read{padding:11px 45px 12px 25px;background:#05b3b9;border:1px solid #039499;color:#fff;font-size:17px;line-height:21px;font-weight:600}
.btn_read span{position:absolute;right:16px;top:16px;width:7px;height:11px;background:url(../img/btn_bg_arrow.png) no-repeat}
a.btn_basic:hover{color:#05b3b9;border-color:#039499}

/*table*/
.table_line{border-bottom:2px solid #767676}
.table_line.guide{margin-top:0px}
.table_basic{width:100%;font-weight:normal}
.table_basic th{background-color:#f9f9f9;font-size:13px;font-weight:bold;vertical-align:middle;padding:8px 0 10px 0;text-align:center;color:#767676}
.table_basic td{padding:12px 10px 10px 10px;text-align:center;border-top:1px solid #e9e9e9;vertical-align:middle;font-size:15px;line-height:23px;color:#989898}
.table_basic td.re{background:url(/img/learning/learning_icon_a.gif) 16px 0 no-repeat #ffffff;padding-left:36px}
.table_basic td.left{text-align:left}
.table_basic a{color:#767676}
.table_basic a:hover{color:#2f2f2f}

.table_basic col.lst_num{width:80px}
.table_basic col.lst_subject{width:530px}
.table_basic col.lst_writer{width:120px}
.table_basic col.lst_date{width:100px}
.table_basic col.lst_hit{width:100px}







/*
.eGnb li {float:left;}
.eGnb li.fir {margin:15px 100px 0 65px;}
.eGnb li.sec  {margin:15px 20px 0 30px;width:500px;height:100px;}


.eGnb li.btnA {text-align:center;margin-top:10px;}
.eGnb li.btnA span{font-size:12px;height:63px;line-height:55px;color:#5c5c5c;text-align:center;} 

.eGnb li.bntA {margin:15px 20px 0 50px;background: 10px 0 no-repeat url(../img/topIconAll.png);height:63px;line-height:55px;color:#5c5c5c;text-align:center;} 
.eGnb li.bntA span{font-size:12px;height:63px;line-height:55px;color:#5c5c5c;text-align:center;} 
.eGnb li.bntG {margin:15px 20px 0 0px;background: 10px 0 no-repeat url(../img/topIconGuide.png);height:63px;line-height:55px;color:#5c5c5c;text-align:center;}
.eGnb li.bntG span{font-size:12px;height:63px;line-height:55px;color:#5c5c5c;text-align:center;} 
*/
.eGnb li a{font-size:12px;color:#5c5c5c;}


.eGnb li .BtnRi {display: block;background: 0 0 no-repeat url(../img/btn_logout1.png);background-size:100px 40px;position: absolute; width: 100px;height: 40px;overflow: hidden;color:#000000;font-size:14px;font-weight:bold;line-height:40px;}

.eGnb li .BtnRi_off {
	display: block;
	position: relative;
	width: 100px;
	height: 33px;
	overflow: hidden;
	margin-top:40px;
	margin-left:-120px;
}
.eGnb li .BtnSet {display: block;background: 0 0 no-repeat url(../img/top_menu1.png);background-size:60px 40px;position: absolute; width: 60px;height: 40px;overflow: hidden;color:#000000;font-size:14px;font-weight:bold;line-height:40px;}
.eGnb li .BtnSet span {font-size:13px; color:#ffffff;font-weight:bold;line-height:50px;margin:15px 0 0 2px;}

.eGnb li .BtnRi span {font-size:14px; color:#000000;font-weight:bold;margin-left:1px;}
.eGnb li .BtnRi span:hover{font-size:14px; color:#3dcd58;font-weight:bold;}
.eGnb li.sec a span.topBtn02 {width:50px;height:40px;line-height:26px; display:inline-block;background: 0 0 no-repeat url(../img/sBTN1.png);margin-top:-40px;margin-left:450px;}


/*.eGnb li .PointBtn {display: block;background: 0 0 no-repeat url(../img/point_bg.jpg);position: absolute; width: 80px;height: 51px;overflow: hidden;color:#ffffff;font-size:14px;font-weight:bold;line-height:50px;margin-top:40px;}*/
/*.eGnb li .PointBtn span {font-size:14px; color:#000000;font-weight:bold;margin-left:1px;}*/

.eGnb li.sec a:hover span.topBtn02 {font-size:12px;font-weight:bold;}

/* header GNB */
.eMenu{ width:100%;height:60px;line-height:25px;overflow:hidden;margin-top:-40px;margin-left:0px;background: 0 0 repeat-x url(../img/top_menu1.png);}
.eMenu ul{margin-left:200px;}
.eMenu li {float:left;font-size:16px;color:#ffffff;margin:23px 0px 0 50px;}
.eMenu li.first1{margin-top:0px;margin-right:0px;margin-left:-30px;width:373px;height:60px;background: 0px 0 no-repeat url(../img/top_menu_myrent.png);}
.eMenu li.first2{margin-top:23px;margin-left:-250px;margin-right:0px;}
.eMenu li a{color:#ffffff;}
.eMenu li.on 
{
	font-size:16px;
	font-weight:bold;
	color:#f8f127;
	/*
float:left;padding:9px 15px 10px ;
background: 0 0 repeat-x url(../img/menuBg.png);
font-size:16px;
font-weight:bold;
color:#fff;
margin:0 15px 0 15px;
moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
*/
}
.eMenu li.on  a{color:#f8f127;}
.eMenu li.list {padding: 20px 0 10px 0 ;display: block;position:absolute; width: 172px;height: 20px;overflow: hidden;color:#666;font-size:11px;font-weight:100;line-height:16px;}
.eMenu li.list span {width:90px;border-right:1px solid #ddd;display:block;float:left;height:10px;text-align:center}
.eMenu li.list span.on {font-weight:bold; color:#fb5a03}
.eMenu li.list span i.chOn {background: 0 0 no-repeat url(../img/chOn.png);width:11px;height: 12px;display: inline-block;margin-right:2px;}
.eMenu li.list span i.chOff {background: 0 0 no-repeat url(../img/chOff.png);width:11px;height: 12px;display: inline-block;margin-right:2px;}


/* MAINcontantmain */
.contantmain {height:195px;width:100%; position:relative;background: 0 0 repeat-x url(../img/conBG.png);z-index:9;border-bottom:solid 4px #432707;}
.contantmain01 {height:195px;width:100%; background:url(../img/conBGBox.png);z-index:8;}
.contantmain02 {height:195px;width:1024px;background:0 0 no-repeat url(../img/con_main.png);z-index:7;margin:0 auto; }


/* MAINcontantCenter */
.contantCenter {width:100%; z-index:10;border-top:solid 1px #d2d2d2;background:#ffffff;}
.contantCenterM {width:1024px;margin:0 auto;}
.contantCenterNew {margin-top:37px;background:0 0 no-repeat url(../img/new_contents.png);height:296px;position:relative;}
.contantCenterCh {margin-top:7px;background:0 0 no-repeat url(../img/contantCenterCh.png);height:296px;position:relative;}

.contantCenter1 div.left, .contantCenterCh div.left {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/coleft.png);z-index:20;cursor:pointer;}
.contantCenter1 div.right, .contantCenterCh div.right {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/corignt.png);z-index:20;cursor:pointer;}
.contantCenter2 div.left, .contantCenterCh div.left {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/coleft.png);z-index:20;cursor:pointer;}
.contantCenter2 div.right, .contantCenterCh div.right {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/corignt.png);z-index:20;cursor:pointer;}
.contantCenter3 div.left, .contantCenterCh div.left {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/coleft.png);z-index:20;cursor:pointer;}
.contantCenter3 div.right, .contantCenterCh div.right {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/corignt.png);z-index:20;cursor:pointer;}


.coTap {position:absolute;width: 192px;height:36px;z-index:10;}
.coTap a div.coBTNOn{width:96px;height: 36px;background:0 0 no-repeat url(../img/coBTNOn.png);float:left;font-size:16px; color:#fff;font-weight:bold;text-align:center;line-height:35px; }
.coTap a div.coBTNOff{width:96px;height: 36px;background:0 0 no-repeat url(../img/coBTNOff.png);float:left;font-size:14px; color:#6b6b6b;font-weight:bold;text-align:center;line-height:35px; }
.contantCenterNew div.left, .contantCenterCh div.left {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/coleft.png);z-index:20;cursor:pointer;}
.contantCenterNew div.right, .contantCenterCh div.right {position:absolute;width:36px;height: 36px;background:0 0 no-repeat url(../img/corignt.png);z-index:20;cursor:pointer;}
.coList {position: absolute;width: 1024px;top:84px;}
.coList li {float:left;width:166px;text-align:center;font-size:12px;color:#000;}
.ebookBg {background:0 0 no-repeat url(../img/ebookBg.png);width:169px;height: 123px;margin-top:19px;position:relative;}
.ebookBgIconNew {position:absolute;top:-12px; left:25px;background:0 0 no-repeat url(../img/newIcon.png);width:31px;height:34px;}


/* MAINcontantCenter 02 */
.contantCenterbottom {background:0 0 no-repeat url(../img/bottombg.png);margin-top:-30px;}
.contantCenterbottomNotic {width:320px; float:left;margin-right:50px;margin-left:-40px;}
.contantCenterbottomNotic div.tapMNotic {height:28px;width:100%; }
.contantCenterbottomNotic div.tapMNotic li.tapMNoticOn {background:0 0 no-repeat url(../img/notice.png);float:left;height:28px;width:310px; text-align:center;color:#000;font-size:12px;margin-left:5px;padding-top:10px;cursor:pointer}
.contantCenterbottomNotic div.tapMNotic li.tapMNoticOff {float:left;height:28px;width:103px;text-align:center;color:#cdcdcd;font-size:12px;margin-left:5px;padding-top:10px;cursor:pointer}
.contantCenterbottomNotic div.tapMNotic li.tapMNoticMore {float:right;margin:-35px 10px 0 0;cursor:pointer}			
.bgNotic {width:320px;height:196px;padding:20px 15px;}
.bgNotic li {color:#9f9f9f;font-size:11px;height:12px;margin-bottom:14px}
.bgNotic li div.text {width:215px;float:left;}
.bgNotic li div.text i {background:0 0 no-repeat url(../img/listIcon.png);width:9px;height:9px;display: inline-block;margin:0 4px 0 5px;}
.bgNotic li div.text span.new {background:0 0 no-repeat url(../img/newIconSmall.png);width:9px;height:9px;display: inline-block;margin:5px 0 0 3px;}
.bgNotic li div.data { margin:0px 0 0 5px;color:#c7c7c7;float:right;width:80px;}

.bestbook{float:left;margin-right:23px;width:343px;height:183px;background:0 0 no-repeat url(../img/recommand_book.png);}
.bestbookTitle {height:20px;padding-top:8px;}
.bestbookTitleLeft {position:absolute;z-index:1000;margin-left:-15px;margin-top:20px;}
.bestbookTitleRight {float:right;margin-right:15px;}
.bestbookTitleRight span{cursor:pointer}
.bestbookList {background:0 0 no-repeat url();width:325px;height:183px;}
.bestbookListBook {width:91px;padding:15px 0 20px 15px; float:left;}
 
.bestbookBestList {float:left;margin:15px 0 0 20px;width:190px;z-index:1;}
.bestbookBestList li {margin-bottom:2px;font-size:14px;color:#bebebe;}
.bestbookBestList li i {margin-bottom:5px;font-size:14px;color:#000;width:24px;height:24px;display: inline-block;font-style: normal;padding:3px 0 0 6px;}
.bestbookBestList li i.bestbookOn {background:0 0 no-repeat url(../img/bestbookOn.png);}
.bestbookBestList li i.bestbookOff {background:0 0 no-repeat url(../img/bestBookOff.png);color:#000;}

.contantCenterbottomboU {float:left;}
.contantCenterbottomboUTitle {height:20px;padding-top:0px;margin-left:12px;}
.contantCenterbottomboUList {width:292px;height:90px;padding:34px 0 0 28px;}
.contantCenterbottomboUList li {float:left;width:140px;margin-bottom:13px;font-size:12px;}
.contantCenterbottomboUList li i {background:0 0 no-repeat url(../img/listIconA.png);width:4px;height:9px;margin-right:5px;display: inline-block;}
.contantCenterbottomboUList li span.etext {
	margin-left:-15px;
	font-size:15px;
	color:#000;
	width:250px;
}
.contantCenterbottomboUList li div.num{
	margin-left:-155px;
	margin-top:5px;
	width:220px;
	height:30px;
	background-color: green;
	font-size:13px;
	color:#fff;
	text-align: left;
	vertical-align: center;
	text-indent: 20px;
	line-height:30px;
}

.iconList {margin-top:11px;width:320px;height:62px;}
.iconList div {background:0 0 no-repeat url(../img/shortcut.png);}
.iconList li {float:left;font-size:11px;text-align:center;width:80px;}
.iconList li a{font-size:11px;color:#707070;}
.iconList li a:hover{font-size:11px; color:#000;}
.iconList li a i.mo{background:0 0 no-repeat url(../img/no01.png);display: inline-block;width:32px;height:32px;}
.iconList li a i.book{background:0 0 no-repeat url(../img/no2.png);display: inline-block;width:32px;height:32px;}
.iconList li a i.tw{background:0 0 no-repeat url(../img/no03.png);display: inline-block;width:32px;height:32px;}
.iconList li a i.fa{background:0 0 no-repeat url(../img/no04.png);display: inline-block;width:32px;height:32px;}

/*footer */
.footerC {width:915px;margin:0 auto; position:relative;height:10px;}
.footerLogo{position:relative;float:left;margin:17px 50px 0 0;}
.footercenter{position:relative;float:left;font-size:11px;margin:20px 35px 0 0;}
 .footercenter1{float:left;font-size:11px;margin:20px 15px 0 210px;}
 
.footerqr{float:right;margin:23px 0 0 0;}


/*lnb*/
#lnb_banner{border-top:1px solid #ccc}
#lnb_banner .btn_lst{margin:40px 23px 0 23px;}
#lnb_banner .btn_lst li{margin-top:8px}
#lnb_banner .btn_lst li:first-chlid{margin-top:0}
#lnb_banner .btn_lst a{display:block;padding:3px 0 2px 38px;background:#fff;border:1px solid #a9a9a9;border-radius:2px}

#lnb_banner .btn_lst a span{display:inline-block;width:100%;font-size:15px;line-height:25px;color:#767676;letter-spacing:-1px}
#lnb_banner .btn_lst a:hover {border-color:#05b3b9}
#lnb_banner .btn_lst a:hover span {color:#05b3b9}
#lnb_banner .btn_lst .i_mobile{background:url(../img/btn_lst_icon.png) no-repeat;background-position:11px 6px}
#lnb_banner .btn_lst .i_twitter{background:url(../img/btn_lst_icon.png) no-repeat;background-position:10px -36px}
#lnb_banner .btn_lst .i_facebook{background:url(../img/btn_lst_icon.png) no-repeat;background-position:11px -74px}



/*sub*/

/*{width:100%;min-height:100%;background:#fff;margin:-137px 0 -10px;}*/


.contantSCenter1 {width:100%; z-index:10;border-top:solid 1px #d2d2d2;background:#fff;height:100%;min-height:300%;}
.contantSCenterM1 {width:1084px;margin:0 auto;height:100%;background:0 0 repeat-y url(../img/leftMenu1.png);}


.contantSleftMenu {position:relative;height:100%}
.contantSleftMenuTitle {padding-top:80px;border-bottom:3px solid #fff;text-align:center;background:#37c2c7}
.contantSleftMenuTitle.cate {background:url(../img/leftMenuTitle_cate2.png) 50% 16px no-repeat #37c2c7}
.contantSleftMenuTitle.myrent {background:url(../img/leftMenuTitle_myrent2.png) 50% 25px no-repeat #37c2c7}
.contantSleftMenuTitle.guide {background:url(../img/leftMenuTitle_guide2.png) 50% 17px no-repeat #37c2c7}
.contantSleftMenuTitle span{display:block;padding:16px 0 10px;font-size:21px;line-height:30px;color:#fff;font-weight:normal}
.contantSleftMenuM{}
.contantSleftMenuM li {margin-top:1px;height:35px;}
.contantSleftMenuM ul:first-child{margin-top:0}
.contantSleftMenuM li:last-child{margin-bottom:20px}
.contantSleftMenuM li a {display:block}
.contantSleftMenuM li a span {display:inline-block;padding-left:20px;font-size:16px;color:#424242;line-height:35px}
.contantSleftMenuM li a:hover,.contantSleftMenuM li.On {background:url(../img/contantSleftMenuM_on.gif) no-repeat #05b3b9;color:#fff}
.contantSleftMenuM li a:hover span,.contantSleftMenuM li.On span {color:#fff}
.dummy_h100{position:absolute;top:0;right:0;bottom:0;left:0;width:1px;font-size:0}
/*
.contantSleftMenuM li.Off{background:0 0 no-repeat url(../img/menulineBg1.png);margin:0 0 0 3px;padding:7px 0 0 10px;font-weight:bold;}
.contantSleftMenuM li.Off:hover{background:0 0 no-repeat url(../img/leftmenuOn.png);color:#fff;font-weight:bold;padding:10px 0 0 15px;margin:0;}
.contantSleftMenuM li.OffNo{margin:0 0 0 3px;padding:7px 0 0 10px;font-weight:bold;}
.contantSleftMenuM li.OffNo:hover{background:0 0 no-repeat url(../img/leftmenuOn.png);color:#fff;font-weight:bold;padding:10px 0 0 15px;margin:0;}
*/
/* ks plus*/
.contantSleftMenuN {margin:20px 0 30px 15px;font-weight:bold;font-size:12px;}
.contantSleftMenuN div.leftBig {float:left;margin-left:10px;}

.contantSCenterM:after{clear:both;display:block;content:'';*zoom:1}
.subTop{margin-top:30px}
.titlesubtop_03{border-bottom:1px solid #000;vertical-align:middle}
.titlesubtop_03 img{margin:8px 0 7px 0}
.history {font-size:11px;color:#7d7d7d;line-height:20px;letter-spacing:0;vertical-align:middle;text-align:right}


/*기존 삭제
.contantSright .history span {color:#000;font-weight:bold;}
.contantSright div.subTop div.titleSub {border-bottom:1px solid #000;vertical-align:top;}
.contantSright div.subTop div.titleSub div.titlesubtop {float:left;height:40px;width:243px;}
.contantSright div.subTop div.titleSub div.titlesubch {float:left;border-bottom:solid 1px #dbdbdb;width:454px;}
.contantSright div.subTop div.titleSub div.titlesubch div.boxch{height:12px;width:61px;text-align:center;margin:18px 3px 5px 0;float:left;color:#7f7e7e;font-size:11px;padding-top:2px;border-right:1px solid #ddd}
.contantSright div.subTop div.titleSub div.titlesubch div.boxch_on{height:17px;width:61px;background:#acacac;text-align:center;margin:18px 3px 0 0;float:left;color:#fff;font-size:11px;padding-top:2px;vertical-align: middle;}
.contantSright div.subTop div.titleSub div.titlesubch div.boxch input{width:13px;height:13px;vertical-align:text-top}
.contantSright div.subTop div.titleSub div.titlesubch div.boxch label{vertical-align:-1px}
.contantSright div.subTop div.titleSub div.titlesubch div.boxch label input{margin-top:-1px}

.contantSright_t{width:984px;float:left;min-height:100%;height:100%; padding-bottom:70px;}
.contantSright_t div.subTop {background:top right no-repeat url();height:162px;width:984px;margin-left:8px;}
.contantSright_t div.subTop div.history {font-size:11px;color:#7d7d7d;padding-top:43px;}
.contantSright_t div.subTop div.history span {color:#000;font-weight:bold;}
.contantSright_t div.subTop div.titleSub {margin-top:26px;}
.contantSright_t div.subTop div.titleSub div.titlesubtop {float:left;height:40px;width:243px;}
.contantSright_t div.subTop div.titleSub div.titlesubch {float:left;border-bottom:solid 1px #dbdbdb;width:454px;}
.contantSright_t div.subTop div.titleSub div.titlesubch div.boxch{height:17px;width:81px;background:#acacac;text-align:center;margin:18px 3px 0 0;float:left;color:#fff;font-size:11px;padding-top:2px;vertical-align: middle;}
.contantSright_t div.subTop div.titleSub div.titlesubch div.boxch input{width:13px;height:13px;vertical-align:text-top}
.contantSright_t div.subTop div.titleSub div.titlesubch div.boxch label{vertical-align:-1px}
.contantSright_t div.subTop div.titleSub div.titlesubch div.boxch label input{margin-top:-1px}
.contantSright_t div.subTop div.titleSub div.titlesubtop_03 {float:left;height:40px;width:50%;}
.contantSright_t div.subTop div.titleSub div.titlesubch_03 {float:left;border-bottom:solid 1px #dbdbdb;width:50%;}
.contantSright_t div.subTop div.titleSub div.titlesubch_03 div.boxch{height:17px;width:81px;margin:18px 3px 0 0;padding-top:2px;}
*/
.contantSright div.subTop div.titleSub div.titlesubtop_ {float:left;height:40px;width:156px;}
.contantSright div.subTop div.titleSub div.titlesubch_ {float:left;border-bottom:solid 1px #dbdbdb;width:541px;}
.contantSright div.subTop div.titleSub div.titlesubch_ div.boxch{height:17px;width:81px;background:#acacac;text-align:center;margin:18px 3px 0 0;float:left;color:#fff;font-size:11px;padding-top:2px;vertical-align: middle;}
.contantSright div.subTop div.titleSub div.titlesubch_ div.boxch input{width:13px;height:13px;vertical-align:text-top}
.contantSright div.subTop div.titleSub div.titlesubch_ div.boxch label{vertical-align:-1px}
.contantSright div.subTop div.titleSub div.titlesubch_ div.boxch label input{margin-top:-1px}

.contantSright div.subTop div.titleSub div.titlesubtop_01 {float:left;height:40px;width:198px;}
.contantSright div.subTop div.titleSub div.titlesubch_01 {float:left;border-bottom:solid 1px #dbdbdb;width:499px;}
.contantSright div.subTop div.titleSub div.titlesubch_01 div.boxch{height:17px;width:81px;background:#acacac;text-align:center;margin:18px 3px 0 0;float:left;color:#fff;font-size:11px;padding-top:2px;vertical-align: middle;}
.contantSright div.subTop div.titleSub div.titlesubch_01 div.boxch input{width:13px;height:13px;vertical-align:text-top}
.contantSright div.subTop div.titleSub div.titlesubch_01 div.boxch label{vertical-align:-1px}
.contantSright div.subTop div.titleSub div.titlesubch_01 div.boxch label input{margin-top:-1px}

.contantSright div.subTop div.titleSub div.titlesubtop_02 {float:left;height:40px;width:156px;}
.contantSright div.subTop div.titleSub div.titlesubch_02 {float:left;border-bottom:solid 1px #dbdbdb;width:541px;}
.contantSright div.subTop div.titleSub div.titlesubch_02 div.boxch{height:17px;width:81px;background:#fff;margin:18px 3px 0 0;padding-top:2px;}

.contantSright div.subTop div.titleSub div.titlesubtop_03 {float:left;height:40px;width:50%;}
.contantSright div.subTop div.titleSub div.titlesubch_03 {float:left;border-bottom:solid 1px #dbdbdb;width:50%;}
.contantSright div.subTop div.titleSub div.titlesubch_03 div.boxch{height:17px;width:81px;margin:18px 3px 0 0;padding-top:2px;}

.contantSright div.subTopSub {background:0 0 no-repeat url();height:31px;width:714px;margin-top:42px;}
.contantSright div.subTopSub div.sub001 {float:left;font-size:13px;color:#000;margin:0px 0 0 25px;width:510px;}
.contantSright div.subTopSub div.sub001 span {color:#d1b492;}
.contantSright div.subTopSub div.sub002 {float:left;font-size:11px;color:#d1b492;margin:10px 0 0 25px;vertical-align: middle;width:150px;}
.contantSright div.subTopSub div.sub002 input{width:13px;height:13px;vertical-align:text-top}
.contantSright div.subTopSub div.sub002 label{vertical-align:-1px;margin-left:4px;}
.contantSright div.subTopSub div.sub002 label input{margin-top:-1px}

.contantSright div.subTopSub23 {width:714px;margin-top:42px; position:relative}
.contantSright div.subTopSub23 div.sub001 {float:left;font-size:12px;margin:8px 0 0 0;width:705px; height:30px;border-bottom:1px solid #633d12;}
.contantSright div.subTopSub23 div.sub001 span {color:#ee5002;font-weight:bold;}
.contantSright div.subTopSub23 div.sub001 p.sort{position:relative;top:0px; float:right;}

.contantSright div.subTopSub23 div.sub002 {float:left;font-size:11px;color:#d1b492;margin:6px 0 0 25px;vertical-align: middle;width:150px;padding-bottom:5px;}
.contantSright div.subTopSub23 div.sub002 input{width:13px;height:13px;vertical-align:text-top}
.contantSright div.subTopSub23 div.sub002 label{vertical-align:-1px;margin-left:4px;}
.contantSright div.subTopSub23 div.sub002 label input{margin-top:-1px}
.contantSright div.subTopSub23 div.sub003 {float:left;color:#fff;width:665px;color:#eee7df; position:relative; background:#e7e0da; border:2px solid #7f6958;padding:10px 20px 10px 20px;}
.contantSright div.subTopSub23 div.sub003 p.titletop {font-size:18px;font-weight:bold;width:300px;height:20px; position:absolute;top:-25px; left:0;color:#482a09;}
.contantSright div.subTopSub23 div.sub003 a {color:#8f7b68;}
.contantSright div.subTopSub23 div.sub003 a li {float:left;font-size:15px;height:20px;padding:8px 5px 0 0;margin-right:10px;width:150px}
.contantSright div.subTopSub23 div.sub003 a li.on {color:#7f6958; font-weight:bold; font-size:15px;}
.contantSright div.subTopSub23 div.sub003 a li:hover {color:#6d5746;}
.bg01{ background:0 0 no-repeat url(); height:25px; width:704px; position:absolute; bottom:0}
.audio_btn{ width:150px; height:30px; color:#ddd;-moz-box-shadow: 2px 2px 6px #999;-webkit-box-shadow: 2px 2px 6px #999;box-shadow: 2px 2px 6px #999; display:block; background:#603b11;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-align:center; line-height:30px; margin:0 auto}



.subList {margin-top:40px;}
.subList div.aaa{font-size:12px;font-weight:bold;color:#0787c3;}
.subList div.subListMain{width:735px;height:229px;background:0 0 no-repeat url(../img/lineSubMain.png);margin-top:20px;}
.subList div.subListMain div.bookList {float:left;margin:1px 2px 0px 5px;width:96px; height:121px;box-shadow:inset 0 0 5px 5px  rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 0 5px 5px  rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 0 5px 5px  rgba(0, 0, 0, 0.2);}
.subList div.subListMain div.daList {float:left;margin:20px 0 0 75px;width:190px;}
.subList div.subListMain div.daList div.daList01 {font-size:17px;color:#3a3a3a;width:600px;line-height:20px;}
.subList div.subListMain div.daList div.daList01 span {font-size:18px;font-weight:bold;}
.subList div.subListMain div.daList div.daList02 {background:0 0 no-repeat url(../img/dBox.png);width:175px;height:26px;line-height:20px;margin:30px 0 0 0;text-align:right;padding:3px 150px 0 0;font-size:12px;}
.subList div.subListMain div.daList div.daList03 {background:0 0 no-repeat url(../img/dBoxM.png);width:175px;height:26px;line-height:20px;margin:5px 0 0 0;text-align:right;font-size:12px;padding:3px 150px 0 0px;}
.subList div.subListMain div.daList div.daList03_com {background:0 0 no-repeat url(../img/dBoxB_02.png);width:175px;height:26px;line-height:20px;margin:5px 0 0 0;font-size:12px;padding:3px 15px 0 110px;}
.subList div.subListMain div.daList div.daList04 {background:0 0 no-repeat url(../img/dBox_02.png);width:175px;height:22px;margin:13px 0 0 0;text-align:right;padding:3px 10px 0 0;font-size:12px;}
.subList div.subListMain div.daList div.daList05 {background:0 0 no-repeat url(../img/dBoxM_02.png);width:175px;height:22px;text-align:right;font-size:12px;padding:3px 10px 0 0;}
.subList div.subListMain div.daList div.daList06 {background:0 0 no-repeat url(../img/dBox_03.png);width:175px;height:22px;margin:13px 0 0 0;text-align:right;padding:3px 10px 0 0;font-size:12px;}
.subList div.subListMain div.daList div.daList07 {background:0 0 no-repeat url(../img/dBoxM_03.png);width:175px;height:22px;text-align:right;font-size:12px;padding:3px 10px 0 0;}
.subList div.subListMain div.daList div.daList08 {background:0 0 no-repeat url(../img/dBox_04.png);width:175px;height:22px;margin:13px 0 0 0;text-align:right;padding:3px 10px 0 0;font-size:12px;}
.subList div.subListMain div.daList div.daList09 {width:184px;height:22px;margin:0;}
.subList div.subListMain div.daList div.daList09 div.daListLefton {background:0 0 no-repeat url(../img/daListLefton.png);float:left;width:91px;height:22px;}
.subList div.subListMain div.daList div.daList09 div.daListLeftoff {background:0 0 no-repeat url(../img/daListLeftoff.png);float:left;width:91px;height:22px;}
.subList div.subListMain div.daList div.daList09 div.daListRighton {background:0 0 no-repeat url(../img/daListRighton.png);float:left;width:91px;height:22px;margin-left: 2px;}
.subList div.subListMain div.daList div.daList09 div.daListRightoff {background:0 0 no-repeat url(../img/daListRightoff.png);float:left;width:91px;height:22px;margin-left: 2px;}

.subList div.subListMain div.btnkList {float:right;margin:70px 20px 0 0;}
.subList div.subListMain div.btnkList li {width:71px;height:75px;margin:37px 0 0 3px;}

.subList div.subListMain div.btnkList li.btnBig09off {float:left;background:0 0 no-repeat url(../img/epub_btn.png);}

.subList div.subListMain div.btnkList11 li.btnBig01on {float:left;background:0 0 no-repeat url(../img/icon_epub.png);}
.subList div.subListMain div.btnkList11 li.btnBig02on {float:left;background:0 0 no-repeat url(../img/icon_pdf.png);}
.subList div.subListMain div.btnkList11 li.btnBig03on {float:left;background:0 0 no-repeat url(../img/xml_btn.png);}
.subList div.subListMain div.btnkList11 li.btnBig04on {float:left;background:0 0 no-repeat url(../img/fla_BTN.png);}
.subList div.subListMain div.btnkList11 li.btnBig05on {float:left;background:0 0 no-repeat url(../img/icon_smap.png);}
.subList div.subListMain div.btnkList11 li.btnBig06on {float:left;background:0 0 no-repeat url(../img/xdf_btn.png);}
.subList div.subListMain div.btnkList11 li.btnBig07on {float:left;background:0 0 no-repeat url(../img/djvu_btn.png);}
.subList div.subListMain div.btnkList11 li.btnBig08on {float:left;background:0 0 no-repeat url(../img/image_btn.png);}
.subList div.subListMain div.btnkList11 li.btnBig09on {float:left;background:0 0 no-repeat url(../img/ibook_btn.png);}
.subList div.subListMain div.btnkList11 li.btnBig10on {float:left;background:0 0 no-repeat url(../img/icon_zip.png);}

.subList div.subListMain div.btnkList li.btnWriteoff:hover {float:left;background:0 0 no-repeat url(../img/writeOn.png);margin-top:64px;}
.subList div.subListMain div.btnkList li.btnWriteoff {float:left;background:0 0 no-repeat url(../img/writeOff.png);margin-top:64px;}
.subList div.subListMain div.btnkList li.btnWriteon {float:left;background:0 0 no-repeat url(../img/writeOn.png);margin-top:64px;}

.subList div.subListMain div.btnkList li.btnBig01off:hover {float:left;background:0 0 no-repeat url(../img/btnSub01On.png);}
.subList div.subListMain div.btnkList li.btnBig01off {float:left;background:0 0 no-repeat url(../img/btnSub01Off.png);}
.subList div.subListMain div.btnkList li.btnBig01on {float:left;background:0 0 no-repeat url(../img/btnSub01On.png);}
.subList div.subListMain div.btnkList li.btnBig02off:hover {float:left;background:0 0 no-repeat url(../img/btnSub02On.png);;}
.subList div.subListMain div.btnkList li.btnBig02off {float:left;background:0 0 no-repeat url(../img/btnSub02Off.png);}
.subList div.subListMain div.btnkList li.btnBig03off {float:left;background:0 0 no-repeat url(../img/btnSub03Off.png);}
.subList div.subListMain div.btnkList li.btnBig03off:hover {float:left;background:0 0 no-repeat url(../img/btnSub03On.png);}
.subList div.subListMain div.btnkList li.btnBig04off {float:left;background:0 0 no-repeat url(../img/btnSub04Off.png);}
.subList div.subListMain div.btnkList li.btnBig04off:hover {float:left;background:0 0 no-repeat url(../img/btnSub04On.png);}
.subList div.subListMain div.btnkList li.btnBig05on {float:left;background:0 0 no-repeat url(../img/btnSub05On.png);}
.subList div.subListMain div.btnkList li.btnBig05off {float:left;background:0 0 no-repeat url(../img/btnSub05Off.png);}
.subList div.subListMain div.btnkList li.btnBig06on {float:left;background:0 0 no-repeat url(../img/btnSub06On.png);}
.subList div.subListMain div.btnkList li.btnBig06on:hover{float:left;background:0 0 no-repeat url(../img/btnSub06Off.png);}

.subList div.subListMain div.btnkList li.btnBig06off {float:left;background:0 0 no-repeat url(../img/btnSub06Off.png);}

.subList div.subListMain div.btnkList li.btnBig15off {float:left;background:0 0 no-repeat url(../img/btnSub15Off.png);}
.subList div.subListMain div.btnkList li.btnBig15off:hover {float:left;background:0 0 no-repeat url(../img/btnSub15On.png);}
/* Sub21 */

.subList div.sub21ListMain{width:718px;height:161px;background:0 0 no-repeat url(../img/lineSubMainSub21.png);margin-top:20px;}
.subList div.sub21ListMain div.bookList {float:left;margin:6px 0 0 34px;}
.subList div.sub21ListMain div.bookList div.bookListCover {width:127px; height:88px;}
.subList div.sub21ListMain div.daList {float:left;margin-left:30px;width:400px;}
.subList div.sub21ListMain div.daList div.daList01 {font-size:12px;color:#818181;line-height:20px;margin-top:10px;}
.subList div.sub21ListMain div.daList div.daList01 span {font-size:14px;font-weight:bold;}
.subList div.sub21ListMain div.daList div.daList02 {background:0 0 no-repeat url(../img/dBoxB_01.png);width:175px;height:22px;margin:13px 0 0 0;text-align:left;padding:3px 0 0 85px;font-size:12px;}

.subList div.sub21ListMain div.btnkList {float:right;margin-right:40px;}
.subList div.sub21ListMain div.btnkList li {width:41px;height:75px;margin:20px 0 0 3px;}
.subList div.sub21ListMain div.btnkList li.btnBig01on {float:left;background:0 0 no-repeat url(../img/swfBTN.png);}
.subList div.sub21ListMain div.btnkList li.btnBig02on {float:left;background:0 0 no-repeat url(../img/wmv_btn.png);;}

.subList div.sub21ListMain div.listList {margin:30px 0 0 10px;font-size:12px;}
.subList div.sub21ListMain div.listList li.list01 {float:left;width:160px;text-align:center;margin-right:20px;}
.subList div.sub21ListMain div.listList li.list02 {float:left;}

/* Sub22 */

.subList div.sub22ListMain{width:768px;height:229px;background:0 0 no-repeat url(../img/lineSubMain.png);margin-top:20px;}
.subList div.sub22ListMain div.bookList {float:left;margin:1px 0 0 5px;width:96px; height:121px;box-shadow:inset 0 0 5px 5px  rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 0 5px 5px  rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 0 5px 5px  rgba(0, 0, 0, 0.2);}
.subList div.sub22ListMain div.daList {float:left;margin-left:0px;width:450px;}
.subList div.sub22ListMain div.daList div.daList01 {font-size:15px;color:#000000;line-height:20px;margin-top:10px;margin-left:55px;}
.subList div.sub22ListMain div.daList div.daList01 span {font-size:15px;font-weight:normal;color:#000;}
.subList div.sub22ListMain div.daList2 {float:left;margin-left:335px;margin-top:-40px;width:200px;}
.subList div.sub22ListMain div.daList2 div.daList02 {background:0 0 no-repeat url(../img/dBoxB_02.png);width:269px;height:26px;margin:0px 0 0 60px;text-align:left;padding:3px 0 0 120px;font-size:15px;}
.subList div.sub22ListMain div.daList2 div.daList02 span {position:absolute;width:0;height:0; font-size:0;line-height:20px;}
.subList div.sub22ListMain div.daList2 div.daList03 {background:0 0 no-repeat url(../img/tb1_1.png);width:269px;height:26px;margin:2px 0 0 60px;text-align:left;padding:3px 0 0 130px;font-size:15px;}
.subList div.sub22ListMain div.daList2 div.daList04 {background:0 0 no-repeat url(../img/tb_04.png);width:269px;height:26px;margin:2px 0 0 60px;text-align:left;padding:3px 0 0 110px;font-size:15px;}
.subList div.sub22ListMain div.daList2 div.daList04 li.daList04_01 {float:left;width:100px;}
.subList div.sub22ListMain div.daList2 div.daList04 li.daList04_02 {float:left;width:100px;}

.subList div.sub22ListMain div.btnkList {float:left;margin-left:10px;margin-top:30px;margin-right:0px;}
.subList div.sub22ListMain div.btnkList li {width:48px;height:20px;}
.subList div.sub22ListMain div.btnkList li.btnBig01on {float:left;background:0 0 no-repeat url(../img/icon_epub.png);}
.subList div.sub22ListMain div.btnkList li.btnBig02on {float:left;background:0 0 no-repeat url(../img/icon_pdf.png);}
.subList div.sub22ListMain div.btnkList li.btnBig03on {float:left;background:0 0 no-repeat url(../img/xml_btn.png);}
.subList div.sub22ListMain div.btnkList li.btnBig04on {float:left;background:0 0 no-repeat url(../img/fla_BTN.png);}
.subList div.sub22ListMain div.btnkList li.btnBig05on {float:left;background:0 0 no-repeat url(../img/icon_smap.png);}
.subList div.sub22ListMain div.btnkList li.btnBig06on {float:left;background:0 0 no-repeat url(../img/xdf_btn.png);}
.subList div.sub22ListMain div.btnkList li.btnBig07on {float:left;background:0 0 no-repeat url(../img/djvu_btn.png);}
.subList div.sub22ListMain div.btnkList li.btnBig08on {float:left;background:0 0 no-repeat url(../img/image_btn.png);}
.subList div.sub22ListMain div.btnkList li.btnBig09on {float:left;background:0 0 no-repeat url(../img/ibook_btn.png);}
.subList div.sub22ListMain div.btnkList li.btnBig11on {float:left;background:0 0 no-repeat url(../img/wmv_btn.png);}
.subList div.sub22ListMain div.btnkList li.btnBig10on {float:left;background:0 0 no-repeat url(../img/icon_zip.png);}
.subList div.sub22ListMain div.btnkList li.btnBig18on {float:left;background:0 0 no-repeat url(../img/icon_blank.png);}

.subList div.sub22ListMain div.listList {margin:13px 0px 0 170px;font-size:15px;}
.subList div.sub22ListMain div.listList li.list01 {float:left;width:320px;text-align:center;margin-right:5px;}
.subList div.sub22ListMain div.listList li.list02 {float:left;width:320px;margin-right:5px;}
.subList div.sub22ListMain div.listList li.rent {float:left;width:130px;margin-right:5px;}
.subList div.sub22ListMain div.listList li.rerv {float:left;width:130px;margin-right:5px;}


/* Sub24 */

.subList div.sub24ListMain{width:788px;height:220px;margin-top:20px;}
.subList div.sub24ListMain01{width: 728px;height: 220px;background: 0 0 no-repeat url(../img/lineSubMainSub210.png);margin-top: 20px;}
.subList div.sub24ListMain a.bookList {float:left;margin:-10px 0 0 7px;width:200px; height:278px;background:0px 0 no-repeat url(../img/bookline.png); display:block}
.subList div.sub24ListMain a.bookList img{ padding:1px 0 0 1px}
.subList div.sub24ListMain div.daList {float:left;margin-left:20px;width:437px;}
.subList div.sub24ListMain div.bookList01{float: left;margin: 6px 0 0 34px;}
.subList div.sub24ListMain div.daList div.daList01 {font-size:14px;color:#818181;line-height:20px;margin-top:0;}
.subList div.sub24ListMain div.daList div.daList01 span {font-size:17px;font-weight:bold;color:#000;}
.subList div.sub24ListMain div.daList div.daList02 {background:0 0 no-repeat url(../img/dBoxB_05.png);width:453px;height:22px;text-align:left;padding:3px 0 0 70px;font-size:12px;ddd}
.tbl_l{ border:1px solid #ddd;width:100%}
.tbl_l tbody tr th{height:20px; text-align:center; background:0 0 no-repeat url(../img/e_tbl00.png); border-bottom:1px solid #ddd; font-size:11px;}
.tbl_l tbody tr{ margin-bottom:5px;}
.tbl_l tbody tr td{height:20px; border-bottom:1px solid #ddd;font-size:11px; font:Dotum,Helvetica,sans-serif;padding:2px 8px 2px 5px}
.tbl_l tbody tr td.fir{padding-left:0px;}
.tbl_l tbody tr.last th{border-bottom:0px solid #ddd;}
.tbl_l tbody tr.last td{border-bottom:0px solid #ddd;}

.subList div.sub24ListMain div.daList div.daList02 li.daList03_01 {float:left;width:116px;}
.subList div.sub24ListMain div.daList div.daList02 li.daList03_02 {float:left;width:150px;}
.subList div.sub24ListMain div.daList div.daList03 {background:0 0 no-repeat url(../img/dBoxB_04.png);width:453px;height:22px;text-align:left;font-size:12px;padding:3px 10px 0 0;margin:9px 0 0 0;}
.subList div.sub24ListMain div.daList div.daList03 li.daList03_01 {float:left;width:100px;margin-left:70px;}
.subList div.sub24ListMain div.daList div.daList03 li.daList03_02 {float:left;width:95px;}
.subList div.sub24ListMain div.daList div.daList03 li.daList03_03 {float:left;width:105px;}
.subList div.sub24ListMain div.daList div.daList03 li.daList03_04 {float:left;width:80px;}
.subList div.sub24ListMain div.daList div.daList04 {width:453px;height:22px;text-align:left;font-size:12px;}
.subList div.sub24ListMain div.daList div.daList04 li.daList03_01 {float:left;width:36px;height:22px;padding:3px 10px 0 70px;background:0 0 no-repeat url(../img/dBoxB_06.png);}
.subList div.sub24ListMain div.daList div.daList04 li.daList03_02Off {float:left;width:78px;height:22px;background:0 0 no-repeat url(../img/dBoxB_07Off.png);margin-right:5px;}
.subList div.sub24ListMain div.daList div.daList04 li.daList03_02Off:hover {float:left;width:78px;height:22px;background:0 0 no-repeat url(../img/dBoxB_07On.png);}
.subList div.sub24ListMain div.daList div.daList04 li.daList03_02On {float:left;width:78px;height:22px;background:0 0 no-repeat url(../img/dBoxB_07On.png);margin-right:5px;}
.subList div.sub24ListMain div.daList div.daList04 li.daList03_tw {float:left;width:22px;height:22px;background:0 0 no-repeat url(../img/tw.png);margin-right:3px;}
.subList div.sub24ListMain div.daList div.daList04 li.daList03_fa {float:left;width:22px;height:22px;background:0 0 no-repeat url(../img/fa.png);}

.subList div.sub24ListMain div.btnkList {float:right;margin-right:0px;}
.subList div.sub24ListMain div.btnkList li {width:130px;height:86px;margin:-82px 5px 0 0px;}
.subList div.sub24ListMain div.btnkList li.btnBig01on {float:left;background:0 0 no-repeat url(../img/btn_rent_dt.png);}
.subList div.sub24ListMain div.btnkList li.btnBig01off {float:left;background:0 0 no-repeat url(../img/btn_rent_dt.png);}
.subList div.sub24ListMain div.btnkList li.btnBig01off:hover {float:left;background:0 0 no-repeat url(../img/btn_rent_dt.png);}
.subList div.sub24ListMain div.btnkList li.btnBig02on {float:left;background:0 0 no-repeat url(../img/btn_reservation_dt.png);;}
.subList div.sub24ListMain div.btnkList li.btnBig02off {float:left;background:0 0 no-repeat url(../img/btn_reservation_dt.png);}
.subList div.sub24ListMain div.btnkList li.btnBig03on {float:left;background:0 0 no-repeat url(../img/btnSub09On.png);}
.subList div.sub24ListMain div.btnkList li.btnBig03off {float:left;background:0 0 no-repeat url(../img/btnSub09Off.png);}
.subList div.sub24ListMain div.btnkList li.btnBig10on {float:left;background:0 0 no-repeat url(../img/zip_btn.png);}


.subList div.listList24 {width:775px;border:1px solid #e7e7e6;margin-left:6px;margin-bottom:0px;margin-top:50px;}
.subList div.listList24 div.list {border-bottom:1px solid #e7e7e6;height:39px;font-weight:bold;font-size:12px;}
.subList div.listList24 div.list div.list01 {float:left;width:160px;text-align:center;border-right:1px solid #e7e7e6;height:27px;padding-top:12px;background:#e7e7e6;color:#000;}
.subList div.listList24 div.list div.list02 {float:left;width:160px;text-align:center;border-right:1px solid #e7e7e6;height:27px;padding-top:12px;}
.subList div.listList24 div.list div.list02:hover {float:left;width:160px;text-align:center;border-right:1px solid #e7e7e6;height:27px;padding-top:12px;background:#e7e7e6;color:#000;}
.subList div.listList24 div.list div.list03 {color:#000;float:right;background:0 0 no-repeat url(../img/bgTopMc.png);width:70px;height:27px;padding-top:12px;text-align:center;border-left:1px solid #e7e7e6;}
.subList div.listList24 div.list div.list05 {float:left;width:160px;text-align:center;border-right:1px solid #e7e7e6;height:27px;padding-top:12px;}
.subList div.listList24 div.list04 {width:730px;margin:20px;font-size:16px;line-height:1.6;}


/* 게시판 */
.subList div.listGTop{ background:0 0 no-repeat url(../img/listGBG.png);width:718px;height:58px;padding:0 9px 0 9px;font-weight:bold;color:#a2a2a2;font-size:12px;}
.subList div.listGTop li{margin-top:23px;}
.subList div.listGTop li.no1{float:left;width:68px;text-align:center;}
.subList div.listGTop li.no2{float:left;width:342px;text-align:center;}
.subList div.listGTop li.no3{float:left;width:123px;text-align:center;}
.subList div.listGTop li.no4{float:left;width:92px;text-align:center;}
.subList div.listGTop li.no5{float:left;width:70px;text-align:center;}

.subList div.listGcenter { color:#a2a2a2;font-size:12px;width:700px;margin:0 9px 0 9px;color:#a2a2a2;margin-bottom:30px;}
.subList div.listGcenter li {border-bottom:solid 1px #e7e7e6;height:31px;padding-top:11px;}
.subList div.listGcenter li.list_01 span.no1{float:left;width:68px;text-align:center;}
.subList div.listGcenter li.list_01 span.no2{float:left;width:342px;text-align:left;color:#131313;}
.subList div.listGcenter li.list_01 span.no3{float:left;width:123px;text-align:center;}
.subList div.listGcenter li.list_01 span.no4{float:left;width:92px;text-align:center;}
.subList div.listGcenter li.list_01 span.no5{float:left;width:70px;text-align:center;font-weight:bold;}

.subList div.listGcenter li.list_02 {background:#f7f7f7}
.subList div.listGcenter li.list_02 span.no1{float:left;width:68px;text-align:center;}
.subList div.listGcenter li.list_02 span.no2{float:left;width:342px;text-align:left;color:#131313;}
.subList div.listGcenter li.list_02 span.no3{float:left;width:123px;text-align:center;}
.subList div.listGcenter li.list_02 span.no4{float:left;width:92px;text-align:center;}
.subList div.listGcenter li.list_02 span.no5{float:left;width:70px;text-align:center;font-weight:bold;}

div.view_l{width:710px; padding-bottom:50px}
div.view_l div.title{ background:0 0 no-repeat url(../img/view_bg.png);width:710px;height:93px;}
div.view_l div.title{padding:20px 5px 0 5px}
div.view_l div.title ul li{float:left}
div.view_l div.title ul li.title{width:60px;border-bottom:1px solid #ddd;height:25px;padding:0 0 0 20px; font-weight:bold}
div.view_l div.title ul li.text{width:620px;border-bottom:1px solid #ddd;height:25px;color:#000}
div.view_l div.title ul li.name{width:60px;height:25px;padding:10px 0 0 20px; font-weight:bold;}
div.view_l div.title ul li.name01{width:190px;height:25px;padding:10px 0 0 0;}
div.view_l div.title ul li.no{width:40px;height:25px;padding:10px 0 0 20px; font-weight:bold;}
div.view_l div.title ul li.no01{width:150px;height:25px;padding:10px 0 0 0;}
div.view_l div.title ul li.date{width:50px;height:25px;padding:10px 0 0 20px; font-weight:bold;}
div.view_l div.title ul li.date01{width:150px;height:25px;padding:10px 0 0 0;}
/*div.view_l p.text{padding:10px 10px 10px 30px;width:650px;line-height:22px; font-size:12px}*/
div.view_l div.list_c{border:1px solid #ddd;width:680px; margin:0 auto; text-align:center; margin-top:30px}
div.view_l div.list_c a{ display:inline-block;height:26px;padding-top:12px; font-weight:bold}
div.view_l div.list_c a.rew_t{ background:0 9px no-repeat url(../img/view_icon01.jpg); padding-left:20px; font-size:11px; padding-right:40px}
div.view_l div.list_c a.pw_t{ background:0 9px no-repeat url(../img/view_icon02.jpg); padding-left:20px; font-size:11px; padding-right:40px}
div.view_l div.list_c a.list_t{ background:0 9px no-repeat url(../img/view_icon03.jpg); padding-left:20px; font-size:11px; }
/*** 페이징 ***/

.paging { text-align: center; margin-top:10px;margin-bottom:30px;}
.paging span { padding:0 3px; }
.paging span a {  color:#545765; font-family: sans-serif; }
.paging span a:hover { color: #000; }
.paging .sel { color: #000;font-weight:bold; }

/*** 페이징 ***/

.paging_ { text-align: center; margin-top:10px;margin-bottom:30px;}
.paging_ span { padding:0 8px; }
.paging_ span a { font-size: 11px; color:#545765; font-family: sans-serif; }
.paging_ span a:hover { color: #000; }
.paging_ .sel { color: #000;font-weight:bold; }
#page_navi{margin-top:30px;text-align:center}
#page_navi .btn{display:block;float:left;padding:5px 11px 5px 10px;margin-left:10px}
#page_navi .btn:first-child{margin-left:0}
#page_navi .btn.prv{background:url(../img/page_prv.gif) 0 11px no-repeat;padding-left:15px}
#page_navi .btn.prv2{background:url(../img/page_prv2.gif) 0 11px no-repeat;padding-left:19px}
#page_navi .btn.nxt{background:url(../img/page_nxt.gif) 100% 11px no-repeat;padding-right:15px}
#page_navi .btn.nxt2{background:url(../img/page_nxt2.gif) 100% 11px no-repeat;padding-right:19px}
#page_navi .btn span{font-size:13px;line-height:22px}
#page_navi a:after{clear:both;display:block;content:'';*zoom:1}
#page_navi .page_num{display:inline-block;*display:inline;}
#page_navi .page_num li{float:left;margin:0 0 0 4px}
#page_navi .page_num li.n .sel{display:block;padding:5px 11px 5px 10px;font-size:15px;font-weight:bold;line-height:20px;color:##5a5a5a;border:1px solid #959595}
#page_navi .page_num li.n a{display:block;padding:5px 11px 5px 10px;font-size:15px;line-height:20px;border:1px solid #ddd;background-color:#fff}
#page_navi .page_num li.n a:hover{background:#eee;color:##5a5a5a;border:1px solid #959595}
#page_navi .page_num ul:after{clear:both;display:block;content:'';*zoom:1}

.e_tbl{width:304px;margin-top:8px}
.e_tbl ul li{height:20px;border:1px solid #ddd;float:left;font-size:12px;line-height:20px;margin-bottom:2px}
.e_tbl ul li.fir{background:0 0 no-repeat url(../img/e_tbl01.jpg);width:59px;padding-left:75px;overflow:hidden}
.e_tbl ul li.sec{background:0 0 no-repeat url(../img/e_tbl02.jpg);width:92px;padding-left:75px;overflow:hidden;border-left:0}
.e_tbl ul li.thir{background:0 0 no-repeat url(../img/e_tbl03.jpg);width:227px;padding-left:75px;overflow:hidden}
.e_tbl ul li.five{background:0 0 no-repeat url(../img/e_tbl04.jpg);width:100px;padding-left:75px;overflow:hidden}
.e_tbl ul li.six{width:127px;border:0 !important}
.e_tbl ul li.six a{display:inline-block}
.e_tbl ul li.six a.fir{background:0 0 no-repeat url(../img/e_btn01.jpg);width:78px;height:22px;padding-right:2px}
.e_tbl ul li.six a.sec{background:0 0 no-repeat url(../img/e_btn02.jpg);width:22px;height:22px;padding-right:2px}
.e_tbl ul li.six a.thir{background:0 0 no-repeat url(../img/e_btn03.jpg);width:22px;height:22px}
div.btnkList a li.btnBig01_1on {float:left;background:0 0 no-repeat url(../img/e_btn_b01.jpg);width:71px;height:70px}
div.btnkList a li.btnBig01_1off {float:left;background:0 0 no-repeat url(../img/e_btn_off01.jpg);width:71px;height:70px}
div.btnkList a li.btnBig01_2on {float:left;background:0 0 no-repeat url(../img/e_btn_b02.jpg);width:71px;height:70px}
div.btnkList a li.btnBig01_2off {float:left;background:0 0 no-repeat url(../img/e_btn_off02.jpg);width:71px;height:70px}

.list04 table.e_tbl{width:100%;margin:0;padding:0;border-spacing: 0}
.list04 table.e_tbl tr th{height:52px;background:#f7f7f7;font-weight:bold;text-align:center;border-bottom:1px solid #ddd}
.list04 table.e_tbl tr td{height:52px;text-align:center;border-bottom:1px solid #ddd}
.list04 table.e_tbl tr.color td{background:#f7f7f7}
.list04 table.e_tbl tr td a.btn_tbl{display:block;background:0 0 no-repeat url(../img/btn_tbl.png);width:78px;height:22px; margin:0 auto;text-indent:-5000px}

.e_tab_on{background:#e7e7e6 !important;color:#000 !important}
.e_tab_off{background:none !important;color: #999; !important}

.sitemap_area{padding:50px 0; width:750px; margin:0 auto}
div.sitemap_box{width:120px;float:left;margin-right:25px;margin-bottom:40px;-moz-box-shadow:2px 2px 6px #efeeee;-webkit-box-shadow:2px 2px 6px #efeeee;box-shadow:2px 2px 6px #efeeee;}
div.sitemap_box p.title{border:1px solid #ddd; padding:10px; text-align:center; background:#e5e5e5; font-size:12px; font-weight:bold}
div.sitemap_box ul.menu{ border:1px solid #ddd;height:166px; background:#f7f7f7}
div.sitemap_box ul.menu li{padding:8px 5px; border-bottom:1px solid #ddd;}
div.sitemap_box ul.menu li a{ font-size:12px; padding-left:5px}
div.sitemap_box ul.menu li.last{border-bottom:0px solid #ddd;}

div.hope_list{padding:40px 10px 30px 10px}
div.hope_list div.serch_area{padding:20px 10px 20px 10px; background:#f3f3f3; border:1px solid #ddd}
div.hope_list div.serch_area p{width:565px; margin:0 auto}
.btn_serch{ background:#F60; width:100px; height:24px; display:block;border:1px solid #996c44; float:right; color:#fff; text-align:center;-moz-box-shadow: 2px 2px 4px #cdc8c8;-webkit-box-shadow: 2px 2px 4px #cdc8c8;box-shadow: 2px 2px 4px #cdc8c8; font-weight:bold; line-height:25px}
div.tbl_h p.btn_area{width:100%; text-align:right; height:28px; padding:40px 0 0 0}
div.tbl_h p.btn_area a{ background:#CCC;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-moz-box-shadow: 2px 2px 4px #cdc8c8;-webkit-box-shadow: 2px 2px 4px #cdc8c8;box-shadow: 2px 2px 4px #cdc8c8; padding:5px; color:#222; border:1px solid #9c9b9a; font-size:12px}
div.tbl_h table{width:100%; border:1px solid #b7b7b6; border-spacing:0}
div.tbl_h table tr th{height:40px; background:#CCC}
div.tbl_h table tr td{height:25px; border-bottom:1px solid #ddd; text-align:center; padding:5px 0 5px 0; font-size:12px; color:#a5a4a4}
div.tbl_h table tr.last td{border-bottom:0 solid #ddd;}
div.tbl_h table tr.bg td{ background:#f3f3f3}

/*팝업화면*/
div.popUp_box{}
div.popUp_box p.title{height:20px;background:#1a3e7b;padding:5px 10px 5px;font-size:14px;color:#fff;font-weight:bold;}
div.popUp_btn_a{padding:10px;}
div.popUp_cont{padding:10px;}
div.popUp_btn_a{border-top:1px solid #ddd;}
div.popUp_btn_a:after{content:""; display:block; clear:both;}
div.popUp_btn_a a{border:1px solid #616161;padding:3px;text-align:center;display:block;color:#313131 !important;font-family: Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
div.popUp_btn_a a.close{float:right;font-size:11px;}

/* 이용안내 */
.guidCont .tab_a{width:100%; text-align:left;padding-top:15px;}
.guidCont .tab_a a{font-weight:bold;font-size:13px;width:290px;background:#ececec;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-moz-box-shadow: 2px 2px 4px #cdc8c8;-webkit-box-shadow: 2px 2px 4px #cdc8c8;box-shadow: 2px 2px 4px #cdc8c8; padding:7px 25px; color:#777; border:1px solid #2fa439;}
.guidCont .tab_a a.on{background:#ffffff; color:#000}
.guidCont .tab_text{border:1px solid #ddd; background:#fff; padding:20px 30px; margin-top:30px}
.guidCont .tab_text ul li{ float:left; margin-right:60px; background:0 4px no-repeat url(../img/bullet.png); padding-left:10px;}
.top_a{padding:20px 50px 0 0; text-align:right; background-image:none !important; font-size:12px !important;}
.top_a a{ background-image:none}
 
.guidCont{ padding-top:10px; margin-bottom:70px;}

.guidCont .guidNo{ padding:10px 0 10px; margin-top:10px;}
.guidCont .guidNo p{ background:0 0 no-repeat url(../img/guideImg02.png); font-size:18px; font-weight:bold; color:#464646; padding-left:40px; height:30px; }
.guidCont .guidNo ul li{ font-size:13px; font-family:NanumGothic;color:#626363; line-height:26px; }
.guidCont .guidNo ul li span.dot{ padding:1px 0 1px;background:0 0 no-repeat url(/img/dot.png);height:30px;}

.guidCont .guidNo ul li span.no1{ font-weight:bold;}
.guidCont .guidNo ul li span.no2{ font-weight:bold; font-size:17px; }
.guidCont .guidNo ul li span.no3{font-weight:bold;color:#77b55f;}
.guidCont .guidNo ul li span.no4{font-weight:bold;font-size:15px;}
.guidCont .guidNo ul li span.no5{font-weight:bold;text-decoration:underline}

.guide_h4_n{background:url(/img/n_guide_bg01.jpg) 0 9px no-repeat;margin-top:5px;padding:0 0 0 8px;font-size: 15px;color: #3964ab;}
li.guide_h4_n h4{font-size: 15px;color: #3964ab;}
.guide_b_n{background:url(/img/n_guide_bullet.jpg) 5px 10px no-repeat;padding:0 0 0 15px;}

.imgGu{width:650px; border:0px solid #ddd;}
 

.audio{padding:150px 0 80px 0; }


/* footer */

/*#footer{width:100%;height:10%;background:#fff;}*/

#footer {width:100%; height:5%;padding: 15px 0;border-top: 1px solid #e5e5e5; background: #f7f8fa;overflow: hidden; }
#footer .footer_wrap { width: 1000px; margin: 0 auto; }
#footer .footer_wrap .footer_info { font-size: 13px; color: #888; line-height: 25px }
#footer .footer_wrap .footer_info span { font-size: 13px }
#footer .footer_address { width: 870px; float: center;}
#footer .footer_address p.copy { color: #999; font-size: 12px; margin-top: 1px; letter-spacing: -0.5px }
#footer .f_menu {margin-left:400px;overflow: hidden;}
#footer .f_menu li strong { color: #00bcb4 }
#footer .f_menu li { float: left }
#footer .f_menu li:first-child a { margin-left: 0; padding-left: 0; background: none }
#footer .f_menu li a:hover { color: #333 }
#footer address {margin-left:350px; font-size: 13px; line-height: 25px; color: #666; margin-top: 15px }
#footer address a { letter-spacing: normal; color: #666 }
#footer .footer_right { border-left: 1px solid #e5e5e5; float: left; padding: 0 0 15px 25px; width: 310px }
#footer .footer_right li { font-size: 13px; float: left; width: 105px; padding: 10px 0 }
#footer .footer_right p.phone { font-size: 22px; color: #00bcb4; letter-spacing: 0 }
#footer .footer_right p.info { font-size: 13px; line-height: 23px; margin-top: 10px }

.agree_cont { margin-top: 30px }
.agree_cont dl { margin-bottom: 10px }
.agree_cont dl dt { font-size: 14px; font-weight: bold; margin-bottom: 5px }
.agree_cont dl dd, .agree_cont dl ul li { font-size: 13px; color: #777; line-height: 26px }
.agree_cont dl ul li { text-indent: -8px; padding-left: 20px }
.agree_cont .t_type01 { margin: 15px 0 }
.agree_cont .t_type01 td { font-size: 13px }