@import url(reset.css);

/* 201306 */
/* jo jae young */
/* damanegi1979@naver.com */


/* common */

/* layout */
body{font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:12px; background-color:#aaaaaa; }

#wrapper{ max-width:1200px; margin:auto;background:url(../images/layout/bg_white.gif) 50% 50%; box-shadow:0px 0px 5px rgba(0,0,0,0.3)}
/* �ㅻ뜑 */

#header{ height:80px; background:url(../images/layout/bg_header.png) repeat-x center 0;}
#header header{max-width:1000px; margin:auto; position:relative; letter-spacing:-1px;}

#header header h1 { text-align:center; padding-top:5px;} 
#header header h1 .h_default { background:url(../images/bi/bg_bi.png) no-repeat; width:270px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden;}

/* 1.padding-top 조절해서 로고 위치 조정하세요.
   2.로고 사이즈 40px을 넘을 경우 bg_gi.png(70px)의 길이를 길게변경해서 조절해야 합니다. 
     2-1. left_nav, right_nav : top 값을 변경해서 길어진 영역에 맞게 nav위치를 조절하세요.
/* 
#header header h1 { text-align:center; padding-top:0px;}
#header header h1 .h_default { background:url(../images/bi/bg_bi.png) no-repeat; background-position:center 8px; width:270px; height:74px; display:inline-block; text-indent:-9999px; overflow:hidden;} 
 */
 
/*
스토아별로 bi를 변경한다.
*/
#header header h1 .h_kb { background:url(../images/bi/kb_bg_bi.png) no-repeat; width:270px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden;}
#header header h1 .h_sh { background:url(../images/bi/sh_bg_bi.png) no-repeat; width:270px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden;}
#header header h1 .h_bt { background:url(../images/bi/ss_bg_bi.png) no-repeat; width:270px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden;}
#header header h1 .h_mc { background:url(../images/bi/MC_bg_bi_M.png) no-repeat; width:270px; height:30px; display:inline-block; text-indent:-9999px; overflow:hidden;}

#header header .left_nav{ position:absolute; left:0; top:41px;}
#header header .left_nav li{ display:inline-block; height:40px; line-height:40px; float:left; margin-right:10px;}/* 20130904 수정 */
#header header .left_nav li a{color:#fff; display:block; height:40px; line-height:40px;font-size:13px;}/* 20130904 수정 */
#header header .left_nav li a.title_user{white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis; text-overflow:ellipsis; vertical-align:middle; }/* 20130904 수정 width 값 수정가능 현  47픽셀은 4글자의 너비*/


#header header .left_nav li.cate a{ background:url(../images/layout/ico_nav01.png) no-repeat left 5px; padding-left:18px;}
#header header .left_nav li.more a{ background:url(../images/layout/ico_nav02.png) no-repeat left 5px; padding-left:21px;}
#header header .left_nav li a:hover{ background-position:0 -25px; color:#ffa800; text-decoration:none;}
#header header .left_nav li.active a{background-position:0 -55px; color:#ffee66; }

#header header .right_nav{position:absolute; right:0; top:41px;}
#header header .right_nav li{ display:inline-block; height:40px; line-height:40px; margin-left:12px;}
#header header .right_nav li a{color:#fff; height:40px; line-height:40px; display:inline-block;font-size:13px;}
#header header .right_nav li.logout a{ background:url(../images/layout/ico_nav_login.png) no-repeat left 5px; padding-left:18px;} /*  20130904 수정 */
#header header .right_nav li.login a{ background:url(../images/layout/ico_nav_logout.png) no-repeat left 5px; padding-left:18px;} /*  20130904 수정 */
#header header .right_nav li.mypage a{ background:url(../images/layout/ico_nav_my.png) no-repeat left 5px; padding-left:22px;} /*  20130904 수정 */
#header header .right_nav li.etc a{ background:url(../images/layout/ico_nav_etc.png) no-repeat left 5px; padding-left:25px;} /*  20130904 수정 */


#header header .right_nav li.join a{background:url(../images/layout/ico_nav03.png) no-repeat left 5px; padding-left:25px;}
#header header .right_nav li.cart a{background:url(../images/layout/ico_nav04.png) no-repeat left 5px; padding-left:20px;}
#header header .right_nav li.cash a{background:url(../images/layout/ico_nav05.png) no-repeat left 5px; padding-left:18px;}
#header header .right_nav li.customer a{background:url(../images/layout/ico_nav06.png) no-repeat left 5px; padding-left:20px; }
#header header .right_nav li a:hover{background-position:0 -25px; color:#ffa800; text-decoration:none;}
#header header .right_nav li a.active{background-position:0 -55px; color:#ffee66; }
#header header .mob_nav{ position:absolute; right:0; top:0; display:none;}
#header header .mob_nav li{display:block; background:url(../images/layout/nav_space.gif) no-repeat left center; padding-left:2px; float:left;}
#header header .mob_nav li a{ display:block; height:40px; width:40px; text-indent:-9999px; overflow:hidden;}
#header header .mob_nav li.cate{ background:none; padding-left:0;}
#header header .mob_nav li.cate a{ background:url(../images/layout/ico_nav01_mob.png) no-repeat 50% 0%;}
#header header .mob_nav li.more a{background:url(../images/layout/ico_nav02_mob.png) no-repeat 50% 0%;}
#header header .mob_nav li.cart a{background:url(../images/layout/ico_nav03_mob.png) no-repeat 50% 0%;}
#header header .mob_nav li.search a{background:url(../images/layout/ico_nav04_mob.png) no-repeat 50% 0%;}
#header header .mob_nav li.mypage { background:none; padding-left:0;}
#header header .mob_nav li.mypage a{ background:url(../images/layout/ico_nav_mypage_mob.png) no-repeat 50% 0%;}
#header header .mob_nav li.logout a{background:url(../images/layout/ico_nav_login_mob.png) no-repeat 50% 50%;}
#header header .mob_nav li.login a{background:url(../images/layout/ico_nav_logout_mob.png) no-repeat 50% 0%;}
#header header .mob_nav li a:hover{ background-position:50% -40px; color:#ffee66; text-decoration:none;}
/* #header header .mob_nav li a.active{background-position:50% -40px; color:#ffee66; } */
#header header .user{position:absolute; background-color:#4a4e54; display:inline-block; font-size:11px; padding-left:10px; padding-right:10px; color:#fff; border-radius:2px; padding-top:3px; padding-bottom:3px; line-height:15px; min-height:15px; right:0; top:8px;}
#header header .user .user_name span{ cursor:pointer;}
#header header .user span.user_bg{ position:absolute; background:url(../images/layout/bg_user.png) no-repeat; width:14px; height:8px; right:10px; bottom:-8px;}
#header header .user img{ margin-right:8px; position:relative; top:-1px;}

#header header .user_info{ position:absolute; border:1px solid #fff; border-radius:4px; background-color:rgba(74,78,84,0.9); width:120px; padding:15px 10px 5px 10px; box-shadow:0px 0px 4px rgba(74,78,84,0.5); color:#fff; font-size:11px; right:0; top:31px; z-index:9999; display:none;}
#header header .user_info li{ line-height:20px;}
#header header .user_info .info_menu{ text-align:justify; padding-top:30px;}
#header header .user_info .info_menu a{color:#fff; display:inline-block;}
#header header .user_info .info_menu a.aa{ width:100%;}
#header header .user_info .info_menu:after{content:""; width:100%; display:inline-block;}
#header header .user_info span.bg{position:absolute; background:url(../images/layout/bg_user_info.png) no-repeat; width:14px; height:9px; left:10px; top:-9px;}
.category_layer{ position:absolute; border:1px solid #fff; border-radius:5px; box-shadow:0 0 2px rgba(0,0,0,0.1); z-index:999; background-color:rgba(74,78,84,0.9); left:0; top:79px; width:130px; padding:10px; display:none;}
.category_layer dl{ border-bottom:1px dotted #8b8e91; padding:5px 0;}
.category_layer dl:last-child{ border-bottom:none;}
.category_layer dd{ line-height:15px;}
.category_layer dd a{ color:#fff; font-size:11px; display:block;}
.category_layer .arrow{ display:block; width:10px; height:5px; background:url(../images/layout/bg_category_arrow.png) no-repeat; position:absolute; top:-10px; left:30px;}

@media screen and (max-width:320px){
    #header header .mob_nav li a{ width:36px;}
}
@media screen and (min-width:768px) and (max-width:999px){
    #header header h1 { padding-left: 20px;} 
    #header header .left_nav li{ margin-right:16px;}
    #header header .left_nav li a{font-size: 14x;}
    #header header .right_nav li{ margin-left:16px;}
    #header header .right_nav li a{font-size: 14px;}
}


@media screen and (max-width:999px){
#header header .left_nav{ padding-left:20px;}
#header header .right_nav{ padding-right:20px;}
#header header .left_nav li.hide_pad{display:none;}
/* #header header .right_nav li.cash{display:none;} */
#header header .right_nav li.customer{display:none;}
}

@media screen and (max-width:767px){
#header{ height:40px; background:url(../images/layout/bg_denim.jpg);}
#header header h1{text-align:left; padding-left:10px; padding-top:12px;}
#header header h1 .h_default {background:url(../images/bi/bg_bi_mobile.png) no-repeat; width:120px; height:16px;}
#header header h1 .h_kb { background:url(../images/bi/kb_bg_bi_mobile.png) no-repeat; width:120px; height:16px; }
#header header h1 .h_sh { background:url(../images/bi/sh_bg_bi_mobile.png) no-repeat; width:120px; height:16px; }
#header header h1 .h_bt { background:url(../images/bi/ss_bg_bi_mobile.png) no-repeat; width:120px; height:16px; }
#header header h1 .h_mc { background:url(../images/bi/MC_bg_bi_mobile.png) no-repeat; width:120px; height:16px; }
#header header .left_nav, #header header .right_nav{ display:none;}
#header header .left_nav li.more_menu{display:none;}
#header header .mob_nav{ display:block;}
#header header .user{ display:none;}
.category_layer{left: auto; right:30px; top:49px; width:130px; padding:10px; display:none;} /* 20131029 추가 */
}
 
 
#index_banner{height:300px; background: url(../images/layout/bg_gray.jpg) repeat-x center 0; position:relative; overflow:hidden;}
#index_banner aside{max-width:1000px; margin:auto; position:relative; z-index:0;}
#index_banner nav{ display:none;}
#index_banner .page_num{ text-align:center; position:absolute; bottom:15px; width:100%;}
#index_banner .page_num span{ display:inline-block; background:url(../images/layout/bulit_num.png) no-repeat; width:10px; height:10px; text-indent:-9999px; overflow:hidden; margin-left:3px; margin-right:3px;}
#index_banner .page_num span.active{ background-position:0 -10px;}

#contents{ max-width:1000px; margin:auto; padding-bottom:30px;}

@media screen and (max-width:999px){
    #contents{ padding-left:20px; padding-right:20px; padding-bottom:15px;}
    section#container{ overflow:hidden;}
}
@media screen and (max-width:767px){
    #contents{ padding-left:10px; padding-right:10px; padding-bottom:20px;}
    #index_banner{height:115px;}    
    #index_banner .page_num{ display:none;}
}


/* 寃�깋�곸뿭 */
#search_area{background:url(../images/layout/bg_white.gif) repeat-x center 0; padding-top:20px; padding-bottom:10px; position:relative;}
#search_area.sub_search{padding-bottom:20px;}

.search_book{width:360px; height:30px; background:url(../images/layout/bg_denim01.png) no-repeat; border-radius:15px; margin-left:auto; margin-right:auto; line-height:100%; position:relative;} /*20131018 수정*/
.search_book.index_search{display:none;}
.search_book .btn_delect{margin-left:20px;}
.search_book input[type=text]{ background:transparent; color:#fff; font-size:14px; border:none; width:210px; padding-left:6px;}
.search_book .btn_search{ background:url(../images/layout/btn_search.png) no-repeat; width:14px; height:14px; border:none; cursor:pointer; margin-right:15px;}
.search_book .btn_detail{ color:#dddddd; font-size:12px; margin-left:5px;}
/* .search_book a{vertical-align:top;} */
.search_book input{vertical-align:top;}
.search_book span.space{ display:inline-block; height:14px; border-left:1px solid #ddd; vertical-align:top;}
.search_book label.search_label{ position:absolute; color:#ddd; font-size:11px; left:42px; cursor:text;}


.book_list{background:url(../images/layout/bg_white.gif) center 0;}
.book_list article{max-width:1000px; margin:auto; position:relative; padding-top:20px;}
.book_list h1{ font-size:16px; color:#666666; font-weight:bold;}
.book_list a.btn_more{font-size:11px; background:url(../images/layout/bulit_more.gif) no-repeat right 3px; padding-right:10px; line-height:100%; right:0; top:20px; color:#666; position:absolute;}
.book_list .shadow_l{ height:220px; width:5px; background:url(../images/layout/shadow_left_list.png) no-repeat; left:0; top:15px; position:absolute;}
.book_list .shadow_r{ height:220px; width:5px; background:url(../images/layout/shadow_right_list.png) no-repeat; right:0; top:15px; position:absolute;}
/* tuch carousel */
.slider_list {padding-top:10px; width:100%; height: 245px; overflow:hidden;}    
.slider_list .arrow-holder {height: 250px;}     
.slider_list .touchcarousel-item {margin-right:10px; margin-left:10px; width: 105px; height: 220px; position:relative;}
.slider_list .item-block {width:100%; display: block; position:absolute; bottom:0;}
.slider_list .item-block figure{ position:relative;}
.slider_list .item-block figure img {width: 100%;   height:auto; box-shadow:0 3px 3px rgba(0,0,0,0.3); padding: 0; border:1px solid #828281;}
.slider_list .item-block figure .ico_hot{bottom:25px;}
.slider_list .item-block figure .ico_best{bottom:25px;}
.slider_list .item-block figure .ico_new{bottom:25px;}
.slider_list .item-block figure .sta_event{bottom:25px;}
.slider_list .item-block figure .sta_best{bottom:25px;}
.slider_list .item-block figcaption {text-align:center; width:100%; padding-top:6px;min-height:50px}
.slider_list a:hover{text-decoration:none !important;}
.slider_list .item-block .price{padding-top:3px; letter-spacing:0; font-size:11px;}
.slider_list .item-block .price .sale{ float:left; color:#f00; background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:10px;}
.slider_list .item-block .price .result{ float: right;}
.slider_list .scrollbar-holder {bottom: 2px; height: 10px; left: 0;right: 0;}
.slider_list .scrollbar {background-color: #ddd !important; bottom: 0; border-radius:3px;}
@media screen and (min-width:768px) and (max-width:999px){
.book_list{padding-left:20px; padding-right:20px;}
.book_list.sublist{ padding:0;}
}
@media screen and (max-width:767px){
#search_area{ display:none;}
#search_area.sub_search{padding-bottom:20px; padding:0; }

.search_book{border-radius:0; width:100%; background:#474953;}
.search_book input[type=text]{ width:180px; height:28px; font-size:14px; padding-left:4px;}
.search_book .btn_delect{ margin-left:10px;}
.search_book .btn_search{ margin-right:5px;}
.search_book .btn_area{ position:absolute; right:10px;}

.book_list{padding-left:10px; padding-right:10px; border-bottom:1px solid #ccc;}
.book_list h1{ color:#333;}
.book_list.sublist{ padding:0;}
.book_list article{padding-top:10px; overflow:hidden;}
.book_list article h1{ font-size:12px;}
.book_list a.btn_more{ top:10px;}
.book_list .shadow_l{display:none;}
.book_list .shadow_r{display:none;}
.book_list article{}
.slider_list {height:190px; margin:0; padding:0;}
.slider_list .item-block figcaption { font-size:11px; min-height:40px}
.slider_list .touchcarousel-item{ margin-left:5px; margin-right:15px; width:85px; height:180px }
.slider_list .item-block .price{ padding-top:1px;}
}

.banner_big{background:url(../images/layout/bg_gray.jpg) repeat-x center 0;}
.banner_small{background:url(../images/layout/bg_gray.jpg) repeat-x center 0;}
.banner_list{ max-width:1000px; margin:auto; position:relative;}
#carousel_banner {width:100%;   padding: 35px 0; overflow:hidden;}      
#carousel_banner .arrow-holder {height: 200px;}     
#carousel_banner .touchcarousel-wrapper {overflow: hidden;  margin-left: 0px;}
#carousel_banner .touchcarousel-item {padding-left: 10px; padding-right:10px; width:250px; height: 130px;}

#carousel_banner .touchcarousel-item img{ width:100%; height:auto; border-radius:10px;}
#carousel_banner .scrollbar-holder {bottom: 6px;}
#carousel_banner .scrollbar {border-radius:3px; background-color: #c8c8c8}


#carousel_banner_s {width:100%; padding: 35px 0; overflow:hidden;}      
#carousel_banner_s .arrow-holder {height: 165px;}   
#carousel_banner_s .touchcarousel-wrapper {overflow: hidden;    margin-left: 0px;}
#carousel_banner_s .touchcarousel-item {padding-left: 10px; padding-right:10px; width:200px; height: 95px;}

#carousel_banner_s .touchcarousel-item img{ width:100%; height:auto; border-radius:10px;}
#carousel_banner_s .scrollbar-holder {bottom: 6px;}
#carousel_banner_s .scrollbar {border-radius:3px; background-color: #c8c8c8}

.banner_big  .shadow_l{ height:200px; width:5px; background:url(../images/layout/shadow_left.png) no-repeat left 0; left:0; top:0; position:absolute; z-index:10;}
.banner_big  .shadow_r{ height:200px; width:5px; background:url(../images/layout/shadow_right.png) no-repeat right 0; right:0; top:0; position:absolute;z-index:10;}

.banner_small  .shadow_l{ height:165px; width:5px; background:url(../images/layout/shadow_left_s.png) no-repeat left 50%; left:0; top:0; position:absolute; z-index:10;}
.banner_small  .shadow_r{ height:165px; width:5px; background:url(../images/layout/shadow_right_s.png) no-repeat right 50%; right:0; top:0; position:absolute;z-index:10;}

@media screen and (min-width:768px) and (max-width:999px){
.banner_list{ padding-left:20px; padding-right:20px;}
}

@media screen and (max-width:767px){
.banner_list{padding-left:10px; padding-right:10px;}
.banner_list #carousel_banner{ padding-top:10px; padding-bottom:10px;}
.banner_list #carousel_banner_s{ padding-top:10px; padding-bottom:10px;}
.banner_list .touchcarousel-container{ padding-left:4px;}
.banner_list .arrow-holder { display:none;}     
.banner_list .shadow_l{display:none;}
.banner_list .shadow_r{display:none;}

#carousel_banner .scrollbar-holder {bottom: 2px;}
#carousel_banner .touchcarousel-item {padding-left:3px; padding-right:3px; width:138px; height: auto;}
#carousel_banner .touchcarousel-item img{ width:100%; height:auto; border-radius:5px;}

#carousel_banner_s .scrollbar-holder {bottom: 2px;}
#carousel_banner_s .touchcarousel-item {padding-left:3px; padding-right:3px; width:138px; height: auto;}
#carousel_banner_s .touchcarousel-item img{ width:100%; height:auto; border-radius:5px;}
}

/* 怨듭��ы빆 */
#noticeArea{max-width:1000px; margin:auto;font-family:"돋움",dotum;}
#noticeArea.sub_notice{ display:none;}
#noticeArea .space{ padding-top:35px; padding-bottom:30px;}
#noticeArea article{ border-top:2px solid #6b6b6b; border-bottom:1px solid #cccccc; background-color:#f6f6f6; padding:20px 15px 15px 15px;}
#noticeArea header.notice { padding-bottom:10px; position:relative;}
#noticeArea header.notice h1{ display:inline-block; color:#555555; font-weight:bold; background:url(../images/layout/bulit_arrow.gif) no-repeat right 3px; padding-right:10px; margin-right:10px; vertical-align: middle;}
#noticeArea header.notice p{display:inline-block; font-size:11px; vertical-align: bottom;}
#noticeArea header.notice #RollingTest{ display:inline-block; position:relative; top:8px;}
#noticeArea header.notice .notice_line{ width:260px; font-size:11px; vertical-align: bottom; position:relative;}
#noticeArea header.notice .notice_line li{background:url(../images/layout/bulit_gray.gif) no-repeat left 7px; padding-left:8px; width:260px;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis; line-height:20px;}
#noticeArea header.notice .notice_line a{ color:#969696;}


#noticeArea header.notice .btn_more{font-size:10px; margin-left:20px;}
#noticeArea header.notice .btn_more a{ background: url(../images/layout/bulit_arrow_small.gif) no-repeat right 3px; padding-right:8px; font-size:11px; color:#6b6b6b; vertical-align:moddle; line-height:11px;}
#noticeArea h2{ font-size:14px; color:#555555; border-bottom:1px solid #ddd; font-weight:bold;}
#noticeArea .qr{ float:left; width:320px; margin-right:20px; text-align:justify; }
#noticeArea .qr p{ padding-top:15px;}
#noticeArea .qr a{ display:inline-block; width:70px; font-size:11px; text-align:center;}
#noticeArea .qr a img{ display:block; margin-bottom:5px;}
#noticeArea .qr h2 span{ color:#5997ff;}
#noticeArea .event{float:left; width:350px; margin-right:20px;}
#noticeArea .event h2 { position:relative;}
#noticeArea .event h2 a{ font-size:11px; background:url(../images/layout/bulit_more.gif) no-repeat right 3px; padding-right:6px; position:absolute; right:0; top:3px; font-weight:normal; color:#6b6b6b;}
#noticeArea .event ul{ padding-top:15px;}
#noticeArea .event li{display:inline-block; width:218px;}
#noticeArea .event li img{border:1px solid #bbbbbb; width:100%;}
#noticeArea .customer{float:left; width:120px;}
#noticeArea .customer ul{ padding-top:15px; font-size:11px;}
#noticeArea .customer li{background:url(../images/layout/bulit_gray_light.gif) no-repeat left 5px; padding-left:5px; margin-bottom:5px;}
#noticeArea .customer li a{ color:#6d6d74}
#noticeArea .customer_menu{ float:right}
#noticeArea .customer_menu li{ display:none; }
#noticeArea .customer_menu li a{ display:block; width:120px; height:59px; font-size:11px; text-align:center;}
#noticeArea .customer_menu li.menu03 {display:block; margin-bottom:2px;}
#noticeArea .customer_menu li.menu03 a{background:url(../images/layout/btn_mypage.gif) no-repeat;  text-indent:-9999px; overflow:hidden;}
#noticeArea .customer_menu li.menu06 { display:block;}
#noticeArea .customer_menu li.menu06 a{background:url(../images/layout/btn_market.gif) no-repeat;  text-indent:-9999px; overflow:hidden;}
@media screen and (min-width:768px) and (max-width:999px){
#noticeArea .space{ padding-left:20px; padding-right:20px;}
#noticeArea article{border:1px solid #cccccc; border-top:2px solid #6b6b6b; }
#noticeArea .event{width:180px; margin-right:0; position:absolute; left:50%; margin-left:-110px;}
#noticeArea .event ul{padding-top:15px;}
#noticeArea .event li{display:none; width:auto;}
#noticeArea .event li:first-child{ display:block;}
#noticeArea .customer{display:none;}
#noticeArea .customer_menu{width:258px; margin-top:1px;}
#noticeArea .customer_menu li{ float:left; display:block; width:86px; }
#noticeArea .customer_menu li a{display:block; height:16px; border:1px solid #cccccc; padding-top:35px; color:#555555; text-indent:0 !important; width:84px;}
#noticeArea .customer_menu li.menu01 a{border-radius:10px 0 0 0; border-bottom:none; background:url(../images/layout/btn_notice01_pad.gif) no-repeat 50% 5px;}

#noticeArea .customer_menu li.menu02 a{border-bottom:none; background:#fff url(../images/layout/btn_notice02_pad.gif) no-repeat 50% 5px; border-left:none; border-right:none; width:86px;}
#noticeArea .customer_menu li.menu03{ margin-bottom:0;}
#noticeArea .customer_menu li.menu03 a{border-radius:0 10px 0 0; border-bottom:none;background:url(../images/layout/btn_notice03_pad.gif) no-repeat 50% 5px;}

#noticeArea .customer_menu li.menu04 a{border-radius:0 0 0 10px;background:#fff url(../images/layout/btn_notice04_pad.gif) no-repeat 50% 5px;}
#noticeArea .customer_menu li.menu05 a{background:url(../images/layout/btn_notice05_pad.gif) no-repeat 50% 5px;border-left:none; border-right:none;width:86px;}
#noticeArea .customer_menu li.menu06 a{border-radius:0 0 10px 0; background:#fff url(../images/layout/btn_notice06_pad.gif) no-repeat 50% 5px;}
}
@media screen and (max-width:767px){
#noticeArea.sub_notice{ border-top:1px solid #aaaaaa; padding-top:5px; box-shadow:inset 0 5px 5px rgba(0,0,0,0.2); display:block;}
#noticeArea header.notice { padding-bottom:5px;}
#noticeArea header.notice .notice_line{ width:150px;}
#noticeArea header.notice .btn_more {position:absolute; right:0; top:0;}
#noticeArea .space{ padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
#noticeArea article{border:none; background:none; padding:0; padding-bottom:5px;}

#noticeArea .qr{display:none;}
#noticeArea .event{ display:none;}
#noticeArea .customer{display:none;}
#noticeArea .customer_menu{margin-top:1px; float:none; width:100%;}
#noticeArea .customer_menu li{float:left; display:inline-block; width:33.3%; background-color:#d8d9da;}
#noticeArea .customer_menu li a{display:block; height:58px; border:1px  solid #cccccc; padding-top:38px; color:#555555; text-indent:0 !important; width:100%; box-sizing:border-box;}
#noticeArea .customer_menu li.menu01 a{border-bottom:none; background:url(../images/layout/btn_notice_mob01.gif) no-repeat 50% 7px;}
#noticeArea .customer_menu li.menu02{}
#noticeArea .customer_menu li.menu02 a{border-bottom:none; background: url(../images/layout/btn_notice_mob02.gif) no-repeat 50% 7px;border-left:none; border-right:none;}
#noticeArea .customer_menu li.menu03{ margin-bottom:0;}
#noticeArea .customer_menu li.menu03 a{border-bottom:none; background:url(../images/layout/btn_notice_mob03.gif) no-repeat 50% 7px;}
#noticeArea .customer_menu li.menu04{}
#noticeArea .customer_menu li.menu04 a{background: url(../images/layout/btn_notice_mob04.gif) no-repeat 50% 7px;}
#noticeArea .customer_menu li.menu05 a{background:url(../images/layout/btn_notice_mob05.gif) no-repeat 50% 7px;border-left:none; border-right:none;}
#noticeArea .customer_menu li.menu06 a{background:url(../images/layout/btn_notice_mob06.gif) no-repeat 50% 7px;}
}

/* �명꽣 */
#footer{ background:url(../images/layout/bg_denim.jpg) repeat-x center 0; font-family:"돋움",dotum;}
#footer footer{max-width:1000px; margin:auto; height:150px; color:#eeeeee; font-size:13px; position:relative;}
#footer .foot_menu{ font-size:12px;color:#aaabaf; border-bottom:1px solid #92959b; padding-top:25px; padding-bottom:10px;}
#footer .foot_menu a{ color:#aaabaf ; font-size:12px; font-weight:bold;}
#footer h1{ color:#eeeeee; font-weight:bold; padding-top:15px; padding-bottom:10px;}
#footer .company_info{ color:#cccccc;}
#footer .copyright{ color:#b3b5b9; position:absolute; right:0; top:65px;}
#footer .language{position:absolute; right:0; top:20px;}
#footer .language dt{ cursor:pointer;  background: url(../images/layout/bg_language.gif) no-repeat left center; padding-left:10px;}
#footer .language dd{position:absolute; right:0; bottom:22px; display:none;}
#footer .language a{ display:block; width:24px; margin:1px 0;}
#footer .language a img{ width:100%;}
#footer .account_menu {font-size:10px;color:#aaabaf; display:none; padding-left:5px; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #92959b;}
#footer .account_menu a{color:#aaabaf ; font-size:11px; margin-left:3px; margin-right:3px;}
@media screen and (min-width:768px) and (max-width:999px){
#footer .copyright{ display:none;}
#footer .foot_menu{ padding-left:20px;}
#footer h1{ padding-left:20px;}
#footer .company_info{ padding-left:20px;}
#footer .language{ right:20px;}

#ceres_copyright {padding-left:20px}
}

@media screen and (max-width:767px){
#footer .account_menu{ display:block;}
#footer .copyright{ display:none;}
#footer .foot_menu{font-size:10px; color:#aaabaf; border-bottom:0; padding-top:0;position:absolute; left:10px; bottom:5px;}
#footer .foot_menu a{ color:#cbcbcb ; font-size:11px; font-weight:normal; }
#footer h1{padding-top:15px; padding-bottom:4px; padding-left:10px;}
#footer .language{right:10px; top:15px;}
#footer .language dd{ bottom:16px;}
#footer .language a{width:20px; margin-bottom:1px;}
#footer .language a img{border:1px solid #666;}
#footer .company_info{ padding-left:10px;}
#footer .company_info .mob{ display:none;}
#footer .company_info li span{display:block; line-height:20px;}
#footer .company_info li span.space{ display:none;}
#ceres_copyright {padding-left:10px; font-size:11px}
}

/* location */
#location{ border:1px solid #ddd; height:30px; line-height:30px; border-radius:3px; background:url(../images/layout/bg_location.gif); max-width:1000px; margin-left:auto; margin-right:auto; clear:both;}
.bot_location{ margin-bottom:20px;}
#location a.go_list{ margin-left:10px; font-weight:bold; background:url(../images/common/ico_list.png) no-repeat left center; padding-left:20px; height:30px; display:inline-block; line-height:30px; color:#555; margin-right:10px;}
#location dt{display:inline-block; padding-left:10px; font-weight:bold;}
#location dd{display:inline-block; background: url(../images/layout/bg_location_arrow.gif) no-repeat left center; padding-left:12px; margin-left:10px;}
#location dd select{ border:1px solid #ddd; height:24px; line-height:24px; font-size:11px; background:url(../images/layout/arrow_selectbox.gif) no-repeat right center, url(../images/layout/bg_white.gif) ; width:118px; text-indent:5px; position:relative; top:-1px; color:#555555;}
@media screen and (max-width:320px){
/* #location{ height:30px;} */
}
@media screen and (min-width:768px) and (max-width:999px){
#location{ margin-left:20px; margin-right:20px;}
}
@media screen and (max-width:767px){
#location{ border-radius:0;}
/* 
#location dt{background: url(../images/layout/bg_location_arrow.gif) no-repeat right center; padding-right:7px;}
#location dd{ padding:0; margin:0;} */
#location dd select{ width:100px }
}

/* 검색결과 */
#result_solt{ border-bottom:1px solid #aaaaaa; height:35px; line-height:35px; color:#999999; margin-top:25px;}
#result_solt strong,#result_solt span{ color:#333;}
#result_solt .result_txt{ float:left;}
#result_solt .sort_list{float:right;}
#result_solt .sort_list ul{display:inline-block;}
#result_solt .sort_list ul li{ display:inline-block;}
#result_solt .sort_list ul li a{ display:block; border:1px solid #ddd; height:18px; line-height:18px; border-radius:9px; background:#fff url(../images/layout/bg_solt_down.gif) no-repeat right bottom; width:50px; text-align:center; font-size:11px; padding-right:8px;}
#result_solt .sort_list ul li a:hover{ background-color:#333333; color:#fff; font-weight:bold; text-decoration:none; background-position:right 0;}
#result_solt .sort_list ul li a.active{ color:#fff; font-weight:bold; background-position:right 0; background:#333 url(../images/layout/bg_solt_up.gif) no-repeat right top;} /* 20130904 수정 */
#result_solt .sort_list ul.order_sort li a{ width:60px; text-align:left; padding-left:7px;}
#result_solt .mob_solt{ float:right; display:none;}
#result_solt select{border:1px solid #ddd; height:20px; line-height:20px; font-size:11px; background:url(../images/layout/arrow_selectbox.gif) no-repeat right center, url(../images/layout/bg_clear.gif) ; width:78px; text-indent:5px; position:relative; top:-1px; color:#555555;}
#result_solt select.order_select{ width:130px;}
@media screen and (max-width:999px){
#result_solt span{ display:none;}
}
@media screen and (max-width:767px){
#result_solt{margin-top:0;}
#result_solt span{ display:none;}
#result_solt .sort_list { display: none;}
#result_solt .mob_solt{ display:block;}
}


.result_list h1{ padding-top:15px; color:#666666;}
.result_list h1 span{display:none;}
.result_list h1 em{color:#f00;}
.result_list .mob_solt{border:1px solid #aaaaaa; border-radius:3px; height:28px; line-height:28px; display:none; margin-top:15px;}
.result_list .mob_solt li{float:left; width:33%;}

.result_list .mob_solt a{ display:block; height:28px; line-height:28px; background-color:#eeeeee; font-size:11px; text-align:center; width:100%;}
.result_list .mob_solt li.middle {border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;box-sizing:border-box; width:33.4%;}
.result_list .mob_solt a:hover{ background-color:#474953; color:#fff;}
.result_list .mob_solt a.active{ background-color:#474953; color:#fff;}

@media screen and (min-width:768px) and (max-width:999px){
.result_list h1 span{display:inline-block;}
.result_list h1 em{ color:#f00;}
}
@media screen and (max-width:767px){
.result_list .mob_solt{ display:block;}
}

/* 遺��꾩씠肄�*/
/* 북 아이콘 */
.tag_hot{ background:url(../images/common/tag_book_hot.png) no-repeat; width:62px; height:62px; position:absolute; left:0; top:0;}
.tag_best{ background:url(../images/common/tag_book_best.png) no-repeat; width:62px; height:62px; position:absolute; left:0; top:0;}
.tag_new{ background:url(../images/common/tag_book_new.png) no-repeat; width:62px; height:62px; position:absolute; left:0; top:0;}
.ico_hot{ background:url(../images/common/ico_book_hot.png) no-repeat; width:53px; height:58px; position:absolute; bottom:2px; right:0;}
.ico_best{ background:url(../images/common/ico_book_best.png) no-repeat; width:53px; height:58px; position:absolute; bottom:2px; right:0;}
.ico_new{ background:url(../images/common/ico_book_new.png) no-repeat; width:53px; height:58px; position:absolute; bottom:2px; right:0;}



.tag_top{ position:absolute; left:0; top:0;} /* 20131018 수정 */
.tag_top img{border:none !important; box-shadow:none !important;}/* 20131018 수정 */
.tag_top_19{ position:absolute; right:0; top:0;} /* 20131018 수정 */
.tag_top_19 img{border:none !important; box-shadow:none !important;}/* 20131018 수정 */
.tag_bot{ position:absolute; right:-2px; bottom:0;}/* 20131018 수정 */
.tag_bot img{border:none !important; box-shadow:none !important;}/* 20131018 수정 */
.tag_bot_cart{ position:absolute; right:-2px; bottom:0px;}/* 20131018 수정 */
.tag_bot_cart img{border:none !important; box-shadow:none !important;}/* 20131018 수정 */
.book_info_list .book_info .thumb .image .tag_bot{ bottom:0;}/* 20131018 수정 */
.book_info_list .book_info .thumb .image .tag_bot img{box-shadow: none !important;}/* 20131018 수정 */
.info_contents .book_image .image .tag_bot{ bottom:0; right:1px;}/* 20131018 수정 */
.info_contents .book_image .image .tag_bot img,.info_contents .book_image .image .tag_top img {box-shadow: none !important; width:inherit !important; height:inherit !important;}/* 20131018 수정 */
.aside_book_list .tag_bot{ position:absolute; right:-2px; bottom:0px;}/* 20131018 수정 */

/* 寃�깋由ъ뒪��*/
.book_info_list{ text-align:justify;}
.book_info_list:before{content: ''; display: block; width: 100%;}
.book_info_list:after {content: ''; display: inline-block; width: 100%;}
.book_info_list .book_info {display:inline-block; width:320px; margin-top:40px; position:relative; padding-left:130px; color:#333333; height:210px; vertical-align:top;} /* 20131018 수정 */
.book_info_list .book_info .thumb{position:absolute; left:0; top:0; height:210px;}
.book_info_list .book_info .thumb .image{width:105px; position:relative;}
.book_info_list .book_info .thumb .image img{box-shadow:0 3px 3px rgba(0,0,0,0.3); width:100%; border:1px solid #666;}
.book_info_list .book_info .thumb a.btn_samlple{ position:absolute; left:0; bottom:0; display:block; background:#fff url(../images/common/bg_btn_sample.png) no-repeat 19px  center; border:1px solid #ddd; border-radius:5px; text-align:center; height:28px; line-height:28px; width:83px; padding-left:15px; color:#666666;}
.book_info_list .book_info h2{ font-size:14px; font-weight:bold; color:#666666; margin-bottom:5px;white-space:nowrap; text-overflow:ellipsis; width:100%;  display:block; overflow:hidden;} /* 20131120 수정 */
.book_info_list .book_info .book_made_info{margin-bottom:15px;}
.book_info_list .book_info .book_made_info span.space{font-size:10px; color:#999;}
.book_info_list .book_info .price_info{}
.book_info_list .book_info .price_info .default{ margin-right:10px;}
.book_info_list .book_info .price_info .sale{color:#f00; padding-left:12px; background:url(../images/common/bulit_arrow_black.gif) no-repeat left center;}
.book_info_list .book_info .summary{ margin-top:15px; line-height:20px;}
.book_info_list .book_info .btn_area{position:absolute; bottom:0; right:0; text-align:justify; width:320px;}
.book_info_list .book_info .btn_area a{border-radius:5px; text-align:center; height:28px; line-height:28px; color:#fff; background-color:#555964; display:inline-block; width:100px; position:relative; top:16px; border:1px solid #ddd}
.book_info_list .book_info .btn_area a.btn_red{ background-color:#dd0000;}
.book_info_list .book_info .btn_area a.btn_red{ background-color:#dd0000;}
.book_info_list .book_info .btn_area a.btn_red{ background-color:#dd0000;}
.book_info_list .book_info .btn_area a.btn_red{ background-color:#dd0000;}
.book_info_list .book_info .btn_area a.btn_order_color{background-color:#dd0000;}
.book_info_list .book_info .btn_area a.btn_gift_color{background-color:#AAAAAA;}
.book_info_list .book_info .btn_area a.btn_cart_color{background-color:#566692;}
.book_info_list .book_info .btn_area:before{content: ''; display: block; width: 100%; }
.book_info_list .book_info .btn_area:after {content: ''; display: inline-block; width: 100%;}
@media screen and (min-width:768px) and (max-width:999px){
.book_info_list .book_info{width:215px; height:250px;}
.book_info_list .book_info .book_made_info span.line{ display:block;}
.book_info_list .book_info .book_made_info span.mob{ display:none;}
.book_info_list .book_info .price_info .default{ display:block; text-decoration:line-through;}
.book_info_list .book_info .price_info .sale{ padding-left:0; background:none; display:block;}
.book_info_list .book_info .summary{ line-height:19px; height:95px; overflow:hidden;}
.book_info_list .book_info .btn_area { width:100%;}
.book_info_list .book_info .btn_area a{}
}
@media screen and (max-width:767px){
.result_list .mob_solt{ display:block;}
.book_info_list .book_info{width:auto; height:200px; padding-left:105px; display:block;}/* 20131018 수정 */
.book_info_list .book_info .book_made_info span.line{ display:block;}
.book_info_list .book_info .book_made_info span.mob{ display:none;}
.book_info_list .book_info .price_info .default{ display:block; text-decoration:line-through;}
.book_info_list .book_info .price_info .sale{ padding-left:0; background:none; display:block;}
.book_info_list .book_info .thumb{ height:150px; width:85px;}
.book_info_list .book_info .thumb .image{width:100%;}
.book_info_list .book_info .summary{ line-height:16px; height:48px; overflow:hidden;}
.book_info_list .book_info .thumb a.btn_samlple{ width:70px; background-position:10px center;}
.book_info_list .book_info .btn_area{ width:100%;}
.book_info_list .book_info .btn_area a{ width:30%;}
.tag_bot{ position:absolute; right:-2px; bottom:0;}/* 20131018 수정 */
.book_list.sublist .tag_bot{ bottom:22px;}
}

/* paging */
.paging{ text-align:center;border:1px solid #ddd; border-radius:3px; background:url(../images/layout/bg_location.gif); max-width:1000px; font-size:11px;}
.paging.result_paging{ margin-top:55px;}
.paging.default{ background:none !important; border:none;}

.paging a{display:inline-block; margin-left:2px; margin-right:2px; vertical-align:middle; height:30px; line-height:30px;}
.paging a.active{ font-weight:bold; cursor:default;}
.paging a.active:hover{ text-decoration:none;}
.paging a.pprev{width:12px; background:url(../images/common/btn_paging_pprev.gif) no-repeat 50% 12px; text-indent:-9999px; overflow: hidden;}
.paging a.prev{background:url(../images/common/btn_paging_prev.gif) no-repeat left 12px; padding-left:8px;}
.paging a.next{background:url(../images/common/btn_paging_next.gif) no-repeat right 12px; padding-right:8px;}
.paging a.nnext{width:12px; background:url(../images/common/btn_paging_nnext.gif) no-repeat 50% 12px; text-indent:-9999px; overflow: hidden;}
@media screen and (max-width:767px){
.paging{ height:25px; line-height:25px; background:none; border:none;}
.paging.result_paging{ margin-top:10px;}
.paging a{ height:23px; line-height:23px; border:1px solid #aaaaaa; background-color:#fff; padding-left:5px; padding-right:5px; min-width:12px;}
.paging a.pprev{display:none;}
.paging a.prev{display:none;}
.paging a.next{ background-image:none; padding-left:10px; padding-right:10px; background-color:#fff;}
.paging a.nnext{display:none;}
.paging a:hover{ text-decoration:none;} 
.paging a.active{ color:#fff; background-color:#474953;}
}

.pagination {
  height: 36px;
  font-size: 10px;
  margin-top: 50px;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination a:hover,
.pagination .active a {
  background-color: #DDDDDD;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}

/* 2013.08.23. added by live4it */
.pagination span.ellipse {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border-right: 1px solid #ddd;
  border-left-width: 0;
}

@media screen and (max-width:767px){
    .pagination {height: 30px; font-size: 10px; margin-top: 50px; }
    .pagination a { float: left; padding: 0 11px; line-height: 30px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; }
    .pagination li.prev a, .pagination li.next a { padding: 0 8px; }
    .pagination span.ellipse { float: left; padding: 0 4px; line-height: 30px; text-decoration: none; border-right: 1px solid #ddd; border-left-width: 0; }
}
/* 2013.08.23. added by live4it */

/* #search_layer{ position: absolute; width:358px; background:url(../images/layout/bg_denim.jpg); border:1px solid #666666; border-radius:10px; left:50%; top:0; margin-left:-180px; z-index:10; top:20px; box-shadow:3px 3px 10px rgba(0,0,0,0.3); color:#fff; top:90px; z-index:999; display: none;} */
#search_layer{ position: absolute; width:360px; background:url(../images/layout/bg_search.png); border-radius:10px; left:50%; top:0; margin-left:-180px; z-index:10; top:20px; box-shadow:3px 3px 10px rgba(0,0,0,0.3); color:#fff; top:90px; z-index:999; display: none;} /* 20131018 수정 */
#search_layer.index_layer{top:400px;}
#search_layer h1{ height:40px; line-height:40px; padding-left:10px; font-size:14px; font-weight:bold;}
#search_layer .search_box{ background-color:#474953; margin-left:10px; margin-right:10px; font-size:11px; padding:20px;}
#search_layer .search_box .filter{ border-bottom:1px solid #7f8087;}
#search_layer .search_box ul { padding:5px 0;}
#search_layer .search_box ul li{ display:inline-block; width:49%; margin-bottom:5px;}
#search_layer .search_box .select_type{ border-top:1px solid #333333;}
#search_layer .btn_close{ position:absolute; right:20px; top:10px; display:block;}
#search_layer .btn_line{ text-align:center; margin-top:10px; margin-bottom:10px;}
/* #search_layer .btn_line a{ display:inline-block; width:80px; height:28px; line-height:28px; background:url(../images/common/bg_layer_btn.gif) repeat-x; border-radius:3px; color:#666; font-size:12px; text-align:center; margin-left:10px; margin-right:10px;} */
#search_layer .btn_line a{ display:inline-block; width:80px; height:27px; line-height:27px; background:url(../images/common/bg_layer_btn.gif) repeat-x; border-radius:5px; color:#666; font-size:12px; text-align:center; margin-left:10px; margin-right:10px;} /* 20131022 수정 */ 
#search_layer .search_line{ background-color:#fff; height:22px; border-radius:14px; padding-top:6px; margin-top:10px;}
#search_layer .search_line .btn_delect{margin-left:10px;}
#search_layer .search_line label.search_label{ position:absolute; color:#474953; font-size:11px; left:60px; cursor:text;}
#search_layer .search_line input[type=text]{background:transparent; color:#474953; font-size:11px; border:none; width:215px; height:16px; line-height:16px; padding-left:10px;}
#search_layer .search_line .space{padding-left:17px; border-left:1px solid #ddd; height:14px; line-height:14px; display:inline-block;}
#search_layer .search_line .btn_search{background:url(../images/layout/btn_search_layer.png) no-repeat 0 0; width:14px; height:14px; border:none; cursor:pointer; position:relative; top:1px;}

@media screen and (max-width:767px){
/* #search_layer{ left:0; margin-left:0; top:40px; border:none; border-radius:0; width:100%; border-top:1px solid #666666; box-shadow:inset 3px 3px 10px rgba(0,0,0,0.3);} */
#search_layer{ left:0; margin-left:0; top:40px; border:none; border-radius:0; width:100%;  box-shadow:inset 3px 3px 10px rgba(0,0,0,0.3);} /* 20131018 수정 */
#search_layer.index_layer{top:40px;}
#search_layer .search_box{ margin:0;}
#search_layer .search_box{ font-size:12px;}
#search_layer .search_line input[type=text]{ width:150px;}
#search_layer .search_line .space{ float: right; margin-right:15px;}
}

/* 상세보기 */
#book_info{ float:left; width:730px;}
#book_info .book_image a.btn_samlple{ display:inline-block; background:#fff url(../images/common/bg_btn_sample.png) no-repeat 19px  center; border:1px solid #ddd; border-radius:5px; text-align:center; height:28px; line-height:28px; width:83px; padding-left:15px; color:#666666; margin-top:20px;}
#book_info header{height:55px; line-height:55px; font-size:18px; font-weight:bold; border-bottom:1px solid #aaaaaa; position:relative;}
#book_info header h1{ float:left; font-weight:bold; color:#666;}
#book_info header .ico{ float:right;}

#book_info .select_information{ background:url(../images/common/ico_group.gif) no-repeat left center; padding-left:25px; line-height:20px; font-size:11px; margin-top:10px; margin-bottom:40px;}
#book_info .select_information a{ font-weight:bold; color:#dd0000;}
.info_contents{ position:relative; padding-left:220px;}
.info_contents .book_image{ position:absolute; left:0; top:0; text-align:center;}
.info_contents .book_image .image{ position:relative;}
.info_contents .book_image .image img{ border:1px solid #828281; box-shadow:0 3px 5px rgba(0,0,0,0.2)}
.info_contents .score .score_result{ float:left; margin-right:25px;}
.info_contents .score .score_line{ display:inline-block; width:60px; height:10px; background:url(../images/common/score_star_bg.png);}
.info_contents .score .score_line img{ float:left;}
.info_contents .score .give_score{float:left;}
.info_contents .score .give_score span{ float:left; font-size:11px; margin-right:5px;}
.info_contents .score .give_score dl{float:left; position:relative; font-size:11px;}
.info_contents .score .give_score dl dt{ height:18px; border:1px solid #ddd; width:78px; background:#fff url(../images/layout/arrow_selectbox.gif) no-repeat right center; padding-left:5px; cursor:pointer;}
.info_contents .score .give_score dl dd{ position:absolute; left:0; top:19px; border:1px solid #ddd; padding-left:5px; width:78px; padding-top:5px; padding-bottom:5px; background-color:#fff; display:none;}
.info_contents .score .give_score dl dd li{ display:block; cursor:pointer;}
.info_contents .made_info li{ float:left; background:url(../images/common/bg_space.gif) no-repeat left center; padding-left:8px; margin-left:7px;}
.info_contents .made_info li.first{ margin:0; padding:0; background:none;}
.info_contents .made_info li strong{ color:#333;}
.info_contents .price_area{ border:1px solid #ddd; border-radius:5px; background:rgba(0,0,0,0.05); padding:15px 20px; margin-top:20px; color:#333;}
.info_contents .price_area .default{ font-weight:bold;}
.info_contents .price_area .default em{ text-decoration:line-through; font-weight:bold;}
.info_contents .price_area .sale{ margin-top:15px; margin-bottom:5px; font-weight:bold;}
.info_contents .price_area .sale em{ font-weight:normal;}
.info_contents .price_area .sale em span{ color:#d00; text-decoration:underline; background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:10px;}
.info_contents .price_area .promotion{margin-top:15px; font-weight:bold; color:#d00;}
.info_contents .price_area .promotion em{ font-weight:normal;}
.info_contents .price_area .promotion em span{background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:10px;}
.info_contents .price_area .book_caution{ font-size:11px; color:#888;}
.info_contents .price_area .rent{  margin-top:20px; border-bottom:1px solid #bbbbbb; padding-bottom:20px;}
.info_contents .price_area .rent dt{font-weight:bold; margin-bottom:3px;}
.info_contents .price_area .rent dd{ display:inline-block; margin-right:20px;}
.info_contents .price_area .point{ border-top:1px solid #fff; padding-top:10px;}
.info_contents .price_area .btn_buy{margin-top:15px;}
.info_contents .price_area .btn_buy a{ display:inline-block; width:138px; height:38px; line-height:38px; color:#fff; text-align:center; background-color:#555964; border-radius:5px; }
.info_contents .price_area .btn_buy a.btn_red{background-color:#d00;}
.info_contents .price_area .btn_buy a.btn_order_color{background-color:#dd0000;}
.info_contents .price_area .btn_buy a.btn_gift_color{background-color:#AAAAAA;}
.info_contents .price_area .btn_buy a.btn_cart_color{background-color:#566692;}
.group_list{border:1px solid #ddd; padding:5px; position:relative; padding-bottom:10px; border-radius:10px;}
.group_list h2{font-weight:bold; padding-left:5px; color:#666;}
.group_list ul{ display:none;}
.group_list ul:first-child{ display:block;}
.group_list .close_book_list{padding-top:20px;}
.group_list .close_book_list li{float:left; margin-left:7px; margin-right:7px; position:relative; height:170px; width:85px;}
.group_list .close_book_list li a{ display:block;  text-align:center; font-size:11px; position:absolute; left:0; bottom:0;}
.group_list .close_book_list li a img{ width:83px; border:1px solid #828281; margin-bottom:5px; box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.group_list .close_book_list li a .price{ margin-top:3px;}
.group_list .close_book_list li a .price .sale{ float:left; color:#f00; background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:10px;}
.group_list .close_book_list li a .price .result{ float: right;}
.group_list .list_btn{ position:absolute; text-align:center; right:15px; top:8px;}
.group_list .list_btn a{ display:inline-block; background:url(../images/common/ico_page_bulit_red.png) no-repeat; width:10px; height:11px; text-indent:-9999px; overflow:hidden;}
.group_list .list_btn a:hover{ background-position:0 -11px;}
.group_list .list_btn a.active{ background-position:0 -11px;}
.cate_group_info dt{ font-weight:bold; color:#333; margin-bottom:3px;}
.cate_group_info dd{ font-size:11px; line-height:20px;}

.book_detail_area{ border:1px solid #aaaaaa; border-radius:10px; margin-top:30px; overflow:hidden; margin-bottom:10px; box-shadow:0 3px 5px rgba(0,0,0,0.2)}
.book_detail_area .book_detail_tab{background-color:#fff; border-bottom:2px solid #555964;}
.book_detail_area .book_detail_tab li{ width:20%; background-color:#fff; text-align:center; height:28px; line-height:28px; font-size:11px; float:left; color:#666; cursor:pointer; box-sizing:border-box; border-left:1px solid #aaa; -moz-box-sizing:border-box;}
.book_detail_area .book_detail_tab li:first-child{ border:none;}
.book_detail_area .book_detail_tab li:hover{ color:#fff; background-color:#555964;}
.book_detail_area .book_detail_tab li.active{color:#fff; background-color:#555964;}

.book_detail_area .detail_con{padding:20px 30px; line-height:20px;background:rgba(0,0,0,0.03); display:none;}
.review_write{ border-bottom:2px solid #aaa; padding-bottom:20px;}
.review_write textarea{ background:#fff; border:1px solid #cccccc; padding:15px 10px; width:100%; height:90px; line-height:20px; color:#666; box-sizing:border-box; -moz-box-sizing:border-box;}
.review_write .btn{ margin-top:10px;}
.review_write .btn .caution{ font-size:11px; float:left;}
.review_write .btn .btn_register{ float:right;}
.review_write .btn .btn_register a{ display:inline-block; width:100px; height:28px; line-height:28px; color:#fff; text-align:center; border-radius:5px; background-color:#888888; margin-left:10px;}
.review_write .btn .btn_register a.regist{ background-color:#555964; font-weight:bold;}
.review_list{ margin-bottom:25px;}
.review_list li{ border-bottom:1px solid #ccc; padding:15px 10px 10px 20px; font-size:11px;}
.review_list li h3 span{ margin-left:5px;}
.review_list li p.txt{ font-size:12px; line-height:16px; margin-top:15px;}
.review_list li p.btn_reg{ text-align:right; margin-top:5px;}
.review_list li p.btn_reg a{ display:inline-block; text-align:center; color:#fff; background-color:#888888; width:38px; height:16px; border:1px solid #ddd; border-radius:3px; line-height: normal;}
.review_list li textarea{background:#fff; overflow-y:auto; border:1px solid #cccccc; padding:10px 10px; width:100%; height:60px;color:#666; box-sizing:border-box; margin-top:10px; margin-bottom:5px;-moz-box-sizing:border-box;}
.close_book_list_l { margin-top:30px; padding-bottom:20px; padding-left:5px;}
.list_l li{float:left; position:relative; padding-left:95px; width:33.3%; box-sizing:border-box; overflow:hidden;-moz-box-sizing:border-box;}
.close_book_list_l li.last{ width:auto;}
.close_book_list_l li a .book_img{width:85px; margin-left:-95px; float:left;}
.close_book_list_l li a .book_img img{ border:1px solid #828281; width:100%;}
.close_book_list_l li a .title{ font-weight:bold; color:#666; margin-bottom:10px;}
.close_book_list_l li a .info{ font-size:11px; color:#333;}
.close_book_list_l li a .info span{ background:url(../images/common/bg_space.gif) no-repeat left 4px; padding-left:5px; margin-left:4px;}
.close_book_list_l li a .price{ color:#333333; text-decoration:line-through; margin-top:20px;}
.close_book_list_l li a .price_sale{ color:#d00; font-weight:bold;}
.close_book_list_l li a .price_sale span{ font-weight:normal; font-size:11px;}
.close_book_list_l li a .price_sale span em{ background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:8px; margin-left:2px;}


.aside_book_list li{position:relative; padding-left:95px; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.aside_book_list li a .book_img{width:85px; margin-left:-95px; float:left; position:relative;}
.aside_book_list li a .book_img img{border:1px solid #828281; width:100%;}
.aside_book_list li a .title{font-weight:bold; color:#666; margin-bottom:10px;}
.aside_book_list li a .info{ font-size:11px; color:#333;}
.aside_book_list li a .info span{ background:url(../images/common/bg_space.gif) no-repeat left 4px; padding-left:5px; margin-left:4px;}
.aside_book_list li a .price{ color:#333333; text-decoration:line-through; margin-top:20px;}
.aside_book_list li a .price_sale{ color:#d00; font-weight:bold;}
.aside_book_list li a .price_sale span{ font-weight:normal; font-size:11px;}
.aside_book_list li a .price_sale span em{ background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:8px; margin-left:2px;}

.book_more{float:right; width:250px;}
.aside_list{ border:1px solid #ddd; background-color:#fff; margin-top:20px;}
.aside_list .list_header{ border-bottom:1px solid #ddd; height:35px; line-height:35px;}
.aside_list .list_header h2{ float:left; height:30px; line-height:30px; padding-left:10px; font-weight:bold; color:#666;}
.aside_list .list_header a { float:right; margin-right:10px; font-size:11px; background:url(../images/layout/bulit_more.gif) no-repeat right center; padding-right:10px; height:35px; line-height:35px; display:block;}
.aside_book_list{ padding-left:10px; padding-right:10px;}

@media screen and (max-width:999px){
#book_info{ float:none; width:auto;}
.book_more{ float:none; width:auto;}
.aside_list{ background:none; border-radius:10px;}
.aside_list .list_header{ border:none;}
.aside_list .aside_book_list li{ float:left; width:33.3%; box-sizing:border-box;}
}
@media screen and (max-width:320px){
.info_contents .score .give_score dl dt{ height:18px; border:1px solid #ddd; width:60px; background:#fff url(../images/layout/arrow_selectbox.gif) no-repeat right center; padding-left:5px; cursor:pointer;}
}
@media screen and (max-width:767px){
.bot_location{ display:none;}
#book_info header{height: auto; line-height:normal; font-size:14px; font-weight:bold; border-bottom:none; padding-top:10px; }
#book_info header h1{text-align:center; float:none;}
#book_info header .ico{ position:absolute; right:-5px; top:-28px;}
#book_info header .ico img{ width:23px; height:auto;}/* 20131018 수정 */
#book_info .select_information{ margin-bottom:15px;}
.info_contents{padding-left:0px;}
.info_contents .book_image .image{ width:80px;}
.info_contents .book_image .image img{width:80px;}
.info_contents .book_image .image .tag_bot{ bottom:0; right:-2px;}/* 20131018 수정 */
#book_info .book_image a.btn_samlple{background:#fff url(../images/common/bg_btn_sample.png) no-repeat 10px  center; margin-top:10px; width:68px; padding-left:12px;}
.info_contents .score .score_result{ padding-left:90px;}
.info_contents .score .score_line img{ float:left;}
.info_contents .score .give_score{ float:right;}
.info_contents .score .give_score span{ display:none;}
.info_contents .made_info { padding-left:90px;}
.info_contents .made_info li{ float:none; background:none; padding-left:0px; margin-left:0px;}
.info_contents .made_info li.first{ margin:0; padding:0; background:none;}
.info_contents .price_area{ border:1px solid #ddd; border-radius:5px; background:rgba(0,0,0,0.05); padding:15px 10px; margin-top:20px;}
.info_contents .price_area .book_caution{ display:none;}
.info_contents .price_area .rent{ margin-top:10px; border-bottom:1px solid #bbbbbb; padding-bottom:20px; padding-left:80px;}
.info_contents .price_area .rent dt{ margin-left:-80px; float:left; line-height:20px;}
.info_contents .price_area .rent dd{ display: block; line-height:20px;}
.info_contents .price_area .btn_buy a{ width:88px; height:28px; line-height:28px;}
.group_list{border:none; border-bottom:1px solid #aaa; padding:0px; padding-bottom:20px;}
.group_list h2{padding-left:0px;}
.group_list .list_btn{ top:0;}
.book_detail_area{border:1px solid #aaaaaa; border-radius:0px !important; margin-top:20px; margin-bottom:10px; box-shadow:0 3px 5px rgba(0,0,0,0.2)}
.book_detail_area .book_detail_tab li span{ display:none;}
.book_detail_area .detail_con{padding:20px 5px; line-height:20px;background:rgba(0,0,0,0.03); display:none;}
.book_detail_area .detail_con .review_write .btn{ margin-top:5px;}
.book_detail_area .detail_con .review_write .btn .caution{ float:none;}
.book_detail_area .detail_con .review_write .btn .btn_register{ float: none; text-align:center; margin-top:20px;}
.book_detail_area .detail_con .review_list{ margin-bottom:25px;}
.book_detail_area .detail_con .review_list li{ border-bottom:1px solid #ccc; padding:15px 0px; font-size:12px;}
.book_detail_area .detail_con .review_list li h3{ position:relative;}
.book_detail_area .detail_con .review_list li h3 span{ position:absolute; right:0; top:0;}
.book_detail_area .detail_con .review_list li p.btn_reg a{ font-size:11px;}
.book_list a.btn_more span{ display:none;}


.close_book_list_l { margin-top:30px; padding-bottom:10px; padding-left:0px;}
.close_book_list_l li{float:left; position:relative; padding-left:95px; width:33.3%; box-sizing:border-box; overflow:hidden;}
.close_book_list_l li.last{ width:auto;}
.close_book_list_l li a .book_img{width:85px; margin-left:-95px; float:left;}
.close_book_list_l li a .book_img img{ border:1px solid #828281; width:100%;}
.close_book_list_l li a .title{ font-weight:bold; color:#666; margin-bottom:10px;}
.close_book_list_l li a .info{ font-size:11px; color:#333;}
.close_book_list_l li a .info span{ background:url(../images/common/bg_space.gif) no-repeat left 4px; padding-left:5px; margin-left:4px;}
.close_book_list_l li a .price{ color:#333333; text-decoration:line-through; margin-top:20px;}
.close_book_list_l li a .price_sale{ color:#d00; font-weight:bold;}
.close_book_list_l li a .price_sale span{ font-weight:normal; font-size:11px;}
.close_book_list_l li a .price_sale span em{ background:url(../images/layout/ico_sale.gif) no-repeat left center; padding-left:8px; margin-left:2px;}
.aside_book_list li{position:relative; padding-left:0px; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.aside_book_list li a .book_img{width:85px; margin-left:-95px; float:left; display:none;}
.aside_book_list li a .book_img img{border:1px solid #828281; width:100%;}
.aside_book_list li a .title{font-weight:bold; color:#666; margin-bottom:5px;}
.aside_book_list li a .info{ font-size:11px; color:#333; display:inline-block;}
.aside_book_list li a .info span{ background:url(../images/common/bg_space.gif) no-repeat left 4px; padding-left:5px; margin-left:4px;}
.aside_book_list li a .info_last{background:url(../images/common/bg_space.gif) no-repeat left 4px; padding-left:5px; margin-left:4px;}
.aside_book_list li a .price{color:#333333; text-decoration:line-through; margin-top:0px; display:inline-block}
.aside_book_list li a .price_sale{ background: url(../images/common/bulit_arrow_black.gif) no-repeat left 5px; padding-left:10px; margin-left:5px;display:inline-block}

.list_l li{float:none; padding-left:0; width:100%;}

.book_more{float:none;}
.aside_list{ border:none; border-bottom:1px solid #ccc; background:none; margin-top:20px; border-radius:0;}
.aside_list .list_header{border-bottom:none; height:15px; line-height:100%;}
.aside_list .list_header h2{float:left; height:15px; line-height:100%; padding-left:0px; color:#333;}
.aside_list .list_header a {float:right; margin-right:0px; padding-right:10px; line-height:100%; height:15px;}
.aside_list .aside_book_list{ padding:0px;}
.aside_list .aside_book_list li{ float:none; width: auto; box-sizing: content-box;}
.aside_list.last{ border-bottom:none;}
.group_list{ border-radius:0;}

}

/* member */
.member_contents{ padding-top:25px;}
.member_contents h1{ font-size:14px; font-weight:bold;}
.member_contents .border_title .caution{ font-size:11px; background:url(../images/common/bg_caution.gif) no-repeat left center; padding-left:10px; margin-left:10px; font-weight:normal;}
.member_contents .border_title{ border-bottom:2px solid #aaa; padding-bottom:2px;}
.form_table.bottom_line{ border-bottom:2px solid #aaa;}
.form_table th{padding-top:8px; padding-bottom:7px;border-bottom:1px solid #ccc; text-align:right; width:150px; min-height:22px;}
.form_table th.compulsory{background:url(../images/common/bg_caution.gif) no-repeat 10px center;}
.form_table td{ padding-top:8px; padding-bottom:7px;border-bottom:1px solid #ccc; padding-left:50px; min-height:22px;}
.form_table td .caution{ font-size:11px; padding-left:5px;}
.form_table td.sns_id{ color:#999999;}
.form_table .mob_show_table{ display:none;}
.form_table .mob_tr{ display:none;}
.member_contents input[type=text]{ border:1px solid #dddddd; background-color:#fff; height:22px; line-height:22px; text-indent:5px;}
.member_contents input[type=number]{ border:1px solid #dddddd; background-color:#fff; height:22px; line-height:22px; text-indent:5px;}
.member_contents input[type=password]{border:1px solid #dddddd; background-color:#fff; height:22px; line-height:22px; text-indent:5px;}
.member_contents select{border:1px solid #dddddd; background-color:#fff; height:24px; line-height:24px; font-size:11px; /*background:#fff url(../images/layout/arrow_selectbox.gif) no-repeat right center;*/}
.member_btn{ margin-top:30px; text-align:center;}
.member_btn a{display:inline-block; height:38px; line-height:38px; color:#fff; border-radius:5px; background-color:#aaaaaa; text-align:center; width:138px; margin-left:4px; margin-right:4px;}
.member_btn a.btn_blue{ background-color:#555964;}
.member_btn a.btn_red{ background-color:#dd0000;}
.member_btn a.btn_order_color{ background-color:#dd0000;}
.member_btn a.btn_gift_color{ background-color:#AAAAAA;}
.member_btn a.btn_shopping_color{ background-color:#566692;}
.member_btn a:hover{ font-weight:bold;}
.member_contents header{ padding-bottom:20px;}
.member_contents header h1{float:left;}
.member_contents header .join_step{float:right; width:491px; height:100px; background:url(../images/common/joinstep.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
.member_contents header .join_step.step01{ background-position: 0 0;}
.member_contents header .join_step.step02{ background-position: 0 -100px;}
.member_contents header .join_step.step03{ background-position: 0 -200px;}
.member_contents header .join_step.step04{ background-position: 0 -300px;}
.member_contents h2{ font-weight:bold;}
.member_contents .policy_box{border:1px solid #ccc; background-color:#fff; line-height:20px; color:#666; padding:20px; margin-top:3px; height:150px; overflow-y:scroll}
.member_contents .agree_policy{ text-align:right; font-size:11px; margin-top:3px;}
.mail_confirm{width:660px; padding:19px; border:1px solid #ccc; background-color:rgba(0,0,0,0.05); margin-left:auto; margin-right:auto; margin-top:45px; position:relative;}
.mail_confirm .side_bg{ position:absolute; right:-1px; top:-1px; background: url(../images/common/bg_mail.png) no-repeat; width:110px; height:110px;}
.mail_confirm .mail_con{ background-color:#fff; min-height:220px; border:1px solid #ccc; padding:40px;}
.mail_confirm .mail_con h3{ font-size:14px; font-weight: bold;  padding-top:20px; height:15px; margin-bottom:35px;}
.mail_confirm .mail_con h3.mail_title{background:url(../images/common/ico_mail.png) no-repeat; padding-left:45px;}
.mail_confirm .mail_con p{ line-height:20px; margin-top:20px;}
.mail_confirm .mail_con p.url{ padding:0 20px;word-break:break-all;}
.mail_confirm .mail_con p.url a{ color:#4f91ff;}
.mail_confirm.re_send{background-color:rgba(221,0,0,0.1) !important;}
.mail_confirm.re_send .side_bg{ background:url(../images/common/bg_mail_re.png) no-repeat;}
.mail_confirm .msg_join{ font-size:11px; text-align:center;}
.mail_confirm .join_suc{ background:#fff url(../images/common/bg_join_succ.png) no-repeat center 30px; padding-top:170px; min-height:50px;}
.mail_confirm .pw_chg{ background:#fff url(../images/common/bg_password.png) no-repeat center 30px; padding-top:150px; min-height:50px;}
.mail_confirm .pw_find{ background:#fff url(../images/common/bg_password.png) no-repeat center 30px; padding-top:150px; min-height:50px;}

.mail_confirm .caution{ margin-top:20px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.mail_confirm .caution dt{ margin-bottom:5px;}
.mail_confirm .caution dd{ font-size:11px; line-height:16px; padding-left:12px; background:url(../images/common/bulit_red.png) no-repeat 1px 8px;}
.mail_confirm .chg_form p{ margin-top:15px;}
.mail_confirm .chg_form label{ display:inline-block; text-align:right; width:135px; margin-right:30px;}
.mail_confirm .chg_form input{ width:150px;}
.mail_confirm .chg_form span{ font-size:11px; padding-left:5px;}
.mail_confirm .find_pw{ text-align:center; padding-top:40px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.mail_confirm .find_pw label{ display:inline-block; width:100px;}
.mail_confirm .find_pw input{ width:150px;}
.mail_confirm .find_txt{ text-align:center; font-size:11px;}
#loginContents{ width:500px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:80px;}
#loginContents .btn_login{text-align:center; padding-top:20px; background:url(../images/common/bg_login_btn.png) no-repeat center top; margin-top:10px;}
#loginContents .btn_login a{display:inline-block; height:38px; line-height:38px; color:#fff; border-radius:5px; background-color:#555964; text-align:center; width:138px; margin-left:5px; margin-right:5px;}
#loginContents .btn_login a:hover{ font-weight:bold;}
#loginContents article{border:1px solid #cdcdcd; background-color:rgba(0,0,0,0.05);}
#loginContents article h1{ position:relative; background-color:rgba(0,0,0,0.2); height:40px; line-height:40px; color:#fff; font-size:16px; padding-left:10px; font-weight:bold; background:rgba(0,0,0,0.2) url(../images/common/ico_login.png) no-repeat 97% center;}
#loginContents article span.arrow{ position:absolute; background:url(../images/common/bg_login_arrow.png) no-repeat; width:20px; height:11px; bottom:-11px; left:50%; margin-left:-10px;}
#loginContents .login_area{ border:1px solid #ccc; background-color:#fff; width:340px; padding:15px 29px 15px 29px; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:30px;}
#loginContents .login_area .uid label{ display:block; font-weight:bold; margin-bottom:5px}
#loginContents .login_area .upw label{ display:block; font-weight:bold; margin-bottom:5px}
#loginContents .login_area .uid{ margin-bottom:5px;}
#loginContents .login_area .uid input,#loginContents .login_area .upw input{ background-color:#eeeeee; border:1px solid #ccc; width:100%; height:28px; line-height:28px; text-indent:10px;}
#loginContents .login_area .caution{ font-size:11px; background:url(../images/common/ico_caution.png) no-repeat left center; padding-left:12px; margin-top:20px;}
#loginContents .login_area .option { margin-top:5px;}
#loginContents .login_area .option span{ display:block; font-size:11px; line-height:20px;}
#loginContents h2{ font-size:14px; font-weight:bold; padding-left:10px;}
#loginContents .sns{ text-align:center; font-size:11px;}
#loginContents .login_type {text-align:center; margin-top:10px; padding-bottom:15px;}
#loginContents .login_type a{display:inline-block; font-size:11px; padding-top:70px; margin-left:25px; margin-right:25px;}
#loginContents .login_type a span{ display:block;}
#loginContents .login_type a.type01{ background:url(../images/common/btn_login_facebook.png) no-repeat center top;}
#loginContents .login_type a.type02{ background:url(../images/common/btn_login_tweeter.png) no-repeat center top;}
#loginContents .login_type a.type03{ background:url(../images/common/btn_login_google.png) no-repeat center top;}

#loginContents aside{margin-top:20px; width:500px; height:50px; background-color:rgba(0,0,0,0.2); border-radius:25px; border:1px solid #ccc; overflow:hidden;}
#loginContents .login_menu a{display:inline-block; width:25%; text-align:center; color:#fff; font-size:11px; height:50px; padding-top:30px; box-sizing:border-box;-moz-box-sizing:border-box;}
#loginContents .login_menu a.btn01{ background:url(../images/common/ico_pw.png) no-repeat center 10px;}
#loginContents .login_menu a.btn02{ border-left:1px solid #ddd; background:url(../images/common/ico_join.png) no-repeat center 12px;}
#loginContents .login_menu a.btn03{border-left:1px solid #ddd;background:url(../images/common/ico_cs.png) no-repeat center 10px;}
#loginContents .login_menu a.btn04{border-left:1px solid #ddd;background:url(../images/common/ico_home.png) no-repeat center 10px;}


@media screen and (max-width:320px){
.member_btn a{display:inline-block; height:38px; line-height:38px; color:#fff; border-radius:5px; background-color:#aaaaaa; text-align:center; width:118px; margin-left:4px; margin-right:4px;}
}

@media screen and (max-width:999px){
.tablet_hide{ display:none;}
#loginContents .login_area .uid input,#loginContents .login_area .upw input{ background-color:#eeeeee; border:1px solid #ccc; width:100%; height:35px; line-height:35px; font-size:1.7em; text-indent:10px;}

.member_contents input[type=text]{ border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; text-indent:5px; font-size:1.2em;}
.member_contents input[type=number]{ border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; text-indent:5px; font-size:1.2em;}
.member_contents input[type=password]{border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; text-indent:5px; font-size:1.2em;}
.member_contents select{border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; font-size:1.2em; /*background:#fff url(../images/layout/arrow_selectbox.gif) no-repeat right center;*/}
}
@media screen and (max-width:500px){
.form_table th{ width:85px;}
.form_table th.compulsory{background-position:0 center;}
.form_table td{ padding-left:15px; font-size:11px;}
.mob_hide{ display:none;}
.form_table .mob_tr{ display:block;}
.form_table .mob_show_table{ display:table-row}
.member_btn{ margin-top:15px;}
.mob_show{ display:block;}

.member_contents input[type=text]{ border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; text-indent:5px; font-size:1.2em;}
.member_contents input[type=number]{ border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; text-indent:5px; font-size:1.2em;}
.member_contents input[type=password]{border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; text-indent:5px; font-size:1.2em;}
.member_contents select{border:1px solid #dddddd; background-color:#fff; height:35px; line-height:35px; font-size:1.2em; /*background:#fff url(../images/layout/arrow_selectbox.gif) no-repeat right center;*/}

.member_contents header{padding-bottom:20px;}
.member_contents header h1{float:none;}
.member_contents .join_step{float:none; text-align:center; margin-top:20px;}
.member_contents header .join_step{float:none; text-align:center; margin-top:20px; width:285px; height:50px; background:url(../images/common/joinstep_mob.png) no-repeat 0 0; margin-left:auto; margin-right:auto;}
.member_contents header .join_step.step01{ background-position: 0 0;}
.member_contents header .join_step.step02{ background-position: 0 -50px;}
.member_contents header .join_step.step03{ background-position: 0 -100px;}
.member_contents header .join_step.step04{ background-position: 0 -150px;}
.member_contents .policy_box{ height:75px; padding:15px 10px;}
.member_contents .agree_policy{ text-align:left; font-size:12px; margin-top:10px;}

.mail_confirm{ width:auto; padding:9px; border:1px solid #ccc; background-color:rgba(0,0,0,0.05); margin-left:auto; margin-right:auto; margin-top:15px; position:relative;}
.mail_confirm .side_bg{ position:absolute; right:-1px; top:-1px; background:url(../images/common/bg_mail_mob.png) no-repeat; width:30px; height:30px;}
.mail_confirm .mail_con{ background-color:#fff; min-height:220px; border:1px solid #ccc; padding:20px 10px;}
.mail_confirm .mail_con h3{background:none; padding-left:0; padding-top:0px; height:35px; margin-bottom:20px; text-align:center;}
.mail_confirm .mail_con p.url{ padding-left:0; padding-right:0;}
.mail_confirm.re_send .side_bg{ background:url(../images/common/bg_mail_re_mob.png) no-repeat;}
.mail_confirm .msg_join{ padding-top:10px;}
.mail_confirm .msg_join span{ display:block; text-align:center;}
.mail_confirm .join_suc{padding-top:180px; min-height:50px;}

.chg_pw_area{ background:none; border:none;}
.chg_pw_area .side_bg{ display:none;}
.chg_pw_area .pw_chg{ background: none; border:none; padding:0; position:relative; padding-top:100px;}
.chg_pw_area .pw_find{ background: none; border:none; padding:0; position:relative; padding-top:0px;}
.mail_confirm .caution{ border-bottom:none;}
.mail_confirm .chg_form label{ display:none;}
.mail_confirm .caution dd{ margin-bottom:5px;}
.mail_confirm .chg_form{border-bottom:1px solid #ccc; padding-bottom:25px; position:absolute; left:0; top:0; width:100%;}
.mail_confirm .chg_form input{ width:100%;}
.mail_confirm .chg_form input.pw_input{ background:#fff url(../images/common/bg_txt_pw.png) no-repeat left center;}
.mail_confirm .chg_form input.pw_input01{background:#fff url(../images/common/bg_txt_pw01.png) no-repeat left center;}
.nobg{ background:none !important; background-color:#fff !important;}
.mail_confirm .find_pw label{ display:none;}
.mail_confirm .find_pw input{ width:100%;}
.mail_confirm .find_txt{ text-align:left;}
.mail_confirm .pw_find{background:none;min-height:50px; padding-top:0; }
.mail_confirm .find_pw{ padding-top:20px;}
.mail_confirm .pw_find .mail_input{background:#fff url(../images/common/bg_txt_mail.png) no-repeat left center;}
#loginContents{ padding:10px; width:auto;}
#loginContents article{}
#loginContents .login_area{width:auto; padding:15px 10px 20px 10px;  margin-bottom:15px; margin-left:10px; margin-right:10px;} /* 20140120 수정 */
#loginContents .login_area .uid label{ display:block; font-weight:bold; margin-bottom:5px; font-size:14px;}
#loginContents .login_area .upw label{ display:block; font-weight:bold; margin-bottom:5px;font-size:14px;}
#loginContents .btn_login{margin-top:20px;}
#loginContents .login_area .caution{ font-size:11px; background:url(../images/common/ico_caution.png) no-repeat left center; padding-left:12px; margin-top:20px;}
#loginContents .login_area .option { margin-top:15px;}
#loginContents .login_area .option span{display:inline-block; padding-right:20px;}
#loginContents .login_area .option span label{ font-size:12px; font-weight:bold;}
#loginContents .sns{ text-align:left; font-size:12px; padding-left:10px;}
#loginContents .login_type {text-align:center; margin-top:15px; padding-bottom:15px;}
#loginContents .login_type a{ width:30%; margin:0; color:#333;}
#loginContents .login_type a{ margin:0;}
#loginContents aside{margin-top:0px; width:100%; height:50px; background-color:#474953; border-radius:0px; border:none; overflow:hidden;}
#loginContents .login_menu a{ width:33%;}
#loginContents .login_menu a.btn02{width:34%;}
#loginContents .login_menu a.btn03{display:none;}
}


/* �λ컮援щ땲 */
.order_contents h1{ height:81px; text-indent:-9999px; overflow:hidden;}
.order_contents h1.step01{background:url(../images/common/bg_order_step01.png) no-repeat;}
.order_contents h1.step02_gift{background:url(../images/common/bg_order_step02_gift.png) no-repeat;}
.order_contents h1.step02_payment{background:url(../images/common/bg_order_step02_my.png) no-repeat;}
.order_contents h1.step03_payment{background:url(../images/common/bg_order_step03.png) no-repeat;}
.order_contents h1.step04{background:url(../images/common/bg_order_step04.png) no-repeat;}
.benefit{ position:relative; border:1px solid #ddd; border-radius:3px; background:rgba(0,0,0,0.05); max-width:1000px; margin-top:8px; height:30px; line-height:30px; padding-left:10px; padding-right:10px;}
.benefit dt{ display:inline-block; font-weight:bold;}  
.benefit dd{display:inline-block; background:url(../images/common/bg_space.gif) no-repeat left center; padding-left:7px; margin-left:5px;}
.benefit dd.first_child{background:none; margin-left:10px; }
.benefit dd.last_child{position:absolute; top:6px; right:10px; background:none; margin-riglt:10px; height:18px; line-height:18px; }
.benefit dd.last_child .btn_recepit{ background-color:#fff; font-size:11px; text-align:center; color:#aaa; border:1px solid #ddd; font-weight:normal; height:18px; line-height:18px; border-radius:3px; padding:1px; 3px;}
.order_tab{border:1px solid #aaaaaa; height:28px; line-height:28px; display:none; margin-top:20px; border-bottom:2px solid #aaa;}
.order_tab li{float:left; width:32.9%;}

.order_tab a{ display:block; height:28px; line-height:28px; background-color:#fff; font-size:11px; text-align:center; width:100%;}
.order_tab li.middle {border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;box-sizing:border-box; width:32.9%;}
.order_tab a:hover{ background-color:#474953; color:#fff;}
.order_tab a.active{ background-color:#474953; color:#fff;}

.order_bottom { margin-top:50px; position:relative;}
.order_bottom .caution{ float:left; width:500px;}
.order_bottom .member_btn{ float:right;}

.order_caution{ width:auto; padding:9px; border:1px solid #ccc; background-color:rgba(0,0,0,0.05); margin-left:auto; margin-right:auto; position:relative;}
.order_caution .side_bg{ position:absolute; right:-1px; top:-1px; background:url(../images/common/bg_mail_mob.png) no-repeat; width:30px; height:30px;}
.order_caution .order_caution_con{ background-color:#fff; border:1px solid #ccc; padding:10px 20px;}
.order_caution .order_caution_con dl{ font-size:11px;}
.order_caution .order_caution_con dt{ font-size:12px; font-weight:bold; background:url(../images/common/ico_info.gif) no-repeat left 3px; padding-left:15px; margin-bottom:15px;}
.order_caution .order_caution_con dd{ padding-left:25px; background:url(../images/layout/bulit_gray_light.gif) no-repeat 15px 8px; margin-bottom:5px;}
.order_caution .order_caution_con dd.red{ color:#d00; background:url(../images/common/bulit_red.png) no-repeat 15px 8px;}
.order_btn{ margin-top:0;}

@media screen and (min-width:768px) and (max-width:999px){
.order_contents h1{width:730px; margin:auto; background-position:0 -100px !important;}
.order_bottom {margin-top:20px;}
.order_bottom .caution{ float:none; width:auto;}
.order_bottom .member_btn{ float:none; margin-top:30px; width:460px; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width:767px){
.order_contents{ padding-top:20px;} 
.order_contents h1{width:300px; margin:auto; height:50px; background-position:0 -200px !important;}

.benefit{ margin-top:20px; height:auto; line-height:auto;}
.benefit dt{display:block; font-size:14px; margin-bottom:5px;} 
.benefit dd{display:block; background:none; padding-left:10px; margin-left:0px; padding-right:10px; border-top:1px solid #aaa;}
.benefit dd:after{content:"";display:block; clear:both;}
.benefit dd.first_child{margin-left:0px; border:none;}
.benefit dd span.left{ float:left;}
.benefit dd span.right{ float:right;}
.order_bottom{ padding-top:50px; margin-top:20px;}
.order_bottom .caution{ float:none; width:auto;}
.order_bottom .caution dt{ font-size:14px; margin-bottom:5px; background-position:0 5px;}
.order_bottom .caution dd{font-size:12px; background-position:3px 8px; padding-left:15px;}
.order_bottom .caution dd.red{background:url(../images/common/bulit_red.png) no-repeat 3px 8px;}
.order_bottom .order_btn{ float:none; margin-top:0px; width:460px; text-align:justify; width:auto; position:absolute; top:0; width:100%;}
.order_bottom .order_btn{ }
.order_bottom .order_btn a{width:31%; margin-left:0; margin-right:0;}
}
.order_list_info{ overflow:hidden; border-top:1px solid #aaa;border-bottom:2px solid #aaa;min-height: 155px;}/* 20130904 수정 */
.order_list_info .order_book_info{display:inline-block; width:320px; margin-top:15px; position:relative; width:50%; float:left;line-height:20px; padding-bottom:15px;min-height: 150px;}/* 20130904 수정 */
.order_list_info .order_book_info .check_box{ position:absolute; left:0; top:0;}
.order_list_info .order_book_info .thumb{position:absolute; left:25px; top:0;}
.order_list_info .order_book_info .thumb .image{width:85px; position:relative;}
.order_list_info .order_book_info .thumb .image img{box-shadow:0 3px 3px rgba(0,0,0,0.3); width:100%; border:1px solid #666;}
.order_list_info .order_book_info .thumb a.btn_samlple{ position:absolute; left:0; bottom:0; display:block; background:#fff url(../images/common/bg_btn_sample.png) no-repeat 19px  center; border:1px solid #ddd; border-radius:5px; text-align:center; height:28px; line-height:28px; width:83px; padding-left:15px; color:#666666;}
.order_list_info .order_book_info .title{padding-left:120px; margin-top:-5px;}
.order_list_info .order_book_info .title span.point{ color:#d00; background:url(../images/common/ico_point.gif) no-repeat left 4px; padding-left:15px; margin-left:5px;}
.order_list_info .order_book_info  span.space{font-size:10px; color:#999; position:relative; top:-1px;}
.order_list_info .order_book_info .book_made_info{margin-bottom:15px; padding-left:120px; }
.order_list_info .order_book_info .book_made_info span.space{font-size:10px; color:#999;}
.order_list_info .order_book_info .price{ padding-left:120px;}
.order_list_info .order_book_info .price .original{ text-decoration:line-through; color:#333;}
.order_sub_title{ font-size:14px; font-weight:bold; margin-bottom:5px; position:relative;}
.order_sub_title .btn_right{ position:absolute; right:0; top:-2px;}
.order_sub_title .btn_recepit{ position:absolute; right:0; top:-2px; background-color:#fff; font-size:11px; text-align:center; color:#aaa; border:1px solid #ddd; font-weight:normal; height:18px; line-height:18px; border-radius:3px; padding:0 3px;}
.order_sub_title .right_select{ position:absolute; right:0; top:2px; font-size:11px; font-weight:normal;}
.order_price_list{ border-bottom:2px solid #aaa; border-top:2px solid #aaa; display:table; width:100%;}
.order_price_list .title {display: table-row;}
.order_price_list .title li{ display:table-cell; text-align:center; font-weight:bold; height:38px; line-height:38px; background:url(../images/common/bg_space_long.gif) no-repeat left center;}
.order_price_list .title li.book_tit{width:420px; background:none;}
.order_price_list .title li.book_tit_pay{width:250px; background:none;}
.order_price_list .title li.book_tit_buy{width:320px; background:none;}
.order_price_list .title li.num{ width:50px;}
.order_price_list .title li.select{ width:350px;}

.order_price_list .price_list {display: table-row;}
.order_price_list .price_list dt .image{ position:absolute; width:85px;}
.order_price_list .price_list dt .image img{box-shadow:0 3px 3px rgba(0,0,0,0.3); width:100%; border:1px solid #666;}
.order_price_list .price_list dd{display:table-cell; padding:10px 5px 7px 0; text-align:center; border-top:1px solid #aaa;}
.order_price_list .price_list dd.book_tit{width:420px; text-align:left;}
.order_price_list .price_list dd.book_tit span{color:#999;}
.order_price_list .price_list dd.book_tit_pay{width:250px; text-align:left;}
.order_price_list .price_list dd.book_tit_pay span{ color:#999;}
.order_price_list .price_list dd.book_tit_buy{width:320px; text-align:left;}
.order_price_list .price_list dd.book_tit_buy span{ color:#999;}

.order_price_list .price_list dd.num{font-weight:bold; text-align:center; width:50px;}
.order_price_list .price_list dd.select{width:350px;}
.order_price_list .price_list dd.select label{ margin-left:10px;}
.order_price_list .price_list dd.select select{ width:115px; font-size:11px; height:20px; border:1px solid #ddd; line-height:20px;}

.order_price_list .price_list dd.price{text-align:right; padding-right:10px;}
.order_price_list .price_list dd.price_result{font-weight:bold;}
.total_price{ margin-top:5px;}
.total_price .check_del{ float:left; font-size:11px;}
.total_price .order_price{ float:right; font-size:14px; font-weight:bold;}
.total_price .order_price .mob_hide{ font-size:12px; color:#aaa; font-weight:normal;}
.border_box{ border-bottom:2px solid #aaa; border-top:2px solid #aaa;}
.message_area { position:relative; padding-left:160px;}
.message_area h3{ font-weight:bold; height:22px; line-height:22px; position:absolute; left:0; top:0; padding:7px 0;}
.message_area #giftMailItem input{margin-bottom:7px; margin-left:-42px;}
.message_area dl dt{padding:7px 0;}
.message_area dl dd{padding:7px 0; border-top:1px solid #aaa; width:100%;}
.message_area a.del{display:inline-block; width:11px; height:11px; background:url(../images/common/ico_del.png) no-repeat; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.message_area a.add{display:inline-block;width:11px; height:11px; background:url(../images/common/ico_add.png) no-repeat; text-indent:-9999px; overflow:hidden;vertical-align:middle;}
.message_area .message_box{ position:absolute; right:0; top:0; padding:7px 0;}
.message_area .message_box textarea{ width:435px; height:50px; padding:5px;}
.message_area input{ width:325px; }
.sign_up { border-top:1px solid #aaa; position:relative; padding-left:160px;}
.sign_up h3{padding-top:7px; padding-bottom:7px; width:160px; font-weight:bold; height:22px; line-height:22px; position:absolute; left:0; top:0;}
.sign_up div{padding-top:7px; padding-bottom:7px;}
.sign_up div input{ width:750px; margin-right:5px;}
.sign_up a{ display:inline-block; border-radius:5px; background-color:#555964; color:#fff; height:28px; line-height:28px; text-align:center; padding-left:15px; padding-right:15px;}
.pay_table th{padding:7px 0; min-height:24px; line-height:24px; border-top:1px solid #aaa; font-weight:bold; text-align:left; vertical-align:top; width:160px;}
.pay_table td{padding:7px 0; min-height:24px; line-height:24px; border-top:1px solid #aaa;}
.pay_table .first{ border-top:none;}
.pay_table td label{ margin-left:20px;}
.pay_table td input[type=text]{ width:55px; text-align:right; padding-right:5px; text-indent:0;}
.pay_table tr.total_pay th{font-size:14px; color:#d00;}
.pay_table tr.total_pay strong{font-size:14px; color:#d00;}
.mail_send{ border-bottom:2px solid #aaa; border-top:2px solid #aaa;}
.mail_send dd{ width:20%; float:left; padding:13px 0;}
.order_caution .order_caution_read{background-color:#fff; border:1px solid #ccc; padding:10px 20px;}
.order_caution .order_caution_read h3{ font-size:14px; font-weight:bold; border-bottom:1px solid #aaa; padding-bottom:5px;}
.order_caution .order_caution_read dl{ margin-top:20px;}
.order_caution .order_caution_read dt{ font-weight:bold; margin-bottom:3px;}
.order_caution .order_caution_read dd{ line-height:20px; padding-left:10px; background:url(../images/layout/bulit_gray_light.gif) no-repeat left 10px;}
.order_caution .order_caution_read dd strong{ font-weight:normal; color:#d00;}
.position_box{ position:relative; padding-top:50px;}


.payment_info{ position:relative; padding-left:300px;}
.price_table { width:250px; margin-right:50px; position:absolute; left:0; top:0;}
.price_table th{border-bottom:1px solid #aaa; padding-top:10px; padding-bottom:10px; padding-right:10px; line-height:20px; width:110px; text-align:right;}
.price_table td{ border-bottom:1px solid #aaa; padding-top:10px; padding-bottom:10px; padding-right:10px; line-height:20px; text-align:right;}
/* .price_point{ padding-top:5px; padding-bottom:12px;} */
.price_point{ padding-top:5px;}
.price_point span.mob_block{margin-left:5px; color:#d00;}
.payment_way{ padding-top:12px; padding-bottom:12px;}
.information { padding:10px 0; min-height:140px;}
.information dt{ font-weight:bold; margin-bottom:10px; background:url(../images/mail/ico_info.gif) no-repeat left 2px; padding-left:15px;}
.information dd{ font-size:11px; line-height:20px; padding-left:20px; background:url(../images/mail/bulit01.gif) no-repeat 13px 9px;}
.information dd .blue{ color:#4fb2ff;}
.information dd .red{ color:#d00;}
.information dd.red{ color:#d00;background:url(../images/mail/bulit02.gif) no-repeat 13px 9px;}


@media screen and (min-width:768px) and (max-width:999px){
.order_list_info .order_book_info{}
.order_list_info .order_book_info .book_made_info span.line{ display:block;}
.order_list_info .order_book_info .book_made_info span.mob{ display:none;}
.order_list_info .order_book_info .price .block{ display:block;}
.order_price_list .title li.book_tit{width:250px;}
.order_price_list .price_list dd.book_tit{width:250px;}

.message_area {padding-right:0px;}
.message_area dl dt{padding:7px 0;}
.message_area dl dd{padding:7px 0; border-top:1px solid #aaa; width:100%;}
.message_area a.del{display:inline-block; width:11px; height:11px; background:url(../images/common/ico_del.png) no-repeat; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.message_area a.add{display:inline-block;width:11px; height:11px; background:url(../images/common/ico_add.png) no-repeat; text-indent:-9999px; overflow:hidden;vertical-align:middle;}
.message_area .message_box{position:static; right: auto; top: auto; padding:7px 0;}
.message_area input{ width:445px; height:35px; font-size:1.4em; margin-right:5px;}
.message_area input[type=email]{width:445px; height:35px; font-size:1.4em; margin-right:5px;}
.sign_up div input{ width:445px; height:35px; font-size:1.4em;}
.order_price_list .title li.book_tit_pay{width:210px;}
.order_price_list .title li.book_tit_buy{width:200px;}
.order_price_list .title li.select{ width:210px;}
.order_price_list .price_list dd.book_tit_pay{width:210px;}
.order_price_list .price_list dd.book_tit_buy{width:200px;}
.order_price_list .price_list dd.select{width:210px; height:auto;}
.order_price_list .price_list dd.select span{ line-height:100%; padding-bottom:10px; text-align:left;}
.order_price_list .price_list dd.select span label{ margin-left:0;}
.mail_send dd{ width:25%; float:left; padding:13px 0;}
.payment_info{padding-left:270px;}
.pay_table td input[type=text]{ width:100px; height:35px; font-size:1.3em}
}
@media screen and (max-width:767px){
.order_list_info {border-bottom:1px solid #aaa;} /* 20130904 수정 */
.order_list_info .order_book_info{ float:none; width:100%;border-bottom:1px solid #aaa;}/* 20130904 수정 */
.order_list_info .order_book_info .title span.point{ display:block; margin-left:0;}
.order_list_info .order_book_info .book_made_info span.line{ display:block;}
.order_list_info .order_book_info .book_made_info span.mob{ display:none;}
.order_list_info .order_book_info .price{ padding-left:25px; padding-top:30px;}
.order_list_info .order_book_info .cart{ padding-left:120px; padding-top:0px;}
.order_price_list { border-bottom:1px solid #aaa;}
.order_price_list .title {display:none}

.order_price_list .price_list{display:block; position:relative;  border-bottom:1px solid #aaa; padding:0px 0 10px 100px;}
.order_price_list .price_list dd{display:block; text-align:left !important; padding-left:10px;} /* 모바일 버전도 같이 수정 요함 */
.order_price_list .price_list dd.book_tit{ width:auto; font-size:14px; border-top:none;}
.order_price_list .price_list dd.num{ width:auto; font-weight:normal;}
.order_price_list .price_list dd.price_result{ font-size:14px;}
.order_price_list .price_list .thumb{ position:absolute; left:0; top:10px;}
.order_price_list .price_list .thumb a{ width:85px;}
.order_price_list .price_list .thumb a img{ width:100%; border:1px solid #aaa;}

.order_price_list .price_list dd.book_tit_pay{width:auto; font-size:14px; border-top:none;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.order_price_list .price_list dd.book_tit_buy{width:auto; font-size:14px; border-top:none;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.order_price_list .price_list dd.select{width:auto; height:auto; padding-top:7px; padding-bottom:7px; line-height:100%;}
.order_price_list .price_list dd.select span{padding:3px 0;}
.order_price_list .price_list dd.select label{ margin-left:0px;}
.order_price_list .price_list dd span.mob_show{display:inline-block !important; width:80px;}

.total_price { border-bottom:2px solid #aaa; padding-bottom:10px;}
.total_price .check_del{ float:none;}
.total_price .order_price{ float:none; text-align:right; margin-top:15px;}
.message_area {padding-right:0px; padding-left:0;}
.message_area h3{ position:static; padding-left:10px; padding-bottom:0;}
.message_area dl dt{padding:7px 0; padding-left:10px;}
.message_area #giftMailItem input {margin-bottom:0px; margin-left: -33px;}
.message_area dl dd{padding:7px 0; border-top:1px solid #aaa; width:100%;}
.message_area .message_box{position:static; right: auto; top: auto; padding:7px 0; padding-left:10px;}
.message_area .message_box textarea{ width:90%;}
.message_area input{ width:80%; height:15px; font-size:1.3em; margin-right:5px;}
.message_area input[type=email]{width:80%; height:35px; line-height:35px; font-size:1.7em; margin-right:5px;}
#giftMailList dd {padding-left:7px;}
.sign_up { padding-left:0;}
.sign_up h3{position:static; padding-left:10px; padding-bottom:0;}
.sign_up div{ padding-left:10px;}
.sign_up div input{ width:190px; height:35px; font-size:1.3em;}
.message_area a.del{ width:30px; height:30px; background-position:0 -30px;}
.message_area a.add{width:30px; height:30px; background-position:0 -30px;}
.pay_table th{width:105px;}
.pay_table td label{ margin-left:0px;}
.pay_table td input[type=text]{ width:100px; height:30px; font-size:1.3em}
.pay_table tr.total_pay th{font-size:14px; color:#d00;}
.pay_table tr.total_pay strong{font-size:14px; color:#d00;}
.mail_send {padding:10px;}
.mail_send dt{ margin-bottom:10px;}
.mail_send dd{ float:none; width:auto; padding:3px 0;}
.order_caution .order_caution_read{padding:10px;}
.position_box{padding-top:80px;}
.position_box .caution{}
.position_box .member_btn{ position:absolute; top:20px; width:100%; margin:0;}

.payment_info{padding-left:0px;}
.price_table { width:100%; margin-right:0px; position: static; left: auto; top: auto;}
.price_table th{ text-align:left; padding-left:10px;}
.price_point{border-top:1px solid #aaa; border-bottom:1px solid #aaa; text-align:right; line-height:20px; padding-right:10px;}
.price_point .total{ display:block; margin-bottom:15px;}
.payment_way{ text-align:right; border-bottom:2px solid #aaa; padding-right:10px;}
/* .payment_way strong{ position: absolute; left:0;} */ /* 2014.02.10 live4 */
.information { padding:10px 0;}
}

/* mypage */
.cs_article header h1{ font-size:18px; font-weight:bold; padding:20px 0 15px; border-bottom:1px solid #aaa; margin-bottom:20px;}
.cs_article .tab_line {border-radius:10px 10px 0 0; overflow:hidden; border:1px solid #aaa; background-color:#fff; position:relative;}
.cs_article .tab_line li a{float:left; height:28px; line-height:28px; text-align:center; font-size:11px; background-color:#fff; border-left:1px solid #aaa; width:14.2%; box-sizing: border-box; display:block; -moz-box-sizing: border-box;}
.cs_article .tab_line li:last-child a{width: 14.8%}/* 20131113 수정 */
@media screen and (max-width:767px){
.cs_article .tab_line li:first-child a{border-left:none; border-radius:0 0 0 0;}/* 20131113 수정 */
.cs_article .tab_line li:last-child a{border-radius:0 0 0 0;}/* 20131113 수정 */
}
@media screen and (min-width:768px){
.cs_article .tab_line li:first-child a{border-left:none; border-radius:10px 0 0 0;}/* 20130904 수정 */
.cs_article .tab_line li:last-child a{border-radius:0 10px 0 0;}/* 20130904 수정 */
}
.cs_article .tab_line li a.active{ background-color:#555964; color:#fff;}
.cs_article .tab_line li a:hover{ font-weight:bold;}/* 20130904 수정, 색지정 */
.cs_article .tab_line .cscenter_teb li a{ width:16.5%;}
.cs_article .tab_line .cscenter_teb li:last-child a{width:17.5%;}
.cs_contents{ border:1px solid #aaa; border-radius:0 0 10px 10px; padding:20px; padding-bottom:30px; min-height:400px;}
.cs_contents .sort_view{ padding-bottom:10px;}
.cs_contents .ico_info { float:left;}
.cs_contents .ico_info li{ color:#333; float:left; margin-right:13px;}
.cs_contents .ico_info li img{ position:relative; top:-1px;}
.cs_contents .book_sort{ float: right;}
.cs_contents .sort_list{float:right;}
.cs_contents .sort_list ul{display:inline-block;}
.cs_contents .sort_list ul li{ display:inline-block;}
.cs_contents .sort_list ul li a{ display:block; border:1px solid #ddd; height:18px; line-height:18px; border-radius:9px; background:#fff url(../images/layout/bg_solt_down.gif) no-repeat right bottom; width:65px; text-align:center; font-size:11px; padding-right:12px;} /* 20130904 수정 */
.cs_contents .sort_list ul li a:hover{ background-color:#333333; color:#fff; font-weight:bold; text-decoration:none; background-position:right 0;}
.cs_contents .sort_list ul li a.active{background-color:#333333; color:#fff; font-weight:bold; background-position:right 0;background:#333333 url(../images/layout/bg_solt_up.gif) no-repeat right top;} /* 20130904 수정 */
.cs_contents .mob_solt{ float:right; display:none;}
.cs_contents select{border:1px solid #ddd; height:20px; line-height:20px; font-size:11px; background:url(../images/layout/arrow_selectbox.gif) no-repeat right center, url(../images/layout/bg_clear.gif) ; width:70px; text-indent:5px; position:relative; top:-1px; color:#555555;}
.cs_contents .my_book_list{ border-bottom:1px solid #aaa; border-top:2px solid #aaa;}
.cs_contents .my_book_list li.mypage {min-height: 117px;}
.cs_contents .my_book_list li{float:left; width:50%; position:relative; padding-top:12px; padding-bottom:12px; /* height:130px; */ border-bottom:1px solid #aaa;}
.cs_contents .my_book_list li .book_thumb{ position:absolute; left:0; top:12px;}
.cs_contents .my_book_list li .book_thumb img{ border:1px solid #828281; box-shadow:0 3px 3px rgba(0,0,0,0.3); width:70px;}
.cs_contents .my_book_list li dl{margin-bottom:20px; padding-left:95px; margin-top:-5px;}
.cs_contents .my_book_list li dl dt{ font-weight:bold; color:#333; margin-bottom:5px;}
.cs_contents .my_book_list li dl dd{ line-height:20px;}
.cs_contents .my_book_list li p{ color:#333; line-height:20px; padding-left:95px;}
.cs_contents .my_book_list li.time_out dl{color:#999999 !important;}
.cs_contents .my_book_list li.time_out dl dt{color:#999999 !important;}
.cs_contents .my_book_list li.time_out dl dt img{ opacity:0.5;}
.cs_contents .my_book_list li.time_out p{ color:#999999 !important;}
.cs_contents .my_book_list li.time_out .book_thumb img{ opacity:0.5;}
.tab_line .tab_prev{ display:none;}
.tab_line .tab_next{display:none;}

.sort_date{ background-color:rgba(0,0,0,0.05); border:1px solid #ddd; border-radius:3px; padding:5px 10px; min-height:20px;}
.sort_date .month { float:left; display:inline-block;}
.sort_date .month dt{ display:inline-block; font-size:11px; margin-right:5px;}
.sort_date .month dd {display:inline-block;}
.sort_date .month dd a{display:block; border:1px solid #ddd; height:18px; line-height:18px; border-radius:9px; background:#fff url(../images/layout/bg_solt_down.gif) no-repeat right bottom; width:50px;font-size:11px; padding-right:8px; padding-left:10px;}
.sort_date .month dd a:hover{ background-color:#333333; color:#fff; font-weight:bold; text-decoration:none; background-position:right 0;}
.sort_date .month dd a.active{background-color:#333333; color:#fff; font-weight:bold; background-position:right 0;}
.sort_date .callender{ display:inline-block; float:right;}
.sort_date .callender input{ font-size:11px; height:18px; line-height:18px; width:95px; text-align:center;}
.sort_date .callender .search_date{ display:inline-block; height:18px; border:1px solid #ddd; line-height:18px; text-align:center; padding-left:10px; padding-right:10px; color:#aaa; font-size:11px; background-color:#fff; vertical-align:middle; margin-left:15px;}
.sort_date .go_list{ float:left; background:url(../images/common/ico_list.png) no-repeat left center; padding-left:25px; height:20px; line-height:20px;}
.sort_date .go_list a{ font-weight:bold;}
.sort_date .order_num{ float:right;}

/* table */
.table_area{border-bottom:2px solid #aaa; border-top:2px solid #aaa; display:table; width:100%;}
.table_area .th {display: table-row;}
.table_area .th li{ display:table-cell; text-align:center; font-weight:bold; height:38px; line-height:38px; background:url(../images/common/bg_space_long.gif) no-repeat left center;}
.table_area .th li.first{ background:none;}
.table_area .t_row {display: table-row;}
.table_area .t_row li{display:table-cell; text-align:center; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .right{ text-align:right !important; padding-right:5px;}
.table_area .order_num{ width:220px;}
.table_area .book_title{width:320px; padding-left:10px; text-align:left; }
.table_area .left{ text-align: left !important;}
.table_area .t_row li a.btn_cancel{display:inline-block; color:#fff; font-size:11px; text-align:center; background-color:#d00; width:50px; height:20px; border-radius:3px; line-height:20px;}
.table_area .buy_row{display: table-row;}
.table_area .buy_row dt{display:table-cell; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .buy_row dd{display:table-cell; text-align:center; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .buy_row li{display:table-cell; text-align:center; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .buy_row .title{ display:none;}
.table_area .buy_row.bg01{ background:rgba(0,0,0,0.07)}

.table_area .buy_row_view{display: table-row;}
.table_area .buy_row_view dt{display:table-cell; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .buy_row_view dd{display:table-cell; text-align:center; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .buy_row_view li{display:table-cell; text-align:center; border-top:1px solid #aaa; vertical-align:middle; padding-top:8px; padding-bottom:8px; padding-left:5px; padding-right:5px; min-height:20px;}
.table_area .buy_row_view .title{ display:none;}
.table_area .buy_row_view .title_wide{ display:none;}
.table_area .buy_row_view.bg01{ background:rgba(0,0,0,0.07)}
.table_area .buy_row_view dd.list_pos{ position:relative;}
.table_area .buy_row_view dd .send_list{display:block; position:absolute; border:1px solid #ddd; background-color:#fff; line-height:20px; font-size:12px; padding:10px 30px 10px 10px; left:0; bottom:30px; border-radius:5px; display:none;}
.table_area .buy_row_view dd .send_list .arrow{ position:absolute; width:9px; height:6px; display:block; background:url(../images/common/bg_list_arrow.png) no-repeat; left:20px; bottom:-6px;}
.table_area .buy_row_view dd.detail{ width:50%;}
.table_area .buy_row_view dd.date{width:100px;}

.box_money{ border:1px solid #ddd;}
.box_money h3{ border-bottom:1px solid #ddd; height:30px; line-height:30px; font-weight:bold; padding-left:10px; background-color:#f2f2f2;}
.box_money_con{ padding:30px;}
.box_money_con input{ height:18px !important; line-height:18px !important;}
.money_table{ border-bottom:1px solid #aaa; border-top:2px solid #aaa; margin-top:5px;}
.money_table th{border-bottom:1px solid #aaa; font-weight:bold; height:40px; line-height:40px; background:url(../images/common/bg_table_th.png) no-repeat left center;}
.money_table th:first-child{ background:none;}
.money_table td{border-bottom:1px solid #aaa; text-align:center; padding-top:8px; padding-bottom:8px;}
.mob_emoney_area{margin-top:20px;}
.mob_emoney_area .mob_money_box{background:rgba(0,0,0,0.08); padding-bottom:20px; border-bottom:2px solid #aaa;}
.mob_emoney_area table{ border-top:2px solid #aaa;  border-bottom:2px solid #aaa;}
.mob_emoney_area table th{ border-bottom:1px solid #aaa; padding-top:8px; padding-bottom:8px; width:110px; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center; text-align:left; padding-left:10px;}
.mob_emoney_area table td{ border-bottom:1px solid #aaa; padding-top:8px; padding-bottom:8px; padding-right:10px; padding-left:10px;}
.mob_emoney_area table td input{ width:100%; height:30px; font-size:1.3em;}
.mob_emoney_area h3{ font-weight:bold; position:relative; margin-top:30px; margin-bottom:5px;}
.mob_emoney_area h3 a{ position:absolute; right:10px; top:0;}
.mob_emoney_area .money_caution{ line-height:20px; margin-top:10px;}
.mob_emoney_area .money_caution li{ background:url(../images/layout/bulit_gray.gif) no-repeat 3px 9px; padding-left:12px;}
.select_cash{ margin-top:20px;}
.cash_buy {position:relative;}
.cash_buy ul{border-bottom:2px solid #aaa; border-top:2px solid #aaa;  padding-top:20px; padding-bottom:20px; padding-right:200px; padding-left:10px;}
.cash_buy li{ float:left; margin-right:10px;}
.cash_buy .btn_buy{ position:absolute; right:10px; top:50%; margin-top:-14px;}
.cash_buy .btn_buy a{ color:#fff; display:inline-block; height:28px; line-height:28px; font-weight:bold; text-align:center; padding-left:15px; padding-right:15px; background-color:#555964; border-radius:5px;}
.review_area{ border-bottom:2px solid #aaa; border-top:1px solid #aaa; margin-top:5px; }
.review_area dt{ padding:20px 10px; background:rgba(0,0,0,0.06); border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
.review_area dt h3{ float:left;}
.review_area dt p.my_score{ float:right; background:url(../images/common/bg_table_sell_bg.gif) no-repeat left center;  padding-left:15px;}
.review_area dt p.my_score .score_line{ background:url(../images/common/score_star_bg.png) repeat-x; width:60px; height:10px; display:inline-block;}
.review_area dt p.my_score .score_line img{ float:left;}
.review_area dd{ padding:12px 0; position:relative;}
.review_area dd .date_and_msg{ padding-left:10px;}
.review_area dd .review_msg{ margin:20px 10px 10px 10px;}
.review_area dd .btn_review{ position:absolute; right:10px; top:10px;}
.review_area dd .btn_review a{ font-size:11px; color:#fff; text-align:center; padding-left:10px; padding-right:10px; display:inline-block; background-color:#888888; height:16px; line-height:16px; border-radius:3px;}
.review_area dd .review_write_area{ margin-top:12px;}
.review_area dd .review_write{ border:1px solid #ddd; width:100%; overflow-y:auto; height:70px; padding:10px; box-sizing: border-box; color:#666; line-height:18px;}
.qna_list{ margin-top:5px; }
.qna_list_pc{border-bottom:2px solid #aaa; border-top:2px solid #aaa;}
.qna_list_pc th{ text-align:center; background:url(../images/common/bg_table_sell_bg.gif) no-repeat left center; height:38px; line-height:38px; border-bottom:1px solid #aaa; font-weight:bold;}
.qna_list_pc th:first-child{ background:none;}
.qna_list_pc td{ text-align:center; border-bottom:1px solid #aaa; padding-top:12px; padding-bottom:12px;}
.qna_list_pc  input[type=checkbox]{ vertical-align:middle;}
.qna_list_pc td.title{ text-align:left; padding-left:10px;}
.qna_list_pc tr.detail td{ padding:0;}
.qna_list_pc tr.detail {display:none;}
.qna_list_pc tr.detail.view{ display:table-row;}
.qna_view{ background:rgba(0,0,0,0.03); padding:0 20px;}
.qna_view dl{ position:relative; padding:10px 0 10px 115px; line-height:20px; text-align:left;}
.qna_view dl dt{ position:absolute; left:0; top:10px;}
.qna_view dl.answer{ border-top:1px solid #aaa;}
.qna_btn{ text-align:right; margin-top:20px;}
.qna_btn a{ display:inline-block; color:#fff; text-align:center; background-color:#555964; height:40px; line-height:40px; border-radius:5px; padding-left:50px; padding-right:50px;}
.mob_qna{border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
.qna_list_mobile{border-bottom:1px solid #aaa; border-top:1px solid #aaa;}
.qna_list_mobile th{width:80px; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center; padding-left:10px; padding-top:8px; padding-bottom:8px; text-align:left;border-bottom:1px solid #aaa;}
.qna_list_mobile td{ padding-left:10px;padding-top:8px; padding-bottom:8px;border-bottom:1px solid #aaa;}
.qna_list_mobile td.check { position:relative;}
.qna_list_mobile td.check input{ position:absolute; right:10px; top:8px;}
.qna_list_mobile tr.detail td{ padding:0;}
.qna_list_mobile td.title a{display:block; font-weight:bold; width:auto; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis;  height:16px; }
.qna_list_mobile td.title{background:url(../images/common/bg_arrow_down.png) no-repeat right center; padding-right:20px;}
.qna_list_mobile tr.detail {display:none;}
.qna_list_mobile tr.detail.view{ display:table-row;}
.qna_list_mobile.bg01{ background:rgba(0,0,0,0.07)}


@media screen and (max-width:999px){
/* .cs_contents .my_book_list li{height:155px;} */
.cs_contents .my_book_list .hide{ display:none;}
.cs_contents .my_book_list .block{ /* display: block; */}
.table_area .t_row li.book_title{width:135px;}
.box_money_con{ padding:30px 10px;}
.cash_buy ul{padding-top:10px; padding-bottom:10px; padding-right:200px;}
.cash_buy li{float:left; line-height:30px; width:85px;}
.box_money_con input{ height:30px !important; line-height:30px !important;}
}
@media screen and (max-width:767px){
.cs_article header h1{ font-size:14px; padding:20px 0 5px; border-bottom:2px solid #aaa; margin-bottom:15px;}
.cs_contents{ padding:20px 10px; min-height:auto;}
.cs_contents .my_book_list li.mypage {min-height: 117px;}
.cs_contents .my_book_list li{float:none; width:100%; padding:12px 0; /* height:130px; */}
.cs_contents .my_book_list li .book_thumb{top:16px;}
.cs_contents .my_book_list li dl{ margin-bottom:10px;}
.cs_contents .my_book_list li dl dt{ font-size:14px; margin-bottom:0;}
.cs_contents .my_book_list li p{ line-height:16px;}
.cs_contents .my_book_list li.blank{ display:none;}
.cs_contents .my_book_list .block{ display: block;}
.cs_contents .ico_info { float:none; margin-top:-10px;}
.cs_contents .ico_info li{float:left; width:80px; line-height:20px; margin:0;}

.cs_contents .book_sort{float:none; padding-top:10px;}
.cs_contents .sort_list{float:none;}
.cs_contents .sort_list ul{display:inline-block; float:left;}
.cs_contents select{float:right;}

.cs_article .tab_line {border-radius:0; overflow:hidden; padding-left:30px; padding-right:30px; height:28px;}
.cs_article .tab_line .move_box{ position:relative;}
.cs_article .tab_line ul{ position:absolute; width:720px;}
.cs_article .tab_line li a{float:left; height:28px; line-height:28px; text-align:center; font-size:11px; background-color:#fff; border-left:1px solid #aaa; width:90px; box-sizing: border-box; display:block;}
.cs_article .tab_line .cscenter_teb li a{ width:90px;}
.cs_article .tab_line .cscenter_teb li:last-child a{ width:90px;}
.cs_article .tab_line .tab_prev{display:block; position:absolute; left:0; top:0; background:url(../images/common/btn_tab_prev.gif) no-repeat; text-indent:-9999px; overflow:hidden; width:30px; height:30px;}
.cs_article .tab_line .tab_next{display:none;display:block; position:absolute; right:0; top:0; background:url(../images/common/btn_tab_next.gif) no-repeat; text-indent:-9999px; overflow:hidden; width:30px; height:30px;}
.cs_article .tab_line li:first-child a{ border-left:none;}
.cs_article .tab_line li a.active{ background-color:#555964; color:#fff;}
.cs_article .tab_line li a:hover{ background-color:#555964; color:#fff;}

.sort_date{ margin-left:-10px; margin-right:-10px; border-radius:0;}
.sort_date .month dd a{width:45px;}
.sort_date .callender{ display:none;}
.table_area_01{ display:block;}
.table_area .th li.mob_no_bg{ background:none;}
.table_area .t_row li.order_num{ width: auto;}
.table_area .buy_row {display:block; border-bottom:1px solid #aaa;}
.table_area .buy_row dt{display:block; min-height:16px; background:url(../images/common/bg_arrow_down.png) no-repeat right center; cursor:pointer;}
.table_area .buy_row dt strong{white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis; width:170px; display:inline-block;}
.table_area .buy_row dt.active{ background:url(../images/common/bg_arrow_up.png) no-repeat right center;}
/* .table_area .buy_row dd{ display:block; text-align:left !important; min-height:16px; display:none;} */
.table_area .buy_row dd{ display:block; text-align:left !important; min-height:16px;} /* 2014.02.10, live4it */
.table_area .buy_row .title{ display:inline-block; width:80px; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center; margin-right:15px;}

.table_area .buy_row_view {display:block; border-bottom:1px solid #aaa;}
.table_area .buy_row_view dt{display:block; min-height:16px;}
.table_area .buy_row_view dt strong{white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis; width:170px; display:inline-block;}
.table_area .buy_row_view dt.active{ background:url(../images/common/bg_arrow_up.png) no-repeat right center;}
.table_area .buy_row_view dd{ display:block; text-align:left !important; min-height:16px; position:relative;}
.table_area .buy_row_view .title{ display:inline-block; width:80px; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center; margin-right:15px;}
.table_area .buy_row_view .title_wide{ display:inline-block; width:110px; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center; margin-right:15px;}

.table_area .buy_row_view dd .send_list{display:block; position:relative;  line-height:30px; margin-top:5px; border:none; background:none; left:auto; bottom:auto; border-radius:0; padding:0; padding-left:95px;}
.table_area .buy_row_view dd .send_list .arrow{ display:none;}
.table_area .buy_row_view dd.detail{ width:auto;}
.table_area .buy_row_view dd.date{width:auto;}
.table_area .buy_row_view .align_right{ text-align:right !important; padding-right:10px;}
.table_area .buy_row_view .align_right .title{ position:absolute; left:0; top:8px; text-align:left; padding-left:10px;}
.table_area .buy_row_view .align_right .title_wide{ position:absolute; left:0; top:8px; text-align:left; padding-left:10px;}
.cash_buy ul{padding-top:0px; padding-bottom:0px; padding-right:0;}
.cash_buy li{float:left; line-height:30px; width:46%;}
.cash_buy .btn_buy{ position: static; right: auto; top: auto; margin-top:10px; text-align:center;}
.cash_buy .btn_buy a{ margin-left:3px; margin-right:3px;}
.review_area dt{ padding:10px;}

.qna_view{ background:none; padding:0;}
.qna_view dl{ position:relative; padding:10px; line-height:18px;}
.qna_view dl dt{ display:none;}
.qna_view dl.answer{border-top:1px solid #aaa;}
.qna_btn{ text-align: center; margin-top:15px;}
.qna_btn a{padding-left:20px; padding-right:20px;}
}




/* justity */
.justify{ text-align:justify;}
/* .justify a{margin-bottom:-100%;} */
.justify:before{content: ''; display: block; width: 100%;}
.justify:after {content: ''; display: inline-block; width: 100%;}

/* common */
.darkbg{background:rgba(0,0,0,0.03);}
.f_red{ color:#d00 !important;}
.f_blue{color:#4772ff !important;}
.f_gray{ color:#666 !important;}
.f_lightgray{ color:#bbb !important;}
.f_nomal{ font-weight:normal;}
.btn_white_11px{ border:1px solid #ddd; font-size:11px; color:#aaa; background-color:#fff; text-align:center; border-radius:3px; display:inline-block; height:18px; line-height:18px; padding-left:5px; padding-right:5px;}
/*input 텍스트 컬러 수정 */
input[type=text]{height:22px; line-height:22px; border:1px solid #ddd; text-indent:10px;}
input[type=email]{height:22px; line-height:22px; border:1px solid #ddd; text-indent:10px;}
textarea{ line-height:20px; border:1px solid #ddd;}
/*
input[type=text]{height:22px; line-height:22px; border:1px solid #ddd; text-indent:10px; color:#999;}
input[type=email]{height:22px; line-height:22px; border:1px solid #ddd; text-indent:10px; color:#999;}
textarea{ line-height:20px; border:1px solid #ddd; color:#999;}
 */
.space_line{ color:#aaa; font-size:0.8em;}
.btn_red_11px{ display:inline-block; background-color:#d00; color:#fff !important; font-size:11px !important; font-weight:normal; text-align:center; padding-left:8px; padding-right:8px; border-radius:3px; height:18px; line-height:18px; vertical-align:middle;}
.btn_gray_11px{display:inline-block; background-color:#555964; color:#fff !important; font-size:11px !important; font-weight:normal; text-align:center; padding-left:8px; padding-right:8px; border-radius:3px; height:18px; line-height:18px; vertical-align:middle;}
.bottom_border{ border-bottom:1px solid #aaa; padding-bottom:5px;}
.btn_large{text-align:center; color:#fff !important; height:38px; line-height:38px; border-radius:5px; display:inline-block; padding-left:20px; padding-right:20px;}
.btn_wide { padding-left:40px; padding-right:40px;}
.red_btn{ background-color:#d00 !important;}
.blue_btn{ background-color:#555964 !important;}
.lh20{ line-height:20px;}
.caution_dafault li{ line-height:20px;background:url(../images/layout/bulit_gray.gif) no-repeat left 10px; padding-left:10px;}

/* cscenter */
.cs_table{ border-bottom:1px solid #aaa; border-top:2px solid #aaa; display:table; width:100%;}
.cs_table ul.notice_th{display:table-row;}
.cs_table ul.notice_th li{ text-align:center; padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; display:table-cell;border-bottom:1px solid #aaa; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center;}
.cs_table ul.notice_th li.title{ width:82%;}
.cs_table ul.notice_th li:last-child{ background:none;}
.cs_table ul.notice_row {display:table-row;}
.cs_table ul.notice_row li{display:table-cell;text-align:center; padding-top:10px; padding-bottom:10px; height:16px; line-height:16px;border-bottom:1px solid #aaa;}
.cs_table ul.notice_row li.left{ text-align:left; padding-left:10px;}
.notice_view{ border-bottom:2px solid #aaa; border-top:2px solid #aaa;}
.notice_view dl.title{ position:relative; padding-left:100px; border-bottom:1px solid #aaa;}
.notice_view dl.title dt{ position:absolute;padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; left:0; top:0; text-align:center; width:80px;background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center;}
.notice_view dl.title dd{padding-top:10px; padding-bottom:10px; height:16px; line-height:16px;}
.notice_view dl.notice_contents{position:relative; padding-left:100px;}
.notice_view dl.notice_contents dt{ position:absolute;padding-top:10px; padding-bottom:10px; height:20px; line-height:20px; left:0; top:0; text-align:center; width:80px;background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center;}
.notice_view dl.notice_contents dd{padding-top:10px; padding-bottom:10px; line-height:20px;}

.page_move{ display:table;border-bottom:1px solid #aaa; border-top:2px solid #aaa; width:100%; margin-top:80px;}
.page_move dl{display:table-row; }
.page_move dl dt{display:table-cell;padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; left:0; top:0; text-align:center; width:80px;background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center;border-bottom:1px solid #aaa;}
.page_move dl dd{ display:table-cell;padding-top:10px; padding-bottom:10px; padding-left:15px;border-bottom:1px solid #aaa;}
.page_move dl dd.title{ width:82%;}
.faq_title{ margin-top:40px;}
.faq_area{border:1px solid #ccc; background:rgba(0,0,0,0.05); padding:9px; margin-top:30px;}
.faq_area .faq_con{ background-color:#fff; border:1px solid #ccc; padding:20px 30px;}
.faq_area .faq_con .cs_msg{background:url(../images/common/bg_faq.png) no-repeat; padding-left:105px; line-height:20px; font-size:11px; padding-bottom:15px; border-bottom:1px solid #aaa;}
.faq_area .faq_con .cs_msg .cs_num{ margin-top:25px;}
.faq_area .faq_con .cs_msg .cs_num dt{ font-weight:bold; font-size:12px;}
.faq_area .faq_con .cs_msg .cs_num dd{ display:inline-block;}
.search_faq{ margin-top:20px;}
.search_faq li{display:inline-block;}
.search_faq li input{height:18px; line-height:18px; width:80%;}
.search_faq li strong{ margin-right:15px;}
.search_faq li a{ margin-left:10px;}
.search_faq li.cate{ float:left;}
.search_faq li.cate .faq_category { width: 120px;}
.search_faq li.search{width:70%; float:right; text-align:right;}
.faq_list{ border-bottom:2px solid #aaa; border-top:2px solid #aaa; margin-bottom:40px;}
.faq_list th{ padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; border-bottom:1px solid #aaa; background:url(../images/common/bg_table_sell_bg.gif) no-repeat left center; font-weight:bold;}
.faq_list th:first-child{ background:none;}
.faq_list td{padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; border-bottom:1px solid #aaa;}
.faq_list td.title{ padding-left:10px;}
.faq_list td.title a{ display:block;}
.faq_list tr.answer td{padding:0; display:none;}
.faq_list tr.answer td .anwer_con{ line-height:20px; background:rgba(0,0,0,0.05); padding:10px 15px;}
.faq_list tr.answer td.view{display:table-cell;}
.event_list{ border-bottom:2px solid #aaa; border-top:2px solid #aaa; padding-bottom:50px;}
.event_list ul{text-align:justify;}
.event_list li{display:inline-block;}
.event_list li a{ display:block;}
.event_list li a img{border:1px solid #ccc; display:block; margin-bottom:10px; margin-top:50px;}
.event_list li dl{ line-height:20px;}
.event_list li dt{ font-weight:bold;}
.event_list ul:after{ content:''; display:inline-block; width:100%;} /* 20130904 수정 */


.event_view_info{ border-bottom:2px solid #aaa; border-top:2px solid #aaa; margin-top:30px;}
.event_view_info th{text-align:left; font-weight:bold; padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; border-bottom:1px solid #aaa; background:url(../images/common/bg_table_sell_bg.gif) no-repeat right center;}
.event_view_info td{padding-top:10px; padding-bottom:10px; height:16px; line-height:16px; padding-left:15px; border-bottom:1px solid #aaa;}
.event_view_area { padding:20px 0; border-bottom:2px solid #aaa;}
.event_view_area img{ width:100%;}
.btn_event{text-align:right; margin-top:20px;}
.use_info{ font-weight:bold; border-bottom:2px solid #aaa; padding-bottom:5px;}
.useinfo_list li{ float:left; width:25%;  box-sizing:border-box;  text-align:center;}
.useinfo_list li a{ display:block; width:100%; margin-bottom:20px;border:1px solid #aaa;  height:100px;box-sizing:border-box; text-indent:-9999px; overflow:hidden; border-top:none;}
.useinfo_list li.use01 a{ background:url(../images/common/bg_help01.png) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.useinfo_list li.use02 a{background:url(../images/common/bg_help02.png) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.useinfo_list li.use03 a{background:url(../images/common/bg_help03.png) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.useinfo_list li.use04 a{background:url(../images/common/bg_help04.png) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.app_area{background:url(../images/common/bg_device.png) no-repeat right 0; margin-top:30px; height:275px;}
.app_area h2{width:389px; height:89px; text-indent:-9999px; overflow:hidden;}
.app_area p{ width:445px; line-height:20px;}

.qr_code{ font-weight:bold; }
.qr_code li{ float:left; width:25%;  box-sizing:border-box;  text-align:center; font-weight:normal;}
.qr_code li a{ display:block; width:100%; margin-bottom:20px;border:1px solid #aaa;  height:175px;box-sizing:border-box; text-indent:-9999px; overflow:hidden; border-top:none;}
.qr_code li.use01 a{background:url(../images/grcodes/android_url_180.gif) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.qr_code li.use02 a{background:url(../images/grcodes/iphone_url_180.gif) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.qr_code li.use03 a{background:url(../images/grcodes/ipad_url_180.gif) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}
.qr_code li.use04 a{background:url(../images/grcodes/com_url_180.jpg) no-repeat 50% 50%;background-color:rgba(0,0,0,0.05);}

.out_member_area{ margin-top:30px; padding-left:160px; padding-right:160px; padding-bottom:50px; border-bottom:2px solid #aaa; background:url(../images/common/bg_out.png) no-repeat 0 0; padding-top:30px;}
.out_member_area h2{ font-size:14px; font-weight:bold;}
.out_member_area .no_benefit{ margin-top:10px; text-align:justify;}
.out_member_area .no_benefit li{display: inline-block; background-color:#fff; text-align:center; height:48px; line-height:48px; border:1px solid #aaa; width:31%; border-radius:5px; font-weight:bold; color:#d00;}
.out_member_area h3{ font-weight:bold; margin-top:25px; margin-bottom:15px;}

.out_member_area .cant_service li{ line-height:20px;}
.out_member_area .out_reason li{ line-height:20px;}
.out_member_area .out_reason li label{ vertical-align:top; margin-right:30px;}
.reason_write textarea{ width:100%; display:block; margin-top:5px; overflow-y:auto; height:70px; padding:10px; box-sizing:border-box;}
.pass_input{ margin-top:50px; text-align:center; font-weight:bold;}
.pass_input input{ border:1px solid #ddd; height:30px; line-height:30px; width:300px; padding-left:10px; vertical-align:middle;}
.pass_input  a{ display:inline-block; color:#fff; background-color:#d00; height:30px; line-height:30px; padding-left:10px; padding-right:10px; vertical-align:middle; margin-left:5px; margin-right:5px;}

@media screen and (max-width:999px){
.search_faq li.search{width:60%;}
.search_faq li input{width:60%;}
.event_list ul{ padding:0 20px;}
.app_area{ background-size:290px;}
.out_member_area{ padding-left:135px; padding-right:80px; padding-top:20px;}
}
@media screen and (max-width:767px){
.cs_table ul.notice_row li.left{padding-left:0px;}
.cs_table ul.notice_th li.title{ width:75%;}
.page_move{ margin-top:25px;}
.page_move dl dt{ width:50px;}
.page_move dl dd.title{ width:auto;}
.notice_view dl.title{padding-left:60px;}
.notice_view dl.title dt{ width:50px;}
.notice_view dl.notice_contents{padding-left:0px;}
.notice_view dl.notice_contents dt{ display:none;}
.notice_view dl.notice_contents dd{padding-top:10px; padding-bottom:10px; line-height:20px;}
.faq_title{ margin-top:20px;}
.faq_area{border: none; background:rgba(0,0,0,0.05); padding:0px; margin-top:0px;}
.faq_area .faq_con{ background:none; padding:15px 10px;}
.faq_area .faq_con .cs_msg{ padding-left:65px;}
.faq_area .faq_con .cs_msg .cs_num dd{ display:block;}

.search_faq li{display:block; width:100% !important; text-align:left !important;}
.search_faq li.cate{ float:none;}
.search_faq li.cate select{ float:none;}
.search_faq li.search{ float:none; margin-top:10px;}
.search_faq li.search input{ width:140px;}
.event_list{ padding-bottom:20px;}
.event_list ul{ padding:0px; width:100%;}
.event_list li{ width:100%;}
.event_list li a{width:100%;}
.event_list li a img{ width:100%; margin-top:20px;}
.btn_event{text-align:center;}
.useinfo_list li{width:50%; margin-top:20px;}
.useinfo_list li a{ border-top:1px solid #aaa;margin-bottom:10px;}
.app_area{background-size:295px; background-position:50% 80px; height:auto; padding-bottom:20px;}
.app_area p{ width:100%;}
.app_area h2{ width:285px; height:70px; background-size:285px; margin-bottom:160px;}
.qr_code li{width:50%; margin-top:20px;}
.qr_code li a{ border-top:1px solid #aaa;margin-bottom:10px; height:140px; background-size:110px !important;}
.out_member_area{ margin-top:0px; padding-left:0px; padding-right:0px; padding-bottom:50px; border-bottom:2px solid #aaa; background-position:50% 0; padding-top:150px;}
.out_member_area h2{ font-size:12px;}
.pass_input{margin-top:20px;}
.pass_input label{display:block;  margin-bottom:5px; text-align: left;}
.pass_input input{ width:100%; box-sizing:border-box;}
.pass_input a{display:inline-block; margin-top:20px; margin-left:auto; margin-right:auto;}
input[type=radio] {width: 18px;height: 18px;}
input[type=checkbox] {width: 19px; height: 19px;}
}



/* hide_show */
.mob_show{display:none !important;}
.mob_show_line{display:none !important;}
#location .mob_show{display:none !important;}
.mob_show_tr{ display:none;}
.mob_hide_tr{ display:table-row;}
.mob_hide_sell{display:table-cell !important;}
@media screen and (max-width:999px){
.tablet_hide{ display:none;}
.tablet_block{display:block}
}
@media screen and (max-width:767px){
.mob_hide{ display:none !important;}
.mob_show{ display:block !important;}
.order_date{ width: 100px;}
.mob_show_line{display:inline !important;}
.mob_block{ display:block !important;}
.mob_show_tr{ display:table-row}
.mob_hide_sell{display:none !important;}
.mob_hide_tr{ display: none !important;}
}

/* 2013-09-06 추가 */
.my_book_list .cs_article header{}
.my_book_list .cs_article header h1{ font-size:18px; margin-bottom:0; padding-bottom:20px; padding-top:10px;}
.my_book_list .cs_article .cs_contents{ border:none; margin:0; padding:0; padding-top:10px;}
.my_book_list .paging{height:25px; line-height:25px; background:none; border:none;}
.my_book_list .paging.result_paging{ margin-top:10px;}
.my_book_list .paging a{ height:23px; line-height:23px; border:1px solid #aaaaaa; background-color:#fff; padding-left:5px; padding-right:5px; min-width:12px;}
.my_book_list .paging a.pprev{display:none;}
.my_book_list .paging a.prev{display:none;}
.my_book_list .paging a.next{ background-image:none; padding-left:10px; padding-right:10px; background-color:#fff;}
.my_book_list .paging a.nnext{display:none;}
.my_book_list .paging a:hover{ text-decoration:none;} 
.my_book_list .paging a.active{ color:#fff; background-color:#474953;}
@media screen and (max-width:999px){
.my_book_list .paging{height:25px; line-height:25px; background:none; border:none;}
.my_book_list .paging.result_paging{ margin-top:10px;}
.my_book_list .paging a{ height:23px; line-height:23px; border:1px solid #aaaaaa; background-color:#fff; padding-left:5px; padding-right:5px; min-width:12px;}
.my_book_list .paging a.pprev{display:none;}
.my_book_list .paging a.prev{display:none;}
.my_book_list .paging a.next{ background-image:none; padding-left:10px; padding-right:10px; background-color:#fff;}
.my_book_list .paging a.nnext{display:none;}
.my_book_list .paging a:hover{ text-decoration:none;} 
.my_book_list .paging a.active{ color:#fff; background-color:#474953;}
}
@media screen and (max-width:767px){
.my_book_list .cs_article header h1{ font-size:14px; padding-bottom:5px;}
.my_book_list .ico_info{ background-color:rgba(0,0,0,0.05); padding:10px;}
.my_book_list .cs_contents .ico_info li{width:75px;}    
}
@media screen and (max-width:320px){
.my_book_list .cs_contents .ico_info li{width:90px;}
}

h1.title_h1{ font-size:18px; font-weight:bold; padding:0 0 15px; border-bottom:1px solid #aaa;}

.market_Banner{height:260px; background:url(../images/common/bg_market.png) no-repeat right 34px; padding-left:20px; padding-top:30px;}
.market_Banner h2{ background:url(../images/common/txt_market.png) no-repeat; width:348px; height:89px; text-indent:-9999px; overflow:hidden; margin-bottom:20px; background-size:100%;}
.market_Banner p{ line-height:18px;}
.market_Banner .market_msg{ width:385px;}
.code_check{ margin-right:10px;}
.market_text{ position:relative; padding-left:150px;}
.market_text label{position:absolute; top:0px; left:75px; font-size:12px;}
.market_text .textarea_market{ height:100px; width:100%; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box}
@media screen and (max-width:999px){
.market_Banner{ background-size:335px 170px; background-position:right 75px; height:225px; padding-top:40px; padding-left:0;}   
.market_Banner .market_msg01{ width:360px;}
.bank_num{ width:148px !important;}
}
@media screen and (max-width:767px){
.market_Banner{ background-size:auto 160px; background-position:center 95px; height:auto; padding-top:15px; padding-left:10px; padding-bottom:25px;}    
.market_Banner h2{ width:250px; height:70px; margin-bottom:175px;}
.market_Banner .market_msg{ width:auto;}
.market_Banner .market_msg01{ width:auto;}
.code_block{ margin-top:10px;}
.market_box{ padding-left:0 !important;}
.market_text{ position:relative; padding-left:0px;}
.market_text label{ position:absolute; top:11px; left:10px;}
}

/* category 2013-09-09 추가*/
#category_area{ position:relative; margin-bottom:20px; text-align:justify;}
#category_area:after {content: ''; display: inline-block; width: 100%;}
.cate_box{width:240px; display:inline-block; vertical-align:top; margin-bottom:20px;}
.cate_box h2{ height:30px; line-height:30px; background-color:rgba(0,0,0,0.06); padding-left:10px; font-weight:bold; font-size:14px;}
.cate_box dl{border-top:1px dotted #aaaaaa;} /* 20130910 수정 */
.cate_box dl.first{ border-top:none;}
.cate_box dl.no_depth{ border-top:none;} /* 20130910 수정 */
.cate_box dl.last{ border-bottom:1px dotted #aaaaaa;} /* 20130910 수정 */
.cate_box dt{ height:30px; line-height:30px; font-weight:bold; padding-left:10px;} /* 20130910 수정 */
.cate_box dd{ line-height:20px; padding-left:20px; padding-top:3px; padding-bottom:3px; } /* 20130910 수정 */
.cate_box dd ul{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding-top:5px; padding-bottom:5px; margin-top:5px;}
.cate_box dd ul li{ background:url(http://bookcafe24.com/images/common/bulit.gif) no-repeat 10px center; padding-left:20px; height:20px; line-height:20px;}
.cate_box.line{border-bottom:1px solid #aaaaaa;}
@media screen and (max-width:999px){

}
@media screen and (max-width:767px){
#category_area{ margin-top:-16px;}
.cate_box{width:100%; margin-bottom:0;}
.cate_box h2{ background:rgba(0,0,0,0.06) url(../images/common/btn_category.png) no-repeat right 0; border-bottom:1px solid #aaaaaa; cursor:pointer; }
.cate_box h2.bg01{ background-position:right -30px;}
.cate_box dt{ font-size:14px;}
}

#cash_area{height:335px; padding-left:20px; padding-right:560px; padding-top:5px;}
#cash_area h2{width:372px; height:51px; background-size:100%; text-indent:-9999px; overflow:hidden;}
#cash_area p{ line-height:20px;}
#cash_area .cash_msg01{ margin-top:45px; font-weight:bold;}
#cash_area .cash_msg02{ margin-top:25px;}
.cash_list{ margin-left:20px; margin-right:20px; margin-bottom:-20px;}
.cash_list li{display:inline-block; width:24.5%; margin-bottom:70px;}
.cash_list li .cash_count{ position:relative; border:1px solid #cccccc; padding:4px; width:140px; height:60px; background-color:#fff; margin-left:auto; margin-right:auto;}
.cash_list li .cash_count .cash{ display:block; position:absolute; left:-1px; top:-1px; background:url(../images/cash/ico_cash.png) no-repeat; width:62px; height:62px;}
.cash_list li .cash_count .price{display:block; position:absolute; color:#fff; font-size:14px; text-align:center; width:100%; z-index:10; top:0; line-height:65px; font-weight:bold; letter-spacing:1px;}/* 20130924 추가 */
.cash_list li .cash_count img{ width:100%;}
.cash_list p.btn{ margin-top:10px; width:150px; margin-left:auto; margin-right:auto;}
.cash_list p.btn a{ display:inline-block; height:28px; line-height:28px; color:#fff; text-align:center; padding-left:10px; padding-right:10px; background-color:#555964;  border-radius:5px;}
.cash_list p.btn a.btn_buy{ background-color:#d00;}
.cash_list p.btn a:hover{ font-weight:bold;}


@media screen and (max-width:999px){
#cash_area{height:245px; padding-right:305px; padding-top:20px; background-size:290px auto; background-position: right 15px;}
}
@media screen and (max-width:767px){
#cash_area{height:auto; padding-left:10px; padding-right:10px; padding-top:0px; background-position: center 60px; background-size:280px auto; padding-bottom:20px;}
#cash_area h2{width:275px; height:220px; background-size:100% auto; text-indent:-9999px; overflow:hidden; margin:auto;}
#cash_area p{ line-height:20px;}
#cash_area .cash_msg01{ margin-top:0px;}
#cash_area .cash_msg02{ margin-top:25px;}
.cash_list{ margin:0;}
.cash_list li{ display:inline-block; width:48%; margin-bottom:45px;}
.cash_list li .cash_count{ position:relative; border:1px solid #cccccc; padding:4px; width:130px; height:60px; background-color:#fff;}
.cash_list p.btn{ padding-left:5px; padding-right:5px; width:130px;}
.cash_list p.btn a{padding-left:18px; padding-right:18px;}
}

.write_msg{ padding-left:10px; padding-right:10px; }
.write_msg p{line-height:20px;}
.write_qna{ border-top:2px solid #aaa; margin-top:5px;}
.write_qna th{ border-bottom:1px solid #aaa; text-align:left; padding-top:10px; padding-bottom:10px; font-weight:bold; width:120px; vertical-align:top; line-height:20px;}
.write_qna td{border-bottom:1px solid #aaa;padding-top:10px; padding-bottom:10px;}
.write_qna td input,.write_qna td select,.write_qna td textarea{ border:1px solid #ddd;}
.write_qna td input,.write_qna td select{ height:30px; line-height:30px;}
.write_qna td select{ width:130px;}
.write_qna td input{ width:100%;}
.write_qna td textarea{ width:100%; height:200px; overflow-y:auto;}
.btn_line{ text-align:center; margin-top:20px;}
.btn_line a{ display:inline-block; width:78px; height:28px; border:1px solid #ddd; text-align:center; color:#fff; line-height:28px; border-radius:5px; background-color:#aaaaaa; margin-left:5px; margin-right:5px;}
.btn_line a.blue{ background-color:#555964;}
.btn_line a:hover{ font-weight:bold;}


.divNoData {text-align:center; margin: 15px 0 15px 0;}
.div_right {float:right;}

.ownBook {
    -webkit-filter:grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.ownBook:hover {
    -webkit-filter:grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}


#api_auth_store select{border:1px solid #ddd; height:20px; margin-bottom:10px; line-height:20px; font-size:11px; background:url(../images/layout/arrow_selectbox.gif) no-repeat right center, url(../images/layout/bg_clear.gif) ; width:150px; text-indent:5px; position:relative; top:-1px; color:#555555;}
#api_auth_store label{ display:block; font-weight:bold; margin-bottom:5px}

#page_not_found {
    background: url("../images/common/bg_page.png") no-repeat scroll 120px 150px #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    margin: 100px auto;
    padding: 140px 0 115px 290px;
    width: 480px;
}

#page_not_found h1 {
    color: #DF2428;
    font-size: 24px;
    line-height: 30px;
}

#page_not_found p {
    margin-top: 15px;
}

@media screen and (max-width:767px){
    #page_not_found{
        background-attachment:scroll;
        background-color:#FFFFFF;
        background-image:url(../images/common/bg_page.png);
        background-position:85px 25px;
        background-repeat:no-repeat no-repeat;
        border:1px solid #DDDDDD;
        box-shadow:rgba(0, 0, 0, 0.0980392) 0 0 5px;
        margin:100px auto;
        padding:200px 0 115px 10px;
        width:280px;
    }
    
    #page_not_found h1 {
        color: #DF2428;
        font-size: 20px;
        line-height: 30px;
    }
}

@media screen and (min-width:768px) and (max-width:999px){
    #page_not_found{
        background-attachment:scroll;
        background-color:#FFFFFF;
        background-image:url(../images/common/bg_page.png);
        background-position:100px 150px;
        background-repeat:no-repeat no-repeat;
        border:1px solid #DDDDDD;
        box-shadow:rgba(0, 0, 0, 0.0980392) 0 0 5px;
        margin:100px auto;
        width:440px;
    }

}


/*0306 최종환 작성*/
.clear_after:after {display: block; visibility: hidden; clear: both; content: "";}
.float_left {float:left}
 
@media  screen and (min-width: 1000px) {
	#site_ticket { width:50%;height:51px;}
	#ticket_txt { width:50%;}
}


@media  screen and (max-width: 999px) {
	#site_ticket { width:60%;height:51px}

	#ticket_txt { width:40%;}
}

@media  screen and (max-width: 768px) {
	#site_ticket { width:100%; text-align:center}
	#ticket_img {width:275px; height:auto}
	#ticket_txt { width:100%;}
}