@charset "utf-8";

/* common */
body {font-size:12px; color:#666; font-family:"돋움",Dotum,AppleGothic,sans-serif;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0; padding:0;}
body, input, textarea, select, button, table {font-family:"돋움",Dotum,AppleGothic,sans-serif; font-size:12px; color:#666;}
img, fieldset, button {border: 0 none;}
ul, ol {list-style: none outside none;}
em, address {font-style: normal;}
a {color:#333;text-decoration:none; cursor:pointer;}
caption, hr, legend {visibility:hidden; width:0; height:0; overflow:hidden; font:0;}
button {cursor:pointer;}
table {border:0 none; border-collapse: collapse;margin: 0;padding: 0;}
select {vertical-align:top;}

/* layout */
#wrap {position:relative;}
#top_banner {height:54px; text-align:center; background:#48bc7b; cursor:pointer;}
#header {position:relative; width:100%; z-index:9;}
#header .header_wrap {width:980px; height:186px; position:relative; margin:0 auto;}
#header:after {clear:both; content:""; display:block;}
#container {position:relative; width:980px; min-height:625px; margin:0 auto; clear:both; z-index:8;}
#container:after {clear:both; content: ""; display: block;}
#container_todaySale {position:relative; width:100%; clear:both; background:url("../images/book/bg_todaySale.gif") repeat-x;}
#contents {position: relative; width:100%; z-index:2;}
#contents:after {clear:both; display:block; visibility:hidden;}
#aside {position:relative; width:180px; float:left; margin-bottom:50px;}
.header {height:186px; background:url("../images/common/bg_header.gif") repeat-x;}
.service {width:980px; padding:8px 0; margin:0 auto; overflow:hidden;}
.snb {position:relative; width:180px;}



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


/* margin */
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgb20 {margin-bottom:20px;}


/* form */
.i_text {height:19px; line-height:19px; border:1px solid #c6c6c6; color:#666; background:#fff;}
.inp_text {height:24px; line-height:24px; padding:0 4px; border:1px solid #aaa; color:#666;  vertical-align:middle;}
.inp_check, .inp_radio {width:13px; height:13px; margin:-3px 5px 0 0; vertical-align:middle;}
select {border:1px solid #ccc;}
label {cursor:pointer;}
textarea {resize:none;}


/* skipnavi */
#skipnavi {left: 0;position: absolute;top: 0;z-index: 9999;}
#skipnavi a {display:block; height:20px; left:0; position:absolute; text-align:center; top:-10000px; width:300px; z-index:5000;}
#skipnavi a:focus, #skipnavi a:active {background-color: #2f7bb6;color: #ffffff;font-weight: bold;padding: 15px 0; position:absolute; top:0;}



/* top banner */
#top_banner p {position:relative; width:980px; margin:0 auto;}
.close_banner {position:absolute; top:20px; right:0; width:10px; height:10px; display:inline-block; background:url("../images/common/btn_x.png") no-repeat -17px 0;}



/* top */
.notice_wrap {}
.notice_list {float:left; width:320px; height:14px; overflow:hidden;}
.notice_list ul {margin-right:20px;}
.notice_list ul li {float:left; width:320px; height:14px;}
.notice_list ul li a {font-weight:bold; color:#424855;}
.control {float:left; margin-top:2px;}
.control .notice_prev {width:11px; height:11px; float:left; background-position:0 0;}
.control .notice_next {width:11px; height:11px; float:left; background-position:-10px 0;}
.control_gnbbanner{position:absolute; bottom:12px; right:20px;z-index: 100;}
.control_gnbbanner .gnbbanner_prev {width:11px; height:11px; float:left; background-position:0 0;}
.control_gnbbanner .gnbbanner_next {width:11px; height:11px; float:left; background-position:-10px 0;}
.login_list  {float:right;} 
.login_list li {float:left; padding:0 8px; background:url("../images/common/bar_st.gif") no-repeat 0 2px;}
.login_list li a {color:#28303a;}
.login_list li:first-child {background:none;}



/* logo */
.header_logo {position:absolute; top:84px; left:22px;}
/*.header_logo {position:absolute; top:31px; left:-2px;}*/



/* search */
.search {width:450px; position:relative; z-index:4; margin:40px auto 0;}
.banner_wrap {position:absolute; top:31px; left:765px; width:310px; height:117px; overflow:hidden;}
/*.banner {position:absolute; top:31px; right:-100px}*/ 
.banner p {position:relative;}
.snb_search_box {width:442px; height:113px; height:37px; padding:3px; border:1px solid #258d36; background:#33a248;}
.snb_search_input {float:left; width:385px; height:37px; background:#fff;}
.snb_search_input label {display:none;}
.select {height:37px; display:inline-block; float:left; position:relative; background:#fff; vertical-align:middle; border-right:1px solid #bababa;}
.select * {margin:0; padding:0; font-size:12px; font-family:Tahoma, Sans-serif; cursor:pointer}
.select .my_value { overflow:visible; position:relative; top:0; left:0; z-index:2; background:transparent; color:#666; text-align:left;}
.select .my_value.selected {font-weight:bold}
.select button.my_value {width:100%; height:33px; text-indent:6px;}
.select div.my_value {height:37px; text-indent:8px}
.select .ctrl {position:absolute; top:8px; right:0; width:18px; background:#fff}
.select .arrow {position:absolute; width:0; height:0; top:9px; right:6px; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.select ul { overflow:hidden; position:absolute; top:30px; left:-1px; width:78px; border:0;  border-bottom:1px solid #bababa; background:#fff; list-style:none; z-index:2;}
.select ul.a_list {display:none}
.select.open ul.a_list {display:block}
.select ul.i_list {left:-2000%}
.select.open ul.i_list{left:0}
.select li {overflow:hidden; position:relative; height:24px; line-height:24px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select li input.option { position:absolute; width:100%; height:24px; line-height:24px}
.select li label {position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#767676; line-height:24px; text-indent:8px;}
.select li a {display:block; height:24px; background:#fff; color:#767676; line-height:24px; text-indent:8px; text-decoration:none}
.select li.hover * {background:#efefef;}
.select_go {overflow:visible; height:21px; width:28px; margin:-1px 0 -1px 4px; padding:0; border:1px solid #bababa; background:#eee;; color:#767676; line-height:19px; vertical-align:middle; cursor:pointer}
.searchKeyword {width:280px; float:left; margin:12px 0 0 14px; border:0;}



/* auto_complete */
.auto_complete {position:absolute; top:45px; left:0; width:448px; border:1px solid #424859; border-top:0; background:#fff;}
.func {padding:10px 5px 10px 15px; border-bottom:1px solid #d6d6d6; background:#f7f7f7;}
.func strong {color:#444;}
.func span a {color:#666;padding:0 8px; background:url("../images/common/bar_st.gif") no-repeat 0 -36px;}
.func span a:first-child {background:none;}
.func span.btn_x {width:7px; height:7px; display:inline-block; vertical-align:top; margin-top:4px; background:url("../images/common/btn_x.png") no-repeat;}
.words .words_list {float:left; width:287px; min-height:280px; border-right:1px solid #d6d6d6;}
.words ul {margin:12px 0 40px;overflow:hidden; padding-bottom: 2px;}
.words li {height:25px; overflow:hidden; vertical-align:top;}
.words li a {width:100%; display:block; padding:5px 0; text-indent:15px; color:#666; background:#fff;}
.words li:hover a, .words li.on a {background-color:#f5f5f5;}
.words_list li a.selected {background-color:#f5f5f5;}
.words li strong {color:#ff0109;}
.book_result {float:right; width:160px; line-height:20px;}
.book_result div {width:120px; margin:0 auto; text-align:center;}
.book_result .book_result_thumb {margin-top:20px;}
.book_result .book_result_cont {color:#888; text-align:left;}
.book_result .book_result_cont span.title {display:block;}
.book_result .book_result_cont span.bar {color:#ddd;}
.book_result div del {color:#888; font-weight:normal; display:inline-block; margin-right:4px;}


/* gnb */
.gnb {width:980px; position:absolute; bottom:0;}
.gnb div, .gnb ul {float:left;}
.gnb_category {width:180px;}
.gnb_category .depth0 {width:100%; height:42px; display:block; overflow:hidden; background:url("../images/common/bg_gnb.png") no-repeat;}
.gnb_category .depth0 span {display:none;}
.gnb_menu {position:relative; z-index:2;}
.gnb_menu li, .gnb_menu a {float:left; height:42px; position:relative;}
.gnb_menu a {height:42px; display:block; background:url("../images/common/bg_gnb.png") no-repeat;}
.gnb_menu span {position:relative; text-indent:-9000px; z-index:-1;}
.gnb .gnb_menu1 {margin-left:56px;}
.gnb .gnb_menu1 li {margin:0 20px;}
.gnb .gnb_menu2 {float:right;}
.gnb li.depth1 a {width:79px; background-position:-256px 0;}
.gnb li.depth2 a {width:92px; background-position:-378px 0;}
.gnb li.depth3 a {width:78px; background-position:-512px 0;}
.gnb li.depth4 a {width:55px; background-position:-634px 0;}
.gnb li.depth5 a {width:98px; background-position:-755px 0;}
.gnb li.depth6 a {width:64px; background-position:-853px 0;}
.gnb li.depth7 a {width:64px; background-position:-917px 0;}
.gnb li.depth1 a:hover, .gnb li.depth1.current a {background-position:-256px -42px;}
.gnb li.depth2 a:hover, .gnb li.depth2.current a {background-position:-378px -42px;}
.gnb li.depth3 a:hover, .gnb li.depth3.current a {background-position:-512px -42px;}
.gnb li.depth4 a:hover, .gnb li.depth4.current a {background-position:-634px -42px;}



/* category layer */
.cate_layer {width:100%; display:none; position:absolute; top:0; left:0; border:1px solid #020406; background:#fff; z-index:5;}
.cate_title {width:100%; height:41px; background:#717683;}
.cate_title span {width:142px; height:100%; display:block; overflow:hidden; text-indent:-9000px; background:url("../images/common/bg_gnb.png") no-repeat 0 -92px;}
.cate_layer h3.title {font-size:12px; color:#222; height:20px; margin-bottom:12px; border-bottom:3px solid #424859;}
.cate_layer .cate_cont {width:100%;}
.cate_layer .cate_column {min-height:435px; padding:15px 20px; float:left; border-left:1px solid #e4e4e4;}
.cate_layer .cate_column.column1 {width:155px;}
.cate_layer .cate_column.column2 {width:350px;}
.cate_layer .cate_column.column2 ul {width:350px;}
.cate_layer .cate_column.column2 ul li {width:175px; float:left;}
.cate_layer .cate_column ul {float:left; width:156px;}
.cate_layer .cate_column ul li {line-height:30px;}
.cate_layer .cate_column ul li a {color:#666; display:block;}
.cate_layer .cate_column ul li a:hover {text-decoration:underline;}
.cate_layer .cate_column ul li a em.txt_hot {color:#d50c0c; font-size:10px; font-family:'verdana'; font-weight:bold; margin-left:6px; display:inline-block; text-decoration:underline;}
.btn_cate_close {position:absolute; top:6px; right:10px; text-indent:-9000px; width:25px; height:30px; background:url("../images/common/bg_gnb.png") no-repeat -145px -99px;}



/* snb */
#snb {width:178px; border:1px solid #333; border-top:0; z-index:4; }
#snb li {position:relative; vertical-align:top;}
#snb li.second {margin-top:7px; padding-top:7px; background:url("../images/common/bg_snb_line.gif") no-repeat center 0 #fff;}
.snb li a {display:block; height:26px; padding:8px 18px; color:#333;}
#snb li a.cate {position:relative; border-top:1px solid #fff !important; height:24px; line-height:24px;}
#snb li a.cate span {position:absolute; top:0; left:0; width:100%; height:100%; display:block;  background:url("../images/main/bg_snb.gif") no-repeat #fafafa;}
#snb li a.cate.menu01 span {background-position:8px 2px;}
#snb li a.cate.menu02 span {background-position:8px -34px;}
#snb li a.cate.menu03 span {background-position:8px -104px;}
#snb li a.cate.menu04 span {background-position:8px -68px;}
#snb li a.cate .i {position:absolute; top:50% !important; left:100%; width:12px; height:9px; margin:-6px 0 0 -28px; background:url(../images/common/icon_category.gif) no-repeat left top !important;}
#snb li ul, #container .lnb ul {padding:12px 0; background:#fff;}
#snb li li, #container .lnb li {margin:0; padding:0 20px;}
#snb li li a, #container .lnb li a {position:relative; line-height:22px; padding:0; background:#fff;}
#snb li li a span {color:#333;}
#snb li.active {z-index:2;}
#snb li li.active {border:0}
#snb li.active a {border:0; color:#000;}
#snb li.active .i {background-position:0 -48px}
#snb li.active li:hover a span, #snb li.active li.active a span, #container .lnb li:hover a span, #container .lnb li.active a span {color:#13b200; font-weight:bold; letter-spacing:-1px; display:block; width:140px; background:url(../images/common/bg_category.png) no-repeat 134px 6px;}
#container .lnb .lnb_title {height:28px; padding:12px 5px 0 15px; font-size:15px; font-weight:bold; line-height:18px; background-color:#efefef;}
#container .lnb .lnb_title a {color:#28303a;}
.snb_layer {position:absolute; top:-12px; left:178px; padding:10px 0; display:none; border:1px solid #390; background:#fff; z-index:4}
.snb_layer li {padding:0 10px;}
.snb_layer li a span {color:#000 !important; font-weight:normal !important; background:none !important;}
.snb_layer a:hover {text-decoration:underline;}
.snb_layer a {padding:2px 0 1px 14px;}




/* location */
.location {position:relative; margin:20px 0; display:inline-block; clear:both; z-index:4;}
.location li {position: relative; display:inline; color:#cdcdcd; padding:4px 1px 6px 4px;}
.location li.current_page a {color:#34a24b; font-weight:bold;}
.btn_select {position:relative;}
.btn_select a {width:15px; height:15px; display:inline-block; vertical-align:middle; margin-left:5px; background:url("../images/common/btn_arrow.png") no-repeat 0 -65px;}
.path_layer {position:absolute; top:22px; left:0; border:1px solid #000; display:none; overflow:hidden; background:url("../images/common/bg_path.gif") repeat #fff;}
.path_layer ul {width:140px; float:left; padding:16px 20px;}
.path_layer ul:first-child {border-left:0;}
.path_layer ul li {word-break:break-all; padding:0 !important;}
.path_layer ul li a {color:#222 !important; font-weight:normal !important; line-height:13px; padding:6px 0 3px; display:block;}
.path_layer ul li a:hover {text-decoration:underline;}
.cols div {display:inline-block; border-top:1px solid #dadada;}
.cols div ul li a {color:#33a248 !important; font-weight:bold !important;}


/* 사이드 배너 */
.aside_banner {width:137px; position:absolute; top:465px; left:50%; margin-left:-644px;}


/* 사이드 퀵메뉴 */
.aside_quick {width:100px; position:absolute; top:10px; left:50%; margin-left:510px; text-align:center; z-index:200;}
.aside_right_banner {width:100px; position:absolute; top:10px; left:50%; margin-left:510px; text-align:center; z-index:1;}
.top_mylibro {width:98px; height:38px; border:1px solid #020406; background:#424859; text-indent:-999em; text-align:center;}
.top_mylibro .tit_quick {width:65px; height:38px; margin:0 auto; background:url("../images/common/aside_quick.png") no-repeat 0 5px;}
.list_quick {width:98px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; background:#fff;}
.list_quick li {padding:5px 0; text-align:center; border-bottom:1px solid #cdcdcd;}
.list_quick li span.menu_quick {display:block; height:22px; margin:0 auto 2px; text-indent:-999em; background:url("../images/common/aside_quick.png") no-repeat;}
.list_quick li span.menu_quick01 {width:30px; background-position:0 -35px;}
.list_quick li span.menu_quick02 {width:42px; background-position:0 -68px;}
.list_quick li span.menu_quick03 {width:68px; background-position:0 -100px;}
.list_quick li strong a {color:#33a248;}
.list_view {padding:5px 5px;}
.list_view li {text-align:center; font-size:11px; border-bottom:0;}
.list_view .small_list {float:left; padding:0 3px;}
.list_view .small_list img {width:35px; height:50px;}
.list_view .large_list img {width:70px; height:100px;}
.top_button {clear:both; width:98px; height:18px; border:1px solid #020406; background:#424859; text-indent:-999em; text-align:center;}
.top_button .btn_top {width:100%; height:18px; display:block; margin:0 auto; background:url("../images/common/aside_quick.png") no-repeat 27px -132px;}
a.btn_quick {width:22px; height:17px; display:inline-block; text-indent:-9999px; background:url(../images/common/aside_quick.png) no-repeat;}
a.quick_prev {background-position:-78px -4px;}
a.quick_next {background-position:-78px -26px;}


/* text style */
.point_gr {color:#28903a !important;}
.point_red {color:#bb241c !important;}
.font_g {color:#666 !important;}


/* icon style */
.icon_st {display:inline-block; background:url("../images/common/icon_st.png") no-repeat}
.icon_st span {text-indent:-9999em; z-index:-1; display:none;}
.icon_point {width:12px; height:11px; margin:1px 0 0 1px; background-position:0 0; vertical-align:top;}
.icon_new {width:10px; height:10px; margin-left:4px; background-position:-22px 0;}
.icon_sale {width:38px; height:32px; position:absolute; top:-3px; left:-3px; color:#fff; text-align:center; font-weight:bold; font-size:13px; padding-top:7px; background-position:-36px -21px;}
.icon_rank {width:24px; height:24px; position:absolute; top:-3px; left:3px; color:#fff; text-align:center; font-weight:bold; font-size:13px; padding-top:5px; background-position:0 -21px; z-index:4;}
.icon_hot {width:24px; height:14px; position:absolute; top:-6px; left:0; background-position:-41px 0; z-index:2; text-indent:-9999em;}
.icon_mdrecom {width:44px; height:18px; background-position:0px -68px; }
.icon_freeship {width:46px; height:18px; background-position:-47px -68px;}
.icon_event {width:44px; height:18px; background-position:-96px -68px;}
.icon_year {width:88px; height:18px; background-position:-143px -68px;}
.icon_help {width:16px; height:15px; background-position:-118px -98px; vertical-align:top; margin:2px 0 0 4px;}
.icon_arrow {width:5px; height:3px; background-position:-101px -106px;}


/* banner control */
.nav_comm a {display:inline-block; background:url(../images/common/bg_nav.png) no-repeat;}


/* button */
.btn_cen {width:100%; overflow:hidden; text-align:center; margin:10px 0;}
.btn_st01 {display:inline-block; padding-right:10px; margin:0 6px; background:url('../images/common/btn_st.gif') no-repeat 100% 0; font-size:12px; color:#666; height:18px; line-height:19px; font-size:11px;}
.btn_st01 span, .btn_st01 strong {display:block; padding:0 6px 0 8px !important; background:url('../images/common/btn_st.gif') no-repeat 0 0; height:18px;}
.btn_st02 {display:inline-block; padding-right:10px; margin:0 6px; background:url('../images/common/btn_st.gif') no-repeat 100% -28px; font-size:12px; color:#fff; height:18px; line-height:19px; font-size:11px;}
.btn_st02 span, .btn_st02 strong {display:block; padding:0 6px 0 8px !important; background:url('../images/common/btn_st.gif') no-repeat 0 -28px; height:18px;}
.btn_st03 {display:inline-block; padding-right:10px; background:url('../images/common/btn_st.gif') no-repeat 100% -56px; font-size:12px; color:#666; height:20px; line-height:21px; font-size:11px;}
.btn_st03 span, .btn_st03 strong {display:block; padding:0 6px 0 8px !important; background:url('../images/common/btn_st.gif') no-repeat 0 -56px; height:20px;}
.btn_st04 {display:inline-block; padding-right:10px; background:url('../images/common/btn_st.gif') no-repeat 100% -86px; font-size:11px; color:#666; height:22px; line-height:23px;}
.btn_st04 span, .btn_st04 strong {display:block; padding:0 6px 0 8px; background:url('../images/common/btn_st.gif') no-repeat 0 -86px; height:22px;}
.btn_st05 {display:inline-block; padding-right:10px; background:url('../images/common/btn_st.gif') no-repeat 100% -118px; font-size:11px; color:#666; height:24px; line-height:25px;}
.btn_st05 span, .btn_st05 strong {display:block; padding:0 6px 0 8px; background:url('../images/common/btn_st.gif') no-repeat 0 -118px; height:24px;}
.btn_st06 {display:inline-block; padding-right:2px; background:url('../images/common/btn_st.gif') no-repeat 100% -152px; font-size:11px; color:#666; height:24px; line-height:25px;}
.btn_st06 span, .btn_st06 strong {display:block; padding:0 6px 0 8px; background:url('../images/common/btn_st.gif') no-repeat 0 -152px; height:24px; letter-spacing:-0.5px;}

.btn_book {display:inline-block; background:url('../images/common/btn_book.png') no-repeat;}
.btn_book span {display:none;}
.btn_cart01 {width:78px; height:24px; margin-left:5px; background-position:0 0; vertical-align:middle;}
.btn_cart02 {width:90px; height:30px; background-position:-95px -34px;}
.btn_cart03 {width:140px; height:52px; background-position:-145px -181px;}
.btn_cart04 {width:120px; height:30px; background-position:-125px -74px;}
.btn_basket01 {width:78px; height:24px; background-position:-83px 0; vertical-align:middle;}
.btn_basket02 {width:90px; height:30px; background-position:-190px -34px;}
.btn_basket03 {width:129px; height:24px; background-position:0 -147px;}
.btn_basket04 {width:120px; height:30px; background-position:-250px -74px;}
.btn_basket05 {width:80px; height:24px; background-position:-85px -114px;}
.btn_preview01 {width:92px; height:29px; margin-top:10px; background-position:-249px 0;}
.btn_preview02 {width:110px; height:40px; margin-top:18px; background-position:-290px -147px;}
.btn_buy {width:90px; height:30px; background-position:0 -34px;}
.btn_buy02 {width:140px; height:52px; background-position:0 -181px;}
.btn_buy03 {width:120px; height:30px; background-position:0 -74px;}
.btn_buy04 {width:100px; height:32px; background-position:-210px -604px;}
.btn_inquiry {width:129px; height:24px; background-position:-145px -147px;}
.btn_inquiry02 {width:120px; height:35px; background-position:-125px -283px; margin-left:5px;}
.btn_inquiry03 {width:120px; height:35px; background-position:0 -459px;}
.btn_detail {width:92px; height:30px; background-position:0 -242px;}
.btn_shopping_basket {width:80px; height:24px; background-position:0 -114px;}
.btn_shopping_basket02 {width:92px; height:30px; background-position:-98px -242px;}
.btn_zoom_in {width:92px; height:36px; background-position:-196px -242px; margin:0 2px 2px 0;}
.btn_zoom_out {width:92px; height:36px; background-position:-294px -242px; margin:0 0 2px 0;}
.btn_one_page {width:92px; height:36px; background-position:-392px -242px; margin:0 2px 0 0;}
.btn_two_page {width:92px; height:36px; background-position:-490px -242px;}
.btn_guide {width:120px; height:35px; background-position:0 -283px;}
.btn_delivery {width:120px; height:36px; background-position:0 -327px; margin-right:5px;}
.btn_tracking {width:120px; height:36px; background-position:-125px -327px;}
.btn_order_edit {width:108px; height:26px; background-position:-250px -327px;}
.btn_all_cancel {width:80px; height:26px; background-position:-363px -327px; margin-right:5px;}
.btn_choice_cancel {width:103px; height:26px; background-position:-446px -327px;}
.btn_pay_edit {width:84px; height:24px; background-position:-125px -371px; margin-right:5px;}
.btn_order_print {width:84px; height:24px; background-position:-213px -371px;}
.btn_list {width:120px; height:35px; background-position:0 -371px;}
.btn_reorder {width:84px; height:24px; background-position:-302px -371px; margin-left:10px; vertical-align:middle;}
.btn_info_modify {width:85px; height:26px; background-position:-250px -415px; margin-left:5px; vertical-align:middle;}
.btn_info_modify02 {width:120px; height:35px; background-position:-395px -459px;}
.btn_register {width:120px; height:34px; background-position:-125px -415px;}
.btn_receive_info {width:120px; height:35px; background-position:-198px -503px;}
.btn_list_add {width:140px; height:31px; background-position:-125px -459px; margin-bottom:10px;}
.btn_address {width:120px; height:35px; background-position:-270px -459px;}
.btn_member_leave {width:120px; height:35px; background-position:-522px -460px;}
.btn_coupon {width:130px; height:39px; background-position:0 -503px; float:right; margin-top:17px;}
.btn_delete {width:58px; height:24px; background-position:-135px -503px; vertical-align:middle;}
.btn_delete02 {width:78px; height:24px; background-position:-166px 0; vertical-align:middle;}
.btn_delete03 {width:90px; height:30px; background-position:-285px -34px;}
.btn_resale {width:100px; height:32px; margin-top:15px; background-position:0 -604px;}
.btn_report {width:100px; height:32px; margin-top:15px; background-position:-105px -604px;}


/* table */
.table_info {padding:0 0 10px 20px;}
.table_info strong {color:#33a248;}
.table_info strong.srch_num {text-decoration:underline;}
.table_st01 {width:100%; margin-bottom:20px; border-top:2px solid #717685; border-bottom:1px solid #b7b7b9;}
.table_st01 th {height:34px; background:#f6f7f6; border-bottom:1px solid #b7b8be;}
.table_st01 td {padding:13px 0 12px; line-height:20px; border-top:1px solid #f0f0f0;}
.table_st01 th, .table_st01 td {color:#444; text-align:center;}
.table_st01 td.order_num a {color:#33a248; font-weight:bold; text-decoration:underline;}
.table_st01 td.title {text-align:left; padding-left:20px;}
.table_st01 td.order_price {color:#dd2026; font-weight:bold;}
.table_st01 td.none_data {padding:54px 0;}
.table_st01 td.checkbox {vertical-align:top;}
.table_st01 td.sale {color:#444; font-size:14px; font-weight:bold;}
.table_st01 td.sale .sale_price {font-family:'verdana'; font-size:16px;}
.table_st01 td.sale .sale_discount {display:block; font-size:12px; font-weight:bold; color:#dd2026;}
.table_st01 td.save {color:#33a240; font-weight:bold;}
.table_st01 td.amount div {width:50px; margin:0 auto;}
.table_st01 td.order_num {font-weight:bold; text-decoration:underline;}
.table_st01 td.total_price {font-family:'verdana'; font-size:14px; font-weight:bold; color:#dd2026;}
.table_st01 td.total_price span {font-size:16px;}
.table_st01 tr.total_sum {border-bottom:2px solid #717685; background:#f6f7f6;}
.table_st01 tr.total_sum td {border-top:1px solid #717685; background:url("../images/common/bar_st.gif") no-repeat 0 -152px;}
.table_st01 tr.total_sum td:first-child {background:none;}
.table_st01 tr.total_sum td.total_price {font-family:'verdana'; font-size:14px; font-weight:bold; color:#dd2026;}
.table_st01 tr.total_sum td.total_price span {font-size:16px;}
.table_st01 tr.total_sum td.txt_left {text-align:left; padding-left:20px;}
.table_st01 tr.qna td {vertical-align:top; padding:30px 0;}
.table_st01 tr.qna td.title {padding-left:18px;}
.table_st02 {width:100%; margin-bottom:20px; border-top:2px solid #717685; border-bottom:1px solid #717685;}
.table_st02 th, .table_st02 td {color:#444; text-align:left;}
.table_st02 th {height:42px; padding-left:29px;  background:#f4f5f5; border-top:1px solid #dbdbde; border-right:1px solid #d1d3d6;}
.table_st02 th.frst, .table_st02 td.frst {border-top:0;}
.table_st02 th.atop {vertical-align:top; padding-top:15px;}
.table_st02 td.atop {vertical-align:top; border-left:0;}
.table_st02 th.exception {height:50px; text-align:center; background:#e8eaea;}
.table_st02 th.pay_sort {border-right:0; font-weight:normal;}
.table_st02 th.pay_sort label {margin-right:5px;}
.table_st02 th.dark_gray {background:#e8eaea;}
.table_st02 td {line-height:18px; padding:8px 20px 9px 16px; border-top:1px solid #e9e9eb; border-left:1px solid #e9e9eb;}
.table_st02 td.total_price {font-family:'verdana'; font-size:14px; font-weight:bold; color:#dd2026;}
.table_st02 td.total_price span {font-size:16px;}
.table_st02 td.order_last {border-left:0; padding:20px 0;}
.table_st02 td.radio_group label {margin-right:10px;}
.table_st02 td.group {border-left:0;}
.table_st02 td img {vertical-align:middle;}
.table_st02 select {height:26px; line-height:26px; padding:2px;  border:1px solid #aaa;}
@media \0screen {.table_st02 select{padding:4px;}}
.table_sub {border-top:1px solid #717685;}
.table_center td {text-align:center; padding:15px 0 16px;}
.table_inner th.frst {border-top:0; border-left:0;}
.table_inner td.frst {border-top:0; border-right:0;}
.table_inner .payMethodDesc1 td {border-left:0 !important;}

/* tab */
.tab_st01 {width:100%; overflow:hidden;}
.tab_st01 ul {border-bottom:2px solid #33a02b;}
.tab_st01 ul:after {clear:both; content:""; display:block;}
.tab_st01 ul li {float:left; text-align:center; border-left:1px solid #dadada; border-top:1px solid #b2b3b5;}
.tab_st01 ul li.frst {border-left:1px solid #b2b3b5;}
.tab_st01 ul li.last {border-right:1px solid #b2b3b5;}
.tab_st01 ul li strong {font-family:'verdana';}
.tab_st01 ul li.on, .tab_st01 ul li:hover {font-weight:bold; letter-spacing:-1px; background:#239439;}
.tab_st01 ul li.frst.on {border-left:1px solid #239439;}
.tab_st01 li span {width:100%; padding:10px 0 12px; display:inline-block;}
.tab_st01 ul li.on span, .tab_st01 ul li:hover span {color:#fff;}


/* list */
.list_type00 {display:block; overflow:hidden; clear:both;}
.list_type00 li {line-height:22px; padding-left:10px; margin-bottom:5px; color:#444; background:url('../images/common/bullet_st00.gif') no-repeat 0 7px;}
.list_type01 {display:block; overflow:hidden; clear:both;}
.list_type01 li {line-height:22px; padding-left:10px; margin-bottom:5px; color:#444; background:url('../images/common/bullet_st01.gif') no-repeat 0 9px;}
.list_type01 li strong {color:#33a248;}
.list_type02 {display:block; overflow:hidden; clear:both;}
.list_type02 li {line-height:22px; padding-left:10px; margin-bottom:5px; color:#444; background:url('../images/common/bullet_st02.gif') no-repeat 0 9px;}
.list_type02 li strong {color:#000;}
.list_type03 li {line-height:22px; padding-left:10px; margin-bottom:5px; color:#888; font-size:11px; background:url('../images/common/bullet_st03.gif') no-repeat 0 7px;}
.list_type03 li strong {color:#444;}
.list_type04 li {line-height:22px; padding-left:10px; margin-bottom:5px; color:#444; background:url('../images/common/bullet_st04.gif') no-repeat 0 9px;}
.desc_type01 {line-height:22px; padding-left:10px; margin-bottom:15px; color:#444; background:url('../images/common/bullet_st01.gif') no-repeat 0 -16px;}
.desc_type02 {line-height:22px; padding-left:10px; margin-bottom:5px; color:#444; background:url('../images/common/bullet_st00.gif') no-repeat 0 7px;}


/* paging */
a.btn_control, a.btn_control span {display:inline-block; overflow:hidden; text-indent:-99999em; background:url('../images/common/btn_arrow.png') no-repeat;}
.btn_paging {display:inline-block; overflow:hidden; text-indent:-99999em; background:url('../images/common/btn_arrow.png') no-repeat;}
.btn_paging_cur {display:inline-block; min-width:15px; height:14px; border:1px solid #239439; padding:4px 2px; color:#239439; font-weight:bold;}
.btn_paging_nocur {display:inline-block; min-width:15px; height:14px; border:1px solid #B2B2B2; padding:4px 2px;}

/* paging */
.paging {overflow:hidden;}
.paging .list_prev {width:16px; height:16px; vertical-align:middle; padding:0; margin:0 5px 0 0; background-position:-70px -17px;}
.paging .list_next {width:16px; height:16px; vertical-align:middle; padding:0;  margin:0 0 0 5px; background-position:-86px -17px; }
.paging {text-align:center; line-height:normal}
.paging a, .paging strong {display:inline-block; margin:0 -2px; padding:2px 5px; vertical-align:middle}
.paging a {font-family:'verdana'; font-size:12px;}
.paging a:hover, .paging strong {font-family:'verdana'; color:#239439; text-decoration:underline; font-weight:normal;}


/* book info */
.thumb img {margin-bottom:8px; border:1px solid #a0a0a0; display:inline-block;}
.title a {color:#000;}
.author, .author a {color:#666;}
.author span.var {color:#ddd;}
.writer {color:#888; font-size:11px; display:block;}
.writer em {color:#666;}
.writer span {color:#ccc;}
.price {color:#000; font-weight:bold;}
.price .txt_discount {color:#dd2026;}
.price .txt_point {color:#33a240;}

.option {color:#dd2026; font-size:11px; display:block;}


/* roading */
.loading_wrap {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:9;}
.loading {position:fixed; top:50%; left:50%;  width:64px; height:64px; text-align:center;}


/* error */
#error_wrap {font-size:14px; font-weight:bold; max-width:435px; padding:250px 0 0; margin:7% auto 0; background:url('../images/common/error_icon.gif') no-repeat 50% 0;}
#error_wrap p {color:#454545; line-height:24px; margin-bottom:30px;}
#error_wrap p span {color:#8a8a8a;}
#error_wrap .error_logo {display:inline-block; height:40px; width:88px; background:url('../images/common/error_logo.gif') no-repeat}
#error_wrap .error_code {color:#000;}
#error_wrap ins {color: #444; text-decoration: none;}

.background-wrap {
	    display: none;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	    opacity: .7;
	    z-index: 10;
	}



.footer_dangi_wrap {}


#footer {position:relative; width:100%; clear:both;overflow: hidden; border-top:1px solid #d9d9d9;font-family:"맑은 고딕",Malgun Gothic,"돋움",Dotum,AppleGothic,sans-serif;}

/* footer */
#footer .footer_dangi_wrap {width:100%; margin: 0 auto;background-color:#fafafa; border-bottom:1px solid #eeeeee}
#footer .footer_dangi_menu {width:980px; height:48px; margin: 0 auto;}
#footer .footer_dangi_menu a {background-position: 0 -4px;background-image:url("../images/common/dangi_btn.jpeg"); width:50px;height:50px;display:inline-block;}
#footer .footer_dangi_menu li.link_gong a {background-position: 0 -4px; width:72px;}
#footer .footer_dangi_menu li.link_gong a:hover {background-position: 0 -57px;}
#footer .footer_dangi_menu li.link_eng a {background-position: -72px -4px; width:80px;}
#footer .footer_dangi_menu li.link_eng a:hover {background-position: -72px -57px;}
#footer .footer_dangi_menu li.link_sky a {background-position: -152px -4px; width:100px;}
#footer .footer_dangi_menu li.link_sky a:hover {background-position: -152px -57px;}
#footer .footer_dangi_menu li.link_job a {background-position: -252px -4px; width:100px;}
#footer .footer_dangi_menu li.link_job a:hover {background-position: -252px -57px;}
#footer .footer_dangi_menu li.link_gyung a {background-position: -352px -4px; width:82px;}
#footer .footer_dangi_menu li.link_gyung a:hover {background-position: -352px -57px;}
#footer .footer_dangi_menu li.link_toso a {background-position: -434px -4px; width:95px;}
#footer .footer_dangi_menu li.link_toso a:hover {background-position: -434px -57px;}
#footer .footer_dangi_menu li.link_toefl a {background-position: -529px -4px; width:95px;}
#footer .footer_dangi_menu li.link_toefl a:hover {background-position: -529px -57px;}
#footer .footer_dangi_menu li.link_gi a {background-position: -624px -4px; width:95px;}
#footer .footer_dangi_menu li.link_gi a:hover {background-position: -624px -57px;}
#footer .footer_dangi_menu li.link_fi a {background-position: -719px -4px; width:95px;}
#footer .footer_dangi_menu li.link_fi a:hover {background-position: -719px -57px;}
#footer .footer_dangi_menu li.link_sp a {background-position: -814px -4px; width:90px;}
#footer .footer_dangi_menu li.link_sp a:hover {background-position: -814px -57px;}
#footer .footer_dangi_menu li {display:inline-block; float: left;}
#footer .footer_wrap {width:980px; margin:0 auto; overflow:hidden;}
#footer .footer_logo {float:left;}
#footer .footer_logo a {text-indent:-9999em; width:140px; height:77px; float:left; display:inline-block; background:url("../images/common/logo_libro_btm.gif") no-repeat 0 0;}
#footer .footer_cont {width:980px; margin:30px 0; overflow:hidden;}
#footer .footer_info {float:left; width:980px; line-height:20px;}
#footer .footer_info span.bar {display:inline; font-size:11px; background:url("../images/common/bar_st.gif") no-repeat 0 -34px; display: inline-block; margin-left:5px; padding-left:8px;}
#footer .footer_copyright {padding-top:20px;}

#footer .footer_menu {width:980px; overflow:hidden;margin-top:28px;font-size:12px;color:#000}
#footer .footer_menu > a:nth-child(1) {margin-right:18px}
#footer .footer_cs {font-size:11px;font-weight:bold;color:#000}
#footer .footer_co {font-size:11px;font-weight:bold;color:#666;letter-spacing:-0.9px}
#footer .footer_cr {font-size:11px;font-weight:bold;color:#666;}
#footer .footer_privacy_wrap {border-top:1px solid #e5e5e5; margin:0 auto;padding:29px 0}
#footer .footer_privacy {margin:0 auto; width:980px; font-size:13px; color:#000; font-weight:bold}
#footer .footer_privacy ul {margin:0 auto; width:980px; font-size:13px; color:#000; font-weight:bold}
#footer .footer_privacy li a.change {font-size:12px;text-decoration:underline;color:#bebec1}
#footer .footer_privacy li a.priv {color:#ffc450}
#footer .footer_privacy li {display:inline-block; float:left; margin-left:25px;background: url("../images/common/bar_st.gif") no-repeat 0 -34px;padding-left:15px; margin-left:15px}
#footer .footer_privacy li:first-child {background: none;margin:0;padding:0}
#footer .footer_privacy li:nth-child(2) {background: none;}
#footer .footer_cont a > span {text-decoration: underline; color: #666;}


/* TGNB */
#tgnb img {vertical-align: top;}