@charset "euc-kr";
/* ============================================================================
   codeButton.css - gif 버튼 대신 쓰는 코드 버튼 모양 (2026-09-17 신설, PC/모바일 공통)
   짝꿍 : /common/js/codeButton.js  (이 파일만 있고 js 가 없으면 아무 변화 없음)
   ========================================================================== */

/* 바뀌기 전 gif 가 잠깐 보이는 것을 막는다. js 가 바꾸지 못한 이미지는 .cbtn-keep 으로 다시 보인다 */
html.cbtn-on img[src*="/btn"], html.cbtn-on img[src*="/txt_"], html.cbtn-on img[src*="/flag_"],
html.cbtn-on img[src*="/ico_best.gif"], html.cbtn-on img[src*="/ico_recommend.gif"], html.cbtn-on img[src*="/ico_newBook"],
html.cbtn-on img[src*="/ico_package.gif"], html.cbtn-on img[src*="/ico_bookList_"], html.cbtn-on img[src*="/bookInfo_sublist_"] { visibility:hidden; }
html.cbtn-on img.cbtn-keep { visibility:visible; }
img.cbtn-twin { display:none !important; }

.cbtn { display:inline-block; box-sizing:border-box; white-space:nowrap; text-align:center; text-decoration:none !important;
	font-family:'Malgun Gothic','맑은 고딕',Dotum,'돋움',AppleSDGothicNeo,sans-serif; letter-spacing:-0.3px; font-weight:normal;
	cursor:pointer; -webkit-user-select:none; user-select:none; overflow:hidden; }
.cbtn-bold { font-weight:bold; }
/* 원래 img 에 붙어 있던 숨김 클래스는 그대로 숨긴다 (.cbtn 이 뒤에 로딩돼 .usNone 을 이기던 문제). !important 없음 : 스크립트의 style.display 가 이긴다 */
.cbtn.usNone, .cbtn.none, .cbtn.hd { display:none; }

/* 상자 버튼 */
.cbtn-b { padding:0 6px; border:1px solid transparent; border-radius:2px; }
.cbtn-b:hover { filter:brightness(1.06); }
.cbtn-b:active { filter:brightness(0.94); }
.cbtn-b.cbtn-off { cursor:default; }

/* 글자 링크 (테두리 없는 글자 이미지) */
.cbtn-t { padding:0 1px; text-align:left; background:none; }
a:hover .cbtn-t, .cbtn-t[role="button"]:hover { text-decoration:underline !important; }

/* 아이콘 */
.cbtn-i { padding:0; border:1px solid transparent; border-radius:2px; text-align:center; font-family:Arial,Helvetica,sans-serif; letter-spacing:0; }
.cbtn-i-prev, .cbtn-i-next, .cbtn-i-first, .cbtn-i-last { font-weight:bold; }
.cbtn-i-close { font-weight:normal; }
.cbtn-i-search { position:relative; }
.cbtn-i-search:before { content:""; position:absolute; left:26%; top:22%; width:38%; height:38%; border:2px solid currentColor; border-radius:50%; box-sizing:border-box; }
.cbtn-i-search:after { content:""; position:absolute; left:58%; top:58%; width:2px; height:28%; background:currentColor; transform:rotate(-45deg); transform-origin:top left; }
.cbtn-i-newwin { position:relative; }
.cbtn-i-newwin:before { content:""; position:absolute; left:22%; top:34%; width:46%; height:46%; border:1px solid currentColor; box-sizing:border-box; }
.cbtn-i-newwin:after { content:""; position:absolute; left:40%; top:18%; width:42%; height:42%; border:1px solid currentColor; border-width:1px 1px 0 0; box-sizing:border-box; }
.cbtn-i-dot { border-radius:50% !important; }
/* 화살표 : 테두리 두 변만 그린 정사각형을 돌린다 */
.cbtn-i-prev, .cbtn-i-next, .cbtn-i-up, .cbtn-i-down { position:relative; }
.cbtn-chev { position:absolute; left:50%; top:50%; box-sizing:border-box; border:solid currentColor; border-width:2px 2px 0 0; }
.cbtn-i-next .cbtn-chev { transform:translate(-70%,-50%) rotate(45deg); }
.cbtn-i-prev .cbtn-chev { transform:translate(-30%,-50%) rotate(-135deg); }
.cbtn-i-up .cbtn-chev { transform:translate(-50%,-25%) rotate(-45deg); }
.cbtn-i-down .cbtn-chev { transform:translate(-50%,-75%) rotate(135deg); }

/* 표시 배지 (베스트셀러/반디추천/예약판매 ...) */
.cbtn-f { padding:0; border:0; font-weight:bold; letter-spacing:-0.5px; color:#fff; cursor:inherit; text-shadow:0 1px 0 rgba(0,0,0,.12); }
.cbtn-f-sq { border-radius:1px; box-shadow:1px 1px 0 rgba(0,0,0,.15); }
.cbtn-f-rb { -webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%); clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%); background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.2)); }
.cbtn-f-pl { border-radius:2px; text-shadow:none; }

/* 메인 회원혜택 띠 (bandiUS_banner_v07.jpg 960x32 를 코드로, 2026-09-17) */
.usBenefitBar { display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; width:960px; height:32px; padding:0 0 0 12px;
	background:#353535; color:#fff; font-family:'Malgun Gothic','맑은 고딕',Dotum,sans-serif; text-decoration:none; }
a:hover .usBenefitBar { background:#2d2d2d; }
.usBenefitBar .ubTit { font-size:14px; letter-spacing:-0.3px; color:#fff; }
.usBenefitBar .ubMore { align-self:stretch; display:flex; align-items:center; padding:0 12px; background:#090909; font-size:12px; letter-spacing:-0.3px; color:#fff; }

/* 키보드 초점 */
.cbtn:focus { outline:2px solid #c9a86a; outline-offset:1px; }

/* ---------------------------------------------------------------------------
   사이트 CSS 가 img 에 준 여백/정렬/위치 규칙을 그대로 옮긴 것 (build_codebutton.py 가 자동 생성)
   --------------------------------------------------------------------------- */
:where(html.cbtn-css-base .cbtn) { vertical-align:top }
:where(html.cbtn-css-base) li .cbtn { vertical-align:top }
:where(html.cbtn-css-class) .wise_cart .conS .insideCart .insideList li .pImg .cbtn { float:left }
:where(html.cbtn-css-class) .wise_cart .today .btn .cbtn { margin-bottom:5px }
:where(html.cbtn-css-class) .wise_cart .favorite .searchCon .Bmark dt .cbtn { margin-top:4px }
:where(html.cbtn-css-class) .detailtab li .cbtn { vertical-align:-2px }
:where(html.cbtn-css-class) .boardList01 th .cbtn { margin-top:8px }
:where(html.cbtn-css-class) .boardList05 td.btn .cbtn { margin-right:-1px }
:where(html.cbtn-css-class) .boardList08 th .cbtn { margin-top:8px }
:where(html.cbtn-css-class) .boardRegister th .cbtn { margin-left:34px }
:where(html.cbtn-css-class) .boardRegister td .cbtn { vertical-align:middle }
:where(html.cbtn-css-class) .recruitRegister td .cbtn { vertical-align:middle }
:where(html.cbtn-css-class) .subNavi h2 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-class) .listRN li .cbtn { margin:0 7px 0 20px }
:where(html.cbtn-css-class) .page .cbtn { vertical-align:top; margin:3px 4px 0 }
:where(html.cbtn-css-class) .grayBox .cbtn { vertical-align:middle }
:where(html.cbtn-css-class) .rnBox span .cbtn { margin-top:4px }
:where(html.cbtn-css-class) .popupWrap800 .popupHead h2 .cbtn { margin:11px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap800 .popupBody .titBox .conRight .cbtn { margin-top:5px }
:where(html.cbtn-css-class) .popupWrap600 .popupHead h2 .cbtn { margin:11px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap600 .popupBody h3 .cbtn { margin-right:7px; vertical-align:-2px }
:where(html.cbtn-css-class) .popupWrap500 .popupHead h2 .cbtn { margin:7px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap400 .popupHead h2 .cbtn { margin:7px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap400 .popupHead2 h2 .cbtn { margin:10px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap420 .popupHead h2 .cbtn { margin:10px 0 0 20px }
:where(html.cbtn-css-class) .coupon .cbtn { vertical-align:middle }
:where(html.cbtn-css-class) .bookView .viewImg .btnA .cbtn { margin:0 -3px 2px 0 }
:where(html.cbtn-css-class) .bookView .viewA .viewInfo .v_flag .cbtn { margin-right:3px }
:where(html.cbtn-css-class) .bookView .viewA .viewInfo .v_priceA .cbtn { vertical-align:0px }
:where(html.cbtn-css-class) :root .bookView .viewA .viewInfo .v_priceA .v_price .cbtn { vertical-align:-6px }
:where(html.cbtn-css-class) .bookView .viewA .viewInfo .v_coupon .cbtn { vertical-align:0px }
:where(html.cbtn-css-class) :root .bookView .viewA .viewInfo .v_coupon .cbtn { vertical-align:-6px }
:where(html.cbtn-css-class) .bookView .v_price .cbtn { margin-right:-4px; vertical-align:-1px }
:where(html.cbtn-css-class) .bookView .viewBox .con .boxA p .cbtn { vertical-align:0px }
:where(html.cbtn-css-class) .bookView .viewBox .con .boxB .v_grade .cbtn { margin-right:-3px }
:where(html.cbtn-css-class) .bookView .viewBox .con .boxB .cbtn { margin-right:-3px }
:where(html.cbtn-css-class) .bookR_banner .cbtn { margin-bottom:5px }
:where(html.cbtn-css-class) .layerPop_SR .titA p .cbtn { vertical-align:-4px }
:where(html.cbtn-css-class) #layerPop_SRDBoxCon .SRWrap dl dd .cbtn { vertical-align:middle }
:where(html.cbtn-css-class) #layerPop_SRDBoxCon .SRWrap .fl_right .selectBtnA .cbtn { margin-right:-1px }
:where(html.cbtn-css-class) .v_grade .cbtn { margin-right:-4px }
:where(html.cbtn-css-class) .footerBox #shopOpen .shop_open .cbtn { margin-top:4px }
:where(html.cbtn-css-class) .bandiPointBg .cbtn { margin-left:3px; margin-right:3px }
:where(html.cbtn-css-bandiUs) .mainMusic li .cbtn { position:absolute; bottom:20px }
:where(html.cbtn-css-global) .idSearchForm dt .cbtn { margin-top:8px }
:where(html.cbtn-css-global) .regBtnA .btnA .cbtn { margin-right:-1px }
:where(html.cbtn-css-global) .passSearchForm dt .cbtn { margin-top:8px }
:where(html.cbtn-css-global) .loginForm dt .cbtn { margin-top:8px }
:where(html.cbtn-css-global) .loginForm dd .cbtn { margin-top:5px }
:where(html.cbtn-css-global) .loginFormDaum dt .cbtn { margin-top:8px }
:where(html.cbtn-css-global) .loginFormDaum dd .cbtn { margin-top:5px }
:where(html.cbtn-css-global) .upLoad td .cbtn { margin:1px -1px 0 }
:where(html.cbtn-css-global) .certifyName_foreign dt .cbtn { vertical-align:middle }
:where(html.cbtn-css-global) .certifyName_foreign dd .cbtn { vertical-align:middle }
:where(html.cbtn-css-global) .userSelect .sList ul li.btm .cbtn { margin-top:7px }
:where(html.cbtn-css-global) .bookInfoWrap .bookView .viewInfo .v_btnA .cbtn { margin-right:4px }
:where(html.cbtn-css-global) .bookInfoWrap .bookView .viewInfo .mt5 .cbtn { margin-right:6px }
:where(html.cbtn-css-global) .bookInfo_tabCon3 .department th.th_L .cbtn { margin-left:20px }
:where(html.cbtn-css-global) .bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-global) .iframe_bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-global) .seriesList li .cbtn { vertical-align:middle; margin-right:3px }
:where(html.cbtn-css-global) .p_book .cateS .rankBest dd .rankWrap .no p .cbtn { vertical-align:1px }
:where(html.cbtn-css-global) .p_book .cateS .bookInfoCon dd .gradeA .cbtn { margin-right:-3px }
:where(html.cbtn-css-global) .p_order .paymentS2 .boardRegister th .cbtn { margin-left:17px }
:where(html.cbtn-css-global) .p_bookCart .bookCartCon .h2_lay .cbtn { vertical-align:-14px }
:where(html.cbtn-css-global) .pop_payInfo .cellB .cbtn { margin-right:-2px }
:where(html.cbtn-css-global) .makeEsti dt .cbtn { margin-top:1px }
:where(html.cbtn-css-global) .p_amount .h3_lay .btnA .cbtn { margin-right:-2px }
:where(html.cbtn-css-global) .p_search .searchList_etc .h3_lay h3 .cbtn { margin-right:5px }
:where(html.cbtn-css-global) .p_overview .detailDesc .cbtn { margin-left:5px }
:where(html.cbtn-css-global) .p_overview .h3_lay .btnA .cbtn { margin-right:-2px }
:where(html.cbtn-css-global) .findmap dt .cbtn { margin:2px 0 0 10px }
:where(html.cbtn-css-global) .p_overview .overview02 .cbtn { margin-bottom:10px }
:where(html.cbtn-css-global) .p_overview .socialCont li div.socialContImg .cbtn { margin:5px 0 5px 10px }
:where(html.cbtn-css-center) .searchTop .keyword .cbtn { margin:-2px 13px 0 5px }
:where(html.cbtn-css-center) .popupWrap600 .popupBody h3 .cbtn { margin-right:1px; margin-top:-4px }
:where(html.cbtn-css-myCart) .p_mycart #conBig .h2_lay .cbtn { vertical-align:-14px }
:where(html.cbtn-css-myCart) .p_mycart .h3_lay .btnA .cbtn { margin-right:-2px }
:where(html.cbtn-css-myCart) .p_mycart .listTopA dd .cbtn { margin-right:-3px }
:where(html.cbtn-css-myCart) .p_mycart .btnBA .fl_left .cbtn { margin-right:-2px }
:where(html.cbtn-css-myCart) .boardList04 .alt .cbtn { margin-bottom:3px }
:where(html.cbtn-css-myCart) #layerInfo_box th .cbtn { margin:0 }
:where(html.cbtn-css-myCart) .boardRegister th .cbtn { margin-left:20px; vertical-align:middle }
:where(html.cbtn-css-myCart) .boardRegister2 caption.chkMark .cbtn { margin-right:9px }
:where(html.cbtn-css-myCart) .boardRegister2 th .cbtn { margin-left:35px }
:where(html.cbtn-css-myCart) fieldset .cbtn { vertical-align:middle }
:where(html.cbtn-css-myCart) .memOut dt .cbtn { margin-top:4px }
:where(html.cbtn-css-myCart) .popupWrap500 .popupHead h2 .cbtn { margin:11px 0 0 20px }
:where(html.cbtn-css-bookPeople) .bandiPointBg .cbtn { margin-left:3px; margin-right:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeA .cbtn { margin-top:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeB .cbtn { margin-top:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeC .cbtn { margin-top:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeD .cbtn { margin-top:3px }
:where(html.cbtn-css-bookPeople) .maxSym .viewList .bgBook .cbtn { margin:-5px 0 0 -5px }
:where(html.cbtn-css-bookPeople) .todayBooksWarp .todayBook .bookImg .cbtn { margin-top:0 }
:where(html.cbtn-css-bookPeople) .mainOpenView .viewList .bgBook .cbtn { margin:-5px 0 0 -5px }
:where(html.cbtn-css-bookPeople) .viewAward .viewList .bgBook .cbtn { margin:-5px 0 0 -5px }
:where(html.cbtn-css-bookPeople) .popupThemeBookList .list .bookInfo p .cbtn { margin-left:5px }
:where(html.cbtn-css-kids) .adPublish .puBestBook li .pImg95 .cbtn { position:absolute; bottom:0; left:0 }
:where(html.cbtn-css-kids) .bestPublish .puBestBook li .pImg75 .cbtn { position:absolute; bottom:0; left:0 }
:where(html.cbtn-css-kids) .brandInfo .con .conR .bBook li dt.pImg52 .cbtn { position:absolute; left:0; bottom:0 }
:where(html.cbtn-css-kids) .brandInfo .puBestBook li .pImg120 .cbtn { position:absolute; bottom:0; left:0 }
:where(html.cbtn-css-exam) .todayExamTab li .cbtn { vertical-align:-2px }
:where(html.cbtn-css-exam) .examInfoTab li .cbtn { vertical-align:-2px }
:where(html.cbtn-css-exam) .calendarLayerBottom dd .cbtn { margin-right:5px }
:where(html.cbtn-css-people) .p_people .themeWeekend li .dp_photo span .cbtn { margin:0 2px 2px 0 }
:where(html.cbtn-css-people) .themeList li .dp_list li .cbtn { margin:3px }
:where(html.cbtn-css-people) .themeList li .dp_list li a .cbtn { margin:2px }
:where(html.cbtn-css-people) .boardRegister2 th .cbtn { margin-left:35px }
:where(html.cbtn-css-people) .p_people .themeV .conL .photoBox .cbtn { margin:15px 0 0 15px }
:where(html.cbtn-css-people) .p_people .reply01 .titReply .cbtn { vertical-align:-1px }
:where(html.cbtn-css-people) .reviewRC ul li.thumbNail_type03 .info .user .cbtn { float:left; margin-right:2px }
:where(html.cbtn-css-people) .bookInfoCon .bestLibRevCon li.no1 .info p.user .cbtn { float:left; margin-right:2px }
:where(html.cbtn-css-people) .detailtab li .cbtn { vertical-align:-1px }
:where(html.cbtn-css-people) .pSearch .searchInfo02 .cbtn { margin-left:5px }
:where(html.cbtn-css-myLibrary) .page .cbtn { vertical-align:middle; margin-left:4px; margin-right:4px }
:where(html.cbtn-css-myLibrary) .tableFunc .fl_left .cbtn { vertical-align:-4px }
:where(html.cbtn-css-myLibrary) .blogReply .replyLink .fl_right .cbtn { vertical-align:1px }
:where(html.cbtn-css-myLibrary) .blogReply ul li .replyC .cbtn { vertical-align:-1px }
:where(html.cbtn-css-myLibrary) .blogReply .replyWrite p .cbtn { vertical-align:-4px }
:where(html.cbtn-css-myLibrary) .tag .cbtn { margin-top:-1px }
:where(html.cbtn-css-myLibrary) .urlCopy .cbtn { vertical-align:-2px }
:where(html.cbtn-css-myLibrary) .blogBookListSimp li .grade .cbtn { margin-right:-3px }
:where(html.cbtn-css-myLibrary) .reviewA .h4_lay .grade .cbtn { margin-right:-3px }
:where(html.cbtn-css-myLibrary) .paperThemeCon .scrapList ul li .photo .cbtn { margin-top:2px }
:where(html.cbtn-css-myLibrary) .paperThemeCon .scrapList ul li.chk .photo .cbtn { margin-top:0 }
:where(html.cbtn-css-myLibrary) #blogLeft .blogSnb .snbCon li .cbtn { vertical-align:1px }
:where(html.cbtn-css-myLibrary) #blogLeft .blogSnb .favoriteMem .cbtn { vertical-align:2px }
:where(html.cbtn-css-myLibrary) .guestList li dl dt .dateA .cbtn { vertical-align:-3px }
:where(html.cbtn-css-myLibrary) .tagT .selectA .cbtn { vertical-align:2px }
:where(html.cbtn-css-myLibrary) .p_popPrint .thumbNail_type01 .gradeA .cbtn { margin-right:-3px }
:where(html.cbtn-css-myLibrary) .p_popRequest dl dd .thumbNail_type01 .info .v_flag .cbtn { margin-right:3px }
:where(html.cbtn-css-myLibrary) .p_imgReg .brBox2 ul li .cbtn { margin-top:5px }
:where(html.cbtn-css-myLibrary) .p_manage .groupList dt .cbtn { vertical-align:-3px }
:where(html.cbtn-css-book) .p_usedBook .bestSL .photo .btnA .cbtn { margin-right:-2px }
:where(html.cbtn-css-event) .event_banner .cbtn { margin-bottom:0 }
:where(html.cbtn-css-music) .dMainBest .bestPaging .cbtn { margin-top:1px }
:where(html.cbtn-css-music) .newDvd li .cbtn { margin:0 }
:where(html.cbtn-css-music) .newDvd .newPaging .cbtn { margin-top:1px }
:where(html.cbtn-css-music) .bookInfoWrap .bookView .viewInfo .v_btnA .cbtn { margin-right:4px }
:where(html.cbtn-css-music) .bookInfoWrap .bookView .viewInfo .mt5 .cbtn { margin-right:6px }
:where(html.cbtn-css-music) .bookInfo_tabCon3 .department th.th_L .cbtn { margin-left:20px }
:where(html.cbtn-css-music) .bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-music) .iframe_bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-music) .p_dvd .cateS .rankBest dd .rankWrap .no p .cbtn { vertical-align:1px }
:where(html.cbtn-css-music) .p_dvd .cateS .bookInfoCon dd .gradeA .cbtn { margin-right:-3px }
:where(html.cbtn-css-detail) .bookInfoWrap .buyInfo .btnW .cbtn { margin-right:1px }
:where(html.cbtn-css-detail) .bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-detail) .iframe_bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-detail) .dtWrap .detailtab li .cbtn { vertical-align:-2px }
:where(html.cbtn-css-detail) .bookInfo_tabCon3 .department th.th_L .cbtn { margin-left:20px }
:where(html.cbtn-css-dvd) .bookInfoWrap .bookView .viewInfo .v_btnA .cbtn { margin-right:4px }
:where(html.cbtn-css-dvd) .bookInfoWrap .bookView .viewInfo .mt5 .cbtn { margin-right:6px }
:where(html.cbtn-css-dvd) .bookInfo_tabCon3 .department th.th_L .cbtn { margin-left:20px }
:where(html.cbtn-css-dvd) .bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-dvd) .iframe_bookInfo_subCon h3 .cbtn { vertical-align:-2px }
:where(html.cbtn-css-dvd) .p_dvd .cateS .rankBest dd .rankWrap .no p .cbtn { vertical-align:1px }
:where(html.cbtn-css-dvd) .p_dvd .cateS .bookInfoCon dd .gradeA .cbtn { margin-right:-3px }
:where(html.cbtn-css-newMain-1-03 .cbtn) { vertical-align:top }
:where(html.cbtn-css-newMain-1-03) li .cbtn { vertical-align:top }
:where(html.cbtn-css-newMain-1-03) .layerPop_SR .titA p .cbtn { vertical-align:-4px }
:where(html.cbtn-css-newMain-1-03) #layerPop_SRDBoxCon .SRWrap dl dd .cbtn { vertical-align:middle }
:where(html.cbtn-css-newMain-1-03) #layerPop_SRDBoxCon .SRWrap .fl_right .selectBtnA .cbtn { margin-right:-1px }
:where(html.cbtn-css-newMain-1-03) .footerBox #shopOpen .shop_open .cbtn { margin-top:4px }
:where(html.cbtn-css-newMain-1-03) .viewList .bgBook .cbtn { margin:-5px 0 0 -5px }
:where(html.cbtn-css-newMain-1-03) .themeList .bookImg .cbtn { margin-left:5px }
:where(html.cbtn-css-newMain-1-03) .editLay .cartegory dt .cbtn { margin-top:3px }
:where(html.cbtn-css-newMain-1-03) .bPaging .cbtn { margin-top:1px }
:where(html.cbtn-css-newMain-1-03) .recommWrap .nowBest .nowList .bookImg .cbtn { margin-top:3px; margin-right:4px }
:where(html.cbtn-css-search .cbtn) { vertical-align:top }
:where(html.cbtn-css-search) li .cbtn { vertical-align:top }
:where(html.cbtn-css-search) .layerPop_SR .titA p .cbtn { vertical-align:-4px }
:where(html.cbtn-css-search) #layerPop_SRDBoxCon .SRWrap dl dd .cbtn { vertical-align:middle }
:where(html.cbtn-css-search) #layerPop_SRDBoxCon .SRWrap .fl_right .selectBtnA .cbtn { margin-right:-1px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner01 .cbtn { margin:21px 0 0 25px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner02 .cbtn { margin:19px 0 0 22px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner03 .cbtn { margin:25px 0 0 31px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner04 .cbtn { margin:27px 0 0 37px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner05 .cbtn { margin:18px 0 0 22px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner06 .cbtn { margin:25px 0 0 31px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner07 .cbtn { margin:19px 0 0 24px }
:where(html.cbtn-css-main) .todayBook .bookCon02 .bookImg .cbtn { margin:21px 0 0 23px }
:where(html.cbtn-css-main) .todayBook .bookCon03 ul .bookImg .cbtn { margin:1px 0 0 1px }
:where(html.cbtn-css-main) .bestReview .list .bookView .view .grBox .valu .num .cbtn { margin-right:1px }
:where(html.cbtn-css-main) .rightBanner .cbtn { margin-left:8px }
:where(html.cbtn-css-main) .myLife .myLife_con .photoImg .cbtn { margin:24px 0 0 35px }
:where(html.cbtn-css-main) .editLay .cartegory dt .cbtn { margin-top:3px }

/* ---------------------------------------------------------------------------
   북카트/주문/회원 머리 : 제목 이미지, 주문/가입 단계 이미지, 다음쇼핑원 띠를 코드로 (2026-09-17, 짝꿍 codeButton.js [wf-order])
   색/크기는 원래 gif 픽셀 분석값
   - 제목 글자 #574726 (로그인/비회원 제목 #503b0e)
   - 단계 원 지름 62, 간격 92 / 바탕 #f2ecde, 글자 #897644 / 현재 단계 바탕 #cbbd98, 글자 #7d5c22(가입 #84652e) / 화살표 #b5a57a 8x15
   모바일 모양은 responsive.css [wf-order]
   --------------------------------------------------------------------------- */
/* 바뀌기 전 gif 가 잠깐 보이는 것을 막는다 (js 가 못 바꾼 것은 .cbtn-ord-keep 으로 다시 보임) */
html.cbtn-ord img[src*="/images/global/tit_bookCart.gif"], html.cbtn-ord img[src*="/images/global/tit_order.gif"],
html.cbtn-ord img[src*="/images/global/tit_orderComplete.gif"], html.cbtn-ord img[src*="/images/global/tit_register.gif"],
html.cbtn-ord img[src*="/images/global/tit_memberLogin.gif"], html.cbtn-ord img[src*="/images/global/tit_noMember.gif"],
html.cbtn-ord img[src*="/images/global/tit_register_daumShoppingOn.gif"],
html.cbtn-ord img[src*="/images/global/orderStep_0"], html.cbtn-ord img[src*="/images/global/regStep_0"] { visibility:hidden; }
html.cbtn-ord img.cbtn-ord-keep { visibility:visible; }

/* 제목 글자 : 가로/세로/글자크기/자간은 js 표가 인라인으로 준다 (gif 와 같은 상자) */
.cbtn-tit { display:inline-block; box-sizing:border-box; vertical-align:top; overflow:visible; white-space:nowrap; text-align:left;
	font-family:'Malgun Gothic',AppleSDGothicNeo,'Apple SD Gothic Neo','Noto Sans KR',Dotum,sans-serif; font-weight:bold; font-style:normal;
	color:#574726; text-decoration:none; }

/* 단계 : 원 3~4개 + 화살표 (원 위치는 js 가 left 로 준다) */
.cbtn-steps { position:relative; display:block; box-sizing:border-box; margin:0; padding:0; list-style:none; text-align:left;
	font-family:'Malgun Gothic',AppleSDGothicNeo,'Apple SD Gothic Neo','Noto Sans KR',Dotum,sans-serif; }
.cbtn-steps li { position:absolute; top:0; box-sizing:border-box; width:62px; height:62px; margin:0; padding:0 2px 0 0; list-style:none;
	border-radius:50%; background:#f2ecde; color:#897644; font-size:12px; font-weight:bold; line-height:62px; letter-spacing:-1.75px;
	text-align:center; white-space:nowrap; vertical-align:top; }
.cbtn-steps li.on { background:#cbbd98; color:#7d5c22; }
.cbtn-steps-r li.on, .cbtn-steps-r2 li.on { color:#84652e; }
.cbtn-steps li.two { padding-top:18px; line-height:13px; white-space:pre-line; }
/* 화살표 : 두 변만 그린 네모를 45도 돌린 것. gif 의 > 는 원 사이 30px 가운데, 가로 8 세로 15 */
.cbtn-steps li + li:before { content:""; position:absolute; left:-22.8px; top:25.2px; width:10.6px; height:10.6px; box-sizing:border-box;
	border:solid #b5a57a; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.cbtn-steps-r li + li:before, .cbtn-steps-r2 li + li:before { left:-21.8px; top:26.2px; }

/* 다음쇼핑원 띠 (960x52, 회원가입 : 다음 로그인으로 들어온 경우만) */
.cbtn-daumbar { position:relative; display:block; box-sizing:border-box; width:960px; height:52px; border:1px solid #ccc; border-radius:4px;
	background:#fbfbfb; background-image:linear-gradient(#fff,#f7f7f7); color:#656565; white-space:nowrap; overflow:hidden; cursor:pointer; text-decoration:none;
	font-family:'Malgun Gothic',AppleSDGothicNeo,'Apple SD Gothic Neo','Noto Sans KR',Dotum,sans-serif; font-weight:normal; letter-spacing:0; text-align:left; }
.cbtn-daumbar span, .cbtn-daumbar i { position:absolute; top:0; height:50px; line-height:50px; font-style:normal; text-decoration:none; }
.cbtn-daumbar .db-l, .cbtn-daumbar .db-r { left:0; width:100%; }
.cbtn-daumbar .db-r:before { content:""; position:absolute; left:339px; top:11px; width:1px; height:33px; background:#efefef; }
.cbtn-daumbar .db-bl { left:29px; top:1px; font:bold 22px/50px 'Times New Roman',Times,serif; font-variant:small-caps; letter-spacing:-0.85px; color:#4d4536; }
.cbtn-daumbar .db-wel { left:168px; top:1px; font-size:16px; letter-spacing:-2.4px; color:#656565; }
.cbtn-daumbar .db-txt { left:370px; top:1px; font-size:11px; font-weight:bold; letter-spacing:-0.6px; color:#848484; }
.cbtn-daumbar .db-daum { left:545px; top:1px; font:bold 17px/50px Arial,Helvetica,sans-serif; letter-spacing:-1.9px; }
.cbtn-daumbar .db-daum i { position:static; height:auto; line-height:inherit; }
.cbtn-daumbar .db-daum .c0 { color:#598afc; } .cbtn-daumbar .db-daum .c1 { color:#b0cc04; } .cbtn-daumbar .db-daum .c2 { color:#f7a21b; } .cbtn-daumbar .db-daum .c3 { color:#f37167; }
.cbtn-daumbar .db-shop { left:588px; top:1px; font:italic bold 18px/50px Arial,Helvetica,sans-serif; letter-spacing:-1.9px; color:#666; }
.cbtn-daumbar .db-one { left:656px; top:1px; font:bold 23px/50px Arial,Helvetica,sans-serif; letter-spacing:-1.2px; color:#6770f8; }
.cbtn-daumbar .db-more { left:709px; top:17px; box-sizing:border-box; height:16px; padding:0 9px 0 3px; border:1px solid #a2a2a2; border-radius:2px;
	font-size:11px; line-height:14px; letter-spacing:-0.8px; color:#a2a2a2; }
.cbtn-daumbar .db-more:after { content:"\203A"; position:absolute; right:4px; top:0; line-height:14px; font-size:13px; }
a:hover .cbtn-daumbar { border-color:#bbb; }

/* ===== [cart] codeButton.css ===== */
/* ---------------------------------------------------------------------------
   BOOKCART TEXT IMAGES -> CODE (2026-09-22, pair: codeButton.js [wf-cart])
   sizes/colours are measured from the original gif pixels
   - subtitle  : bold 14px #4c3a13 + 1px divider #eee(h19) + note 11px/-1 #928368
   - h2/h3     : #583f1b / #4c3a13, box = gif box
   - table head: bold 10px #7b5f2f, background stays the th's own
   - small icons: P = #e68127, down arrow = #457cab
   scope       : only images inside .p_bookCart (bookcart) - no other page is touched
   mobile tweaks live in responsive.css [wf-cart]
   --------------------------------------------------------------------------- */
/* hide the gif only until js swaps it.
   SCOPE: inside .p_bookCart (the bookcart wrapper) and only the exact file names the js table
   knows, so that a page which this block never converts can never lose a label either.
   (an image js could not swap comes back via .cbtn-cart-keep) */
html.cbtn-cart .p_bookCart img[src*="/images/global/subtit_bookCart_goods.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/subtit_bookCart_usedBook.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/subtit_bookCart_DVD.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/h2_bookCartTotal.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/h3_bookCart_wishList.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_nameGoods.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_deliveryDate.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_price.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_amount.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_total.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_select.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_seller.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_distribution.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_lastOrderDate.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/global/th03_delete.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/common/ico_point.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/common/ico_pointDown.gif"],
html.cbtn-cart .p_bookCart img[src*="/images/common/ico_oldBookCart.gif"] { visibility:hidden; }
html.cbtn-cart img.cbtn-cart-keep { visibility:visible; }

/* subtitle : box = gif box, children are absolutely placed -> PC layout cannot move */
.cbtn-csub { position:relative; display:inline-block; box-sizing:border-box; vertical-align:top; overflow:visible;
	text-align:left; white-space:nowrap; text-decoration:none;
	font-family:'Malgun Gothic',AppleSDGothicNeo,'Apple SD Gothic Neo','Noto Sans KR',Dotum,sans-serif; }
.cbtn-csub > b { position:absolute; left:0; top:0; height:100%; line-height:inherit;
	font-size:14px; font-weight:bold; letter-spacing:0; color:#4c3a13; white-space:nowrap; }
.cbtn-csub > i { position:absolute; top:50%; width:1px; height:19px; margin-top:-10px; background:#eee; font-size:0; line-height:0; }
.cbtn-csub > em { position:absolute; top:0; height:100%; line-height:inherit;
	font-size:11px; font-style:normal; font-weight:normal; letter-spacing:-1px; color:#928368; white-space:nowrap; }

/* h2 / h3 titles : gif box, first word bold */
.cbtn-ctit { display:inline-block; box-sizing:border-box; vertical-align:top; overflow:visible;
	text-align:left; white-space:nowrap; text-decoration:none; color:#583f1b;
	font-family:'Malgun Gothic',AppleSDGothicNeo,'Apple SD Gothic Neo','Noto Sans KR',Dotum,sans-serif; }
.cbtn-ctit > b { font-weight:bold; }
.cbtn-ctit > em { font-style:normal; font-weight:normal; }

/* table head labels : transparent so the th keeps its own background */
.cbtn-cth { display:inline-block; box-sizing:border-box; overflow:hidden; vertical-align:middle;
	text-align:center; white-space:nowrap; letter-spacing:0; color:#7b5f2f; background:none;
	font-size:10px; font-weight:bold;
	font-family:'Malgun Gothic',AppleSDGothicNeo,'Apple SD Gothic Neo','Noto Sans KR',Dotum,sans-serif; }

/* "old edition" badge : same pill as the site's own "new edition" one, only the colour differs
   (self contained on purpose - it borrows no class from the main codeButton block) */
.cbtn-cbdg { border-radius:2px; color:#fff; }

/* small text icons inside "(50%v +2%P)" : overflow:hidden keeps the img baseline (bottom edge) */
.cbtn-cico { position:relative; display:inline-block; box-sizing:border-box; overflow:hidden;
	vertical-align:top;                 /* base.css gives every img `vertical-align:top` - match it exactly */
	text-align:center; white-space:nowrap; font-weight:bold; letter-spacing:0;
	font-family:Verdana,Tahoma,Geneva,sans-serif; }
.cbtn-cico-p { font-size:10px; color:#e68127; }
.cbtn-cico-d:before { content:""; position:absolute; left:2px; top:0; width:2px; height:6px; background:#457cab; }
.cbtn-cico-d:after { content:""; position:absolute; left:0; top:5px; width:0; height:0;
	border-left:3px solid transparent; border-right:3px solid transparent; border-top:5px solid #457cab; }

/* ===== [gifsweep] codeButton.css ===== */
/* ----------------------------------------------------------------------------
   남은 gif 글자/버튼을 코드로 (2026-09-22 [wf-gifsweep]) - 짝꿍 : codeButton.js 의 같은 이름 구역
   상자 크기는 원래 gif 의 가로(최소폭)x세로 그대로라 PC 배치가 바뀌지 않는다.
   ---------------------------------------------------------------------------- */
/* 바뀌기 전 gif 가 잠깐 보이는 것을 막는다. js 가 바꾸지 못한 이미지는 .cbtn2-keep 으로 다시 보인다 */
html.cbtn2rt img[src*="/th0"], html.cbtn2rt img[src*="/th_"], html.cbtn2rt img[src*="/h1_"], html.cbtn2rt img[src*="/h2_"],
html.cbtn2rt img[src*="/h3_"], html.cbtn2rt img[src*="/h4_"], html.cbtn2rt img[src*="/tit_"], html.cbtn2rt img[src*="/tab_"],
html.cbtn2rt img[src*="/num"], html.cbtn2rt img[src*="/ico_no"], html.cbtn2rt img[src*="/ico_point"],
html.cbtn2rt img[src*="/ico_rss"], html.cbtn2rt img[src*="/ico_oldBook"], html.cbtn2rt img[src*="/ico_bookmark"],
html.cbtn2rt img[src*="/ico_carte"], html.cbtn2rt img[src*="/bbs_"], html.cbtn2rt img[src*="/pop_"],
html.cbtn2rt img[src*="/poptitle"], html.cbtn2rt img[src*="/popuptitle"], html.cbtn2rt img[src*="/subtit_"],
html.cbtn2rt img[src*="/tabletit_"], html.cbtn2rt img[src*="/thlay_"], html.cbtn2rt img[src*="/ques_"],
html.cbtn2rt img[src*="/cvMall_"], html.cbtn2rt img[src*="/wiseCart_tabtit"] { visibility:hidden; }
html.cbtn2rt img.cbtn2-keep { visibility:visible; }
img.cbtn2-twin { display:none !important; }

.cbtn2 { display:inline-block; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-align:center;
	font-family:'Malgun Gothic','\B9D1\C740 \ACE0\B515',Dotum,'\B3CB\C6C0',AppleSDGothicNeo,sans-serif;
	font-weight:normal; font-style:normal; text-decoration:none !important; }
.cbtn2-bold { font-weight:bold; }
/* 원래 img 에 붙어 있던 숨김 클래스는 그대로 숨긴다 (!important 없음 : 스크립트의 style.display 가 이긴다) */
.cbtn2.usNone, .cbtn2.none, .cbtn2.hd { display:none; }
/* 원래 img 가 사이트 css 로 숨겨져 있던 것 (탭 off 그림 등) */
.cbtn2.cbtn2-none { display:none; }

.cbtn2-l { text-align:left; }
.cbtn2-x { text-align:center; }
a:hover > .cbtn2-l, a:hover > .cbtn2-x { text-decoration:underline !important; }

/* 상자 버튼 */
.cbtn2-b { padding:0 4px; border:1px solid transparent; border-radius:2px; cursor:pointer; }
.cbtn2-b:hover { filter:brightness(1.06); }
.cbtn2-b:active { filter:brightness(0.94); }

/* 색 바탕 글자 (수령예상일 / 작가 탐색 같은 진한 띠) */
.cbtn2-g { padding:0 3px; border:1px solid transparent; border-radius:2px; }

/* 제목 + 설명 한 줄 (마이페이지 주문/배송 조회 ...) */
.cbtn2-h { text-align:left; }
.cbtn2-h > strong { display:inline-block; box-sizing:border-box; font-weight:bold; vertical-align:top; }
.cbtn2-h > em { display:inline-block; box-sizing:border-box; padding-left:15px; font-style:normal; font-weight:normal;
	vertical-align:top; border-left:1px solid #eae4d7; }

/* 아이콘 글자 (적립금 P / 내림 화살표) */
.cbtn2-i { letter-spacing:0 !important; font-family:Arial,Helvetica,sans-serif; }

/* RSS : 주황 네모 안에 RSS 표시(점 + 전파 두 줄) + RSS 글자.
   radial-gradient 를 모르는 아주 옛 브라우저에서는 주황 네모만 남는다 */
.cbtn2-r { position:relative; padding-left:12px; text-align:left; letter-spacing:0.5px !important;
	font-family:Arial,Helvetica,sans-serif; }
.cbtn2-r:before { content:""; position:absolute; left:0; top:50%; width:10px; height:10px; margin-top:-5px;
	border-radius:2px; background-color:#f18c22;
	background-image:radial-gradient(circle 2px at 2.4px 7.6px, #fff 80%, transparent 84%),
		radial-gradient(circle 5px at 2.4px 7.6px, transparent 64%, #fff 66%, #fff 90%, transparent 93%),
		radial-gradient(circle 8px at 2.4px 7.6px, transparent 77%, #fff 79%, #fff 93%, transparent 96%); }

/* 아래쪽 네모 점 (오늘의책 연月 사이의 점) : 마침표 글자로는 5px 상자에 안 들어간다 */
.cbtn2-n { position:relative; font-size:0 !important; }
.cbtn2-n > i { position:absolute; left:0; bottom:1px; background:currentColor; }

/* 정가제 배지 */
.cbtn2-o { padding:0 4px; border:1px solid transparent; border-radius:3px; }

/* 위치 구분 꺾쇠 (ico_carte) : 테두리 두 변만 그린 네모를 돌린 것 */
.cbtn2-c { position:relative; font-size:0 !important; }
.cbtn2-c > i { position:absolute; left:50%; top:50%; box-sizing:border-box; border:solid currentColor;
	-webkit-transform:translate(-60%,-50%) rotate(45deg); transform:translate(-60%,-50%) rotate(45deg); }

/* 순위 오름/내림 삼각형 (ico_arrowUp / ico_arrowDown / recommend 메뉴 화살표) */
.cbtn2-u, .cbtn2-w { position:relative; font-size:0 !important; }
.cbtn2-u > i, .cbtn2-w > i { position:absolute; left:0; top:0; width:0; height:0;
	border-style:solid; border-color:transparent; border-width:0; }
.cbtn2-u > i { border-bottom-color:currentColor; }
.cbtn2-w > i { border-top-color:currentColor; }

/* 할인율 배지 : 파란 동그라미 (dvd) / 빨간 톱니 동그라미 (도서) */
.cbtn2-z, .cbtn2-y { padding:0; border-radius:50%; text-align:center; letter-spacing:-1px !important; }
.cbtn2-z > b, .cbtn2-y > b { display:block; font-weight:bold; }
.cbtn2-z > i { display:block; margin-top:-2px; font-style:normal; font-weight:bold; color:#fff665;
	font-family:Arial,Helvetica,sans-serif; letter-spacing:0.5px; line-height:1; }
.cbtn2-y { border-radius:50%;
	-webkit-clip-path:polygon(50.0% 0.0%,56.7% 7.5%,65.5% 2.4%,69.5% 11.7%,79.4% 9.5%,80.4% 19.6%,90.5% 20.6%,88.3% 30.5%,97.6% 34.5%,92.5% 43.3%,100.0% 50.0%,92.5% 56.7%,97.6% 65.5%,88.3% 69.5%,90.5% 79.4%,80.4% 80.4%,79.4% 90.5%,69.5% 88.3%,65.5% 97.6%,56.7% 92.5%,50.0% 100.0%,43.3% 92.5%,34.5% 97.6%,30.5% 88.3%,20.6% 90.5%,19.6% 80.4%,9.5% 79.4%,11.7% 69.5%,2.4% 65.5%,7.5% 56.7%,0.0% 50.0%,7.5% 43.3%,2.4% 34.5%,11.7% 30.5%,9.5% 20.6%,19.6% 19.6%,20.6% 9.5%,30.5% 11.7%,34.5% 2.4%,43.3% 7.5%);
	clip-path:polygon(50.0% 0.0%,56.7% 7.5%,65.5% 2.4%,69.5% 11.7%,79.4% 9.5%,80.4% 19.6%,90.5% 20.6%,88.3% 30.5%,97.6% 34.5%,92.5% 43.3%,100.0% 50.0%,92.5% 56.7%,97.6% 65.5%,88.3% 69.5%,90.5% 79.4%,80.4% 80.4%,79.4% 90.5%,69.5% 88.3%,65.5% 97.6%,56.7% 92.5%,50.0% 100.0%,43.3% 92.5%,34.5% 97.6%,30.5% 88.3%,20.6% 90.5%,19.6% 80.4%,9.5% 79.4%,11.7% 69.5%,2.4% 65.5%,7.5% 56.7%,0.0% 50.0%,7.5% 43.3%,2.4% 34.5%,11.7% 30.5%,9.5% 20.6%,19.6% 19.6%,20.6% 9.5%,30.5% 11.7%,34.5% 2.4%,43.3% 7.5%); }

/* 순위 리본 (flag_lank*) : 아래쪽이 V 로 파인 깃발 */
.cbtn2-k { padding:0; border-radius:2px 2px 0 0; letter-spacing:-0.5px !important;
	background-image:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,0) 55%,rgba(0,0,0,.12));
	-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%); clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);
	text-shadow:0 1px 0 rgba(0,0,0,.18); }

/* 고객센터 전화상담 블록 (main/txt_center) */
.cbtn2-p { position:relative; height:90px; text-align:left; white-space:nowrap; letter-spacing:-0.5px !important; }
.cbtn2-p > span { position:absolute; left:0; display:block; }
.cbtn2-p .cc-t { top:0; font-size:14px; font-weight:bold; line-height:15px; color:#5f5040; }
.cbtn2-p .cc-n { left:34px; top:22px; font-size:23px; font-weight:bold; line-height:26px; color:#4f4f4f; letter-spacing:-1px; }
.cbtn2-p .cc-n:before { content:"\260E"; position:absolute; left:-34px; top:-1px; width:27px; height:27px;
	border-radius:5px; background:#eec72b; color:#fff; font-size:17px; font-weight:normal; line-height:27px; text-align:center; }
.cbtn2-p .cc-h { top:54px; font-size:13px; font-weight:normal; line-height:14px; color:#666; }
.cbtn2-p .cc-h2 { top:70px; font-size:13px; font-weight:normal; line-height:14px; color:#666; }

/* 키보드 초점 */
.cbtn2:focus { outline:2px solid #c9a86a; outline-offset:1px; }

/* 사이트 CSS 가 img 에 준 여백/정렬/위치 규칙을 .cbtn2 에도 준다 (위 .cbtn 규칙을 그대로 복사한 것) */
:where(html.cbtn-css-base .cbtn2) { vertical-align:top }
:where(html.cbtn-css-base) li .cbtn2 { vertical-align:top }
:where(html.cbtn-css-class) .wise_cart .conS .insideCart .insideList li .pImg .cbtn2 { float:left }
:where(html.cbtn-css-class) .wise_cart .today .btn .cbtn2 { margin-bottom:5px }
:where(html.cbtn-css-class) .wise_cart .favorite .searchCon .Bmark dt .cbtn2 { margin-top:4px }
:where(html.cbtn-css-class) .detailtab li .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-class) .boardList01 th .cbtn2 { margin-top:8px }
:where(html.cbtn-css-class) .boardList05 td.btn .cbtn2 { margin-right:-1px }
:where(html.cbtn-css-class) .boardList08 th .cbtn2 { margin-top:8px }
:where(html.cbtn-css-class) .boardRegister th .cbtn2 { margin-left:34px }
:where(html.cbtn-css-class) .boardRegister td .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-class) .recruitRegister td .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-class) .subNavi h2 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-class) .listRN li .cbtn2 { margin:0 7px 0 20px }
:where(html.cbtn-css-class) .page .cbtn2 { vertical-align:top; margin:3px 4px 0 }
:where(html.cbtn-css-class) .grayBox .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-class) .rnBox span .cbtn2 { margin-top:4px }
:where(html.cbtn-css-class) .popupWrap800 .popupHead h2 .cbtn2 { margin:11px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap800 .popupBody .titBox .conRight .cbtn2 { margin-top:5px }
:where(html.cbtn-css-class) .popupWrap600 .popupHead h2 .cbtn2 { margin:11px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap600 .popupBody h3 .cbtn2 { margin-right:7px; vertical-align:-2px }
:where(html.cbtn-css-class) .popupWrap500 .popupHead h2 .cbtn2 { margin:7px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap400 .popupHead h2 .cbtn2 { margin:7px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap400 .popupHead2 h2 .cbtn2 { margin:10px 0 0 20px }
:where(html.cbtn-css-class) .popupWrap420 .popupHead h2 .cbtn2 { margin:10px 0 0 20px }
:where(html.cbtn-css-class) .coupon .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-class) .bookView .viewImg .btnA .cbtn2 { margin:0 -3px 2px 0 }
:where(html.cbtn-css-class) .bookView .viewA .viewInfo .v_flag .cbtn2 { margin-right:3px }
:where(html.cbtn-css-class) .bookView .viewA .viewInfo .v_priceA .cbtn2 { vertical-align:0px }
:where(html.cbtn-css-class) :root .bookView .viewA .viewInfo .v_priceA .v_price .cbtn2 { vertical-align:-6px }
:where(html.cbtn-css-class) .bookView .viewA .viewInfo .v_coupon .cbtn2 { vertical-align:0px }
:where(html.cbtn-css-class) :root .bookView .viewA .viewInfo .v_coupon .cbtn2 { vertical-align:-6px }
:where(html.cbtn-css-class) .bookView .v_price .cbtn2 { margin-right:-4px; vertical-align:-1px }
:where(html.cbtn-css-class) .bookView .viewBox .con .boxA p .cbtn2 { vertical-align:0px }
:where(html.cbtn-css-class) .bookView .viewBox .con .boxB .v_grade .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-class) .bookView .viewBox .con .boxB .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-class) .bookR_banner .cbtn2 { margin-bottom:5px }
:where(html.cbtn-css-class) .layerPop_SR .titA p .cbtn2 { vertical-align:-4px }
:where(html.cbtn-css-class) #layerPop_SRDBoxCon .SRWrap dl dd .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-class) #layerPop_SRDBoxCon .SRWrap .fl_right .selectBtnA .cbtn2 { margin-right:-1px }
:where(html.cbtn-css-class) .v_grade .cbtn2 { margin-right:-4px }
:where(html.cbtn-css-class) .footerBox #shopOpen .shop_open .cbtn2 { margin-top:4px }
:where(html.cbtn-css-class) .bandiPointBg .cbtn2 { margin-left:3px; margin-right:3px }
:where(html.cbtn-css-bandiUs) .mainMusic li .cbtn2 { position:absolute; bottom:20px }
:where(html.cbtn-css-global) .idSearchForm dt .cbtn2 { margin-top:8px }
:where(html.cbtn-css-global) .regBtnA .btnA .cbtn2 { margin-right:-1px }
:where(html.cbtn-css-global) .passSearchForm dt .cbtn2 { margin-top:8px }
:where(html.cbtn-css-global) .loginForm dt .cbtn2 { margin-top:8px }
:where(html.cbtn-css-global) .loginForm dd .cbtn2 { margin-top:5px }
:where(html.cbtn-css-global) .loginFormDaum dt .cbtn2 { margin-top:8px }
:where(html.cbtn-css-global) .loginFormDaum dd .cbtn2 { margin-top:5px }
:where(html.cbtn-css-global) .upLoad td .cbtn2 { margin:1px -1px 0 }
:where(html.cbtn-css-global) .certifyName_foreign dt .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-global) .certifyName_foreign dd .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-global) .userSelect .sList ul li.btm .cbtn2 { margin-top:7px }
:where(html.cbtn-css-global) .bookInfoWrap .bookView .viewInfo .v_btnA .cbtn2 { margin-right:4px }
:where(html.cbtn-css-global) .bookInfoWrap .bookView .viewInfo .mt5 .cbtn2 { margin-right:6px }
:where(html.cbtn-css-global) .bookInfo_tabCon3 .department th.th_L .cbtn2 { margin-left:20px }
:where(html.cbtn-css-global) .bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-global) .iframe_bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-global) .seriesList li .cbtn2 { vertical-align:middle; margin-right:3px }
:where(html.cbtn-css-global) .p_book .cateS .rankBest dd .rankWrap .no p .cbtn2 { vertical-align:1px }
:where(html.cbtn-css-global) .p_book .cateS .bookInfoCon dd .gradeA .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-global) .p_order .paymentS2 .boardRegister th .cbtn2 { margin-left:17px }
:where(html.cbtn-css-global) .p_bookCart .bookCartCon .h2_lay .cbtn2 { vertical-align:-14px }
:where(html.cbtn-css-global) .pop_payInfo .cellB .cbtn2 { margin-right:-2px }
:where(html.cbtn-css-global) .makeEsti dt .cbtn2 { margin-top:1px }
:where(html.cbtn-css-global) .p_amount .h3_lay .btnA .cbtn2 { margin-right:-2px }
:where(html.cbtn-css-global) .p_search .searchList_etc .h3_lay h3 .cbtn2 { margin-right:5px }
:where(html.cbtn-css-global) .p_overview .detailDesc .cbtn2 { margin-left:5px }
:where(html.cbtn-css-global) .p_overview .h3_lay .btnA .cbtn2 { margin-right:-2px }
:where(html.cbtn-css-global) .findmap dt .cbtn2 { margin:2px 0 0 10px }
:where(html.cbtn-css-global) .p_overview .overview02 .cbtn2 { margin-bottom:10px }
:where(html.cbtn-css-global) .p_overview .socialCont li div.socialContImg .cbtn2 { margin:5px 0 5px 10px }
:where(html.cbtn-css-center) .searchTop .keyword .cbtn2 { margin:-2px 13px 0 5px }
:where(html.cbtn-css-center) .popupWrap600 .popupBody h3 .cbtn2 { margin-right:1px; margin-top:-4px }
:where(html.cbtn-css-myCart) .p_mycart #conBig .h2_lay .cbtn2 { vertical-align:-14px }
:where(html.cbtn-css-myCart) .p_mycart .h3_lay .btnA .cbtn2 { margin-right:-2px }
:where(html.cbtn-css-myCart) .p_mycart .listTopA dd .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-myCart) .p_mycart .btnBA .fl_left .cbtn2 { margin-right:-2px }
:where(html.cbtn-css-myCart) .boardList04 .alt .cbtn2 { margin-bottom:3px }
:where(html.cbtn-css-myCart) #layerInfo_box th .cbtn2 { margin:0 }
:where(html.cbtn-css-myCart) .boardRegister th .cbtn2 { margin-left:20px; vertical-align:middle }
:where(html.cbtn-css-myCart) .boardRegister2 caption.chkMark .cbtn2 { margin-right:9px }
:where(html.cbtn-css-myCart) .boardRegister2 th .cbtn2 { margin-left:35px }
:where(html.cbtn-css-myCart) fieldset .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-myCart) .memOut dt .cbtn2 { margin-top:4px }
:where(html.cbtn-css-myCart) .popupWrap500 .popupHead h2 .cbtn2 { margin:11px 0 0 20px }
:where(html.cbtn-css-bookPeople) .bandiPointBg .cbtn2 { margin-left:3px; margin-right:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeA .cbtn2 { margin-top:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeB .cbtn2 { margin-top:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeC .cbtn2 { margin-top:3px }
:where(html.cbtn-css-bookPeople) .proflieTypeD .cbtn2 { margin-top:3px }
:where(html.cbtn-css-bookPeople) .maxSym .viewList .bgBook .cbtn2 { margin:-5px 0 0 -5px }
:where(html.cbtn-css-bookPeople) .todayBooksWarp .todayBook .bookImg .cbtn2 { margin-top:0 }
:where(html.cbtn-css-bookPeople) .mainOpenView .viewList .bgBook .cbtn2 { margin:-5px 0 0 -5px }
:where(html.cbtn-css-bookPeople) .viewAward .viewList .bgBook .cbtn2 { margin:-5px 0 0 -5px }
:where(html.cbtn-css-bookPeople) .popupThemeBookList .list .bookInfo p .cbtn2 { margin-left:5px }
:where(html.cbtn-css-kids) .adPublish .puBestBook li .pImg95 .cbtn2 { position:absolute; bottom:0; left:0 }
:where(html.cbtn-css-kids) .bestPublish .puBestBook li .pImg75 .cbtn2 { position:absolute; bottom:0; left:0 }
:where(html.cbtn-css-kids) .brandInfo .con .conR .bBook li dt.pImg52 .cbtn2 { position:absolute; left:0; bottom:0 }
:where(html.cbtn-css-kids) .brandInfo .puBestBook li .pImg120 .cbtn2 { position:absolute; bottom:0; left:0 }
:where(html.cbtn-css-exam) .todayExamTab li .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-exam) .examInfoTab li .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-exam) .calendarLayerBottom dd .cbtn2 { margin-right:5px }
:where(html.cbtn-css-people) .p_people .themeWeekend li .dp_photo span .cbtn2 { margin:0 2px 2px 0 }
:where(html.cbtn-css-people) .themeList li .dp_list li .cbtn2 { margin:3px }
:where(html.cbtn-css-people) .themeList li .dp_list li a .cbtn2 { margin:2px }
:where(html.cbtn-css-people) .boardRegister2 th .cbtn2 { margin-left:35px }
:where(html.cbtn-css-people) .p_people .themeV .conL .photoBox .cbtn2 { margin:15px 0 0 15px }
:where(html.cbtn-css-people) .p_people .reply01 .titReply .cbtn2 { vertical-align:-1px }
:where(html.cbtn-css-people) .reviewRC ul li.thumbNail_type03 .info .user .cbtn2 { float:left; margin-right:2px }
:where(html.cbtn-css-people) .bookInfoCon .bestLibRevCon li.no1 .info p.user .cbtn2 { float:left; margin-right:2px }
:where(html.cbtn-css-people) .detailtab li .cbtn2 { vertical-align:-1px }
:where(html.cbtn-css-people) .pSearch .searchInfo02 .cbtn2 { margin-left:5px }
:where(html.cbtn-css-myLibrary) .page .cbtn2 { vertical-align:middle; margin-left:4px; margin-right:4px }
:where(html.cbtn-css-myLibrary) .tableFunc .fl_left .cbtn2 { vertical-align:-4px }
:where(html.cbtn-css-myLibrary) .blogReply .replyLink .fl_right .cbtn2 { vertical-align:1px }
:where(html.cbtn-css-myLibrary) .blogReply ul li .replyC .cbtn2 { vertical-align:-1px }
:where(html.cbtn-css-myLibrary) .blogReply .replyWrite p .cbtn2 { vertical-align:-4px }
:where(html.cbtn-css-myLibrary) .tag .cbtn2 { margin-top:-1px }
:where(html.cbtn-css-myLibrary) .urlCopy .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-myLibrary) .blogBookListSimp li .grade .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-myLibrary) .reviewA .h4_lay .grade .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-myLibrary) .paperThemeCon .scrapList ul li .photo .cbtn2 { margin-top:2px }
:where(html.cbtn-css-myLibrary) .paperThemeCon .scrapList ul li.chk .photo .cbtn2 { margin-top:0 }
:where(html.cbtn-css-myLibrary) #blogLeft .blogSnb .snbCon li .cbtn2 { vertical-align:1px }
:where(html.cbtn-css-myLibrary) #blogLeft .blogSnb .favoriteMem .cbtn2 { vertical-align:2px }
:where(html.cbtn-css-myLibrary) .guestList li dl dt .dateA .cbtn2 { vertical-align:-3px }
:where(html.cbtn-css-myLibrary) .tagT .selectA .cbtn2 { vertical-align:2px }
:where(html.cbtn-css-myLibrary) .p_popPrint .thumbNail_type01 .gradeA .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-myLibrary) .p_popRequest dl dd .thumbNail_type01 .info .v_flag .cbtn2 { margin-right:3px }
:where(html.cbtn-css-myLibrary) .p_imgReg .brBox2 ul li .cbtn2 { margin-top:5px }
:where(html.cbtn-css-myLibrary) .p_manage .groupList dt .cbtn2 { vertical-align:-3px }
:where(html.cbtn-css-book) .p_usedBook .bestSL .photo .btnA .cbtn2 { margin-right:-2px }
:where(html.cbtn-css-event) .event_banner .cbtn2 { margin-bottom:0 }
:where(html.cbtn-css-music) .dMainBest .bestPaging .cbtn2 { margin-top:1px }
:where(html.cbtn-css-music) .newDvd li .cbtn2 { margin:0 }
:where(html.cbtn-css-music) .newDvd .newPaging .cbtn2 { margin-top:1px }
:where(html.cbtn-css-music) .bookInfoWrap .bookView .viewInfo .v_btnA .cbtn2 { margin-right:4px }
:where(html.cbtn-css-music) .bookInfoWrap .bookView .viewInfo .mt5 .cbtn2 { margin-right:6px }
:where(html.cbtn-css-music) .bookInfo_tabCon3 .department th.th_L .cbtn2 { margin-left:20px }
:where(html.cbtn-css-music) .bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-music) .iframe_bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-music) .p_dvd .cateS .rankBest dd .rankWrap .no p .cbtn2 { vertical-align:1px }
:where(html.cbtn-css-music) .p_dvd .cateS .bookInfoCon dd .gradeA .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-detail) .bookInfoWrap .buyInfo .btnW .cbtn2 { margin-right:1px }
:where(html.cbtn-css-detail) .bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-detail) .iframe_bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-detail) .dtWrap .detailtab li .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-detail) .bookInfo_tabCon3 .department th.th_L .cbtn2 { margin-left:20px }
:where(html.cbtn-css-dvd) .bookInfoWrap .bookView .viewInfo .v_btnA .cbtn2 { margin-right:4px }
:where(html.cbtn-css-dvd) .bookInfoWrap .bookView .viewInfo .mt5 .cbtn2 { margin-right:6px }
:where(html.cbtn-css-dvd) .bookInfo_tabCon3 .department th.th_L .cbtn2 { margin-left:20px }
:where(html.cbtn-css-dvd) .bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-dvd) .iframe_bookInfo_subCon h3 .cbtn2 { vertical-align:-2px }
:where(html.cbtn-css-dvd) .p_dvd .cateS .rankBest dd .rankWrap .no p .cbtn2 { vertical-align:1px }
:where(html.cbtn-css-dvd) .p_dvd .cateS .bookInfoCon dd .gradeA .cbtn2 { margin-right:-3px }
:where(html.cbtn-css-newMain-1-03 .cbtn2) { vertical-align:top }
:where(html.cbtn-css-newMain-1-03) li .cbtn2 { vertical-align:top }
:where(html.cbtn-css-newMain-1-03) .layerPop_SR .titA p .cbtn2 { vertical-align:-4px }
:where(html.cbtn-css-newMain-1-03) #layerPop_SRDBoxCon .SRWrap dl dd .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-newMain-1-03) #layerPop_SRDBoxCon .SRWrap .fl_right .selectBtnA .cbtn2 { margin-right:-1px }
:where(html.cbtn-css-newMain-1-03) .footerBox #shopOpen .shop_open .cbtn2 { margin-top:4px }
:where(html.cbtn-css-newMain-1-03) .viewList .bgBook .cbtn2 { margin:-5px 0 0 -5px }
:where(html.cbtn-css-newMain-1-03) .themeList .bookImg .cbtn2 { margin-left:5px }
:where(html.cbtn-css-newMain-1-03) .editLay .cartegory dt .cbtn2 { margin-top:3px }
:where(html.cbtn-css-newMain-1-03) .bPaging .cbtn2 { margin-top:1px }
:where(html.cbtn-css-newMain-1-03) .recommWrap .nowBest .nowList .bookImg .cbtn2 { margin-top:3px; margin-right:4px }
:where(html.cbtn-css-search .cbtn2) { vertical-align:top }
:where(html.cbtn-css-search) li .cbtn2 { vertical-align:top }
:where(html.cbtn-css-search) .layerPop_SR .titA p .cbtn2 { vertical-align:-4px }
:where(html.cbtn-css-search) #layerPop_SRDBoxCon .SRWrap dl dd .cbtn2 { vertical-align:middle }
:where(html.cbtn-css-search) #layerPop_SRDBoxCon .SRWrap .fl_right .selectBtnA .cbtn2 { margin-right:-1px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner01 .cbtn2 { margin:21px 0 0 25px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner02 .cbtn2 { margin:19px 0 0 22px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner03 .cbtn2 { margin:25px 0 0 31px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner04 .cbtn2 { margin:27px 0 0 37px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner05 .cbtn2 { margin:18px 0 0 22px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner06 .cbtn2 { margin:25px 0 0 31px }
:where(html.cbtn-css-main) .main_visual #visual_banner .banner07 .cbtn2 { margin:19px 0 0 24px }
:where(html.cbtn-css-main) .todayBook .bookCon02 .bookImg .cbtn2 { margin:21px 0 0 23px }
:where(html.cbtn-css-main) .todayBook .bookCon03 ul .bookImg .cbtn2 { margin:1px 0 0 1px }
:where(html.cbtn-css-main) .bestReview .list .bookView .view .grBox .valu .num .cbtn2 { margin-right:1px }
:where(html.cbtn-css-main) .rightBanner .cbtn2 { margin-left:8px }
:where(html.cbtn-css-main) .myLife .myLife_con .photoImg .cbtn2 { margin:24px 0 0 35px }
:where(html.cbtn-css-main) .editLay .cartegory dt .cbtn2 { margin-top:3px }
