/* ======================================================================== RESET ======================================================================== */ @import url('//fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap'); @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSidx1ansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } * {font-family:'Montserrat','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} /* 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, header, aside, footer, input, select, textarea, button { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a { font-size: 12px; line-height: 1.25; color: #777; font-family:'Montserrat','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img, fieldset,button { border:0 none; } img { vertical-align: top; } li { list-style: none; } hr, caption, legend { display: none; } a { color: #787878; text-decoration: none; } a:hover { } button { overflow: hidden; cursor: pointer; } button span { visibility: hidden; } address, em { font-style: normal; } button, input, select, textarea, a { vertical-align: middle; } select { line-height: 18px; height: 18px; } input:focus { outline: none; } 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: 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 { 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 #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; vertical-align: top; } .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 { padding-top:22px;text-align: center; line-height: 0; vertical-align: top; } .paging li { display: inline-block;} .paging li a {font-size:0;} .paging li strong{display:inline-block;font-size: 14px;font-weight:400;color: #888;border: 0;box-sizing:border-box;height:27px;line-height:27px;text-align:center; vertical-align:top;font-family:'Montserrat';} .paging li.now strong {background:#1e5796;color:#fff;font-weight:400;width:27px;border-radius:100%;} .paging li.first a, .paging li.prev a, .paging li.next a, .paging li.last a {width:27px;height:27px;display:inline-block;vertical-align:top;} .paging li.prev { margin-right: 10px; } .paging li.next { margin-left: 10px; } .paging li.first a {background:#fff url("/design/tjddnwjs/da_image/paging_first.png") no-repeat 50% 50%;background-size:auto;} .paging li.prev a {background:#fff url("/design/tjddnwjs/da_image/paging_prev.png") no-repeat 50% 50%;background-size:auto; margin-right:10px;} .paging li.next a {background:#fff url("/design/tjddnwjs/da_image/paging_next.png") no-repeat 50% 50%;background-size:auto; margin-left:10px;} .paging li.last a {background:#fff url("/design/tjddnwjs/da_image/paging_last.png") no-repeat 50% 50%;background-size:auto;} /* 현재위치 */ .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; } /* layout */ #header, #layerWrap, #contentWrap, #ftLink .link { position: relative; width:900px; margin-left: auto; margin-right: auto; } #contentWrapper { position: relative;z-index:1;} #contentWrap{overflow:visible !important;} #contentWrap:after { content: ""; display: block; clear: both; } #aside, #content { position: relative; float: left; } #content {width: 1240px;} /* 상품 미리보기 레이어 */ #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; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') no-repeat left 45%; } .bbs-link a.write { padding-left: 23px; background: url(/images/d3/modern_simple/common/icon_bbs_write_link.gif) no-repeat 0 45%; } /* 게시판 글쓰기, 목록 이동 링크 */ .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 #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:11px;} /* 게시판 타입 - 비밀번호찾기 */ .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; } /* style_code layout */ #contentWrap { zoom: 1; overflow: hidden; width: 1240px; } #content {width: 1240px;} #aside + #content {width:1010px;} /* style_code common class */ .line-hd { border-bottom: 1px solid #bbb; } .item-hd { position: relative; width: 100%; margin-top: 30px; padding-bottom: 5px; } .item-hd .tit { zoom: 1; overflow: hidden; } .item-hd .tit dt, .item-hd .tit dd { float: left; } .item-hd .tit dt { padding-left: 40px; background: url(/images/d3/style_code/common/bul_hd_h10.gif) no-repeat 0 45%; } .item-hd .tit dd { padding: 10px 0 0 10px; color: #b8b8b8; font-size: 11px; font-weight: bold; } .item-hd .odr { position: absolute; top: 5px; right: -10px; width: 210px; } .item-hd .odr ul { zoom: 1; overflow: hidden; } .item-hd .odr li { float: left; margin-right: 10px; } .item-hd .odr li a { color: #777; font-size: 11px; line-height: 1.5; } .item-hd .btn { position: absolute; top: -5px; right: 0; width: 186px; text-align: right; } .item-list { zoom: 1; overflow: hidden; padding: 0 10px 20px; } .item-list:after { content: ""; clear: both; display: block; } .item-list .item { float: left; width: 260px; margin-top: 10px; text-align: center; } .item-list .item .thumb { margin: 0 auto 20px; width: 240px; height: 300px; } .item-list .item .thumb img { width: 100%; height: 100%; } .item-list .item .info { width: 240px; margin: 0 auto; } .item-list .item .info li { margin-bottom: 5px; color: #7b7b7b; } .item-list .item .info .price { display: inline-block; padding-left: 4px; color: #94b09f; font-weight: bold; } .item-page { margin: 60px 0; text-align: center; } .item-page a { padding: 0 4px; color: #666; } .item-page a:hover, .item-page a.now { font-weight: bold; letter-spacing: -1px; } .item-none { margin: 20px 0; text-align: center; } /*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ #wrap { position:relative;min-width:1240px }/* 전체 감싸고 있는 영역에 position:relative, min-width를 주어 scroll배너도 보이게 한다. */ .gnb,.header_top_cont,.header_search_cont,.main_goods_cont,.sub_content,.content_info,.foot_list ul,.foot_cont,.foot_certify { position:relative;width:1240px;margin:0 auto; }/* 컨텐츠 사이즈 + 센터정렬 */ .w_custom { width:1240px;margin:0 auto; } .section {margin-top:90px;} address, em {font-style:normal;} /* clear type */ .clear, .after_div {*zoom:1;} .clear:after, .after_div:after {content:"";display:block;clear:both;} .fl {float:left;} .fr {float:right;} .clear_fl {clear:both;float:left;} /* display type */ .db {display:block;} .dn {display:none !important;} .di {display:inline-block;} .dt {display:table;} .dr {display:table-row;} .dc {display:table-cell;} /* hidden type */ .blind {width:0;height:0;text-indent:-9999999px} .opacityhidden {opacity:0;} /* position type */ .relative {position:relative;} .absolute {position:absolute;} /*** align type ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .va_top {vertical-align:top !important;} .va_middle {vertical-align:middle !important;} .va_bottom {vertical-align:bottom !important;} /*─────────────────────────────────────────────────────────── 상단 outline/header ───────────────────────────────────────────────────────────*/ .top_bnr { } .top_bnr.hide {height:0;display:none;} .top_bnr .bnr { position:relative;height:40px;background:#1E5796;overflow:hidden; text-align:center;} .top_bnr .bnr p {display: inline-block;font-size:12px;line-height:40px;font-weight:400;color:#fff;padding:0 0 0 43px;} .top_bnr .bnr p strong {font-size:inherit;font-weight:500;color:#ede61e;} .top_bnr .bnr .btn_close {font-size:0;display:inline-block;background:url('/design/tjddnwjs/da_image/btn_top_close.png') no-repeat 0 0;position:absolute;width: 10px;height: 10px;top:50%;right:50%;margin-right:-620px;margin-top: -5px;z-index:5;} /* ------------- 상단 디자인 ------------- */ #header_warp {/* height:203px; */position:relative;z-index:3;} #header {position:relative;z-index:99;position: relative;width: 100%;background: #fff;border-bottom:1px solid #ddd;transition: all 0.2s;} #header.fixed {position: relative;} #header .h1_logo {text-align:center;padding:0;position:absolute;left:0;top: -15px;} #header .hd_box {} #header .header_top {height:auto;border-bottom:0;margin: 12px 0 15px;} /* 상단 로그인 */ .top_member_box {float:inherit;position:relative;line-height:1;font-size:0;z-index:1;text-align:right;overflow:hidden;margin: 0;} .top_member_box .txt_bar { display:inline-block;width:1px;height:10px;margin:0 0 0 10px;background:#dedede;vertical-align:-1px } .top_member_box > li {float:inherit;position:relative;display:inline-block;vertical-align:middle;font-size: 13px;font-weight: 300;line-height: 1;padding: 0 12px;color:#888;position:relative;} .top_member_box > li + li:before {content:'';display:block;position:absolute;width:1px;height:8px;background:#dddddd;top:50%;left:0;transform:translateY(-50%);} .top_member_box > li:last-child {padding-right:0;} .top_member_box > li a { display:inline-block;padding:0;color:inherit;font-size:inherit;line-height:inherit; } .top_member_box > li a:hover { text-decoration:underline; } /* ------------- 상단 검색 ------------- */ #header .header_search { border-bottom:0; } #header .header_search_cont {min-height: 69px;padding: 0 0;text-align:center;} #header .header_search_cont:after { display:block;clear:both;content:""; } /* 검색창 */ #header .top_search {position:relative;top:inherit;right:inherit;float:inherit;border:0;background: transparent;z-index:0;width: 420px;margin: 0 auto;} #header .top_search legend { display:none; } #header .top_search .top_search_cont {border-radius: 24px;overflow:hidden;} #header .top_search .top_text_cont {width: 100%;background: #f5f5f5;} #header .top_search .top_text_cont input { border:none 0;vertical-align:top; } #header .top_search .top_text_cont input::-webkit-input-placeholder { } #header .top_search .top_text_cont input::-moz-placeholder { } #header .top_search .top_text_cont input:-ms-input-placeholder { line-height:10px; } #header .top_search .top_text_cont input {width:100%;height: 48px;padding: 0 54px 0 20px;box-sizing:border-box;border-right:0;font-size:13px;color:#666;font-weight:300;border-radius: 3px 0 0 3px;overflow: hidden;background: #f5f5f5;} #header .top_search .top_text_cont .btn_top_srarch {position:absolute;top: 50%;transform: translateY(-50%);border-left: 0;right: 16px;} #header .top_search .search_cont { display:block;margin:0;font-size:0;border:1px solid #cccccc;border-top:0;box-sizing:border-box;background:#ffffff;position:absolute;left:0;top:100%;width:100%; display:none !important;} /* 장바구니 */ .header_cart {position:absolute;right:0;top: 14px;} .header_cart ul { font-size:0; } .header_cart ul li { display:inline-block;vertical-align:middle;position:relative; } .header_cart ul li a {height:32px;font-size: 13px;font-weight: 400;color: #666;display:inline-block;padding-top: 31px;} .header_cart ul li.btn_my {margin-right: 36px;} .header_cart ul li.btn_my a {width: auto;background: url('/design/tjddnwjs/da_image/hd_my.png') no-repeat center top;} .header_cart ul li.btn_cart {} .header_cart ul li.btn_cart a {width: auto;background: url('/design/tjddnwjs/da_image/hd_cart.png') no-repeat left 5px top;} .header_cart ul li.btn_cart a strong {color:#fff;background: #1E5796;text-align:center;position:absolute;right: 0;top: -8px;font-size:13px;line-height: 24px;font-weight:400;width: 24px;height: 24px;border-radius:100%;} /* ------------- 상단 GNB 영역 ------------- */ #header .header_gnb { position:relative;width:100%;background:#fff;z-index:1; } #header.fixed .header_gnb {position:fixed;top: 0;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);-ms-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15);border-bottom:0;} /* gnb */ #header .gnb { position:relative;font-size:0; } #header .cate_left, #header .cate_top, #header .cate_top ul li { display:inline-block;vertical-align:top; } #header .cate_left {display:inline-block;vertical-align:top;margin:0;font-size:0;width: 186px;position:relative;z-index:5;} #header .cate_left .btn_allcate {display:block;width:100%;font-size: 16px;line-height: 54px;padding: 0 0 0 50px;font-weight:400;color:#333;background: url('/design/tjddnwjs/da_image/btn_allmenu_open.png') no-repeat left center;box-sizing:border-box;cursor:pointer;transition:all .2s;} #header .cate_left .btn_allcate:hover, #header .cate_left .btn_allcate.on {background: url('/design/tjddnwjs/da_image/btn_allmenu_open_on.png') no-repeat left center;} /* 서브 레이어 타입 */ #header .cate_left .sub_menu_box.layer_type {position:absolute;left:0;top:100%;width: 220px;z-index:5;background:#fff;box-sizing:border-box;display:none;border: 1px solid #f5f5f5;} #header .cate_left .sub_menu_box.layer_type * { transition:all .2s; } #header .cate_left .sub_menu_box.layer_type a:hover, #header .cate_left .sub_menu_box.layer_type a.active{ color:#fff; } #header .cate_left .sub_menu_box.layer_type .sub_depth {padding: 9px 0;} #header .cate_left .sub_menu_box.layer_type .sub_depth > li { position:static; } #header .cate_left .sub_menu_box.layer_type .sub_depth > li:nth-of-type(n+15) { display:none; } #header .cate_left .sub_menu_box.layer_type .sub_depth > li + li { } #header .cate_left .sub_menu_box.layer_type .sub_depth > li a {font-size: 14px;line-height: 40px;font-weight:400;color: #333;padding: 0 0 0 20px;position:relative;z-index:5;display:block;} /*#header .cate_left .sub_menu_box.layer_type .sub_depth > li > a{padding: 0 0 0 20px;background:url('/design/tjddnwjs/da_image/ico_cate_before.png') no-repeat 20px;} #header .cate_left .sub_menu_box.layer_type .sub_depth > li > a.sub:after { content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;border-top:1px solid #000;border-left:1px solid #000;transform:rotate(135deg);-webkit-transform:rotate(135deg);position:absolute;right:20px;top:13px; } #header .cate_left .sub_menu_box.layer_type .sub_depth > li > a.sub.active:after { border-top:1px solid #1E5796;border-left:1px solid #1E5796; }*/ #header .cate_left .sub_menu_box.layer_type .sub_depth > li > a:hover, #header .cate_left .sub_menu_box.layer_type .sub_depth > li > a.active{ color:#1E5796;background:#f5f5f5; } #header .cate_left .sub_menu_box.layer_type .sub_depth > li > a img{ max-width:100%; } #header .cate_left .sub_menu_box.layer_type .sub_depth ul {padding:11px 0;width: 220px;height:calc(100% + 1px);background: #f5f5f5;box-sizing:border-box;transition:all .2s;opacity:1 !important;border: 0;} #header .cate_left .sub_menu_box.layer_type .sub_depth ul.on { display:block; } #header .cate_left .sub_menu_box.layer_type .sub_depth1{ display:none;position:absolute;top:-1px;left:100%;min-width:160px;background:#ffffff;z-index:-1; } #header .cate_left .sub_menu_box.layer_type .sub_depth2{ display:none;position:absolute;top:-11px;left:160px;min-width:160px;background:#ffffff; } #header .cate_left .sub_menu_box.layer_type .sub_depth3{ display:none;position:absolute;top:-11px;left:160px;min-width:160px;background:#ffffff; } #header .cate_left .sub_menu_box.layer_type .sub_depth4{ display:none;position:absolute;top:-11px;left:160px;min-width:160px;background:#ffffff; } /* 서브메뉴 2,3,4 뎁스 CSS */ #header .cate_left .sub_menu_box.layer_type .sub_depth1 li{ position:relative; } #header .cate_left .sub_menu_box.layer_type .sub_depth1 li a{ display:block; } #header .cate_left .sub_menu_box.layer_type .sub_depth1 li a:hover{ background:inherit;color:#1E5796; } #header .cate_left .sub_menu_box.layer_type .sub_depth1 li a.active{ background:inherit; } #header .cate_top {width: calc(100% - 186px);text-align: right;} #header .cate_top ul {display: inline-block;} #header .cate_top ul li {} #header .cate_top ul li + li {margin: 0 0 0 73px;} #header .cate_top ul li a {font-size:16px;line-height: 54px;font-weight:500;color:#333;display:block;} #header .cate_top ul li a:hover { color:#1E5796; } #header .cate_top ul.event {margin-left:45px;padding-left:67px;position:relative;} #header .cate_top ul.event:before {content:'';display:block;position:absolute;width:1px;height:19px;background:#dddddd;top:50%;transform:translateY(-50%);left:0;} #header .cate_top ul.event li a {font-weight:500;;color:#1E5796;} #footer{overflow:hidden;padding:0 0 40px 0;background: #333333;} /*─────────────────────────────────────────────────────────── 하단 outline/footer ───────────────────────────────────────────────────────────*/ /* 컨텐츠 하단 */ .content_info_wrap{border-bottom:1px solid #ddd;} .content_info{overflow:hidden;padding: 48px 0 40px 0;} .content_info h3{padding: 0 0 17px 0;font-size: 16px;line-height: 1;font-weight: 500;color: #333333;} /* cs center */ .content_info .cs_center{float:left; width:31%;} .content_info .cs_center strong{display:block;padding: 0 0 13px 0;color: #1E5796;font-size: 40px;line-height: 1;font-weight: 600;} .content_info .cs_center p{font-size: 13px;line-height: 24px;font-weight: 400;color: #888888;} /* bank info */ .content_info .bank_info{float:left; width:31%; padding:0 40px;} .content_info .bank_info strong{display:block;padding: 0 0 15px;color: #333333;font-size: 22px;font-weight: 600;} .content_info .bank_info em{font-weight: 400;font-size: 14px;line-height: 1;color: #333333;margin-right: 14px;vertical-align: middle;} .content_info .bank_info p {display:block;width: 274px;border:1px solid #ddd;font-size: 14px;line-height: 40px;height: 40px;font-weight: 300;text-align: center;color: #666666;} /* quick manu */ .content_info .quick_menu {float:right;} .content_info .quick_menu ul {} .content_info .quick_menu ul li {/* display:inline-block; *//* position:relative; *//* z-index:1; */float: left;} .content_info .quick_menu ul li:nth-child(2n) {margin-left:9px;} .content_info .quick_menu ul li:nth-child(2n+1) {clear:both;} .content_info .quick_menu ul li + li + li {margin-top:9px;} .content_info .quick_menu ul li a {display: block;width: 100px;height:46px;border:1px solid #ddd;/* box-sizing:border-box; */text-align:center;padding: 0 30px;font-size:13px;line-height: 46px;font-weight:400;color:#888888;text-align: left;position: relative;} .content_info .quick_menu ul li a:after {content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-top: 1px solid #333333;border-left: 1px solid #333333;transform: rotate( 135deg );-webkit-transform: rotate( 135deg );position: absolute;right: 30px;top: 50%;margin-top: -3px;} .content_info .quick_menu ul li:hover a {border-color:#1E5796;color:#1E5796;} .content_info .quick_menu ul li:hover a:after {border-color:#1E5796;} /* 풋터 */ #footer_wrap{position:relative; border-top:1px solid #e3e3e3;margin-top:80px;} #footer{overflow:hidden;padding:0 0 40px 0;background: #333333;} /* 풋터 메뉴 */ .foot_list{border-bottom: 0;line-height:1;} .foot_list ul{overflow:hidden; width:1240px; margin:0 auto;} .foot_list ul li{float:left;padding: 26px 0 15px 0;} .foot_list ul li + li {padding-left:25px;} .foot_list ul li a{padding: 0;color: #fff;border-left: 0;font-size: 13px;line-height: 1;font-weight: 300;} .foot_list ul li a strong {font-weight:400;} .foot_list ul li:first-child a{padding-left:0; border-left:0 none;} /* 회사 정보 */ .foot_cont{overflow:hidden;padding: 30px 0 0;color:#a9a9a9;font-size:11px;line-height:1.8;overflow: visible;} .foot_cont .foot_logo{display:inline-block; float:left; width:200px; padding:25px 0 0 0;} .foot_cont .foot_info{display:inline-block; float:left;} .foot_cont .foot_info_list{overflow:hidden; width:100%;} .foot_cont .foot_info_list address {font-size:13px;line-height:24px;opacity:0.5;color: #fff;font-weight: 300;} .foot_cont .foot_info_list address a {font-size:inherit;color:inherit;} .foot_cont .foot_info_list address span {display:inline-block;margin:0 14px;} .foot_cont .copyright{float:left;width:100%;font-size: 13px;font-weight: 300;color: #666666;padding-top: 20px;} .foot_sns {position:absolute;top: 0;right: 0;} .foot_sns li {display:inline-block;width:30px;height:30px;border-radius:100%;background:#ffffff;margin-left:10px;} .foot_sns li:hover {opacity:0.8;} .foot_sns li a {display:block;height: 100%;text-align: center;position: relative;} .foot_sns li a img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} /*─────────────────────────────────────────────────────────── 스크롤퀵메뉴 ───────────────────────────────────────────────────────────*/ .scroll_wrap{position:absolute;top: 254px;left: 0;width: 100%;margin-left: 0;min-width: 1240px;} #scroll_r{position:absolute;top:0px;right: 30px;width: 100px;} #scroll_r.fixed {/*top:170px;*/} #scroll_r.ban_fixed{position:fixed;top: 233px;top: 84px;right: 30px;margin-right: 0;} .scroll_right_cont{float:left;width: 100%;min-width:76px;padding: 0 0 11px;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} .scroll_right_cont a.link {display: block;font-size:12px;font-weight:500;line-height: 1;color:#666666;text-align:center;padding:11px 0;letter-spacing:-0.03em;border-bottom: 1px solid #ddd;} .scroll_right_cont a + p {text-align:center;font-size:12px;line-heihgt:1;font-weight:500;color:#666666;letter-spacing:-0.03em;padding-top:11px;} .scroll_right_cont a + p em {color:#1E5796;font-weight:500;} .scroll_right_cont h4{padding:0; color:#666666; text-align:center;} .scroll_right_cont ul{padding: 15px 15px 0;} .scroll_right_cont li{position:relative;width: 70px;height: 70px;margin:0 0 12px 0;padding:0 0 0 0;border: 0;background:#ffffff;text-align:right;box-sizing: border-box;} .scroll_right_cont .photo{display:inline-block;position:relative;width: 70px;height: 70px;z-index:20;text-align:center;background:url('/data/commonimg/ico_noimg_300.gif') no-repeat center 1px;background-size:74px 74px;} .scroll_right_cont .photo img{width:100%; height:100%; /*margin:1px 1px 0 0;*/} /* 스크롤위아래 */ .scr_quick {display: block;clear: both;padding: 6px 0 0;} .scr_quick li {border: 1px solid #ddd;text-align: center;background:#fff;} .scr_quick li + li {margin-top:-1px;} .scr_quick li button {display: block;width: 100%;font-size:11px;line-height:1;font-weight: 400;color:#888888;text-align:center;padding: 8px 0;text-align: center;background:#fff;} /*─────────────────────────────────────────────────────────── 메인 ───────────────────────────────────────────────────────────*/ /* 비주얼 영역 */ .main_visual {width: 100%;height: 100%;position: relative;overflow: hidden;margin: auto;} .main_visual .visual_ul {position: static;} .main_visual .visual_ul .visual_li {position:relative;height: 500px;overflow:hidden;} .main_visual .visual_ul .visual_li a.link {position:absolute;left:0;top:0;width:100%;height:100%;z-index: 7;} .main_visual .visual_ul .visual_li .visual_txt_wrap {position:absolute;left:50%;top: 50%;z-index:6;color:#fff;text-align: left;max-width:1480px;transform:translate(-50%, -50%);width:1240px;} .main_visual .visual_ul .visual_li.visual_li3 .visual_txt_wrap {color:#333;} .main_visual .visual_ul .visual_li .visual_txt_wrap h2, .main_visual .visual_ul .visual_li .visual_txt_wrap h3, .main_visual .visual_ul .visual_li .visual_txt_wrap p, .main_visual .visual_ul .visual_li .btn_view {display:block;font-weight:400;opacity:0;transition:all 0.8s;transition-timing-function:ease-in-out;position:relative;bottom:-20px;letter-spacing:-0.03em;} .main_visual .visual_ul .visual_li .visual_txt_wrap h2 {font-size:50px;font-weight:500;color:#333333;line-height:1;margin: 30px 0 25px;} .main_visual .visual_ul .visual_li .visual_txt_wrap h3 {font-size: 26px;line-height: 1;font-weight: 400;color: #666666;} .main_visual .visual_ul .visual_li .visual_txt_wrap p {font-size: 18px;line-height: 26px;color: #666666;font-weight:300;} .main_visual .visual_ul .visual_li .visual_txt_wrap .btn_view {display:block;width:150px;height: 40px;font-size:14px;line-height: 39px;font-weight: 400;color:#666666;border: 1px solid #666;box-sizing:border-box;text-align: center;position:relative;margin-top:45px;} .main_visual .visual_ul .visual_li .visual_txt_wrap .btn_view span:after {content:'';display:inline-block;vertical-align:middle;width: 5px;height: 5px;border-top: 1px solid #666666;border-left: 1px solid #666666;transform:rotate(135deg);-webkit-transform:rotate(135deg);position: relative;/* right:20px; */top: -1px;margin-left: 9px;} .main_visual .visual_ul .visual_li .visual_img {position:absolute;left:50%;top:50%;width:100%;height:100%;z-index:1;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center;background-size:cover !important;} .main_visual .visual_ul .slick-dots {width: 100%;bottom: -30px;opacity:0;transition: all 0.3s;position: absolute;text-align: center;z-index: 300;} .main_visual:hover .visual_ul .slick-dots {bottom: 30px;opacity:1;} .main_visual .visual_ul .slick-dots li {display:inline-block;position:relative;margin:0 5px;padding:0;cursor:pointer;} .main_visual .visual_ul .slick-dots li.slick-active {} .main_visual .visual_ul .slick-dots li button {display:block;width: 10px;height: 10px;background:#fff;border-radius:100%;opacity: 0.5;padding: 0 5px;font-size: 0;line-height: 0;} .main_visual .visual_ul .slick-dots li.slick-active button {width:10px;height:10px;opacity: 1;} .main_visual .visual_ul .slick-arrow {display:inline-block;position: absolute;width: 33px;height: 33px;top:50%;transform:translateY(-50%);vertical-align:middle;transition: all 0.3s;opacity:0;outline:none;z-index: 100;font-size: 0;background: none;} .main_visual .visual_ul .slick-prev {border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg) translateX(-50%);-webkit-transform: rotate(135deg) translateX(-50%);left: -60px;} .main_visual .visual_ul .slick-next {border-top: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(135deg) translateX(-50%);-webkit-transform: rotate(135deg) translateX(-50%);right: -60px;} .main_visual .visual_ul .slick-arrow:hover {border-color:#333333;} .main_visual:hover .visual_ul .slick-arrow {opacity:1;} .main_visual:hover .visual_ul .slick-prev {left:60px;} .main_visual:hover .visual_ul .slick-next {right:60px;} /* 비주얼 active */ .main_visual .visual_ul .visual_li.active .visual_txt_wrap h2, .main_visual .visual_ul .visual_li.active .visual_txt_wrap h3, .main_visual .visual_ul .visual_li.active .visual_txt_wrap p, .main_visual .visual_ul .visual_li.active .btn_view {opacity:1;bottom:0;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap h3 {transition-delay:0.0s;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap h2 {transition-delay:0.2s;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap p {transition-delay:0.4s;} .main_visual .visual_ul .visual_li.active .btn_view {transition-delay:0.6s;} /* 공통 */ .main_title_box .main_title {font-size:30px;font-weight:400;line-height:1;color:#333333;margin:0 0 40px;} .main_title_box .main_title strong {font-size:inherit;line-height:inherit;font-weight:600;color:inherit;} .main_title_box p {font-size:16px;line-height:1;font-weight:400;color:#888888;margin-top:10px;} .main_title_box .btn_goods_more{display: inline-block;position:relative;bottom:auto;right:auto;} .main_title_box .btn_goods_more .btn_goods_view_more{display:inline-block;vertical-align:middle;width: 10px;height: 10px;border: 0;border-top: 1px solid #000000;border-left: 1px solid #000000;transform:rotate(135deg);-webkit-transform:rotate(135deg);position: relative;padding:0;font-size:0;bottom: 3px;} .goods_list {padding:0;} .main_content .section .slick-arrow {width:60px;height:60px;border-radius:100%;background:#ffffff;box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);top:34%;outline:none;transition: all 0.3s;position: absolute;z-index: 10;font-size: 0;} .main_content .section .slick-prev {left: -5px;} .main_content .section .slick-next {right: -5px;} .main_content .section .slick-arrow:hover {background:#1E5796;} .main_content .section .slick-prev:after, .main_content .section .slick-next:after {content: '';display: inline-block;vertical-align: middle;width: 12px;height: 12px;transform: rotate( 135deg );-webkit-transform: rotate( 135deg );position: relative;} .main_content .section .slick-prev:after {border-bottom: 1px solid #000;border-right: 1px solid #000;margin-left: 8px;} .main_content .section .slick-next:after {border-top: 1px solid #000;border-left: 1px solid #000;margin-right: 2px;} .main_content .section .slick-arrow:hover:after {border-color:#fff;} #wrap .main_hot .goods_list_cont ul {width:calc(100% + 30px);margin-left:-15px;overflow: visible;} #wrap .main_hot .goods_list_cont ul li {padding:0;} #wrap .main_hot .item_cont {padding:0 15px;} #wrap .main_hot .item_info_cont {width: 100%;margin:0 auto;} #wrap .main_hot .item_photo_box .item_dc {font-size:14px;font-weight:300;width:60px;height:60px;background:#333333;color:#fff;text-align:center;padding: 7px 0;box-sizing: border-box;position: absolute;z-index: 3;} #wrap .main_hot .item_photo_box .item_dc span {font-size:13px;font-weight:300;display:block;} #wrap .main_hot .item_photo_box .item_dc em {font-size:22px;font-weight:600;} #wrap .main_hot .slick-prev {left:-15px;} #wrap .main_hot .slick-next {right:-15px;} /* 메인 추천상품 */ .main_recmd .main_title_box {width:317px;} .main_recmd .main_title_box .main_title {line-height:40px;margin: 0;} .main_recmd .main_tab {margin:40px 0 0;} .main_recmd .main_tab li {display:block;} .main_recmd .main_tab li + li {margin:10px 0 0;} .main_recmd .main_tab li a {display:inline-block;width:auto;height:40px;font-size:14px;line-height:40px;font-weight:400;color:#333;background:#f7f7f7;padding:0 17px;border-radius:20px;} .main_recmd .main_tab li.on a, .main_recmd .main_tab li a:hover {font-weight:500;color:#ffffff;background:#1E5796;} .main_recmd .main_recmd_cont {width:calc(100% - 317px);} .main_recmd .main_recmd_cont .tab_cont {display:none;} /* 카테고리배너 */ .main_cate {background:#f5f5f5;padding:90px 0;} .main_cate .cate_cont_box {width:920px;height:400px;padding:48px 50px 48px;box-sizing:border-box;background:#fff;} .main_cate .cate_cont_box ul {border-top:1px solid #dddddd;padding:20px 0;} .main_cate .cate_cont_box ul:last-child {border-bottom:1px solid #ddd;} .main_cate .cate_cont_box ul:after {content:'';display:block;clear:both;} .main_cate .cate_cont_box ul li {width:33.333%;float:left;} .main_cate .cate_cont_box ul li + li {} .main_cate .cate_cont_box ul li:nth-of-type(3n+1) {clear:both;} .main_cate .cate_cont_box ul li a {display:inline-block;height:60px;font-size:16px;line-height:61px;font-weight:400;color:#333333;padding:0 0 0 74px;letter-spacing:-0.02em;box-sizing:border-box;} .main_cate .cate_cont_box ul:nth-child(1) li.idx1 a {background:url('/design/tjddnwjs/da_image/main_cate_ico01.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(1) li.idx2 a {background:url('/design/tjddnwjs/da_image/main_cate_ico02.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(1) li.idx3 a {background:url('/design/tjddnwjs/da_image/main_cate_ico03.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(2) li.idx1 a {background:url('/design/tjddnwjs/da_image/main_cate_ico04.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(2) li.idx2 a {background:url('/design/tjddnwjs/da_image/main_cate_ico05.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(2) li.idx3 a {background:url('/design/tjddnwjs/da_image/main_cate_ico06.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(3) li.idx1 a {background:url('/design/tjddnwjs/da_image/main_cate_ico07.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(3) li.idx2 a {background:url('/design/tjddnwjs/da_image/main_cate_ico08.png') no-repeat center left;} .main_cate .cate_cont_box ul:nth-child(3) li.idx3 a {background:url('/design/tjddnwjs/da_image/main_cate_ico09.png') no-repeat center left;} .main_footer_commercial {} .main_footer_commercial .main_title_box {} .main_footer_commercial .main_title_box .main_title {display:inline-block;font-size:30px;line-height:1;font-weight:400;color:#333333;padding-left:38px;} .main_footer_commercial .main_title_box p {display:inline-block;vertical-align:text-bottom;font-size:14px;line-height:1;font-weight:300;color:#888888;margin:0;padding:0 0 0 20px;} .main_footer_commercial .main_title_box p span {display:inline-block;margin:0 9px;} .main_footer_commercial .main_title_box strong {float:right;font-size:18px;line-height:1;font-weight:400;color:#333333;vertical-align:text-bottom;margin-top: 10px;} .main_footer_commercial .instar_wrap {} .main_footer_commercial .instar_wrap ul {} .main_footer_commercial .instar_wrap ul li {float:left;position:relative;z-index:1;} .main_footer_commercial .instar_wrap ul li a {display:block;position:absolute;width:100%;height:100%;z-index:1;} .main_footer_commercial .instar_wrap ul li a img {width:100%;} .main_review {padding: 0 0 70px;position:relative;z-index:1;} .main_review:after {content:'';display:block;position:absolute;width:100%;height:388px;background:#bc7e57;bottom:0;left:0;z-index:-1;opacity:0.1;} .main_review .review_cont_box {} .main_review .review_cont_box .review_cont_box {} .main_review .review_cont_box ul {width: calc(100% + 50px);margin-left: -25px;overflow: visible;} .main_review .review_cont_box ul li {float:left;width: 380px !important;margin: 0 25px 20px;box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.05);} .main_review .review_cont_box ul li a {display:block;position:absolute;width:100%;height:100%;top:0;left:0;} .main_review .review_cont_box ul li .bbs_thumb {width:100%;height:280px;position:relative;overflow: hidden;} .main_review .review_cont_box ul li .bbs_thumb img {width:100%;height:auto;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);} .main_review .review_cont_box ul li .bbs_txt_info {padding:30px 20px 27px;background: #fff;} .main_review .review_cont_box ul li .bbs_txt_info .star, .main_review .review_cont_box ul li .bbs_txt_info .star span {vertical-align:top;height:12px;line-height:12px;margin:0;padding:0;display:inline-block;font-size:0;} .main_review .review_cont_box ul li .bbs_txt_info .star {display: block;width: 84px;height: 14px;overflow:hidden;text-align:left;position: relative;margin-left: 3px;} .main_review .review_cont_box ul li .bbs_txt_info .star span {/*background:url('/design/tjddnwjs/da_image/ico_review.png') no-repeat 0 50%;*/background-size: auto 14px;} .main_review .review_cont_box ul li .bbs_txt_info .star img {display:inline-block;} .main_review .review_cont_box ul li .bbs_txt_info .subject {font-size:20px;line-height:1;font-weight:500;color:#333333;white-space:nowrap;overflow:hidden;padding: 20px 0 17px;text-overflow: ellipsis;} .main_review .review_cont_box ul li .bbs_txt_info .conts {font-size:14px;line-height:20px;font-weight:300;color:#888888;word-break: break-all;overflow: hidden; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } #wrap .main_review .slick-arrow {top:22%;} /*─────────────────────────────────────────────────────────── 상품진열 ───────────────────────────────────────────────────────────*/ /* 상품 갤러리형을 기본으로 */ .goods_list_cont{position:relative; width:100%;} .goods_list_cont:after{display:block; clear:both; content:"";} .goods_list_cont ul{float:left;width:100%;font-size:0;} #wrap .goods_list_cont ul li{display:inline-block;position:relative;/*min-height:50px;*/margin: 0 0 40px 0;text-align:center;vertical-align:top;font-size:12px;box-sizing: border-box;padding:0 15px;} .goods_list_cont ul {width: calc(100% + 30px);margin-left:-15px;} .goods_list_cont ul.item_wrap3 li {width:33.333%;padding: 0 15px;} .goods_list_cont ul.item_wrap4 li {width:25%;padding: 0 15px;} .goods_list_cont ul.item_wrap5 li {width:20%;padding: 0 15px;} #wrap .item_cont{padding: 0;text-align:left;color:#1c1c1c;} #wrap .item_cont a.link {position:absolute;width:100%;height:100%;top:0;left:0;/* z-index: 4; */} .icon_time_sale{position:absolute; top:0; left:0; text-align:left;} #wrap .item_photo_box{display:inline-block !important;overflow:hidden;position:relative;text-align:center;border: 0;vertical-align:middle;width: 100%;height: 100%;z-index: 2;} #wrap .item_photo_box .thumb {display: block;height: 100%;padding-bottom: 100%;} #wrap .item_photo_box .thumb img {max-width: 100%;width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;transition: all 0.3s;transform: scale(1, 1) translate(-50%, -50%);} #wrap .item_photo_box:hover .thumb img {transform: scale(1.08, 1.08) translate(-46%, -46%);} .item_photo_box a{display:block;width: 100%;height: 0;position: absolute;padding-bottom: 100%;z-index: 5;} .item_photo_box .item_soldout_bg{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:#ffffff; filter:alpha(opacity=60); background-color:rgba(255, 255, 255, 0.6); background-repeat: no-repeat; background-position: center center; font-size:0; } .item_photo_box .item_soldout_bg img{position:relative; max-width:99.5%; vertical-align:middle;} .item_soldout .item_photo_box .item_soldout_bg{display:block;} .item_soldout .item_photo_box .item_soldout_bg:before { content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;} #wrap .item_info_cont{display: block;padding: 13px 0 0 0;text-align:left;vertical-align:middle;font-size:12px;position:relative;z-index:1;} .item_tit_box{padding:0;} .item_tit_box .item_brand{display:block; color:#888888;} #wrap .item_tit_box .item_name{display:block;padding: 0;font-size: 16px;font-weight: 500;line-height: 1.3;word-break: break-all;text-overflow: ellipsis;white-space: pre-line;overflow: hidden;color: #666666;} .item_tit_box .item_name_explain{display:block; padding:0 10px 0 0px; color:#a8a8a8;} #wrap .item_money_box{padding: 12px 0 0 0;line-height:1;width:80%;} #wrap .item_money_box del{display:block;color: #aaaaaa;font-size: 16px;font-weight: 400;} #wrap .item_money_box del em {font-size:13px;} #wrap .item_money_box .item_price{display:block;padding: 0 0 8px 0;font-size:20px;color:#333;font-weight:500;} #wrap .item_money_box .item_price span {} #wrap .item_money_box .item_price span em {font-size:14px;font-weight:500;} #wrap .item_link {} #wrap .item_link .btn_cart {width:40px;height:40px;border-radius:100%;border:1px solid #ddd;background:url('/design/tjddnwjs/da_image/ico_pd_cart.png') no-repeat center;box-sizing:border-box;transition: all 0.3s;position:absolute;right:0;bottom:0;margin:0;padding:0;font-size:0;} #wrap .item_link .btn_cart:hover {background:#1E5796 url('/design/tjddnwjs/da_image/ico_pd_cart_on.png') no-repeat center;border-color:#1E5796;} #wrap .main_best .goods_list_cont ul {width:100%;margin:0;} #wrap .main_best .goods_list_cont ul li {padding:0;} #wrap .main_best .list_prd {width:605px;} #wrap .main_best .list_prd .goods_list_cont ul li {padding:9px 0;margin:0;border-top: 1px solid #dddddd;width: 100%;} #wrap .main_best .list_prd .goods_list_cont ul li:first-child {border-top:1px solid #dddddd;} #wrap .main_best .list_prd .goods_list_cont ul li:last-child {border-bottom:1px solid #dddddd;} #wrap .main_best .list_prd .goods_list_cont ul li .item_photo_box a img {border:0;} #wrap .main_best .list_prd .item_cont {display:table;width: 100%;table-layout: fixed;} #wrap .main_best .list_prd .item_photo_box, #wrap .main_best .list_prd .item_info_cont {/* float: left; */display:table-cell;vertical-align:middle;padding: 0;/* float: left; */} #wrap .main_best .list_prd .item_photo_box {width:130px;} #wrap .main_best .list_prd .item_info_cont {width: 475px;padding-left: 40px;box-sizing: border-box;} #wrap .main_best .list_prd .item_info_cont .item_info_list {padding:0;width: 100%;} #wrap .main_best .list_prd .item_info_cont .item_tit_box {position: relative;top: 0;} #wrap .main_best .list_prd .item_info_cont .item_tit_box .item_dc {font-size:14px;line-height:1;font-weight:500;color:#1E5796;padding:0 0 10px;} #wrap .main_best .list_prd .item_info_cont .item_tit_box .item_dc em {font-size:20px;line-height:inherit;font-weight:inherit;color:inherit;} #wrap .main_best .list_prd .item_info_cont .item_money_box {padding: 37px 0 0;} #wrap .main_best .list_prd .item_info_cont .item_money_box .item_price {display:inline-block;padding:0 13px 0 0;} #wrap .main_best .list_prd .item_info_cont .item_money_box del {display:inline-block;} #wrap .main_best .list_prd .item_link .btn_cart {margin:0;bottom:9px;} #wrap .main_best .big_prd {width: 600px;height: 600px;} #wrap .main_best .big_prd .goods_list_cont ul li {width:100%;} #wrap .main_best .big_prd .item_info_cont {background:rgba(0,0,0,0.5);position: absolute;width:100%;bottom:0;padding: 10px 50px;box-sizing:border-box;z-index: 5;} #wrap .main_best .big_prd .item_info_cont .item_dc {font-size: 20px;color:#fff;} #wrap .main_best .big_prd .item_info_cont .item_dc em {font-size: 26px;} #wrap .main_best .big_prd .item_info_cont .item_tit_box .item_name {font-size:24px;color:#fff;font-weight:400;} #wrap .main_best .big_prd .item_info_cont .item_money_box {padding-top:14px;} #wrap .main_best .big_prd .item_info_cont .item_money_box .item_price {display:inline-block;font-size:30px;color:#fff;} #wrap .main_best .big_prd .item_info_cont .item_money_box .item_price em {font-size:21px;font-weight:400;} #wrap .main_best .big_prd .item_info_cont .item_money_box del {display:inline-block;font-size:24px;color:#fff;font-weight:300;opacity:0.7;padding-left:17px;} #wrap .main_best .big_prd .item_info_cont .item_money_box del em {font-size:20px;font-weight:inherit;} #wrap .main_best .big_prd .item_link .btn_cart {background:url('/design/tjddnwjs/da_image/ico_pd_cart_b.png') no-repeat center;border:0;width: 38px;height: 34px;background-size: 38px auto;border-radius: 0;bottom: 25px;right: 36px;} .board_list_gallery .board_img img {width:100%;} /*─────────────────────────────────────────────────────────── 상품분류페이지 ───────────────────────────────────────────────────────────*/ .item-hd {margin-bottom:30px;} .item-hd .odr {width:auto;} .item-hd .tit dd {padding-left:0;font-size: 14px;color: #333;font-weight: 400;} .item-hd .tit dd strong {font-size:inherit;font-weight:600;color: #1E5796;} .loc_navi {border-bottom: 0;height: 24px;line-height: 24px;padding:9px 0 14px 0;margin: 30px 0 20px 0;} .loc_navi dt {color:#222;font-size: 22px;line-height: 24px;font-weight:600;} .loc_navi dt a, .loc_navi dt a:hover {color:#222;font-size:26px;font-weight:600;} .loc_navi dd {line-height:18px;padding: 7px 0 0 0;color:#aaa;font-size:9px;} .loc_navi dd a, .loc_navi dd strong {color:#666;display:inline-block;padding:0 8px;font-size:12px;} .loc_navi dd span, .loc_navi dd a.home {color:#999;display:inline-block;font-size:12px;} .loc_navi dd strong, .loc_navi dd a:last-child {padding-right:0;font-weight:600;} .sub_cate {border: 1px solid #d8d8d8;border-top: 1px solid #999999;text-align:left;position:relative;margin-bottom:20px;width:100%;padding:10px 0 11px 0;margin-top:30px;box-sizing: border-box;} .sub_cate ul {line-height:26px;} .sub_cate ul .sub_cate_menu {width: 20%;line-height:26px;} .sub_cate ul .sub_cate_menu.last {background:none;} .sub_cate ul .sub_cate_menu a {display:inline-block;height:20px;line-height:20px;color: #444;font-size:12px;padding:3px 0 3px 20px;margin:0;text-align:left;} .sub_cate ul .sub_cate_menu a:hover, .sub_cate ul .sub_cate_menu a.ov {color: #444;text-decoration: underline;} /*─────────────────────────────────────────────────────────── 장바구니 ───────────────────────────────────────────────────────────*/ #cartWrap{} #content #cartWrap .tit-page{border:none;font-size:30px;color:#333;font-weight:500;letter-spacing:-0.9px;margin-top:75px;} #content #cartWrap .tit-cart{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.54px;margin-top:39px;} #content #cartWrap .tit-cart.wish_tit{margin-top:120px;} #content #cartWrap .table-cart{border-bottom:none;} #content #cartWrap .table-cart{margin-top:14px;} #content #cartWrap .table-cart thead th{box-sizing:border-box;border-top:1px solid #333;border-bottom:1px solid #ddd;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;line-height:47px;background:none;text-align:center;} #content #cartWrap .table-cart thead th > div{text-align:center;} #content #cartWrap .table-cart tbody td{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.64px;box-sizing:border-box;border-bottom:1px solid #ddd;padding:20px 0;font-family:'Noto Sans KR';background:none;} #content #cartWrap .table-cart tbody td > div{text-align:center;font-family:'Noto Sans KR';} #content #cartWrap .table-cart tbody td .wish_info_box{display:flex;align-items:center;} #content #cartWrap .table-cart tbody td .prd_img{display:inline-block;box-sizing:border-box;vertical-align:top;padding:0;} #content #cartWrap .table-cart tbody td .prd_img .thumb{width:80px;height:80px;box-sizing:border-box;border:1px solid #ddd;} #content #cartWrap .table-cart tbody td .thumb a, #content #cartWrap .table-cart tbody td .thumb img{width:100%;height:100%;} #content #cartWrap .table-cart tbody td .prd_txt{display:inline-block;box-sizing:border-box;vertical-align:top;padding:0 0 0 12px;max-width:360px;text-align:left} #content #cartWrap .table-cart tbody td .prd_txt a{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;} #content #cartWrap .table-cart tbody td .prd_opt{font-size:13px;color:#888;font-weight:400;letter-spacing:-0.52px;margin:2px 0 13px;} #content #cartWrap .table-cart tbody td .uni-opt{margin-left:4px;} #content #cartWrap .table-cart tbody td .uni-opt a{display:inline-block;box-sizing:border-box;height:28px;line-height:24px;border:1px solid #aaa;padding:0 8px;font-size:13px;color:#444;font-weight:400;letter-spacing:-0.52px;} #content #cartWrap .table-cart .opt-spin{width:110px;height:30px;} #content #cartWrap .table-cart .opt-spin .txt-spin{width:50px;height:30px;box-sizing:border-box;border:1px solid #ddd;border-width:1px 0;font-size:15px;color:#666;font-weight:400;letter-spacing:-0.6px;text-align:center;float:none;} #content #cartWrap .table-cart .opt-spin .btns{width:auto;height:auto;margin:0;} #content #cartWrap .table-cart .opt-spin .btns a:nth-child(1){position:absolute;top:0;right:0;} #content #cartWrap .table-cart .opt-spin .btns a:nth-child(2){position:absolute;top:0;left:0;} #content #cartWrap .table-cart tbody td .tb-price{color:#333;} #content #cartWrap .table-cart tbody td .tb-price span{font-family:'Noto Sans KR';} #content #cartWrap .table-cart tbody td .d-block{display:inline-block;box-sizing:border-box;width:64px;height:28px;border:1px solid #aaa;text-align:center;padding:0;} #content #cartWrap .table-cart tbody td .d-block + .d-block{margin-top:5px;} #content #cartWrap .table-cart tbody td .d-block a{display:block;width:100%;height:100%;line-height:24px;font-size:13px;color:#444;font-weight:400;letter-spacing:-0.52px;} #content #cartWrap .table-cart tfoot{background:none;border-bottom:1px solid #bbb;} #content #cartWrap .table-cart tfoot *{font-family:'Noto Sans KR'} #content #cartWrap .table-cart tfoot td{padding:28px 30px;} #content #cartWrap .table-cart tfoot td div{font-size:15px;color:#333;font-weight:400;letter-spacing:-0.6px;font-family:'Noto Sans KR';} #content #cartWrap .table-cart tfoot td span{font-size:15px;color:#333;font-weight:400;letter-spacing:-0.6px;font-family:'Noto Sans KR';} #content #cartWrap .table-cart tfoot td .total_txt{display:inline-block;margin-right:20px;} #content #cartWrap .table-cart tfoot .equal_mark{display:inline-block;box-sizing:border-box;border-radius:100%;background:#1e5796;font-size:18px;color:#fff;font-weight:700;line-height:22px;vertical-align:top;width:22px;height:22px;text-align:center;margin:1px 16px 0;} #content #cartWrap .table-cart tfoot strong, #content #cartWrap .table-cart tfoot strong span{font-size:20px;color:#1e5796;font-weight:500;letter-spacing:-0.88px;font-family:'Noto Sans KR' !important;} #content #cartWrap .cart_bot{} #content #cartWrap .cart_bot:after{clear:both;content:"";display:block;} #content #cartWrap .cart_bot .cart_left_btn, #content #cartWrap .cart_bot .delivery{display:inline-block;box-sizing:border-box;vertical-align:top;} #content #cartWrap .cart_bot .cart_left_btn{font-size:0;} #content #cartWrap .cart_bot .cart_left_btn a{display:inline-block;box-sizing:border-box;vertical-align:top;width:130px;height:45px;line-height:45px;border:1px solid #aaa;font-size:15px;color:#444;font-weight:400;letter-spacing:-0.6px;text-align:center;} #content #cartWrap .cart_bot .cart_left_btn a + a{margin-left:10px;} #content #cartWrap .cart_bot .delivery{margin:0;float:right;display: flex;position:relative;} #content #cartWrap .cart_bot .delivery_message{text-align:right;} #content #cartWrap .cart_bot .delivery_tax{font-size:15px;color:#666;font-weight:400;letter-spacing:-0.6px;font-family:'Noto Sans KR';} #content #cartWrap .cart_bot .delivery_txt{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.72px;font-family:'Noto Sans KR';margin-top:7px;position:absolute;left:0;bottom:0;padding:0;} #content #cartWrap .cart_bot .delivery_txt span{font-size:inherit;color:#1e5796;font-weight:700;letter-spacing:inherit;font-family:inherit;} #content #cartWrap .cart_bot .cart_free_area{margin-left:30px;} #content #cartWrap .cart_bot .cart-free-wrap{text-align:right;} #content #cartWrap .cart_bot .cart-free-wrap .btn-list-open{width:210px;height:50px;line-height:50px;box-sizing:border-box;background:#1e5796;font-size:15px;color:#fff;font-weight:400;letter-spacing:-0.6px;} #content #cartWrap .cart_bot .cart-free-wrap .list-wrap{position:absolute;top:100%;right:0;width:1200px;background:#fff;} #content #cartWrap .btn-order-ctrl{margin-top:80px;font-size:0;} #content #cartWrap .btn-order-ctrl a{display:inline-block;box-sizing:border-box;vertical-align:top;width:180px;height:60px;line-height:60px;border:1px solid #333;font-size:18px;color:#333;font-weight:500;letter-spacing:-0.6px;text-align:center;background:#fff;} #content #cartWrap .btn-order-ctrl a:nth-child(1){margin-right:20px;color:#fff;background:#1e5796;border:1px solid #1e5796;} /*─────────────────────────────────────────────────────────── 주문서 ───────────────────────────────────────────────────────────*/ #content #order *{font-family:'Noto Sans KR';} #content #order h2{border:none;font-size:30px;color:#333;font-weight:500;letter-spacing:-0.9px;margin-top:57px;padding:0;} #content #order h3{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.54px;margin:33px 0 16px;font-family:'Noto Sans KR';} #content #order .tbl-order + h3{margin-top:76px;} #content #order h3 label{font-size:13px;color:#333;font-weight:400;letter-spacing:-0.52px;} #content #order .tbl-order{border:none;} #content #order .tbl-order.order_info thead th{box-sizing:border-box;border-top:1px solid #333;border-bottom:1px solid #ddd;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;line-height:40px;background:none;text-align:center;} #content #order .tbl-order.order_info thead th > div{text-align:center;} #content #order .tbl-order.order_info tbody td{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.64px;box-sizing:border-box;border-bottom:1px solid #ddd;padding:20px 0;font-family:'Noto Sans KR';background:none;} #content #order .tbl-order.order_info tbody td > div{text-align:center;font-family:'Noto Sans KR';} #content #order .tbl-order.order_info tbody td .wish_info_box{display:flex;align-items:center;padding-left:30px;} #content #order .tbl-order.order_info tbody td .prd_img{display:inline-block;box-sizing:border-box;vertical-align:top;padding:0;} #content #order .tbl-order.order_info tbody td .prd_img .thumb{width:80px;height:80px;box-sizing:border-box;border:1px solid #ddd;} #content #order .tbl-order.order_info tbody td .prd_img .thumb img{width:100%;} #content #order .tbl-order.order_info tbody td .thumb a, #content #cartWrap .table-cart tbody td .thumb img{width:100%;height:100%;} #content #order .tbl-order.order_info tbody td .prd_txt{display:inline-block;box-sizing:border-box;vertical-align:top;padding:0 0 0 12px;max-width:560px;text-align:left} #content #order .tbl-order.order_info tbody td .prd_txt a{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;} #content #order .tbl-order.order_info tbody td .prd_opt{font-size:13px;color:#888;font-weight:400;letter-spacing:-0.52px;margin:2px 0 13px;} #content #order .tbl-order.order_info tbody .total td{padding:10px 30px;border-bottom:1px solid #bbb;} #content #order .tbl-order.order_info tbody .total td div{text-align:right;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.6px;font-family:'Noto Sans KR';} #content #order .tbl-order.order_info tbody .total td span{font-size:15px;color:#333;font-weight:400;letter-spacing:-0.6px;font-family:'Noto Sans KR';} #content #order .tbl-order.order_info tbody .total td .total_txt{display:inline-block;margin-right:20px;font-size:13px;} #content #order .tbl-order.order_info tbody .total .equal_mark{display:inline-block;box-sizing:border-box;border-radius:100%;background:#1e5796;font-size:12px;color:#fff;font-weight:700;line-height:22px;vertical-align:top;width:22px;height:22px;text-align:center;margin:3px 16px 0;} #content #order .tbl-order.order_info tbody .total strong, #content #order .tbl-order.order_info tbody .total strong span{font-size:20px;color:#1e5796;font-weight:500;letter-spacing:-0.88px;font-family:'Noto Sans KR' !important;} #content #order .tbl_other_info tbody tr th{background:#f5f5f5;box-sizing:border-box;border-bottom:1px solid #ddd;font-size:14px;color:#333;font-weight:500;letter-spacing:-0.56px;padding:14px 0 14px 5px;} #content #order .tbl_other_info tbody tr th span{font-size:13px;color:#999;font-weight:400;letter-spacing:-0.52px;} #content #order .tbl_other_info tbody tr td{padding:14px 0 14px 20px;box-sizing:border-box;border-bottom:1px solid #ddd;font-size:13px;color:#333;font-weight:400;letter-spacing:-0.52px;} #content #order .tbl_other_info tbody tr:nth-child(1) th, #content #order .tbl_other_info tbody tr:nth-child(1) td{border-top:1px solid #333;} #content #order .tbl_other_info tbody tr td input, #content #order .tbl_other_info tbody tr td select{box-sizing:border-box;border:1px solid #ddd;height:40px;line-height:40px;font-size:13px;color:#333;font-weight:400;letter-spacing:-0.52px;padding-left:15px;text-align:left;} #content #order .tbl_other_info tbody tr td input[type="checkbox"], #content #order .tbl_other_info tbody tr td input[type="radio"]{height:auto;line-height:initial;} #content #order .tbl_other_info tbody tr td input[name="email1"], #content #order .tbl_other_info tbody tr td input[name="email3"]{width:180px !important;} #content #order .tbl_other_info tbody tr td input[name="emergency11"], #content #order .tbl_other_info tbody tr td input[name="emergency12"], #content #order .tbl_other_info tbody tr td input[name="emergency13"], #content #order .tbl_other_info tbody tr td input[name="emergency21"], #content #order .tbl_other_info tbody tr td input[name="emergency22"], #content #order .tbl_other_info tbody tr td input[name="emergency23"], #content #order .tbl_other_info tbody tr td input[name="emergency31"], #content #order .tbl_other_info tbody tr td input[name="emergency32"], #content #order .tbl_other_info tbody tr td input[name="emergency33"]{width:80px !important;} #content #order .tbl_other_info tbody tr td input[name="receiver"], #content #order .tbl_other_info tbody tr td input[name="bankname"]{width:260px !important;} #content #order .tbl_other_info tbody tr td input[name="post1"], #content #order .tbl_other_info tbody tr td input[name="address1"], #content #order .tbl_other_info tbody tr td input[name="address2"]{width:300px !important;} #content #order .tbl_other_info tbody tr td textarea[name="message"]{box-sizing:border-box;width:610px;height:100px;border:1px solid #ddd;font-size:13px;color:#333;font-weight:400;letter-spacing:-0.52px;} #content #order .tbl_other_info tbody tr td select{appearance:none;background:url('/design/tjddnwjs/da_image/sel_arw.png')no-repeat 93% center;} #content #order .tbl_other_info tbody tr td select[name="emailsel"]{width:136px;} #content #order .tbl_other_info tbody tr td select[name="choice_delivery"]{width:186px;} #content #order .tbl_other_info tbody tr td select[name="emailsel"], #content #order .tbl_other_info tbody tr td input[name="address2"]{margin-left:7px;} #content #order .tbl_other_info .sel_post a{width:80px !important;height:30px !important;line-height:30px !important;box-sizing:border-box;padding:0 !important;font-size:13px !important;color:#666 !important;font-weight:400 !important;letter-spacing:-0.52px !important;text-align:center;border:1px solid #ddd !important;} #content #order .btn-white{box-sizing:border-box;text-align:center;height:40px;line-height:40px;border:1px solid #333;font-size:13px;color:#333;font-weight:400;letter-spacing:-0.52px;width:100px;margin-left:7px;border-radius:0;} #content #order .tbl-pay{border:none;margin:0;} #content #order .tbl-pay thead th{border-top:1px solid #333;border-bottom:1px solid #ddd;box-sizing:border-box;background:none;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;padding:20px 15px;} #content #order .tbl-pay thead td, #content #order .tbl-pay tbody td{background:none;} #content #order .tbl-pay thead td{padding:44px 0;border-bottom:1px solid #ddd;} #content #order .tbl-pay thead td em span{font-size:26px;color:#333;font-weight:500;letter-spacing:-1.04px;font-family:'Montserrat';} #content #order .tbl-pay thead td strong{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;} #content #order .tbl-pay thead td em span.block-op-sum-price{color:#333;} #content #order .tbl-discount{} #content #order .tbl-discount.tbl_other_info tbody tr:nth-child(1) th, #content #order .tbl-discount.tbl_other_info tbody tr:nth-child(1) td{border-top:none;} #content #order .tbl-discount.tbl_other_info tbody tr th{padding-left:20px;} #content #order .tbl-discount input[type="text"]{background:#fff !important;width:260px;} #content #order .tbl-discount label, #content #order .tbl-discount .fc-gray{font-size:13px;font-weight:400;letter-spacing:-0.52px;} #content #order .tbl-discount label{color:#333;font-weight:500;} #content #order .tbl-discount .fc-gray{color:#666;} #content #order .tbl-discount tbody tr td .fc-gray input{background:transaprent;border:none;padding:0;width:auto;} #content #order .btn-darkgray{box-sizing:border-box;border-radius:0;padding:0;width:80px;height:40px;line-height:40px;border:1px solid #333;background:#333;font-size:13px;color:#fff;font-weight:400;letter-spacing:-0.52px;margin-left:7px;text-align:center;} #content #order .tbl_other_info.tbl-pay-box tbody tr:nth-child(1) th, #content #order .tbl_other_info.tbl-pay-box tbody tr:nth-child(1) td{border-top:none;} #content #order .tbl-pay-box .pay-method{font-size:0;} #content #order .tbl-pay-box .pay-method li{display:inline-block;vertical-align:top;font-size:13px;color:#666;font-weight:400;letter-spacing:-0.52px;padding:0;line-height:40px;} #content #order .tbl-pay-box .pay-method li + li{margin-left:30px;} #content #order .tbl-pay-box .pay-method li select{width:316px !important;} #content #order #evidence_data{padding-top:10px;} #content #order #evidence_donot_data{font-size:13px;color:#ff0101 !important;letter-spacing:-0.52px;line-height:23px;} #content #order .tbl_other_info tbody tr td input.radio-evidence-cashbill{margin-left:30px;} #content #order .tbl_other_info tbody tr td select[name="evidence_banktype"]{width:200px;margin-right:7px;} #content #order .tbl_other_info tbody tr td #evidence_cashbill_tel input[type="text"]{width:80px !important;} #payinfo_B li{font-size:13px;color:#999;font-weight:400;letter-spacing:-0.52px;} #content #order .lst-order{border-bottom:1px solid #ddd;} #content #order .tbl_other_info.policy tbody tr:nth-child(1) th, #content #order .tbl_other_info.policy tbody tr:nth-child(1) td{border-top:1px solid #ddd;} #content #order .tot-order{margin-top:30px;} #content #order .tot-order td{background:#fff !important;border:1px solid #ddd !important;text-align:center !important;} #content #order .tot-order td p{display:inline-block;font-size:14px;color:#333;font-weight:400;letter-spacing:-0.56px;vertical-align:middle;margin-right:42px;} #content #order .tot-order td .price{font-size:16px;color:#333;font-weight:400;vertical-align:middle;} #content #order .tot-order td #op_total_price{font-size:30px;color:#1e5796;font-weight:600;font-family:'Montserrat';} #content #order #paybutton{margin-top:80px;padding:0;} #content #order #paybutton .btn-order-ctrl{font-size:0;} #content #order #paybutton .btn-order-ctrl a{display:inline-block;box-sizing:border-box;vertical-align:top;width:180px;height:60px;line-height:60px;border:1px solid #333;font-size:18px;color:#333;font-weight:500;letter-spacing:-0.6px;text-align:center;background:#fff;} #content #order #paybutton .btn-order-ctrl a:nth-child(1){margin-right:20px;color:#fff;background:#1e5796;border:1px solid #1e5796;} /*─────────────────────────────────────────────────────────── 고객센터 ───────────────────────────────────────────────────────────*/ #bbsData .page-body{} #bbsData .page-body:after, #board1v1 .page-body:after{clear:both;content:"";display:block;} .cs_left, .cs_right{display:inline-block;box-sizing:border-box;vertical-align:top;margin-top:54px;} .cs_left *, .cs_right *{font-family:'Noto Sans KR';} .cs_left{width:200px;} .cs_left h2{font-size:30px;color:#333;font-weight:500;letter-spacing:-0.9px;border-bottom:1px solid #000;padding-bottom:35px;} .cs_left .cs_list{} .cs_left .cs_list li{} .cs_left .cs_list li a{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.48px;display:block;box-sizing:border-box;border-bottom:1px solid #ddd;line-height:66px;} .cs_right{width:calc(100% - 200px);float:right;padding-left:60px;} .cs_right .cs_bnr{margin-top:6px;} .cs_right h3{font-size:26px;color:#333;font-weight:500;letter-spacing:-0.78px;} .cs_right .cs_bnr + h3{margin-top:74px;} .cs_right .board_tit{margin-top:16px;} .cs_right .board_tit:after{clear:both;content:"";display:block;} .cs_right .board_tit .total_cnt{display:inline-block;vertical-align:top;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.42px;margin-top:24px;} .cs_right .board_tit .total_cnt strong{font-size:inherit;color:#1e5796;font-weight:500;} .cs_right .bbs-sch{margin:0;display:inline-block;vertical-align:top;float:right;} .cs_right .bbs-sch label{font-size:15px;color:#333;font-weight:400;margin-right:14px;line-height: 40px;display: inline-block;vertical-align: top;} .cs_right .bbs-sch .key-wrap{vertical-align: top;} .cs_right .bbs-sch .key-wrap input{width:256px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #ccc;font-size:14px;color:#333;font-weight:400;padding-left:15px;margin:0 10px 0 7px;vertical-align:top;} .cs_right .bbs-sch .key-wrap a{display:inline-block;vertical-align:top;box-sizing:border-box;width:70px;height:40px;line-height:36px;border:1px solid #000;background:#000;text-align:center;font-size:15px;color:#fff;font-weight:400;} .cs_right .bbs-table-list{margin-top:19px;position:relative;} .cs_right .bbs-table-list thead th{border-top:1px solid #333;border-bottom:1px solid #ddd;font-size:14px;color:#333;font-weight:400;letter-spacing:-0.56px;padding:18px 0;background:#fff;} .cs_right .bbs-table-list tbody td{font-size:14px;color:#666;font-weight:400;letter-spacing:-0.56px;border-bottom:1px solid #ddd;padding:16px 0;background:none;} .cs_right .bbs-table-list tbody td a{font-size:inherit;color:inherit;font-weight:inherit;} #bbsData .page-body .cs_right .bbs-link-btm, #board1v1 .page-body .cs_right .bbs-link-btm{position:absolute;right:0;bottom:-82px;margin:0;} .cs_right .bbs-link-btm a{display:inline-block;box-sizing:border-box;width:112px;height:43px;line-height:43px;background:#1e5796;border:1px solid #1e5796;text-align:center;font-size:15px;color:#fff;font-weight:400;padding:0;} #board1v1 .page-body .table-d2-list{border:none;} #board1v1 .cs_right .t-box-msg{border:none;padding:0;margin-top:15px;font-size:16px;color:#333;font-weight:500;} #board1v1 .cs_right .t-box-msg strong{color:#1e5796;} #content .bbs-table-view{margin-top:36px;} #content .bbs-table-view thead th{border-top:1px solid #000;border-bottom:1px solid #ddd;background:#f5f5f5;font-size:18px;color:#222;font-weight:400;padding:24px 0;} #content .bbs-table-view tbody td{background:none;border-bottom:1px solid #ddd;padding:16px 20px;} #content .bbs-table-view .cont-sub-des:after{clear:both;content:"";display:block;} #content .bbs-table-view .cont-sub-des div{display:inline-block;vertical-align:top;position:static;} #content .bbs-table-view .cont-sub-des .hit{float:right;} #content .bbs-table-view .cont-sub-des div span{font-size:14px;color:#777;font-weight:300;display:inline-block;} #content .bbs-table-view .cont-sub-des div span + span{margin-left:15px;} #content .bbs-table-view .cont-sub-des div span em{font-size:inherit;color:inherit;font-weight:inherit;} #content .bbs-table-view .view-link{text-align:left;position:relative;padding:0;margin-top:40px;} #content .bbs-table-view .view-link .con-link{position:static;} #content .bbs-table-view .view-link .con-link dd a{display:inline-block;box-sizing:border-box;vertical-align:top;width:80px;height:43px;line-height:43px;border:1px solid #aaa;background:#fff;font-size:15px;color:#444;font-weight:400;letter-spacing:-0.6px;padding:0;text-align:center;} #content .bbs-table-view .view-link .con-link dd a + a{margin-left:10px;} #bbsData .page-body .cs_right .bbs-table-view .bbs-link-btm, #board1v1 .page-body .cs_right .bbs-table-view .bbs-link-btm{left: 50%;transform: translate(-50%);bottom: auto;width: auto;right: auto;vertical-align: top;top: 0;} #content #board1v1 h3{padding:0;background:none;} #content #board1v1 .table-d2-view{border:none;position:relative;} #content #board1v1 .table-d2-view tbody tr:nth-child(1) th, #content #board1v1 .table-d2-view tbody tr:nth-child(1) td{border-top:1px solid #333;} #content #board1v1 .table-d2-view th{background:#f5f5f5;} #content #board1v1 .table-d2-view th, #content #board1v1 .table-d2-view td{border-bottom:1px solid #ddd;} #bbsData .page-body .cs_right .bbs-table-write{padding-bottom:120px;} #content .page-body .cs_right .bbs-table-write .bbs-link-btm{left: 50%;transform: translate(-50%);width: auto;right: auto;vertical-align: top;} #content .page-body .cs_right .bbs-table-write .bbs-link-btm a:nth-child(2){margin-left:20px;background:#fff;border:1px solid #333;color:#333;}