/* ======================================================================== RESET ======================================================================== */ /* global rest */ html, body { height: 100%;} html, body, pre, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, menu, nav, section, hgroup, article, aside, input, select, textarea, button { margin:0; padding:0; } body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a { font-size:12px; font-family:'Karla', 'Open Sans', 'arial', 'Verdana', 'Nanum Gothic', Dotum, AppleGothic, sans-serif; color:#777; } h1, h2, h3, h4, h5, h6 { font-weight:bold; } img, fieldset,button { border:0 none; } img { vertical-align:top; } li { list-style:none; } hr, caption, legend { display:none; } a { color:#777; text-decoration:none; vertical-align:top; } a:hover { } button { overflow:hidden; cursor:pointer; } button span { visibility:hidden; } address, em { font-style:normal; } button, input, select, textarea { vertical-align:middle; } select { line-height:20px; height:20px; } input:focus { outline:none; } input { padding:4px; line-height:14px; /*border:1px solid #d9d9d9;*/ } table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-wrap:break-word; word-break:keep-all; } /* ======================================================================== 공통 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:4px; line-height:14px; border:1px solid #d9d9d9; } .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 #d9d9d9; /*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: #c96670; } .fc-blue { color: #c96670; } .MS_option_price { color: #c96670; } /* 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 { padding: 0 10px; } .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 #ddd; } .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 #ddd; } .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; vertical-align: top; } .prd-list table .tb-center { padding: 0 10px; } .prd-list table .info { padding: 5px 0; } .prd-list .thumb { width: 226px; height:336px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #e4e4e4; } .prd-list .thumb a, .prd-list .thumb img { display: block; width: 226px; height: 165px; } .prd-list .dsc { margin-top: 15px; font-weight: bold; } .prd-list .price { margin-top: 5px; font-weight: bold; color: #777; } /* 장바구니 리스트, 주문상품 리스트 */ .table-cart { margin-top: 0px; margin-bottom :17px; border-bottom: 1px solid #dedede; } .table-cart thead th { padding:5px 0; height:20px; line-height:20px; font-size:11px; font-weight:bold; color:#777; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #ddd; text-transform:uppercase; } .table-cart tbody td, .table-cart tfoot { border-top:1px solid #dedede; } .table-cart tbody td { padding: 15px 0; } .table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 0px solid #dedede; } .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: #666; } /* 수량 컨트롤 */ .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 #ddd; } .table-order-info tbody th, .table-order-info tbody td { padding: 10px 0; border-bottom:1px solid #dedede; } .table-order-info tbody th { letter-spacing: -1px; /*background-color: #ededed;*/ background-color: #none; } .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: 60px; 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-bottom: 1px solid #dedede; } .table-d2-list thead th { padding: 5px 0; line-height:20px; font-size:11px; font-weight:bold; color:#777; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #ddd; } .table-d2-list tbody td { padding: 15px 0; line-height:20px; border-top: 1px solid #dedede; } /* 마이페이지 디자인 타입2 테이블 뷰 */ .table-d2-view { margin-top: 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .table-d2-view th, .table-d2-view td { padding: 10px 0; border-bottom: 0px solid #dedede; } .table-d2-view th { font-weight: bold; background-color:none; } /* paging */ .paging { clear:both; padding-top: 30px; text-align: center; vertical-align: top; } .paging strong {font-weight:normal;} .paging li { display: inline;} .paging li a { overflow: hidden; width: auto; height: 15px; padding: 0 7px; color: #777; cursor: pointer; font-family:"Karla","Open Sans","arial";} .paging li a:hover, .paging li.now a {text-decoration:underline; } .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:#777; } /* 타입 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; line-height:16px; } .total-page .page { float: right; width: auto;} * 회원 등급 표시 */ /* 타입 1 */ .mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; /*background-color: #ededed;*/ border:2px solid #e4e4e4; } .mem-lvl .lvl-img, .mem-lvl p { position: relative; float: left; } .mem-lvl .lvl-img { left: 0px; margin-right: 0px; width: 120px; } .mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; } .mem-lvl p em { color: #49b7df; font-weight: bold; } .mem-lvl span.MS_group_reserve_msg, .mem-lvl span.MS_group_dc_msg { color:#49b7df; } /* 타입 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;*/ padding:0px; } .t-box-msg strong { color:#777; } /* ================================================================== 원디자인 작업소스 02)1599-3360 / Http://e-onedesign.com ================================================================== */ body { margin:0; padding:0; color:#777; } img { border:0; } /*vertical-align:middle;*/ html { overflow:scroll; overflow-x:auto; } * { margin:0; padding:0; -webkit-text-size-adjust:none; } * html { height:1px; } a {outline:none; select-dummy: expression(this.hideFocus=true); } a:hover { text-decoration:none; } ::selection {color:white; background-color:rgb(224, 177, 182);} /**************** LAYOUT ****************/ /* LAYOUT */ #wrap { position:relative; width:100%; min-width:1340px; margin:0 auto; } #header_top { position:relative; width:100%; min-width:1200px; margin:0 auto; z-index:999; background:#fff; height:232px; } #header { position:relative; width:100%; min-width:1200px; margin:0 auto; border-top:4px solid #adcbd5; } #contentWrap { width:100%; position:relative; margin:0 auto; zoom:1; /*padding-top:50px;*/ padding-top:40px; padding-bottom:120px; } #content { width:1200px; margin:0 auto; min-height:350px; } /* 메인 100% */ #main_content { width:100%; } #footer_wrap { position:relative; clear:both; width:100%; min-width:1200px; margin:80px auto 0; background:#f6f6f6; } #footer { /*clear:both; width:100%; min-width:1200px; min-height:300px; margin:0 auto; */ height:270px; padding:60px 0; } .contentWidth { position:relative; clear:both; width:1200px; margin:0 auto; } #quickR { position:absolute; top:100px; right:-115px; width:75px; min-height:200px; z-index:9999; display:none; } #quickR div { clear:both; } /* HEADER */ /* 로고라인 */ #logoWrap { position:relative; clear:both; width:100%; margin:0 auto; border-bottom:1px solid #eee; z-index:1001; } /* 상단 아이콘 공통 */ .icon_logoline > a { display:block; font-size:13px; line-height:23px; color:#aaa; } .icon_logoline > a:hover { color:#c4b3a9; } /* 장바구니 */ .icon_basket { position:absolute; top:66px; left:0; z-index:1; height:25px; } .icon_basket a { background:url(/design/bebeya/onedesign/images/icon_cart.png) 0 0 no-repeat; padding-left:32px; *padding-left:42px; } .icon_basket .round_box { display:inline-block; width:50px; *width:auto; height:25px; text-align:center; *text-align:left; border:1px solid #e5e5e5; *border:0; border-radius:12px; box-sizing:border-box; -webkit-box-sizing:border-box; } /* 로고 */ .logo { clear:both; width:100%; min-width:1200px; text-align:center; padding:20px 0; } .logo img { max-height:120px; } /* 멤버쉽 */ .icon_member { position:absolute; top:66px; right:0; z-index:1001; height:25px; } .icon_member > a { background:url(/design/bebeya/onedesign/images/icon_member.png) right 0 no-repeat; padding-right:40px; } .icon_member > span { display:inline-block; } /* 멤버쉽 중분류 */ .sub_member { display:none; position:absolute; top:25px; left:0; z-index:1001; width:180px; padding-top:15px; } .sub_member .sub_member_top { background:#adcbd5; padding:20px; } .sub_member .sub_member_top h3 { width:100%; height:50px; padding-bottom:7px; background:url(/design/bebeya/onedesign/images/icon_bookmark.png) center 0 no-repeat; } .sub_member .sub_member_top h3:hover { background:url(/design/bebeya/onedesign/images/icon_bookmark2.png) center 0 no-repeat; } .sub_member .sub_member_top h3 a { display:block; line-height:50px; font-size:12px; font-weight:normal; text-align:center; color:#fff; letter-spacing:1px; } .sub_member .sub_member_top h3 span { margin-left:65px; } .sub_member .sub_member_top p { width:100%; height:20px; text-align:center; border:1px solid #fff; margin-top:3px; } .sub_member .sub_member_top p a { display:block; line-height:20px; font-size:10px; color:#fff; letter-spacing:1px; } .sub_member .sub_member_top p:hover { background:#fff; transition:background-color 0.3s ease; } .sub_member .sub_member_top p:hover a { color:#adcbd5; } .sub_member .sub_member_top p span { color:#f87274; } .sub_member .sub_member_list { clear:both; font-size:0; line-height:0; background:#fff; padding:10px 20px; } .sub_member .sub_member_list li { clear:both; width:100%; } .sub_member .sub_member_list li a { display:block; line-height:25px; font-size:12px; color:#aaa; } .sub_member .sub_member_list li a:hover { color:#adcbd5; } /* 카테고리 */ #categoryWrap { } #category { } #hide_category { display:none; } #category { position:relative; clear:both; width:100%; min-width:1200px; height:67px; margin:0 auto; text-align:center; border-bottom:1px solid #eee; z-index:999; } #category .position { width:1200px; margin:0 auto; } #category .position > ul { font-size:0px; line-height:0px; } #category .position > ul > li { position:relative; z-index:10; display:inline-block; *display:inline; *zoom:1; height:67px; font-family:'Karla', 'Nanum Gothic', sans-serif; margin:0 5px; } #category .position > ul > li > a { display:block; font-size:14px; font-weight:normal; line-height:67px; padding:0 24px; color:#888; letter-spacing:1px; transition:color 0.2s ease; cursor:pointer;} #category .position > ul > li:hover > a { color:#adcbd5; border-bottom:1px solid #adcbd5; } /* 중분류 */ .sub_cate { display:none; position:absolute; top:67px; left:0; z-index:999; width:100%; background:#fff; border:1px solid #eee; border-top:1px solid #adcbd5; } .sub_cate ul { padding:7px; } .sub_cate li { text-align:center !important; } .sub_cate a { display:block; line-height:25px !important; padding:0 5px !important; font-size:11px !important; letter-spacing:0 !important; color:#777 !important; } .sub_cate a:hover { color:#fff !important; background:#adcbd5; transition:background-color 0.2s ease; } /* FOOTER */ /* 하단 타이틀 */ #footer h2:after { content:""; } #footer h2 { display:inline-block; *display:inline; *zoom:1; clear:both; margin:0 auto 25px; line-height:14px; font-size:16px; font-weight:bold; letter-spacing:1px; color:#777; padding-left:20px; } #footer h2.title_contact { background:url(/design/bebeya/onedesign/images/icon_bt_contact.png) 0 0 no-repeat; } #footer h2.title_bank { background:url(/design/bebeya/onedesign/images/icon_bt_bank.png) 0 0 no-repeat; } #footer h2.title_info { background:url(/design/bebeya/onedesign/images/icon_bt_info.png) 0 0 no-repeat; } /* 하단 공통 */ .footer_contants { position:relative; clear:both; width:100%; margin-top:48px; font-size:0; line-height:0; } .footer_contants1 { padding-bottom:54px; background:url(/design/bebeya/onedesign/images/bg_main.png) 0 bottom repeat-x; margin-top:0 !important; } .footer_contants .footer_text { display:inline-block; *display:inline; *zoom:1; width:50%; } .footer_contants p { clear:both; width:100%; font-size:11px; line-height:25px; color:#999; letter-spacing:0.2px; } .footer_contants p a { font-size:11px; line-height:25px; color:#999; } .footer_contants p a:hover { color:#c4b3a9; } /* 고객센터 */ .footer_text p .tel { font-size:20px; font-weight:bold; letter-spacing:1px; color:#c4b3a9; } /* 검색 존 */ #searWrap { position:absolute; top:0; right:0; z-index:2; width:380px; height:80px; } /* 검색 */ #searWrap .sear {width:380px; line-height:35px; margin:0; border:0; padding:0; } #searWrap .sear fieldset {font-size:0; line-height:0; } #searWrap .sear span input {float:left; vertical-align:middle; width:260px; color:#999; height:35px; line-height:35px; padding:0; border:0; background:none; text-align:left; font-size:11px; background:#fff; padding:0 10px;} #searWrap .sear .btn_search {float:left; display:block; width:100px; line-height:35px; text-align:center; background:#adcbd5; cursor:pointer; transition:background-color 0.2s ease; } #searWrap .sear .btn_search a {font-size:12px; color:#fff; letter-spacing:1px; } #searWrap .sear .btn_search:hover, #searWrap .sear .btn_search:active { background:#c4b3a9; } /* 소셜 아이콘 */ .social_icon { clear:both; line-height:0; font-size:0; margin-top:25px; } .social_icon em { position:absolute; bottom:0; left:0; z-index:2; line-height:25px; font-size:12px; color:#999; font-style:normal; letter-spacing:1px; } .social_icon ul { position:absolute; bottom:0; right:0; z-index:2; } .social_icon a { display:inline-block; *display:inline; *zoom:1; width:25px; height:25px; margin-left:4px; } /* 하단 메뉴 존 */ #footerInfo { clear:both; width:100%; height:20px; padding:30px 0; background:#e5e5e5; } /* 하단 메뉴 */ .footer_info { clear:both; font-size:0; line-height:0; } .footer_info li { display:inline-block; *display:inline; *zoom:1; margin-right:15px; text-align:left; } .footer_info li a { display:block; line-height:20px; font-size:11px; color:#929292; } .footer_info li a:hover { color:#84afbe; } /* 이니시스 */ .ini {float:right; margin-top:-10px;} .ini p{display:inline; padding: 10px;} /**************** MAIN ****************/ #main { clear:both; width:100%; min-width:1200px; margin:0 auto; } /* 메인상단 100% 전환 이미지 */ #maintop {width:100%; height:480px; position:relative;} #maintop .wideimg { float:left; position:relative; clear:both; width:100%; height:550px; text-align:center; background:#e9e9e9; overflow:hidden;} #maintop .wideimg .part { float:left; position:absolute; width:auto; height:550px; z-index:1; opacity:0; left:0px;} #maintop .btn {float:left; position:relative; width:1200px; margin:0 auto; height:10px; margin-top:-52px; z-index:11; cursor:pointer;} #maintop .btn ul {position:relative; height:12px; font-size:0; line-height:0; text-align:center;} #maintop .btn ul li {position:relative; height:12px; display:inline; margin-right:10px;} /* 메인특별상품 슬라이드 */ #lookbookWrap { height:489px; background:url(/design/bebeya/onedesign/images/bg_main.png) 0 bottom repeat-x; } .flash_banner1 { clear:both; position:relative; margin:0 auto; width:1200px; height:224px; *z-index:10; } .flash_banner1 .flash_banner_body1 { float:left; position:absolute; top:0; left:0; padding:0px; width:100%; height:100%; overflow:hidden; } .flash_banner1 .flash_banner_body1 ul { float:left; position:absolute; top:0; left:0; list-style-type:none; width:3555px; height:224px; zoom*1; margin:0px; padding:0px; overflow:hidden; } .flash_banner1 .flash_banner_body1 li { float:left; position:relative; width:224px; height:224px; line-height:14px; padding:0px; margin:0px; margin-right:20px; overflow:hidden; background:#fff; } .flash_banner1 .flash_banner_body1 li img { width:100%; height:100%; } .flash_banner1 .btn { cursor:pointer; z-index:11; } .flash_banner1 .btn_left { position:absolute; left:-70px; top:87px; width:50px; text-align:center; z-index:11; cursor:pointer; } .flash_banner1 .btn_right { position:absolute; right:-70px; top:87px; width:50px; text-align:center; z-index:11; cursor:pointer; } .flash_banner1 .flash_banner_body1 li a { position:relative; display:block; width:100%; height:100%; } .flash_banner1 .flash_banner_body1 li em { position:absolute; top:0; right:0; z-index:11; width:50px; height:50px; line-height:50px; background:#c4b3a9 0 0 no-repeat; filter:alpha(opacity=50); opacity:.50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; font-size:13px; font-weight:bold; font-style:normal; color:#fff; text-align:center; } .flash_banner1 .flash_banner_body1 li:hover em { background:#f7d9d8; transition:background-color 0.5s ease; } .flash_banner1 .flash_banner_body1 li em.first, .flash_banner1 .flash_banner_body1 li:hover em.first { background:url(/design/bebeya/onedesign/images/icon_lookbook.png) 0 0 no-repeat; } .flash_banner1 .flash_banner_body1 li p { position:absolute; bottom:20px; left:20px; background:#fff; padding:3px 5px; font-size:11px; line-height:14px; color:#888; } /* 공지사항 존 */ #noticeWarp { clear:both; width:100%; min-width:1200px; height:380px; margin:50px auto 0; } #noticeWarp .main_banner { float:left; width:660px; height:380px; } /* 메인 공지사항 게시판 */ .main_board_listarea1 { } .main_board_listarea1 h3:after { content:""; } .main_board_listarea1 h3 { line-height:14px; background:url(/design/bebeya/onedesign/images/icon_notice.png) 0 0 no-repeat; padding-left:30px; } .main_board_listarea1 h3 a { line-height:14px; font-size:18px; font-weight:bold; color:#c4b3a9; } .main_board_listarea1 ul { line-height:0; font-size:0; margin-top:25px; border-top:1px solid #e5e5e5; } .main_board_listarea1 li { clear:both; width:100%; height:30px; border-bottom:1px solid #e5e5e5; } .main_board_listarea1 li div { clear:both; text-align:left; } .main_board_listarea1 .title a, .main_board_listarea1 .title a:hover { display:block; font-size:11px; color:#777; line-height:30px; padding-left:10px; } .main_board_listarea1 .title a:hover { } .main_board_listarea1 li:hover { background:#f2f2f2; transition:background-color 0.4s ease; } /* 메인 전환 배너 */ .slideshow-wrapper1 { margin:0 auto; position:relative; width:100%; height:100%; text-align:left; } /* overflow:hidden; */ .slideshow-wrapper1 .vi { float:left; position:absolute; width:100%; height:100%; z-index:1; opacity:0; filter:alpha(opacity=0); } .slideshow-wrapper1 .bak { float:left; position:absolute; width:100%; height:100%; display:none; } .slideshow-wrapper1 .btn { float:left; position:absolute;width:88px; height:12px; margin:320px 0px 0 50px; z-index:30; } .slideshow-wrapper1 .btn .btnbox { float:left; position:relative;width:100%; height:100%; } .slideshow-wrapper1 .btn .btnbox .bull { float:left; position:relative; width:12px; height:12px; margin-right:10px; background:url(/design/bebeya/onedesign/images/btn_banner.png) 0 0 no-repeat; cursor:pointer; } .slideshow-wrapper1 .btn .btnbox .bull.active { float:left; position:relative; width:12px; height:12px; margin-right:10px; background:url(/design/bebeya/onedesign/images/btn_banner_over.png) 0 0 no-repeat; } /* 메인 공지사항 게시판 & 배너 */ #boardWrap { position:relative; float:right; width:510px; height:380px; } .fix_banner { position:absolute; bottom:0; right:0; } .fix_banner a { display:block; } /* 이벤트 존 */ #eventWarp { clear:both; width:100%; min-width:1200px; height:380px; margin:88px auto 0; } /* 메인 이벤트 게시판 */ #boardWrap2 { float:left; width:510px; height: 380px; position:relative; } #boardWrap2 .fix_banner { position:absolute; bottom:0; left:0; } #boardWrap2 .fix_banner a { display:block; } .main_board_listarea2 { } .main_board_listarea2 h3:after { content:""; } .main_board_listarea2 h3 { line-height:14px; background:url(/design/bebeya/onedesign/images/icon_notice.png) 0 0 no-repeat; padding-left:30px; } .main_board_listarea2 h3 a { line-height:14px; font-size:18px; font-weight:bold; color:#c4b3a9; } .main_board_listarea2 ul { line-height:0; font-size:0; margin-top:25px; border-top:1px solid #e5e5e5; } .main_board_listarea2 li { clear:both; width:100%; height:30px; border-bottom:1px solid #e5e5e5; } .main_board_listarea2 li div { clear:both; text-align:left; } .main_board_listarea2 .title a, .main_board_listarea2 .title a:hover { display:block; font-size:11px; color:#777; line-height:30px; padding-left:10px; } .main_board_listarea2 .title a:hover { } .main_board_listarea2 li:hover { background:#f2f2f2; transition:background-color 0.4s ease; } /* 메인 전환 배너 */ .event_banner { float:right; width:660px; height:380px; } .slideshow-wrapper2 { margin:0 auto; position:relative; width:100%; height:100%; text-align:left; } /* overflow:hidden; */ .slideshow-wrapper2 .vi { float:left; position:absolute; width:100%; height:100%; z-index:1; opacity:0; filter:alpha(opacity=0); } .slideshow-wrapper2 .bak { float:left; position:absolute; width:100%; height:100%; display:none; } .slideshow-wrapper2 .btn { float:left; position:absolute;width:88px; height:12px; margin:320px 0px 0 50px; z-index:30; } .slideshow-wrapper2 .btn .btnbox { float:left; position:relative;width:100%; height:100%; } .slideshow-wrapper2 .btn .btnbox .bull { float:left; position:relative; width:12px; height:12px; margin-right:10px; background:url(/design/bebeya/onedesign/images/btn_banner.png) 0 0 no-repeat; cursor:pointer; } .slideshow-wrapper2 .btn .btnbox .bull.active { float:left; position:relative; width:12px; height:12px; margin-right:10px; background:url(/design/bebeya/onedesign/images/btn_banner_over.png) 0 0 no-repeat; } /* 메인 추천 상품 */ #bestPrdlist { clear:both; } #bestPrdlist img { /*vertical-align:middle;*/ } #bestPrdlist ul.prdList { display:table; width:1220px; min-width:756px; margin:0 0 0 -10px; font-size:0; line-height:0; padding-top:20px; } #bestPrdlist ul.prdList li.item { display:inline-block; vertical-align:top; margin:0 0 20px 0px; *display:inline; *zoom:1; } #bestPrdlist ul.prdList li.item .box { margin:0 auto; font-size:12px; line-height:14px; text-align:center; } #bestPrdlist ul.prdList .thumb { margin-bottom:0px; } /* 추가 */ #bestPrdlist ul.prdList li.item .box { position:relative; } #bestPrdlist ul.prdList li.item .box a { display:block; } #bestPrdlist ul.prdList li.item .box a p, #bestPrdlist ul.prdList li.item .box a em { position:absolute; bottom:20px; left:20px; z-index:2; display:block; background:#fff; padding:3px 5px; line-height:14px; font-size:11px; color:#888; } #bestPrdlist ul.prdList li.item .box a em { display:none; font-style:normal; } #bestPrdlist ul.prdList li.item .box a p img { display:none; } #bestPrdlist ul.column4 li.item { width:25%; } #bestPrdlist ul.column4 li.item .box { width:285px; height:285px; } #bestPrdlist ul.column4 li.item .thumb { width:100%; height:100%; } /* // */ /* 중앙 배너 */ #middleBanner { display:block; clear:both; width:100%; min-width:1200px; height:380px; margin:130px auto 30px; background:url(/design/bebeya/onedesign/images/middle_banner.jpg) center center no-repeat;} #middleBanner p { position:relative; display:block; width:1200px; margin:0 auto; } #middleBanner em { position:absolute; top:0px; left:0; z-index:2; width:1200px; height:380px; } /* 메인 타이틀 */ .title_main { clear:both; width:100%; min-width:1200px; margin:0 auto 50px; padding-top:80px; text-align:center; } .title_main span { width:100%; line-height:30px; font-family:'Georgia'; font-style:italic; font-size:16px; color:#bababa; } .title_main h2:after { content:""; } .title_main h2 { display:inline-block; *display:inline; *zoom:1; width:100%; line-height:35px; padding-bottom:16px; font-size:22px; font-weight:bold; letter-spacing:1px; color:#c4b3ab; background:url(/design/bebeya/onedesign/images/bg_title.png) center bottom no-repeat; } .title_new { padding-top:50px !important; } /**************** 공통 ****************/ /* 타이틀 */ .titleArea { clear:both; min-height:30px; margin:0 auto 30px; } .titleArea h2 { display:inline-block; *display:inline; *zoom:1; line-height:30px; color:#666; font-size:13px; font-weight:bold; letter-spacing:1px; } .titleArea p { clear:both; display:inline-block; *display:inline; *zoom:1; } .titleArea ul { color:#999; line-height:30px; } .titleArea ul li { margin-left:15px; } /* 타이틀 분류 */ .top_sub { display:inline; font-size:0; line-height:0; } .top_sub li { display:inline-block; *display:inline; *zoom:1; width:auto; margin-left:15px; font-size:12px; line-height:30px; vertical-align:top; } .top_sub li a { font-weight:normal; color:#999; } .top_sub li a:hover { color:#999; text-decoration:underline; } /* 버튼 */ .btn_black { display:inline-block; *display:inline; *zoom:1; text-align:center; background:#a6b0b3; color:#fff; vertical-align:middle; cursor:pointer; } .btn_black:hover { background:#b4bec2; transition:all 0.3s ease; } .btn_dark { display:inline-block; *display:inline; *zoom:1; text-align:center; background:#aaa; color:#fff; vertical-align:middle; cursor:pointer; } .btn_dark:hover { background:#bbb; transition:all 0.3s ease; } .btn_light { display:inline-block; *display:inline; *zoom:1; text-align:center; background:#e6e6e6; color:#666; vertical-align:middle; cursor:pointer; } .btn_light:hover { background:#eee; transition:all 0.3s ease; } .btn_box_01 { height:30px; line-height:30px; padding:0 10px; font-size:11px; } /* 작은 버튼 */ .btn_box_02 { width:100%; height:40px; line-height:40px; font-size:12px; } /* 큰 버튼 */ .btn_box_03 { height:24px; line-height:24px; padding:0 15px; font-size:11px; } /* 작은 버튼 (제일 많이 쓰임) */ .btn_box_04 { width:49%; max-width:350px; height:40px; line-height:40px; font-size:12px; } /* 큰 버튼 50% */ .btn_box_05 { height:40px; line-height:40px; padding:0 20px; font-size:12px; } /* 큰 버튼 (가로 사이즈 없음) */ .btn_box_06 { height:50px; line-height:50px; padding:0 30px; font-size:12px; } /* 큰 버튼 (게시판 댓글 버튼) */ .btn_black, .btn_dark, .btn_light { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } /* 썸네일 이미지 */ .item-wrap { width:100%; } .item-wrap .item-list { clear:both; width:1220px;} .item-wrap .item-list td {vertical-align:top;} .item-wrap .item-list ul {width:285px; max-height:480px; vertical-align:top; margin-bottom:50px;} .item-wrap .item-list ul .box { font-size:11px; line-height:16px; font-family:"Karla","Open Sans","arial", "Nanum Gothic",Dotum,AppleGothic,sans-serif; color:#555;} .item-wrap .item-list li {text-align:left; padding-bottom:10px;} /* 상품이미지 */ .item-wrap .item-list .prd-thumb img { max-width:285px; max-height:285px; text-align:center; vertical-align:top;} /* 상품명 & 상품 아이콘 */ .item-wrap .item-list .prd-name { float:left; text-align:left; width:100%; height:20px; padding:15px 0; margin-bottom:15px; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:13px;} .item-wrap .item-list .prd-name em { float:right; text-align:right; } .item-wrap .item-list .prd-name img { margin:0; vertical-align:middle;} .item-wrap .item-list .prd-name img:first-child {padding-right:3px;} /* 소비자가격 */ .item-wrap .item-list .prd-consumer {font-size:11px; color:#999; font-weight:normal; margin-right:10px;} /* 상품가격 */ .item-wrap .item-list .prd-price {font-size:13px; color:#84afbe; font-weight:bold;} /* 품절문구 */ .item-wrap .item-list .soldout {font-size:13px; color:#84afbe; font-weight:bold;} /* 추가상품명 */ .item-wrap .item-list .prd-subname {font-size:11px; color:#999; line-height:18px;} /* ============================================================================================================================================================================================================ */ /* ============================================================================================================================================================================================================ */ /* 상품 미리보기 레이어 */ #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: #777; 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:left; float:left; } .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 2px; line-height: 14px; color: #9b9b9b; */ font-size: 11px; padding:0 15px; line-height:24px; } .bbs-link a.write { } /* 게시판 글쓰기, 목록 이동 링크 */ .bbs-link a.none { /*background: url('');*/ } .bbs-link span { /*font-size:11px; color:#777; 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: 0px; border-bottom:1px solid #dedede; } .bbs-table-list thead th { padding:5px 0; line-height:20px; background:none; font-size:11px; font-weight:bold; color:#777; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #ddd; text-transform:uppercase; } .bbs-table-list tbody td { padding:15px 0; } .bbs-table-list tbody td { /*background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;*/ border-top:1px solid #dedede; } /* 게시판 타입 - 보기 */ .bbs-table-view { margin-top: 0px; } .bbs-table-view thead th { line-height:20px; padding: 5px 0; } .bbs-table-view tbody td { line-height:20px; padding: 15px 0; } .bbs-table-view thead th { font-size:11px; color:#777; font-weight:bold; background:#f7f7f7; border-bottom:1px solid #ddd; text-transform:uppercase; } .bbs-table-view tbody td.line { /*background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;*/ border-bottom:1px solid #dedede; } .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: #777;} .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: #777; } .visit-vcmt td .date, .visit-vcmt td .ctrl { display: block; font-size: 11px; } .visit-vcmt td .date { color: #777; } .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:0px; border-top:0px solid #ddd; border-bottom:1px solid #ddd; } .bbs-table-write tbody th, .bbs-table-write tbody td { padding:10px 0 8px; border-top:1px solid #ddd; color:#777; 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:12px;} /* 공통으로 쓰는거 */ textarea { width:600px; height:47px; padding:2px; border:1px solid #dedede;} .input-style { padding:2px; height:14px; line-height:14px; border:1px solid #dedede;} .cont-sub-des { position:relative;} .cont-sub-des span { margin-right:15px; color:#777;} .cont-sub-des span em { font-family: 'Arial', sans-serif; font-size:11px; color:#666; } .cont-sub-des .hit { position:absolute; top:15px; right:0;} .cont-sub-des .hit span { margin-right:0;} .comment-box { border-bottom:1px solid #ddd;} .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; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%; font-famiy: 'Arial', sans-serif; font-size:11px; color:#666;} .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:20px 0 60px;} /* 게시판 회원 게시글 검색 */ .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 #e9e9e9; border-right: none; background: #777; float:left; display: inline-block; } .privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; color:#fff; } .privercy-contract-tap li.end { border-right: 1px solid #e9e9e9; } .privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .privercy-contract-tap li.sel a { color:#777; } .privercy-contract { clear: both; } .privercy-contract textarea { clear: both; border: 1px solid #CCC; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; color:#888; font-size:11px; } .privercy-agree { margin: 10px 0; } .privercy-agree label{ margin-right: 10px; } /* .item-wrap */ .item-wrap .item-hd { width: 1200px; padding: 25px 0; text-align: center; background:none; } .item-wrap .item-info { zoom: 1; overflow: hidden; padding: 35px 0 10px 0; } .item-wrap .item-info .item-total { float: left; font-size:12px; } .item-wrap .item-info .item-order { /*float: right;*/ } .item-wrap .item-info .item-order li { /*float: left; padding: 0 5px;*/ } .item-wrap .item-info .item-order li a { /*font-size: 12px;*/ } .item-wrap .item-cont { zoom: 1; overflow: hidden; } .item-wrap .item-cont:after { content: ""; display: block; clear: both; } /* .navi */ .navi p { padding: 0 0 10px 30px; border-bottom: 1px solid #eee; font-size: 11px; } .navi p a { font-size: 11px; } .page-hd { padding: 15px 0 15px 30px; } /* .cate-wrap */ .cate-wrap { display:inline; font-size:0; line-height:0; } .cate-wrap .bcate { font-size:13px; color:#777; text-transform:uppercase; padding-bottom:5px; line-height:14px; } .cate-wrap .bcate { display:inline-block; } /* 중분류 */ .cate-wrap .mcate { display:inline; font-size:0; line-height:0; } .cate-wrap .mcate > li { display:inline-block; *display:inline; *zoom:1; width:auto; margin-left:15px; font-size:12px; line-height:30px; vertical-align:top; } .cate-wrap .mcate > li > a { font-weight:normal; color:#999; line-height:30px; } .cate-wrap .mcate > li > a:hover { color:#999; text-decoration:underline; } /* .list-hd */ .item-wrap .list-hd { zoom: 1; overflow: hidden; padding: 25px; background: url(/images/d3/casual_style/common/bg_w10_h8_line.gif) repeat-x 0 85%; } .item-wrap .list-hd .title { float: left; } .item-wrap .list-hd .navi { float: right; font-size: 11px; } .item-wrap .list-hd .navi a { font-size: 11px; } /*상품페이징*/ .item-wrap .item-page { clear:both; margin-top: 40px; height:34px; text-align: center;} .item-wrap .item-page a { padding: 0 4px; color:#777; font-weight:normal; line-height:34px;} .item-wrap .item-page a:hover {color:#777; font-family:"Karla","Open Sans","arial";} .item-wrap .item-page a.now { color:#777; text-decoration:underline;} .item-wrap .item-page a img {vertical-align:middle;} .item-wrap .item-desc { margin-bottom: 40px; } .item-wrap .item-none { padding-top: 40px; text-align:left; } /* 장바구니 이미지 */ .MK-product-icons img:first-child {padding-right:3px;} /* 팝업 맨위로 */ #MAKESHOPLY0, #MAKESHOPLY1, #MAKESHOPLY2, #MAKESHOPLY3, #MAKESHOPLY4, #MAKESHOPLY5, #MAKESHOPLY6, #MAKESHOPLY7, #MAKESHOPLY8, #MAKESHOPLY9, #MAKESHOPLY10, #MAKESHOPLY11 {z-index:99 !important;}