/* tag reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {margin:0; padding:0; }
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
font-size:12px;
}
body, code {font-size:12px; font-family: '돋움', Dotum, AppleGothic, Helvetica, sans-serif;}
li{list-style:none; }
img, fieldset{border:none; vertical-align:top; }
input, select, textarea{font-size:100%; color:#767676; vertical-align:middle; }
hr.layout {display:none;}
a,a:link,a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
table{border-spacing:0; border:0; border-collapse:collapse; width:100%; }
th, td {border:0; vertical-align:top; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
caption { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; display:none; }
button { padding:0; margin:0; border:0; cursor:pointer; overflow:visible; }
iframe { border: 0; }
/*
========================================================================
공통 class
========================================================================
*/
/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}
/* form */
.txt-right { text-align: right; }
.txt-input1 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
.txt-input2 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #dcdcdc; }
.MS_input_txt { margin-right:5px; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #dcdcdc; }
.txt-disabled { background-color: #f6f6f6; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
.txt-area1 { overflow-y: scroll; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
/* file add trick */
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ccc; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }
/* font-color */
.fc-red { color: #bd101b; }
.fc-blue { color: #2c6b9e; }
.MS_option_price { color: #FF3C00; }
/* bold */
.bold { font-weight: bold; }
/* float clear */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
/* margin */
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
/* padding */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
/* table */
table img { vertical-align: middle; }
.tb-bold { font-weight: bold; }
.tb-left,
.tb-center,
.tb-right {}
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }
/* table-type-1 */
.table-type-1 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }
/* table-type-2 */
.table-type-2 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-type-2 th,
.table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }
/* 상품리스트 (메인/검색/상품리스트) */
.prd-list { margin-top: 10px; }
.prd-list table td { border: 0; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 5px 0; }
.prd-list .thumb { width: 196px; height: 196px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #f2f4f3; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%; }
.prd-list .dsc { margin-top: 15px; font-weight: bold; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: #333; }
/* 장바구니 리스트, 주문상품 리스트 */
.table-cart { margin-top: 10px; margin-bottom :30px; border-bottom: 1px solid #b7b7b7; }
.table-cart thead th { padding: 7px 0 6px; background-color: #ededed; }
.table-cart tbody td,
.table-cart tfoot { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-cart tbody td { padding: 3px 0 3px; }
.table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 2px solid #f6f6f6; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a { font-size: 0; line-height: 0; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; font-weight: bold; }
.table-cart tfoot strong { color: #be101a; }
/* 수량 컨트롤 */
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
/* 주문 - 주문정보 테이블 */
.table-order-info { margin-top: 10px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 8px 0 7px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; }
.table-order-info tbody th { letter-spacing: -1px; background-color: #ededed; }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }
/* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */
.tit-tb-list { margin-top: 30px; font-size: 12px; color: #5f5f5f; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; }
.table-d2-list { border-top: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.table-d2-list thead th { padding: 6px 0; background-color: #ededed; border-bottom: 2px solid #cdcdcd; }
.table-d2-list tbody td { padding: 6px 0 5px; border-bottom: 1px solid #e3e3e3; }
/* 마이페이지 디자인 타입2 테이블 뷰 */
.table-d2-view { margin-top: 5px; border: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.table-d2-view th,
.table-d2-view td { padding: 6px 0 5px; border-bottom: 1px solid #cdcdcd; }
.table-d2-view th { font-weight: bold; border-right: 1px solid #e3e3e3; background-color: #ededed; }
/* paging */
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a { padding: 0 3px; }
.paging li.prev { margin-right: 10px; }
.paging li.next { margin-left: 10px; }
/* 현재위치 */
.loc-navi { text-align: right; }
.loc-navi,
.loc-navi a { color: #999; text-transform: capitalize; }
/* 페이지 타이틀 */
/* 타입 1*/
#content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
/* 타입 2 */
#content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #9b9b9b; }
/* 상품 total/정렬 */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; }
.total-sort .total dt { text-transform: capitalize; }
/* sort */
.total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; }
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; margin-left: 10px; }
/* 게시판 총게시글,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; }
.total-page .page { float: right; width: auto;}
/* 회원 등급 표시 */
/* 타입 1 */
.mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; background-color: #ededed; }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl p em { color: #be101a; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
color:#F26622;
}
/* 타입 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
color:#F26622;
}
/* 마이페이지 상단 메시지 박스 */
.t-box-msg { padding: 10px 20px; border: 5px solid #ededed; }
.t-box-msg strong { color: #0178d3; }
/*
========================================================================
공통 - 레이어
========================================================================
*/
/*
========================================================================
공통 - 레아웃
========================================================================
*/
/* z-index */
#layerWrap { z-index: 1; }
/* 상품 미리보기 레이어 */
#detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #93a4b3; background-color: #fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/
#detailpage .hd {
margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; }
#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 250px; }
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #333; border-bottom:2px solid #ccc; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 3px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #a00000; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }
/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
/* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */
/* 상단 */
.bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }
/* 타이틀 */
.bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; }
.bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; }
.bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989;}
/* 검색 */
.bbs-sch { margin-top: 20px; margin-bottom : 10px; text-align: right; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap { font-size: 0; line-height: 0; }
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img { vertical-align: middle; }
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; }
/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link { font-size: 0; line-height: 0; }
.bbs-link a { display: inline-block; padding: 0 5px; font-size: 11px; line-height: 14px; color: #9b9b9b; }
.bbs-link a.write { padding-left: 23px; }
/* 게시판 글쓰기, 목록 이동 링크 */
.bbs-link a.none { background: url('');}
.bbs-link span { font-size:11px; color:#555; line-height:14px;}
/* 게시판 한줄공지 */
.bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #9d9d9d; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
/* 게시판 타입 - 리스트 */
.bbs-table-list { margin-top: 5px; }
.bbs-table-list thead th,
.bbs-table-list tbody td { padding: 6px 0;}
.bbs-table-list thead th { color: #9d9d9d; font-weight: bold; font-size: 11px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.bbs-table-list tbody td { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;}
/* 게시판 타입 - 보기 */
.bbs-table-view { margin-top: 10px; }
.bbs-table-view thead th,
.bbs-table-view tbody td { padding: 6px 0;}
.bbs-table-view thead th { color: #9d9d9d; font-weight: bold; font-size: 11px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.bbs-table-view tbody td.line { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;}
.bbs-table-view .btn-dwn { margin-top:15px;}
/* 미니홈피, 방명록 게시글 뷰 */
/* 상단 */
.visit-vhd { margin-top: 10px; border-top: 1px solid #e5e5e5; }
.visit-vhd th,
.visit-vhd td { padding: 3px 0; border-bottom: 1px solid #e5e5e5; font-family: Dotum; }
.visit-vhd .tb-left{ padding: 0 3px; }
.visit-vhd td .tb-no { color: #9c9c9c; }
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a { font-size: 11px; color: #9c9c9c; }
/* 내용*/
.visit-vcont { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; }
.visit-vcont th,
.visit-vcont td { padding: 6px 0; border-bottom: 1px solid #e5e5e5;}
.visit-vcont th { font-weight: normal; font-family: Dotum; color: #9d9d9d; }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 2px; border-bottom: 1px dotted #e5e5e5; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;}
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding: 5px 0; min-height: 250px; _height: 250px; }
.visit-vcont td .tb-cont img { max-width: 100%; }
/* 코멘트 */
.visit-vcmt th,
.visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid #e5e5e5; }
.visit-vcmt th { color: #c5c5c5; }
.visit-vcmt .tb-tit { font-weight: bold; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0; }
.visit-vcmt td .tb-txt { min-height: 30px; _height: 30px; padding-left: 10px; color: #555; }
.visit-vcmt td .date,
.visit-vcmt td .ctrl { display: block; font-size: 11px; }
.visit-vcmt td .date { color: #555; }
.visit-vcmt td .ctrl { margin-top: 5px; }
.visit-vcmt td .ctrl a { margin-left: 2px; margin-right: 2px; color: #999; font-size: 11px; }
/* 작성 */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #e5e5e5; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;}
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #9d9d9d; font-family: Dotum; }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { padding-left: 10px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%; }
/* 게시판 타입 - 쓰기 */
.bbs-table-write { margin-top:10px;}
.bbs-table-write tbody th,
.bbs-table-write tbody td { padding:6px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#9d9d9d; font-weight:normal; font-size:12px;}
/* 게시판 타입 - 비밀번호찾기 */
.bbs-table-pwd { margin-top:25px;}
.bbs-table-pwd table { width:260px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td { padding:6px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:11px;}
/* 공통으로 쓰는거 */
textarea { width:600px; height:47px; padding:2px; border:1px solid #EDEDED;}
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}
.cont-sub-des { position:relative;}
.cont-sub-des span { margin-right:15px; color:#555;}
.cont-sub-des span em { font-size:11px; color:#9c9c9c;}
.cont-sub-des .hit { position:absolute; top:15px; right:0;}
.cont-sub-des .hit span { margin-right:0;}
.comment-box { border-bottom:2px solid #e5e5e5;}
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #e5e5e5; vertical-align:top;}
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#c5c5c5;}
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}
.com-wrt-box .wrt { margin-top:7px;}
.view-link { padding:12px 0;}
/* 게시판 회원 게시글 검색 */
.search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; }
/* 개인정보보호정책 동의 */
.new-privercy-contract { text-align: left; padding: 5px; }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.privercy-contract-tap { position: relative; height:40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; }
.privercy-contract-tap li { border: 1px solid #ccc; border-right: none; background: #F4F4F4; float:left; display: inline-block; }
.privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; }
.privercy-contract-tap li.end { border-right: 1px solid #ccc; }
.privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #CCC; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }
.table_style { WIDTH: 100%; BORDER-COLLAPSE: collapse; CLEAR: both
}
.table_style CAPTION { DISPLAY: none
}
.table_style THEAD TH { BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #f0f0f0; COLOR: #7c7c7c; FONT-SIZE: 11px; BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 5px
}
.table_style THEAD TH.first {
BORDER-LEFT: #ddd 1px solid
}
.table_style TBODY TD {
BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; LINE-HEIGHT: 120%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #7c7c7c; FONT-SIZE: 11px; PADDING-TOP: 7px
}
.table_style TBODY TD.left {
TEXT-ALIGN: left; PADDING-LEFT: 10px
}
.table_style TBODY TD.left STRONG {
COLOR: #000
}
.table_style TBODY TD.left STRONG A {
COLOR: #000
}
.table_style TBODY TD A {
COLOR: #7c7c7c
}
.table_style2 {
BORDER-BOTTOM: #ededed 10px solid; BORDER-LEFT: #ededed 10px solid; PADDING-BOTTOM: 30px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ededed 10px solid; BORDER-RIGHT: #ededed 10px solid; PADDING-TOP: 30px
}
.table_style2 TABLE {
MARGIN: 0px auto; WIDTH: 90%
}
.table_style2 CAPTION {
DISPLAY: none
}
.table_style2 TH {
BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 2px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_square.gif) no-repeat 3px 8px; LETTER-SPACING: -1px; COLOR: #7c7c7c; FONT-SIZE: 11px; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-TOP: 2px
}
.table_style2 TD {
TEXT-ALIGN: left; PADDING-BOTTOM: 2px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 2px
}
.table_style2 IMG {
VERTICAL-ALIGN: top
}
.table_price {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: #f3f3f3; PADDING-TOP: 20px
}
.table_price TABLE {
WIDTH: 100%
}
.table_price TH {
TEXT-ALIGN: right; COLOR: #7a7a7a; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
.table_price TD {
TEXT-ALIGN: right; PADDING-RIGHT: 10px; COLOR: #7a7a7a; FONT-SIZE: 11px
}
.table_price .point {
COLOR: #ff297b; FONT-WEIGHT: bold
}
.empty {
PADDING-BOTTOM: 100px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 100px
}
.finish {
BORDER-BOTTOM: #e7e7e7 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #e7e7e7 1px solid; MARGIN: 20px auto; WIDTH: 600px; BACKGROUND: #f5f5f5; BORDER-TOP: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid
}
.finish DIV {
PADDING-BOTTOM: 30px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; BACKGROUND: #fff; PADDING-TOP: 30px
}
.finish DIV P STRONG {
FONT-SIZE: 14px; MARGIN-RIGHT: 5px
}
.prdlist {
WIDTH: 100%
}
.prdlist TD {
TEXT-ALIGN: center; PADDING-BOTTOM: 45px; VERTICAL-ALIGN: top
}
.prdlist DL {
PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.prdlist DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #817a68; PADDING-TOP: 0px
}
.prdlist DT A {
COLOR: #817a68
}
.prdlist DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; FONT-SIZE: 11px; PADDING-TOP: 0px
}
.prdlist DD.img {
POSITION: relative; PADDING-BOTTOM: 10px
}
.prdlist DD.img .count_best {
POSITION: absolute; TOP: -43px; LEFT: 0px
}
.prdlist DD.img .count {
POSITION: absolute; TEXT-ALIGN: left; WIDTH: 36px; BACKGROUND: url(/design/bongjashop/css/count_edge.png) no-repeat left top; HEIGHT: 36px; TOP: 0px; LEFT: 0px; _background-image: none
}
.prdlist DD.img .count P {
PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
.prdlist DD.review {
COLOR: #f44878; FONT-WEIGHT: bold
}
.prdlist DD.today {
PADDING-BOTTOM: 10px
}
.prdlist DD.today IMG {
MARGIN-TOP: 2px; VERTICAL-ALIGN: top
}
.prdlist DD.today P {
PADDING-BOTTOM: 1px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; DISPLAY: inline; BACKGROUND: #b8b8b8; COLOR: #fff; FONT-SIZE: 11px; FONT-WEIGHT: normal; PADDING-TOP: 1px
}
.prdlist DD.cont1 {
COLOR: #b4b4b4
}
.prdlist DD.price {
COLOR: #000; FONT-WEIGHT: bold
}
.prdlist DD.price_pink {
COLOR: #f24678
}
.prdlist DD.nprice {
COLOR: #f44878; FONT-WEIGHT: bold
}
.prdlist DD.nprice .line {
COLOR: #000; FONT-WEIGHT: bold; TEXT-DECORATION: line-through
}
.prdlist DD.nprice .sale {
FONT-WEIGHT: normal
}
.best100list TD {
PADDING-BOTTOM: 90px
}
#zipcode {
TEXT-ALIGN: center; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
#zipcode .box {
BORDER-BOTTOM: #d5d5d5 1px solid; BORDER-LEFT: #d5d5d5 1px solid; PADDING-BOTTOM: 5px; MARGIN: 10px auto; PADDING-LEFT: 5px; WIDTH: 310px; PADDING-RIGHT: 5px; BORDER-TOP: #d5d5d5 1px solid; BORDER-RIGHT: #d5d5d5 1px solid; PADDING-TOP: 5px
}
#zipcode .box IMG {
VERTICAL-ALIGN: top
}
.roundline {
MARGIN: 0px auto; WIDTH: 870px; BACKGROUND: url(/design/bongjashop/css/round_line.gif) repeat-y left top
}
.roundtop {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/round_top.gif) no-repeat left top; PADDING-TOP: 25px
}
.roundbottom {
PADDING-BOTTOM: 25px; WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/round_bottom.gif) no-repeat left bottom
}
.topimg {
PADDING-BOTTOM: 20px
}
.topimg2 {
PADDING-BOTTOM: 40px; margin:0 auto; text-align:center; withd:870px;
}
.topimg3 {
PADDING-BOTTOM: 80px
}
.order_step {
PADDING-BOTTOM: 40px
}
#layout_romantic {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_romantic.gif) repeat-x left 470px
}
#layout_office {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_office.gif) repeat-x left 470px
}
#layout_chick {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_chick.gif) repeat-x left 470px
}
#layout_main {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_main.gif) repeat-x left 522px
}
#hdcnt {
Z-INDEX: 100; POSITION: relative; TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1220px
}
#hdcnt H1 {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 201px; PADDING-RIGHT: 0px; BACKGROUND: #fff; HEIGHT: 96px; TOP: 0px; PADDING-TOP: 0px; LEFT: 0px
}
#hdcnt H1 IMG {
MARGIN: 15px 0px 0px 28px
}
#hdcnt .menu {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 120px; FLOAT: right; PADDING-TOP: 12px
}
#hdcnt .menu LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#hdcnt .tab {
Z-INDEX: 110; POSITION: absolute; WIDTH: 369px; HEIGHT: 31px; TOP: 42px; RIGHT: 0px
}
.subtitle {
POSITION: relative; MARGIN-top:0px;WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/line.gif) repeat-x left 40px; HEIGHT: 70px
}
.subtitle H2 {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.subtitle P {
POSITION: absolute; COLOR: #b1b1b1; FONT-SIZE: 11px; TOP: 20px; RIGHT: 0px
}
.subtitle A {
COLOR: #b1b1b1
}
#snb {
WIDTH: 230px; FLOAT: left
}
#snb DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#snb DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#snb DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#snb UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#snb UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#snb .catebox {
POSITION: relative; MARGIN: 55px 0px 0px -2px; WIDTH: 204px; BACKGROUND: url(/design/bongjashop/css/bg_catebox.png) no-repeat left top; HEIGHT: 469px; _background-image: none
}
#snb .catebox .tablist_snb {
POSITION: absolute; TOP: 0px; LEFT: 2px
}
#snb .catebox .tablist_snb LI {
PADDING-BOTTOM: 13px; LINE-HEIGHT: 0; FLOAT: left; FONT-SIZE: 0px; CURSOR: pointer
}
#snb .catebox .tabcnt_snb {
PADDING-BOTTOM: 13px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 54px
}
#snb .catebox .tabcnt_snb .box {
MARGIN: 0px auto; WIDTH: 172px; HEIGHT: 400px; OVERFLOW: auto
}
#snb .catebox .tabcnt_snb .catemid0 { position: relative; zoom: 1; }
#snb .catebox .tabcnt_snb0 UL LI {
POSITION: relative; PADDING-BOTTOM: 2px; LINE-HEIGHT: 0; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 2px
}
#snb .catebox .tabcnt_snb0 UL LI UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#snb .catebox .tabcnt_snb0 UL LI UL LI {
POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#snb .catebox .tabcnt_snb1 {
BACKGROUND: #ff838f
}
#snb .catebox .tabcnt_snb1 UL LI {
PADDING-BOTTOM: 2px; LINE-HEIGHT: 0; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 2px
}
#snb .searchform {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#snb .searchform * {
VERTICAL-ALIGN: top
}
#snb .searchform .input {
BORDER-BOTTOM: #bfbfbf 1px solid; BORDER-LEFT: #bfbfbf 1px solid; WIDTH: 167px; BACKGROUND: #fff; HEIGHT: 16px; FONT-SIZE: 11px; BORDER-TOP: #bfbfbf 1px solid; BORDER-RIGHT: #bfbfbf 1px solid
}
#snb .searchform .bginput {
BACKGROUND: url(/design/bongjashop/css/bg_search.gif) no-repeat left top
}
#snb .searchform .btn {
MARGIN-LEFT: 3px
}
#snb .banner {
PADDING-BOTTOM: 40px
}
#snb .banner LI {
PADDING-BOTTOM: 5px
}
#snb .quick {
WIDTH: 218px; BACKGROUND: url(/design/bongjashop/css/bg_snb_quick.gif) no-repeat 66px 66px; HEIGHT: 200px; OVERFLOW: auto
}
#snb .quick LI {
BORDER-BOTTOM: #e4e4e4 1px solid; FLOAT: left; FONT-SIZE: 0px; BORDER-RIGHT: #e4e4e4 1px solid
}
#snb .quick LI.none {
WIDTH: 68px; HEIGHT: 68px
}
#snb .quick LI.noneright {
BORDER-RIGHT: 0px
}
#snb .quick LI.nonebottom {
BORDER-BOTTOM: 0px
}
#snb .customer {
BORDER-BOTTOM: #e4e4e4 1px solid; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 201px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 40px
}
#snb .bank {
PADDING-BOTTOM: 40px
}
#snb .bank DL {
PADDING-BOTTOM: 7px
}
#snb .bank DT {
PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 27px
}
#snb .bank SELECT {
WIDTH: 201px
}
#ext {
WIDTH: 120px; FLOAT: left
}
#ext UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 86px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ext UL LI {
PADDING-BOTTOM: 2px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 2px
}
#ext UL LI.today {
BACKGROUND: url(/design/bongjashop/css/quick_line.gif) repeat-y center top; PADDING-TOP: 24px
}
#ftcnt {
POSITION: relative; TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1100px; PADDING-RIGHT: 120px
}
#ftcnt DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ftcnt DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ftcnt DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ftcnt UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ftcnt UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#ftcnt .menu LI {
PADDING-RIGHT: 20px; FLOAT: left
}
#ftcnt .menu LI.last {
PADDING-RIGHT: 0px; FLOAT: right
}
#ftcnt .shopinfo {
PADDING-BOTTOM: 17px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 23px
}
#ftcnt .escrow {
PADDING-BOTTOM: 34px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 17px
}
#ftcnt .wisa {
POSITION: absolute; TEXT-ALIGN: right; TOP: 53px; RIGHT: 123px
}
.quickline {
POSITION: relative; WIDTH: 100%; HEIGHT: 182px; CLEAR: both
}
.quickline .event_prd {
PADDING-BOTTOM: 16px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 10px
}
.quickline .event_prd LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 18px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.quickline .event {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px
}
.quickline .event LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.quickline .customer {
POSITION: absolute; TOP: 20px; RIGHT: 178px
}
.quickline .bank {
POSITION: absolute; TEXT-ALIGN: left; WIDTH: 155px; TOP: 20px; RIGHT: 0px
}
.quickline .bank DL {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 0px
}
.quickline .bank DT {
PADDING-BOTTOM: 15px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 0px
}
.quickline .bank DD {
PADDING-BOTTOM: 1px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 0px
}
.quickline .bank .name {
PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
.laylogin {
WIDTH: 420px; BACKGROUND: url(/design/bongjashop/css/bg_login.gif) no-repeat; HEIGHT: 307px
}
.laylogin DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 96px
}
.laylogin DT {
TEXT-ALIGN: left; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 10px; WIDTH: 54px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_square2.gif) no-repeat left 42%; FLOAT: left; LETTER-SPACING: -1px; COLOR: #878686; CLEAR: both; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.laylogin DD {
PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
.laylogin DD .input {
WIDTH: 190px
}
.laylogin .btn {
MARGIN: 96px 0px 0px 10px; FLOAT: left
}
.laylogin .ssl {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 92px; PADDING-RIGHT: 0px; COLOR: #878686; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 10px
}
.laylogin .joinfind {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 30px
}
.laylogin .joinfind IMG {
MARGIN: 0px 10px
}
#cart .btn {
TEXT-ALIGN: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#cart .btn LI {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#bigsection .midcate {
POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: -35px 0px 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 40px; PADDING-TOP: 0px
}
#bigsection .midcate LI {
PADDING-BOTTOM: 7px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 7px
}
#bigsection .midcate LI IMG {
MARGIN-TOP: 5px; VERTICAL-ALIGN: top
}
#bigsection .midcate LI.arrow {
BACKGROUND: url(/design/bongjashop/css/bullet_downarrow.gif) no-repeat center top; COLOR: #ff2b67
}
#bigsection .midcate LI.arrow A {
COLOR: #ff2b67
}
#bigsection .midcate LI A:hover {
COLOR: #ff2b67
}
#bigsection .total_sort {
POSITION: relative; TEXT-ALIGN: right; PADDING-BOTTOM: 15px; MARGIN: 0px auto; WIDTH: 98%; CLEAR: both; FONT-SIZE: 11px
}
#bigsection .total_sort SPAN {
TEXT-ALIGN: right; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #b1b1b1; MARGIN-RIGHT: 10px; PADDING-TOP: 10px
}
#bigsection .total_sort SPAN STRONG {
COLOR: #ff7199
}
#bigsection .total_sort .style_sort {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: -7px; PADDING-TOP: 0px; LEFT: -5px
}
#bigsection .total_sort .style_sort LI {
PADDING-BOTTOM: 7px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 7px
}
#bigsection .total_sort .style_sort LI IMG {
MARGIN-TOP: 5px; VERTICAL-ALIGN: top
}
#bigsection .total_sort .style_sort LI.arrow {
BACKGROUND: url(/design/bongjashop/css/bullet_downarrow.gif) no-repeat center top; COLOR: #ff2b67
}
#bigsection .total_sort .style_sort LI.arrow A {
COLOR: #ff2b67
}
#bigsection .total_sort .style_sort LI A:hover {
COLOR: #ff2b67
}
#bigsection .total_sort .list {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 3px
}
#bigsection .total_sort .list LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px; BACKGROUND: url(/design/bongjashop/css/bullet_square.gif) no-repeat left 42%; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#bigsection .total_sort .list LI.last {
PADDING-RIGHT: 0px
}
#bigsection .banner {
TEXT-ALIGN: center; WIDTH: 100%
}
#bigsection .banner IMG {
MARGIN-BOTTOM: 20px
}
#bigsection .besttop {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_top.gif) no-repeat left top; HEIGHT: 36px; CLEAR: both
}
#bigsection .bestline {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/best_line.gif) repeat-y left top; PADDING-TOP: 10px
}
#bigsection .bestbottom {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_bottom.gif) no-repeat left bottom; HEIGHT: 10px
}
#bigsection .besttop_romantic {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_romantic_top.gif) no-repeat left top; HEIGHT: 36px; CLEAR: both
}
#bigsection .besttop_office {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_office_top.gif) no-repeat left top; HEIGHT: 36px; CLEAR: both
}
#bigsection .besttop_chick {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_chick_top.gif) no-repeat left top; HEIGHT: 36px; CLEAR: both
}
#bigsection .bestbottom_romantic {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_romantic_bottom.gif) no-repeat left bottom; HEIGHT: 10px
}
#bigsection .bestbottom_office {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_office_bottom.gif) no-repeat left bottom; HEIGHT: 10px
}
#bigsection .bestbottom_chick {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/best_chick_bottom.gif) no-repeat left bottom; HEIGHT: 10px
}
#detail {
WIDTH: 100%; PADDING-TOP: 55px
}
#detail .detimg {
TEXT-ALIGN: center; WIDTH: 400px; FLOAT: left
}
#detail .info {
TEXT-ALIGN: left; WIDTH: 310px; FLOAT: left; MARGIN-LEFT: 80px
}
#detail .info .name {
BORDER-BOTTOM: #c0c0c0 2px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; COLOR: #666; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 20px
}
#detail .info .list {
BORDER-BOTTOM: #dfdfdf 1px solid; WIDTH: 100%
}
#detail .info .list CAPTION {
DISPLAY: none
}
#detail .info .list TH {
TEXT-ALIGN: left; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; COLOR: #808080; FONT-SIZE: 11px; FONT-WEIGHT: normal; PADDING-TOP: 5px
}
#detail .info .list TD {
TEXT-ALIGN: right; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; COLOR: #333; PADDING-TOP: 5px
}
#detail .info .list .nprice {
TEXT-DECORATION: line-through
}
#detail .info .list .price {
COLOR: #ff4b68
}
#detail .info .msg {
BORDER-BOTTOM: #dfdfdf 1px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; COLOR: #878686; FONT-SIZE: 11px; PADDING-TOP: 10px
}
#detail .info .msg IMG {
VERTICAL-ALIGN: top
}
#detail .info .msg2 {
BORDER-BOTTOM: 0px
}
#detail .info .btn {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 30px
}
#detail .info .btn LI {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; FONT-SIZE: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 27px
}
#detail .info .btn .buy {
PADDING-TOP: 0px
}
#detail .snscheck {
WIDTH: 100%; HEIGHT: 130px; CLEAR: both
}
#detail .snscheck UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 223px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 67px
}
#detail .snscheck UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#detail .snscheck .naver {
PADDING-BOTTOM: 0px; PADDING-LEFT: 90px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 56px
}
#detail .banner {
TEXT-ALIGN: center
}
#detail .detailinfo {
WIDTH: 100%; CLEAR: both
}
#detail .detailinfo .dtInfo {
TEXT-ALIGN: justify; WIDTH: 870px
}
#detail .detailinfo .commonInfo {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#detail .detailinfo .tab {
PADDING-BOTTOM: 50px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 50px
}
#detail .detailinfo .with {
PADDING-BOTTOM: 15px
}
#detail .detailinfo .tit {
TEXT-ALIGN: left; PADDING-BOTTOM: 20px; WIDTH: 100%
}
#detail .detailinfo .detailbtn {
TEXT-ALIGN: right; PADDING-TOP: 10px
}
.withlist {
BORDER-BOTTOM: #d9d9d9 1px solid; WIDTH: 100%; BORDER-TOP: #d9d9d9 1px solid
}
.withlist TD {
TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 20px
}
.withlist DL {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 165px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.withlist DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #817a68; PADDING-TOP: 0px
}
.withlist DT A {
COLOR: #817a68
}
.withlist DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; FONT-SIZE: 11px; PADDING-TOP: 0px
}
.withlist DD.img {
POSITION: relative; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.withlist DD.cont1 {
COLOR: #b4b4b4
}
.withlist DD.price {
COLOR: #000; FONT-WEIGHT: bold
}
.qnatab {
TEXT-ALIGN: center; PADDING-BOTTOM: 60px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.qnatab LI {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT-SIZE: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#qnarev {
TEXT-ALIGN: left; WIDTH: 100%
}
#qnarev .cnt {
TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
#qnarev .btn {
TEXT-ALIGN: right; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#qnarev .searchform * {
VERTICAL-ALIGN: top
}
#qnarev .comment {
BORDER-BOTTOM: #e8e7e7 1px solid; WIDTH: 100%; MARGIN-BOTTOM: 10px; BORDER-TOP: #e8e7e7 1px solid
}
#qnarev .comment TD {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 5px
}
#qnarev .comment .name {
TEXT-ALIGN: center; BORDER-RIGHT: #e8e7e7 1px solid
}
#qnarev .comment .subject {
TEXT-ALIGN: left; PADDING-LEFT: 10px
}
#qnarev .comment .date {
TEXT-ALIGN: right
}
#qnarevmod .modcnt {
TEXT-ALIGN: left
}
#qnarevmod .modcnt .input {
WIDTH: 80%
}
#qnarevmod .modcnt .input2 {
WIDTH: 100%; HEIGHT: 150px
}
.qnasecret {
TEXT-ALIGN: center; WIDTH: 100%
}
.qnasecret .msg {
COLOR: #ff6600
}
.qnasecret .msg2 {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.minidetail .btn {
TEXT-ALIGN: right; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 10px
}
.minidetail .miniinfo {
WIDTH: 100%; PADDING-TOP: 10px
}
.minidetail .miniinfo .img {
TEXT-ALIGN: center; WIDTH: 40%; FLOAT: left
}
.minidetail .miniinfo .list {
TEXT-ALIGN: left; WIDTH: 60%; FLOAT: left
}
.minidetail .miniinfo .list P {
PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; PADDING-TOP: 10px
}
.minidetail .miniinfo .list UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.minidetail .miniinfo .list UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.minidetail .miniinfo .list UL LI .nprice {
TEXT-DECORATION: line-through
}
#order H3 {
TEXT-ALIGN: left; PADDING-BOTTOM: 15px; MARGIN: 40px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
#order H3.first {
MARGIN: 0px
}
#order .ordercheck {
BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#order .ordercheck .btn {
PADDING-TOP: 10px
}
#order .coupon_table {
WIDTH: 98%; BACKGROUND: #868686
}
#order .coupon_table THEAD TH {
BACKGROUND: #dbdbdb
}
#order .coupon_table TBODY TD {
BACKGROUND: #fff
}
#order .btn {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 20px
}
#order .btn IMG {
MARGIN: 0px 10px
}
#orderfin .msg {
PADDING-BOTTOM: 30px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 50px
}
#orderfin .frame {
MARGIN: 0px auto; WIDTH: 439px; BACKGROUND: url(/design/bongjashop/css/fin_frame.gif) no-repeat; HEIGHT: 600px
}
#orderfin .frame P {
LETTER-SPACING: -1px; COLOR: #555; FONT-SIZE: 11px
}
#orderfin .frame P .point {
COLOR: #ff3600; FONT-SIZE: 12px
}
#orderfin .frame P IMG {
MARGIN-TOP: 5px; VERTICAL-ALIGN: top
}
#orderfin .btn {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 0px; PADDING-TOP: 120px
}
#orderfin .btn IMG {
MARGIN: 0px 10px
}
#orderfin .gift .tit {
TEXT-ALIGN: left; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#orderfin .gift .img {
WIDTH: 100px
}
#poll .poll_table {
BORDER-LEFT: #e5e5e5 1px solid; WIDTH: 100%; BORDER-TOP: #e5e5e5 1px solid
}
#poll .poll_table CAPTION {
DISPLAY: none
}
#poll .poll_table TH {
BORDER-BOTTOM: #e5e5e5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #7c7c7c; FONT-SIZE: 11px; FONT-WEIGHT: bold; BORDER-RIGHT: #e5e5e5 1px solid; PADDING-TOP: 7px
}
#poll .poll_table TD {
BORDER-BOTTOM: #e5e5e5 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 7px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; COLOR: #888; FONT-SIZE: 11px; BORDER-RIGHT: #e5e5e5 1px solid; PADDING-TOP: 7px
}
#poll .poll_table TD A {
COLOR: #888
}
#poll .pollcnt {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#poll .frametop {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/poll_frame_top.gif) no-repeat left top; HEIGHT: 54px
}
#poll .frameline {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/poll_frame_line.gif) repeat-y left top; OVERFLOW: auto
}
#poll .framebottom {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/poll_frame_bottom.gif) no-repeat left bottom; HEIGHT: 30px
}
#poll .frameline TABLE {
MARGIN: 10px 0px 0px 40px; WIDTH: 680px; FLOAT: left
}
#poll .frameline TABLE CAPTION {
DISPLAY: none
}
#poll .frameline TABLE TD {
TEXT-ALIGN: center; FONT-WEIGHT: bold
}
#poll .frameline TABLE TD.name {
TEXT-ALIGN: left; FONT-WEIGHT: normal
}
#poll .frameline TABLE TD.percent {
COLOR: #00b07c
}
#poll .frameline .btn {
PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 40px; FLOAT: right; PADDING-TOP: 10px
}
#poll .commentlist {
BORDER-BOTTOM: #ddd 1px solid; MARGIN: 55px 0px 20px; WIDTH: 100%; BORDER-TOP: #ddd 1px solid
}
#poll .commentlist CAPTION {
DISPLAY: none
}
#poll .commentlist TH {
PADDING-BOTTOM: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 6px
}
#poll .commentlist TD {
TEXT-ALIGN: left; PADDING-BOTTOM: 6px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 6px
}
#poll .commentdel {
PADDING-BOTTOM: 10px
}
#poll .commentwrite {
WIDTH: 100%
}
#poll .commentwrite TD {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 3px
}
.commonpoll {
TEXT-ALIGN: center; MARGIN: 10px auto 0px; WIDTH: 90%
}
.commonpoll CAPTION {
DISPLAY: none
}
.commonpoll TH {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bg_poll_question.gif) no-repeat left top; LETTER-SPACING: -1px; FONT-SIZE: 11px; PADDING-TOP: 3px
}
.commonpoll TD {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; FONT-SIZE: 11px; PADDING-TOP: 3px
}
#searchresult .inputform {
TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
#searchresult .keyword {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#searchresult .keyword STRONG {
COLOR: #ff0000
}
#searchresult .catelist {
TEXT-ALIGN: left
}
#searchresult .catelist {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#searchresult .catelist LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_arrow.gif) no-repeat left 40%; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.auction_list {
CLEAR: both
}
.auction_list UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.auction_list UL LI {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 217px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.auction_list UL LI DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.auction_list UL LI DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.auction_list UL LI DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; FONT-SIZE: 11px; PADDING-TOP: 0px
}
.auction_list UL LI DD.img {
PADDING-BOTTOM: 10px
}
.auction_list UL LI DD.auction1 {
COLOR: #1489f5; FONT-WEIGHT: bold
}
.auction_list UL LI DD.auction2 {
COLOR: #f44878; FONT-WEIGHT: bold
}
.auction_list UL LI DD.auction3 {
COLOR: #b8b8b8; FONT-WEIGHT: bold
}
.auction_list UL LI DD.auction4 {
COLOR: #000; FONT-WEIGHT: bold
}
#actionview .actioninfo {
BORDER-LEFT: #e5e5e5 1px solid; WIDTH: 100%; BORDER-TOP: #e5e5e5 1px solid
}
#actionview .actioninfo CAPTION {
DISPLAY: none
}
#actionview .actioninfo TH {
BORDER-BOTTOM: #e5e5e5 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #7c7c7c; FONT-SIZE: 11px; FONT-WEIGHT: bold; BORDER-RIGHT: #e5e5e5 1px solid; PADDING-TOP: 7px
}
#actionview .actioninfo TD {
BORDER-BOTTOM: #e5e5e5 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 7px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; COLOR: #888; FONT-SIZE: 11px; BORDER-RIGHT: #e5e5e5 1px solid; PADDING-TOP: 7px
}
#actionview .actioninfo TD A {
COLOR: #888
}
#actionview .box {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#actionview .entrylist TABLE {
WIDTH: 100%; BORDER-TOP: #ddd 1px solid
}
#actionview .entrylist TABLE CAPTION {
DISPLAY: none
}
#actionview .entrylist TABLE TH {
BORDER-BOTTOM: #eaeaea 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
#actionview .entrylist TABLE TD {
BORDER-BOTTOM: #eaeaea 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 11px; VERTICAL-ALIGN: top; PADDING-TOP: 7px
}
#actionview .entrylist TABLE .reply {
TEXT-ALIGN: left; PADDING-LEFT: 30px; BACKGROUND: url(/design/bongjashop/css/bullet_reply.gif) no-repeat 15px 45%
}
#actionview .entrylist TABLE .left {
TEXT-ALIGN: left; PADDING-LEFT: 10px
}
#actionview .entrylist TABLE .price {
COLOR: #f71616
}
#actionview .entrylist .input_price {
TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#actionview .entrylist .input_price .input {
WIDTH: 50px
}
#actionview .entrylist .input_comment {
TEXT-ALIGN: left
}
#actionview .entrylist .input_comment .input {
WIDTH: 740px; HEIGHT: 70px
}
#actionview .entrylist .input_comment .btn {
VERTICAL-ALIGN: top
}
#request_pop {
MARGIN: 0px auto; WIDTH: 592px; BACKGROUND: url(/design/bongjashop/css/bg_request.jpg) no-repeat left top; HEIGHT: 843px
}
#request_pop * {
LETTER-SPACING: -1px; FONT-SIZE: 11px
}
#request_pop CAPTION {
DISPLAY: none
}
#request_pop .box {
MARGIN: 0px auto; WIDTH: 510px; PADDING-TOP: 155px
}
#request_pop .box H3 {
TEXT-ALIGN: left; PADDING-BOTTOM: 13px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: normal; PADDING-TOP: 13px
}
#request_pop .box H3 IMG {
VERTICAL-ALIGN: top
}
#request_pop .box .form_table {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#request_pop .box .form_table TH {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; LINE-HEIGHT: 120%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
#request_pop .box .form_table TD {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; LINE-HEIGHT: 120%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 3px
}
#request_pop .box H4 {
TEXT-ALIGN: left; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#request_pop .box .prdframe {
BORDER-BOTTOM: #dedfde 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #dedfde 1px solid; MARGIN: 0px auto; WIDTH: 510px; HEIGHT: 180px; OVERFLOW: auto; BORDER-TOP: #dedfde 1px solid; BORDER-RIGHT: #dedfde 1px solid
}
#request_pop .box .prdframe UL {
PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
#request_pop .box .prdframe UL LI {
PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#request_pop .box .prdframe UL LI P {
PADDING-RIGHT: 10px; FLOAT: left
}
#request_pop .box .prdframe UL LI DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
#request_pop .box .prdframe UL LI DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#request_pop .box .prdframe UL LI DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#request_pop .box .msg {
TEXT-ALIGN: left; MARGIN: 0px; PADDING-TOP: 5px
}
#request_pop .box .btn {
PADDING-BOTTOM: 28px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 28px
}
.mypage_list H3 {
TEXT-ALIGN: left; PADDING-BOTTOM: 18px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 50px
}
.mypage_list .tab {
PADDING-BOTTOM: 0px; MARGIN: 0px 0px 13px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/tab_line.gif) repeat-x left bottom; HEIGHT: 31px; PADDING-TOP: 0px
}
.mypage_list .tab LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.mypage_list .msg {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 25px
}
.mypage_list .msg LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; COLOR: #585858; FONT-SIZE: 11px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.mypage_list .msg LI SPAN {
COLOR: #f6301c
}
.mypage_list .topimg {
PADDING-TOP: 30px
}
#mypage_top {
WIDTH: 100%
}
#mypage_top UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#mypage_top DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#mypage_top DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#mypage_top DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#mypage_top UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#mypage_top .info {
POSITION: relative; TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 768px
}
#mypage_top .info H3 {
PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#mypage_top .info .lvguide {
PADDING-LEFT: 118px; BACKGROUND: url(/design/bongjashop/css/bg_bag.jpg) no-repeat left top
}
#mypage_top .info .lvguide P {
PADDING-BOTTOM: 10px; LETTER-SPACING: -1px; COLOR: #8e8e8e; FONT-SIZE: 11px
}
#mypage_top .info .lvguide P.name {
FONT-SIZE: 12px
}
#mypage_top .info .lvguide P.totalprice {
TEXT-DECORATION: underline
}
#mypage_top .info .lvguide P.totalprice STRONG {
COLOR: #ff7800
}
#mypage_top .info .lvguide P .pink {
COLOR: #ff2a7a
}
#mypage_top .info .lvguide P .black {
COLOR: #000
}
#mypage_top .info .lvguide P IMG {
MARGIN-LEFT: 2px; VERTICAL-ALIGN: top
}
#mypage_top .info .milinfo {
POSITION: absolute; TEXT-ALIGN: left; TOP: 0px; RIGHT: -24px
}
#mypage_top .info .milinfo UL LI {
PADDING-RIGHT: 24px; FLOAT: left
}
#mypage_top .info .milinfo DL {
TEXT-ALIGN: center
}
#mypage_top .info .milinfo DL DT {
PADDING-BOTTOM: 10px
}
#mypage_top .info .milinfo DL DD {
LETTER-SPACING: -1px; FONT-SIZE: 11px
}
#mypage_top .info .milinfo DL DD STRONG {
TEXT-DECORATION: underline
}
#mypage_top .info .menu {
CLEAR: both; PADDING-TOP: 50px
}
#mypage_top .info .menu LI {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 0px
}
#mypage_top .info .menu LI.last {
PADDING-RIGHT: 0px
}
#mypage_top .maingo {
PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/line.gif) repeat-x left 9px; CLEAR: both; PADDING-TOP: 5px
}
.mypageinfo .tab {
BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-TOP: 7px
}
.mypageinfo .tab LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: inline; FONT-SIZE: 11px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.mypageinfo .list {
POSITION: relative; TEXT-ALIGN: left
}
.mypageinfo .list CAPTION {
DISPLAY: none
}
.mypageinfo .list P {
PADDING-BOTTOM: 32px; PADDING-LEFT: 45px; PADDING-RIGHT: 45px; PADDING-TOP: 32px
}
.mypageinfo .list TABLE {
POSITION: absolute; FONT-SIZE: 11px; TOP: 32px; LEFT: 298px
}
.mypageinfo .list TABLE TH {
TEXT-ALIGN: left; PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
.mypageinfo .list TABLE TH.name {
PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 15px
}
.mypageinfo .list TABLE TD {
PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
#mypage H3 {
POSITION: relative; TEXT-ALIGN: left; PADDING-BOTTOM: 18px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 50px
}
#mypage H3 .titimg {
FLOAT: left
}
#mypage H3 .more {
FLOAT: right
}
#mypage .msg {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 25px
}
#mypage .msg LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LETTER-SPACING: -1px; COLOR: #585858; FONT-SIZE: 11px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#mypage .msg LI SPAN {
COLOR: #f6301c
}
#order .purchaser {
PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
#order .purchaser SPAN {
COLOR: #ff2a7a
}
#order .tab {
MARGIN: 10px
}
#order .tab LI {
DISPLAY: inline
}
#wishlist .btn {
TEXT-ALIGN: right; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#point .change {
PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 20px; BACKGROUND: #f0f0f0; LETTER-SPACING: -1px; FONT-SIZE: 11px; OVERFLOW: auto; PADDING-TOP: 20px
}
#point .change P {
TEXT-ALIGN: right; WIDTH: 275px; FLOAT: left
}
#point .change DIV {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 5px
}
#point .change DIV .input {
WIDTH: 166px; HEIGHT: 20px
}
#point .change DIV .btn {
MARGIN-TOP: 1px; VERTICAL-ALIGN: top
}
#point .change DIV IMG {
MARGIN: 0px 5px
}
#counsel .content {
TEXT-ALIGN: left; PADDING-BOTTOM: 30px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; PADDING-TOP: 0px
}
#counsel .content DT {
PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#counsel .content DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#counsel .content .question {
COLOR: #777
}
#counsel .content .answer {
COLOR: #000
}
#counsel .btn {
TEXT-ALIGN: right; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#myqna .content {
TEXT-ALIGN: left; PADDING-BOTTOM: 30px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; PADDING-TOP: 0px
}
#myreview .content {
TEXT-ALIGN: left; PADDING-BOTTOM: 30px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; PADDING-TOP: 0px
}
#draw .mypage_txta {
BORDER-BOTTOM: #c7c7c7 1px solid; BORDER-LEFT: #c7c7c7 1px solid; WIDTH: 100%; HEIGHT: 100px; BORDER-TOP: #c7c7c7 1px solid; BORDER-RIGHT: #c7c7c7 1px solid
}
#draw .btn {
TEXT-ALIGN: right; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#attend {
PADDING-TOP: 20px
}
#attend .date .year {
COLOR: #ff0000; FONT-SIZE: 20px; FONT-WEIGHT: bold
}
#attend .date .month {
COLOR: #0072bc; FONT-SIZE: 20px; FONT-WEIGHT: bold
}
#attend .info {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#attend .info DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(/design/bongjashop/css/bullet_arrow.gif) no-repeat 2px 6px; FLOAT: left; CLEAR: both; PADDING-TOP: 0px
}
#attend .info DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_arrow.gif) no-repeat 2px 6px; COLOR: #0072bc; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#attend .msg {
TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_arrow.gif) no-repeat 12px 6px; PADDING-TOP: 0px
}
#attend #calendar .attenY {
BACKGROUND: url(/design/bongjashop/css/attend_ok.gif) no-repeat center 15px
}
#attend #calendar .attenN {
BACKGROUND: url(/design/bongjashop/css/attend_no.gif) no-repeat center 15px
}
#attend #calendar .attenR {
BACKGROUND: url(/design/bongjashop/css/attend.gif) no-repeat center 15px
}
#attend #calendar CAPTION {
DISPLAY: none
}
#attend #calendar TABLE {
BORDER-LEFT: #ddd 1px solid; WIDTH: 98%; BORDER-TOP: #ddd 1px solid
}
#attend #calendar TABLE THEAD TH {
BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #f5f5f5; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 10px
}
#attend #calendar TABLE THEAD TH.sun {
COLOR: #da2128
}
#attend #calendar TABLE THEAD TH.sat {
COLOR: #0072bc
}
#attend #calendar TABLE TBODY TD {
BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: left; HEIGHT: 80px; VERTICAL-ALIGN: top; BORDER-RIGHT: #ddd 1px solid
}
#login {
TEXT-ALIGN: left; WIDTH: 100%
}
#login H3 {
PADDING-BOTTOM: 28px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#login .fail {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 50px; MARGIN: 0px; COLOR: #e51852; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
#login .box {
WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_loginbox.gif) no-repeat center top; HEIGHT: 306px
}
#login .box DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 390px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 45px
}
#login .box DT {
TEXT-ALIGN: left; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 14px; WIDTH: 64px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_square2.gif) no-repeat left 42%; FLOAT: left; LETTER-SPACING: -1px; COLOR: #878686; CLEAR: both; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
#login .box DD {
PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
#login .box DD .input {
WIDTH: 190px
}
#login .box .btn {
MARGIN: 45px 0px 0px 10px; FLOAT: left
}
#login .box .ssl {
PADDING-BOTTOM: 0px; PADDING-LEFT: 465px; PADDING-RIGHT: 0px; COLOR: #878686; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 10px
}
#login .box .joinfind {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 60px
}
#login .box .joinfind LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 435px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#login .box .joinfind LI IMG {
MARGIN-LEFT: 58px
}
#login .box .joinfind LI.first {
BACKGROUND: url(/design/bongjashop/css/bg_bar.gif) no-repeat right top
}
#login H3.tit_guest {
PADDING-BOTTOM: 28px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 50px
}
#login .guest {
TEXT-ALIGN: center; WIDTH: 100%; MARGIN-BOTTOM: 55px; BACKGROUND: url(/design/bongjashop/css/bg_guest.gif) no-repeat left top; HEIGHT: 94px
}
#login .guest .frame {
PADDING-BOTTOM: 53px; PADDING-LEFT: 150px; PADDING-RIGHT: 0px; PADDING-TOP: 40px
}
#login .guest * {
FONT-SIZE: 11px; VERTICAL-ALIGN: top
}
#login .guest SPAN {
MARGIN-RIGHT: 10px
}
#find {
TEXT-ALIGN: left; WIDTH: 100%
}
#find H3 {
PADDING-BOTTOM: 28px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#find .box {
TEXT-ALIGN: right; WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_findbox.gif) no-repeat center top; HEIGHT: 292px
}
#find .box .findid {
TEXT-ALIGN: left; MARGIN: 44px 80px 20px 0px; WIDTH: 350px; FLOAT: right
}
#find .box .findpw {
TEXT-ALIGN: left; MARGIN: 0px 80px 0px 0px; WIDTH: 350px; FLOAT: right; CLEAR: both
}
#find .box .tit {
PADDING-BOTTOM: 20px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#find .box DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#find .box DT {
TEXT-ALIGN: left; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-LEFT: 14px; WIDTH: 74px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_square2.gif) no-repeat left 42%; FLOAT: left; LETTER-SPACING: -1px; COLOR: #878686; CLEAR: both; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
#find .box DD {
PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 2px
}
#find .box DD .input {
WIDTH: 150px
}
#find .box .btn {
MARGIN: 0px 0px 0px 10px; FLOAT: left
}
#find .box .ssl {
PADDING-BOTTOM: 0px; PADDING-LEFT: 85px; PADDING-RIGHT: 0px; COLOR: #878686; CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 5px
}
#joinstep1 {
PADDING-BOTTOM: 20px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
#joinstep1 IFRAME {
BORDER-BOTTOM: #dedfde 1px solid; BORDER-LEFT: #dedfde 1px solid; WIDTH: 100%; HEIGHT: 200px; BORDER-TOP: #dedfde 1px solid; BORDER-RIGHT: #dedfde 1px solid
}
#joinstep1 P {
TEXT-ALIGN: right; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#joinstep1 P.tit {
TEXT-ALIGN: left; PADDING-BOTTOM: 10px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/bullet_arrow.gif) no-repeat left 25%; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#joinstep1 P.btn {
TEXT-ALIGN: center
}
#join .join_welcome {
TEXT-ALIGN: left; WIDTH: 100%; LETTER-SPACING: -1px; COLOR: #878686; FONT-SIZE: 11px
}
#join .join_welcome P {
PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 8px
}
#join .join_welcome P STRONG {
COLOR: #ff5697
}
#join .join_welcome P.compulsory {
COLOR: #a7a7a7
}
#joinfin .finish {
MARGIN-TOP: 40px
}
#sms_find {
WIDTH: 336px; BACKGROUND: url(/_image/member/bg_sms_find.gif) no-repeat left top; HEIGHT: 240px
}
#sms_find .box {
POSITION: relative; TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 240px
}
#sms_find .tit {
PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 35px
}
#sms_find TABLE {
WIDTH: 100%
}
#sms_find TABLE TH {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url(/design/bongjashop/css/dot.gif) no-repeat left 42%; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 3px
}
#sms_find TABLE TD {
TEXT-ALIGN: left; PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 3px
}
#sms_find .btn {
TEXT-ALIGN: center; PADDING-TOP: 20px
}
#sms_find .close {
POSITION: absolute; TOP: 20px; CURSOR: pointer; RIGHT: -20px
}
#coordiview {
WIDTH: 100%
}
#coordiview .imgframe {
WIDTH: 460px; FLOAT: left
}
#coordiview .list {
WIDTH: 290px; FLOAT: right; MARGIN-RIGHT: 65px
}
#coordiview .list .name {
TEXT-ALIGN: center; WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_coordi.jpg) no-repeat left top; HEIGHT: 135px
}
#coordiview .list .name P {
PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #494949; FONT-WEIGHT: bold; PADDING-TOP: 40px
}
#coordiview .list .name UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#coordiview .list .name UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT-SIZE: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#coordiview .list .btn {
BORDER-BOTTOM: #f2f2f2 1px solid; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-LEFT: 11px; PADDING-TOP: 20px
}
#coordiview .list .next {
TEXT-ALIGN: left; MARGIN-LEFT: 11px; PADDING-TOP: 33px
}
#coordiview .list .next .tit {
FONT-WEIGHT: bold
}
#coordiview .list .next .tit IMG {
VERTICAL-ALIGN: top
}
.coordi_ref_list {
WIDTH: 100%
}
.coordi_ref_list TD {
TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px
}
.coordi_ref_list TD P {
TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 165px
}
.coordi_ref_list TD P.img {
PADDING-BOTTOM: 7px
}
.coordi_ref_list TD P.price {
COLOR: #000; FONT-WEIGHT: bold
}
.coordi_ref_list TD P.price SPAN {
MARGIN-LEFT: 23px
}
#company {
MARGIN: 10px auto; WIDTH: 98%
}
#company .logo {
PADDING-BOTTOM: 10px
}
#guide {
WIDTH: 100%
}
#guide .tablist_guide {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#guide .tablist_guide LI {
PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; FONT-SIZE: 0px; CURSOR: pointer; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#guide .tabcnt_guide {
CLEAR: both; PADDING-TOP: 4px
}
#guide .tabcnt_guide .frame {
TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 92%; LETTER-SPACING: -1px; COLOR: #7c7c7c; FONT-SIZE: 11px
}
#guide .tabcnt_guide .frame P {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#guide .tabcnt_guide .frame DL {
PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#guide .tabcnt_guide .frame DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#guide .tabcnt_guide .frame DD {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#guide .tabcnt_guide .frame .bold {
FONT-WEIGHT: bold
}
#guide .tabcnt_guide .frame .orange {
COLOR: #ff6c00
}
#guide .tabcnt_guide .frame .underline {
TEXT-DECORATION: underline
}
#guide .tabcnt_guide .frame .center {
TEXT-ALIGN: center
}
#guide .tabcnt_guide .frame .stepimg {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-LEFT: -10px; PADDING-TOP: 10px
}
#uselaw H3 {
MARGIN: 0 auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 40px; PADDING-BOTTOM: 40px; text-align:center;
}
#uselaw IFRAME {
BORDER-BOTTOM: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 820px; HEIGHT: 870px; BORDER-TOP: #e4e4e4 1px solid; BORDER-RIGHT: #e4e4e4 1px solid
}
#join_rull {
TEXT-ALIGN: left; MARGIN: 10px auto; WIDTH: 98%; FONT-SIZE: 11px
}
#join_rull DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#join_rull OL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#join_rull UL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#join_rull DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#join_rull DD {
PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#join_rull LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#privacy {
TEXT-ALIGN: left; MARGIN: 10px auto; WIDTH: 98%
}
#privacy * {
FONT-SIZE: 11px
}
#privacy H3 {
TEXT-ALIGN: center; PADDING-BOTTOM: 60px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 40px
}
#privacy DL {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#privacy DT {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#privacy DD {
PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#privacy DD DL DT { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: normal; PADDING-TOP: 0px}
#privacy DD DL DD { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#privacy UL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#privacy OL { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#privacy LI { PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#request { PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 680px; PADDING-RIGHT: 0px; PADDING-TOP: 20px}
#request .name { COLOR: #d81e1e; FONT-SIZE: 20px; PADDING-TOP: 20px}
#request .price { PADDING-BOTTOM: 20px}
#request .btn { PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px}
.tb-left {text-align:left}
.tb-center {text-align:center}
.tb-right {text-align:right}
.noticetext {font-family : 돋움 ; font-size : 11px; color:#000000;}
.textstyletitle {COLOR: #7c7c7c; FONT-SIZE: 11px; }
#main .bar .notice {
FLOAT: left; PADDING-TOP: 15px
}
#main .mainbanner {
POSITION: relative; WIDTH: 870px; HEIGHT: 479px
}
#main .mainbanner .num {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; BOTTOM: 30px; PADDING-RIGHT: 0px; RIGHT: 0px; PADDING-TOP: 0px
}
#main .mainbanner .num LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FLOAT: left; CURSOR: pointer; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#main .mainbanner .num LI.arrow {
MARGIN-TOP: 5px
}
#main .bar {
TEXT-ALIGN: left; WIDTH: 875px; FLOAT: right; HEIGHT: 44px
}
#main .bar .notice {
PADDING-TOP: 15px ;}
#main .bar .notice SPAN {
MARGIN-RIGHT: 10px
}
#main .bar .notice A {
LETTER-SPACING: -1px; COLOR: #000; FONT-SIZE: 11px
}
#main .bar .searchbox {
FLOAT: right
}
#main .bar .searchbox .keyword {
FLOAT: left; PADDING-TOP: 15px
}
#main .bar .searchbox .keyword SPAN {
POSITION: relative; MARGIN-RIGHT: 10px
}
#main .bar .searchbox .keyword SPAN .new {
POSITION: absolute; TOP: -25px; LEFT: 0px
}
#main .bar .searchbox .keyword A {
LETTER-SPACING: -1px; COLOR: #000000; FONT-SIZE: 11px
}
#main .bar .searchbox .keyword IMG {
VERTICAL-ALIGN: top
}
#main .bar .searchbox .keyword IMG {
VERTICAL-ALIGN: top
}
#main .bar .searchbox FORM {
FLOAT: left; PADDING-TOP: 12px
}
#main .bar .searchbox FORM .input {
BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; WIDTH: 170px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid
}
#main .bar .searchbox FORM .btn {
VERTICAL-ALIGN: top
}
#main .best12 {
POSITION: relative; MARGIN: 0px 0px 33px; WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_best15.gif) no-repeat left top; HEIGHT: 241px
}
#main .best12 .arrow_left {
POSITION: absolute; TOP: 140px; LEFT: 148px
}
#main .best12 .arrow_right {
POSITION: absolute; TOP: 140px; RIGHT: 50px
}
#main .best12 .tablist_best15main {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 100px; PADDING-TOP: 0px; LEFT: 0px
}
#main .best12 .tablist_best15main LI {
PADDING-BOTTOM: 20px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CURSOR: pointer; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#main .best12 .box {
PADDING-RIGHT: 25px; FLOAT: right
}
#sub .best12 {
POSITION: relative; MARGIN: 0px 0px 33px; WIDTH: 100%; BACKGROUND: url(/design/bongjashop/img/bg_best12_romantic.gif) no-repeat left top; HEIGHT: 241px
}
#sub .best12 .tablist_best15main {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 100px; PADDING-TOP: 0px; LEFT: 0px
}
#sub .best12 .tablist_best15main LI {
PADDING-BOTTOM: 20px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CURSOR: pointer; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#sub .best12 .box {
PADDING-RIGHT: 25px; FLOAT: right
}
#main H3 {
TEXT-ALIGN: left; PADDING-BOTTOM: 13px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#main .bookframe {
POSITION: relative; TEXT-ALIGN: left; PADDING-BOTTOM: 70px; MARGIN-TOP: 50px; WIDTH: 100%; BACKGROUND: url(/design/bongjashop/css/bg_book.gif) no-repeat left top; OVERFLOW: auto
}
#main .bookframe #book {
FLOAT: left; MARGIN-LEFT: 16px
}
#main .bookframe .banner {
FLOAT: right
}
#main .bookframe .banner .roll {
POSITION: relative
}
#main .bookframe .banner .roll UL {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 40px; PADDING-TOP: 0px; LEFT: 22px
}
#main .bookframe .banner .roll UL LI {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.pri {text-decoration: line-through}
#membership {
text-align: center;
}
/* *************************** */
/* scrollbar */
/* *************************** */
/* html, body {
scrollbar-highlight-color: #ffe4e7;
scrollbar-3dlight-color: #ff838f;
scrollbar-face-color: #ff838f;
scrollbar-shadow-color: #ffe4e7;
scrollbar-darkshadow-color: #ff838f;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff838f;
}
*/
/* *************************** */
/* layout */
/* *************************** */
.sizeWrap {
position: relative !important;
width: 1200px !important;
margin: 0 auto !important;
padding-right: 101px !important;
}
/*
#container {position: relative; width:100%; min-width:1320px; margin: 0 auto; zoom: 1;}
#container:after { content: ""; display: block; clear: both;}
#container .contents {overflow: hidden; width: 1050px; min-height: 920px; float: left; margin:0 0 15px 20px;}
#container .contents:after { content: ""; display: block; clear: both;}
*/
/* *************************** */
/* header */
/* *************************** */
#header {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
#header .h-top {
position: relative;
width: 100%;
}
#header .h-top .ht-info {
position: relative;
width: 100%;
padding: 4px 0 4px 0;
border-top: 2px solid #000;
border-bottom: 1px solid #e5e5e5;
zoom: 1;
}
#header .h-top .ht-info:after {
content: "";
display: block;
clear: both;
}
#header .h-top .ht-info .hti-menu {
float: left;
width: 50%;
width: auto;
padding: 0 0 0 0;
margin: 3px 0 0 0;
}
#header .h-top .ht-info .hti-menu td {
padding: 0;
margin: 0;
}
#header .h-top .ht-info .hti-menu td span.cart-count {
display: inline-block;
width: 19px;
height: 19px;
background: url(/wepix_design/header/header_menu6_bg.gif) no-repeat;
text-align: center;
color: #000;
font-family: verdana;
font-size: 10px;
font-weight: bold;
padding-top: 5px;
margin-right: 4px;
}
*:first-child+html #header .h-top .ht-info .hti-menu td span.cart-count {
display: inline;
}
#header .h-top .ht-info .hti-menu td span.join-icon {
position: absolute;
margin-top: 34px;
margin-left: -10px;
z-index: 2;
}
#header .h-top .ht-info .hti-menu td span.join-icon2 {
position: absolute;
margin-top: 34px;
margin-left: -35px;
z-index: 2;
}
.join-icon3 {
position: absolute;
margin-top: -38px;
margin-left: -10px;
z-index: 2;
}
#header .h-top .ht-info .hti-sns {
float: right;
width: 50%;
}
#header .h-top .ht-info .hti-sns ul {
margin-right: 0px;
}
#header .h-top .ht-info .hti-sns li {
float: right;
margin-left: 1px;
}
#header .h-top .ht-abs {
position: relative;
width: 100%;
height: 252px;
}
#header .h-top .ht-abs .hta-logo,
#header .h-top .ht-abs .hta-banner,
#header .h-top .ht-abs .hta-favorite,
#header .h-top .ht-abs .hta-search {
position: absolute;
z-index: 2;
}
#header .h-top .ht-abs .hta-logo {
top: 70px;
left: 0;
}
#header .h-top .ht-abs .hta-banner {
top: 58px;
right: 260px;
}
#header .h-top .ht-abs .hta-favorite {
top: 0;
right: 0;
}
#header .h-top .ht-abs .hta-search {
top: 198px;
right: 0;
width: 206px;
border-bottom: 1px solid #000;
}
#header .h-top .ht-abs .hta-search input {
width: 126px;
height: 18px;
border: 0 none;
}
#header .h-gnb {
position: relative;
width: 100%;
height: 38px;
border-top: 1px solid #e0e0e0;
zoom: 1;
border-bottom: 2px solid #000;
}
#header .h-gnb:after {
content: "";
display: block;
clear: both;
}
#header .h-gnb ul.hg-menu {
float: left;
}
#header .h-gnb ul.hg-menu li {
float: left;
}
#header .h-gnb .hg-btn {
float: right;
height: 38px;
}
#header .h-gnb .hg-btn .hgb-img {
cursor: pointer;
}
#header .h-all {
position: absolute;
width: 1198px;
left: 0;
background:none;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
border-top: 1px solid #a9a9a9;
padding: 0 0 15px 0;
margin-top: 0;
display: none;
}
#header .h-all .ha-top {
position: relative;
width: 100%;
height: 25px;
background: none 1169px 0 no-repeat;
}
#header .h-all .ha-cate {
position: relative;
width: 100%;
zoom: 1;
}
#header .h-all .ha-cate:after {
content: "";
display: block;
clear: both;
}
.h-all .ha-cate .hac-list {
float: left;
width: 143px;
min-height: 213px;
border-left: 1px solid #000;
padding-left: 27px;
text-align: left;
}
.h-all .ha-cate .hac-list:first-child,
.h-all .ha-cate .hac-list.first {
border-left: 0;
}
.h-all .ha-cate .hac-list h4 {
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
}
.h-all .ha-cate .hac-list.pink h4 {
color: #ff8b96;
}
.h-all .ha-cate .hac-list.cyan h4 {
color: #34c0cd;
}
.h-all .ha-cate .hac-list ul {
margin-bottom: 22px;
}
.h-all .ha-cate .hac-list ul li {
margin-bottom: 6px;
}
.h-all .ha-cate .hac-list ul li a {
font-size: 12px;
color: #000;
}
/* *************************** */
/* quickmenu */
/* *************************** */
#quickmenu {
position: fixed;
top: 0;
right: 0;
width: 101px;
min-height: 300px;
height: 100%;
zoom: 1;
z-index: 999999999;
}
#quickmenu:after {
content: "";
display: block;
clear: both;
}
#quickmenu .q-tab {
float: left;
width: 19px;
height: 100%;
}
#quickmenu .q-tab img {
position: absolute;
top: 50%;
margin-top: -45px;
cursor: pointer;
}
#quickmenu .q-menu {
float: left;
width: 82px;
height: 100%;
background: #f3f3f3;
}
#quickmenu .q-menu .qm-wrap {
position: absolute;
top: 50%;
margin-top: -305px;
}
.q-menu .qm-wrap .qmw-flag a {
display: block;
height: 26px;
border-bottom: 1px solid #d8d8d8;
text-align: left;
font-size: 11px;
color: #595959;
padding-top: 10px;
padding-left: 5px;
}
.q-menu .qm-wrap .qmw-flag a:hover {
text-decoration: none;
color: #000;
background: #fdfdfd;
}
.q-menu .qm-wrap .qmw-flag a img {
margin: -4px 5px 0 0;
}
.q-menu .qm-wrap .qmw-link {
margin: 11px 0 17px 0;
}
.q-menu .qm-wrap .qmw-menu a {
display: block;
height: 23px;
border-bottom: 1px solid #d8d8d8;
text-align: center;
font-size: 11px;
color: #595959;
padding-top: 7px;
}
.q-menu .qm-wrap .qmw-menu a:hover {
text-decoration: none;
color: #000;
background: #fdfdfd;
}
.q-menu .qm-wrap .qmw-menu a span {
color: #ff838f;
}
.q-menu .qm-wrap .qmw-top {
margin-top: 15px;
cursor: pointer;
}
/* *************************** */
/* loginWrap
/* *************************** */
.loginWrap {
position: relative;
width: 1113px;
margin: 0 auto;
padding: 65px 0 100px 0;
border-bottom: 2px solid #000;
}
.loginWrap .lw-title {
position: relative;
width: 100%;
height: 114px;
text-align: center;
}
.loginWrap .lw-cont {
position: relative;
width: 100%;
zoom: 1;
}
.loginWrap .lw-cont:after {
content: "";
display: block;
clear: both;
}
.loginWrap .lw-cont .lwc-img {
float: left;
}
.loginWrap .lw-cont .lwc-form {
float: right;
width: 262px;
height: 324px;
border: 1px solid #c6c6c6;
padding: 40px 0 0 34px;
}
.loginWrap .lw-cont .lwc-form.nomember {
width: 546px;
height: 336px;
padding: 30px 0 0 0;
}
.loginWrap .lw-cont .lwc-form.nomember .login-clear {
position: relative;
width: 100%;
zoom: 1;
}
.loginWrap .lw-cont .lwc-form.nomember .login-clear:after {
content: "";
display: block;
clear: both;
}
.loginWrap .lw-cont .lwc-form .lwcf-login {
float: left;
}
.loginWrap .lw-cont .lwc-form.nomember .lwcf-login {
margin-left: 40px;
padding-left: 40px;
padding-bottom: 40px;
background: url(/wepix_design/contents/nomembe_line.gif) no-repeat;
}
.loginWrap .lw-cont .lwc-form.nomember .lwcf-login.first {
padding-left: 0;
background: none;
}
.loginWrap .lw-cont .lwc-form .lwcf-login p.title {
height: 40px;
}
.loginWrap .lw-cont .lwc-form .lwcf-login p.txt-id,
.loginWrap .lw-cont .lwc-form .lwcf-login p.txt-pw {
font-family: verdana;
font-size: 11px;
height: 18px;
}
.loginWrap .lw-cont .lwc-form .lwcf-login p.input-id,
.loginWrap .lw-cont .lwc-form .lwcf-login p.input-pw {
height: 38px;
}
.loginWrap .lw-cont .lwc-form .lwcf-login p.input-id input,
.loginWrap .lw-cont .lwc-form .lwcf-login p.input-pw input {
width: 227px;
height: 18px;
border: 1px solid #e1e1e1;
}
.loginWrap .lw-cont .lwc-form.nomember .lwcf-login p.input-id input,
.loginWrap .lw-cont .lwc-form.nomember .lwcf-login p.input-pw input {
width: 185px;
}
.loginWrap .lw-cont .lwc-form .lwcf-login p.secure {
height: 55px;
font-size: 11px;
}
.loginWrap .lw-cont .lwc-form .lwcf-login p.desc {
margin: 30px 0 30px 0;
text-align: center;
}
.loginWrap .lw-cont .lwc-form .lwcf-link {
float: left;
width: 100%;
margin-top: 0px;
}
.loginWrap .lw-cont .lwc-form .lwcf-link li {
margin-bottom: 7px;
font-size: 11px;
}
.loginWrap .lw-cont .lwc-form .lwcf-link li img {
margin-right: 4px;
vertical-align: middle;
}
.loginWrap .lw-service {
position: relative;
width: 100%;
margin-top: 45px;
}
/* *************************** */
/* mypageWrap
/* *************************** */
.mypageWrap {
position: relative;
width: 100%;
margin: 0 0 0 0;
padding: 0;
}
.mypageWrap .mw-title {
position: relative;
width: 1049px;
margin-bottom: 23px;
}
.mypageWrap .mw-menu {
position: relative;
width:1049px;
margin: 0 auto 20px auto;
border-top: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
zoom: 1;
}
.mypageWrap .mw-menu:after {
content: "";
display: block;
clear: both;
}
.mypageWrap .mw-menu li {
float: left;
border-left: 1px solid #e3e3e3;
}
.mypageWrap .mw-menu li a {
display: block;
padding: 11px 14px 9px 13px;
text-align: center;
color: #3e3e3e;
}
.mypageWrap .mw-menu li a.color {
color: #ff838f;
}
.mypageWrap .mw-info {
position: relative;
width: 1042px;
margin: 0 auto 40px auto;
padding: 16px 0;
border: 4px solid #e8e8e8;
zoom: 1;
}
.mypageWrap .mw-info:after {
content: "";
display: block;
clear: both;
}
.mypageWrap .mw-info .mwi-left1 {
float: left;
width: 265px;
height: 100%;
margin: 0 0 0 15px;
padding-right: 10px;
border-right: 1px solid #e8e8e8;
}
.mypageWrap .mw-info .mwi-left {
float: left;
width: 290px;
margin: 0 0 0 15px;
padding-right: 15px;
border-right: 1px solid #e8e8e8;
}
.mypageWrap .mw-info .mwi-right {
float: left;
width: 290px;
margin-left: 15px;
}
.mypageWrap .mw-info table {
width: 100%;
margin: 0;
padding: 0;
}
.mypageWrap .mw-info th,
.mypageWrap .mw-info td {
height: 28px;
vertical-align: middle;
}
.mypageWrap .mw-info th {
text-align: left;
font-weight: normal;
padding-left: 10px;
background: url(/wepix_design/contents/mypage_info_arrow.gif) 0 11px no-repeat;
}
.mypageWrap .mw-info td {
text-align: right;
}
.mypageWrap .mw-info td span {
color: #ff0000;
}
.mypageWrap .mw-info td img {
vertical-align: middle;
margin-left: 10px;
}
.mypageWrap h3.title {
position: relative;
width: 100%;
height: 24px;
font-size: 12px;
text-align: left;
color: #3e3e3e;
font-weight: normal;
letter-spacing: -1px;
border-bottom: 2px solid #c0c0c0;
}
.mypageWrap .mw-list {
position: relative;
width: 1050px;
margin: 0 auto 40px auto;
}
.mypageWrap .mw-list .mwl-table {
position: relative;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #c0c0c0;
}
.mypageWrap .mw-list .mwl-table th,
.mypageWrap .mw-list .mwl-table td {
height: 36px;
vertical-align: middle;
text-align: center;
}
.mypageWrap .mw-list .mwl-table thead th {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
}
.mypageWrap .mw-list .mwl-table tbody td {
border-bottom: 1px dashed #e3e3e3;
}
.mypageWrap .mw-list .mwl-table td.left {
text-align: left;
}
.mypageWrap .mw-list .mwl-table td img {
vertical-align: middle;
}
.mypageWrap .mw-list .mwl-table td.nodata {
height: 100px;
}
.mypageWrap .mw-goods {
position: relative;
width:1050px;
margin: 0 auto 40px auto;
}
.mypageWrap .mw-goods h3.title {
margin-bottom: 20px;
}
.mypageWrap .mw-goods .mwg-list {
position: relative;
width: 948px;
text-align: center;
}
.mypageWrap .mw-goods .mwg-list li {
float: left;
width: 178px;
height: 450px;
text-align: center;
}
.mypageWrap .mw-goods .mwg-list li .photo {
margin-bottom: 25px;
}
.mypageWrap .mw-goods .mwg-list li .photo img {
width: 160px;
}
.mypageWrap .mw-goods .mwg-list li .name {
position: relative;
width: 160px;
margin: 0 auto;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
.mypageWrap .mw-goods .mwg-list li .name a {
font-size: 12px;
}
.mypageWrap .mw-goods .mwg-list li .desc {
width: 160px;
margin: 0 auto;
padding: 10px 0 0 0;
font-size: 11px;
line-height: 14px;
color: #717070;
}
.mypageWrap .mw-goods .mwg-list li .price {
width: 160px;
margin: 10px auto;
}
.mypageWrap .mw-goods .mwg-list li .price strike {
font-weight: bold;
color: #888686;
padding-right: 5px;
}
.mypageWrap .mw-goods .mwg-list li .price strong {
font-weight: bold;
color: #000;
}
.mypageWrap .mw-goods .mwg-list li .icon {
width: 160px;
margin: 0 auto;
}
.mypageWrap .mw-goods .mwg-list li .icon img {
vertical-align: middle;
margin-right: 10px;
}
.mypageWrap .mw-goods .mwg-list li.nodata {
position: relative;
width: 100%;
height: 60px;
text-align: center;
padding-top: 40px;
}
/* *************************** */
/* productList list
/* *************************** */
.list {
position: relative;
width: 100%;
padding: 0;
}
.list .pl-img {
position: relative;
width: 100%;
}
.list .pl-top {
position: relative;
width: 100%;
zoom: 1;
}
.list .pl-top:after {
content: "";
display: block;
clear: both;
}
.list .pl-top .titleImg {
float: left;
width: 100%;
}
.list .pl-top .PhotoImg {
float: left;
width: 729px;
height: 662px;
overflow: hidden;
}
.list .pl-top .plt-goods {
float: left;
width: 471px;
height: 662px;
overflow: hidden;
}
.list .pl-top .plt-goods li {
float: left;
width: 223px;
height: 326px;
margin: 0 0 10px 12px;
overflow: hidden;
}
.list .pl-top .plt-goods li p.bestIco {
position: absolute;
z-index: 2;
}
.list .pl-top .plt-goods li a {
z-index: 1;
}
.list .pl-top .plt-goods li a img {
width: 223px;
height: 326px;
}
.list .pl-search {
position: relative;
width: 100%;
margin: 50px 0 30px 0;
zoom: 1;
}
.list .pl-search:after {
content: "";
display: block;
clear: both;
}
.list .pl-search .pls-result {
float: left;
}
.list .pl-search .pls-result li {
float: left;
margin-right: 20px;
background: url(/wepix_design/contents/goods_search_bullet.gif) 5px 6px no-repeat;
padding-left: 14px;
}
.list .pl-search .pls-sort {
float: right;
}
.list .pl-search .pls-sort li {
float: right;
border-right: 1px solid #000;
padding: 0 8px;
}
.list .pl-search .pls-sort li.first {
border-right: 0;
}
.list .pl-cate {
position: relative;
width: 1048px;
height: 38px;
margin-top: 0px;
border: 1px solid #d7d5d5;
}
.list .pl-cate .plc-name {
float: left;
height: 25px;
padding: 13px 12px 0 10px;
border-right: 1px solid #d7d5d5;
font-weight:bold;
}
.list .pl-cate .plc-list {
float: left;
}
.list .pl-cate .plc-list li {
float: left;
height: 38px;
border-right: 1px solid #d7d5d5;
}
.list .pl-cate .plc-list li a {
display: block;
height: 27px;
padding: 13px 15px 0 15px;
font-size: 12px;
text-align: center;
color: #6f6f6f;
}
.list .pl-sort {
position: relative;
width: 1030px;
height: 25px;
padding: 12px 8px 0 14px;
margin-bottom: 25px;
background: #f4f4f4;
border-left: 1px solid #e6e5e5;
border-right: 1px solid #e6e5e5;
border-bottom: 1px solid #e6e5e5;
color: #3e3e3e;
zoom: 1;
}
.list .pl-sort:after {
content: "";
display: block;
clear: both;
}
.list .pl-sort .pls-all {
float: left;
}
.list .pl-sort .pls-list {
float: right;
}
.list .pl-sort .pls-list li {
float: right;
}
.list .pl-sort .pls-list li a {
color: #6f6f6f;
font-size: 12px;
line-height: 12px;
padding: 0 10px;
border-left: 1px solid #cacaca;
}
.list .pl-sort .pls-list li a.first {
border-left: 0;
}
.list .pl-goods {
position: relative;
width: 100%;
}
.list .pl-goods ul {
position: relative;
width: 1213px;
margin-left: -13px;
zoom: 1;
}
.list .pl-goods ul:after {
content: "";
display: block;
clear: both;
}
.list .pl-goods ul li {
float: left;
width: 290px;
height: 630px;
margin-left: 13px;
}
.list .pl-goods ul li .photo {
margin-bottom: 25px;
}
.list .pl-goods ul li .photo img {
width:290px;
}
.list .pl-goods ul li .name {
position: relative;
width: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #eeeeee;
}
.list .pl-goods ul li .name a {
font-size: 12px;
}
.list .pl-goods ul li .desc {
padding: 10px 0 0 0;
font-size: 11px;
line-height: 14px;
color: #717070;
}
.list .pl-goods ul li .price {
margin: 10px 0;
}
.list .pl-goods ul li .price strike {
font-weight: bold;
color: #888686;
padding-right: 5px;
}
.list .pl-goods ul li .price strong {
font-weight: bold;
color: #000;
}
.list .pl-goods ul li .icon img {
vertical-align: middle;
margin-right: 10px;
}
.list .besttop {
WIDTH: 100%; BACKGROUND: none no-repeat left top; HEIGHT: 36px; CLEAR: both
}
.list .bestline {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; BACKGROUND: none repeat-y left top; PADDING-TOP: 10px
}
.list .bestbottom {
WIDTH: 100%; BACKGROUND: none no-repeat left bottom; HEIGHT: 10px
}
.list .besttop_romantic {
WIDTH: 100%; BACKGROUND: none no-repeat left top; HEIGHT: 36px; CLEAR: both
}
.list .besttop_office {
WIDTH: 100%; BACKGROUND: none no-repeat left top; HEIGHT: 36px; CLEAR: both
}
.list .besttop_chick {
WIDTH: 100%; BACKGROUND: none no-repeat left top; HEIGHT: 36px; CLEAR: both
}
.list .bestbottom_romantic {
WIDTH: 100%; BACKGROUND: none no-repeat left bottom; HEIGHT: 10px
}
.list .bestbottom_office {
WIDTH: 100%; BACKGROUND: none no-repeat left bottom; HEIGHT: 10px
}
.list .bestbottom_chick {
WIDTH: 100%; BACKGROUND: none no-repeat left bottom; HEIGHT: 10px
}
/* *************************** */
/* productDetail = view
/* *************************** */
.view {
position: relative;
width: 100%;
padding: 0;
}
.view .pD-top {
position: relative;
width: 100%;
zoom: 1;
}
.view .pD-top:after {
content: "";
display: block;
clear: both;
}
.view .pD-top .pDt-photo {
float: left;
width: 513px;
margin-right: 14px;
overflow: hidden;
}
.view .pD-top .pDt-photo img {
width: 513px;
}
.view .pD-top .pDt-sns {
margin-left:466px;
position: absolute;
margin-top:-23px;
}
.view .pD-top .pDt-sns li {
display: inline-block;
float:left;
padding-left:3px;
}
.view .pD-top .pDt-sns li img {
width:16px;
}
*:first-child+html .view .pD-top .pDt-sns li {
display: inline;
}
.view .pD-top .pDt-info {
float: left;
width: 513px;
border: 1px solid #ccc;
}
.view .pD-top .pDt-info h2.pDti-name {
font-size: 14px;
font-weight: bold;
color: #666;
padding: 8px 8px 8px 8px;
}
.view .pD-top .pDt-info h2.pDti-name img {
vertical-align: top;
margin-top: 3px;
}
.view .pD-top .pDt-info table.pDti-list {
border-top: 2px solid #c0c0c0;
margin-bottom: 7px;
}
.view .pD-top .pDt-info table.pDti-list th,
.view .pD-top .pDt-info table.pDti-list td {
height: 32px;
vertical-align: middle;
font-weight: normal;
color: #808080;
}
.view .pD-top .pDt-info table.pDti-list th {
text-align: left;
font-size: 11px;
letter-spacing: -1px;
padding-left: 8px;
}
.view .pD-top .pDt-info table.pDti-list td {
text-align: right;
font-size: 12px;
padding-right: 8px;
color: #333;
}
.view .pD-top .pDt-info table.pDti-list td.price {
font-weight: bold;
color: #ff4b68;
}
.view .pD-top .pDt-info table.pDti-list td.eaNum input {
width: 30px;
height: 19px;
padding: 2px 5px 0 5px;
border: 1px solid #e2e3ea;
text-align: right;
color: #333;
}
.view .pD-top .pDt-info .pDti-img {
padding: 10px 0 10px 8px;
}
.view .pD-top .pDt-info2 {
float: right;
width: 515px;
margin-top: 5px;
}
.view .pD-top .pDt-info2 .pDti-btn {
margin-top: 10px;
margin-bottom: 35px;
zoom: 1;
}
.view .pD-top .pDt-info2 .pDti-btn:after {
content: "";
display: block;
clear: both;
}
.view .pD-top .pDt-info2 .pDti-btn li {
float: left;
margin-right: 16.55px;
}
.view .pD-top .pDt-info2 .pDti-btn li.last {
margin-right: 0;
}
.view .pD-top .pDt-info2 .pDti-last {
zoom: 1;
}
.view .pD-top .pDt-info2 .pDti-last:after {
content: "";
display: block;
clear: both;
}
.view .pD-top .pDt-info2 .pDti-last span.left {
float: left;
padding-top: 5px;
}
.view .pD-top .pDt-info2 .pDti-last span.right {
float: right;
text-align: right;
}
.view .pD-top .pDt-info2 .pDti-last span.right img {
width: 90px;
}
.view .pD-tab {
position: relative;
width:100%;
text-align: center;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
}
.view .pD-tab li {
display: inline-block;
margin: 0 2px;
}
*:first-child+html .view .pD-tab li {
display: inline;
}
.view .pD-tab li a {
display: block;
width: 180px;
height: 22px;
padding-top: 7px;
text-align: center;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
background: #fff;
font-size: 12px;
color: #898989;
}
.view .pD-tab li a:hover {
text-decoration: none;
color: #333;
}
.view .pD-tab li a.on {
color: #000;
font-weight:bold;
background-image: url(/img/bg_2.png);
}
.view .pD-relative {
position: relative;
width: 100%;
}
.view .pD-relative .pDr-title {
margin-bottom: 16px;
}
.view .pD-relative .pDr-goods {
position: relative;
width: 1212px;
margin-left: -12px;
zoom: 1;
}
.view .pD-relative .pDr-goods:after {
content: "";
display: block;
clear: both;
}
.view .pD-relative .pDr-goods li {
float: left;
width: 100px;
height: 560px;
margin-left: 12px;
}
.view .pD-relative .pDr-goods li .photo {
margin-bottom: 25px;
}
.view .pD-relative .pDr-goods li .photo img {
width: 230px;
}
.view .pD-relative .pDr-goods li .name {
position: relative;
width: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
.view .pD-relative .pDr-goods li .name a {
font-size: 12px;
}
.view .pD-relative .pDr-goods li .desc {
padding: 10px 0 0 0;
font-size: 11px;
line-height: 14px;
color: #717070;
}
.view .pD-relative .pDr-goods li .price {
margin: 10px 0;
}
.view .pD-relative .pDr-goods li .price strike {
font-weight: bold;
color: #888686;
padding-right: 5px;
}
.view .pD-relative .pDr-goods li .price strong {
font-weight: bold;
color: #000;
}
.view .pD-relative .pDr-goods li .icon img {
vertical-align: middle;
margin-right: 10px;
}
.view .pD-detail {
position: relative;
width: 100%;
margin-bottom: 100px;
}
.view .pD-detail .pDd-service {
margin: 0 auto 30px auto;
}
.view .pD-detail .pDd-info {
text-align: center;
}
.view .pD-codi {
position: relative;
width: 100%;
margin-bottom: 50px;
}
.view .pD-codi .pDc-goods {
position: relative;
width: 1212px;
margin-left: -12px;
zoom: 1;
}
.view .pD-codi .pDc-goods:after {
content: "";
display: block;
clear: both;
}
.view .pD-codi .pDc-goods li {
float: left;
width: 230px;
height: 560px;
margin-left: 12px;
}
.view .pD-codi .pDc-goods li .photo {
margin-bottom: 25px;
}
.view .pD-codi .pDc-goods li .photo img {
width: 230px;
}
.view .pD-codi .pDc-goods li .name {
position: relative;
width: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
.view .pD-codi .pDc-goods li .name a {
font-size: 12px;
}
.view .pD-codi .pDc-goods li .desc {
padding: 10px 0 0 0;
font-size: 11px;
line-height: 14px;
color: #717070;
}
.view .pD-codi .pDc-goods li .price {
margin: 10px 0;
}
.view .pD-codi .pDc-goods li .price strike {
font-weight: bold;
color: #888686;
padding-right: 5px;
}
.view .pD-codi .pDc-goods li .price strong {
font-weight: bold;
color: #000;
}
.view .pD-codi .pDc-goods li .icon img {
vertical-align: middle;
margin-right: 10px;
}
.view .pD-guide {
position: relative;
width: 100%;
margin-bottom: 100px;
text-align: center;
}
.view .pD-guide .pDg-img {
margin: 50px auto;
}
.view .pD-bbs {
position: relative;
width: 100%;
margin-bottom: 100px;
}
.view .pD-bbs h3.pDb-title {
font-size: 12px;
font-weight: bold;
color: #333;
}
.view .pD-bbs h4.pDb-text {
font-size: 12px;
font-weight: normal;
color: #333;
}
.view .pD-bbs table.pDb-table {
position: relative;
width: 100%;
margin: 15px 0 0 0;
padding: 0;
border-top: 1px solid #d7d5d5;
border-left: 1px solid #d7d5d5;
border-right: 1px solid #d7d5d5;
}
.view .pD-bbs table.pDb-table th,
.view .pD-bbs table.pDb-table td {
height: 40px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #d7d5d5;
color: #666;
}
.view .pD-bbs table.pDb-table th {
height: 30px;
background: #eee;
}
.view .pD-bbs table.pDb-table tbody td {
height: 50px;
}
.view .pD-bbs table.pDb-table tbody td.nodata {
text-align: center;
}
.view .pD-bbs table.pDb-table tbody td.nodata.pink {
color: #ff667c;
}
.view .pD-bbs table.pDb-table tbody td.nodata.blue {
color: #4163bd;
}
.view .pD-bbs table.pDb-table th.al,
.view .pD-bbs table.pDb-table td.al {
text-align: left;
}
.view .pD-bbs table.pDb-table th.ac,
.view .pD-bbs table.pDb-table td.ac {
text-align: center;
}
.view .pD-bbs table.pDb-table th.ar,
.view .pD-bbs table.pDb-table td.ar {
text-align: right;
}
.view .pD-bbs table.pDb-table th.pl,
.view .pD-bbs table.pDb-table td.pl {
padding-left: 10px;
}
.view .pD-bbs table.pDb-table th.pr,
.view .pD-bbs table.pDb-table td.pr {
padding-right: 10px;
}
.view .pD-bbs table.pDb-table tfoot .paging {
margin: -10px auto;
}
/* *************************** */
/* vipWrap
/* *************************** */
.vipWrap {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
.vipWrap .vW-top {
position: relative;
width: 100%;
height: 339px;
margin-bottom: 20px;
background: url(/wepix_design/contents/vip_top_bg.jpg) no-repeat;
}
.vipWrap .vW-top ul {
margin-left: 381px;
zoom: 1;
}
.vipWrap .vW-top ul:after {
content: "";
display: block;
clear: both;
}
.vipWrap .vW-top ul li {
float: left;
margin-top: 191px;
margin-right: 109px;
}
.vipWrap .vW-cont {
position: relative;
width: 100%;
text-align: center;
}
/* *************************** */
/* customerWrap
/* *************************** */
.customerWrap {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
.customerWrap .cW-top-img {
position: relative;
width: 100%;
}
.customerWrap .cW-top-text {
position: relative;
width: 100%;
height: 94px;
padding-top: 50px;
text-align: center;
}
.customerWrap .cW-box {
position: relative;
width: 1044px;
margin: 0 auto 80px auto;
zoom: 1;
}
.customerWrap .cW-box:after {
content: "";
display: block;
clear: both;
}
.customerWrap .cW-box .cWb-faq {
float: left;
width: 608px;
margin-top: 0px;
}
.customerWrap .cW-box .cWb-faq p.line {}
.customerWrap .cW-box .cWb-faq p.title {
position: relative;
width: 100%;
margin: 55px 0 35px 0;
}
.customerWrap .cW-box .cWb-faq ul.list {
position: relative;
width: 100%;
margin-bottom: 32px;
}
.customerWrap .cW-box .cWb-faq ul.list li {
font-size: 11px;
color: #333;
border-bottom: 1px solid #e2e2e2;
}
.customerWrap .cW-box .cWb-faq ul.list li.last {
border-bottom: 0 none;
}
.customerWrap .cW-box .cWb-faq ul.list li:hover .cWtf-list,
.customerWrap .cW-box .cWb-faq ul.list li.open .cWtf-list {
cursor: pointer;
color: #000;
font-weight: bold;
}
.customerWrap .cW-box .cWb-faq ul.list li .cWtf-list {
position: relative;
width: 90%;
margin: 18px 0 15px 15px;
}
.customerWrap .cW-box .cWb-faq ul.list li .cWtf-list img {
vertical-align: middle;
margin-top: -5px;
margin-right: 10px;
}
.customerWrap .cW-box .cWb-faq ul.list li .cWtf-cont {
display: none;
position: relative;
width: 85%;
margin: 20px 0 20px 66px;
color: #555;
line-height: 18px;
}
.customerWrap .cW-box .cWb-phone {
float: right;
}
.customerWrap .cW-faq {
position: relative;
width: 1066px;
margin: 0 auto;
}
.customerWrap .cW-faq .cWf-title {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 60px;
}
.customerWrap .cW-faq .cWf-top {
position: relative;
width: 100%;
margin-bottom: 20px;
zoom: 1;
}
.customerWrap .cW-faq .cWf-top:after {
content: "";
display: block;
clear: both;
}
.customerWrap .cW-faq .cWf-top .cWft-best {
float: left;
font-size: 11px;
}
.customerWrap .cW-faq .cWf-top .cWft-best b {
color: #2599e2;
}
.customerWrap .cW-faq .cWf-top .cWft-search {
float: right;
}
.customerWrap .cW-faq .cWf-top .cWft-search label {
margin-right: 5px;
vertical-align: middle;
}
.customerWrap .cW-faq .cWf-top .cWft-search span {
display: inline-block;
border: 1px solid #ccc;
padding: 3px 3px 1px 3px;
}
.customerWrap .cW-faq .cWf-top .cWft-search span input[type='text'] {
width: 174px;
height: 19px;
border: 0 none;
}
.customerWrap .cW-faq .cWf-tab {
position: relative;
width: 100%;
margin-bottom: 15px;
border-bottom: 2px solid #ff556e;
zoom: 1;
}
.customerWrap .cW-faq .cWf-tab:after {
content: "";
display: block;
clear: both;
}
.customerWrap .cW-faq .cWf-tab li {
float: left;
margin: 0 4px;
}
.customerWrap .cW-faq .cWf-tab li a {
display: block;
width: 142px;
height: 26px;
padding-top: 8px;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
background: #fff;
text-align: center;
}
.customerWrap .cW-faq .cWf-tab li a:hover {
background: #ff556e;
color: #fff;
text-decoration: none;
}
.customerWrap .cW-faq .cWf-board {
position: relative;
width: 100%;
padding: 15px 0;
}
.customerWrap .cW-faq .cWf-board tbody td {
height: 34px;
border-bottom: 1px solid #ddd;
vertical-align: middle;
text-align: center;
font-size: 11px;
color: #7c7c7c;
}
.customerWrap .cW-faq .cWf-board tbody td a {
color: #7c7c7c;
}
.customerWrap .cW-faq .cWf-board tfoot td {
padding-top: 20px;
vertical-align: middle;
}
.customerWrap .cW-faq .cWf-board tbody td.al,
.customerWrap .cW-faq .cWf-board tfoot td.al {
text-align: left;
}
.customerWrap .cW-faq .cWf-board tbody td.ar,
.customerWrap .cW-faq .cWf-board tfoot td.ar {
text-align: right;
padding-right: 20px;
}
/* join */
/* BASIC css start */
.tb-l { text-align: left; }
.tb-c { text-align: center; }
.pl-30 { padding-left: 15px; padding-top: 5px;}
.pl-6 { padding-left: 6px; padding-top: 4px; padding-bottom: 3px; }
.pl-7 { padding-left: 6px; padding-top: 10px; }
#join h1.tit-join { margin-bottom: 0px; padding-bottom: 6px; border-bottom: 0px solid #3a4452; font-size: 18px; font-weight: bold; }
#join h3.cont-tit { text-align: left; margin-top: 0px; margin-bottom: 5px; padding-left: 15px; color: #000; font-weight: bold; background: url("/images/d3/modern_simple/bull_tit_h11.gif") no-repeat 0 0; }
#join .red { color: #ff6590 }
#join .font-n { font-weight: normal; }
#join .ipin-confirm { height: 110px; padding: 15px 0; border: 8px solid #ffe1e6; text-align: center; background-color: #ffffff; }
#join .ipin-confirm .chk-wrap { line-height: 20px; vertical-align: middle; }
#join .ipin-confirm .chk-wrap i { display: inline-block; vertical-align: middle; }
#join .ipin-confirm .chk-wrap label { vertical-align: middle; line-height: 1.25; }
#join .ipin-confirm .chk-wrap .first { margin-right: 20px; }
#join .ipin-confirm p { margin: 20px 0; line-height: 18px; font-size: 11px; }
#join a.ipin-svc { font-size: 14px; font-weight: bold; color: #ff6590; text-decoration: }
#join .btn-area { text-align: center; margin:10px 0;}
#join .btn-area a { font-size: 0; }
#join .ftr-btn { margin-top: 55px; }
#join .ipin-btn { margin-top: 35px; }
/* 회원 정보입력 */
#join .join-info { margin-top: 40px; margin-bottom: 5px; padding-left: 15px; background: url("/images/d3/modern_simple/bull_terms_h14.gif") no-repeat 0 0; }
#join .tb-tit { padding: 15px 0 10px 25px; border-width: 1px 1px 2px 1px; border-color: #dedfde #dedfde #3a4452 #dedfde; border-style: solid; color: #575757; font-weight: bold; background: url("/images/d3/modern_simple/bull_tit_h11.gif") no-repeat 10px 14px #f7f7f7; }
/* 담당자 정보 입력 */
#personInfo { padding: 15px 0; border: 1px solid #b9b8b8; margin-bottom: 35px; margin-left: 0px; margin-top: 30px; }
#personInfo .person-tb { border: 0px; solid #dedede; }
#personInfo .person-tb .pl-name input[type="text"] { width:200px; height:21px;}
#personInfo .person-tb .pl-id input[type="text"] { width:150px; height:21px;}
#personInfo .person-tb .pl-paw input { width:150px; height:21px;}
#personInfo .person-tb .MS_birthday { padding:3px 0 1px 0; }
#personInfo .person-tb .pl-zip input[type="text"] { width:45px; height:21px;}
#personInfo .person-tb .pl-add input[type="text"] { width:376px; height:21px;}
#personInfo .person-tb .pl-tel input { width:100px; height:21px; }
#personInfo .person-tb .MS_tel { padding:3px 0 1px 0; }
#personInfo .person-tb .pl-email input { width:120px; height:21px;}
#personInfo .person-tb .MS_email { padding:3px 0 1px 0; }
#personInfo .person-tb .pl-mobile input { width:120px; height:21px;}
#personInfo .person-tb .pl-recommend input { width:120px; height:21px;}
#personInfo .person-tb th, #personInfo .person-tb td { border: 1px solid #fcf7f8; }
#personInfo .person-tb th { height: 30px; letter-spacing: -1px; vertical-align: middle; border-right: 1px solid #fcf7f8; }
#personInfo .idpw-info { font-size: 11px; letter-spacing: -1px; }
/* 담당자 정보 입력 */
#addInfo .addinfo-tb { border: 1px; solid #dedede; }
#addInfo .addinfo-tb th, #personInfo .person-tb td { border: 1px solid #fcf7f8; }
#addInfo .addinfo-tb th { height: 30px; letter-spacing: -1px; vertical-align: middle; border-right: 1px solid #dedede; }
#addInfo .addinfo-tb td { padding: 7px 0 6px; }
/* BASIC css end */
/* /join */
/* Rating css start */
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }
.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; }
.bbs-table-view hr { display: block; }
.wrt { padding-left: 10px; }
.wrt span { margin: 0px 10px; }
.wrt textarea { width: 86%; height: 50px; margin-right: 5px; }
.view-link { text-align: right; }
.view-link .con-link { position: absolute; left: 0; }
.input-style2 { width: 120px; margin: 0px 5px; }
.list-link { padding: 6px 14px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.list-link li { padding: 4px 0px; }
.list-link span.arrow { padding: 0px 10px 0px 15px; font-size: 11px; color: #9d9d9d; }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left top; }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left top; }
.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { position: relative; width:100%; text-align: center; margin-bottom: 10px; }
/* 관련 상품 목록 */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* 상품 상단 정보 */
.prd-tinfo { zoom: 1; overflow: hidden; padding: 10px 0 10px 80px; border: 3px solid #e0e0e0; margin-top: 20px; }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -70px; margin-right: -70px; width: 60px; height: 60px; }
.prd-tinfo dt img { width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%; }
.prd-tinfo dd ul { padding: 15px 0 0 10px; min-height: 45px; _height: 45px; border-left: 1px solid #e0e0e0; }
.prd-tinfo dd ul li { padding: 1px 0; }
.prd-tinfo dd ul li .tit { display: inline-block; width: 55px; }
.prd-tinfo dd ul li.name .tit { letter-spacing: 1px; }
.view-link {border-top : 1px solid #dddddd}
/* Rating css end */
.paging_noline { height:40px;padding-top:10px;text-align:center; }
.paging_noline span { display:inline-block;zoom:1;*display:inline;vertical-align:middle;padding-right:5px; }
/* BASIC css start */
.tb-l { text-align: left; }
.tb-c { text-align: center; }
#findIdPwd { height: 100%; }
#findIdPwd h3.cont-tit { text-align: left; margin-top: 30px; margin-bottom: 5px; padding-left: 15px; color: #575757; font-weight: bold; background: url("/design/bongjashop/img/bull_tit_h11.gif") no-repeat 0 0; }
#findIdPwd h1.tit-findidpw { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 4px solid #3a4452; font-size: 16px; font-weight: bold; }
#findIdPwd .find-info table { border-width: 2px 0 2px 0; border-color: #384150; border-style: solid; }
#findIdPwd .find-info table th { font-weight: bold; background-color: #f9f9fb; }
#findIdPwd .find-info table td div { padding-left: 6px; }
#findIdPwd tr.user-name th, #findIdPwd tr.user-name td { border-bottom: 1px solid #ececee; }
#findIdPwd input.input-txt,
#findIdPwd .find-info table select.sec-email { width: 180px; height: 17px; border: 1px solid #e3e3eb; }
#findIdPwd .btn-area { margin-top: 20px; text-align: center; }
#findIdPwd .btn-area a { font-size: 0; }
#findIdPwd .ipin-confirm { padding: 45px 0; border: 3px solid #d4d4d4; text-align: center; background-color: #fdfdfd; }
#findIdPwd .ipin-confirm dt { margin-bottom: 25px; font-size: 14px; }
#findIdPwd .ipin-confirm a.ipin-svc { font-size: 14px; font-weight: bold; color: #ff3333; text-decoration: underline; }
/* BASIC css end */
.tem { border:1px solid #eaeaea;width:800px;margin:0 auto; }
.tem1 { width:100%;text-align:left;padding-bottom:30px; }
.tem1:after {content: ""; display: block; clear: both;}
.table_tem1 { margin-left:20px;margin-top:20px;width:380px; }
.table_tem1 th { color:#7a7a7a;font-weight:bold;border-bottom:1px solid #e8e8e8;width:130px;text-align:left;height:20px;padding-top:5px; }
.table_tem1 td { color:#747474;border-bottom:1px solid #e8e8e8;text-align:left;width:250px;height:20px;padding-top:5px; }
.table_tem1 .noline { border:0; }
.tem2 { text-align:left;width:100%;margin-bottom:30px; }
.tem2:after {content: ""; display: block; clear: both;}
.table_size { margin-left:30px;margin-top:20px;width:370px; }
.table_size th { color:#747474;font-weight:bold;border-bottom:1px dotted #d0d0d0;width:130px;text-align:left;height:20px;padding-top:5px; }
.table_size td { color:#fffaf;border-bottom:1px dotted #d0d0d0;text-align:left;height:20px;padding-top:5px; }
.table_size .bcs { background-color:#fffbfc; }
.table_tem3 { margin-left:30px;margin-top:20px;width:350px; }
.table_tem3 th { color:#8b8b8b;border-bottom:1px solid #e7e7e7;font-weight:bold;width:60px;text-align:left;height:20px;padding-top:5px; }
.table_tem3 td { color:#707070;border-bottom:1px solid #e7e7e7;text-align:left;width:115px;height:20px;padding-top:5px; }
/* bikeselling css */
/* header */
/* header */
.hide { display: none; }
label { cursor: pointer; }
#tsearch {position: relative; width:100%; min-width:1320px; height: 48px; margin: 0px; padding: 0px; }
#tsearch { background: url(/img/dot.png) 0px 100% repeat-x rgb(247, 247, 247); }
#topright {position: absolute; left: 537px; top: 8px; }
#topright .sbtn { display: block; position: absolute; right: 10px; top: 7px; width: 26px; height: 20px; }
#tsearch .txtmenu {display: inline-block; float: left; margin-top: 0px; padding: 0px 19px 10px 0px; }
#tsearch .txtmenu li {padding:0px 5px; float: left; top:10px; background: url('/img/utility-border.png') 0 -5px no-repeat;}
#tsearch .txtmenu > li:first-child { background: none; }
#tsearch .txtmenu li a {display: block; overflow: hidden; height: 100%; white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal;
font-family: verdana, dotum, tahoma, arial, sans-serif; text-indent: 5px; color:#282828; }
;}
#tsearch .s_form { float: left; height: 25px; width: 275px; margin-top: 4px; background: url(/images/bg_search.png) no-repeat; }
#tsearch .s_form input#keyword { margin: 4px 0px 0px 8px; width: 240px; height: 16px; border: 0px solid rgb(184, 184, 184); line-height: 16px; color: rgb(136, 136, 136); }
#top_bend { position: relative; margin:0 auto; width:1220px; min-width: 1220px; height: 115px; background: url(/img/dot.png) 0px 100% repeat-x rgb(255, 255, 255);}
#top_bend .main_btn { position: relative; float: left; z-index: 99990; }
#top_bend .main_btn > li { float: left; display: block; height: 100px; overflow: hidden; z-index: 99990; }
#top_bend .main_btn > li.logo { width: 150px; height: 99px; z-index: 99990; }
#top_bend .main_btn > li.btn_store { width: 90px; height: 100px; z-index: 99990; background: url(/img/dots.png) 100% 100% repeat-y; }
#top_bend .main_btn > li.btn_topic { width: 90px; height: 100px; z-index: 99990; background: url(/img/dots.png) 100% 100% repeat-y; }
#top_bend .sbox { position: relative; min-width: 930px; height: 60px; padding-top:28px; overflow: hidden; z-index: 99990; }
#top_bend .sbox p{ width:140px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-family: verdana, dotum, tahoma, arial, sans-serif;}
#top_bend #btn_left { position: absolute; left: 394px; top: 0px; width: 68px; height: 88px; z-index: 9999; }
#top_bend #btn_right { position: absolute; right: 0px; top: 0px; width: 68px; height: 88px; z-index: 9999; }
#top_bend .list_carousel { margin: 0px; width: 100%; overflow: hidden; }
#top_bend .list_carousel ul { margin: 0px; padding: 0px; list-style: none; }
#top_bend .list_carousel li { font-size: 40px; color: rgb(153, 153, 153); text-align: left; width: 225px; height: 100%; padding: 0px; margin: 4px; float: left; }
#top_bend .tspro { font-size: 10px; width: 250px; overflow: hidden; }
#top_bend .tspro > div { float: left; overflow: hidden; }
#top_bend .tspro .tspro_img { width: 90px; height: 90px; position: relative; }
#top_bend .tspro .tspro_img .round { position: absolute; z-index: 99999; left: 0px; top: 0px; }
#top_bend .tspro .tspro_cont { padding-top: 8px; }
#top_bend .tspro .tspro_cont .ts_cont_nic { font-size: 12px; color: red; font-weight: bold; padding: 1px 0px; }
#top_bend .tspro .tspro_cont .ts_cont_brand { font-size: 8pt; padding: 0px; font-weight: bold; color: rgb(68, 68, 68); }
#top_bend .tspro .tspro_cont .ts_cont_title { height: 16px; font-size: 11px; padding: 0px 4px 0px 0px; color: rgb(102, 102, 102); overflow: hidden; }
#top_bend .tspro .tspro_cont .ts_cont_price { font-size: 7pt; padding: 2px 0px; color: rgb(102, 102, 102); }
#top_bend .tspro_topic { font-size: 10px; width: 280px; overflow: hidden; }
#top_bend .tspro_topic > div { float: left; overflow: hidden; }
#top_bend .tspro_topic .tspro_img { width: 110px; height: 72px; padding-top: 12px; }
#top_bend .tspro_topic .tspro_cont { padding-top: 10px; }
#top_bend .tspro_topic .tspro_cont .ts_cont_nic { font-size: 11px; color: rgb(78, 78, 78); font-weight: bold; padding: 1px 0px; }
#top_bend .tspro_topic .tspro_cont .ts_cont_brand { font-size: 8pt; padding: 0px; font-weight: bold; color: rgb(51, 51, 51); }
#top_bend .tspro_topic .tspro_cont .ts_cont_title { font-size: 11px; padding: 0px; font-weight: bold; color: rgb(51, 51, 51); }
#top_bend .tspro_topic .tspro_cont .ts_cont_price { font-size: 7pt; padding: 3px 0px; color: rgb(102, 102, 102); }
#top_bend .tspro_people { font-size: 10px; width: 280px; overflow: hidden; }
#top_bend .tspro_people > div { float: left; overflow: hidden; }
#top_bend .tspro_people .tspro_img { width: 85px; height: 85px; padding-top: 5px; position: relative; }
#top_bend .tspro_people .tspro_img .round { position: absolute; z-index: 99999; left: 0px; top: 9px; }
#top_bend .tspro_people .tspro_cont { padding-top: 6px; }
#top_bend .tspro_people .tspro_cont .ts_cont_nic { font-size: 11px; color: rgb(78, 78, 78); font-weight: bold; padding: 3px 0px; }
#top_bend .tspro_people .tspro_cont .ts_cont_brand { font-size: 8pt; padding: 0px; font-weight: bold; color: rgb(51, 51, 51); }
#top_bend .tspro_people .tspro_cont .ts_cont_title { font-size: 11px; padding: 0px; font-weight: bold; color: rgb(51, 51, 51); }
#top_bend .tspro_people .tspro_cont .ts_cont_price { font-size: 7pt; padding: 3px 0px; color: rgb(102, 102, 102); }
#item_slider {width:100%; height:100%; border:1px;}
#wmag .ma_list > li.last { border-bottom-width: 0px; }
a.bmnu > img { border-width: 0px; display: inline; }
a.bmnu > img.over { display: none; }
a.bmnu:hover { border: 0px; }
a.bmnu:hover img { display: none; }
a.bmnu:hover img.over { display: inline; }
/* header */
/* content or footer */
.xans-product-listrecommend { padding: 0px 0px 30px; }
.xans-product-listrecommend .titleArea { height: 21px; margin: 17px 0px 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 220, 220); zoom: 1; }
.xans-product-listrecommend .titleArea::after { content: ''; display: block; clear: both; }
.xans-product-listrecommend .titleArea h2 { height: 21px; padding: 0px 5px 0px 0px; color: rgb(39, 40, 35); font-size: 20px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(39, 40, 35); font-family: verdana, Arial, Helvetica, sans-serif; }
.xans-product-listrecommend ul { overflow: hidden; margin-left: -10px; }
.xans-product-listrecommend ul li { float: left; width: 255px; margin-left: 10px; line-height: 1.6em; }
.xans-product-listrecommend ul li a, .xans-product-listrecommend ul li a:hover { color: rgb(131, 131, 130); }
.xans-product-listrecommend ul .prdImg { display: block; }
.xans-product-listrecommend ul .prdImg img { display: block; width: 100%; }
.xans-product-listrecommend ul .manu, .xans-product-listrecommend ul .name, .xans-product-listrecommend ul #custom, .xans-product-listrecommend ul icon, .xans-product-listrecommend ul .price { display: block; overflow: hidden; padding: 3px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); color: black; font-size: 11px; line-height: 13px; text-indent: 5px; background-color: rgb(248, 248, 248); }
.xans-product-listrecommend ul .icon { display: block; padding: 0px 0px 0px 5px; margin-top: -3px; background-color: rgb(248, 248, 248); }
.xans-product-listrecommend ul .name:hover { color: black; }
.xans-product-listrecommend ul #custom { color: rgb(119, 119, 119); }
.xans-product-listrecommend ul .price { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-weight: normal; }
.xans-product-listrecommend ul .btn { display: block; text-align: center; }
.xans-product-listnew .titleArea { height: 21px; margin: 17px 0px 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 220, 220); zoom: 1; }
.xans-product-listnew .titleArea::after { content: ''; display: block; clear: both; }
.xans-product-listnew .titleArea h2 { height: 21px; padding: 0px 5px 0px 0px; color: rgb(39, 40, 35); font-size: 16px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(39, 40, 35); }
.xans-product-listnew ul .prdImg { display: block; }
.xans-product-listnew ul .prdImg img { display: block; width: 100%; }
.xans-product-listnew ul .name, .xans-product-listnew ul .price { display: block; overflow: hidden; padding: 4px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); color: black; font-size: 11px; line-height: 14px; text-indent: 5px; background-color: rgb(248, 248, 248); }
.xans-product-listnew ul .name:hover { color: black; }
.xans-product-listnew ul .price { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-weight: normal; background-color: rgb(254, 254, 254); }
.xans-product-listnormal { padding: 0px 0px 30px; }
.xans-product-listnormal .titleArea { height: 21px; margin: 17px 0px 30px; zoom: 1; }
.xans-product-listnormal .titleArea::after { content: ''; display: block; clear: both; }
.xans-product-listnormal .titleArea h2 { height: 21px; padding: 0px 5px 0px 0px; color: rgb(39, 40, 35); font-size: 16px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(39, 40, 35); }
.xans-product-listnormal ul { overflow: hidden; margin-left: -30px; }
.xans-product-listnormal ul li { float: left; width: 240px; margin-left: 30px; line-height: 1.6em; }
.xans-product-listnormal ul li a, .xans-product-listnormal ul li a:hover { color: rgb(131, 131, 130); }
.xans-product-listnormal ul .prdImg { display: block; }
.xans-product-listnormal ul .prdImg img { display: block; width: 100%; }
.xans-product-listnormal ul .manu, .xans-product-listnormal ul .name, .xans-product-listnormal ul #custom, .xans-product-listnormal ul .price { display: block; overflow: hidden; padding: 3px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(221, 221, 221); color: black; font-size: 11px; line-height: 13px; text-indent: 5px; background-color: rgb(248, 248, 248); }
.xans-product-listnormal ul .icon { display: block; padding: 0px 0px 0px 5px; margin-top: -3px; background-color: rgb(248, 248, 248); }
.xans-product-listnormal ul .name:hover { color: black; }
.xans-product-listnormal ul #custom { color: rgb(119, 119, 119); }
.xans-product-listnormal ul .price { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); font-weight: normal; }
.xans-product-listnormal ul .btn { display: block; text-align: center; }
.xans-product-menupackage .titleArea { height: 21px; margin: 17px 0px 9px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 220, 220); zoom: 1; }
.xans-product-menupackage .titleArea::after { content: ''; display: block; clear: both; }
.xans-product-menupackage .titleArea h2 { height: 21px; padding: 0px 5px 0px 0px; color: rgb(39, 40, 35); font-size: 20px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(39, 40, 35); font-family: verdana, Arial, Helvetica, sans-serif; }
.xans-product-menupackage .menuCategory { overflow: hidden; padding: 0px 0px 5px 5px; }
.xans-product-menupackage .menuCategory > li { float: left; margin-right: 35px; }
.xans-product-menupackage .menuCategory span#category a { color: rgb(136, 136, 136); font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: verdana, Arial, Helvetica, sans-serif; }
.xans-product-menupackage .menuCategory span#category a:hover { color: black; }
.xans-product-menupackage .menuCategory .sub { float: left; width: 1050px; overflow: hidden; }
.xans-product-menupackage .menuCategory .sub li { float: left; zoom: 1; padding: 0px 0px 2px; }
.xans-product-menupackage .menuCategory .sub li a { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; color: rgb(131, 131, 130); background: url(/images/bikeselling/design/skin/mono/product/bg_category_3depth.gif) 0% 50% no-repeat; }
.xans-product-menupackage .menuCategory .sub li a:hover { color: black; }
.xans-product-menupackage .menuCategory .sub li a.first { padding: 0px; background: none; }
.xans-product-normalmenu ul#type { float: right; padding: 5px 0px 0px; }
.xans-product-normalmenu ul#type li { display: inline; padding: 0px 0px 0px 10px; margin: 0px 6px 0px 0px; background: url(/images/bikeselling/design/skin/mono/product/bg_cate.gif) 0px 50% no-repeat; }
.xans-product-normalmenu ul#type li a { color: rgb(85, 85, 85); }
.xans-product-normalmenu ul#type li:first-child { background: none; }
.xans-product-normalmenu p.prdCount { clear: both; padding: 10px 5px 0px 0px; float: right; }
.xans-product-normalpaging { clear: both; text-align: center; }
.xans-product-normalpaging { padding: 13px 0px; }
.xans-product-normalpaging { text-align: center; margin: 20px 0px 0px; }
.xans-product-normalpaging p, .xans-product-normalpaging ol, .xans-product-normalpaging li { display: inline; }
.xans-product-normalpaging img { vertical-align: middle; }
.xans-product-normalpaging p { margin-right: -4px; }
.xans-product-normalpaging ol { margin: 0px 7px; }
.xans-product-normalpaging li { margin: 0px 9px 0px 0px; padding: 0px 0px 0px 11px; font-size: 0.9em; background: url(/images/bikeselling/design/skin/mono/bg_page.gif) 0% 50% no-repeat; }
.xans-product-normalpaging li:first-child { background: none; }
.xans-product-normalpaging li strong { color: rgb(242, 101, 34); }
.xans-product-normalpaging li a { color: rgb(32, 32, 32); }
.xans-product-normalpaging li a:hover { color: rgb(242, 101, 34); text-decoration: underline; }
.xans-product-normalpaging li a.nolink { cursor: default; }
/*
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin: 0px; padding: 0px; }
html { width: 100%; height: 100%; }
body, code { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: '돋움', Dotum, AppleGothic, sans-serif; color: rgb(51, 51, 51); background: rgb(255, 255, 255); }
li {list-style: none; }
img, fieldset { border: none; vertical-align: top; }
input, select, textarea { font-size: 100%; color: rgb(118, 118, 118); vertical-align: middle ; }
.account span img{margin-top:2px;}
hr.layout { display: none; }
a, a:link, a:visited { text-decoration: none;}
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
table { border-spacing: 0px; border: 0px; border-collapse: collapse; width: 100%; }
th, td { border: 0px; vertical-align: top; }
legend { height: 0px; width: 0px; display: block; text-indent: -9999em; }
caption { visibility: hidden; position: absolute; left: -1000px; top: -1000px; height: 0px; width: 0px; display: none; }
button { padding: 0px; margin: 0px; border: 0px; cursor: pointer; overflow: visible; }
*/
#progressPaybarBackground { position: absolute; z-index: 99; left: 0px; top: 0px; width: 100%; height: 100%; }
#progressPaybarView { position: absolute; z-index: 100; top: 160px; left: 20px; width: 471px; font-size: 12px; }
#progressPaybarView .box { height: 180px; background: url(/images/bikeselling/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0px 0px no-repeat; }
#progressPaybarView .box .graph { padding: 15px 0px 0px; text-align: center; }
#progressPaybarView .box .graph span { display: block; text-align: center; margin: 20px 0px; }
#progressPaybarView .box .txt { text-align: center; padding: 15px 0px 0px; color: rgb(85, 85, 85); }
div.layerProgress { opacity: 0.4; background-color: rgb(153, 153, 153); }
.displaynone { display: none; }
#container #contents { float: left; width: 1050px;}
#main #container #contents { width: 564px; margin: -30px 0px 0px; }
.path li.displaynone { display: none; }
.titleArea { margin: 17px 0px 30px; }
.titleArea::after { content: ''; display: block; clear: both; }
.titleArea h2 { height: 21px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 220, 220); zoom: 1; }
.titleArea h2 span { height: 21px; padding: 0px 5px 0px 0px; color: rgb(39, 40, 35); font-size: 16px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(39, 40, 35); }
.titleArea h3 { margin: 0px 0px 20px; font-size: 14px; }
.titleArea p { padding: 3px 0px 0px; clear: both; font-size: 11px; line-height: 1.5em; color: rgb(143, 143, 143); }
#contents .shopMain h3 { padding: 0px 0px 5px; font-size: 11px; color: rgb(51, 51, 51); font-weight: normal; }
#contents .shopMain h3 strong { font-size: 18px; padding: 0px 5px 0px 0px; font-family: 'Lucida Sans', serif; }
#contents .shopMain h3 a:hover { text-decoration: none; }
#contents .shopMain p a, #contents .shopMain p a:hover { font-size: 11px; line-height: 18px; color: rgb(143, 143, 143); }
#inquiry p.icon { float: right; overflow: hidden; }
#inquiry p.icon img { float: left; padding: 20px 10px 0px; }
.container{display: inline-block; min-width:1300px;}
.container:after {content:"";display:black;clear:both}
#contents { overflow: hidden; width: 1050px; min-height:1020px; float:left; margin:15px 0 40px 20px; }
#contents1 { overflow: hidden; width: 1050px; min-height:1020px; float:left; margin:4px 0 40px 20px; }
.caroufredsel_wrapper{height: 98px !important; margin : 0 !important }
#leftscroll { z-index: 98; width: 150px; padding: 0px; background-color: white;float:left }
#leftscroll.main { position: fixed; top: 0px; left: 0px; padding: 0px; background-color: black; }
#leftscroll > h2 { margin-top: 30px; margin-left: 5px; color: black; font-weight: bold; font-style: normal; font-variant: normal; font-size: 11px; line-height: normal; font-family: verdana, tahoma, arial, sans-serif; letter-spacing: 0.1em; }
#leftscroll > h1 + h2 { display: none; }
#leftscroll > ul { width: 150px; }
#leftscroll > ul li { margin-top: 5px; margin-left: 5px; }
#leftscroll > ul li:first-child { margin-top: 7px; }
#leftscroll > ul li a { display: block; overflow: hidden; height: 100%; padding: 5px 0px; border: 1px solid rgb(238, 238, 238); white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-family: verdana, dotum, tahoma, arial, sans-serif; letter-spacing: 0.1em; text-indent: 5px; }
#leftscroll > ul li a:link, #leftscroll > ul li a:visited { color: black; }
#leftscroll > ul li a:hover { text-decoration: none; background-color: rgb(237, 237, 237); }
#leftscroll > p { margin-top: 10px; margin-left: 8px; color: black; font-style: normal; font-variant: normal; font-size: 11.6px; line-height: 1.7em; font-family:돋움, verdana, tahoma, arial, sans-serif; }
#leftscroll > p.bank1{font-size: 10.6px; margin-top:5px;}
#leftscroll > p.hosting { margin-top: 30px;}
#leftscroll > div#sns { margin-top: 20px; margin-left: 5px; color: rgb(102, 102, 102); }
#leftscroll > div#sns a { display: block; overflow: hidden; padding: 5px 0px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-family: verdana, dotum, tahoma, arial, sans-serif; text-indent: 5px; color: rgb(102, 102, 102); }
#leftscroll > div#sns a:hover { text-decoration: none; background-color: rgb(237, 237, 237); }
.xans-layout-category { width: 100%; margin-top: 15px; }
.xans-layout-category > ul { width: 100%; }
.xans-layout-category > ul > li { margin-bottom: 5px; }
.xans-layout-category a { display: block; overflow: hidden; height: 100%; padding: 5px 0px; border: 1px solid rgb(238, 238, 238); white-space: nowrap; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-family: verdana, dotum, tahoma, arial, sans-serif; text-indent: 5px; }
.xans-layout-category > ul > li > a.active { font-weight: bold; background-color: rgb(237, 237, 237); }
.xans-layout-category > ul > li > a:link, .xans-layout-category > ul > li > a:visited { color: black; }
.xans-layout-category > ul > li > a:hover { text-decoration: none; background-color: rgb(237, 237, 237); }
.xans-layout-category .sub-category { padding-bottom: 7px; margin-left: 8px; }
.xans-layout-category .sub-category li { margin-top: 7px; }
.xans-layout-category .sub-category a { padding: 0px; border: none; color: rgb(136, 136, 136); }
.xans-layout-category .sub-category a.active { color: black; }
.xans-layout-category .sub-category a:hover { color: black; text-decoration: none; }
#sns img { width: 15px; height: 15px; }
#sns div { margin-left: 5px; }
.xans-layout-footer {position: relative; z-index: 100; min-width:1320px; overflow: hidden; width:100%; padding: 10px 0px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 200%; font-family: verdana, tahoma, arial, sans-serif; background:#000; }
.xans-layout-footer a { color: rgb(238, 238, 238); }
.xans-layout-footer ul { float: right;margin: 0px 100px 5px 0px; }
.xans-layout-footer li { float: left; margin-left: 15px; }
.xans-layout-footer li a:link, .xans-layout-footer li a:visited { color: rgb(175, 175, 175); }
.xans-layout-footer li a:hover { color: white; }
.xans-layout-footer hr { clear: both; overflow: hidden; height: 0px; margin: 0px; border-style: solid none none; border-top-width: 1px; border-top-color: rgb(51, 51, 51); }
.xans-layout-footer p { float: right; width: 100%; margin: 0px 100px 0px 0px; color: rgb(238, 238, 238); text-align: right; }
.xans-layout-footer p + p { color: rgb(155, 155, 155); }
.xans-layout-footer p span, .xans-layout-footer p strong { font-size: 12px; font-family: dotum, verdana, tahoma, arial, sans-serif; }
#comp ul li{float:left; color:#fff; margin:6px 0 0 0; font-family:돋움, verdana, tahoma, arial, sans-serif;}
/* content or footer */
/*상단 검색*/
.searchform {
display: inline-block;
zoom: 1; /* ie7 hack for display:inline-block */
*display: inline;
margin: -7px 0 0 5px;
}
.searchform input {
font: normal 11px/100% 돋움, Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
font: normal 11px/100% 돋움, Arial, Helvetica, sans-serif;
background: #fff;
padding: 5px 6px 4px 8px;
width: 130px;
border: solid 1px #000;
outline: none;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
text-decoration:none;
padding: 5px;
color: #fff;
border: solid 1px #494949;
font-size: 11px;
height: 27px;
width: 27px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
}
/*사이드슬라이바*/
#side_bar li {font-style: normal; font-variant: normal; font-weight:600; normal; font-size: 11px; line-height:16px; font-family: verdana, dotum, tahoma, arial, sans-serif;}
/*아이템슬라이드*/
/**
* Carousel with image and text (horizontal)
**/
#carousel-image-text-horizontal {
width: 1200px;
height: 70px;
margin-top:0px;
}
#carousel-image-text-horizontal .touchcarousel-item {
width: 205px;
height: 60px;
margin-right: 1px;
background-color: #fff;
padding: 1px;
position: relative;
}
#carousel-image-text-horizontal img,
#carousel-image-text-horizontal h4,
#carousel-image-text-horizontal p {
float:left;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
#carousel-image-text-horizontal img {
width: 60px;
height: 60px;
}
#carousel-image-text-horizontal .rblock {
width: 138px;
float: left;
margin-left: 7px;
}
#carousel-image-text-horizontal h4 {
font: bold 13px/20px Helvetica, Arial, sans-serif;
color: #000;
width: 140px;
}
#carousel-image-text-horizontal p {
font: normal 13px/20px Helvetica, Arial, sans-serif;
color: #555;
}
div.img {
margin: 5px;
padding: 5px;
border: 1px solid #FFF;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img {
display: inline;
margin: 5px;
border: 1px solid #ffffff;
}
div.img a:hover img {
border:1px solid #fff000;
}
div.desc {
text-align: center;
font-weight: normal;
width: 120px;
margin: 5px;
}
/* *************************** */
/* quickmenu */
/* *************************** */
#quickmenu {
position: fixed;
top: 0;
right: 0;
width: 101px;
min-height: 300px;
height: 100% ;
zoom: 1;
z-index: 999999999;
}
#quickmenu:after {
content: "";
display: block;
clear: both;
}
#quickmenu .q-tab {
float: left;
width: 19px;
height: 100%;
}
#quickmenu .q-tab img {
position: absolute;
top: 50%;
margin-top: -45px;
margin-left:-7px;
cursor: pointer;
}
#quickmenu .q-menu {
float: left;
width: 82px;
height: 100%;
background: #f3f3f3;
}
#quickmenu .q-menu .qm-wrap {
position: absolute;
top: 50%;
margin-top:-320px;
}
.qmw-flag p {background:#3e3e3e; color:#fff; padding:7px 0 7px 0; text-align: center; font-size: 11.5px; font-weight:500; font-family: 돋움, Dotum, AppleGothic, sans-serif; }
.q-menu .qm-wrap .qmw-flag a {
display: block;
height: 20px;
border-bottom: 1px solid #d8d8d8;
text-align: center;
font-size: 11px;
color: #595959;
padding-top: 10px;
padding-left: 5px;
}
.q-menu .qm-wrap .qmw-flag a:hover {
text-decoration: none;
color: #000;
background: #fdfdfd;
}
.q-menu .qm-wrap .qmw-flag a img {
margin: -4px 5px 0 0;
}
.q-menu .qm-wrap .qmw-link {
margin: 11px 0 5px 0;
}
.q-menu .qm-wrap .qmw-menu a {
display: block;
height: 23px;
border-bottom: 1px solid #d8d8d8;
text-align: center;
font-size: 11px;
color: #595959;
padding-top: 7px;
font-weight:100;
}
.q-menu .qm-wrap .qmw-menu a:hover {
text-decoration: none;
color: #000;
background: #fdfdfd;
}
.q-menu .qm-wrap .qmw-menu a span {
color: #ff838f;
}
.q-menu .qm-wrap .qmw-top {
margin-top: 15px;
cursor: pointer;
}
/* *************************** */
/* barnd list */
/* *************************** */
#header .h-gnb {
position: relative;
width: 148px;
height: 44px;
border: 1px solid rgb(238, 238, 238);
zoom: 1;
}
#header .h-gnb:after {
content: "";
display: block;
clear: both;
}
#header .h-gnb ul.hg-menu {
float: left;
}
#header .h-gnb ul.hg-menu li {
float: left;
}
#header .h-gnb .hg-btn {
float: left;
height: 38px;
}
#header .h-gnb .hg-btn .hgb-img {
cursor: pointer;
}
#header .h-all {
position: absolute;
width: 1200px;
background:url('/img/topmenubg.png');
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
border-top: 1px solid #a9a9a9;
padding: 0 0 15px 0;
display: none;
}
#header .h-all .ha-top {
position: relative;
width: 100%;
height: 25px;
background: url('/img/header_category_arrow.gif') 60px 0 no-repeat;
}
#header .h-all .ha-cate {
position: relative;
width: 100%;
zoom: 1;
}
#header .h-all .ha-cate:after {
content: "";
display: block;
clear: both;
}
.h-all .ha-cate .hac-list {
float: left;
width: 143px;
min-height: 213px;
border-left: 1px solid #e3e3e3;
padding-left: 27px;
text-align: left;
}
.h-all .ha-cate .hac-list:first-child,
.h-all .ha-cate .hac-list.first {
border-left: 0;
}
.h-all .ha-cate .hac-list h4 {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
}
.h-all .ha-cate .hac-list.pink h4 {
color: #ae07a0;
}
.h-all .ha-cate .hac-list.cyan h4 {
color: #34c0cd;
}
.h-all .ha-cate .hac-list ul {
margin-bottom: 22px;
}
.h-all .ha-cate .hac-list ul li {
margin-bottom: 6px;
}
.h-all .ha-cate .hac-list ul li a {
font-size: 12px;
color: #000;
}
.hg-btn > h4 {width:100%; margin:13px 5px;}
.hg-btn:hover{color:#908f8f;}
.p_cs3_1 span {
font-size: 15px;
color: #000;
line-height: 15px;
font-weight: 600;
letter-spacing: 0.01em;
}
.doppio {font-family: '돋음', 'Doppio One', '굴림', Gulim, Arial, sans-serif;
}
#bank select {width: 135px; margin:5px 5px;}
.p_cs3_1 b a {color: #000;}
.bank1 {font-weight:bold;}
/* detail content */
.displaynone { display: none !important; }
.xans-product-detail { float: left; width: 300px; }
.xans-product-detail #imgArea img { width: 100%; }
.xans-product-detail #prdInfo { width: 100%; }
.xans-product-detail #prdInfo h3 { padding: 0px; color: rgb(0, 89, 21); font-style: normal; font-variant: normal; font-size: 30px; line-height: normal; font-family: Verdana, 돋움, tahoma, arial, sans-serif; font-weight: 800; }
.xans-product-detail #prdInfo h3 span img { vertical-align: middle; margin-top: 5px; }
.xans-product-detail #prdInfo .prddesc { width: 300px; padding: 15px 0px 0px; color: rgb(34, 34, 34); font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-family: verdana, tahoma, arial, 돋움, dotum, sans-serif; }
.xans-product-detail #prdInfo .prddesc tr { text-align: center; height: 12px; }
.xans-product-detail #prdInfo .prddesc td { color: rgb(34, 34, 34); font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 0.9em; font-family: verdana, tahoma, arial, 돋움, dotum, sans-serif; }
.xans-product-detail #prdInfo .prdName { padding: 8px 0px; background: url(/images/bikeselling/design/skin/mono/bg_dot.gif) 0px 100% repeat-x; }
.xans-product-detail #prdInfo .mileage td { padding-top: 7px; }
.xans-product-detail #prdInfo .mileage td li { line-height: 1.7em; }
.xans-product-detail #prdInfo table { border-width: 1px 0px 0px; margin: 5px 0px 0px; border-top-style: solid; border-top-color: rgb(222, 220, 220); }
.xans-product-detail #prdInfo th { font-style: normal; font-variant: normal; font-size: 12px; line-height: normal; font-family: verdana, tahoma, arial, 돋움, dotum, sans-serif; font-weight: normal; color: rgb(128, 128, 128); width: 100px; padding: 10px 0px 10px 5px; text-align: left; vertical-align: middle; }
.xans-product-detail #prdInfo td { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: verdana, tahoma, arial, 돋움, dotum, sans-serif; padding: 10px 0px; vertical-align: middle; }
.xans-product-detail #prdInfo td .ProductPrice { color: rgb(204, 0, 0); font-size: 14px; }
.xans-product-detail #prdInfo td input { border: 1px solid rgb(188, 188, 188); height: 18px; }
.xans-product-detail #prdInfo td.social { padding: 4px 0px 0px; }
.xans-product-detail #prdInfo td.social img { cursor: pointer; width: 20px; }
.xans-product-detail #prdInfo td.sale { text-decoration: line-through; }
.xans-product-detail #prdInfo td p { position: relative; z-index: 0; }
.xans-product-detail #prdInfo td input { width: 30px; height: 18px; border: 1px solid rgb(188, 188, 188); }
.xans-product-detail #prdInfo td .QuantityUp { position: absolute; left: 32px; top: 0px; z-index: 1; }
.xans-product-detail #prdInfo td .QuantityDown { position: absolute; left: 32px; bottom: 0px; z-index: 1; }
.xans-product-detail #prdInfo .delivery input { border: 0px; }
.xans-product-detail #prdInfo td img.qrcode { border: 1px solid rgb(225, 225, 225); }
.xans-product-detail #prdInfo td p.qrcode { padding: 5px 0px 0px; }
.xans-product-detail #prdInfo .noticeArea { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(222, 220, 220); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 220, 220); padding: 7px 10px; margin-top: 10px; }
.xans-product-detail #prdInfo .noticeArea ul li { margin: 4px 0px; }
.xans-product-detail #prdInfo .noticeArea ul li a { font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: verdana, tahoma, arial, 돋움, dotum, sans-serif; color: rgb(85, 85, 85); }
.xans-product-detail #prdInfo .cyworld img { cursor: pointer; }
.xans-product-detail #prdInfo .cyworld .cyTooltip { position: relative; z-index: 101; }
.xans-product-detail #prdInfo .cyworld #divNate { position: absolute; top: 0px; left: 134px; width: 243px; padding: 20px 0px 0px; background: url(/images/bikeselling/design/skin/mono/product/bg_cyTooltipTop.gif) 0px 0px no-repeat; }
.xans-product-detail #prdInfo .cyworld #divNate .inner { padding: 0px 10px 17px; font-size: 11px; background: url(/images/bikeselling/design/skin/mono/product/bg_cyTooltipBtm.gif) 0px 100% no-repeat; }
.xans-product-detail #prdInfo .cyworld #divNate .inner strong { font-weight: normal; color: rgb(255, 100, 64); }
.xans-product-detail #prdInfo .btnArea { margin-top: 17px; }
.xans-product-detail #prdInfo .btnArea a { display: block; margin-bottom: 1px; padding: 5px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-family: verdana, tahoma, arial, sans-serif; text-align: right; background-color: rgb(221, 221, 221); }
.xans-product-detail #prdInfo .btnArea a:hover { color: white; text-decoration: none; background-color: black; }
.xans-product-detail #prdEvent { clear: both; overflow: hidden; }
.xans-product-detail .titleArea { height: 21px; margin: 17px 0px 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 220, 220); zoom: 1; }
.xans-product-detail .titleArea::after { content: ''; display: block; clear: both; }
.xans-product-detail .titleArea h3 { height: 21px; padding: 0px 5px 0px 0px; color: rgb(39, 40, 35); font-size: 16px; float: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(39, 40, 35); }
.xans-coupon-productdetail .couponArea .coupon .sale { font-size: 40px; padding: 15px 0px; line-height: normal; letter-spacing: -1px; font-weight: bold; }
.xans-coupon-productdetail .coupon .imgCoupon .sale { position: absolute; top: -5000px; }
.xans-product-additional { float: left; width: 700px; margin-left: 15px; padding: 0px 15px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(222, 220, 220); color: rgb(139, 139, 140); line-height: 1.8em; }
.xans-product-additional h3 { margin: 30px 0px 15px; color: rgb(32, 32, 32); font-weight: bold; font-style: normal; font-variant: normal; font-size: 10px; line-height: normal; font-family: verdana, tahoma, arial, sans-serif; }
.xans-product-additional #prdChange { margin-top: 30px; }
#reviewArea > p:first-child, #qnaArea > p:first-child { font-size: 11px; }
.xans-product-headcategory .path { float: right; }
.xans-product-additional .link { overflow: hidden; zoom: 1; margin: 30px 0px; background: url(/images/bikeselling/design/skin/mono/product/bg_productDetail.gif) 100% 0px no-repeat; }
.xans-product-additional .link ul { float: left; padding: 5px 0px 0px 5px; height: 25px; background: url(/images/bikeselling/design/skin/mono/product/bg_productDetail.gif) 0px 0px no-repeat; }
.xans-product-additional .link ul li { float: left; line-height: 1.4em; margin: 0px -1px 0px 0px; }
.xans-product-additional .link ul li.on { padding-left: 13px; background: url(/images/bikeselling/design/skin/mono/product/bg_productDetail_on.gif) 0px 0px no-repeat; }
.xans-product-additional .link ul li a { display: block; height: 21px; padding: 4px 13px 0px; color: rgb(255, 255, 255); font-size: 11px; background: url(/images/bikeselling/design/skin/mono/product/bg_productDetail_li.gif) 100% 1px no-repeat; }
.xans-product-additional .link ul li.last a { background: none; }
.xans-product-additional .link ul li.on a { padding: 4px 13px 0px 0px; color: rgb(0, 0, 0); text-decoration: underline; background: url(/images/bikeselling/design/skin/mono/product/bg_productDetail_on.gif) 100% 0px no-repeat; }
.xans-product-additional .boardBtn { overflow: hidden; margin-top: 15px; }
.xans-product-additional .boardBtn a { float: right; width: 82px; margin-left: 2px; padding: 4px; color: black; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-family: verdana, tahoma, arial, sans-serif; text-align: center; background-color: rgb(221, 221, 221); }
.xans-product-additional .boardBtn a:hover { color: white; text-decoration: none; background-color: black; }
.xans-product-additional table.boardList { margin: 15px 0px 0px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: rgb(51, 51, 51); }
.xans-product-additional table.boardList th { padding: 7px 0px 5px; border-top-width: 3px; border-top-style: solid; border-top-color: rgb(51, 51, 51); border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: rgb(51, 51, 51); font-weight: normal; color: rgb(32, 32, 32); }
.xans-product-additional table.boardList td { line-height: 1.4em; text-align: center; padding: 9px 0px 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(233, 233, 233); }
.xans-product-additional table.boardList .number { width: 30px; }
.xans-product-additional table.boardList .check { width: 30px; }
.xans-product-additional table.boardList .category { width: 104px; }
.xans-product-additional table.boardList .subject { }
.xans-product-additional table.boardList .subject img { vertical-align: middle; margin: 0px 1px; }
.xans-product-additional table.boardList .name { width: 84px; }
.xans-product-additional table.boardList .date { width: 74px; }
.xans-product-additional table.boardList .hit { width: 45px; }
.xans-product-additional table.boardList .grade { width: 60px; }
.xans-product-additional table.boardList .price { width: 70px; }
.xans-product-additional table.boardList .mileage { width: 70px; }
.xans-product-additional table.boardList .option { width: 100px; }
.xans-product-additional table.boardList td.option { text-align: left; }
.xans-product-additional table.boardList .option ul { margin: 0px; padding: 0px; }
.xans-product-additional table.boardList .option li { width: auto; float: none; padding: 0px; }
.xans-product-additional table.boardList .option input { border: 1px solid rgb(188, 188, 188); }
.xans-product-additional table.boardList .count { width: 50px; }
.xans-product-additional table.boardList td.count { text-align: left; }
.xans-product-additional table.boardList .count p { position: relative; }
.xans-product-additional table.boardList .count input { width: 30px; height: 18px; border: 1px solid rgb(188, 188, 188); }
.xans-product-additional table.boardList .count .RelationQuantityUp { position: absolute; left: 32px; top: 0px; }
.xans-product-additional table.boardList .count .RelationQuantityDown { position: absolute; left: 32px; bottom: 0px; }
.xans-product-additional table.boardList td p.btnArea { padding: 0px 0px 5px; text-align: right; }
.xans-product-additional table.boardList .thumbImg { float: left; width: 70px; }
.xans-product-additional table.boardList .thumbImg img { width: 64px; }
.xans-product-additional table.boardList .first td { background: none; }
.xans-product-additional table.boardList td.subject { text-align: left; }
.xans-product-additional table.boardList tr.cont td { text-align: left; }
.xans-product-additional table.boardList a, .xans-product-additional table.boardList a:hover { color: rgb(143, 143, 143); }
.xans-product-relation .btnArea { text-align: right; overflow: hidden; margin: 10px 0px 20px; }
.xans-product-relation .btnArea img { float: left; padding: 0px 1px 0px 0px; cursor: pointer; }
.xans-product-relation .btnArea p.btnLeft { float: left; }
.xans-product-relation .btnArea p.btnRight { float: right; }
.xans-product-relation .btnArea p.btnRight img { padding: 0px 0px 0px 1px; }
.xans-product-additional .boardReplyList { width: 690px; margin: 5px; background: rgb(238, 239, 242); }
.xans-product-additional .boardReplyList thead { display: none; }
.xans-product-additional .boardReplyList tbody tr td { padding: 3px 0px; background: none; }
.xans-product-additional .boardReplyList tbody tr td.name { width: 84px; text-align: center; }
.xans-product-additional .boardReplyList tbody tr td.subject { text-align: left; }
.xans-product-additional .boardReplyList tbody tr td.date { width: 84px; text-align: center; }
.xans-product-additional .boardReplyList tbody tr td.grade { width: 70px; text-align: center; }
.xans-product-additional #qnaArea .nodata { margin: 10px 0px 0px; padding: 9px 0px 7px; font-size: 11px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(222, 223, 229); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 223, 229); }
.xans-product-additional #prdReview .nodata { margin: 10px 0px 0px; padding: 9px 0px 7px; font-size: 11px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(222, 223, 229); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(222, 223, 229); }
.xans-product-relationlist ul .mileage { display: block; clear: both; }
.xans-product-relationlist ul .mileage img { vertical-align: middle; }
.xans-product-additional .contArea { word-break: break-all; white-space: pre-wrap; }
.xans-product-additional .contArea input, .xans-product-additional .memoCont input, .xans-product-additional .memoCont textarea { border: 1px solid rgb(188, 188, 188); color: rgb(32, 32, 32); padding: 1px 0px 2px 4px; background: rgb(255, 255, 255); }
.xans-product-additional .memoCont { overflow: hidden; margin: 20px 0px; padding: 15px 20px; border: 1px solid rgb(210, 210, 207); font-size: 0.9em; color: rgb(143, 143, 143); text-align: left; background: rgb(245, 246, 236); }
.xans-product-additional .memoCont span.nameArea { display: block; padding: 0px 0px 5px; }
.xans-product-additional .memoCont p.user { color: rgb(32, 32, 32); }
.xans-product-additional .memoCont textarea { width: 580px; margin: 0px 3px 0px 0px; height: 45px; }
.xans-product-additional .memoCont p.btn { float: right; color: rgb(32, 32, 32); padding: 0px 0px 0px 20px; }
.xans-product-additional .memoCont p.btn a, .xans-product-additional .memoCont p.btn a:hover { color: rgb(32, 32, 32); padding: 0px 7px 0px 0px; background: url(/images/bikeselling/design/skin/mono/board/bg_btnLine.gif) 100% 50% no-repeat; }
.xans-product-additional .memoCont p.btn a.last { padding: 0px; background: none !important; }
.xans-product-additional .memoCont .writer { overflow: hidden; zoom: 1; }
.xans-product-additional .memoCont p.date { float: right; }
.xans-product-additional .memoCont p.memo { clear: both; padding: 10px 0px 0px; }
.xans-product-additional .reply p.memo { padding: 10px 0px 0px 28px; }
.xans-product-additional .rating { float: left; padding: 2px 0px 0px; }
.xans-product-additional .text { float: right; padding: 2px 0px 0px; }
.xans-product-additional .captcha { clear: both; }
#progressPaybarBackground { position: absolute; z-index: 99; left: 0px; top: 0px; width: 100%; height: 100%; }
#progressPaybarView { position: absolute; z-index: 100; top: 160px; left: 20px; width: 471px; font-size: 12px; }
#progressPaybarView .box { height: 180px; background: url(/images/bikeselling/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0px 0px no-repeat; }
#progressPaybarView .box .graph { padding: 15px 0px 0px; text-align: center; }
#progressPaybarView .box .graph span { display: block; text-align: center; margin: 20px 0px; }
#progressPaybarView .box .txt { text-align: center; padding: 15px 0px 0px; color: rgb(85, 85, 85); }
div.layerProgress { opacity: 0.4; background-color: rgb(153, 153, 153); }
.displaynone { display: none; }
#container #contents { float: left; width: 1050px;}
.path { overflow: hidden; margin: 3px 0px 17px; }
.path h3 { float: left; text-indent: -9999em; margin: 0px; }
.path ol { float: right; }
.path li { padding: 0px 0px 0px 22px; display: inline; font-size: 0.9em; background: url(/images/bikeselling/design/skin/mono/bg_path.gif) 0px 50% no-repeat; }
.path li.displaynone { display: none; }
.path li.first { background: none; }
#contents .shopMain h3 { padding: 0px 0px 5px; font-size: 11px; color: rgb(51, 51, 51); font-weight: normal; }
#contents .shopMain h3 strong { font-size: 18px; padding: 0px 5px 0px 0px; font-family: 'Lucida Sans', serif; }
#contents .shopMain h3 a:hover { text-decoration: none; }
#contents .shopMain p a, #contents .shopMain p a:hover { font-size: 11px; line-height: 18px; color: rgb(143, 143, 143); }
.shopMain .mileage { height: 80px; padding: 20px 0px 0px 30px; }
body { min-width: 1300px;}
.xans-layout-statelogoff { float: left; margin: -35px 0px 20px 959px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 2em; font-family: verdana, tahoma, arial, sans-serif; }
.xans-layout-statelogoff a { float: left; margin-right: 15px; }
/* mini slider */
.touchcarousel { position: relative; width: 600px; height: 400px; overflow: hidden; }
.touchcarousel .touchcarousel-container { position: relative; margin: 0px; padding: 0px; list-style: none; left: 0px; }
.touchcarousel .touchcarousel-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
.touchcarousel .touchcarousel-item { margin: 0px; padding: 0px; float: left; }
.touchcarousel .touchcarousel-item.last { margin-right: 0px !important; }
.touchcarousel .arrow-holder { height: 100%; width: 45px; position: absolute; top: 0px; display: block; cursor: pointer; z-index: 25; }
.touchcarousel .arrow-holder.left { left: 0px; }
.touchcarousel .arrow-holder.right { right: 0px; }
.touchcarousel .arrow-icon { width: 45px; height: 90px; top: 50%; margin-top: -45px; position: absolute; cursor: pointer; }
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }
.touchcarousel .tc-paging-container { width: 100%; overflow: hidden; position: absolute; margin-top: -20px; z-index: 25; }
.touchcarousel .tc-paging-centerer { float: left; position: relative; left: 50%; }
.touchcarousel .tc-paging-centerer-inside { float: left; position: relative; left: -50%; }
.touchcarousel .tc-paging-item { float: left; cursor: pointer; position: relative; display: block; text-indent: -9999px; }
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }
.touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height: 4px; overflow: hidden; }
.touchcarousel .scrollbar { position: absolute; left: 0px; height: 4px; bottom: 0px; }
.touchcarousel .scrollbar.dark { background-color: rgba(0, 0, 0, 0.498039); }
.touchcarousel .scrollbar.light { background-color: rgba(255, 255, 255, 0.498039); }
.touchcarousel .grab-cursor { cursor: url(/css/touchcarousel/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor { cursor: url(/css/touchcarousel/grabbing.png) 8 8, move; }
.touchcarousel .auto-cursor { cursor: auto; }
.touchcarousel.minimal-light .arrow-icon { width: 23px; height: 28px; margin-top: -14px; }
.touchcarousel.minimal-light .arrow-icon.left { left: 5px; background: url(/css/minimal-light-skin/sprite.png) -6px -7px no-repeat; }
.touchcarousel.minimal-light .arrow-icon.right { right: 5px; background: url(/css/touchcarousel/minimal-light-skin/sprite.png) -173px -7px no-repeat; }
.touchcarousel.minimal-light .arrow-holder.disabled .arrow-icon.left { background: url(/css/touchcarousel/minimal-light-skin/sprite.png) -40px -7px no-repeat; }
.touchcarousel.minimal-light .arrow-holder.disabled .arrow-icon.right { background: url(/css/touchcarousel/minimal-light-skin/sprite.png) -139px -7px no-repeat; }
.touchcarousel.minimal-light .arrow-holder { width: 35px; opacity: 0.8; }
.touchcarousel.minimal-light .arrow-holder:hover { opacity: 1; }
.touchcarousel.minimal-light .tc-paging-container { margin-top: -22px; }
.touchcarousel.minimal-light .tc-paging-item { width: 16px; height: 16px; opacity: 0.8; background: url(/css/touchcarousel/minimal-light-skin/sprite.png) -95px -4px no-repeat; }
.touchcarousel.minimal-light .tc-paging-item.current { background: url(/css/touchcarousel/minimal-light-skin/sprite.png) -95px -22px no-repeat; }
.touchcarousel.minimal-light .tc-paging-item:hover { opacity: 1; }
.touchcarousel.three-d .arrow-icon { top: 0px; width: 19px; height: 20px; margin-top: 0px; background-image: url(/css/touchcarousel/three-d-skin/sprite.png); background-repeat: no-repeat; }
.touchcarousel.three-d .arrow-holder { top: -23px; width: 19px; height: 20px; opacity: 0.8; }
.touchcarousel.three-d .arrow-holder.left { left: auto; right: 26px; }
.touchcarousel.three-d .arrow-holder.right { right: 3px; }
.touchcarousel.three-d .arrow-icon.left { left: 0px; background-position: -8px -14px; }
.touchcarousel.three-d .arrow-icon.right { right: 0px; background-position: -173px -14px; }
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.left { background-position: -43px -14px; }
.touchcarousel.three-d .arrow-holder.disabled .arrow-icon.right { background-position: -138px -14px; }
.touchcarousel.three-d .arrow-holder:hover { opacity: 1; }
.touchcarousel.three-d .arrow-holder:active { opacity: 0.7; }
.touchcarousel.three-d .arrow-holder.disabled { opacity: 1; }
.touchcarousel.three-d .tc-paging-container { width: auto; float: none; right: 53px; margin-top: 0px; top: -21px; }
.touchcarousel.three-d .tc-paging-centerer { float: none; position: relative; left: 0px; }
.touchcarousel.three-d .tc-paging-centerer-inside { position: relative; left: 0px; float: none; }
.touchcarousel.three-d .tc-paging-item { width: 16px; height: 16px; opacity: 0.8; background: url(/css/touchcarousel/three-d-skin/sprite.png) -95px -4px no-repeat; }
.touchcarousel.three-d .tc-paging-item.current { background: url(/css/touchcarousel/three-d-skin/sprite.png) -95px -22px no-repeat; }
.touchcarousel.three-d .tc-paging-item:hover { opacity: 1; }
.touchcarousel.black-and-white .arrow-icon { width: 30px; height: 30px; margin-top: -15px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; opacity: 0.8; background-image: url(/touchcarousel/black-and-white-skin/sprite.png); background-color: rgba(0, 0, 0, 0.701961); background-repeat: no-repeat; }
.touchcarousel.black-and-white .arrow-holder { width: 35px; }
.touchcarousel.black-and-white .arrow-holder:active .arrow-icon { opacity: 0.7 !important; }
.touchcarousel.black-and-white .arrow-icon.left { left: 10px; background-position: -2px -6px; }
.touchcarousel.black-and-white .arrow-icon.right { right: 10px; background-position: -175px -6px; }
.touchcarousel.black-and-white .arrow-holder:hover .arrow-icon { opacity: 1; background-color: rgba(0, 0, 0, 0.701961); }
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.left { background-position: -39px -6px; }
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.right { background-position: -138px -6px; }
.touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.left, .touchcarousel.black-and-white .arrow-holder.disabled .arrow-icon.right { background-color: rgba(0, 0, 0, 0.298039); }
.touchcarousel.black-and-white .tc-paging-container { margin-top: -22px; }
.touchcarousel.black-and-white .tc-paging-item { width: 16px; height: 16px; background-image: url(/css/touchcarousel/black-and-white-skin/sprite.png); background-position: -95px -4px; background-repeat: no-repeat; }
.touchcarousel.black-and-white .tc-paging-item.current { background-position: -95px -22px; }
.touchcarousel.black-and-white .tc-paging-container { margin-top: -25px; }
.touchcarousel.black-and-white .tc-paging-centerer-inside { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 2px 4px; background-color: rgba(0, 0, 0, 0.6); }
.touchcarousel.grey-blue .arrow-icon { width: 11px; height: 19px; margin-top: -9px; background-image: url(/css/touchcarousel/grey-blue-skin/sprite.png); background-repeat: no-repeat; }
.touchcarousel.grey-blue .arrow-holder { width: 19px; height: 100%; opacity: 1; }
.touchcarousel.grey-blue .arrow-holder.left { left: -20px; }
.touchcarousel.grey-blue .arrow-holder.right { right: -20px; }
.touchcarousel.grey-blue .arrow-icon.left { left: 0px; background-position: -6px -15px; }
.touchcarousel.grey-blue .arrow-icon.right { right: 0px; background-position: -186px -15px; }
.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.left { background-position: -36px -15px; }
.touchcarousel.grey-blue .arrow-holder:hover .arrow-icon.right { background-position: -156px -15px; }
.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left { background-position: -66px -15px; }
.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right { background-position: -126px -15px; }
.touchcarousel.grey-blue .arrow-holder:hover { opacity: 1; }
.touchcarousel.grey-blue .arrow-holder:active .arrow-icon { margin-top: -8px; }
.touchcarousel.grey-blue .tc-paging-item { width: 16px; height: 16px; opacity: 0.8; background: url(/css/touchcarousel/grey-blue-skin/sprite.png) -95px -4px no-repeat; }
.touchcarousel.grey-blue .tc-paging-item.current { background: url(/css/touchcarousel/grey-blue-skin/sprite.png) -95px -22px no-repeat; }
.touchcarousel.grey-blue .tc-paging-item:hover { opacity: 1; }
/*div.sidebar-container.left { top: 50%; left: 0px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
div.sidebar-container.right { top: 50%; right: 0px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; }
div.sidebar-inject.left { top: 0px; right: 0px; width: 50px; background: url(/css/dark-glass/inject-left.png) 50% 50% no-repeat; }
div.sidebar-inject.right { top: 0px; left: 0px; width: 50px; background: url(/css/dark-glass/inject-right.png) 50% 50% no-repeat; }
a, a:visited { color: #838382; text-decoration: none; font-weight: bold; }*/
/* login */
.displaynone { display: none !important; }
.xans-member-login {width: 1048px; margin: 15px auto; padding: 80px 0px 80px 0px; border: 0px solid #d7d5d5;}
.xans-member-login .login_box { position: relative; padding: 0px 0px 0px 430px; }
.xans-member-login .cate_title { position: absolute; top: 0px; left: 220px; }
.xans-member-login .login { width: 340px; }
.xans-member-login .login .check { padding: 9px 80px 0px 0px; position: relative; }
.xans-member-login .login .check strong { width: 55px; display: inline-block; font-size: 12px; font-weight: normal; text-align: left; }
.xans-member-login .login .check img { display: block; }
.xans-member-login .login .check input { border: 1px solid rgb(170, 170, 170); width: 230px; height: 14px; padding: 8px 6px; margin: 0px 0px 4px; background: rgb(245, 245, 245); }
.xans-member-login .login .security { }
.xans-member-login .login .check .btn { position: absolute; top: 0px; right: 0px; }
.xans-member-login .login .login_acc { color: rgb(221, 221, 221); margin: 5px 0px 0px; text-align: left; letter-spacing: -1px; }
.xans-member-login .login .login_acc li { margin: 0px 0px 25px; color: rgb(161, 161, 161); }
.xans-member-login .login .login_acc li a { color: rgb(161, 161, 161); }
.xans-member-login .login .login_acc li a:hover { color: rgb(54, 93, 152); text-decoration: underline; }
.xans-member-login .login .login_acc label { color: rgb(161, 161, 161); }
.xans-member-login .login .login_acc input { margin: 0px 3px 0px 0px; padding: 0px; }
.xans-member-login .login .login_acc strong { font-weight: normal; margin: 0px 5px; color: rgb(221, 221, 221); }
.xans-member-login .join { display: inline-block; zoom: 1; width: 200px; margin: 0px 28px; vertical-align: top; text-align: left; }
.xans-member-login .join p { line-height: 1.4em; height: 120px; padding: 5px 0px 0px; }
.xans-member-login .noMember { text-align: left; padding: 30px 0px 0px; border-top-width: 1px; border-top-style: dotted; border-top-color: rgb(223, 223, 223); }
.xans-member-login .noMember h3 { margin: 0px; color: rgb(51, 51, 51); font-size: 12px; }
.xans-member-login .noMember p { padding: 5px 0px 20px; line-height: 1.4em; font-size: 11px; letter-spacing: -1px; color: rgb(161, 161, 161); }
.xans-member-login .noMember ul { overflow: hidden; padding: 8px 0px 0px; }
.xans-member-login .noMember li { padding: 0px 0px 0px 7px; background: url(/images/bikeselling/design/skin/mono/ico_login.gif) 0px 50% no-repeat; }
.xans-member-login .noMember li a, .xans-member-login .noMember li a:hover { color: rgb(143, 143, 145); }
.xans-member-login .displaynone { display: none; }
.xans-myshop-orderhistorynologin .login { position: relative; }
.xans-myshop-orderhistorynologin .nomem_txt { margin: 0px 0px 15px; letter-spacing: -1px; font-size: 11px; color: rgb(161, 161, 161); }
.xans-myshop-orderhistorynologin .login strong { width: 55px; display: inline-block; color: rgb(161, 161, 161); font-weight: normal; padding: 0px 15px 0px 0px; letter-spacing: -1px; vertical-align: middle; font-size: 11px; line-height: 13px; }
.xans-myshop-orderhistorynologin .login input { border: 1px solid rgb(170, 170, 170); width: 160px; height: 14px; padding: 5px 3px; margin: 0px 0px 3px; background: rgb(245, 245, 245); }
.xans-myshop-orderhistorynologin .login .number input { width: 73px; }
.xans-myshop-orderhistorynologin .login .number strong { margin: 0px; }
.xans-myshop-orderhistorynologin .btn { position: absolute; top: 0px; right: 0px; }
.xans-myshop-orderhistorynologin .btn input { border: 0px; padding: 0px; width: 84px; height: 84px; background: none; }
a { text-decoration: none; color: rgb(0, 0, 0); }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
.displaynone { display: none; }
.path li.displaynone { display: none; }
.cate_title { text-align: center; margin: 25px 0px; }
.cate_title h2 { margin: 0px 0px 15px; }
.cate_title p { font-size: 11px; color: rgb(119, 119, 119); }
.xans-layout-statelogoff a.login { width: 32px; background: none 0% 0% no-repeat; }
.xans-layout-statelogon a.login { width: 32px; background: none 0% 0% no-repeat; }
/* //login */
/*콘텐츠영역*/
#order { margin:0 0 50px 0;}
#cartWrap {margin:0 0 50px 0;}
/* 해당 리시트이미지 오버 오퍽시티 */
ul li > div > a > img:hover{opacity: 0.5;}
/* 해당 리시트이미지 오버 오퍽시티 */
/* 배송관련 */
.prd_customer {width:99.8%;margin-top:20px; margin-bottom:50px; border:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8;background:#fff;color:#777;}
.prd_customer .title {border-bottom:1px solid #ddd;}
.prd_customer .title h4 {text-align:left; display:inline-block;_display:inline;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:16px;line-height:30px;color:#777;padding:8px 4px 8px 14px;}
.prd_customer .title span {font-size:12px;color:#ddd;vertical-align:middle;}
.prd_customer .title span strong{color:#bbb;font-weight:normal;}.prd_customer .cont_title{padding:30px;}
.prd_customer .cont_title .phone_num{width:380px;margin:0 auto;text-align:center;*zoom:1;font-family:"Arial Black",Gadget,sans-serif;letter-spacing:0px;background:url(/images/product/ico_b_phone.png) left 3px no-repeat;font-size:46px;line-height:46px;padding:0px 10px 15px 60px;color:#999;}
.prd_customer .cont_title .service_info {color:#555;margin:0;font-size:16px;line-height:22px;font-weight:bold;text-align:center;margin:0 0 25px;}
.number_r {font-family:Arial,Helvetica,sans-serif;text-align:center;color:#fff;font-weight:bold;width:20px;height:20px;line-height:20px;display:inline-block;}
.lst_numbering{position:relative;}
.prd_customer table {font-size:11px;letter-spacing:-1px;line-height:15px;margin:0 0 20px 0;}
.prd_customer table th {background:#f7f7f7;padding:7px;border:1px solid #eeeee;vertical-align:middle;}
.prd_customer table td {text-align:left; padding:7px;border:1px solid #dfdfdf;}.recently{display:inline-block;width:184px;background:#f7f7f7 url(/images/layout/bg_recent.png) 50px -7px no-repeat;margin:1px 0 2px;border:1px solid #ccc;border-bottom:1px solid #aaa;position:relative; }
.universe_event_float{position:absolute;margin:-180px 0 0 1230px;}
.universe_event_float .lb1{margin:0 0 2px 0}
.universe_event_float .lb2{margin:10px 0 0 0}
.float_fixed .inner_float{position:fixed;top:53px}
.mk_color_box span{
width: 11px;
height: 7px;
}
@media screen and (min-width: 1318px) {
}
@media screen and (max-width: 1317px) {
#quickmenu { right: -82px; }
#quickmenu {
position: fixed;
top: 0;
right: -82px;
width: 105px;
min-height: 300px;
height: 100% ;
zoom: 1;
z-index: 999999999;
}
}
ul.sdt_menu{
margin:0;
padding:0;
list-style: none;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
width:1020px;
}
ul.sdt_menu a{
text-decoration:none;
outline:none;
}
ul.sdt_menu li{
float:left;
width:170px;
height:85px;
position:relative;
cursor:pointer;
}
ul.sdt_menu li > a{
position:absolute;
top:0px;
left:0px;
width:170px;
height:85px;
z-index:12;
background:transparent url(/images/overlay.png) no-repeat bottom right;
-moz-box-shadow:0px 0px 2px #000 inset;
-webkit-box-shadow:0px 0px 2px #000 inset;
box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
border:none;
position:absolute;
width:0px;
height:0px;
bottom:0px;
left:85px;
z-index:100;
-moz-box-shadow:0px 0px 4px #000;
-webkit-box-shadow:0px 0px 4px #000;
box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
position:absolute;
top:25px;
left:0px;
width:170px;
height:60px;
z-index:15;
}
ul.sdt_menu li span.sdt_active{
position:absolute;
background:#111;
top:85px;
width:170px;
height:0px;
left:0px;
z-index:14;
-moz-box-shadow:0px 0px 4px #000 inset;
-webkit-box-shadow:0px 0px 4px #000 inset;
box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
margin-left:15px;
text-transform:uppercase;
text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 38px;
text-transform: uppercase;
letter-spacing: 2px;
float:left;
clear:both;
}
ul.sdt_menu li span span.sdt_descr{
color:#0B75AF;
float:left;
clear:both;
width:155px; /*For dumbass IE7*/
font-size:10px;
letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
display:block;
position:absolute;
width:170px;
overflow:hidden;
height:170px;
top:85px;
left:0px;
display:none;
background:#000;
}
ul.sdt_menu li div.sdt_box a{
float:left;
clear:both;
line-height:30px;
color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
color:#fff;
}
.tmp_link {
padding: 50px 0 25px 0;
text-align: center;
}
.tmp_link a {
padding: 0 8px;
font-size: 12px;
#innerDiv {
width: 1320px;
margin: 0 auto;
}
.banners {
float: left;
width: 100%;
}
.banners ul {
width: 100%;
display: inline-block;
padding: 0;
line-height: 0;
font-size: 0;
letter-spacing: -5px;
}
.banners li {
display: inline-block;
*display: inline;
vertical-align: top;
*zoom: 1;
width: 32%;
margin: 15px 0 15px 2%;
text-align: center;
letter-spacing: 0;
}
.banners li p {
border: 1px solid #fff;
}
.banners li p:hover {
border: 1px solid #e5e5e5;
}
.banners li p:hover a {
color: #555;
}
.banners li a:hover {
text-decoration: none;
}
.banners li.first {
margin-left: 0;
}
.banners li span {
display: block;
}
.banners li .img img {
width: 100%;
}
.banners li .subject {
padding: 0 7px;
margin: 18px 0 15px 0;
font-size: 18px;
}
.banners li .txt {
padding: 0 7px;
margin: 3px 0 15px 0;
font-size: 13px;
line-height: 21px;
}
.banners li .txt a {
color: #aaa;
}