@charset "utf-8";

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0;}
ol, ul, li {list-style:none;}

legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}

table {border-spacing:0;}
select {font-size:12px;}
input.board_input {height:40px;padding:0 15px;line-height:40px;color:#757575;border:1px solid #d5dbde;cursor:text;background:#fff;}
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
textarea {border:1px solid #cdcdcd; font-size:12px;}
.display_none {display:none;}


#board {margin:0 auto;}

#board .board_total {width:100%;display:inline-block;}
#board .board_total_left {float:left; font-size:0.95em; padding-top:5px;margin-bottom:8px; height:22px;}
#board .board_total_right {float:right; padding-bottom:5px;}
#board .board_total_right li {float:left;}
#board .board_total_right li img {height:20px;}
#board .board_total img {padding-left:3px;}
#board div.board_total .board_orange{color:#F96F00;}
#board .board_button {width:100%; margin-top:5px; text-align:right;}
#board .guide span {float:right; color:#838383; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
#board span.category_color {color:#979797;margin-right:8px;font-weight:bold;}

/*카테고리*/
#board .board_total_right .cate li{
	padding-left:10px;	
}
#board .board_total_right .cate li select, #board .board_total_right .cate li input{
	vertical-align:middle;
}
#board .board_total_right .cate li .cbtn_g{
	height:28px;
}


/* List */
#board .table_blist {clear:both;}
#board .table_blist table {width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#board .table_blist table caption {font-size:0;text-indent:-9999px;}
#board .table_blist thead th {text-align:center; border-bottom:1px solid #5b5b5b; height:33px; color:#333; line-height:160%; background:url(/sbcc/nanum/site/board/nninc_simple/img/tit_line.gif) no-repeat right;}
#board .table_blist thead th.th_none {background-image:none;}
#board .table_blist tbody td {height:36px; border-bottom:1px solid #e5e5e5; text-align:center; line-height:140%;}
#board .table_blist tbody td img {vertical-align:middle;}
#board .table_blist tbody td span.reply_count {color:#EE5A00; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_blist tbody td.notice {background-color:#FBFBFB;}
#board .table_blist tbody td.title {white-space:normal; text-align:left;}
#board .table_blist tbody td.center {text-align:center;}




/* Write */
#board .table_bwrite {clear:both;}
#board .table_bwrite table {width:100%; border-collapse:collapse; border-top:1px solid #5b5b5b; border-bottom:1px solid #e5e5e5;}
#board .table_bwrite table caption {font-size:0;text-indent:-9999px;}
#board .table_bwrite thead th {padding:15px 0;text-align:center;color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%;border-bottom:1px solid #ccc;}
#board .table_bwrite tbody th {padding:12px 0;border-bottom:1px solid #f3f3f3; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;font-size:14px; background:#f6f6f6; color:222; text-align:center; line-height:140%;}
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
#board .table_bwrite tbody td {padding:12px 0;padding-left:10px; border-bottom:1px solid #e5e5e5; text-align:left; line-height:140%;}
#board .table_bwrite tbody td select{height:40px;border:1px solid #dfdfdf;color:#666;font-size:14px;}
#board .table_bwrite tbody td input.subject {width:95%;}
#board .table_bwrite tbody td.content {margin:0; padding-top:4px; padding-bottom:4px; padding-left:0; padding-right:0px; text-align:center;}
#board .table_bwrite tbody td span.text1 {color:#818181; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6a6a6a; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}

/* file */
#board .table_bwrite tbody td.filetable table {width:100%; line-height:16px; border-collapse:collapse; border:none; border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0; border:none; border-right:1px solid #DEDEDE; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%; vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px; border:none; background: #ffffff; text-align:left; }




/* View */
#board .table_bview {clear:both;}
#board .table_bview table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #5b5b5b; border-bottom:1px solid #e5e5e5;table-layout:fixed;}
#board .table_bview table caption{font-size:0;text-indent:-9999px;}
#board .table_bview thead th {border-bottom:1px solid #e5e5e5; height:33px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%; text-align:center;}
#board .table_bview thead th.th_none {background-image:none; text-align:left; padding-left:5px;}
#board .table_bview thead th.th_none img {vertical-align:middle;}
#board .table_bview tbody th {height:31px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#F6F6F6; color:#737373; text-align:center; letter-spacing:-0.1em; line-height:140%;}
#board .table_bview tbody td {padding-top:6px; padding-bottom:6px; border-bottom:1px solid #E1E1E1; background:#ffffff; text-align:left; line-height:160%;}
#board .table_bview tbody td.content{padding:20px 10px 30px 10px;}
#board .table_bview tbody td.content p {line-height:200% !important;}
/*#board .table_bview tbody td.content img{width:100%; display:block;}
#board .table_bview tbody td.content img{display:block;}*/
#board .table_bview tbody td span.text1 {color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bview tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_bview tbody td dl.info {float:left; margin:0; padding-left:3px; letter-spacing:-0.5px;}
#board .table_bview tbody td dl.info dt {float:left; color:#737373; font-weight:bold;}
#board .table_bview tbody td dl.info dd {float:left; padding-right:20px; background:transparent url(/sbcc/nanum/site/board/nninc_simple/img/view_bar.gif) no-repeat scroll 0 45%; display:inline; margin-left:6px; padding-left:6px;}
#board .table_bview tbody td dl.info dd img {vertical-align:middle;}
#board .table_bview tbody td dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#BFBFBF;}
#board .table_bview tbody td.content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview tbody td.content .sns a{float:left; padding-left:3px;}
#board .table_bview tbody td.content .photodown{background-color:#336699; color:#ffffff; padding:5px;}


/* Comment */
#board .board_comment {clear:both; padding-top:20px;}
#board .board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
#board .board_comment table caption{font-size:0;text-indent:-9999px;}
#board .board_comment tbody td {height:31px; text-align:left; line-height:140%;}
#board .board_comment tbody td.dr01 {height:5px; background:url(/sbcc/nanum/site/board/nninc_simple/img/dr01.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr02 {height:5px; background:url(/sbcc/nanum/site/board/nninc_simple/img/dr02.gif); background-repeat: repeat-x;}
#board .board_comment tbody td.dr03 {height:5px; background:url(/sbcc/nanum/site/board/nninc_simple/img/dr03.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr04 {background:url(/sbcc/nanum/site/board/nninc_simple/img/dr04.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.text {padding:0; margin:0; height:20px;}
#board .board_comment tbody td dl.info {margin:0; padding-left:10px;}
#board .board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
#board .board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
#board .board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
#board .board_comment tbody td.dr05 textarea {width:88%;height:38px;}
#board .board_comment tbody td.dr06 {background:url(/sbcc/nanum/site/board/nninc_simple/img/dr06.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.dr07 {height:5px; background:url(/sbcc/nanum/site/board/nninc_simple/img/dr07.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr08 {height:5px; background:url(/sbcc/nanum/site/board/nninc_simple/img/dr08.gif);  background-repeat: repeat-x;}
#board .board_comment tbody td.dr09 {height:5px; background:url(/sbcc/nanum/site/board/nninc_simple/img/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/sbcc/nanum/site/board/nninc_simple/img/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/sbcc/nanum/site/board/nninc_simple/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}


/* 버튼기본정의_게시판통합 */
.btnwrap{margin-top:15px;}
.btnwrap a{display:inline-block;font-size:14px;margin-left:4px;margin-right:4px;}

.cbtn{display:inline-block;min-width:60px;padding:7px 20px 6px 20px;font-size:13px;font-weight:bold;text-align:center;cursor:pointer;border-radius: 1000px;letter-spacing:-0.05em;vertical-align:middle;cursor:pointer;}
.cbtn:hover {text-decoration:none;}
input.cbtn{height:36px;min-width:100px;border:none;cursor:pointer;vertical-align:middle;overflow:visible;-webkit-border-radius:1px; -webkit-appearance:none;}

.cbtn_g{color:#222 !important;background:#fff;border:1px solid #bbc4cb;}/*회색*/
.cbtn_g:hover {background:#bbc4cb; color:#222;}
.cbtn_point {color:#fff !important;background:#fd7c22;border:1px solid #fd7c22;}/*포인트색(오렌지)*/
.cbtn_point:hover {background:#ff6609;border:1px solid #ff6609;}


/* Paginate */
.board_paginate {clear:both; position:relative; text-align:center;margin-top:35px;}
.board_paginate *{margin:0; padding:0;}
.board_paginate a,
.board_paginate strong {_position:relative; display:inline-block; width:35px;height:35px;line-height:35px;padding:0;vertical-align:middle;color:#000;font-family:'Roboto', sans-serif;font-size:12px;letter-spacing:0;}
.board_paginate strong {color:#fff;background:#4c5fbb;vertical-align:middle;}
.board_paginate a:hover {color:#4c5fbb;}
.board_paginate a.pre {border:none;height:16px; font-weight:normal; vertical-align:middle; padding:4px 8px 0 8px; background:none; margin:-1px 1px 0 1px; border:1px solid #dfdfdf;}
.board_paginate a.next {border:none;height:16px; font-weight:normal; vertical-align:middle; padding:4px 8px 0 8px; background:none; margin:-1px 1px 0 1px; border:1px solid #dfdfdf;}


/* Button */
.board_button {clear:both;width:100%;display:inline-block;padding-top:8px;}
.board_button .fl {float:left;}
.board_button .fl ul li{float:left;}
.board_button .fl ul li a{display:block;padding:5px 12px;border:1px solid #ccc;font-size:12px;background:#f8f8f8;}
.board_button .fr {float:right; overflow:hidden;}
.board_button .fr a{float:left;margin-left:8px;}
.board_button .pt10 {padding-top:10px;}


.board_button2 {margin:0 auto; text-align:center;width:100%;display:inline-block;padding:20px 0;}
a.board_lbtn {display:inline-block;margin-right:3px;}

/* Search */
.board_search {width:330px; margin:0 auto; margin-top:18px;}
.board_search ul {float:left;}
.board_search ul li {float:left; height:35px;}
.board_search ul li.board_search_start {float:left; width:18px; height:35px; background:url(/sbcc/nanum/site/board/nninc_simple/img/search_left.gif); background-repeat:no-repeat;}
.board_search ul li.board_search_end {float:left; width:18px; height:35px; background:url(/sbcc/nanum/site/board/nninc_simple/img/search_right.gif); background-repeat:no-repeat;}
.board_search ul li select {float:left;}

.board_search ul li.select{height:26px;}
.select{display:inline-block;position:relative;min-width:50px;height:24px;padding:0 10px 0 10px;line-height:20px;border:1px solid #dadada;background:#fff;}
.select select{display: inline-block;width:100%;cursor: pointer;outline:0;border:0;font-size:13px;border-radius: 0;background: white;color: black;appearance: none; 
-webkit-appearance: none; -moz-appearance: none;height: 100%;background:#fff url(/sbcc/nanum/site/builder/skin/skin01/img/content/select_style_bu.gif) no-repeat right 50%;}
.select select::-ms-expand {display: none;}
.select select:disabled {opacity: 0.5;pointer-events: none;}


.board_search ul li input.search_input {float:left; margin-left:5px; background:#e5e5e5; border:1px solid #bebebe; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:24px; padding:2px 0 0 3px;}
.board_search ul li input.search_bt {float:left;}


.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}



/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}


#board .book_area{overflow:hidden;clear:both;padding:25px 25px 35px 25px;margin-bottom:10px;border:1px solid #dfdfdf;box-sizing:border-box;}
#board .book_area:hover{border:1px solid #222;box-shadow:8px 10px 20px rgba(0,0,0,0.2);-webkit-box-shadow:8px 10px 20px rgba(0,0,0,0.2);}
#board .book_area.hover_no:hover{border:1px solid #dfdfdf;box-shadow:none !important;-webkit-box-shadow:none !important;}
#board .book_area .tit_box{width:100%;display:inline-block;height:50px;line-height:50px;margin-bottom:20px;border-bottom:1px dashed #ccc;}
/*책위에 title이 있는경우*/
#board .book_area .tit_box .tit{float:left;}
#board .book_area .tit_box .tit a{font-size:17px;font-weight:bold;color:#000;}
#board .book_area .tit_box .tit a:hover{text-decoration:underline;}
#board .book_area .tit_box .tit span{color:#0074c8;}
#board .book_area .tit_box .book_status{float:right;margin-top:8px;}/*title 좌측에 있는 경우에만 필요*/

#board .book_area .book_info_w{position:relative;display:inline-block;width:100%;}
#board .book_area .book_info_w .book_img{position:absolute;top:0;left:0;width:100px;}
#board .book_area .book_info_w .book_img .book{width:100px;margin-bottom:5px;}
/*책모양*/
#board .thum{position:relative;margin:0 auto;padding:0;}
#board .thum img{width:100px;height:140px;border:1px solid #dbdbdb;}
#board .thum .book_mask{position:absolute;top:0;left:0;width:100%;z-index:1;}
#board .thum .book_mask img{height:168px;}
/*책종류*/
#board .ribbon{position:relative;margin-top:3px;width:100%;height:23px;line-height:23px;text-align:center;font-size:12px;font-weight:bold;background-color:#fff;}
#board .ribbon:before, .ribbon:after{content: "";display:block;bottom:0;}
#board .ribbon:before {display:none !important;}
#board .ribbon:after{color:#fff;}
#board .mark00{color:#4da340;border:1px solid #4da340;}
#board .mark00:after{background:#4da340;}
#board .mark01{color:#289990;border:1px solid #289990;}
#board .mark01:after{background:#289990;}
#board .mark02{color:#217faa;border:1px solid #217faa;}
#board .mark02:after{background:#217faa;}
#board .mark03{color:#3b5bae;border:1px solid #3b5bae;}
#board .mark03:after{background:#3b5bae;}
#board .mark04{color:#7654b8;border:1px solid #7654b8;}
#board .mark04:after{background:#7654b8;}
#board .mark05{color:#9754b8;border:1px solid #9754b8;}
#board .mark05:after{background:#9754b8;}
#board .mark06{color:#b8559c;border:1px solid #b8559c;}
#board .mark06:after{background:#b8559c;}
#board .mark07{color:#c74764;border:1px solid #c74764;}
#board .mark07:after{background:#c74764;}
#board .mark08{color:#e2542c;border:1px solid #e2542c;}
#board .mark08:after{background:#e2542c;}
#board .mark09{color:#94a340;border:1px solid #94a340;}
#board .mark09:after{background:#94a340;}

#board .book_area .book_info_w .book_info{position:relative;margin-left:140px;}
#board .book_area .book_info_w .book_info .tit_w{position:relative;display:inline-block;width:100%;padding:0 0 15px 0;margin-bottom:15px;border-bottom:1px dashed #ccc;}
/* #board .book_area .book_info_w .book_info .tit{margin-right:180px;} */
#board .book_area .book_info_w .book_info .tit a{font-size:19px;font-weight:bold;color:#000;}
#board .book_area .book_info_w .book_info .tit a:hover{text-decoration:underline;}
#board .book_area .book_info_w .book_info .tit span{color:#0074c8;}
#board .book_area .book_info_w .book_info .book_status{position:absolute;top:50%;right:0;width:180px;margin-top:-25px;}
#board .book_area .book_info_w .book_info .book_status span{display:block;float:right;}
#board .book_area .book_info_w .book_info .cont{width:100%;}
#board .book_area .book_info_w .book_info .cont dl{position:relative;width:100%;display:inline-block;margin-bottom:2px;font-size:14px;}
#board .book_area .book_info_w .book_info .cont dl dt{position:absolute;top:0;left:0;width:60px;font-weight:bold;color:#000;text-align:left;}
#board .book_area .book_info_w .book_info .cont dl dd{position:relative;margin-left:80px;}
#board .book_area .book_info_w .book_info .cont dl dd img{vertical-align:middle;}
#board .book_area .book_info_w .book_info .print{position:absolute;top:0;right:0;}
#board .book_area .book_info_w .book_info .print a{display:block;padding:8px 8px 8px 4px;border:1px solid #bfbfbf;}
#board .book_area .book_info_w .book_info .book_status .ndls_btn2{padding:0 25px;height:100px;font-size:13px;line-height:100px;}


/*상태아이콘스타일*/
#board .book_status .activity{padding:8px 0 9px 40px;font-size:15px;font-weight:bold;color:#0f8bbb;background:url(/sbcc/nanum/ndls/imgs/common/book_status01.gif) no-repeat 0 50%;}
#board .book_status .inactive{padding:8px 0 9px 40px;font-size:15px;font-weight:bold;color:#e54d4d;background:url(/sbcc/nanum/ndls/imgs/common/book_status02.gif) no-repeat 0 50%;}
#board .book_status .loding{padding:8px 0 9px 40px;font-size:15px;font-weight:bold;color:#677977;background:url(/sbcc/nanum/ndls/imgs/common/book_status03.gif) no-repeat 0 50%;}
#board .book_status .rebutton{padding:8px 0 9px 40px;font-size:15px;font-weight:bold;color:#e06f17;text-decoration:underline;background:url(/sbcc/nanum/ndls/imgs/common/book_status04.gif) no-repeat 0 50%;}

/********************검색결과_상세정보********************/
#board .book_detail{width:100%;}
#board .book_detail .tit{width:100%;border:1px solid #dbdbdb;border-bottom:0 none;height:50px;line-height:50px;text-align:center;font-size:15px;color:#000;font-weight:bold;background:#f8f8f8;}
#board .book_detail .book_area{position:relative;width:100%;padding:25px;}
#board .book_detail .book_area .book_info_w  .book_img{margin-left:10px;}
#board .book_detail .book_area .book_info_w  .book_img .book{margin:0 auto;}
#board .book_detail .book_area .book_info_w .book_info{padding-top:0;margin-left:150px;}
#board .book_detail .book_area .book_info_w .book_info .cont dl{margin-bottom:3px;}
#board .book_detail .book_area .book_info_w .book_info .cont dl dt{float:left;width:140px;}
#board .book_detail .book_area .book_info_w .book_info .cont dl dd{margin-left:150px;}

#board .book_detail .book_txt{width:100%;margin-top:35px;padding-bottom:35px;border-bottom:1px dashed #ccc;}
#board .book_detail .book_txt h3{padding-top:17px;margin-bottom:30px;background:url(/sbcc/nanum/site/builder/skin/skin01/img/content/h3_bar.gif) no-repeat 0 0;font-weight:normal;font-family:'NotoKrB';font-size:23px;font-weight:normal;color:#222;line-height:1.2;letter-spacing:-0.05em;}
#board .book_detail .book_txt .content{line-height:25px;}

/*도서결과검색값*/
.recommend_book_search{margin:8px;padding:20px;border:1px solid #dbdbdb;border-right:1px solid #bbb;border-bottom:1px solid #bbb;}
.recommend_book_search .box{width:100%;display:inline-block;}
.recommend_book_search .box .book_img{float:left;width:100px;}
.recommend_book_search .box .book_img img{border:1px solid #dbdbdb;}
.recommend_book_search .box .book_info{position:reltive;margin-left:120px;}
.recommend_book_search .box .book_info .tit{width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #dbdbdb;font-weight:bold;color:#000;font-size:15px;}
.recommend_book_search .box .book_info .tit a{font-weight:bold;color:#000;font-size:15px;}
.recommend_book_search .box .book_info .txt{width:100%;}
.recommend_book_search .box .book_info .txt dl{width:100%;display:inline-block;width:100%;}
.recommend_book_search .box .book_info .txt dl dt{float:left;width:80px;color:#000;font-weight:bold;}
.recommend_book_search .box .book_info .txt dl dd{float:left;}



/**********************버튼스타일**********************/
.btn_w{width:100%;text-align:center;padding:20px 0;}
a.ndls_btn,
input.ndls_btn{display:inline-block;height:45px;margin:0 3px;line-height:45px;font-size:15px;text-align:center;padding:0 30px;vertical-align:middle;cursor:pointer;border:0 none;}
.ndls_btn2{display:inline-block;height:35px;margin:0 3px;line-height:35px;font-size:12px;text-align:center;padding:0 10px;vertical-align:middle;cursor:pointer;border:0 none;}
.excel_btn{display:inline-block;height:35px;margin:0 3px;line-height:35px;font-size:12px;text-align:center;padding:0 40px 0 10px;vertical-align:middle;cursor:pointer;border:1px solid #4a802a;background:#fff url(/sbcc/nanum/ndls/imgs/common/excel_icon.gif) no-repeat right 50%;;color:#4a802a;}
.excel_btn:hover{background-color:#f5f5f5;}
.ndls_btn.green,
.ndls_btn2.green{color:#fff;background:#17a981;}
.ndls_btn.green:hover,
.ndls_btn2.green:hover{background:#009069;}
.ndls_btn.gray,
.ndls_btn2.gray{color:#fff;background:#8b95a3;}
.ndls_btn.gray:hover,
.ndls_btn2.gray:hover{background:#5e6a7c;}
.ndls_btn.black,
.ndls_btn2.black{color:#fff;background:#222;}
.ndls_btn.black:hover,
.ndls_btn2.black:hover{background:#000;}
.ndls_btn.mint,
.ndls_btn2.mint{color:#fff;background:#44b2d1;}
.ndls_btn.mint:hover,
.ndls_btn2.mint:hover{background:#208aa7;}
.ndls_btn.blue,
.ndls_btn2.blue{color:#fff;background:#3053c7;}
.ndls_btn.blue:hover,
.ndls_btn2.blue:hover{background:#2648bc;}
.ndls_btn.orange,
.ndls_btn2.orange{color:#fff;background:#ff7e00;}
.ndls_btn.orange:hover,
.ndls_btn2.orange:hover{color:#fff;background:#ea9500;}
.ndls_btn.red,
.ndls_btn2.red{color:#fff;background:#e02e2e;}
.ndls_btn.red:hover,
.ndls_btn2.red:hover{background:#cd2626;}

.ndls_btn2.post_search {width:20%; margin-bottom:5px;}





/***** 셀렉트 *****/
.mr5{margin-right:5px;}

.admin_select_style{display:inline-block;position:relative;min-width:80px;height:45px;padding:0 15px 0 15px;line-height:40px;border:1px solid #dadada;background:#fff;}
.admin_select_style select{display: inline-block;width:100%;cursor: pointer;outline:0;border:0;font-size:14px;border-radius: 0;background: white;color: black;appearance: none; 
-webkit-appearance: none; -moz-appearance: none;height: 100%;background:#fff url(/sbcc/nanum/ndls/imgs/common/select_style_bu.gif) no-repeat right 50%;}
.admin_select_style select::-ms-expand {display: none;}
.admin_select_style select:disabled {opacity: 0.5;pointer-events: none;}





/********************태블릿********************/
@media(max-width:767px){
	
#board .board_total_left{float:none;width:100%;margin-bottom:5px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}


.board_button{margin-bottom:10px;}
.board_button .fl{float:none;width:100%;text-align:center;border-bottom:1px dashed #ccc;margin-bottom:10px;display:inline-block;}
.board_button .fl a{float:none;display:inline-block;font-size:12px;}
.board_button .fr{float:none;width:100%;text-align:center;padding-top:15px;}
.board_button .bt a{float:none;display:inline-block;font-size:13px;}

.board_search {width:300px;margin:0 auto; margin-top:18px;}
.board_search ul li input.search_input {float:left; width:170px;}
.board_search ul li input.search_bt {float:left;}


#board .table_blist th,
#board .table_blist td{font-size:13px;font-weight:normal;}
#board .table_blist th{font-family:"NotoKrM", Sans-serif;}

#board .table_bwrite th,
#board .table_bwrite td{font-size:13px;font-weight:normal;}
#board .table_bwrite th{font-family:"NotoKrM", Sans-serif;}


#board .book_area .tit_box{height:auto;line-height:140%;;padding:10px 0;margin-bottom:15px;}
#board .book_area .tit_box .tit{float:none;text-align:center;}
#board .book_area .tit_box .tit a{font-size:15px;}

#board .book_area .book_info_w .book_img{float:none;height:155px;margin:0 auto;position:relative;}
#board .book_area .book_info_w .book_info{position:relative;margin-left:0;margin-top:15px;border-top:1px dashed #ccc;}
#board .book_area .book_info_w .book_info .tit_w{float:none;width:auto;display:block;padding:15px 15px;margin-bottom:20px;background:#f9f9f9;}
#board .book_area .book_info_w .book_info .tit{float:none;padding:5px 0;margin-right:0;text-align:center;}
#board .book_area .book_info_w .book_info .tit a{font-size:16px;}
#board .book_area .book_info_w .book_info .book_info .book_status{position:relative;top:0;right:0;width:100%;text-align:center;}
#board .book_area .book_info_w .book_info .cont dl{margin-bottom:10px;line-height:20px;font-size:13px;}
#board .book_area .book_info_w .book_info .cont dl dt{width:70px;}
#board .book_area .book_info_w .book_info .cont dl dd{margin-left:70px;}
#board .book_area .book_info_w .book_info .print{position:absolute;right:-1px;top:auto;bottom:-1px;}
/*상태아이콘스타일*/
#board .book_status .activity{padding:5px 0 5px 25px;font-size:13px;background:url(/sbcc/nanum/ndls/imgs/common/book_status01.gif) no-repeat 0 4px;background-size:20px 20px;}
#board .book_status .inactive{padding:5px 0 5px 25px;font-size:13px;background:url(/sbcc/nanum/ndls/imgs/common/book_status02.gif) no-repeat 0 4px;background-size:20px 20px;}
#board .book_status .loding{padding:5px 0 5px 25px;font-size:13px;background:url(/sbcc/nanum/ndls/imgs/common/book_status03.gif) no-repeat 0 4px;background-size:20px 20px;}



/********************검색결과_상세정보********************/
#board .book_detail{width:100%;}
#board .book_detail .tit{height:auto;padding:12px 0;line-height:140%;font-size:15px;border:1px solid #dbdbdb;}
#board .book_detail .book_area{position:relative;width:100%;padding:0;border-top:0 none;}
#board .book_detail .book_area .book_info_w  .book_img{float:none;margin:0 auto;}
#board .book_detail .book_area .book_info_w .book_info{padding:15px;margin-left:0;}
#board .book_detail .book_area .book_info_w .book_info .cont dl{margin-bottom:5px;}
#board .book_detail .book_area .book_info_w .book_info .cont dl dt{width:90px;padding-right:10px;}
#board .book_detail .book_area .book_info_w .book_info .cont dl dd{margin-left:110px;}

#board .book_detail .book_txt{width:100%;margin-top:25px;}
#board .book_detail .book_txt h3{font-size:20px; color:#222; padding-top:18px; padding-bottom:15px; background:url(../img/h3_icon.gif) no-repeat left top; letter-spacing:-1px;}
#board .book_detail .book_txt .content{line-height:20px;}




/*도서결과검색값*/
.recommend_book_search{width:100%;margin:8px;padding:10px 0;border:1px solid #dbdbdb;border-right:0 none;border-bottom:1px solid #bbb;border-left:0 none;}
.recommend_book_search .box{width:100%;display:inline-block;}
.recommend_book_search .box .book_img{float:none;width:100%;text-align:center;margin:0 auto;}
.recommend_book_search .box .book_info{margin-left:0;width:100%;margin-top:5px;border-top:1px dashed #ccc;}
.recommend_book_search .box .book_info .tit{width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #dbdbdb;font-weight:bold;color:#000;font-size:15px;}
.recommend_book_search .box .book_info .tit a{font-weight:bold;color:#000;font-size:15px;}
.recommend_book_search .box .book_info .txt{width:100%;}
.recommend_book_search .box .book_info .txt dl{width:100%;display:inline-block;width:100%;}
.recommend_book_search .box .book_info .txt dl dt{float:left;width:80px;color:#000;font-weight:bold;}
.recommend_book_search .box .book_info .txt dl dd{float:left;}




}