@charset "UTF-8";
/*
 * mixin class
 */
.after_cl { *zoom: 1; }
.after_cl:after { content: ""; display: block; clear: both; }
.ir_pm { display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px; }
html, body { width: 100%; height: 100%; }
#wrap { height: 100%; min-width: 1180px; }
body, input, textarea, select, button, table { font-family: '나눔고딕', 'Nanum Gothic' !important; }

/* font */
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(../fonts/NanumGothic.eot); src: url(../fonts/NanumGothic.eot?#iefix) format("embedded-opentype"), url(../fonts/NanumGothic.woff) format("woff"); }
@font-face { font-family: 'Nanum Gothic'; font-style: bold; font-weight: 400; src: url(../fonts/NanumGothicBold.eot); src: url(../fonts/NanumGothicBold.eot?#iefix)	format("embedded-opentype"), url(../fonts/NanumGothicBold.woff)	format("woff"); }

/*
 * header
 */
#header { position: fixed; top: 0; width: 100%; color: #323232; background-color: #f5f5f5; z-index: 20; }
.header_group { height: 50px; position: relative; background-image: url(../img/bg_header.png); *zoom: 1; }
.header_group:after { content: ""; display: block; clear: both; }
.header_group button { float: left; }
.header_group .logo { margin-left: 20px; font-size: 21px; line-height: 50px; float: left; }
.header_group .logo a { color: white; }

#gnb { position: relative; float: right; color: white; line-height: 50px; margin-right: 52px; *zoom: 1; }
#gnb:after { content: ""; display: block; clear: both; }
.gnb_list { height: 50px; }
.gnb_list img { cursor: pointer; }
.gnb_list>li { height: 50px; float: left; *zoom: 1; }
.gnb_list>li:after { content: ""; display: block; clear: both; }
.gnb_list li p { font-size: 15px; }

#user_info_list { position: absolute; width: 88px; height: 48px; top: 35px; left: 3px; padding: 15px 0 0 18px; font-size: 13px; line-height: 20px; background-image: url(../img/bg_user_info.png); background-repeat: no-repeat; z-index: 20; display: none; }
#user_info_list li { height: 20px; cursor: pointer; }
#user_info_list a { color: #aaaaaa; }
#user_info_list a:hover { color: #323232; }
#user_info_list_admin { position: absolute; width: 88px; height: 64px; top: 35px; left: 3px; padding: 12px 0 0 18px; font-size: 13px; line-height: 20px; background-image: url(../img/bg_user_info_admin.png); background-repeat: no-repeat; z-index: 20; display: none; }
#user_info_list_admin li { height: 20px; cursor: pointer; }
#user_info_list_admin a { color: #aaaaaa; }
#user_info_list_admin a:hover { color: #323232; }

#bf_info_list { position: absolute; width: 88px; height: 48px; top: 35px; left: -38px; padding: 15px 0 0 18px; font-size: 13px; line-height: 20px; background-image: url(../img/bg_user_info.png); background-repeat: no-repeat; z-index: 20; display: none; }
#bf_info_list li { height: 20px; cursor: pointer; }
#bf_info_list a { margin: 0 7px; color: #aaaaaa; }
#bf_info_list a:hover { color: #323232; }

.search_area { position: relative; width: 600px; height: 50px; background: url(../img/bg_searchbar_off.png) no-repeat 0 50%; margin: 0 auto; }
.search_box { height: 50px; margin-left: 38px; }
.search_box input { width: 472px; height: 20px; background-color: #f5f5f5; margin: 15px 0 0 0; padding: 0; border: 0; outline: none; }
.search_type { position: absolute; top: 18px; right: 0; width: 68px; background: url(../img/search/ico_search_type_list_off.png) no-repeat 50px 50%; font-size: 12px; color: white; cursor: pointer; }
.search_type:hover { color: white; }
.search_type_list { position: absolute; width: 80px; right: 0px; font-size: 12px; z-index: 20; color: #878787; display: none; }
.search_type_list ul { margin-top: -5px; padding: 15px 0 0 12px; border-radius: 0 0 10px 10px; background-color: #464646; }
.search_type_list li { padding-bottom: 15px; cursor: pointer; }
.search_type_list li:hover { color: white; }

#lnb { position: relative; height: 90px; background-color: white; *zoom: 1; }
#lnb:after { content: ""; display: block; clear: both; }
.move #lnb { position: relative; height: 50px; background-color: white; *zoom: 1; }
.move #lnb:after { content: ""; display: block; clear: both; }
.lnb_list { width: 1240px; height: 90px; margin: 0 auto; transition: 0.3s ease; }
.lnb_list>li>a h2 { height: 90px; transition: 0.3s ease; }
.move .lnb_list { width: 1240px; height: 50px; margin: 0 auto; transition: 0.3s ease; }
.move .lnb_list>li>a h2 { height: 50px; transition: 0.3s ease; }
.lnb_new h2 {
	/* background: url(../img/ico_lnb_new_off_1920.png) no-repeat; */
	/* background: url(../img/menu_korean/ico_lnb_all_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_new_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_new.on h2 {
	/* background: url(../img/ico_lnb_new_on_1920.png) no-repeat; */
	/* background: url(../img/menu_korean/ico_lnb_all_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_new_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.lnb_new:not(.on):HOVER h2, .lnb_new:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_lnb_new_mouse_1920.png) no-repeat; */
	/* background: url(../img/menu_korean/ico_lnb_all_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_new_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_best h2 {
	/* background: url(../img/ico_lnb_best_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_best_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_best.on h2 {
	/* background: url(../img/ico_lnb_best_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_best_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.lnb_best:not(.on):HOVER h2, .lnb_best:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_lnb_best_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_best_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_recommend h2 {
	/* background: url(../img/ico_lnb_recommend_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_recommend_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_recommend.on h2 {
	/* background: url(../img/ico_lnb_recommend_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_recommend_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.lnb_recommend:not(.on):HOVER h2, .lnb_recommend:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_lnb_recommend_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_recommend_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_mypage h2 {
	/* background: url(../img/ico_lnb_mypage_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_mypage_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_mypage.on h2 {
	/* background: url(../img/ico_lnb_mypage_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_mypage_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.lnb_mypage:not(.on):HOVER h2, .lnb_mypage:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_lnb_mypage_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_lnb_mypage_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_new h2 {
	/* background: url(../img/ico_move_lnb_new_off_1920.png) no-repeat; */
	/* background: url(../img/menu_korean/ico_move_lnb_all_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_new_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_new.on h2 {
	/* background: url(../img/ico_move_lnb_new_on_1920.png) no-repeat; */
	/* background: url(../img/menu_korean/ico_move_lnb_all_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_new_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.move .lnb_new:not(.on):HOVER h2, .move .lnb_new:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_move_lnb_new_mouse_1920.png) no-repeat; */
	/* background: url(../img/menu_korean/ico_move_lnb_all_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_new_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_best h2 {
	/* background: url(../img/ico_move_lnb_best_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_best_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_best.on h2 {
	/* background: url(../img/ico_move_lnb_best_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_best_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.move .lnb_best:not(.on):HOVER h2, .move .lnb_best:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_move_lnb_best_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_best_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_recommend h2 {
	/* background: url(../img/ico_move_lnb_recommend_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_recommend_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_recommend.on h2 {
	/* background: url(../img/ico_move_lnb_recommend_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_recommend_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.move .lnb_recommend:not(.on):HOVER h2, .move .lnb_recommend:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_move_lnb_recommend_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_recommend_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_mypage h2 {
	/* background: url(../img/ico_move_lnb_mypage_off_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_mypage_off_1920.png) no-repeat;
	background-position: 50% 50%;
}
.move .lnb_mypage.on h2 {
	/* background: url(../img/ico_move_lnb_mypage_on_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_mypage_on_1920.png) no-repeat;
	background-position: 50% 50% !important;
}
.move .lnb_mypage:not(.on):HOVER h2, .move .lnb_mypage:not(.on):ACTIVE h2 {
	/* background: url(../img/ico_move_lnb_mypage_mouse_1920.png) no-repeat; */
	background: url(../img/menu_korean/ico_move_lnb_mypage_mouse_1920.png) no-repeat;
	background-position: 50% 50%;
}
.lnb_list li { position: relative; width: 25%; height: 90px; float: left; transition: 0.3s ease; *zoom: 1; }
.lnb_list li:after { content: ""; display: block; clear: both; }
.lnb_list li a { display: block; height: 90px; transition: 0.3s ease; }
.move .lnb_list li { position: relative; width: 25%; height: 50px; float: left; transition: 0.3s ease; *zoom: 1; }
.move .lnb_list li:after { content: ""; display: block; clear: both; }
.move .lnb_list li a { display: block; height: 50px; transition: 0.3s ease; }
.lnb_bottom_shadow { position: absolute; top: 140px; width: 100%; height: 2px; background-color: gainsboro; opacity: 0.5; z-index: 10; transition: 0.3s ease; }
.lnb_bar { position: absolute; top: 140px; width: 100%; height: 4px; background-color: gainsboro; display: none; z-index: 10; transition: 0.3s ease; }
.lnb_bar.new { background-image: url("../img/bg_new_bar.png"); display: block; }
.lnb_bar.best { background-image: url("../img/bg_best_bar.png"); display: block; }
.lnb_bar.recommend { background-image: url("../img/bg_recommend_bar.png"); display: block; }
.lnb_bar.mypage { background-image: url("../img/bg_mypage_bar.png"); display: block; }
.move .lnb_bottom_shadow { position: absolute; top: 100px; width: 100%; height: 2px; background-color: gainsboro; opacity: 0.5; z-index: 10; transition: 0.3s ease; }
.move .lnb_bar { position: absolute; top: 100px; width: 100%; height: 4px; background-color: gainsboro; display: block; z-index: 10; transition: 0.3s ease; }

#category_detail_wrap { width: 1238px; margin: 0 auto; *zoom: 1; }
#category_detail_wrap:after { content: ""; display: block; clear: both; }
.category_detail_info { position: relative; height: 60px; line-height: 60px; background-color: white; *zoom: 1; }
.category_detail_info:after { content: ""; display: block; clear: both; }

#path_wrap { height: 60px; width: 1238px; margin: 0 auto; background-color: white; line-height: 60px; }
#path_wrap .path_now { width: 306px; margin: 0; text-align: center; }
#path_wrap .tab_view_type, #path_wrap .tab_view_type_mypage, #path_wrap .tab_view_type_info { width: 74%; }
#path_wrap .tab_view_type li, #path_wrap .tab_view_type_mypage l i{	width: 16%; margin-right: 0; }
#path_wrap .tab_view_type_info li{ width: 16%; margin-right: 0; }
#path_wrap .tab_view_type>.sel { border-bottom: 4px solid steelblue !important; }
.path_now { height: 60px; font-size: 23px; margin-left: 62px; float: left; font-weight: bold; }

.tab_view_type, .tab_view_type_mypage { width: 450px; height: 60px; font-size: 17px; text-align: center; color: #aaaaaa; float: right; }
.tab_view_type_info { width: 450px; height: 60px; font-size: 16px; text-align: center; color: #aaaaaa; float: right; }
.tab_view_type li, .tab_view_type_mypage li, .tab_view_type_info li { width: 100px; height: 56px; margin-right: 27px; float: left; cursor: pointer; }
.tab_view_type_mypage li a, .tab_view_type_info li a { color: #787878; }
.tab_view_type_mypage li a:HOVER, .tab_view_type_info li a:HOVER { color: #323232; }
.tab_view_type>.sel { border-bottom: 4px solid #ee3c50 !important; }

#snb { position: relative; width: 1238px; height: 42px; float: right; font-size: 13px; color: #A0A0A0; background-color: whitesmoke; background-image: url(../img/bg_shadow.png); background-repeat: no-repeat; background-size: 100% 32px; background-position: 0 -25px; cursor: pointer; *zoom: 1; }
#snb:after { content: ""; display: block; clear: both; }
.snb_list { width: 1140px; margin: 0 auto; padding-top: 15px; *zoom: 1; }
.snb_list:after { content: ""; display: block; clear: both; }
.snb_list li { margin: 0 25px 15px 0; float: left; *zoom: 1; }
.snb_list li:after { content: ""; display: block; clear: both; }

/*
 * container
 */
#container { position: relative; min-height: 100%; margin: 0 auto -60px auto; background-color: whitesmoke; }
#side_menu { position: fixed; width: 230px; height: 100%; top: 0; left: -230px; background-color: #737373; z-index: 50; transition: 0.2s ease; }
.side_menu_top { position: relative; height: 50px; background-image: url(../img/bg_category.png); }
.side_menu_top img { margin-left: 180px; }
.category_menu_title{ float: left; margin-left: 22px; line-height: 48px; font-size: 22px; font-family: '나눔고딕', 'Nanum Gothic' !important; font-weight: bold; color: white; }
#change_height { overflow: auto; }
.side_menu_list { color: white; font-weight: bold; }
.side_menu_list li { height: 35px; font-size: 17px; line-height: 35px; margin: 0 3px; padding-left: 19px; border-bottom: 1px solid #878787; }
.side_menu_list li:hover{ background-color: rgb(135, 135, 135); color: white; }
.side_menu_list li a { display: block; height: 35px; }
.side_menu_list li a h3 { height: 35px; color: #f0f0f0; }

#content_wrap { position: relative; width: 1238px; min-height: 700px; padding: 140px 0 60px 0; margin: 0 auto; font-size: 0; line-height: 0; background-color: white; *zoom: 1; }
#content_wrap:after { content: ""; display: block; clear: both; }
.tab_sort { position: relative; float: right; margin: 0 auto; left: 1px; padding: 11px 14px 11px 0; width: 1224px; height: 17px; line-height: 14px; font-size: 14px; color: #A0A0A0; background-color: white; z-index: 10; }
.tab_sort:after { content: ""; display: block; clear: both; }
.tab_sort li { padding: 0 12px; float: right; cursor: pointer; }
.sel a { color: #323232 !important; }
#content { position: relative; margin-top: 25px; padding-bottom: 40px; margin: 0 auto; background-color: white; *zoom: 1; }
#content:after { content: ""; display: block; clear: both; }

.book_list { width: 1200px; padding-bottom: 30px; margin: 0 auto 0 25px; *zoom: 1; }
.book_list:after { content: ""; display: block; clear: both; }
.book { position: relative; width: 234px; height: 558px; margin: 15px 5px 0 0; line-height: 24px; float: left; background-image: url(../img/bg_book.png); }

/* 서울도서관 - 내서재 용 */
.book_mypage { position: relative; width: 234px; height: 558px; margin: 15px 5px 0 0; line-height: 24px; float: left; background-image: url(../img/bg_book_original.png); }
.book_title { margin: 10px 15px; font-size: 16px; font-weight: bold; color: #323232; }
.book_image { position: relative; width: 220px; margin-left: 5px; line-height: 0; font-size: 0; }
.book_image img { width: 100%; max-height: 340px; cursor: pointer; }
.book_image_sub { position: absolute; top: 0; left: 0; width: 220px; height: 100%; background-color: #323232;	opacity: 0.85; filter: alpha(opacity = 85); cursor: pointer; display: none; }
.ico_download { position: absolute; right: 55px; bottom: 15px; width: 32px !important; height: 32px !important; cursor: pointer; }
.ico_download:HOVER, .ico_download:ACTIVE { background: url('../img/ico_download_on.png') no-repeat; }
.ico_recommend { position: absolute; right: 10px; bottom: 15px; width: 32px !important;height: 32px !important; cursor: pointer; }
.ico_recommend:HOVER, .ico_recommend:ACTIVE { background: url('../img/ico_recommend_on.png') no-repeat; }
.book_info { padding: 6px 15px 13px 15px; font-size: 13px; *zoom: 1; }
.book_info:after { content: ""; display: block; clear: both; }
.book_author { color: #323232; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.book_content { margin-top: 4px; line-height: 20px; color: #8C8C8C; }
.book_rental_date { line-height: 20px; color: #8C8C8C; position: absolute; bottom: 80px; }
.book_return_date { line-height: 20px; color: #8C8C8C; position: absolute; bottom: 60px; }
.book_reservation_date { margin-top: 30px; line-height: 20px; color: #8C8C8C; }
.book_reserve_order { margin-top: 5px; line-height: 20px; color: #8C8C8C; }
.book_favorite { position: absolute; left: 70px; bottom: 8px; *zoom: 1; }
.book_favorite:after { content: ""; display: block; clear: both; }
.book_favorite li { width: 40px; float: left; }
.book_favorite li p { height: 20px;	line-height: 18px; font-size: 15px; margin-left: 24px; }
.book_see { background: url(../img/seoul_icon/ico_see_120.png) no-repeat; margin-left: -45px; }
.book_love { background: url(../img/seoul_icon/ico_love_120.png) no-repeat; margin-right: 27px; margin-left: 18px; }
.book_owner_code{ margin-top: 1px; width: 54px !important; height: 18px; font-size: 12px; color: #787878; text-align: center; line-height: 18px; border-radius: 4px; background-color: #E6E6E6; }
.book_pub { position: absolute; right: 10px; bottom: 40px; height: 30px; margin-left: 5px; cursor: pointer; }
.book_pub img { float: right; width: 20px; height: 20px; margin: 4px 10px; }
.book_pub p { font-size: 14px; line-height: 28px; float: right; margin-right: 10px; }
.book_btn { position: absolute; left: 0; bottom: -3px; width: 220px; height: 50px; cursor: pointer; }
.book_btn button { margin: 5px 2px; float: right; width: 100px; height: 32px; color: white; }
.book_btn p { font-size: 18px; line-height: 50px; }
#btn_return{ background: url("../img/btn_red_off.png") no-repeat; }
#btn_extend{ background: url("../img/btn_blue_off.png") no-repeat; }
#btn_cancel{ margin: 3px 2px; float: right; width: 100px; height: 32px; color: white; background: url("../img/btn_check_search_off.png") no-repeat; }
#btn_return:HOVER{ background: url("../img/btn_red_on.png") no-repeat; }
#btn_extend:HOVER{ background: url("../img/btn_blue_on.png") no-repeat; }
#btn_cancel:HOVER { background: url("../img/btn_check_search_on.png") no-repeat; }

/* 인디케이터 배경 */
.pop_book_laoding_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; display: none; }

/* 상세보기 팝업  */
.pop_book_detail_wrap, .pop_main_notice_wrap, .pop_main_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; display: none; }
.pop_bg { position: fixed; width: 100%; height: 100%; background-color: #323232; opacity: 0.85; filter: alpha(opacity = 85); }
.pop_bg_blank{ position: fixed; width: 100%; height: 100%; background-color: #323232; opacity: 0.85; filter: alpha(opacity = 85); }
.pop_book_detail_content, .pop_main_notice_content{ position: relative; width: 700px; background-color: whitesmoke; margin: 0 auto; border: 1px solid #969696; border-radius: 8px; z-index: 100; }
.pop_main_content { position: relative; width: 700px; margin: 0 auto; border: 1px solid #969696; border-radius: 8px; z-index: 100; }
#btn_main_pop_close{ position: absolute; top: 12px; right: 18px; width: 18px; height: 18px; background: url('../img/book_detail/ico_close_off.png') no-repeat; cursor: pointer; }
#btn_main_pop_close:HOVER, #btn_close_pop:ACTIVE{ background: url('../img/book_detail/ico_close_on.png') no-repeat; }
.pop_book_detail_image { position: absolute; top: 25px; left: 25px; padding-bottom: 20px; }
.pop_book_detail_book { position: absolute; z-index: 10; width: 240px; height: 359px; border-radius: 8px; }
.pop_book_detail_shadow { position: absolute; top: 18px; left: 12px; opacity: 0.6; }
.pop_book_detail_title { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 700px; height: 140px; padding: 25px 25px 0 310px; background-color: #323232; opacity: 0.85; filter: alpha(opacity = 85); border-radius: 8px 8px 0 0; color: white; font-size: 0; line-height: 0; }
.pop_book_detail_title p { font-size: 26px; line-height: 26px; }
.pop_book_detail_title img { cursor: pointer; }
#pop_test{ overflow-y: scroll; overflow-x: hidden; top: 30px; height: 100%; }
.pop_book_detail_title_overlap { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 700px; height: 140px; padding: 25px 25px 0 310px; border-radius: 8px 8px 0 0; color: white; font-size: 0; line-height: 0; }
.pop_book_detail_title_overlap p { font-size: 20px; line-height: 26px; margin-top: 10px; width: 330px; }
.pop_book_detail_title_overlap img { cursor: pointer; }
.pop_book_detail_info { margin-top: 5px; padding-bottom: 20px; padding-left: 320px; border-bottom: 2px solid #eaeaea; background-color: white; font-size: 0; }
.pop_book_detail_info>p { font-size: 17px; color: #323232; }
.author_publisher { padding-top: 18px; }
.pop_book_detail_favorite { margin: 42px 0 0 -5px; font-size: 14px; color: #8C8C8C; }
.pop_book_detail_favorite li { width: 85px; height: 20px; text-align: right; }
.book_detail_see { background: url(../img/ico_book_see.png) no-repeat; }
.book_detail_love { background: url(../img/ico_book_love.png) no-repeat; }
.book_detail_see p, .book_detail_love p{ position: relative; bottom: -2px; }
.book_detail_list { background: url(../img/ico_book_list.png) no-repeat; }
#button_wrap { margin: 20px 0 33px -10px; }
.pop_book_detail_summary { padding: 25px 25px 37px 25px; font-size: 13px; line-height: 18px; color: #8C8C8C; height: 315px; overflow: auto; }
.pop_book_detail_summary p { margin-bottom: 23px; }
.book_introduce { margin: -5px 0 27px 4px !important; font-size: 22px; color: #323232; }
.author_introduce { margin: 76px 0 0 4px; font-size: 22px; color: #323232; }
.pop_book_detail_tab{ position: relative; width: 700px; height: 60px; background-color: #ffffff; z-index: 300; }
#path_wrap_detail { position: relative; width: 700px; z-index: 300; }
.book_detail_tab_shadow{ position: absolute; margin-top: -12px; width: 700px; z-index: 100; opacity: 0.5; }
#path_wrap_detail .tab_view_type_detail li { width: 16%; margin-right: 0; }
.tab_view_type_detail { width: 700px; height: 60px; font-size: 17px; text-align: center; color: #aaaaaa; line-height: 60px; }
.tab_view_type_detail li { width: 148px; height: 56px; float: left; cursor: pointer; margin: 0 12px; }
.tab_view_type_detail li a { color: #A0A0A0; }
.tab_view_type_detail li a:HOVER { color: #323232; }
.tab_view_type_detail .sel { border-bottom: 4px solid #ee3c50 !important; }
.fixed_body{ position: fixed; overflow-y: hidden; }

/*
 *  mypage
 */
#like_type { font-size: 0; line-height: 0; *zoom: 1; }
#like_type:after { content: ""; display: block; clear: both; }
#like_type button { margin-left: 55px; }
#like_type select { width: 180px; height: 32px; margin-right: 12px; border-radius: 6px; }
#main_menu { *zoom: 1; }
#main_menu:after { content: ""; display: block; clear: both; }
#main_menu button { position: absolute; right: 318px; }
#main_menu label { display: block; float: left; font-size: 14px; line-height: 30px; *zoom: 1; }
#main_menu label:after { content: ""; display: block; clear: both; }
#like_type { *zoom: 1; }
#like_type:memo_list { content: ""; display: block; clear: both; }
.mypage_label { font-size:  16px !important; font-family: 'Nanum Gothic'; line-height: 32px; margin-left: 15%; float: left; font-weight: bold; color: rgb(50, 50, 50); }

/*
 * aside 
 */
#btn_info { width: 56px; height: 56px; left: 40px; background: url("../img/ico_info_off.png") no-repeat; }
#btn_info:HOVER, #btn_info:ACTIVE { background: url("../img/ico_info_on.png") no-repeat; }
#btn_top { width: 56px; height: 56px; right: 40px; background: url("../img/ico_top_off.png") no-repeat; z-index: 50; }
#btn_top:HOVER, #btn_top:ACTIVE { background: url("../img/ico_top_on.png") no-repeat; }
.is_scroll_start{ position: fixed; bottom: 30px; cursor: pointer; }
.is_scroll_bottom{ position: fixed; bottom: 90px; cursor: pointer; }
.is_scroll_on{ position: fixed; bottom: 30px; cursor: pointer; }

/*
 * footer
 */
#footer { position: relative; width: 100%; min-width: 1180px; height: 60px; bottom: 0; color: white; text-align: center; z-index: 40; background-color: #666666; }
.copyright { height: 60px; font-size: 14px; line-height: 60px; margin-left: 70px; float: left; }
.eco_info { width: 400px; height: 60px; font-size: 16px; line-height: 60px; margin: 0 auto; }
.use_info { margin: 16px 85px 0 0; float: right; font-size: 12px; }
.use_info li { height: 25px; line-height: 25px; float: left; background-color: #424242; }
.use_info li a { color: white; }
.use_info li:HOVER a, .use_info li:ACTIVE a { color: #b4b4b4; }
.btn_info { width: 87px; margin-right: 12px; cursor: pointer; }
.btn_terms { width: 87px; margin-right: 12px; cursor: pointer; }
.btn_privacy { width: 111px; cursor: pointer; }

/*
 * common
 */
.hide { display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px; }
.bt_1_solid { border-top: 1px solid gainsboro; }
.br_1_solid { border-right: 1px solid gainsboro; }
.bb_1_solid { border-bottom: 1px solid gainsboro; }
.bl_1_solid { border-left: 1px solid gainsboro; }
.bb_1_dashed { border-bottom: 1px dashed #DCDCDC; }

/*
 * paging
 */
.paging { height: 24px; margin: 0 auto; text-align: center; font-size: 0; letter-spacing: -5px; }
.paging a:active { background-color: #b4b4b4; }
.paging .page_prev { display: inline-block; border: 1px solid white; background: gainsboro; margin: 0; width: 22px; height: 22px; font-size: 12px; overflow: hidden; line-height: 22px; vertical-align: middle; text-align: center; letter-spacing: 0; background-image: url("../img/btn_previous_off.png"); cursor: pointer; }
.page_prev:HOVER{ background-image: url("../img/btn_previous_on.png"); }
.paging .page_next { display: inline-block; border: 1px solid white; background: gainsboro; margin: 0; margin-left: -1px; width: 22px; height: 22px; font-size: 12px; overflow: hidden; line-height: 22px; vertical-align: middle; text-align: center; letter-spacing: 0; background-image: url("../img/btn_next_off.png"); cursor: pointer; }
.page_next:HOVER{ background-image: url("../img/btn_next_on.png"); }
.paging .page_on { display: inline-block; border: 1px solid white; background-color: #2d3246; margin: 0; margin-left: -1px; width: 22px; height: 22px; font-size: 12px; line-height: 22px; vertical-align: middle; color: white; text-align: center; letter-spacing: 0; }
.paging .page_off { display: inline-block; border: 1px solid white; background-color: gainsboro; margin: 0; margin-left: -1px; width: 22px; height: 22px; font-size: 12px; line-height: 22px; vertical-align: middle; text-align: center; letter-spacing: 0; cursor: pointer; }
.page_off{ background-color: #DCDCDC; }
.page_off:HOVER{ background-color: #B4B4B4; }
.page_on { background-color: #41465A; }

/* layout */
.fl { float: left; }
.fr { float: right; }

.absolute { position: absolute !important; }
.relative { position: relative !important; }

.top_0 { position: absolute !important; top: 0 !important; }
.top_5 { position: absolute !important; top: 5px !important; }
.top_10 { position: absolute !important; top: 10px !important; }
.top_15 { position: absolute !important; top: 15px !important; }
.top_20 { position: absolute !important; top: 20px !important; }
.top_25 { position: absolute !important; top: 25px !important; }
.top_30 { position: absolute !important; top: 30px !important; }
.top_35 { position: absolute !important; top: 35px !important; }
.top_40 { position: absolute !important; top: 40px !important; }
.top_45 { position: absolute !important; top: 45px !important; }
.top_50 { position: absolute !important; top: 50px !important; }
.top_55 { position: absolute !important; top: 55px !important; }
.top_60 { position: absolute !important; top: 60px !important; }
.top_65 { position: absolute !important; top: 65px !important; }
.top_70 { position: absolute !important; top: 70px !important; }
.top_75 { position: absolute !important; top: 75px !important; }
.top_80 { position: absolute !important; top: 80px !important; }
.top_85 { position: absolute !important; top: 85px !important; }
.top_90 { position: absolute !important; top: 90px !important; }
.top_95 { position: absolute !important; top: 95px !important; }
.top_100 { position: absolute !important; top: 100px !important; }

.right_0 { position: absolute !important; right: 0 !important; }
.right_5 { position: absolute !important; right: 5px !important; }
.right_10 { position: absolute !important; right: 10px !important; }
.right_15 { position: absolute !important; right: 15px !important; }
.right_20 { position: absolute !important; right: 20px !important; }
.right_25 { position: absolute !important; right: 25px !important; }
.right_30 { position: absolute !important; right: 30px !important; }
.right_35 { position: absolute !important; right: 35px !important; }
.right_40 { position: absolute !important; right: 40px !important; }
.right_45 { position: absolute !important; right: 45px !important; }
.right_50 { position: absolute !important; right: 50px !important; }
.right_55 { position: absolute !important; right: 55px !important; }
.right_60 { position: absolute !important; right: 60px !important; }
.right_65 { position: absolute !important; right: 65px !important; }
.right_70 { position: absolute !important; right: 70px !important; }
.right_75 { position: absolute !important; right: 75px !important; }
.right_80 { position: absolute !important; right: 80px !important; }
.right_85 { position: absolute !important; right: 85px !important; }
.right_90 { position: absolute !important; right: 90px !important; }
.right_95 { position: absolute !important; right: 95px !important; }
.right_100 { position: absolute !important; right: 100px !important; }

.bottom_0 { position: absolute !important; bottom: 0 !important; }
.bottom_5 { position: absolute !important; bottom: 5px !important; }
.bottom_10 { position: absolute !important; bottom: 10px !important; }
.bottom_15 { position: absolute !important; bottom: 15px !important; }
.bottom_20 { position: absolute !important; bottom: 20px !important; }
.bottom_25 { position: absolute !important; bottom: 25px !important; }
.bottom_30 { position: absolute !important; bottom: 30px !important; }
.bottom_35 { position: absolute !important; bottom: 35px !important; }
.bottom_40 { position: absolute !important; bottom: 40px !important; }
.bottom_45 { position: absolute !important; bottom: 45px !important; }
.bottom_50 { position: absolute !important; bottom: 50px !important; }
.bottom_55 { position: absolute !important; bottom: 55px !important; }
.bottom_60 { position: absolute !important; bottom: 60px !important; }
.bottom_65 { position: absolute !important; bottom: 65px !important; }
.bottom_70 { position: absolute !important; bottom: 70px !important; }
.bottom_75 { position: absolute !important; bottom: 75px !important; }
.bottom_80 { position: absolute !important; bottom: 80px !important; }
.bottom_85 { position: absolute !important; bottom: 85px !important; }
.bottom_90 { position: absolute !important; bottom: 90px !important; }
.bottom_95 { position: absolute !important; bottom: 95px !important; }
.bottom_100 { position: absolute !important; bottom: 100px !important; }

.left_0 { position: absolute !important; left: 0 !important; }
.left_5 { position: absolute !important; left: 5px !important; }
.left_10 { position: absolute !important; left: 10px !important; }
.left_15 { position: absolute !important; left: 15px !important; }
.left_20 { position: absolute !important; left: 20px !important; }
.left_25 { position: absolute !important; left: 25px !important; }
.left_30 { position: absolute !important; left: 30px !important; }
.left_35 { position: absolute !important; left: 35px !important; }
.left_40 { position: absolute !important; left: 40px !important; }
.left_45 { position: absolute !important; left: 45px !important; }
.left_50 { position: absolute !important; left: 50px !important; }
.left_55 { position: absolute !important; left: 55px !important; }
.left_60 { position: absolute !important; left: 60px !important; }
.left_65 { position: absolute !important; left: 65px !important; }
.left_70 { position: absolute !important; left: 70px !important; }
.left_75 { position: absolute !important; left: 75px !important; }
.left_80 { position: absolute !important; left: 80px !important; }
.left_85 { position: absolute !important; left: 85px !important; }
.left_90 { position: absolute !important; left: 90px !important; }
.left_95 { position: absolute !important; left: 95px !important; }
.left_100 { position: absolute !important; left: 100px !important; }

.fs_0 { font-size: 0 !important; }
.fs_10 { font-size: 10px !important; }
.fs_11 { font-size: 11px !important; }
.fs_12 { font-size: 12px !important; }
.fs_13 { font-size: 13px !important; }
.fs_14 { font-size: 14px !important; }
.fs_15 { font-size: 15px !important; }
.fs_16 { font-size: 16px !important; }
.fs_17 { font-size: 17px !important; }
.fs_18 { font-size: 18px !important; }
.fs_19 { font-size: 19px !important; }
.fs_20 { font-size: 20px !important; }
.fs_21 { font-size: 21px !important; }
.fs_22 { font-size: 22px !important; }
.fs_23 { font-size: 23px !important; }
.fs_24 { font-size: 24px !important; }
.fs_25 { font-size: 25px !important; }

.lh_1_2 { line-height: 1.2 !important; }
.lh_1_5 { line-height: 1.5 !important; }
.lh_10 { line-height: 10px !important; }
.lh_11 { line-height: 11px !important; }
.lh_12 { line-height: 12px !important; }
.lh_13 { line-height: 13px !important; }
.lh_14 { line-height: 14px !important; }
.lh_15 { line-height: 15px !important; }
.lh_16 { line-height: 16px !important; }
.lh_17 { line-height: 17px !important; }
.lh_18 { line-height: 18px !important; }
.lh_19 { line-height: 19px !important; }
.lh_20 { line-height: 20px !important; }
.lh_21 { line-height: 21px !important; }
.lh_22 { line-height: 22px !important; }
.lh_23 { line-height: 23px !important; }
.lh_24 { line-height: 24px !important; }

.bold { font-weight: bold !important; }

.t_l, .txt_left, .txt_l { text-align: left !important; }
.t_c, .txt_center, .txt_c { text-align: center !important; }
.t_r, .txt_right, .txt_r { text-align: right !important; }

.align_c { margin: 0 auto !important; }

.va_t { vertical-align: top !important; }
.va_m { vertical-align: middle !important; }
.va_b { vertical-align: bottom !important; }

.m_0 { margin: 0 !important; }
.m_1 { margin: 1px !important; }
.m_2 { margin: 2px !important; }
.m_3 { margin: 3px !important; }
.m_4 { margin: 4px !important; }
.m_5 { margin: 5px !important; }
.m_6 { margin: 6px !important; }
.m_7 { margin: 7px !important; }
.m_8 { margin: 8px !important; }
.m_9 { margin: 9px !important; }
.m_10 { margin: 10px !important; }
.m_15 { margin: 15px !important; }
.m_20 { margin: 20px !important; }
.m_25 { margin: 25px !important; }
.m_30 { margin: 30px !important; }
.m_35 { margin: 35px !important; }
.m_40 { margin: 40px !important; }
.m_45 { margin: 45px !important; }
.m_50 { margin: 50px !important; }
.m_55 { margin: 55px !important; }
.m_60 { margin: 60px !important; }
.m_65 { margin: 65px !important; }
.m_70 { margin: 70px !important; }
.m_75 { margin: 75px !important; }
.m_80 { margin: 80px !important; }
.m_85 { margin: 85px !important; }
.m_90 { margin: 90px !important; }
.m_95 { margin: 95px !important; }
.m_100 { margin: 100px !important; }

.mt_0 { margin-top: 0 !important; }
.mt_1 { margin-top: 1px !important; }
.mt_2 { margin-top: 2px !important; }
.mt_3 { margin-top: 3px !important; }
.mt_4 { margin-top: 4px !important; }
.mt_5 {	margin-top: 5px !important; }
.mt_6 { margin-top: 6px !important; }
.mt_7 { margin-top: 7px !important; }
.mt_8 { margin-top: 8px !important; }
.mt_9 { margin-top: 9px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_15 { margin-top: 15px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_25 { margin-top: 25px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_35 { margin-top: 35px !important; }
.mt_40 { margin-top: 40px !important; }
.mt_45 { margin-top: 45px !important; }
.mt_50 { margin-top: 50px !important; }
.mt_55 { margin-top: 55px !important; }
.mt_60 { margin-top: 60px !important; }
.mt_65 { margin-top: 65px !important; }
.mt_70 { margin-top: 70px !important; }
.mt_75 { margin-top: 75px !important; }
.mt_80 { margin-top: 80px !important; }
.mt_85 { margin-top: 85px !important; }
.mt_90 { margin-top: 90px !important; }
.mt_95 { margin-top: 95px !important; }
.mt_100 { margin-top: 100px !important; }

.mr_0 {	margin-right: 0 !important; }
.mr_1 { margin-right: 1px !important; }
.mr_2 { margin-right: 2px !important; }
.mr_3 { margin-right: 3px !important; }
.mr_4 { margin-right: 4px !important; }
.mr_5 { margin-right: 5px !important; }
.mr_6 { margin-right: 6px !important; }
.mr_7 { margin-right: 7px !important; }
.mr_8 { margin-right: 8px !important; }
.mr_9 { margin-right: 9px !important; }
.mr_10 { margin-right: 10px !important; }
.mr_12 { margin-right: 12px !important; }
.mr_15 { margin-right: 15px !important; }
.mr_20 { margin-right: 20px !important; }
.mr_25 { margin-right: 25px !important; }
.mr_30 { margin-right: 30px !important; }
.mr_35 { margin-right: 35px !important; }
.mr_40 { margin-right: 40px !important; }
.mr_45 { margin-right: 45px !important; }
.mr_50 { margin-right: 50px !important; }
.mr_55 { margin-right: 55px !important; }
.mr_60 { margin-right: 60px !important; }
.mr_65 { margin-right: 65px !important; }
.mr_70 { margin-right: 70px !important; }
.mr_75 { margin-right: 75px !important; }
.mr_80 { margin-right: 80px !important; }
.mr_85 { margin-right: 85px !important; }
.mr_90 { margin-right: 90px !important; }
.mr_95 { margin-right: 95px !important; }
.mr_100 { margin-right: 100px !important; }

.mb_0 {	margin-bottom: 0 !important; }
.mb_1 { margin-bottom: 1px !important; }
.mb_2 { margin-bottom: 2px !important; }
.mb_3 { margin-bottom: 3px !important; }
.mb_4 { margin-bottom: 4px !important; }
.mb_5 { margin-bottom: 5px !important; }
.mb_6 { margin-bottom: 6px !important; }
.mb_7 { margin-bottom: 7px !important; }
.mb_8 { margin-bottom: 8px !important; }
.mb_9 { margin-bottom: 9px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_45 { margin-bottom: 45px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mb_55 { margin-bottom: 55px !important; }
.mb_60 { margin-bottom: 60px !important; }
.mb_65 { margin-bottom: 65px !important; }
.mb_70 { margin-bottom: 70px !important; }
.mb_75 { margin-bottom: 75px !important; }
.mb_80 { margin-bottom: 80px !important; }
.mb_85 { margin-bottom: 85px !important; }
.mb_90 { margin-bottom: 90px !important; }
.mb_95 { margin-bottom: 95px !important; }
.mb_100 { margin-bottom: 100px !important; }

.ml_0 { margin-left: 0 !important; }
.ml_1 { margin-left: 1px !important; }
.ml_2 { margin-left: 2px !important; }
.ml_3 { margin-left: 3px !important; }
.ml_4 { margin-left: 4px !important; }
.ml_5 { margin-left: 5px !important; }
.ml_6 { margin-left: 6px !important; }
.ml_7 { margin-left: 7px !important; }
.ml_8 { margin-left: 8px !important; }
.ml_9 { margin-left: 9px !important; }
.ml_10 { margin-left: 10px !important; }
.ml_15 { margin-left: 15px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_25 { margin-left: 25px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_35 { margin-left: 35px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_45 { margin-left: 45px !important; }
.ml_50 { margin-left: 50px !important; }
.ml_55 { margin-left: 55px !important; }
.ml_60 { margin-left: 60px !important; }
.ml_65 { margin-left: 65px !important; }
.ml_70 { margin-left: 70px !important; }
.ml_75 { margin-left: 75px !important; }
.ml_80 { margin-left: 80px !important; }
.ml_85 { margin-left: 85px !important; }
.ml_90 { margin-left: 90px !important; }
.ml_95 { margin-left: 95px !important; }
.ml_100 { margin-left: 100px !important; }

.p_0 { padding: 0 !important; }
.p_1 { padding: 1px !important; }
.p_2 { padding: 2px !important; }
.p_3 { padding: 3px !important; }
.p_4 { padding: 4px !important; }
.p_5 { padding: 5px !important; }
.p_6 { padding: 6px !important; }
.p_7 { padding: 7px !important; }
.p_8 { padding: 8px !important; }
.p_9 { padding: 9px !important; }
.p_10 { padding: 10px !important; }
.p_15 { padding: 15px !important; }
.p_20 { padding: 20px !important; }
.p_25 { padding: 25px !important; }
.p_30 { padding: 30px !important; }
.p_35 { padding: 35px !important; }
.p_40 { padding: 40px !important; }
.p_45 { padding: 45px !important; }
.p_50 { padding: 50px !important; }
.p_55 { padding: 55px !important; }
.p_60 { padding: 60px !important; }
.p_65 { padding: 65px !important; }
.p_70 { padding: 70px !important; }
.p_75 { padding: 75px !important; }
.p_80 { padding: 80px !important; }
.p_85 { padding: 85px !important; }
.p_90 { padding: 90px !important; }
.p_95 { padding: 95px !important; }
.p_100 { padding: 100px !important; }

.pt_0 { padding-top: 0 !important; }
.pt_1 { padding-top: 1px !important; }
.pt_2 { padding-top: 2px !important; }
.pt_3 { padding-top: 3px !important; }
.pt_4 { padding-top: 4px !important; }
.pt_5 { padding-top: 5px !important; }
.pt_6 { padding-top: 6px !important; }
.pt_7 { padding-top: 7px !important; }
.pt_8 { padding-top: 8px !important; }
.pt_9 { padding-top: 9px !important; }
.pt_10 { padding-top: 10px !important; }
.pt_15 { padding-top: 15px !important; }
.pt_20 { padding-top: 20px !important; }
.pt_25 { padding-top: 25px !important; }
.pt_30 { padding-top: 30px !important; }
.pt_35 { padding-top: 35px !important; }
.pt_40 { padding-top: 40px !important; }
.pt_45 { padding-top: 45px !important; }
.pt_50 { padding-top: 50px !important; }
.pt_55 { padding-top: 55px !important; }
.pt_60 { padding-top: 60px !important; }
.pt_65 { padding-top: 65px !important; }
.pt_70 { padding-top: 70px !important; }
.pt_75 { padding-top: 75px !important; }
.pt_80 { padding-top: 80px !important; }
.pt_85 { padding-top: 85px !important; }
.pt_90 { padding-top: 90px !important; }
.pt_95 { padding-top: 95px !important; }
.pt_100 { padding-top: 100px !important; }

.pr_0 { padding-right: 0 !important; }
.pr_1 { padding-right: 1px !important; }
.pr_2 {	padding-right: 2px !important; }
.pr_3 { padding-right: 3px !important; }
.pr_4 { padding-right: 4px !important; }
.pr_5 { padding-right: 5px !important; }
.pr_6 { padding-right: 6px !important; }
.pr_7 { padding-right: 7px !important; }
.pr_8 { padding-right: 8px !important; }
.pr_9 { padding-right: 9px !important; }
.pr_10 { padding-right: 10px !important; }
.pr_15 { padding-right: 15px !important; }
.pr_20 { padding-right: 20px !important; }
.pr_25 { padding-right: 25px !important; }
.pr_30 { padding-right: 30px !important; }
.pr_35 { padding-right: 35px !important; }
.pr_40 { padding-right: 40px !important; }
.pr_45 { padding-right: 45px !important; }
.pr_50 { padding-right: 50px !important; }
.pr_55 { padding-right: 55px !important; }
.pr_60 { padding-right: 60px !important; }
.pr_65 { padding-right: 65px !important; }
.pr_70 { padding-right: 70px !important; }
.pr_75 { padding-right: 75px !important; }
.pr_80 { padding-right: 80px !important; }
.pr_85 { padding-right: 85px !important; }
.pr_90 { padding-right: 90px !important; }
.pr_95 { padding-right: 95px !important; }
.pr_100 { padding-right: 100px !important; }

.pb_0 { padding-bottom: 0 !important; }
.pb_1 { padding-bottom: 1px !important; }
.pb_2 { padding-bottom: 2px !important; }
.pb_3 { padding-bottom: 3px !important; }
.pb_4 { padding-bottom: 4px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pb_6 { padding-bottom: 6px !important; }
.pb_7 { padding-bottom: 7px !important; }
.pb_8 { padding-bottom: 8px !important; }
.pb_9 { padding-bottom: 9px !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_15 { padding-bottom: 15px !important; }
.pb_20 { padding-bottom: 20px !important; }
.pb_25 { padding-bottom: 25px !important; }
.pb_30 { padding-bottom: 30px !important; }
.pb_35 { padding-bottom: 35px !important; }
.pb_40 { padding-bottom: 40px !important; }
.pb_45 { padding-bottom: 45px !important; }
.pb_50 { padding-bottom: 50px !important; }
.pb_55 { padding-bottom: 55px !important; }
.pb_60 { padding-bottom: 60px !important; }
.pb_65 { padding-bottom: 65px !important; }
.pb_70 { padding-bottom: 70px !important; }
.pb_75 { padding-bottom: 75px !important; }
.pb_80 { padding-bottom: 80px !important; }
.pb_85 { padding-bottom: 85px !important; }
.pb_90 { padding-bottom: 90px !important; }
.pb_95 { padding-bottom: 95px !important; }
.pb_100 { padding-bottom: 100px !important; }
.pb_64{	padding-bottom: 63.5px !important; }

.pl_0 { padding-left: 0 !important; }
.pl_1 { padding-left: 1px !important; }
.pl_2 { padding-left: 2px !important; }
.pl_3 { padding-left: 3px !important; }
.pl_4 { padding-left: 4px !important; }
.pl_5 { padding-left: 5px !important; }
.pl_6 { padding-left: 6px !important; }
.pl_7 { padding-left: 7px !important; }
.pl_8 { padding-left: 8px !important; }
.pl_9 { padding-left: 9px !important; }
.pl_10 { padding-left: 10px !important; }
.pl_15 { padding-left: 15px !important; }
.pl_20 { padding-left: 20px !important; }
.pl_25 { padding-left: 25px !important; }
.pl_30 { padding-left: 30px !important; }
.pl_35 { padding-left: 35px !important; }
.pl_40 { padding-left: 40px !important; }
.pl_45 { padding-left: 45px !important; }
.pl_50 { padding-left: 50px !important; }
.pl_55 { padding-left: 55px !important; }
.pl_60 { padding-left: 60px !important; }
.pl_65 { padding-left: 65px !important; }
.pl_70 { padding-left: 70px !important; }
.pl_75 { padding-left: 75px !important; }
.pl_80 { padding-left: 80px !important; }
.pl_85 { padding-left: 85px !important; }
.pl_90 { padding-left: 90px !important; }
.pl_95 { padding-left: 95px !important; }
.pl_100 { padding-left: 100px !important; }

.w_0 { width: 0 !important; }
.w_1 { width: 1px !important; }
.w_2 { width: 2px !important; }
.w_3 { width: 3px !important; }
.w_4 { width: 4px !important; }
.w_5 { width: 5px !important; }
.w_6 { width: 6px !important; }
.w_7 { width: 7px !important; }
.w_8 { width: 8px !important; }
.w_9 { width: 9px !important; }
.w_10 { width: 10px !important; }
.w_15 { width: 15px !important; }
.w_20 { width: 20px !important; }
.w_25 { width: 25px !important; }
.w_30 { width: 30px !important; }
.w_35 { width: 35px !important; }
.w_40 { width: 40px !important; }
.w_45 { width: 45px !important; }
.w_50 { width: 50px !important; }
.w_55 { width: 55px !important; }
.w_60 { width: 60px !important; }
.w_65 { width: 65px !important; }
.w_70 { width: 70px !important; }
.w_75 { width: 75px !important; }
.w_80 { width: 80px !important; }
.w_85 { width: 85px !important; }
.w_90 { width: 90px !important; }
.w_95 { width: 95px !important; }
.w_100 { width: 100px !important; }
.w_110 { width: 110px !important; }
.w_120 { width: 120px !important; }
.w_130 { width: 130px !important; }
.w_140 { width: 140px !important; }
.w_150 { width: 150px !important; }
.w_160 { width: 160px !important; }
.w_170 { width: 170px !important; }
.w_180 { width: 180px !important; }
.w_190 { width: 190px !important; }
.w_200 { width: 200px !important; }
.w_210 { width: 210px !important; }
.w_220 { width: 220px !important; }
.w_230 { width: 230px !important; }
.w_240 { width: 240px !important; }
.w_250 { width: 250px !important; }
.w_260 { width: 260px !important; }
.w_270 { width: 270px !important; }
.w_280 { width: 280px !important; }
.w_290 { width: 290px !important; }
.w_300 { width: 300px !important; }
.w_310 { width: 310px !important; }
.w_320 { width: 320px !important; }
.w_330 { width: 330px !important; }
.w_340 { width: 340px !important; }
.w_350 { width: 350px !important; }
.w_360 { width: 360px !important; }
.w_370 { width: 370px !important; }
.w_380 { width: 380px !important; }
.w_390 { width: 390px !important; }
.w_400 { width: 400px !important; }
.w_410 { width: 410px !important; }
.w_420 { width: 420px !important; }
.w_430 { width: 430px !important; }
.w_440 { width: 440px !important; }
.w_450 { width: 450px !important; }
.w_460 { width: 460px !important; }
.w_470 { width: 470px !important; }
.w_480 { width: 480px !important; }
.w_490 { width: 490px !important; }
.w_500 { width: 500px !important; }
.w_550 { width: 550px !important; }
.w_600 { width: 600px !important; }
.w_650 { width: 650px !important; }
.w_700 { width: 700px !important; }
.w_750 { width: 750px !important; }
.w_800 { width: 800px !important; }
.w_850 { width: 850px !important; }
.w_900 { width: 900px !important; }
.w_950 { width: 950px !important; }
.w_1000 { width: 1000px !important; }
.w_135 { width: 135px !important; }

.h_0 { height: 0 !important; }
.h_1 { height: 1px !important; }
.h_2 { height: 2px !important; }
.h_3 { height: 3px !important; }
.h_4 { height: 4px !important; }
.h_5 { height: 5px !important; }
.h_6 { height: 6px !important; }
.h_7 { height: 7px !important; }
.h_8 { height: 8px !important; }
.h_9 { height: 9px !important; }
.h_10 { height: 10px !important; }
.h_11 { height: 11px !important; }
.h_12 { height: 12px !important; }
.h_13 { height: 13px !important; }
.h_14 { height: 14px !important; }
.h_15 { height: 15px !important; }
.h_16 { height: 16px !important; }
.h_17 { height: 17px !important; }
.h_18 { height: 18px !important; }
.h_19 { height: 19px !important; }
.h_20 { height: 20px !important; }
.h_21 { height: 21px !important; }
.h_22 { height: 22px !important; }
.h_23 { height: 23px !important; }
.h_24 { height: 24px !important; }
.h_25 { height: 25px !important; }
.h_26 { height: 26px !important; }
.h_27 { height: 27px !important; }
.h_28 { height: 28px !important; }
.h_29 { height: 29px !important; }
.h_30 { height: 30px !important; }
.h_31 { height: 31px !important; }
.h_32 { height: 32px !important; }
.h_33 { height: 33px !important; }
.h_34 { height: 34px !important; }
.h_35 { height: 35px !important; }
.h_36 { height: 36px !important; }
.h_37 { height: 37px !important; }
.h_38 { height: 38px !important; }
.h_39 { height: 39px !important; }
.h_40 {	height: 40px !important; }
.h_41 { height: 41px !important; }
.h_42 { height: 42px !important; }
.h_43 { height: 43px !important; }
.h_44 { height: 44px !important; }
.h_45 { height: 45px !important; }
.h_46 { height: 46px !important; }
.h_47 { height: 47px !important; }
.h_48 { height: 48px !important; }
.h_49 { height: 49px !important; }
.h_50 { height: 50px !important; }
.h_51 { height: 51px !important; }
.h_52 { height: 52px !important; }
.h_53 { height: 53px !important; }
.h_54 { height: 54px !important; }
.h_55 { height: 55px !important; }
.h_56 { height: 56px !important; }
.h_57 { height: 57px !important; }
.h_58 { height: 58px !important; }
.h_59 { height: 59px !important; }
.h_60 { height: 60px !important; }
.h_61 { height: 61px !important; }
.h_62 { height: 62px !important; }
.h_63 { height: 63px !important; }
.h_64 { height: 64px !important; }
.h_65 { height: 65px !important; }
.h_66 { height: 66px !important; }
.h_67 { height: 67px !important; }
.h_68 { height: 68px !important; }
.h_69 { height: 69px !important; }
.h_70 { height: 70px !important; }
.h_71 { height: 71px !important; }
.h_72 { height: 72px !important; }
.h_73 { height: 73px !important; }
.h_74 { height: 74px !important; }
.h_75 { height: 75px !important; }
.h_76 { height: 76px !important; }
.h_77 { height: 77px !important; }
.h_78 { height: 78px !important; }
.h_79 { height: 79px !important; }
.h_80 { height: 80px !important; }
.h_81 { height: 81px !important; }
.h_82 { height: 82px !important; }
.h_83 { height: 83px !important; }
.h_84 { height: 84px !important; }
.h_85 { height: 85px !important; }
.h_86 { height: 86px !important; }
.h_87 { height: 87px !important; }
.h_88 { height: 88px !important; }
.h_89 { height: 89px !important; }
.h_90 { height: 90px !important; }
.h_91 { height: 91px !important; }
.h_92 { height: 92px !important; }
.h_93 { height: 93px !important; }
.h_94 { height: 94px !important; }
.h_95 { height: 95px !important; }
.h_96 { height: 96px !important; }
.h_97 { height: 97px !important; }
.h_98 { height: 98px !important; }
.h_99 { height: 99px !important; }
.h_100 { height: 100px !important; }
.h_110 { height: 110px !important; }
.h_120 { height: 120px !important; }
.h_130 { height: 130px !important; }
.h_140 { height: 140px !important; }
.h_150 { height: 150px !important; }
.h_160 { height: 160px !important; }
.h_170 { height: 170px !important; }
.h_180 { height: 180px !important; }
.h_190 { height: 190px !important; }
.h_200 { height: 200px !important; }

/*
 * alert
 */
/* layer popup */
.pop_bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.5; filter: alpha(opacity = 50); z-index: 100; }

/* msg layer popup */
.pop_infomsg { position: absolute; left: 0; padding: 25px 0; width: 100%; color: white; text-align: center; background-color: #262626; z-index: 1000; }
.pop_infomsg p { margin-bottom: 12px; line-height: 1.5; }
.pop_infomsg .btn_infomsgok { width: 80px; height: 24px; font-size: 12px; }
.pop_infomsg .btn_infomsgok:focus { outline: 1px dotted white; }
.pop_infomsg .ico_square_txt { font-size: 13px; text-align: left; margin: 0; line-height: 1.2; margin-bottom: 8px; }
.pop_infomsg .btn_exit { position: absolute; right: 20px; top: 14px; width: 20px; height: 20px; }
.pop_infomsg .btn_exit:focus { outline: 1px dotted white; }

/* 메인화면 공지사항 */
.main_notice{ margin: 0 auto; height: 104px; width: 1182px; background: url("../img/notice/bg_notice_1240.png") no-repeat; }
.main_notice_ico_box{ float: left; width: 150px; height: 104px; }
.main_notice_ico_box img{ padding-top: 12px; padding-left: 24px; }
.main_notice_ico_box a{ float: right; margin-right: 27px; margin-top: 13px; color: #969696; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 13px; cursor: pointer; }
.main_notice_list{ width: 1032px; height: 104px; position: relative; margin-left: 150px; }
.main_notice_list ul{ padding: 24px; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 13px; color: #787878; }
.main_notice_list ul li:BEFORE{ content: "●"; padding-right: 8px; }
.main_notice_list ul li{ height: 28px; cursor: pointer; }

/*
 * media 
 */
@media screen and (max-width: 1700px) {
	.lnb_list { width: 1000px; }
	.move .lnb_list { width: 1000px; }
	.lnb_new_off h2 { 
		/* background: url(../img/ico_lnb_new_off.png) no-repeat; */
		/* background: url(../img/ico_lnb_all_off.png) no-repeat; */
		/* background: url(../img/menu_korean/ico_lnb_all_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_new_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_new_on h2 {
		/* background: url(../img/ico_lnb_new_on.png) no-repeat; */
		/* background: url(../img/ico_lnb_all_on.png) no-repeat; */
		/* background: url(../img/menu_korean/ico_lnb_all_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_new_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.lnb_new_mouse h2 {
		/* background: url(../img/ico_lnb_new_mouse.png) no-repeat; */
		/* background: url(../img/ico_lnb_all_mouse.png) no-repeat; */
		/* background: url(../img/menu_korean/ico_lnb_all_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_new_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_best_off h2 {
		/* background: url(../img/ico_lnb_best_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_best_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_best_on h2 {
		/* background: url(../img/ico_lnb_best_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_best_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.lnb_best_mouse h2 {
		/* background: url(../img/ico_lnb_best_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_best_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_recommend_off h2 {
		/* background: url(../img/ico_lnb_recommend_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_recommend_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_recommend_on h2 {
		/* background: url(../img/ico_lnb_recommend_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_recommend_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.lnb_recommend_mouse h2 {
		/* background: url(../img/ico_lnb_recommend_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_recommend_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_mypage_off h2 {
		/* background: url(../img/ico_lnb_mypage_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_mypage_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.lnb_mypage_on h2 {
		/* background: url(../img/ico_lnb_mypage_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_mypage_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.lnb_mypage_mouse h2 {
		/* background: url(../img/ico_lnb_mypage_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_lnb_mypage_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_new_off h2 {
		/* background: url(../img/ico_move_lnb_new_off.png) no-repeat; */
		/* background: url(../img/ico_move_lnb_all_off.png) no-repeat; */
		/* background: url(../img/menu_korean/ico_move_lnb_all_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_new_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_new_on h2 {
		/* background: url(../img/ico_move_lnb_new_on.png) no-repeat; */
		/* background: url(../img/ico_move_lnb_all_on.png) no-repeat; */
		/* background: url(../img/menu_korean/ico_move_lnb_all_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_new_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.move .lnb_new_mouse h2 {
		/* background: url(../img/ico_move_lnb_new_mouse.png) no-repeat; */
		/* background: url(../img/ico_move_lnb_all_mouse.png) no-repeat; */
		/* background: url(../img/menu_korean/ico_move_lnb_all_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_new_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_best_off h2 {
		/* background: url(../img/ico_move_lnb_best_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_best_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_best_on h2 {
		/* background: url(../img/ico_move_lnb_best_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_best_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.move .lnb_best_mouse h2 {
		/* background: url(../img/ico_move_lnb_best_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_best_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_recommend_off h2 {
		/* background: url(../img/ico_move_lnb_recommend_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_recommend_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_recommend_on h2 {
		/* background: url(../img/ico_move_lnb_recommend_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_recommend_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.move .lnb_recommend_mouse h2 {
		/* background: url(../img/ico_move_lnb_recommend_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_recommend_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_mypage_off h2 {
		/* background: url(../img/ico_move_lnb_mypage_off.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_mypage_off.png) no-repeat;
		background-position: 50% 50%;
	}
	.move .lnb_mypage_on h2 {
		/* background: url(../img/ico_move_lnb_mypage_on.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_mypage_on.png) no-repeat;
		background-position: 50% 50% !important;
	}
	.move .lnb_mypage_mouse h2 {
		/* background: url(../img/ico_move_lnb_mypage_mouse.png) no-repeat; */
		background: url(../img/menu_korean/ico_move_lnb_mypage_mouse.png) no-repeat;
		background-position: 50% 50%;
	}
	
	#path_wrap { width: 998px; }
	#path_wrap .path_now { width: 246px; }
	#category_detail_wrap { width: 998px; }
	#snb { width: 998px; }
	.snb_list { width: 900px; }
	#content_wrap { width: 998px; }
	.book_list { width: 960px; }
	.like_type_box { margin-left: 260px !important; }
	#like_type button { margin-left: 30px; }
	#main_menu button { right: 252px; }
	.like_type_title { font-size: 15px; line-height: 12px; margin-left: 195px !important; margin-bottom: 10px; color: #323232; }
	.like_type_title span { margin-left: 16.5% !important; }
	.tab_sort { position: relative; float: right; margin: 0 auto; left: 1px; padding: 11px 0 11px 0; width: 998px; height: 17px; line-height: 14px; font-size: 14px; color: #A0A0A0; background-color: white; z-index: 10; }
	.tab_sort_history { position: relative; height: 14px; padding: 11px 14px 0 0; font-size: 14px; line-height: 14px; color: #A0A0A0; background-color: white; z-index: 10; }

	/* 메인화면 공지사항 */
	.main_notice{ margin: 0 auto; height: 104px; width: 942px; background: url("../img/notice/bg_notice.png") no-repeat; }
	.main_notice_ico_box{ float: left; width: 150px; height: 104px; }
	.main_notice_ico_box img{ padding-top: 12px; padding-left: 24px; }
	.main_notice_ico_box a{ float: right; margin-right: 27px; margin-top: 13px; color: #969696; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 13px; cursor: pointer; }
	.main_notice_list{ width: 792px; height: 104px; position: relative; margin-left: 150px; }
	.main_notice_list ul{ padding: 24px; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 13px; color: #787878; }
	.main_notice_list ul li:BEFORE{ content: "●"; padding-right: 8px; }
	.main_notice_list ul li{ height: 28px; cursor: pointer; }
	#memo_width{ width: 590px !important; margin-left: 260px !important; }
}

#memo_width{ width: 690px; margin-left: 360px; }

/* button */
#btn_search { width: 18px; height: 18px; margin: 15px 0 0 10px; font-size: 0; line-height: 0; background: url(../img/ico_search.png) no-repeat; }
#btn_category_close { height: 50px; margin-left: 180px; background: url(../img/ico_side_menu_close_off.png) no-repeat; cursor: pointer; }
#btn_category_close:HOVER, #btn_category_close:ACTIVE { background: url(../img/ico_side_menu_close_on.png) no-repeat; }
#btn_category_open { width: 50px; height: 50px; background-image: url(../img/ico_category_off.png); }
#btn_category_open:hover { background-image: url(../img/ico_category_on.png); }
.btn_red { width: 120px; height: 40px; font-size: 16px; border-radius: 6px; background-color: #f06964; color: white; }
.btn_green { width: 120px; height: 40px; font-size: 16px; border-radius: 6px; background-color: #5ac2b9; color: white; }
.btn_blue { width: 100px; height: 32px; font-size: 16px; border-radius: 6px; background-color: #649ec6; color: white; }
.btn_blue:active, .btn_blue:HOVER { width: 100px; height: 32px; font-size: 16px; border-radius: 6px; background-color: #5087af; color: white; }
.btn_gray { width: 100px; height: 32px; font-size: 16px; border-radius: 6px; background-color: #c8c8c8; color: white; }
.btn_gray:active, .btn_gray:HOVER { width: 100px; height: 32px; font-size: 16px; border-radius: 6px; background-color: #b4b4b4; color: white; }
#btn_loan, #btn_reserve, #btn_read, #btn_unuseable { margin-right: 14px; }
#btn_type_add { margin-left: 16px !important; }
#btn_more { width: 690px; height: 46px; margin: 0 auto; font-size: 0; line-height: 0; display: block; background-image: url(../img/btn_more_off.png); }
#btn_more:active { width: 690px; height: 46px; margin: 0 auto; font-size: 0; line-height: 0; display: block; background-image: url(../img/btn_more_on.png); }

/* table */
.tbl_memo_list { width: 100%; }
.tbl_memo_list th { height: 40px; font-size: 13px; }
.tbl_memo_list tbody { font-size: 12px; color: #8C8C8C; }
.tbl_memo_list td { vertical-align: middle; line-height: 20px; padding: 12px 5px; }
.memo_message { display: inline-block; word-break: break-all; }
.tbl_memo_list th, .tbl_bb_2 tr { border-bottom: 2px solid white; }
#memo_body b{ font-weight: bold; }
table { width: 910px; }
table th { height: 40px; background: gainsboro; vertical-align: middle; }
table .odd { background: #fafafa; vertical-align: middle; text-align: center; }
table .even { background: #f2f2f2; vertical-align: middle; text-align: center; }

/* box */
.box { position: relative; *zoom: 1; }
.box:after { content: ""; display: block; clear: both; }
.like_type_box { margin-left: 380px; }

/* input */
.checkbox { position: absolute; left: -9999px; }
table .checkbox_img { margin: 0 auto; }
.checkbox_img { display: block; width: 16px; height: 16px; background: url(../img/bg_checkbox_off.png) no-repeat 0 50%; display: block; overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px; }
.checkbox_img.on { width: 16px; height: 16px; background-color: #649ec6 !important; background: url(../img/bg_checkbox_on.png) no-repeat 0 50%; }
.selectbox { position: relative; width: 163px; height: 30px; padding-left: 15px; line-height: 32px; font-size: 13px; border: 1px solid #c8c8c8; border-radius: 5px; background: url(../img/ico_selectbox_off.png) no-repeat 160px 50%; background-size: 10px; cursor: pointer; }
.selectbox_sel { display: block; }
.selectbox_list { position: absolute; width: 180px; top: 32px; left: -1px; z-index: 20; color: #A0A0A0; display: none; }
.selectbox_list ul { margin-top: -5px; padding-top: 5px; background-color: white; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-radius: 0 0 6px 6px; }
.selectbox_list li { height: 32px; margin: 0 3px 3px 3px; padding-left: 12px; cursor: pointer; }
.selectbox_list li:hover { color: white; background-color: #649ec6; }
.selectbox_list .sel { display: none; }
.underline_mypage_path { border-bottom:4px solid steelblue !important }
.underline_info_path{ border-bottom:4px solid #EE3C50 !important }

/* mypage  */
.slash_bar{ color: rgb(160, 160, 160); }
.tab_view_type li a{ color: rgb(160, 160, 160); }
.tab_view_type li a:HOVER{ color: rgb(50, 50, 50); }

/* info */
/* 대출정책 */
.tbl_policy_list { width: 100%; }
.tbl_policy_list thead tr th { height: 40px; width: 620px; font-size: 20px; text-align: center; font-weight: 900; color: rgb(50, 50, 50); background-color: rgb(220, 220, 220); }
.tbl_policy_list tbody { font-size: 12px; }
.tbl_policy_list tr { height: 40px; width: 308px; vertical-align: middle; text-align: center; overflow: hidden; white-space: nowrap; border: solid 1px white; }
.tbl_policy_td_odd td { background: #fafafa; vertical-align: middle; text-align: center; border-right: solid 2px white; color: rgb(72, 72, 72); }
.tbl_policy_td_even td { background: #f0f0f0; vertical-align: middle; text-align: center; border-right: solid 2px white; color: rgb(72, 72, 72); }

/* 사이트이용안내 */
.info_label { font-size: 16px !important; font-family: 'Nanum Gothic'; line-height: 32px; margin-left: 150px; float: left; font: bold; color: rgb(50, 50, 50); }
.info_box { position: relative; font-size: 13px; background-size: 10px; *zoom: 1; margin-left: 380px; }
.info_box ol { list-style: decimal; line-height: 35px; }
.info_box ol ul { list-style: disc; line-height: 35px; }
.info_box ol ul li { line-height: 35px; list-style-position: inside; }
.h_100p{ min-height: 800px; height: 100%; }

/* NOTICE & FAQ */
.search_faq_form, .search_notice_form{ position: relative; width: 560px; height: 30px; margin: 50px auto; }
.search_faq_bar, .search_notice_bar{ width: 520px; height: 30px; background: url(../img/bg_searchbar_faq_off.png) no-repeat; }
#search_faq_word, #search_notice_word{ position: relative; width: 500px; height: 25px; margin: 2px 12px; background-color: #f5f5f5; padding: 0; border: 0; outline: none; font-size: 13px; }
#btn_search_faq, #btn_search_notice{ float: right; width: 35px; height: 30px; background: url(../img/btn_search_qna_off.png) no-repeat 50%; font-size: 0; line-height: 0; margin: -29px -35px; border-radius: 0px 8px 8px 0px; }
.faq_list_wrap, .notice_list_wrap{ margin: 0 auto; width: 100%; }
.faq_tab_menu ul{ list-style-type: none; width: 900px; height: 40px; margin: 0 auto; background-color: rgb(120, 120, 120); }
.faq_tab_menu ul li{ display: inline; float: left; width: 200px; height: 40px; font-family: '나눔고딕', 'Nanum Gothic' !important; color: white; cursor: pointer; }
.faq_tab_menu ul li a{ float: inherit; width: 200px; margin: 20px auto; font-size: 20px; text-decoration: none; text-align: center; }
.faq_tab_menu ul li a:HOVER{ color: white; }
.tab_using_on, .tab_sys_on{ background-color: rgb(240, 105, 100); }
.tab_sys_off, .tab_using_off{ background-color: rgb(100, 100, 100); }
.tab_using_on a, .tab_sys_on a{ outline: 0; }
.tab_using:after, .tab_sys:after{ content: ""; display: block; clear: both; }

/* table */
.tbl_faq_list, .tbl_notice_list { width: 900px; margin: 0 auto; }
.tbl_faq_list th, .tbl_notice_list th { height: 40px; font-size: 13px; }
.tbl_faq_list tbody, .tbl_notice_list tbody { font-size: 12px; color: #8C8C8C; }
.tbl_faq_list td, .tbl_faq_list_td { height: 40px; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.tbl_notice_list td, .tbl_notice_list_td { vertical-align: middle; line-height: 16px; padding: 10px 5px; }
.notice_msg { float: left; display: inline-block; word-break: break-all;}
.tbl_faq_list th, .tbl_bb_2 tr, .tbl_notice_list th { border-bottom: 2px solid white; }
.align_l{ text-align: left; }
.has_content{ cursor: pointer; }

table { width: 910px; }
table th {height: 40px; background: gainsboro; vertical-align: middle; }
table .odd { background: #fafafa; vertical-align: middle; text-align: center; }
table .even { background: #f2f2f2; vertical-align: middle; text-align: center; }
.answer_content, .notice_content{ display: none; }
.answer_box span{ width: 10px; height: 10px; background-color: rgb(240, 105, 100); padding: 1px 3px; margin-right: 10px; color: white; }

/* 개인정보보호정책 */
.privacy_label { font-size: 16px !important; font-family: 'Nanum Gothic'; line-height: 32px; margin-left: 150px; float: left; font: bold; color: rgb(50, 50, 50); }
.privacy_box { position: relative; font-size: 13px; background-size: 10px; *zoom: 1; margin-left: 380px; padding-right: 80px; }
.privacy_box ol { font-size: 15px; list-style: decimal; line-height: 35px; }
.privacy_conent, .privacy_box ol li span, .privacy_box ol li ul{ color: #828282; }
.privacy_box ol ul { list-style: disc; line-height: 35px; }
.privacy_box ol ul li { line-height: 35px; list-style-position: inside; }
.list_style_none{ list-style: none; }
.fs_p100{ font-size: 13px; }

/* 대출이력 화면 */
.sort_history{ margin-right: 85px; }
.tbl_history_list { margin: 0 auto; width: 960px; }
.tbl_history_list thead tr th { height: 40px; font-size: 14px; }
.tbl_history_list tbody { font-size: 12px; color: #8C8C8C; }
.tbl_history_list td { height: 40px; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.tbl_history_list th, .tbl_history_bb_2 tr { border-bottom: 1px solid whitesmoke; }
.history_content_detail{ margin: -4px 20px; width: 100%; }
.history_content_detail:AFTER{ content: ""; display: block; clear: both; }
.history_no{ text-align: center; font-size: 15px; }
.history_thumbnail{ float: left; margin-top: 12px; width: 70px; height: 100px; }
.history_titles{ float: left; margin: 30px 10px; width: 430px; }
.history_title{ font-size: 18px; color: #323232; font-weight: bold; }
.history_author{ position: relative; float: left; margin-top: 21px; }
.history_type, .history_isbn, .history_contents_type{ margin-top: 20px; font-size: 13px; }
.history_dates{ margin: 0 auto; width: 100%; }
.history_rental{ font-size: 15px; margin: 0 0 10px 40px; }
.history_return{ font-size: 15px; margin: 30px 0 0 40px; }
.tab_sort_history { position: relative; height: 14px; padding: 11px 54px 0 0; font-size: 14px; line-height: 14px; color: #A0A0A0; background-color: white; z-index: 10; *zoom: 1; }
.tab_sort_history:after { content: ""; display: block; clear: both; }
.tab_sort_history li { padding: 0 12px; float: right; cursor: pointer; }

/* 중분류/대분류 카테고리 선택 */
.snb_list li h4 a.m_sel_off, .snb_list li h4 a.l_sel_off { color: #A0A0A0; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 14px; }
.snb_list li h4 a.m_sel_on, .snb_list li h4 a.m_sel_off:HOVER, .snb_list li h4 a.m_sel_off:ACTIVE, .snb_list li h4 a.l_sel_off:HOVER, .snb_list li h4 a.l_sel_off:ACTIVE { color: #323232; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 14px; }
.bar{ font-size: 18px; margin: 0 10px 10px; }

/* info - 뷰어안내 */
.viewer_guide_list{ width: 900px; height: 40px; margin: 60px auto 0; }
.viewer_guide_list li { display: inline; float: left; width: 112.5px; color: white; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 16px; text-align: center; line-height: 40px; cursor: pointer; }
.viewer_guide_list li:nth-child(2n){ background-color: #787878; }
.viewer_guide_list li:nth-child(2n+1){ background-color: #6E6E6E; }
.viewer_guide_list li:HOVER, .viewer_guide_list li:ACTIVE{ background-color: #F06964; }
.viewer_guide_list li.sel{ background-color: #F06964; }
#guide_contents{ margin: 50px auto 0; width: 900px; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 20px; color: #828282; text-align: center; }
#guide_contents h1 span{ font-weight: bold; color: red; }
#guide_contents div{ margin-top: 100px; }
#guide_contents div a { color: red; font-weight: bold; }
.pc_viewer_btn{    background: url('../img/guide/viewer-download-off.png') no-repeat; width: 320px; height: 70px; margin: 100px auto 0; cursor: pointer; }
.pc_viewer_btn:HOVER, .pc_viewer_btn:ACTIVE { background: url('../img/guide/viewer-download-on.png') no-repeat; }
.pc_viewer_chk_btn{ background: url('../img/guide/btn_red_off.png') no-repeat; width: 120px; height: 40px; margin: 100px auto 0; cursor: pointer; }
.pc_viewer_chk_btn:HOVER, .pc_viewer_chk_btn:ACTIVE { background: url('../img/guide/btn_red_on.png') no-repeat; }
.pc_viewer_chk_btn p{ padding-top: 20px; color: white; font-size: 15px; }
.hide_guide{ display: none; }
.viewer_download_guide { margin-left: 112px; }
.viewer_download_title { font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 22px; color: #a0a0a0; text-align: left; }
.viewer_download_desc { margin-top: 35px; margin-left: 7px; text-align: left; color: #323232; font-size: 16px; font-family: '나눔고딕', 'Nanum Gothic' !important; }
.viewer_download_desc:before { content: "●"; padding-right: 20px; color: #a0a0a0; font-size: 16px; font-family: '나눔고딕', 'Nanum Gothic' !important; }
.viewer_download_btn { width: 256px; height: 52px; background-color: #5a5a5a; color: white; font-weight: bold; font-size: 16px; line-height: 52px; border-radius: 10px; margin-left: 40px; cursor: pointer; }
.viewer_download_btn:hover, .viewer_download_btn:active{ background-color: #3c3c3c; }
.viewer_desc { color: #828282; text-align: center; font-size: 20px; font-family: '나눔고딕', 'Nanum Gothic' !important; margin-top: 50px; }
.viewer_desc_link {color: red !important; font-weight: bold; }

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.tab_sort { position: relative; float: right; margin: 0 auto; left: 1px; padding: 11px 14px 11px 0; width: 1224px;height: 14px; line-height: 14px; font-size: 14px; color: #A0A0A0; background-color: white; z-index: 10; }
}

/* 카테고리/출판사 - 정렬옵션 영역 조정(작은화면/크롬) */
@media screen and (max-width: 1700px) and (-webkit-min-device-pixel-ratio:0){
	.tab_sort { position: relative; float: right; margin: 0 auto; left: 1px; padding: 11px 14px 11px 0; width: 984px; height: 14px; line-height: 14px; font-size: 14px; color: #A0A0A0; background-color: white; z-index: 10; }
}

/* 내서재-대출중인도서 */
.ico_readbook { position: absolute; right: 10px; bottom: 15px; width: 70px !important; height: 26px !important; cursor: pointer; }
.ico_readbook:HOVER, .ico_readbook:ACTIVE { background: url('../img/ico_readbook_on.png') no-repeat; }
.loading{ position: fixed; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 300; }
.loading img{ margin: 478px 0 0 895px; width: 16px; height: 16px; z-index: 500; }
.no_result{ padding: 55px 0 0 12px !important; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 30px; color: #828282; text-align: center; }
.no_result_img{ padding: 140px 0 0 0; text-align: center;sss }

/* 상세팝업 sns 버튼 위치 조정 */
.sns_btn{ position: absolute; bottom: 15px; right: 15px; filter: alpha(opacity = 100); opacity: 1.0; }
.sns_btn img{ filter: alpha(opacity = 100); opacity: 1.0; }
/* 상세팝업 책소개, 작가소개 행간 수정 */
.book_detail_content{ line-height: 25px; }
/* 항상 스크롤이 표시되도록 수정*/
body { overflow-y: scroll; }
/* 검색바 - 컨텐츠종류 셀렉트박스 추가 */
.search_contents_type_wrap{ position: absolute; top: 10px; left: -106px; width: 100px; height: 30px; background: url(../img/search/bg_select_button_b.png) no-repeat; cursor: pointer; }
.search_contents_type { position: absolute; top: 9px; left: 16px; width: 90px; background: url(../img/search/ico_search_type_list_off.png) no-repeat 65px 50%; font-size: 13px; color: white; cursor: pointer; }
.search_contents_type:hover { color: white; }
.search_contents_type_list { position: absolute; top: 38px; left: -106px; width: 100px; height: 30px; font-size: 12px; z-index: 20; color: #878787; display: none; }
.search_contents_type_list ul { margin-top: -5px; padding: 15px 0 0 12px; border-radius: 0 0 10px 10px; background-color: #464646; }
.search_contents_type_list li { padding-bottom: 15px; cursor: pointer; }
.search_contents_type_list li:hover { color: white; }

/* 콘텐츠타입 사이드 메뉴 */
.contents_type_menu { position: absolute; height: 300px; width: 50px; z-index: 100; top: 33px; right: -50px; }
.contents_type_menu div { margin-bottom: 5px; width: 40px; height: 58px; cursor: pointer; }
.contents_type_menu .main { margin-bottom: 5px; width: 40px; height: 78px; cursor: pointer; }
/* .contents_type_sel_off { padding-top: 52px; color: white; font-size: 13px; text-align: center; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.contents_type_sel_on { padding-top: 52px; color: white; font-size: 13px; text-align: center; } */
.contents_type_sel_off { padding-top: 52px; color: white; font-size: 13px; text-align: center; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
.contents_type_sel_on, .contents_type_sel_off:HOVER, .contents_type_sel_off:ACTIVE { padding-top: 52px; color: white; font-size: 13px; text-align: center; zoom: 1; filter: alpha(opacity=100); opacity: 1; }
.contents_type_disabled{ padding-top: 42px; color: white; font-size: 13px; text-align: center; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; cursor: default; }
.audio_off{ background-image: url("../img/sidemenu/contents/bg_contents_audio_off.png"); }
.audio_on{ background-image: url("../img/sidemenu/contents/bg_contents_audio_on.png"); }
.vod_off{ background-image: url("../img/sidemenu/contents/bg_contents_vod_off.png"); }
.vod_on{ background-image: url("../img/sidemenu/contents/bg_contents_vod_on.png"); }
.kids_off{ background-image: url("../img/sidemenu/contents/bg_contents_kids_off.png"); }
.kids_on{ background-image: url("../img/sidemenu/contents/bg_contents_kids_on.png"); }
.ebook_off{ background-image: url("../img/sidemenu/contents/bg_contents_ebook_off.png"); }
.ebook_on{ background-image: url("../img/sidemenu/contents/bg_contents_ebook_on.png"); }
.elearning_off{ background-image: url("../img/sidemenu/contents/bg_contents_elearning_off.png"); }
.elearning_on{background-image: url("../img/sidemenu/contents/bg_contents_elearning_on.png"); }
.ico_notice{ cursor: pointer; background-image: url("../img/quick/ico_notice_0_off.png"); }
.ico_notice:HOVER, .ico_notice:ACTIVE{ background-image: url("../img/quick/ico_notice_0_on.png"); } 
.ico_viewer{ cursor: pointer; background-image: url("../img/quick/ico_viewer_0_off.png"); }
.ico_viewer:HOVER, .ico_viewer:ACTIVE{ background-image: url("../img/quick/ico_viewer_0_on.png"); } 
.ico_home{ cursor: pointer; background-image: url("../img/quick/ico_home_0_off.png"); }
.ico_home:HOVER, .ico_home:ACTIVE{ background-image: url("../img/quick/ico_home_0_on.png"); } 
.ico_category{ cursor: pointer; background-image: url("../img/quick/ico_category_0_off.png"); }
.ico_category:HOVER, .ico_category:ACTIVE{ background-image: url("../img/quick/ico_category_0_on.png"); } 

/* 대출이력 : 리스트 스타일 추가, 유통사 정보 추가*/
.history_even{ background-color: #F2F2F2; }
.history_auth_cp{ font-size: 13px; margin-bottom: -7px; margin-top: 10px; }
.history_auth_cp:AFTER{	content: ""; display: block; clear: both; }
/* .history_cp{ position: relative; float: left; top: 7px; left: 10px; width: 74px; height: 28px; background-image: url("../img/ico_cp_bg.png"); background-repeat: no-repeat; }
.history_cp p{ padding-top: 13px; margin-left: 24px; } */
.history_cp{ position: relative; float: left; width: 74px; height: 20px; margin: 10px 5px 2px; font-size: 12px; text-align: center; line-height: 20px; border-radius: 4px; background-color: #6b8498; color: #ffffff; }

/* 유통사표시 */
.cp_icon_bg{ float: right; margin-top: -37px; margin-right: 6px; idth: 74px; height: 28px; background-image: url("../img/ico_cp_bg.png"); background-repeat: no-repeat;}
.cp_icon_bg p{ margin-top: -12px; margin-left: 18px; font-size: 13px; }

/*  상세검색 버튼 추가 */
.btn_search_detail{ position: relative; width: 80px; height: 30px; background: url("../img/search/btn_search_detail_off.png") no-repeat; top: 10.5px; left: 606px; }
.btn_search_detail:HOVER, .btn_search_detail:ACTIVE { background: url("../img/search/btn_search_detail_on.png") no-repeat; }

/* 내서재 - 내정보 */
.like_type_title{ font-size: 15px; line-height: 12px; margin-left: 298px; margin-bottom: 10px; color: #323232; }
.like_type_title span {	margin-left: 16%; }
#myFavBtn{ position: relative; margin-left: 49.5%; margin-top: 1%; margin-bottom: 50px; }

/* 상세검색 팝업 */
.search_pop_bg{ width: 700px; height: 620px; border-radius: 8px; background-color: white; }
#search_title{ font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 22px; font-weight: bold; color: #000000; }
.search_label{ float: left; margin-left: 25px; width: 120px; height: 42px; background-color: #DCDCDC; border-bottom: 2px solid white; }
.search_label label{ font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 14px; font-weight: bold; color: #323232; padding: 10px; line-height: 40px; }
.search_label_category{ float: left; margin-left: 25px; width: 120px; height: auto; background-color: #DCDCDC; border-bottom: 2px solid white; }
.search_label_category label{ font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 14px; font-weight: bold; color: #323232; padding: 10px; line-height: 40px; }
.search_input_even{ position: relative; float: left; width: 520px; height: 42px; background-color: #FAFAFA; border-bottom: 2px solid white; }
.search_input_odd{ position: relative; float: left; width: 520px; height: 42px; background-color: #F2F2F2; border-bottom: 2px solid white; }
.search_input{ width: 400px; height: 30px; border-radius: 6px; border: 1px solid #F2F2F2; margin-left: 7px; margin-top: 5px; outline: none; }
.search_date{ width: 130px; height: 30px; border-radius: 6px; border: 1px solid #F2F2F2; margin-left: 7px; margin-top: 5px; outline: none; text-align: center; }
.search_input:FOCUS, .search_date:FOCUS{ border: 1px solid #F28480; }
#publishEndDate { margin-left: 95px; }
.search_input_even hr{ position: absolute; width: 28px; margin-top: -14px; margin-left: 190px; border-top: 1px solid #B7B7B7; border-bottom: 1px solid #B7B7B7; z-index: 100; }
.ui-datepicker-trigger{ margin-left:5px; margin-top:5px; position:absolute; }
.category_chkbox_img{ position: relative; float: left; display: block; width: 18px; height: 18px; background: url(../img/search/ico_check_box_off.png) no-repeat; display: block;  overflow: hidden; font-size: 0px; line-height: 0; text-indent: -9999px; margin-left: 10px; margin-top: 12px; }
.category_chkbox_checked{ background: url(../img/search/ico_check_box_on.png) no-repeat; }
.category_chkbox_label{ position: relative; float: left; margin-top: 12px; margin-left: 5px; }
.btnDetailSearch{ width: 100px; height: 32px; background: url("../img/btn_red_off.png") no-repeat; bottom: -150px; left: 300px; position: relative; }
.btnDetailSearch:HOVER{ background: url("../img/btn_red_on.png") no-repeat; }
.category_local{ position: relative; float: left; width: 80px; }
.category_local label{ font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 14px; text-align: center; line-height: 40px; padding: 13px; }
.category_box{ border-left: 2px solid white; position: relative;  float: left; margin-bottom: 12px; }
.auto_height{ height: auto; min-height: 42px; }
.ownerCodeDesc{ position: absolute; height: 13px; bottom: 40px; margin-left: 15px; padding: 3px; color: white; background-color: #CDCDCD; line-height: 13px; font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 12px; font-weight: bold; }
.pop_loading { position: relative; width: 16px; margin: 23% auto; z-index: 100; }

/*공지사항 팝업*/
.notice_pop_bg{ margin: 0 auto; width: 700px; min-height: 400px; height: auto; border-radius: 8px; background-color: white; }
#notice_title{ font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 22px; font-weight: bold; color: #000000; }
.mh_42{ min-height: 42px; }
.mh_180{ min-height: 180px; }
.notice_label{ float: left; margin-left: 25px; width: 120px; height: auto; background-color: #DCDCDC; border-bottom: 2px solid white; text-align: center; }
.notice_label label{ font-family: '나눔고딕', 'Nanum Gothic' !important; font-size: 14px; font-weight: bold; color: #323232; padding: 10px; line-height: 40px; }
.notice_even{ position: relative; float: left; width: 510px; height: auto; padding: 0 10px; line-height: 30px; background-color: #FAFAFA; border-bottom: 2px solid white; }
.notice_odd{ position: relative; float: left; width: 510px; height: auto; padding: 0 10px; line-height: 40px; color: #F2F2F2; border-bottom: 2px solid white; }
.notice_even hr{ position: absolute; width: 28px; margin-top: -14px; margin-left: 190px; border-top: 1px solid #B7B7B7; border-bottom: 1px solid #B7B7B7; z-index: 100; }
.btnCloasNoticePop{ width: 100px; height: 32px; background: url("../img/btn_red_off.png") no-repeat; bottom: -40px; left: 300px; position: relative; }
.btnCloasNoticePop:HOVER, .btnCloasNoticePop:ACTIVE{ background: url("../img/btn_red_on.png") no-repeat; }

/* 상세 팝업 닫기 버튼*/
#btn_close_pop{ position: absolute; top: 12px; right: 18px; width: 18px; height: 18px; background: url('../img/book_detail/ico_close_off.png') no-repeat; cursor: pointer; }
#btn_close_pop:HOVER, #btn_close_pop:ACTIVE{ packground: url('../img/book_detail/ico_close_on.png') no-repeat; }

/* 서울도서관  - 내정보 */
.update_pw{	margin-left: 379px; }
.update_pw input{ border: 1px solid #c8c8c8; height: 30px; width: 270px; border-radius: 5px; outline: none; font-size: 13px; padding-left: 10px; }
.update_pw_guide { font-size: 13px; color: #8c8c8c; line-height: 40px; }