/* ======================================================================== RESET ======================================================================== */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900); /*나눔고딕 폰트설정 시작*/ @font-face {font-family:nanum; src:url(images/NanumGothic.eot);} @font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);} /*400 Regular*/ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');} /*700 Bold*/ @font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');} /*800 Extrabold*/ @font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');} /*나눔고딕 폰트설정 끝*/ /* global rest */ * { font-family: 'Noto Sans KR','Nanum Gothic', sans-serif, Dotum, 돋움; } 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: 11px; line-height: 1.25; color: #999; font-family: 'Noto Sans KR','Nanum Gothic', sans-serif, Dotum, 돋움; } 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:#000000; font-family: 'Noto Sans KR','Nanum Gothic', sans-serif, Dotum, 돋움; text-decoration: none; } a:hover { color:#000000; font-family: 'Noto Sans KR','Nanum Gothic', sans-serif, Dotum, 돋움; } 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-size: 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: 20px; height: 17px; text-align: center; line-height: 0; vertical-align: top; } .paging li { display: inline;} .paging li a { overflow: hidden; width: auto; height: 15px; padding: 0 7px; color: #999; cursor: pointer; } .paging li a:hover, .paging li.now a { font-weight: bold; letter-spacing: -1px; } .paging li.first a, .paging li.prev a, .paging li.next a, .paging li.last a { padding: 0 3px; } .paging li.prev { margin-right: 10px; } .paging li.next { margin-left: 10px; } /* 현재위치 */ .loc-navi { text-align: right; } .loc-navi, .loc-navi a { color: #999; text-transform: capitalize; } /* 페이지 타이틀 */ /* 타입 1*/ #content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; } #content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; } #content .tit-page .dsc em { color:#333; } /* 타입 2 */ #content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; } #content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #9b9b9b; } /* 상품 total/정렬 */ .total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } /* total */ .total-sort .total { float: left; width: auto; } .total-sort .total dt, .total-sort .total dd { display: inline; } .total-sort .total dd { font-weight: bold; } .total-sort .total dt { text-transform: capitalize; } /* sort */ .total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; } .total-sort .sort li, .total-sort .sort li a { float: left; width: auto; } .total-sort .sort li { display: inline; margin-left: 10px; } /* 게시판 총게시글,PAGE */ .total-page { zoom: 1; overflow: hidden; } .total-page .total { float: left; width: auto; } .total-page .page { float: right; width: auto;} /* 회원 등급 표시 */ /* 타입 1 */ .mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; background-color: #ededed; } .mem-lvl .lvl-img, .mem-lvl p { position: relative; float: left; } .mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; } .mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; } .mem-lvl p em { color: #be101a; font-weight: bold; } .mem-lvl span.MS_group_reserve_msg, .mem-lvl span.MS_group_dc_msg { color:#F26622; } /* 타입 2 */ .mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; } .mem-lvl-2 .lvl-img, .mem-lvl-2 p { position: relative; float: left; } .mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; } .mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; } .mem-lvl-2 p em { color: #be101a; font-weight: bold; } .mem-lvl-2 span.MS_group_reserve_msg, .mem-lvl-2 span.MS_group_dc_msg { color:#F26622; } /* 마이페이지 상단 메시지 박스 */ .t-box-msg { padding: 10px 20px; border: 5px solid #ededed; } .t-box-msg strong { color: #0178d3; } /* ======================================================================== 공통 - 레이어 ======================================================================== */ /* ======================================================================== 공통 - 레아웃 ======================================================================== */ /* z-index */ #layerWrap { z-index: 1; } /* 상품 미리보기 레이어 */ #detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #93a4b3; background-color: #fff; } #detailpage .loc { zoom: 1; overflow: hidden; } #detailpage .loc span { float: right; width: auto; } /* #detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; } */ #detailpage .hd { margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; } #detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; } #detailpage .thumb-wrap, #detailpage .txt-wrap { position: relative; float: left; } #detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px; } /* thumb-wrap */ #detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; } #detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;} #detailpage .thumb-wrap .btns a { margin-left: 5px; } #detailpage .thumb-wrap .thumb img { width: 250px; } /* txt-wrap */ #detailpage .txt-wrap { width: 100%; } #detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #333; border-bottom:2px solid #ccc; } #detailpage .txt-wrap .opt { margin-top: 5px; } #detailpage .txt-wrap .opt li { padding: 3px 0; } #detailpage .txt-wrap .opt li.s-price { color: #a00000; } #detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; } #detailpage .txt-wrap .f-btns a { margin-right: 5px; } /* opt-spin */ #detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; } #detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; } #detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; } #detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; } #detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;} #detailpage .thumb-wrap .btns a { margin-left: 5px; } /* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */ /* 상단 */ .bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; } .bbs-hd .link { text-align: center; font-size: 0; line-height: 0; } .bbs-hd .link li { display: inline; } .bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; } .bbs-hd .link li.last a { background-image: none; } /* 타이틀 */ .bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; } .bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; } .bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989;} /* 검색 */ .bbs-sch { margin-top: 20px; margin-bottom : 10px; text-align: right; } .bbs-sch label { margin-right: 10px; } .bbs-sch .key-wrap { font-size: 0; line-height: 0; } .bbs-sch .key-wrap, .bbs-sch .keyword, .bbs-sch img { vertical-align: middle; } .bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; } /* 게시판 글쓰기, 목록 이동 링크 */ .bbs-link { font-size: 0; line-height: 0; } .bbs-link a { display: inline-block; padding: 0 5px; font-size: 11px; line-height: 14px; color: #9b9b9b; 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 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;padding-left:50px; } .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; font-size:12px; } .item-list .item .info .price { display: inline-block; padding-left: 4px; color: #94b09f; font-weight: 500; } .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; } /*---------------------------------------------- 공통 CSS 시작 ----------------------------------------------*/ .clear {*zoom:1;} .clear:after { clear:both; content:""; display:block;} .fl { float:left;} .fr { float:right;} /*** 레이아웃 ***/ .w_layout {width:100%;text-align:center;margin:0;padding:0;} .w_custom {margin:0 auto;text-align:left;width:1100px;} #wrap {z-index:1;background:#f4f4f4 url(/design/ksun5757/2016img/bg_content.gif) repeat-y center top;} #header, #layerWrap, #contentWrap, #ftLink .link, #footer { position: relative; width:1100px; margin-left: auto; margin-right: auto; } #contentWrapper { position: relative; text-align:center;} #contentWrap:after { content: ""; display: block; clear: both; } #aside, #content { position:relative; float:left; text-align:left;} #contentWrap { zoom: 1; overflow: hidden; } #aside {padding-top:32px;width:180px; margin-left:20px;} #content {margin:0 20px;width:1060px;padding-top:20px;} /*** 정렬 ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .ff_notoKr, .ff_notoKr:hover, .ff_notoKr a, .ff_notoKr a:hover {font-family: 'Noto Sans KR' !important;font-weight:400;} .fw_500 {font-weight:500 !important;} /*** 폰트 컬러 ***/ .fc_point {color:#00c7c7;}/*판매가*/ .fc_red {color:#00c7c7;}/*서브페이지 red 컬러*/ .fc_basic {color:#666;}/*상품명*/ .fc_price {color:#222;} .fc_88 {color:#888;}/*소비자가*/ .fc_pk {color:#00c7c7;} /*** border 컬러 ***/ .border_top_bk {border-top:1px #000 solid;} .border_rig_dd {border-right:1px #ddd solid !important;} .border_rig_44 {border-right:1px #444 solid !important;} .border_rig_4c {border-right:1px #4c4c4c solid !important;} .border_bot_non {border-bottom:0 none !important;} .border_top_non {border-top:0 none !important;} /*** background 컬러 ***/ .back_ff {background-color:#fff !important;} .back_11 {background-color:#111;} .back_f9 {background-color:#f9f9f9;} .back_fb {background-color:#fbfbfb !important;} /*** 폰트 패밀리 ***/ .ff_nanum, .ff_nanum a, .ff_nanum a:hover {font-family: 'Nanum Gothic';} .ff_nanumB, .ff_nanumB a, .ff_nanumB a:hover {font-family: 'Nanum GothicB';} .ff_nanumEB, .ff_nanumEB a, .ff_nanumEB a:hover {font-family: 'Nanum GothicEB';} .ff_open, .ff_open a, .ff_open a:hover {font-family: 'Open Sans';} .ff_notoKr, .ff_notoKr:hover, .ff_notoKr a, .ff_notoKr a:hover {font-family: 'Noto Sans KR';} .ff_noto, .ff_noto a, .ff_noto a:hover {font-family: 'Noto Sans';} .ff_mont {font-family: 'Montserrat';} /*** 폰트 컬러 ***/ .ft_red {color:#d01132 !important;} .ft_bk {color:#000 !important;} .ft_gy {color:#666 !important;} .ft_3e {color:#3e3e3c !important;} /*** display ***/ .dis_block {display:block;} .dis_table {display:table;}.good4_list_wrap .good4_lists .pr_wrap_thum .thum .dis_table_row {display:table-row;} .dis_table_cell {display:table-cell;} .box_border {box-sizing:border-box;} .border_box {box-sizing:border-box;} /*** input box 모음 ***/ #form input.input_w300 {border:1px #d3d3d3 solid;background:#fff;color:#555;line-height:28px;height:28px;text-indent:10px;width:298px;margin-right:5px;text-align:left;padding:0;font-size:12px;}/* .sub_sch_box */ input.input_w310, #form input.input_w310 {border:1px #d3d3d3 solid;background:#fff;color:#555;line-height:28px;height:28px;text-indent:10px;width:308px;margin-right:5px;text-align:left;padding:0;font-size:12px;} #form input.input_w60 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:58px;margin-right:5px;text-align:left;padding:0;font-size:12px;}/* .table_typeB */ #form input.input_w230 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:228px;margin-right:5px;text-align:left;padding:0;font-size:12px;} #form input.input_w105, input.input_w105 {border:1px #ccc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:105px;margin:0px !important;text-align:left;padding:0;font-size:12px;} #form input.input_w150, input.input_w150 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:148px;margin-right:5px;text-align:left;padding:0;font-size:12px;} #form input.input_w480, input.input_w480, .input_w480 input {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:478px;margin-right:8px;text-align:left;padding:0;font-size:12px;} #form input.input_w180 {border:1px #ddd solid;background:#fff;color:#888;line-height:38px;height:38px;text-indent:10px;width:178px;margin:0;text-align:left;padding:0;font-size:13px;}/* .log_box */ #form input.input_w240 {border:1px #ddd solid;background:#fff;color:#666;line-height:34px;height:34px;text-indent:5px;width:238px;margin:0;text-align:left;padding:0;font-size:13px;} #form input.input_w260, input.input_w260 {border:1px #ddd solid;background:#fff;color:#888;line-height:38px;height:38px;text-indent:10px;width:258px;margin:0;text-align:left;padding:0;font-size:13px;} #form .sub_sch_box input.input_w260, .sub_sch_box input.input_w260 {height:28px;line-height:28px;border:1px #ccc solid;} #form input.input_w350, input.input_w350 {border:1px #ddd solid;background:#fff;color:#888;line-height:38px;height:38px;text-indent:10px;width:348px;margin:0;text-align:left;padding:0;font-size:13px;} #form input.input_w115, input.input_w115 {border:1px #d5d5d5 solid;background:#fff;color:#000;line-height:30px;height:30px;text-indent:5px;width:113px;margin:0;text-align:left;padding:0;font-size:13px;} #form input.input_w154, input.input_w154 {border:1px #d5d5d5 solid;background:#fff;color:#000;line-height:30px;height:30px;text-indent:5px;width:152px;margin:0;text-align:left;padding:0;font-size:13px;} .box_form #form input.input_w334 {border:1px #ddd solid;background:#fff;color:#666;line-height:38px;height:38px;text-indent:5px;width:332px;margin:0;text-align:left;padding:0;font-size:13px;} .box_form #form input.input_w334.input_h32 {line-height:30px;height:30px;} input.input_w158 {border:1px #d3d3d3 solid;background:#fff;color:#555;line-height:24px;height:24px;text-indent:10px;width:156px;margin-right:0px;text-align:left;padding:0;font-size:13px;}/* .sub_info_box */ input.input_w302 {border:1px #d3d3d3 solid;background:#fff;color:#555;line-height:24px;height:24px;text-indent:10px;width:300px;margin-right:0px;text-align:left;padding:0;font-size:13px;} input.count {border:1px #ccc solid;color:#666;line-height:18px;height:18px;padding-right:5px;width:25px;text-align:right;vertical-align:middle;font-size:12px;} #form input.input_w610 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:50px;text-indent:0px;width:586px;margin:0px;text-align:left;padding:5px 0 5px 5px;font-size:12px;} #form select.select_w150, select.select_w150 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:148px;margin-right:8px;text-align:left;padding:0;font-size:12px;} .select_w210 select {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:20px;text-indent:5px;width:208px;margin-right:8px;text-align:left;padding:0;font-size:12px;} select.select_w120 {border:1px #ccc solid;background:#fff;color:#000;line-height:27px;height:27px;width:108px;text-align:left;padding:0 0 0 10px;font-size:12px;} #form textarea.text_w610 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:90px;text-indent:0px;width:586px;margin:0px;text-align:left;padding:5px 0 5px 5px;font-size:12px;overflow-y:scroll;} #form textarea.text_w950 {border:1px #dcdcdc solid;background:#fff;color:#555;line-height:20px;height:90px;text-indent:0px;width:926px;margin:0px;text-align:left;padding:5px 0 5px 5px;font-size:12px;overflow-y:scroll;} /*** 버튼 모음 ***/ .btn_wrap {text-align:center;padding:50px 0 0 0;vertical-align:middle;} .btn_wrap a, .btn_wrap input {margin:0 2px 0 3px;vertical-align:middle;} .pagediv .btn_wrap {position:absolute;top:20px;} .pagediv .btn_wrap a {padding-left:0 !important;padding-right:0 !important;margin-right:0;margin-left:10px;} .pagediv .btn_wrap.posi_left {position:absolute;left:0;top:20px;width:250px;} .pagediv .btn_wrap.posi_left a {margin-right:6px;margin-left:0;} .pagediv .btn_wrap.posi_left .btn_first {display:inline-block; _display:inline; *display:inline; margin:0;padding:0;} .pagediv .btn_wrap.posi_left .btn_first a {margin-right:6px;margin-left:0;} .pagediv .btn_wrap.ta_right {right:0;} .pagediv .btn_wrap.btn_board_v1 {left:0;font-size:0;} .pagediv .btn_wrap.btn_board_v1 a:first-child {margin-left:0;} .pagediv .btn_wrap.btn_board_v2 {right:0;font-size:0;} .pagediv .btn_wrap.btn_board_v2 a:last-child {margin-right:0;} .btn_w60, #form input.btn_w60 {width:58px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} .sch_box input.btn_w60, #form input.btn_w60 {width:60px;line-height:18px;padding:5px 0 7px 0;height:30px;} .btn_w70, #form input.btn_w70 {width:68px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} #form input.btn_w70 {width:70px;line-height:20px;padding:5px 0;height:30px;} .btn_w80, #form input.btn_w80 {width:78px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;font-weight:500;_font-weight:bold;} .btn_w100, #form input.btn_w100, input.btn_w100 {width:98px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;font-weight:500;_font-weight:bold;} #form input.btn_w100, input.btn_w100 {width:100px;line-height:18px;padding:11px 0 11px 0;height:40px;font-weight:500;_font-weight:bold;} .btn_w105, #form input.btn_w105, input.btn_w105 {width:103px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;font-weight:500;_font-weight:bold;} #form input.btn_w105, input.btn_w105 {width:105px;line-height:18px;padding:11px 0 11px 0;height:40px;font-weight:500;_font-weight:bold;} .btn_w110, #form input.btn_w110, input.btn_w110 {width:108px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;font-weight:500;_font-weight:bold;} #form input.btn_w110, input.btn_w110 {width:110px;line-height:18px;padding:11px 0 11px 0;height:40px;font-weight:500;_font-weight:bold;} .btn_w110_b, #form input.btn_w110_b, input.btn_w110_b {width:108px;height:38px;line-height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;font-weight:500;_font-weight:bold;} .btn_w130, #form input.btn_w130, input.btn_w130 {width:128px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;font-weight:500;_font-weight:bold;} #form input.btn_w130, input.btn_w130 {width:130px;line-height:18px;padding:11px 0 11px 0;height:40px;font-weight:500;_font-weight:bold;} .btn_w136, #form input.btn_w136 {width:134px;line-height:30px;height:30px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} #form input.btn_w136 {width:136px;line-height:20px;padding:6px 0 6px 0;height:32px;font-weight:500;_font-weight:bold;} .btn_w140, #form input.btn_w140 {width:138px;line-height:33px;height:33px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} #form input.btn_w140 {width:140px;line-height:20px;padding:7px 0 8px 0;height:35px;} .btn_w150, #form input.btn_w150 {width:148px;line-height:34px;height:34px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} #form input.btn_w150 {width:150px;line-height:20px;padding:7px 0 11px 0;height:36px;} .btn_w165, #form input.btn_w165, input.btn_w165 {width:163px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} #form input.btn_w165, input.btn_w165 {width:165px;line-height:18px;padding:11px 0 11px 0;height:40px;} .btn_w360, #form input.btn_w360 {width:344px;line-height:48px;height:48px;text-align:center;text-indent:0;padding:0;font-size:14px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} #form input.btn_w360 {width:360px;line-height:20px;padding:15px 0 15px 0;height:50px;} .detail_wrap .btn_w130 {width:25%;line-height:53px;height:53px;text-align:center;text-indent:0;padding:0;font-size:16px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;}/*128px*/ .btn_w250 {width:46%;line-height:53px;height:53px;text-align:center;text-indent:0;padding:0;font-size:16px;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;}/*248px*/ #form input.btn_h20, input.btn_h20 {line-height:18px;height:18px;font-family: 'Nanum Gothic' !important;font-size:12px;} .btn_h24 {line-height:22px;height:22px;font-family: 'Nanum Gothic' !important;font-size:12px;} #form input.btn_h24, input.btn_h24 {line-height:24px;height:24px;font-family: 'Nanum Gothic' !important;font-size:12px;} .btn_h35 {line-height:33px;height:33px;font-size:12px !important;} #form input.btn_h35, input.btn_h35 {line-height:35px;height:35px;font-size:12px !important;} .btn_h77, input.btn_h77, #form input.btn_h77 {line-height:77px;height:77px;} .bc_bk, a.bc_bk, .bc_bk:hover, #form input.bc_bk {background-color:#000;color:#fff !important;border:1px #000 solid;font-weight:500;_font-weight:bold;} .bc_wh, a.bc_wh, .bc_wh:hover, #form input.bc_wh {background-color:#fff;color:#666 !important;border:1px #828282 solid;font-weight:500;_font-weight:bold;} .bc_gy, a.bc_gy, .bc_gy:hover, #form input.bc_gy {background-color:#8d8d8d;color:#fff !important;border:1px #8d8d8d solid;font-weight:500;_font-weight:bold;} .bc_bl, a.bc_bl, .bc_bl:hover, #form input.bc_bl {background-color:#00c7c7;color:#fff !important;border:1px #00c7c7 solid;font-weight:500;_font-weight:bold;} .bc_33, a.bc_33, .bc_33:hover, #form input.bc_33 {background-color:#333;color:#fff !important;border:1px #333 solid;font-weight:500;_font-weight:bold;} .bc_82, a.bc_82, .bc_82:hover, #form input.bc_82 {background-color:#828282;color:#fff !important;border:1px #828282 solid;font-weight:500;_font-weight:bold;} .bc_66, a.bc_66, .bc_66:hover, #form input.bc_66 {background-color:#666;color:#fff !important;border:1px #666 solid;font-weight:500;_font-weight:bold;} .bc_po, a.bc_po, .bc_po:hover, #form input.bc_po {background-color:#00c7c7;color:#fff !important;border:1px #00c7c7 solid;font-weight:500;_font-weight:bold;} /*상세페이지 구매버튼*/ .btn_w114 {width:112px;line-height:48px;height:48px;text-align:center;text-indent:0;padding:0;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;margin-left:6px;} .btn_w183 {width:181px;line-height:48px;height:48px;text-align:center;text-indent:0;padding:0;display:inline-block; _display:inline; *display:inline; cursor:pointer;vertical-align:middle;} .bc_cart, .bc_cart:hover {background:#828282;border:1px #828282 solid;color:#fff !important;font-size:16px;font-weight:500;_font-weight:bold;} .bc_wish, .bc_wish:hover {background:#fff url(/design/ksun5757/2016img/icon_btn_wish.gif) no-repeat 13.85% 20px;border:1px #828282 solid;color:#666 !important;text-align:left;text-indent:7.7% !important;text-align:left !important;font-size:16px;font-weight:500;_font-weight:bold;float:right;} .bc_buy, .bc_buy:hover {background:#00c7c7;border:1px #00c7c7 solid;color:#fff !important;font-size:16px;font-weight:500;_font-weight:bold;float:left;} #form input.btn_ok {width:118px;line-height:24px;text-align:center;text-indent:0;padding:32px 0 32px 0;margin:0;font-size:18px;display:inline-block; _display:inline; *display:inline; cursor:pointer;background:#00c7c7;border:1px #00c7c7 solid;color:#fff;font-weight:500;_font-weight:bold;} #form input.btn_ok.ok_search {background:#00c7c7;} #form input.btn_ok2 {width:118px;line-height:24px;text-align:center;text-indent:0;padding:57px 0 57px 0;margin:0;font-size:18px;display:inline-block; _display:inline; *display:inline; cursor:pointer;background:#00c7c7 url(/design/ksun5757/2016img/icon_log_ok.gif) no-repeat 34px 29px;border:1px #00c7c7 solid;color:#fff;font-weight:500;_font-weight:bold;} .btn_non, .btn_non:hover {width:193px;line-height:30px;height:30px;text-align:left;text-indent:18px;padding:0;margin:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;background-color:#fff;background-image:url(/design/ksun5757/2016img/bg_btn_arrow2.gif);background-position:171px 50%;background-repeat:no-repeat;border:1px #585858 solid;color:#444;} .btn_find, .btn_find:hover {width:92px;line-height:30px;height:30px;text-align:center;text-indent:0;padding:0;margin:0;font-size:13px;display:inline-block; _display:inline; *display:inline; cursor:pointer;background-color:#fff;border:1px #222 solid;color:#222;} .btn_orders, #form input.btn_orders {background:#646464 url(/design/ksun5757/2016img/bg_btn_arrow.gif) no-repeat 117px 50%;text-align:center;font-size:13px;color:#fff;display:inline-block; _display:inline; *display:inline; height:32px;line-height:32px;vertical-align:middle;font-weight:500;_font-weight:bold;padding:0;margin:0;} #form .btn_join, .btn_join {display:inline-block; _display:inline; *display:inline; width:156px;text-align:left;background:#333 url(/design/ksun5757/2016img/bg_log_arrow.png) no-repeat 131px 17px;color:#fff;font-size:13px;text-indent:20px;height:40px;line-height:40px;margin-right:49px;} #form .btn_join {line-height:20px;padding:8px 0 12px 0;margin-right:0;} /*** 간격 조절 ***/ .mt_10 {margin-top:10px !important;} .mt_20 {margin-top:20px !important;} .mt_30 {margin-top:30px !important;} .mt_35 {margin-top:35px !important;} .mt_40 {margin-top:40px !important;} .mt_56 {margin-top:56px !important;} .mt_60 {margin-top:60px !important;} .mt_76 {margin-top:76px !important;} .mb_0 {margin-bottom:0px !important;} .mb_20 {margin-bottom:20px !important;} .mb_25 {margin-bottom:25px !important;} .mb_30 {margin-bottom:30px !important;} .mb_40 {margin-bottom:35px !important;}/* .step_box 다음에 .sub_title 이 올 경우 간격 벌어짐 수정 */ .mr_0 {margin-right:0 !important;} .mr_5 {margin-right:5px !important;} .mr_5p {margin-right:5% !important;} .mr_6p {margin-right:6% !important;} .mr_10 {margin-right:10px !important;} .mt_-16 {margin-top:-16px !important;} .ml_0 {margin-left:0 !important;} .ml_10 {margin-left:10px !important;} .mlr_5 {margin-left:5px !important;margin-right:5px !important;} .ml_40 {margin-left:40px !important;} .ml_10p {margin-left:10% !important;} .ml_23p {margin-left:23.5% !important;} .pt_0 {padding-top:0px !important;} .pt_8 {padding-top:8px !important;} .pt_10 {padding-top:10px !important;}/* .box_form th, .box_form td에 간격 조절 */ .pt_13 {padding-top:13px !important;} .pt_15 {padding-top:15px !important;} .pt_16 {padding-top:16px !important;} .pt_20 {padding-top:20px !important;} .pt_25 {padding-top:25px !important;} .pt_30 {padding-top:30px !important;} .pt_35 {padding-top:35px !important;} .pt_38 {padding-top:38px !important;} .pt_40 {padding-top:40px !important;} .pt_45 {padding-top:45px !important;} .pt_50 {padding-top:50px !important;}/* .sub_info_box 다음에 .btn_wrap 이 올 경우 간격 벌어짐 수정 */ .pt_60 {padding-top:60px !important;}/* .table_typeB 다음에 .btn_wrap 이 올 경우 간격 벌어짐 수정 */ .pr_15 {padding-right:15px !important;} .pl_0 {padding-left:0px !important;} .pl_10 {padding-left:10px !important;} .pl_15 {padding-left:15px !important;} .pl_20 {padding-left:20px !important;} .pl_29 {padding-left:29px !important;} .pl_30 {padding-left:30px !important;} .pb_5 {padding-bottom:5px !important;} .pb_16 {padding-bottom:16px !important;} .pb_20 {padding-bottom:20px !important;} .pb_54 {padding-bottom:54px !important;} /*** 공통으로 사용되는 서브 영역 CSS 시작 ***/ /*** 네비게이션 영역 ***/ .loc_navi {line-height:26px;padding:24px 0 8px 0;margin:0 0px 30px 0px;position:relative;border-bottom:2px #333 solid;} .loc_navi dt {color:#333;font-size:18px;line-height:26px;font-weight:500;_font-weight:bold;text-align:left;margin-left:0px;} .loc_navi dt a, .loc_navi dt a:hover {color:#333;font-size:22px;font-weight:500;_font-weight:bold;} .loc_navi dd {line-height:19px;padding:4px 0 0 0;color:#aaa;font-size:9px;font-family: 'Nanum Gothic';vertical-align:top;margin-right:0px;} .loc_navi dd a, .loc_navi dd strong, .loc_navi dd span {color:#666;display:inline-block; _display:inline; *display:inline; padding:0 10px;font-size:12px;font-family: 'Nanum Gothic';height:19px;line-height:19px;vertical-align:top;} .loc_navi dd a.home { background:url(http://d4-0550.d4.makeshop.co.kr/design/d4-0550/2016img/locate_home.png) no-repeat #00c7c7; width:9px; height:9px; overflow:hidden; padding:0; margin-right:12px; vertical-align:middle; } .loc_navi dd strong, .loc_navi dd a:last-child {padding-right:0;font-weight:500;_font-weight:bold;color:#000;vertical-align:top;} /*** 페이징 영역 ***/ .pagediv {text-align:center;padding:30px 0 40px 0;color:#666;font-size:13px;line-height:19px;position:relative;} .pagediv b {color:#000;font-family: 'Nanum GothicEB';display:inline-block; _display:inline; *display:inline; padding:0 4px;} .pagediv a, .pagediv .navi {color:#666;font-size:13px;display:inline-block; _display:inline; *display:inline; padding:0 4px;} /*** 상품관련 영역 ***/ /* 갤러리형 */ .good_list_wrap {} .good_list_wrap .good_lists {} .good_list_wrap .good_lists.last {} .pr_wrap {margin:0 20px 36px 0;width:204px;position:relative;z-index:1;cursor:pointer;height:100%;text-align:center;} .pr_wrap.last {margin-right:0;} .pr_wrap .icon_wrap {text-align:left;height:17px;line-height:17px;margin:6px 0 0 0;overflow:hidden;vertical-align:middle;} .pr_wrap .icon_wrap img {vertical-align:middle;} .pr_wrap .pr_name {font-size:12px;margin:3px 0 4px 0;text-align:left;line-height:18px;height:36px;padding:0;width:204px;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow: ellipsis;} .pr_wrap .pr_price {font-size:14px;margin-bottom:0px; text-align:left;line-height:18px;width:204px;margin-left:auto;margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .pr_wrap .pr_price:hover {color:#00c7c7;} .pr_wrap .pr_price_con {font-size:11px;text-decoration:line-through;display:inline-block; _display:inline; *display:inline; line-height:18px;margin-right:4px;} .pr_wrap .thum {width:204px;vertical-align:top;margin:0;padding:0;text-align:left;} .pr_wrap .thum a.link_thume {display:block;border:1px #d3d3d3 solid;} .pr_wrap .thum img {width:202px;height:auto;} /* 분류페이지 */ .sub_list_wrap .pr_wrap {margin:0 16px 36px 0;width:199px;} .sub_list_wrap .pr_wrap.last {margin-right:0;} .sub_list_wrap .pr_wrap .pr_name {width:199px;} .sub_list_wrap .pr_wrap .pr_price {width:199px;} .sub_list_wrap .pr_wrap .thum {width:199px;} .sub_list_wrap .pr_wrap .thum img {width:197px;} /* 상세페이지 */ .detail_related .pr_wrap {margin:0 17px 36px 0;width:198px;} .detail_related .goods4 .pr_wrap {margin-right:0;} .detail_related .pr_wrap .pr_name {width:198px;} .detail_related .pr_wrap .pr_price {width:198px;} .detail_related .pr_wrap .thum {width:198px;} .detail_related .pr_wrap .thum img {width:196px;} /* 분류페이지_베스트 */ .good2_list_wrap {padding-bottom:30px;} .good2_list_wrap .good_lists {margin-right:14px;width:342px;border:1px #d3d3d3 solid;background:#fff;position:relative;padding:59px 0 0 0;} .good2_list_wrap .good_lists.last {margin-right:0;} .good2_list_wrap .pr_wrap {margin:0 29px 26px 29px;width:284px;position:relative;z-index:1;cursor:pointer;height:100%;text-align:center;} .good2_list_wrap .pr_wrap.last {margin-right:0;} .good2_list_wrap .pr_wrap .icon_wrap {text-align:left;height:17px;line-height:17px;margin:6px 0 0 0;overflow:hidden;vertical-align:middle;} .good2_list_wrap .pr_wrap .icon_wrap img {vertical-align:middle;} .good2_list_wrap .pr_wrap .pr_name {font-size:13px;margin:3px 0 4px 0;text-align:left;line-height:18px;height:36px;padding:0;width:284px;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow: ellipsis;} .good2_list_wrap .pr_wrap .pr_price {font-size:14px;margin-bottom:0px; text-align:left;line-height:18px;width:284px;margin-left:auto;margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .good2_list_wrap .pr_wrap .pr_price:hover {color:#00c7c7;} .good2_list_wrap .pr_wrap .pr_price_con {font-size:11px;text-decoration:line-through;display:inline-block; _display:inline; *display:inline; line-height:18px;margin-right:4px;} .good2_list_wrap .pr_wrap .thum {width:284px;vertical-align:top;margin:0;padding:0;text-align:left;} .good2_list_wrap .pr_wrap .thum a.link_thume {display:block;border:1px #d3d3d3 solid;} .good2_list_wrap .pr_wrap .thum img {width:282px;height:auto;} .good_lists .pr_best {display:block;width:344px;text-align:center;background:url(/design/ksun5757/2016img/bg_list_best02.gif) repeat-x left top;position:absolute;left:-1px;top:-1px;height:30px;line-height:30px;vertical-align:middle;font-family: 'Lato', sans-serif;font-weight:bold;font-size:17px;color:#fff;letter-spacing:0.04em;} /* .good_lists .pr_best.num01 {background:url(/design/ksun5757/2016img/bg_list_best01.png) repeat-x left top;} .good_lists .pr_best.num02 {} .good_lists .pr_best.num03 {} */ .good_lists .pr_best { width:344px; height:30px; line-height:30px; text-align:center; background:url(/design/ksun5757/2016img/ist_best_tit.png) no-repeat #5b5b5b; font-size:17px; font-weight:600; color:#fff; font-family: 'Lato', sans-serif; } .good_lists .pr_best.num01 { background:url(/design/ksun5757/2016img/list_best_tit.png) no-repeat #00c7c7; } /* 검색페이지 */ .search_form_wrap .pr_wrap {margin:0 17px 36px 0;width:198px;} .search_form_wrap .pr_wrap.last {margin-right:0;} .search_form_wrap .pr_wrap .pr_name {width:198px;} .search_form_wrap .pr_wrap .pr_price {width:198px;} .search_form_wrap .pr_wrap .thum {width:198px;} .search_form_wrap .pr_wrap .thum img {width:196px;height:auto;} /* 메인페이지 */ .good3_list_wrap {} .good3_list_wrap .good3_lists {margin:0;padding:0;border:0;} .good3_list_wrap .good3_lists .pr_wrap {border:1px #ccc solid;margin:0 10px;padding:10px 0 10px 0;width:250px;position:relative;z-index:1;cursor:pointer;height:auto;text-align:center;} .good3_list_wrap .good3_lists .pr_wrap .pr_name {margin:4px auto 4px auto;line-height:17px;height:34px;padding:0;width:230px;overflow:hidden;text-overflow: ellipsis;text-align:center;} .good3_list_wrap .good3_lists .pr_wrap .pr_name a, .good3_list_wrap .good3_lists .pr_wrap .pr_name a:hover {color:#777;font-size:13px;} .good3_list_wrap .good3_lists .pr_wrap .pr_price {font-weight:500;_font-weight:bold;font-size:14px;color:#222;line-height:20px;width:230px;height:20px;margin:0 auto 6px auto;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;text-align:center;} .good3_list_wrap .good3_lists .pr_wrap .pr_price:hover {color:#00c7c7;} .good3_list_wrap .good3_lists .pr_wrap .pr_price_con {font-size:11px;text-decoration:line-through;display:inline-block; _display:inline; *display:inline; line-height:18px;margin-right:4px;font-weight:normal;color:#777;} .good3_list_wrap .good3_lists .pr_wrap .thum {width:230px;height:230px;overflow:hidden;vertical-align:top;margin:0 auto;padding:0;text-align:center;} .good3_list_wrap .good3_lists .pr_wrap .thum a.link_thume {display:block;border:0 none;} .good3_list_wrap .good3_lists .pr_wrap .thum img {width:100%;height:auto;} .good3_list_wrap .good3_lists .pr_wrap .ov_bg, .good3_list_wrap .good3_lists .pr_wrap .ov_btn {display:none;} .good3_list_wrap .good3_lists .pr_wrap.ov {position:relative;} .good3_list_wrap .good3_lists .pr_wrap.ov .pr_name, .good3_list_wrap .good3_lists .pr_wrap.ov .pr_price {display:none;font-size:0;} .good3_list_wrap .good3_lists .pr_wrap.ov .thum {height:300px;line-height:300px;overflow:hidden;vertical-align:middle;width:250px;margin:0;} .good3_list_wrap .good3_lists .pr_wrap.ov .thum a {display:block;height:300px;line-height:300px;vertical-align:middle;} .good3_list_wrap .good3_lists .pr_wrap.ov .thum img {vertical-align:middle;} .good3_list_wrap .good3_lists .pr_wrap.ov .ov_bg {position:absolute;bottom:0;left:0;width:100%;height:75px;z-index:1;background:#222;opacity:0.65;} .good3_list_wrap .good3_lists .pr_wrap.ov .ov_btn {position:absolute;bottom:20px;left:0;width:100%;z-index:10;text-align:center;font-size:0;} .good3_list_wrap .good3_lists .pr_wrap.ov .ov_btn a {display:inline-block; _display:inline; *display:inline; width:100px;margin:0 5px;height:40px;line-height:40px;text-align:center;font-size:14px;font-weight:500;_font-weight:bold;} .good3_list_wrap .good3_lists .pr_wrap.ov .ov_btn .btn_view {background:#00c7c7;color:#fff;} .good3_list_wrap .good3_lists .pr_wrap.ov .ov_btn .btn_cart {background:#fff;color:#333;} /* 메인 신규 */ .good4_list_wrap {border-top:1px #ccc solid;width:100%;margin:0;padding:0;} .good4_list_wrap .good4_lists {} .good4_list_wrap .good4_lists .pr_wrap_thum {vertical-align:middle;height:141px;border-bottom:1px #ccc solid;} .good4_list_wrap .good4_lists .pr_wrap_thum .thum {width:100px;height:100px;border:1px #ccc solid;vertical-align:top;margin:0 12px 0 20px;padding:0;text-align:left;overflow:hidden;} .good4_list_wrap .good4_lists .pr_wrap_thum .thum a.link_thume {display:block;} .good4_list_wrap .good4_lists .pr_wrap_thum .thum img {width:100%;height:auto;} .good4_list_wrap .good4_lists .pr_wrap {vertical-align:middle;height:141px;border-bottom:1px #ccc solid;padding:0 20px 0 0;text-align:left;} .good4_list_wrap .good4_lists.pr2 .pr_wrap_thum, .good4_list_wrap .good4_lists.pr2 .pr_wrap {border-bottom:0 none;} .good4_list_wrap .good4_lists .pr_wrap .pr_info_wrap {height:100px;vertical-align:top;width:117px;} .good4_list_wrap .good4_lists .pr_wrap .pr_name {margin:0 0 8px 0;line-height:17px;padding:0;width:117px;height:auto;} .good4_list_wrap .good4_lists .pr_wrap .pr_name a, .good4_list_wrap .good4_lists .pr_wrap .pr_name a:hover {color:#888;font-size:13px;} .good4_list_wrap .good4_lists .pr_wrap .pr_price {line-height:20px;font-weight:500;_font-weight:bold;color:#222;font-size:14px;width:117px;height:auto;} .good4_list_wrap .good4_lists .pr_wrap .pr_price:hover {color:#00c7c7;} .good4_list_wrap .good4_lists .pr_wrap .pr_price_con {font-size:11px;text-decoration:line-through;display:inline-block; _display:inline; *display:inline; line-height:18px;margin-right:4px;font-weight:normal;color:#888;} /* 메인 베스트 */ .good5_list_wrap {padding:0;} .good5_list_wrap .good5_lists {margin:0;padding:0;border:0;} .good5_list_wrap .good5_lists.last {} .good5_list_wrap .good5_lists .pr_wrap {margin:0;padding:0;width:100%;position:relative;z-index:1;cursor:pointer;height:auto;text-align:center;} .good5_list_wrap .good5_lists .pr_wrap .pr_best {position:absolute;left:0;top:0;display:inline-block; _display:inline; *display:inline; border:2px #ff4545 solid;color:#ff4545;width:75px;padding:10px 0 14px 0;line-height:22px;font-size:16px;} .good5_list_wrap .good5_lists .pr_wrap .pr_best strong {font-size:26px;display:inline-block; _display:inline; *display:inline; padding:3px 0 0 0;} .good5_list_wrap .good5_lists .pr_wrap .pr_name {width:100%;text-align:left;padding:8px 0 4px 0;margin:0;line-height:21px;height:21px;overflow:hidden;text-overflow:ellipsis;} .good5_list_wrap .good5_lists .pr_wrap .pr_name a, .good5_list_wrap .good5_lists .pr_wrap .pr_name a:hover {font-size:13px;color:#888;} .good5_list_wrap .good5_lists .pr_wrap .pr_price {margin:0;width:100%;text-align:left;color:#222;font-size:16px;font-weight:500;_font-weight:bold;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;} .good5_list_wrap .good5_lists .pr_wrap .pr_price:hover {color:#00c7c7;} .good5_list_wrap .good5_lists .pr_wrap .pr_price_con {font-size:13px;text-decoration:line-through;display:inline-block; _display:inline; *display:inline; line-height:18px;margin-right:4px;font-weight:400;} .good5_list_wrap .good5_lists .pr_wrap .thum {width:100%;height:401px;overflow:hidden;text-align:center;} .good5_list_wrap .good5_lists .pr_wrap .thum a.link_thume {display:block;border:0 none;} .good5_list_wrap .good5_lists .pr_wrap .thum img {width:auto;height:401px;} /* 마이페이지 보드 */ .mplist table.slidetbl td.mp_view_pr .pr_wrap {margin-right:auto;margin-left:0;margin-bottom:0;width:200px;} .mplist table.slidetbl td.mp_view_pr .pr_wrap.last {margin-right:0;} .mplist table.slidetbl td.mp_view_pr .pr_wrap .pr_name {width:200px;} .mplist table.slidetbl td.mp_view_pr .pr_wrap .pr_price {width:200px;} .mplist table.slidetbl td.mp_view_pr .pr_wrap .thum {width:200px;} .mplist table.slidetbl td.mp_view_pr .pr_wrap .thum img {width:198px;height:auto;} /*** 서브페이지 table 관련 CSS ***/ /* table type D - 상세 */ .table_typeD {border-collapse:collapse;width:100%;border-bottom:1px #d6d6d6 solid;} .table_typeD caption {display:none;} .table_typeD th, .table_typeD td {border-bottom:1px #d7d7d7 dotted;font-size:12px;line-height:22px;padding:6px 0 7px 0;text-align:center;} .table_typeD th {background-color:#fcfcfc;color:#666;font-weight:500;_font-weight:bold;font-weight:bold;text-align:center;border-top:1px #d3d3d3 solid;border-bottom:1px #d3d3d3 solid;} .table_typeD td {color:#666;} .table_typeD td a, .table_typeD td a:hover {color:#666;} .table_typeD td strong {color:#666;font-weight:500;_font-weight:bold;} /* 클릭시 내용 펼쳐지는 게시글영역 */ .table_typeD td.pl_goods_qna {border-bottom:1px #d6d6d6 solid;} #contents-wrapper .table_typeD td.pl_goods_qna .qna_content {margin-left:10% !important} .table_typeD_div {border-bottom:1px #d6d6d6 solid;font-size:12px;line-height:22px;padding:12px 0 12px 0;text-align:center;color:#666;} .table_typeD_div a, .table_typeD_div a:hover {color:#666;} .table_typeD_div strong {color:#666;font-weight:500;_font-weight:bold;} /* 클릭시 내용 펼쳐지는 게시글의 내용 영역 */ .table_typeD_div table {} .table_typeD_div table th, .table_typeD_div table td {line-height:18px;padding:5px 0;color:#666;} .table_typeD_div table th {} .table_typeD_div table td {} .table_typeD_div table th .icon_q {background-color:#00c7c7;color:#fff;font-size:12px;font-weight:500;_font-weight:bold;font-weight:bold;width:18px;height:18px;line-height:18px;vertical-align:middle;display:inline-block; _display:inline; *display:inline; text-align:center;} .table_typeD_div table th .icon_a {background-color:#646464;color:#fff;font-size:12px;font-weight:500;_font-weight:bold;font-weight:bold;width:18px;height:18px;line-height:18px;vertical-align:middle;display:inline-block; _display:inline; *display:inline; text-align:center;} /*---------------------------------------------- 공통 CSS 끝 ----------------------------------------------*/ /*---------------------------------------------- 상단,하단,측면,스크롤 영역 CSS 시작 / ----------------------------------------------*/ /*** 상단 영역 시작 ***/ #header {position:relative;z-index:5;} #header .w_custom {position:relative;} #header .head_sec01 {border:1px #ccc solid;border-top:0 none;padding:12px 0 12px 0;} #header .head_sec01 .head_favo {background:url(/design/ksun5757/2016img/icon_top_favo.gif) no-repeat left 50%;margin:0 0 0 20px;text-indent:14px;} #header .head_sec01 .head_favo a, #header .head_sec01 .head_favo a:hover {color:#00c7c7;font-size:12px;} #header .head_sec01 .head_gnb {margin-right:20px;} #header .head_sec01 .head_gnb li {vertical-align:middle;} #header .head_sec01 .head_gnb a, #header .head_sec01 .head_gnb a:hover {color:#888;font-size:12px;} #header .head_sec01 .head_gnb a strong {color:#00c7c7;} #header .head_sec01 .head_gnb li .line {border:0 none;background:#d3d3d3;height:10px;width:1px;display:inline-block; _display:inline; *display:inline; margin:0 13px 4px 13px;vertical-align:middle;} #header .head_sec02 {border-left:1px #ccc solid;border-right:1px #ccc solid;} #header .head_sec02 h1 {padding:39px 0 36px 0;margin-left:19px;width:282px;text-align:left;} #header .head_sec02 .head_search {padding:35px 0;width:370px;} #header .head_sec02 .head_search .search_wrap {border:1px #00c7c7 solid;height:38px;} #header .head_sec02 .head_search .search_wrap .search_input {border:0 none;background:#fff;height:36px;line-height:36px;text-indent:10px;color:#333;font-size:12px;width:294px;} #header .head_sec02 .head_search .search_wrap .search_btn {width:70px;text-align:center;color:#fff;height:38px;line-height:38px;border:0 none;font-size:15px;font-family: 'Lato';font-weight:bold;background:#00c7c7;padding:0;margin:0;} #header .head_sec02 .head_bnr {margin-left:81px;width:186px;padding:35px 0 35px 0;} #header .head_sec02 .head_bnr a {background:url(/design/ksun5757/2016img/icon_top_delivery.gif) no-repeat left 0;padding-left:60px;display:block;height:40px;line-height:19px;font-size:13px;color:#444;text-align:left;} #header .head_sec02 .head_bnr a strong {color:#00c7c7;font-size:15px;} #header .head_sec02 .head_cart {background:#00c7c7 url(/design/ksun5757/2016img/icon_top_cart.png) no-repeat 50% 29px;width:160px;height:110px;text-align:center;} #header .head_sec02 .head_cart a {display:inline-block; _display:inline; *display:inline; width:100%;padding:69px 0 11px 0;line-height:20px;font-size:14px;font-weight:bold;color:#fff;font-family: 'Lato';} #header .head_sec02 .head_cart a strong {color:#fffc0f;} #header .head_sec03 {vertical-align:top;} #header .head_sec03 #head_lnb {position:relative;z-index:5;} #header .head_sec03 #head_lnb li {font-size:0;vertical-align:top;} #header .head_sec03 #head_lnb li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #header .head_sec03 #head_lnb li a.head_cate, #header .head_sec03 #head_lnb li a.head_cate:hover {display:inline-block; _display:inline; *display:inline; font-size:14px;color:#fff;text-align:center;line-height:20px;padding:13px 0 14px 0;vertical-align:middle;} #header .head_sec03 #head_lnb li a.head_cate {background:#444;border-bottom:3px #000 solid;} #header .head_sec03 #head_lnb li a.head_cate.ov, #header .head_sec03 #head_lnb li a.head_cate:hover {background:#00c7c7;border-bottom:3px #018181 solid;} #header .head_sec03 #head_lnb li.lnb1 a {width:121px;} #header .head_sec03 #head_lnb li.lnb2 a {width:121px;} #header .head_sec03 #head_lnb li.lnb3 a {width:121px;} #header .head_sec03 #head_lnb li.lnb4 a {width:91px;} #header .head_sec03 #head_lnb li.lnb5 a {width:107px;} #header .head_sec03 #head_lnb li.lnb6 a {width:130px;} #header .head_sec03 #head_lnb li.lnb7 a {width:90px;} #header .head_sec03 #head_lnb li.lnb8 a {width:90px;} #header .head_sec03 #head_lnb li.lnb9 a {width:124px;} #header .head_sec03 #head_lnb li.lnb10 a {width:105px;} #header .head_sec03 #head_lnb .top_layer {display:none;position:absolute;top:40px;padding:10px 0 0 0;margin:0;text-align:center;z-index:5;} #header .head_sec03 #head_lnb .top_layer .layer_wrap {background:#fff;border:1px #ccc solid;border-top:0 none;padding:10px 9px 10px 19px;text-align:left;} #header .head_sec03 #head_lnb .top_layer .layer_wrap .bnr {vertical-align:top;} #header .head_sec03 #head_lnb .top_layer .layer_wrap ul {width:120px;} #header .head_sec03 #head_lnb .top_layer .layer_wrap ul li {font-size:0;line-height:29px;height:29px;width:100%;float:none;margin:0;text-align:left;padding:0;} #header .head_sec03 #head_lnb .top_layer .layer_wrap ul li.cate0 {padding-top:4px;} #header .head_sec03 #head_lnb .top_layer .layer_wrap ul li a, #header .head_sec03 #head_lnb .top_layer .layer_wrap ul li a:hover {color:#444;font-size:13px;font-weight:500;_font-weight:bold;line-height:19px;display:inline-block; _display:inline; *display:inline; width:100%;padding:2px 0 2px 0;} #header .head_sec03 #head_lnb .top_layer .layer_wrap ul li a:hover {color:#00c7c7;} #header .layer1 {left:0px;width:300px;} #header .layer2 {left:121px;width:300px;} #header .layer3 {left:242px;width:300px;} #header .layer4 {left:363px;width:300px;} #header .layer5 {left:454px;width:300px;} #header .layer6 {left:561px;width:300px;} #header .layer7 {left:691px;width:300px;} #header .layer8 {left:781px;width:300px;} #header .layer9 {left:695px;width:300px;} #header .layer10 {left:800px;width:300px;} #header #lnb {position:relative;margin:0 auto;} #header #lnb.ov {position:fixed;top:0;left:50%;margin-left:-550px;} /*** 상단 영역 끝 ***/ /*** 스크롤배너 영역 시작 ***/ .sc_wrap {width:74px;padding:0;} .sc_wrap .sc_title {padding:0;text-align:center;border-top:2px #222 solid;border-bottom:2px #222 solid;} .sc_wrap .sc_title li {border-bottom:1px #d3d3d3 solid;} .sc_wrap .sc_title li.last {border-bottom:0 none;} .sc_wrap .sc_title a {display:inline-block; _display:inline; *display:inline; width:100%;line-height:17px;padding:6px 0 7px 0;text-align:center;} .sc_wrap .sc_title a, .sc_wrap .sc_title a:hover {color:#222;font-size:12px;} .sc_wrap #gd_right {border-bottom:1px #222 solid;padding:0;text-align:center;} .sc_wrap #gd_right td {color:#000;font-size:12px;text-align:center;line-height:18px;} .sc_wrap #gd_right td a {display:block;padding:6px 0;line-height:18px;} .sc_wrap #gd_right #gdscroll {width:60px;margin:10px 7px 0px 7px;position:relative;} .sc_wrap #gd_right #gdscroll span {width:60px;margin:0 0 10px 0;display:inline-block; _display:inline; *display:inline; position:relative;} .sc_wrap #gd_right #gdscroll span a {padding:0;} .sc_wrap #gd_right #gdscroll a {display:inline-block; _display:inline; *display:inline; width:60px;height:auto;} .sc_wrap #gd_right #gdscroll a img {width:60px;height:auto;} #scroll {z-index:10} #scroll .sc_btn {padding:7px 0 0 0;text-align:center;} #scroll .sc_btn a {display:inline-block; _display:inline; *display:inline; width:100%;padding:5px 0;text-indent:26px;text-align:left;color:#202020;font-size:11px;font-weight:bold;font-family: 'Lato';background:url(/design/ksun5757/2016img/icon_right_arrow.gif) no-repeat 12px 50%;} /*** 스크롤배너 영역 끝 ***/ /*** 하단 영역 시작 ***/ #footer {padding:40px 0 0 0;} #footer .w_custom {position:relative;background:#222;} .foot_sec01 {background:#444;} .foot_sec01 dl {padding-left:20px;padding-bottom:26px;} .foot_sec01 dl dt {font-weight:500;_font-weight:bold;margin-bottom:14px;padding:14px 0 17px 0;font-size:15px;color:#fff;text-align:left;line-height:22px;border-bottom:1px #777 solid;position:relative;} .foot_sec01 dl dt .bar {display:inline-block; _display:inline; *display:inline; background:#00c7c7;width:50px;height:2px;position:absolute;left:0;bottom:0;} .foot_sec01 dl dd {} .foot_sec01 dl dd a {font-size:12px;color:#fff;display:inline-block; _display:inline; *display:inline; line-height:26px;width:100%;} .foot_sec01 dl dd a:hover {color:#00c7c7;} .foot_sec01 .foot_cate dt, .foot_sec01 .foot_cate dd {width:251px;} .foot_sec01 .foot_cate ul {} .foot_sec01 .foot_cate ul li {width:50%;} .foot_sec01 .foot_shop {padding-right:20px;} .foot_sec01 .foot_shop dt, .foot_sec01 .foot_shop dd {width:146px;} .foot_sec01 .foot_commu {padding-right:20px;} .foot_sec01 .foot_commu dt, .foot_sec01 .foot_commu dd {width:146px;} .foot_sec01 .foot_service dt, .foot_sec01 .foot_service dd {width:146px;margin-right:20px;} .foot_sec01 .foot_cs {background:#00c7c7;padding-bottom:6px;} .foot_sec01 .foot_cs dt, .foot_sec01 .foot_cs dd {width:251px;} .foot_sec01 .foot_cs dt {border-bottom:1px #00c7c7 solid;} .foot_sec01 .foot_cs dt .bar {background:#fff;} .foot_sec01 .foot_cs dd {padding:4px 0 0 0;} .foot_sec01 .foot_cs p {line-height:17px;padding:0 30px 10px 29px;} .foot_sec01 .foot_cs p, .foot_sec01 .foot_cs p a, .foot_sec01 .foot_cs p a:hover {color:#fff;font-size:13px;letter-spacing:-0.001em;} .foot_sec01 .foot_cs p span {display:inline-block; _display:inline; *display:inline; padding:3px 0 0 0;letter-spacing:-0.01em} .foot_sec01 .foot_cs p.add {background:url(/design/ksun5757/2016img/icon_bot_add.png) no-repeat left 3px;padding-bottom:15px;} .foot_sec01 .foot_cs p.call {background:url(/design/ksun5757/2016img/icon_bot_call.png) no-repeat left 3px;padding-bottom:5px;font-size:15px;line-height:20px;} .foot_sec01 .foot_cs p.mail {background:url(/design/ksun5757/2016img/icon_bot_mail.png) no-repeat left 7px;padding-bottom:5px;} .foot_sec01 .foot_cs p.bank {background:url(/design/ksun5757/2016img/icon_bot_bank.png) no-repeat left 5px;} .foot_sec01 .foot_cs p.bank font {display:inline-block; _display:inline; *display:inline; margin-left:14px;} .foot_sec02 {padding:20px 0 31px 0;} .foot_sec02 .foot_info {margin-left:18px;width:920px;} .foot_sec02 .foot_info ul {padding-bottom:10px;} .foot_sec02 .foot_info li {line-height:18px;} .foot_sec02 .foot_info li a, .foot_sec02 .foot_info li a:hover {color:#fff;font-size:12px;} .foot_sec02 .foot_info li .foot_line {color:#8e8e8e8;display:inline-block; _display:inline; *display:inline; padding:0 8px;vertical-align:top;} .foot_sec02 .foot_info p {line-height:20px;color:#aaa;font-size:12px;} .foot_sec02 .foot_info p a, .foot_sec02 .foot_info p a:hover {color:#aaa;font-size:12px;} .foot_sec02 .foot_info p .foot_line {color:#8e8e8e;display:inline-block; _display:inline; *display:inline; padding:0 8px;} .foot_sec02 .foot_info address {padding:28px 0 0 0;line-height:18px;font-size:12px;color:#fff;} .foot_sec02 .foot_es {margin:0 3px 0 0;} /*** 하단 영역 끝 ***/ /*---------------------------------------------- 상단,하단,측면,스크롤 영역 CSS 끝 / ----------------------------------------------*/ /*---------------------------------------------- 메인 영역 CSS 시작 / ----------------------------------------------*/ .main_sc {position:relative;z-index:1;} .main_sc #f2s-rolling-container1 .swiper-button-prev, .main_sc #f2s-rolling-container1 .swiper-button-next {width:60px;height:60px;padding:0;margin:0;margin-top:-30px;} .main_sc #f2s-rolling-container1 .swiper-button-prev i, .main_sc #f2s-rolling-container1 .swiper-button-next i {font-size:0;} .main_sc #f2s-rolling-container1 .swiper-button-prev {background:url(/design/ksun5757/2016img/btn_main_sc_prev.png) no-repeat left top;} .main_sc #f2s-rolling-container1 .swiper-button-next {background:url(/design/ksun5757/2016img/btn_main_sc_next.png) no-repeat left top;} #mainSlideBnr {background:#fff;} .main_bnr {background:#fff;} .main_bnr .w_custom {padding-top:20px;padding-bottom:20px;} .main_bnr .bnr1 {} .main_bnr .bnr2 {margin:0 20px;width:370px;} .main_bnr .bnr2 .bnr2_1 {margin-bottom:10px;} .main_bnr .bnr3 {} .main_tit {background:url(/design/ksun5757/2016img/bg_main_title.gif) no-repeat left bottom;margin:45px 0 17px 0;position:relative;padding:0 0 12px 0;line-height:28px;font-size:22px;color:#333;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-weight:500;_font-weight:bold;letter-spacing:-0.03em;} .main_tit span {color:#888;font-size:14px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;display:inline-block; _display:inline; *display:inline; line-height:20px;margin-left:20px;height:20px;width:200px;} .main_tit .more {position:absolute;right:0;top:0;background:url(/design/ksun5757/2016img/btn_main_more.gif) no-repeat right top;width:25px;height:25px;display:inline-block; _display:inline; *display:inline; } .main_best {background:#fff;} .main_best .best_bnr {margin-right:15px;} .main_best .best_pr {width:907px;overflow:hidden;padding:0px;} #content .main_pr {margin-bottom:55px;} #content .pr_sec01 {margin-bottom:105px;border-bottom:1px #ddd solid;} .main_sec01 {border-left:1px #ccc solid;border-right:1px #ccc solid;} .main_sec01 dt.sec01_title {} .main_sec01 dt.sec01_title a {display:inline-block; _display:inline; *display:inline; text-indent:20px;width:100%;line-height:24px;padding:22px 0 24px 0;color:#333;font-size:18px;background:url(/design/ksun5757/2016img/icon_main_more.gif) no-repeat 235px 50%;} .main_sec01 .new_wrap dt.sec01_title a {font-family: 'Lato';font-size:22px;} .main_sec01 .new_wrap dt.sec01_title a strong {font-weight:900;font-size:20px;} .main_sec01 .cate_wrap {width:270px;vertical-align:top;} .main_sec01 .cate_wrap dd {border-top:1px #ccc solid;border-bottom:1px #ccc solid;padding:12px 0 11px 0;} .main_sec01 .cate_wrap dd ul {margin:0 20px;} .main_sec01 .cate_wrap dd ul li {text-align:left;padding:5px 0;position:relative;} .main_sec01 .cate_wrap dd ul li a {display:inline-block; _display:inline; *display:inline; line-height:20px;padding:6px 0 7px 0;text-indent:55px;} .main_sec01 .cate_wrap dd ul li a, .main_sec01 .cate_wrap dd ul li a:hover {color:#444;font-size:13px;font-weight:500;_font-weight:bold;} .main_sec01 .cate_wrap dd ul li a:hover {color:#00c7c7;} .main_sec01 .cate_wrap dd ul li.one a {background:url(/design/ksun5757/2016img/icon_main_cate01.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.two a {background:url(/design/ksun5757/2016img/icon_main_cate02.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.three a {background:url(/design/ksun5757/2016img/icon_main_cate03.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.four a {background:url(/design/ksun5757/2016img/icon_main_cate04.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.five a {background:url(/design/ksun5757/2016img/icon_main_cate05.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.six a {background:url(/design/ksun5757/2016img/icon_main_cate06.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.one a:hover {background:url(/design/ksun5757/2016img/icon_main_cate01_r.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.two a:hover {background:url(/design/ksun5757/2016img/icon_main_cate02_r.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.three a:hover {background:url(/design/ksun5757/2016img/icon_main_cate03_r.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.four a:hover {background:url(/design/ksun5757/2016img/icon_main_cate04_r.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.five a:hover {background:url(/design/ksun5757/2016img/icon_main_cate05_r.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li.six a:hover {background:url(/design/ksun5757/2016img/icon_main_cate06_r.gif) no-repeat 7px 50%;} .main_sec01 .cate_wrap dd ul li a span.btn {display:none;} .main_sec01 .cate_wrap dd ul li a:hover span.btn {position:absolute;border:0 none;left:216px;top:13px;display:inline-block; _display:inline; *display:inline; width:15px;height:15px;overflow:hidden;margin:0;padding:0;background:#00c7c7 url(/design/ksun5757/2016img/btn_main_cate.png) no-repeat 50% 50%;} .main_sec01 .cate_wrap .cate_bnr {padding:20px 0;text-align:center;font-size:0;} .main_sec01 .cate_wrap .cate_bnr div {display:inline-block; _display:inline; *display:inline; } .main_sec01 .best_wrap {width:560px;vertical-align:top;border-left:1px #ccc solid;border-right:1px #ccc solid;position:relative;text-align:center;} .main_sec01 .best_wrap .best_wraper {height:473px;overflow:hidden;margin:20px auto 0 auto;width:520px;} .main_sec01 .best_wrap .bx-prev, .main_sec01 .best_wrap .bx-next {display:inline-block; _display:inline; *display:inline; font-size:0;width:40px;height:40px;overflow:hidden;position:absolute;bottom:20px;} .main_sec01 .best_wrap .bx-prev {right:65px;background:url(/design/ksun5757/2016img/btn_main_best_prev.png) no-repeat 0 50%;} .main_sec01 .best_wrap .bx-next {right:20px;background:url(/design/ksun5757/2016img/btn_main_best_next.png) no-repeat 0 50%;} .main_sec01 .best_wrap .bx-prev:hover {background:url(/design/ksun5757/2016img/btn_main_best_prev_r.png) no-repeat 0 50%;} .main_sec01 .best_wrap .bx-next:hover {background:url(/design/ksun5757/2016img/btn_main_best_next_r.png) no-repeat 0 50%;} .main_sec01 .new_wrap {width:270px;vertical-align:top;} .ourwork_content {padding:0 0 40px 0;} .ourwork_content div {position:relative;width:366px;height:180px;} .ourwork_content div.last {width:368px;} .ourwork_content div a {display:block;width:100%;height:180px;} .ourwork_content div img.tap {position:absolute;top:0px;left:0px;} .main_sec03, .main_sec05 {height:auto; width:100%;overflow:hidden;} .main_sec04 {padding:0 0 42px 0;background:url(/design/ksun5757/2016img/bnr_main_band.gif) no-repeat 20px top;} .main_sec04 ul {background:#00c7c7;} .main_sec04 ul li {height:130px;position:relative;} .main_sec04 ul li a {display:block;width:100%;height:130px;color:#fff;font-size:13px;} .main_sec04 ul li a strong {font-size:16px;display:inline-block; _display:inline; *display:inline; line-height:22px;height:22px;} .main_sec04 ul li.one a strong, .main_sec04 ul li.three a strong {font-size:15px;font-family: 'Lato';} .main_sec04 ul li.one {width:354px;} .main_sec04 ul li.two {width:352px;} .main_sec04 ul li.three {width:354px;} .main_pr_wrap {text-align:center;} .main_pr_wrap dt {color:#444;font-size:24px;font-family: 'Lato';line-height:32px;padding:3px 0 5px 0;border-top:1px #444 solid;border-bottom:1px #444 solid;text-align:center;display:inline-block; _display:inline; *display:inline; width:auto;margin:0 auto;} .main_pr_wrap dt strong {color:#00c7c7;font-weight:bold;} .main_pr_wrap dd {display:block;width:1080px;margin:0 auto;text-align:left;padding:30px 0 40px 0;position:relative; left:130px; } .main_pr_wrap dd .bx-prev, .main_pr_wrap dd .bx-next {display:inline-block; _display:inline; *display:inline; width:60px;height:60px;position:absolute;z-index:100;top:50%;margin-top:-30px;font-size:0;} .main_pr_wrap dd .bx-prev {left:-10px;background:url(/design/ksun5757/2016img/btn_main_pr_prev.png) no-repeat left top;} .main_pr_wrap dd .bx-next {right:-10px;background:url(/design/ksun5757/2016img/btn_main_pr_next.png) no-repeat right top;} .main_sec06 {text-align:center;position:relative;width:1060px;margin:0 20px;} .main_sec06 #bx-wrapper {} .main_sec06 #main_banner_slide {width:560px;margin:0 auto;height:330px;position:relative;} .main_sec06 #mainSlideBnr {width:560px;height:330px;margin:0 auto;} .main_sec06 #mainSlideBnr li {} .main_sec06 #bx-pager {position:absolute;left:0;top:0;} .main_sec06 #bx-pager a {display:inline-block; _display:inline; *display:inline; width:265px;height:110px;} .main_sec06 #bx-pager .bnrIndex_01 {z-index:55;position:absolute;left:-250px;top:0;background:url(/design/ksun5757/2016img/btn_main_event01.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_02 {z-index:55;position:absolute;left:-250px;top:110px;background:url(/design/ksun5757/2016img/btn_main_event02.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_03 {z-index:55;position:absolute;left:-250px;top:220px;background:url(/design/ksun5757/2016img/btn_main_event03.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_04 {z-index:55;position:absolute;left:545px;top:0;background:url(/design/ksun5757/2016img/btn_main_event04.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_05 {z-index:55;position:absolute;left:545px;top:110px;background:url(/design/ksun5757/2016img/btn_main_event05.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_06 {z-index:55;position:absolute;left:545px;top:220px;background:url(/design/ksun5757/2016img/btn_main_event06.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_01:hover, .main_sec06 #bx-pager .bnrIndex_01.active {background:url(/design/ksun5757/2016img/btn_main_event01_r.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_02:hover, .main_sec06 #bx-pager .bnrIndex_02.active {background:url(/design/ksun5757/2016img/btn_main_event02_r.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_03:hover, .main_sec06 #bx-pager .bnrIndex_03.active {background:url(/design/ksun5757/2016img/btn_main_event03_r.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_04:hover, .main_sec06 #bx-pager .bnrIndex_04.active {background:url(/design/ksun5757/2016img/btn_main_event04_r.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_05:hover, .main_sec06 #bx-pager .bnrIndex_05.active {background:url(/design/ksun5757/2016img/btn_main_event05_r.png) no-repeat left top;} .main_sec06 #bx-pager .bnrIndex_06:hover, .main_sec06 #bx-pager .bnrIndex_06.active {background:url(/design/ksun5757/2016img/btn_main_event06_r.png) no-repeat left top;} .main_sec06 .bx-controls {display:none;} /*---------------------------------------------- 메인 영역 CSS 끝 / ----------------------------------------------*/ /* CUSTOM NAVIGATION */ .navi {.navi h2 background:#fff; text-align: right; height:20px; line-height:20px; padding:10px 20px 9px 0; font-size:0; border-bottom:solid 2px #333; } .navi h2 { position:absolute; top:10px; left:0; font-size:18px; line-height:19px; font-weight:500; color:#333; } .navi a { color:#666; font-size:12px; background:url(/design/ksun5757/2016img/locate_arr.png) no-repeat center left; padding-left:18px; margin-left:10px; } .navi a:first-child { display:inline-block;*display:inline;_display:inline;zoom:1; width:9px; height:9px; text-indent:9999px; background:url(/design/ksun5757/2016img/locate_home.png) no-repeat #00c7c7; padding:0; } #listTop .navi, #productDetail .navi { border-bottom:0;position:relative; } /* CUSTOM LIST */ #listTop { margin:0 20px; } #listTop .best-wrap { padding-bottom:30px; } #listTop .best-wrap .item-list { padding:0; } #listTop .best-wrap .item { width:344px; margin-top:0px; margin-left:14px; text-align: center; background-color:#fff; float: left; } #listTop .best-wrap .item:first-child { margin-left:0; } #listTop .best-wrap .item .thumb { position: relative; width:344px; margin:0; border:0; } #listTop .best-wrap .item .thumb a { display:block; width:342px; border:solid 1px #d3d3d3; border-bottom:0; } #listTop .best-wrap .item dd { border:solid 1px #d3d3d3; border-top:0; text-align:left; font-size:12px; color:#666; } #listTop .best-wrap .item dd .info { width:283px; padding-bottom:19px; } #listTop .best-wrap .item .thumb a img { width:281px; border:solid 1px #d3d3d3; margin:29px 0 17px; } #listTop .best-wrap .item .thumb .item_best_tit { width:344px; height:30px; line-height:30px; text-align:center; background:url(/design/ksun5757/2016img/list_best_tit.png) no-repeat #5b5b5b; font-size:17px; font-weight:600; color:#fff; font-family: 'Lato', sans-serif; } #listTop .best-wrap .item .thumb .item_best_tit.top { background:url(/design/ksun5757/2016img/list_best_tit.png) no-repeat #00c7c7; } #listAisde { width:173px; border:solid 1px #333; padding:20px 0; float:left; } #listAisde dt, #listAisde dd { margin-left:10px; margin-right:10px; } #listAisde dt, #listAisde dt a { display:block; font-size:16px; font-weight:500; line-height:17px; color:#333; border-bottom:solid 2px #333; padding-bottom:5px; margin-bottom:14px; } #listAisde dd { margin-bottom:7px; } #listAisde dd a { color:#444; font-size:12px; line-height:19px; } #listAisde dd a:hover { color:#00c7c7; } #prdBrand { width:865px; float:right; } /** LIST SORT **/ .list_sort_wrap { padding-bottom:12px; border-bottom:solid 1px #444; position:relative; } .list_sort_wrap .tit { font-size:15px; line-height:18px; font-weight:500; color:#222; } .list_sort_wrap .tit em { color:#00c7c7; } .list_sort_wrap .odr { position:absolute; top:0; right:0; } .list_sort_wrap .odr li { float:left; } .list_sort_wrap .odr li a { font-size:12px; line-height:18px; font-weight:normal; color:#666; background:url(/design/ksun5757/list_sort_line.gif) no-repeat center left; margin-left:7px; padding-left:7px; } .list_sort_wrap .odr li:first-child a { background:none; } .item-list { zoom: 1; overflow: hidden; padding:30px 0px 0px; } .item-list:after { content: ""; clear: both; display: block; } .item-list .item { width:199px; margin-left:23px; margin-bottom:7px; float:left; } .item-list .item:first-child { margin-left:0; } .item-list .item .thumb { margin: 0 auto 14px; width:260px; height:auto; border:solid 1px #d3d3d3; } .item-list .item .thumb img { width: 100%; /*height: 100%;*/ } .item-list .item .info { width:197px; margin:0 auto; } .item-list .item .info li a { font-size:12px; line-height:16px; color:#666; } .item-list .item .info .price { display: inline-block; color:#222; font-weight: bold; margin-top:6px; } #aside { float: left; width: 188px; margin-right: 12px; } #aside .menu { margin-bottom: 30px; } #aside .shop-cate, #aside .community { margin-bottom: 30px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } #aside .snb { margin-top: 1px; border-top: 1px solid #c8c8c8; } #aside .snb li { padding: 5px 0; word-wrap: break-word; } #aside .snb li a { display: inline-block; width: 178px; padding-left: 10px; font-size: 14px; } #aside .snb li a:hover { color: #a8baaf; } #aside .hd { width: 130px; height: 15px; line-height: 17px; padding-left: 8px; background-color: #c8c8c8; color: #fff; font-size: 13px; font-weight: bold; } #aside .snb-cs { padding: 15px 10px 10px; border: 1px solid #c8c8c8; } #aside .snb-cs li { padding-bottom: 5px; } #aside .snb-cs em { display: inline-block; font-weight: bold; letter-spacing: -1px; } #aside .snb-cs .phone { color: #6f8979; font-size: 14px; letter-spacing: -1px; } #aside .snb-cs .work, #aside .snb-cs .bank { color: #949494; font-size: 11px; } #aside .snb-cs .line { height: 25px; background: url(/images/d3/modern_simple/aside_info_dot.gif) repeat-x 0 10px; } /* CUSTOM DETAIL */ /*원본 시작*/ /* review-write */ /* #productDetail .review-write { padding: 10px 0 15px 20px; border-top: 1px solid #ddd; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 150px; height: 18px; line-height: 18px; border: 1px solid #ededed; } */ /* 댓글리스트 공통 */ /* #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; border-top: 1px solid #ddd; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; font-weight: normal; border-top: 2px solid #b5b5b5; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #ddd; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } */ /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 17px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 19px; height: 17px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 3px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .soldout, #productDetail .prd-btns { padding-top: 20px; text-align: center; margin-left:29px;} #productDetail .soldout { font-weight: bold; } #productDetail .prd-btns { font-size: 0; } #productDetail .prd-btns a { padding: 0 5px; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; margin-top: 10px; padding: 5px 0; background-color: #eee; border: 1px solid #ddd; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; padding-left: 10px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 80px; margin-bottom: 5px; padding-left: 10px; padding-top: 4px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 248px; margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 240px; height: 18px; border: 1px solid #ddd; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 19px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 17px; border: 1px solid #ddd; text-align: right; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; bottom: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; width: 56px; margin-left: 5px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top: 10px; border: 1px solid #ddd; } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:13px; _height: 13px; *margin-bottom: -4px; padding: 8px 5px; border-bottom: 1px solid #ddd; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right: 20px; top: 10px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 8px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin-top: 3px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 총합계 */ #MK_innerOptTotal { padding: 10px 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; } #nhn_btn {padding-top:10px;} #payco_order_btn {padding-top:10px;} /*원본 끝*/ .common_opt_msg { margin:14px 0 25px; } .common_opt_msg dt { color:#333; font-size:13px; line-height:24px; margin-bottom:3px; font-weight:500; } .common_opt_msg dd { font-size:12px; line-height:24px; color:#666; } .detail_tap_list {margin:70px 0 20px 0;} .detail_tap_list ul { overflow:hidden; } .detail_tap_list li { width:20%; float:left; } .detail_tap_list li a { display:block; height:39px; line-height:39px; background-color:#fcfcfc; border:solid 1px #d3d3d3; border-left:0; color:#666; font-size:13px; font-weight:500; text-align:center; } .detail_tap_list li:first-child a { border-left:solid 1px #d3d3d3; } .detail_tap_list li.tap a { height:38px; line-height:39px; background-color:#fff; border-top:solid 2px #4c4c4c; border-bottom:solid 1px #fff; color:#222; } #productDetail .page-body { margin-bottom: 50px; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { border-top:solid 1px #333; border-bottom:solid 1px #d3d3d3; zoom: 1; overflow: hidden; margin-bottom:100px; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { width:408px; padding:60px 50px 0 50px; float: left; } #productDetail .thumb-info .thumb { margin: 0; } #productDetail .thumb-info .thumb img { display: block; max-width:100%; width:100%; box-sizing:border-box; height:auto; border: 1px solid #d3d3d3; margin:0 auto; } #productDetail .thumb-info .m_thumb { width:408px; margin:0 auto; margin-top:12px; overflow:hidden; } #productDetail .thumb-info .m_thumb img { width:70px !important; margin-left:12px; border:solid 1px #d3d3d3; float:left; } #productDetail .thumb-info .m_thumb img:first-child { margin-left:0; } /* 상품옵션 정보 */ #productDetail .thumb-info .info { float: right; width:551px; border-left:solid 1px #d3d3d3; } #productDetail .thumb-info .info .all_price { text-align:right; vertical-align:middle; } #productDetail .thumb-info .info .all_price .tit { display:inline-block; color:#444; font-size:13px; vertical-align:middle; margin-right:10px; } #productDetail .thumb-info .info .all_price .price { display:inline-block; font-size:20px !important;; vertical-align:middle; } #productDetail .thumb-info .info .all_price .price #pricevalue { vertical-align:top; } #productDetail .thumb-info .info .tit-prd { color:#333; font-size:18px; line-height:26px; font-weight: bold; background-color:#fafafa; padding:24px 29px 32px; } #productDetail .thumb-info .info .tit-prd .subname { display:block; font-size:14px; font-weight:400; color:#666; } #productDetail .thumb-info .info .info_top { padding-bottom:17px; background-color:#fafafa; } #productDetail .thumb-info .info .info_top th, #productDetail .thumb-info .info .info_top td { height:35px; } #productDetail .thumb-info .info .info_top th { width:205px; font-size:13px; color:#222; text-align:left; text-indent:29px; font-weight:500; } #productDetail .thumb-info .info .info_opt th, #productDetail .thumb-info .info .info_opt td { height:50px; padding:0; font-size:12px; color:#666; } #productDetail .thumb-info .info .info_opt th { width:205px; font-size:13px; color:#222; text-align:left; text-indent:29px; font-weight:500; } #productDetail .thumb-info .info .info_opt td .opt-btns {position: relative; width:97px; height:27px;} #productDetail .thumb-info .info .info_opt td .opt-btns input {position:absolute; top:0; left:27px; padding-right:9px; width:34px; height:25px; text-align:right; border:1px solid #c9c9c9; border-left:0; border-right:0;} #productDetail .thumb-info .info .info_opt td .opt-btns .btn-up {position: absolute; top: 0; right: 0;} #productDetail .thumb-info .info .info_opt td .opt-btns .btn-dw {position: absolute; top: 0; left: 0;} #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { color: #7b7b7b; font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 5px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { color: #00c7c7; font-weight:500; font-size:18px;} /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .soldout, #productDetail .prd-btns { padding-top: 20px; text-align: center; padding-bottom:76px;} #productDetail .soldout { font-weight: bold; } #productDetail .prd-btns { font-size: 0; text-align:right; } #productDetail .prd-btns a { display:inline-block;*display:inline;_display:inline; zoom:1; font-size:16px; font-weight:500; color:#fff; margin-left:5px; text-align:center; } #productDetail .prd-btns a:first-child { margin-left:0 } #productDetail .prd-btns a.detail_btn_buy { width:160px; height:55px; line-height:55px; text-align:center; background-color:#828282; } #productDetail .prd-btns a.detail_btn_cart { width:200px; height:55px; line-height:55px; text-align:center; background-color:#828282; } #productDetail .prd-btns a.detail_btn_wish { width:120px; height:53px; line-height:53px; text-align:center; background:url(/design/ksun5757/2016img/detail_wish_icon.gif) no-repeat 15px 50%; background-color:#ffff00; border:solid 1px #828282; color:#666; text-align:left; text-indent:34px; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; padding-left: 10px; display:none; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { width: 205px; color:#222; text-align:left; text-indent:29px; height:50px; line-height:50px; font-size:13px; font-weight:500; float: left; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { width: 346px; height:50px; line-height:50px; float: left; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width:170px; height:30px; border: 1px solid #ddd; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width:97px; height:27px; margin-top:12px; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position:absolute; top:0; left:27px; padding-right:9px; width:34px; height:25px; text-align:right; border:1px solid #c9c9c9; border-left:0; border-right:0; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; top: 0; left: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { display:inline-block; *display:inline; _display:inline; zoom:1; width: 180px; vertical-align:middle; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { width:97px; margin-left: 5px; margin-top:0; display:inline-block; *display:inline; _display:inline; zoom:1; vertical-align:middle; } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; } #productDetail .prd-detail img { max-width: 100%; } /* 관련상품 */ #productDetail .prd-list { margin-top: 0px; } #productDetail .prd-list th { padding: 10px 0; border-bottom: 1px solid #ddd; font-weight: normal; font-size: 11px; } #productDetail .prd-list td { padding: 5px 0; border-bottom: 1px solid #ddd; vertical-align: middle; } #productDetail .prd-list .thumb { width: 50px; height: 50px; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #aaa; } #productDetail .prd-list .prd-amount input { width: 32px; height: 15px; border: 0; } #productDetail .prd-list .prd-amount .btns { float: left; width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .prd-list .prd-amount .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } #productDetail .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } #productDetail .item-wrap {} #productDetail .item-wrap .item-list {padding:0;} #productDetail .item-wrap .item-list .item {margin-left:13px;} /* review-write */ #productDetail .review-write { border:solid 1px #d3d3d3; padding:19px 0; margin:30px 0; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0; } #productDetail .review-write td .frm-w, #productDetail .review-write td .frm-w a, #productDetail .review-write td .frm-w input {vertical-align:top;} #productDetail .review-write th { font-weight: normal; text-align:left; text-indent:48px; font-size:12px; color:#000; } #productDetail .review-write .frm-w input { width: 148px; height: 18px; line-height: 18px; border: 1px solid #d3d3d3; } #productDetail .review_textarea { position:relative; } #productDetail .review_score { position:absolute; top:8px; right:190px; } #productDetail .review_score input {margin:0 5px;} #productDetail textarea.MS_review_content_box { width:751px; height: 58px; padding:0; border: 1px solid #d3d3d3; } #productDetail .comment_write { position:absolute; top:0; right:50px; display:block; width:130px; height:60px; line-height:60px; text-align:center; background-color:#00c7c7; font-size:15px; color:#fff; font-weight:500; } .custom_detail_btn { /* position:absolute; right:0; bottom:0; */ margin-top:20px; text-align:right; } .custom_detail_btn a { display:inline-block;*display:inline;_display:inline;zoom:1; margin-left:10px; width:70px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:500; } .custom_detail_btn .btn_a { background-color:#00c7c7; } .custom_detail_btn .btn_b { background-color:#8d8d8d; } /* 댓글리스트 공통 */ #productDetail .table-slide { position:relative; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 9px 0; cursor: pointer; color:#666; font-size:12px; } #productDetail .table-slide th { font-size: 12px; font-weight:500; color:#666; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } #productDetail .table-slide td { border-top:dotted 1px #d7d7d7; } #productDetail .qna-list th { background-color:#fcfcfc; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #ddd; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ #productDetail .review-list .bg { padding-top: 35px; border-top: 1px solid #ddd; } /* qna board */ /* item-hd */ #productDetail .item-hd { margin-top: 80px; } #productDetail .item-hd h2 { line-height: 0; font-size: 0; padding-left: 10px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; border-top:solid 1px #d3d3d3; min-height:50px; margin-top:10px; } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top:0px; } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; background-color:#fafafa; font-size:13px; color:#222; font-weight:500; padding:15px 0; border-bottom:solid 1px #d3d3d3; padding-left:30px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right:47px; top: 18px; color:#1f2022; font-size:13px; font-weight:500; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right:20px; top:17px; width:17px; height:17px; background:url(/design/ksun5757/2016img/btn_comment_del.gif) no-repeat; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { display:none; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl > input { width:34px; height:25px; border:solid 1px #c9c9c9; margin-left:26px; padding-right:10px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right:230px; line-height:18px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width:97px; top:11px; *top: 2px; right:121px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top:0px; right:0; display:block; width:27px; height:27px; background:url(/design/ksun5757/2016img/detail_cnt_up.gif) no-repeat; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top:0px; left:0; display:block; width:27px; height:27px; background:url(/design/ksun5757/2016img/detail_cnt_dw.gif) no-repeat; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up img, #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw img { display:none; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width:97px; top:11px; *top: 2px; right:121px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top:0px; right:0; display:block; width:27px; height:27px; background:url(/design/ksun5757/2016img/detail_cnt_up.gif) no-repeat; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top:0px; left:0; display:block; width:27px; height:27px; background:url(/design/ksun5757/2016img/detail_cnt_dw.gif) no-repeat; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up img, #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw img { display:none; } /* 총합계 */ #MK_innerOptTotal { padding: 10px 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { color:#444; font-size:13px; vertical-align:middle; margin-right:10px; } #MK_innerOptTotal .MK_txt-won { color: #00c7c7; font-weight: bold; font-size:20px; vertical-align:middle; } #MK_innerOptTotal .MK_total { color: #00c7c7; font-weight: bold; font-size:20px; vertical-align:middle; } /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap { margin: 10px 0; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #b4b4b4; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f8f8f8; color: #3b3b3d; text-align: left; padding: 10px 0 10px 15px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 17px; } /*// CUSTOM DETAIL //*/