div#layerTodayView { display: none; } /* ======================================================================== RESET ======================================================================== */ /* global rest */ @font-face { font-family: 'GT-America-Mono', ; src: url('https://th3point.speedgabia.com/font/GT-America-Mono-Regular-Trial.otf'), src:url('https://th3point.speedgabia.com/font/GT-America-Mono-Regular-Trial.woff2') format('woff2'), url('https://th3point.speedgabia.com/font/GT-America-Mono-Regular-Trial.otf') format('open type'); font-weight:normal; font-style:normal; } @import url('https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Coral+Pixels&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=DM+Mono:wght@300;400;500&family=Fragment+Mono&family=IBM+Plex+Sans+KR:wght@100;200;300;400;500&family=Montserrat:wght@100..900&family=Nanum+Gothic+Coding&family=Roboto+Mono:wght@100..700&display=swap'); .roboto-mono- { font-family: "Roboto Mono", monospace; } .42dot-sans- { font-family: "42dot Sans", sans-serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } * { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; } a{text-decoration: none; color: inherit;} ul,li{list-style: none;} *{margin: 0; padding:0; box-sizing: border-box;} .clear_fix::after,.clear_fix::before{clear: both; display: block; content: "";} /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Lato', sans-serif; */ /* font-family: 'Noto Sans KR', sans-serif; */ /* font-family: 'Jost', sans-serif; */ #join_test .join-form li .txt-input{height:48px !important} html,body{width:100%;} /*상품 리스트*/ .item_list{float:left} .item_list .thumb{width: 100%;position: relative; } .item_list .thumb>a{display: block; width: 100%; position: relative;} .item_list .thumb>a>img{width: 100%;} .item_list .info{width:95% padding:25px 0 50px; } .item_list .info .info_left{float:center;;width:100% font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; } .item_list .info .info_right{float:right;width:30%} .item_list .info p{margin-bottom:10px; font-size:12px; font-weight:500; line-height:1.35 } .item_list .info .prdname{ text-align:center; font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;color:#272727;font-weight:500;letter-spacing:-.7px; font-size:12px;} .item_list .info .prdetc{text-align:center; font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; 'Noto Sans KR'color:#8d8d8d; font-size:12px;font-weight:400; } .item_list .info .prdprice{margin-bottom:20px} .item_list .info .prdprice .price{font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; font-size:12px; color:#272727; font-weight:400;text-align:center } .item_list .info .prdprice strike{font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; font-size:12px; color:#808080; display:inline-block; font-weight:400; text-align:center } .item_list .info .prdbtn{text-align:center } .item_list .info .prdbtn>span img{display:inline-block; margin:4px 0} /* =========================================================================================================================================================== ※ 분류페이지 =========================================================================================================================================================== */ /* 상품 total/정렬 */ .total-sort { zoom: 1; padding-bottom: 5px; border: 0px solid #e5e5e5; margin-bottom:50px; margin-top:50px; } .total-sort:after { content: ""; display: block; clear: both; } .total-sort .total { float: left; width: auto; letter-spacing:2px; } .total-sort .sort { float: right; width: auto; display: inline; margin-left: 20px; } .total-sort .sort li { float: left; margin-left: 10px; } .total-sort .sort li a span {font-family:'GT-America-Mono', "Noto Sans Mono", width: auto; border: 0px solid #ebebeb; color:#c0c0c0; font-size:11px; background:#fff; border-bottom:1px solid #fff; padding: 5px 7px; -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; } .total-sort .sort li a span:hover { font-family:'GT-America-Mono', "Noto Sans Mono", color:#fff; font-size:11px; background:#ddd; } .total-sort .sort li a .on { color:#333; border-bottom:1px solid #333; padding: 5px 7px; } /* =========================================================================================================================================================== ※ 로그인페이지코드 =========================================================================================================================================================== */ #loginWrap .page-body { width: 100%; margin-top: 55px; margin-left: auto; margin-right: auto; border: 0px solid #000; } #loginWrap .mlog-sign { max-width: 500px; margin-left: auto; margin-right: auto; position: relative; } /* member login */ #loginWrap .mlog-sign .frm-list { width: 100%; } #loginWrap .mlog-sign .frm-list li { display:block; margin:7px 0; position:relative; overflow:hidden;} #loginWrap .mlog-sign .frm-list li input{ width:100%; height:40px; border:none; background:#F2F2F2; padding:5px 15px; color:#666; font-size:11px; letter-spacing:0.5px; border-radius:4px; box-sizing:border-box; } #loginWrap .mlog-sign .frm-list li label { position:absolute; top:13px; left:15px; color:#aaa; font-size:11px; letter-spacing:0.5px; } #loginWrap .mlog-sign .se-log { text-align:right; } #loginWrap .btn_login_01 { display:inline-block; margin-top: 20px; padding:13px 0; text-align: center; width:100%; border:1px solid #555; background:#555; color:#fff; font-size:11px; box-sizing:border-box; letter-spacing:1px; text-transform:uppercase; border-radius:2px;} #loginWrap .btn_login_01:hover { border:1px solid #000; background:#000; color:#fff; font-size:11px; box-sizing:border-box; letter-spacing:1px; text-transform:uppercase; border-radius:2px;} #loginWrap .btn_login_02 { display:inline-block; margin-top: 8px; padding:13px 0; text-align: center; width:100%; border:1px solid #888; background:#888; color:#fff; font-size:11px; box-sizing:border-box; letter-spacing:1px; text-transform:uppercase; border-radius:2px;} #loginWrap .btn_login_02:hover { border:1px solid #000; background:#000; color:#fff; font-size:11px; box-sizing:border-box; letter-spacing:1px; text-transform:uppercase; border-radius:2px;} /* sign */ #loginWrap .mlog-sign .sign { width: 100%; margin-top: 8px; text-align: center; } #loginWrap .mlog-sign .sign a { float:left; width:calc( 50% - 5px ); margin-right:5px; padding:13px 0; border:1px solid #f1f1f1; background:#f1f1f1; font-size:11px; color:#999; letter-spacing:1px; border-radius:2px; box-sizing:border-box;} #loginWrap .mlog-sign .sign a:hover { background:#888; font-size:11px; color:#fff; } #loginWrap .mlog-sign .sign a:last-child { width:calc( 50% ); margin-right:0px; } #loginWrap .mlog-sign .sign .btn_new { border:1px solid #f1f1f1; font-weight:bold; background:#fff !important; color:#333 } #loginWrap .mlog-sign .sign a.btn_new:hover { background:#999 !important; } /* sns 로그인 */ #loginWrap .sns_login { margin:50px auto ; text-align: center; max-width: 500px; clear:both; overflow:hidden;} #loginWrap h2 { margin-bottom:30px; font-size:13px; color:#999; } #loginWrap .sns_login li { float:left; width:calc(25%); margin-right:0px; } #loginWrap .sns_login li i {margin-right:5px;} #loginWrap .sns_login li a:last-child {margin-right:0px; } #loginWrap .sns_login li a { display:block; background:#666; padding:10px 0; font-size:12px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;} #loginWrap .sns_login .Naver a { background:#00C73C ; } #loginWrap .sns_login .Naver:hover a { background:#009d2f; } #loginWrap .sns_login .Facebook a {display:block; background:#5c84d7 ; } #loginWrap .sns_login .Facebook:hover a { background:#3462c0; } #loginWrap .sns_login .Kakao a {display:block; background:#f9b932 ; } #loginWrap .sns_login .Kakao:hover a { background:#ca8e0e; } /* order shopping */ #loginWrap .order-sp { clear:both; margin-top: 70px; zoom: 1; max-width: 500px; margin-left: auto; margin-right: auto; text-align: center; } #loginWrap .order-sp .frm li label { float:left; } #loginWrap .order-sp .frm li { width: 100%; margin-bottom:8px; } #loginWrap .order-sp .frm li label { width: 60px; height:40px; line-height:40px; } #loginWrap .order-sp .frm li input{ width:calc(100% - 80px); height:40px; border:none; background:#F2F2F2; padding:5px 15px; color:#666; font-size:11px; letter-spacing:0.5px; border-radius:4px; box-sizing:border-box; } .w400{width:400px; margin-right:30px;} .w400:nth-child(4n){margin-right:0} /*로그인/회원가입*/ #loginWrap .mlog-sign .mlog{width:50% !important; padding:0 110px !important} #loginWrap .mlog-sign .sign{width:50% !important; padding:0 110px !important} #loginWrap .mlog-sign .frm-list{width:100% !important} #loginWrap .mlog-sign .frm-list li input{width:100% !important} #loginWrap .mlog-sign .btn-mlog a{width:100% !important} #loginWrap .mlog-sign .sign dl dd a{width:100% !important} #chkwrap .cont ul li a{height:auto !important;} /*비밀번호찾기*/ #findWrap .find_idpw{width:50% !important; padding:0 110px !important} #findWrap .find_idpw .frm-list{width:100% !important;} #findWrap .find_idpw .frm-list li>*{width:100% !important} /*마이페이지*/ #aside .lnb-wrap .lnb-bx{width:32% !important} #aside{width:1400px; margin:0 auto} #aside .lnb-wrap .lnb ul li a {background-position: 0 6px !important} /*서치창*/ #searchWrap .sch-frm .table-keyword{padding:30px 300px 0 !important; } /*이벤트 목록*/ .bbs-hd .link li a{background-position: left 6px !important} .fixed-img-collist ul li{width:25% !important} .fixed-img-collist ul li a{width:100% !important} .bbs-sch .key-wrap a{display:inline-block; } #detailpage .table-opt .opt-wrap select{width:auto !important} *:focus { outline: none; } /* 크롬라인 */ 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, pre, xmp, plaintext, listing, input, textarea, select, button, a { font-size: 12px; color: #1c1c1c; line-height: 1.25; font-family: 'GT-America-Mono','42dot Sans', 'Noto Sans KR',Dotum, "돋움", DotumChe, "돋움체", Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; text-align:center; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img, fieldset,button { border:0 none; } img { vertical-align:middle; } li { list-style: none; } hr, caption, legend { display: none; } a { color: #1c1c1c; text-decoration: center; background:none; } a:hover { } button { overflow: hidden; cursor: pointer; } button span { visibility: hidden; } address, em { font-style: normal; } button, input, select, textarea, a { vertical-align: middle; } select { line-height:18px; font-size: 12px; color: #1c1c1c; /*font-family: 'GT-America-Mono', ; Arial !important; */ } /* @media screen and (-webkit-min-device-pixel-ratio:0) { select { font-family: 'GT-America-Mono', ; dotum !important; } } @-moz-document url-prefix() { select { font-family: 'GT-America-Mono', ; dotum !important; } }*/ input:focus { outline: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; } input[type=text]::-ms-clear { display:none; } #preview_wrap { display:none !important } /* 미리보기 숨김 */ /* ======================================================================== 포인트 색상 class ======================================================================== */ .pointColor { color:#c08dff !important } .fc-blue { color:#0e67ec; font-weight:bold } /* ======================================================================== 공통 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:31px; line-height:31px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; } .txt-input2 { padding: 2px 0 0 2px; height:31px; line-height:31px; border: 1px solid #dcdcdc; } .MS_input_txt { margin-right:5px; padding: 2px 0 0 2px; line-height:31px; height:31px } .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 { font-family: 'GT-America-Mono',"Roboto Mono", monospace; 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); } /* en-font */ .fe { font-family: 'GT-America-Mono', Verdana; } /* font-color */ .fc-red { color: #bd101b; } .MS_option_price {font-family: 'GT-America-Mono',"Roboto Mono", monospace; color: #fe3333 } /* bold */ .bold { font-weight: bold; } /* float clear */ .clear {zoom: 1;} .clear:after {content: ""; display: block; clear: both;} /* margin */ .nomg { margin:0 !important } .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 */ .nopd { padding:0 !important } .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: center; } .tb-center { text-align: center; } .tb-right { text-align: center; } .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 #000 } .table-type-2 th, .table-type-2 td { border-bottom:1px solid #e9e9e9 } .table-type-2 th { padding:16px 0; font-size:13px; color:#101010; font-weight:normal } .table-type-2 td { padding:10px 0; color:#343434 } .table-type-2 td li { padding:5px 0 } .table-type-2 td a { vertical-align:top } .table-type-2 td.review-tx { padding:15px 130px; color:#999 } .table-type-2 td.nodata { padding:15px 0; text-align:center } .table-type-2 tr.nbg th, .table-type-2 tr.nbg td { background-image: none; } /* 상품리스트 (메인/검색/상품리스트) */ .prd-list { margin-top: 10px; } .prd-list table td { border: 0; } .prd-list table .tb-center { padding: 0 10px; } .prd-list table .info {font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace; 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 { border-bottom:1px solid #e9e9e9 } .table-cart thead th { padding:15px 0; font-size:13px; color:#101010; font-weight:bold; border-bottom:1px solid #e9e9e9 } .table-cart tbody td { padding:10px 0; border-top:1px solid #e9e9e9 } .table-cart tbody td .thumb { width:70px; height:70px; margin-left: auto; margin-right: auto } .table-cart tbody td .thumb a, .table-cart tbody td .thumb img { display:block; width:70px; height:70px } .table-cart tbody td .tb-opt { padding-top:5px } .table-cart tbody td .tb-opt .tb-dl .opt_dt { display:inline-block; width:34px; line-height:21px; vertical-align:top } .table-cart tbody td .tb-opt .tb-dl .opt_dd { display:inline-block; line-height:21px; word-break:break-all } .table-cart tbody td .txt-spin { width:31px; height:21px; border: 1px solid #acacac; font-size: 11px; } .table-cart tbody td .btn_option { padding:5px 11px 3px; font-size:11px } .table-cart tbody td .btn_select { width:70px; padding:5px 0 3px; font-size:11px } .table-cart tbody td .d-block { padding-bottom: 3px; } .table-cart tfoot td { padding:15px 0; font-weight:bold; line-height:20px; border-top:1px solid #e9e9e9 } .table-cart tfoot strong { color: #fe3333 } /* 일반형 주문서 작성 */ .table-order-prd { border-top:1px solid #000 } /* 수량 컨트롤 */ .table-cart .opt-spin { position: relative; width:50px; height:21px; margin-left: auto; margin-right: auto; padding-bottom:6px } .table-cart .opt-spin .txt-spin, .table-cart .opt-spin .btns { float: left; } .table-cart .opt-spin .txt-spin { margin-right:3px; width:31px; height:21px; border: 1px solid #acacac; font-size: 11px; text-align:center } .table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top:4px; } .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 #000 } .table-order-info tbody th, .table-order-info tbody td { padding:12px 0 11px 0; border-bottom: 1px solid #e9e9e9 } .table-order-info tbody th { background-color:#f8f8f8 } .table-order-info tbody th div.tb-left { padding-left:25px } .table-order-info tbody td { padding-left:10px } .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:40px; font-size:18px; color:#2e2e2e; font-weight:bold } .table-d2-list { border-top:1px solid #000 } .table-d2-list thead th { padding:15px 0; font-size:13px; color:#000; font-weight:bold; border-bottom:1px solid #e9e9e9 } .table-d2-list tbody td { padding:15px 0; color:#343434; border-bottom:1px solid #e9e9e9 } .table-d2-list tbody td a { color:#343434 } .table-d2-list tbody td .replyYes { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20 } .table-d2-list tbody td .replyNo { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#231f20; text-align:center; border:1px solid #231f20; background: #fff } /* 마이페이지 디자인 타입2 테이블 뷰 */ .table-d2-view { margin-top:10px; border-top:1px solid #000 } .table-d2-view th, .table-d2-view td { padding:15px 0; border-bottom:1px solid #e9e9e9 } .table-d2-view th { padding-left:20px; font-size:14px; color:#000; font-weight:normal; background:#f8f8f8 } .table-d2-view td { padding:15px 0 } .table-d2-view td .replyYes { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20 } .table-d2-view td .replyNo { display:inline-block; padding:4px 3px 3px; font-size:11px; color:#231f20; text-align:center; border:1px solid #231f20; background: #fff } /* paging */ .paging { padding:20px 0; text-align:center } .paging a { display:inline-block; height:27px; width:27px; line-height:26px; text-align:center; font-size:15px; color:#000;font-family: 'GT-America-Mono',"Roboto Mono", monospace; margin:0 6px} .paging a:hover, .paging a.now, .paging .now { color:#fff ; background-color:#333; border-radius:50% } .paging a.first, .paging a.prev, .paging a.next, .paging a.last { font-size:13px; } .paging a.first, .paging a.last { letter-spacing:-2px } /* 현재위치 */ .loc-navi { height:46px; text-align:center; overflow:hidden } .loc-navi, .loc-navi a { color: #878787; text-transform: capitalize; vertical-align:top; line-height:46px } /* 페이지 타이틀 */ /* 타입 1*/ #content .tit-page {font-family: 'GT-America-Mono',"Roboto Mono", monospace; padding-bottom:10px; position: relative; font-size:18px; color:#202020; line-height:18px; font-weight:400; border-bottom: 1px solid #000 } #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 { margin-top:40px; position: relative } #content .tit-page-2 h2 { font-size:18px; color:#2e2e2e; font-weight:bold } #content .tit-page-2 .dsc { position:absolute; top:8px; right:0 } /* 타입 3 */ #content .page-hd { padding-bottom:5px; border-bottom:1px solid #e3e3e3 } #content .page-hd h2 { color: #202020; font-size:18px; font-weight:bold; text-transform: uppercase } /* 상품 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:25px 0 25px 350px; width:753px; margin:0 auto; border-bottom:1px dashed #e9e9e9 } .mem-lvl:after { display:block; clear:both; content:'' } .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; font-size:12px; color:#2e2e2e; line-height:25px } .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; } /* ======================================================================== 공통 - 레이어 ======================================================================== */ #comment_password input { width:185px !important } /* ======================================================================== 공통 - 버튼타입 ======================================================================== */ .CSSbuttonBlack { display:inline-block; color:#fff; text-align:center; border:1px solid #231f20; background: #231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } .CSSbuttonBlack:hover { color:#231f20; background:#fff } .CSSbuttonBlack:active { position:relative; top:1px } .CSSbuttonWhite { display:inline-block; color:#231f20; text-align:center; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } .CSSbuttonWhite:hover { color:#fff; background:#231f20 } .CSSbuttonWhite:active { position: relative; top: 1px } .CSSbuttonGray { display:inline-block; color:#231f20; text-align:center; border:1px solid #e4e4e5; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } .CSSbuttonGray:hover { color:#fff; border:1px solid #231f20; background:#231f20 } .CSSbuttonGray:active { position: relative; top: 1px } .CSSbuttonMin { padding:3px 10px; font-size:10px } /* ======================================================================== 공통 - 레이아웃 ======================================================================== */ /* z-index */ #layerWrap { z-index: 1; } /* layout */ #header, #layerWrap, #contentWrap, #ftLink .link, #footer { position: relative; margin-left: auto; margin-right: auto; } #contentWrapper { position: relative; margin-top:-70px;} #contentWrap { *zoom:1 } #contentWrap:after { content: ""; display: block; clear: both; } #aside, #content { position: relative; padding-top:70px; width:1100px; margin:0 auto } #content { min-height:400px } /* 상품 미리보기 레이어 */ #detailpage { position: absolute; top: 100px; display: block; width:936px; padding:43px; border:1px solid #838897; background-color: #fff; } #detailpage .detail { zoom: 1; overflow: hidden; padding-left:526px } #detailpage .detail:after { display:inline-block; clear:both; content:'' } #detailpage .thumb-wrap, #detailpage .txt-wrap {text-align: left; position: relative; float: center; } #detailpage .close-layer { position: absolute; top:19px; right:19px; width:26px; height:26px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_close_layer.gif) 0 0 no-repeat } /* thumb-wrap */ #detailpage .thumb-wrap { width:486px; height:auto; left:-526px; margin-right:-526px; text-align: left } #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:486px } /* txt-wrap */ #detailpage .txt-wrap { width: 100%; font-family: 'GT-America-Mono', ; text-align: center;} #detailpage .txt-wrap .picon { padding-top:10px } #detailpage .txt-wrap .picon img { margin-right:3px } #detailpage .txt-wrap .ptit {text-align: center; font-size:14px; color:#1c1c1c } #detailpage .txt-wrap .table-opt { margin-top:10px } #detailpage .txt-wrap .table-opt th, #detailpage .txt-wrap .table-opt td { padding:4px 0 } #detailpage .txt-wrap .table-opt th { color:#969696; font-weight: normal } #detailpage .txt-wrap .table-opt th .tb-left, #detailpage .txt-wrap .table-opt td .tb-left { padding:0 } #detailpage .txt-wrap .table-opt td { color:#555 } #detailpage .txt-wrap .table-opt .sell_price { font-size:14px; color:#1c1c1c; font-weight:bold } #detailpage .txt-wrap .f-btns { margin-top:10px } #detailpage .txt-wrap .f-btns .soldout { margin-top:6px; width:408px; height:104px; font-size:14px; color:#231f20; text-align:center; line-height:104px; letter-spacing:2px; border:1px solid #231f20; background:#fff } #detailpage .txt-wrap .f-btns a { margin-top:6px } #detailpage .txt-wrap .f-btns .btn_buy { display:block; width:408px; height:40px; font-size:13px; color:#fff; font-family:'GT-America-Mono',Verdana; text-align:center; line-height:40px; border:1px solid #231f20; background:#231f20 } #detailpage .txt-wrap .f-btns .btn_buy:hover { color:#000; background:#fff } #detailpage .txt-wrap .f-btns .btn_buy:active { position: relative; top: 1px } #detailpage .txt-wrap .f-btns .btn_cart { display:block; width:408; height:40px; font-size:14px; color:#231f20; font-family:'GT-America-Mono',Verdana; text-align:center; line-height:40px; border:1px solid #231f20; background:#fff } #detailpage .txt-wrap .f-btns .btn_cart:hover { color:#fff; background:#231f20 } #detailpage .txt-wrap .f-btns .btn_cart:active { position: relative; top: 1px } /* 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: center; } #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:65px 0 20px; border-bottom:1px dashed #e9e9e9 } .bbs-hd .link {font-family: 'GT-America-Mono', ; text-align: center } .bbs-hd .link li { display: inline; } .bbs-hd .link li a { padding: 0 10px; color: #b7b7b7; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 2px; } .bbs-hd .link li.last a { background-image: none; } /* 타이틀 */ .bbs-tit { margin-top:60px; *zoom:1 } .bbs-tit:after { display:block; clear:both; content:'' } .bbs-tit h3 { font-family: 'GT-America-Mono',"Roboto Mono", monospace;float:left; font-size:15px; color:#000; font-weight:bold; line-height:30px text-align: center; } /* 검색 */ .bbs-sch { float:right } .bbs-sch label { text-align: center; margin-right:10px; font-size:11px } .bbs-sch label input { margin-top:-3px; vertical-align:middle } .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 .key-wrap a { margin-left:-1px; vertical-align:middle; } .bbs-sch img { *margin-top:1px; *margin-left:-1px; vertical-align:middle; } .bbs-sch .MS_input_txt { margin:0; padding:0 0 0 5px; width:178px; height:30px; border:1px solid #c3c3c3; 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-btm { padding:15px 0; position:relative; *zoom:1 } .bbs-btm:after { display:block; clear:both; content:'' } .bbs-btm .bbs-link { float:right } .bbs-btm .bbs-link a { margin-left:3px; width:108px; height:38px; font-size:13px; line-height:38px } .bbs-btm .bbs-paging .paging { margin:0 130px; padding:10px 0 } /* 게시판 한줄공지 */ .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:10px } .bbs-table-list thead th, .bbs-table-list tbody td { padding:15px 0 } .bbs-table-list thead th { font-size:13px; color: #000; font-weight:normal; font-family:'GT-America-Mono',Verdana; border-top:1px solid #000; border-bottom: 1px solid #e9e9e9 } .bbs-table-list tbody td { color:#343434; border-bottom: 1px solid #e9e9e9 } .bbs-table-list tbody td a { } /* 게시판 타입 - 보기 */ .bbs-table-view { margin-top:10px } .bbs-table-view thead th, .bbs-table-view tbody td { padding:15px 0 } .bbs-table-view thead th { color: #000; font-size:15px; font-weight:normal; border-top: 1px solid #000; border-bottom: 1px solid #e9e9e9 } .bbs-table-view .btn-dwn { margin-top:15px;} .bbs-table-view .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom } .bbs-table-view .privercy-agree label input { vertical-align:top; *vertical-align:top } /* 팝업 타이틀 (1:1고객게시판) */ .tit-pop { position:relative } .tit-pop h1 { font-size:18px; color:#000; font-weight:bold; line-height:18px } .tit-pop .txt { position:absolute; top:5px; right:0; font-size:12px; color:#343434 } /* 미니홈피, 방명록 게시글 뷰 */ /* 상단 */ .visit-vhd { margin-top: 10px; border-top: 1px solid #000 } .visit-vhd th, .visit-vhd td { padding:15px 0; border-bottom: 1px solid #e9e9e9; font-size:15px; color:#000 } .visit-vhd .tb-left{ padding:0 10px } /* 내용*/ .visit-vcont th, .visit-vcont td { padding:15px 0; color: #000 } .visit-vcont .info em { font-weight:bold } .visit-vcont .info .video-writer { display:inline-block; *display:inline } .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:15px 0; min-height:250px; color:#8d8d8d } .visit-vcont td .tb-cont img { max-width: 100%; } /* 코멘트 */ .visit-vcmt { border-top:1px solid #000 } .visit-vcmt td { padding:20px 0 15px; border-bottom:1px dashed #e9e9e9; vertical-align:top } .visit-vcmt .com-name { margin-right:20px; font-weight:bold; color:#000 } .visit-vcmt .com-date { font-size:11px; color:#aeaeae } .visit-vcmt .com-cont { padding:10px 20px 0 0; color:#828282; line-height:20px } /* 작성 */ .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; } .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; border-top:1px solid #000 } .bbs-table-write tbody th, .bbs-table-write tbody td { padding:13px 0; text-align:center; border-bottom:1px solid #e9e9e9 } .bbs-table-write tbody th { padding-left:30px; font-size:14px; font-weight:normal; background:#f8f8f8 } .bbs-table-write tbody td { padding:13px 10px } .bbs-table-write .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom } .bbs-table-write .privercy-agree label input { vertical-align:top; *vertical-align:top } /* 게시판 타입 - 비밀번호찾기 */ .bbs-table-pwd { margin-top:10px; padding:60px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .bbs-table-pwd table { width:475px; margin:0 auto } .bbs-table-pwd tbody th, .bbs-table-pwd tbody td { font-size:14px; color:#8d8d8d; font-weight:normal } .bbs-table-pwd tbody td input { padding:0 0 0 5px; width:355px; height:42px; line-height:42px; border:1px solid #ddd } .pwd-link { padding:40px 0 100px; text-align:center } .pwd-link a { margin:0 3px; width:188px; height:58px; font-size:16px; line-height:58px } /* 공통으로 쓰는거 */ 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 div { padding-top:5px } .cont-sub-des span { margin-right:15px; color:#343434 } .cont-sub-des span em { font-size:12px; color:#343434; font-weight:bold } .cont-sub-des span a { } .comment-list { border-top:1px solid #000 } .comment-write { border-bottom:1px solid #e9e9e9 } .bbs-table-view .comment-box td { padding-top:20px; border-bottom:1px dashed #e9e9e9; vertical-align:top } .comment-box .com-name { margin-right:20px; font-weight:bold; color:#000 } .comment-box .com-date { font-size:11px; color:#aeaeae } .comment-box .com-cont { padding:10px 20px 0 0; color:#828282; line-height:20px } .bbs-table-view td.com-wrt-box { border:0;} .com-wrt-box label { padding-left:12px; font-size:14px; color:#000; background: url('//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_4x4.gif') no-repeat 0 50%;} .com-wrt-box .input-style { margin:0 10px 0 7px; padding:0 0 0 5px; width:212px; height:27px; line-height:27px; border:1px solid #ddd } .com-wrt-box .wrt { margin-top:7px } .com-wrt-box .wrt span { margin:0 10px; font-size:14px; color:#828282 } .com-wrt-box .wrt textarea { padding:1px 0; width:978px; height:118px; border:1px solid #ddd } .com-wrt-box .wrt_write { padding-bottom:15px; font-size:0 } .com-wrt-box .wrt_write .CSSbuttonBlack { width:118px; height:120px; font-size:16px; line-height:120px } .view-link { padding:20px 0; text-align:center } .view-link a { width:108px; height:38px; font-size:13px; line-height:38px } /* 게시판 회원 게시글 검색 */ .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 } .new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; } .new-privercy-contract .privercy-agree label { vertical-align:-2px \0/IE8+9; *vertical-align:bottom } .new-privercy-contract .privercy-agree label input { vertical-align:top; *vertical-align:top } .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 } /* ======================================================================== hot issue common class ======================================================================== */ /* .item-wrap */ .item-wrap { overflow: hidden; } .item-wrap .item-hd { margin: 40px 0 20px 0 } .item-wrap .nbg { background: none; text-align: center; } .item-wrap .item-info { zoom: 1; overflow: hidden; padding: 55px 0 10px; margin-bottom:10px } .item-wrap .item-info:after { display:block; clear:both; content:'' } .item-wrap .item-info .count { float: left; font-family:'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace; font-size:13px; color:#333333 } .item-wrap .item-info .count span { color: #333333; font-family:'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace; } .item-wrap .item-info .item-order { float: right } .item-wrap .item-info .item-order li { float: left; padding: 0 15px; line-height:12px; border-right:1px solid #ddd } .item-wrap .item-info .item-order li.nobg { padding-right:0; border-right:none } .item-wrap .item-info .item-order li a { font-size: 12px; color:#a6a6a6; line-height:12px; vertical-align:top } .item-wrap .item-info .item-order li a .on { color: #111 } /*아이템 갯수, 정렬 카테고리*/ .item-order select{border-color:#eee !important; color:#8c8c8c;padding:4px; text-align:center; font-size:12px} .item-wrap .item-cont { } .item-wrap .item-cont:after { content: ""; display: block; clear: both } .item-wrap .item-cont .item-list { padding-right:22px; float:left; width:352px; text-align:center } .item-wrap .item-cont .item-list .thumb { width:352px; height:352px; overflow:hidden } .item-wrap .item-cont .item-list .thumb img { width:352px; height:352px } .item-wrap .item-cont .item-list .prd-info { padding:18px 0 60px; overflow:hidden } .item-wrap .item-cont .item-list .prd-ico img { margin:2px } .item-wrap .item-cont .item-list .prd-name { text-align: center;padding-top:5px } .item-wrap .item-cont .item-list .prd-name a { text-align: center; display:block; color:#1c1c1c; line-height:14px; text-overflow:ellipsis; word-wrap:normal } .item-wrap .item-cont .item-list .prd-price { padding-top:5px; font-family:'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace; } .item-wrap .item-cont .item-list .prd-price strike { color:#707070 } .item-wrap .item-cont .item-list .prd-price .price { font-family:'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace; color:#1c1c1c } .item-wrap .item-cont .item-list .prd-color { text-align: center; padding-top:5px } .item-wrap .item-cont .item-list .prd-preview { padding-top:5px } .item-wrap .item-cont .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat } .item-wrap .item-cont .item-list .prd-subname { text-align: center; margin-top:15px; padding-top:15px; color:#8b8b8b; text-align:center; border-top:1px dashed #c6c6c6 } .item-wrap .item-cont .item-list .MK-product-icons img { vertical-align: middle } .item-wrap .item-cont .nomg { padding-right: 0px } .item-wrap .item-page { margin-top: 50px; text-align: center; } .item-wrap .item-page a { padding: 0 5px } .item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; } /* 타이틀 */ .cateTit { padding-top:60px; position:relative; text-align:center } .cateTit h3 { font-size:20px; color:#1c1c1c; font-weight:bold; font-family:'GT-America-Mono',Verdana; line-height:20px text-align: center;} .cateTit .line { margin:20px auto; width:10px; height:2px; background:#1c1c1c } /* 타이틀 - 회원가입 등의 페이지 */ .cateTit_v2 { *zoom:1 } .cateTit_v2:after{content:"";display:block;clear:both;} .cateTit_v2 .right{float:right;} .cateTit_v2 .title{ font-family: 'GT-America-Mono',"Roboto Mono", monospace; font-size:18px;line-height:1;font-weight:bold;display:inline-block;*float:left;*line-height:20px} .cateTit_v2 .subTxt{ font-family: 'GT-America-Mono',"Roboto Mono", monospace; font-size:12px;line-height:1.5;} .cateTit_v2.join{margin:88px 0 20px;padding:14px 0;border-bottom:1px solid #000;color:#000;} /* =========================================================================================================================================================== */ /* =========================================================================================================================================================== */ /* ======================================================================== WIZDESIGN ======================================================================== */ /* =========================================================================================================================================================== */ /* =========================================================================================================================================================== */ /* 위즈공통-CSS */ ._kor {font-family: 'GT-America-Mono',"Noto Sans Mono", 'Pretendard','Noto Sans KR','Roboto', "Nanum Gothic", '맑은 고딕',monospace;'Open Sans','Noto Sans KR',"Nanum Gothic",'맑은 고딕' 'Noto Sans','Nanum Barun Gothic',돋움 } .-ani { animation:opac 2s;-webkit-animation:opac 2s;transition:2s;}@keyframes opac{from {opacity:0}to {opacity:1}}@-webkit-keyframes opac{from {opacity:0}to {opacity:1} } .-ani {-webkit-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;-ms-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-ms-transition-duration:0.5s;-ms-transition-timing-function:ease;-ms-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-ms-transition-duration:0.5s;-ms-transition-timing-function:ease;-o-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-o-transition-duration:0.5s;-o-transition-timing-function:ease;transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;transition-duration:0.5s;transition-timing-function:ease;} .-ani:hover{-webkit-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease;-ms-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-ms-transition-duration:0.5s;-ms-transition-timing-function:ease;-ms-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-ms-transition-duration:0.5s;-ms-transition-timing-function:ease;-o-transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;-o-transition-duration:0.5s;-o-transition-timing-function:ease;transition-property: width,height,background-color,font-size,left,top,right,bottom,border,color,margin,opacity;transition-duration:0.5s;transition-timing-function:ease;} /*.-mos03 { -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; } .-mos05 { -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; } .-mos1 { -webkit-transition:all 1s ease; -khtml-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }*/ .-opt { opacity: 1; filter: alpha(opacity=70); } .-off { display:none; } .none { display:none; } .-zoom{-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;-webkit-transform:scale(1);transform:scale(1);backface-visibility:hidden;} .-zoom:hover{-webkit-transform: scale(1.05);transform: scale(1.05);backface-visibility: hidden;} .-box { -webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .-clear{zoom:1;} .-clear:after{content:""; display:block; clear:both;} a, a img{ -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; } /* =========================================================================================================================================================== ※ 게시판 =========================================================================================================================================================== */ .bbs-sub-tit { color: #999; font-size: 12px; line-height: 20px; margin: 10px auto; text-align: center; } .bbs_board_menu{ box-sizing: border-box; overflow: hidden; margin-bottom: 60px; text-align: center; } .bbs_board_menu > a{ display: inline-block; width: 10%; line-height: 1; padding:10px 0; border-radius:3px; margin:0 5px; box-sizing: border-box; background:#f8f8f8; font-size: 11px; text-align: center; } .bbs_board_menu > a:hover, .bbs_board_menu > a.bbs_on{ background: #666; color: #fff; font-weight: bold; } .bbs_board_menu > a{ -webkit-transition: all .35s cubic-bezier(.25, .1, .11, .99); -moz-transition: all .35s cubic-bezier(.25, .1, .11, .99); transition: all .35s cubic-bezier(.25, .1, .11, .99); } /* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */ /* 검색 */ .bbs-sch { margin-top: 20px; margin-bottom : 10px; float: left; } .bbs-sch label { margin-right: 10px; } .bbs-sch .key-wrap input { width: 125px; height: 25px; background:#f4f4f4; border: 1px solid #fff; } .bbs-sch .key-wrap, .bbs-sch .keyword, .bbs-sch img { vertical-align: middle; } .bbs-sch .keyword { width: 125px; height: 25px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 25px; } /* 게시판 글쓰기, 목록 이동 링크 */ .bbs-link a.none { background: url('');} .bbs-link span { font-size:11px; line-height:14px;} /* 게시판 한줄공지 */ .bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; 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: 10px 0; letter-spacing:1px; } .bbs-table-list thead th { padding: 15px 0; font-weight: normal; font-size: 11px; background:#f8f8f8; } .bbs-table-list tbody td { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;} /* 미니홈피, 방명록 게시글 뷰 */ /* 상단 */ .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:'GT-America-Mono', "Noto Sans Mono",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 #f4f4f4;} .visit-vcont th { font-weight: normal; font-family: 'GT-America-Mono', 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:'GT-America-Mono',"Noto Sans Mono", 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 #f4f4f4; border-bottom:1px solid #f4f4f4; 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 #f4f4f4; border-bottom:1px solid #f4f4f4; font-weight:normal; font-size:11px;} /* 공통으로 쓰는거 */ #bbsData input {height:25px; background:#F9F9F9; border:0; } textarea { width:100%; height:47px; padding:2px; border:1px solid #f4f4f4;} .input-style { padding:2px; height:25px; line-height:25px; border:1px solid #f4f4f4;} .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; } /* ===== 게시판쓰기페이지 ===== */ #bbsData .bbs-link-btm { margin-top: 10px; text-align: right; } .bbs-table-write textarea { max-width: 95%; height: 200px; } .bbs-table-write p { text-align: center; margin: 10px 0px; } .bbs-table-write .title { line-height: 25px; } .bbs-table-write .input_style { width: 180px; } .bbs-table-write .input_style2 { width: 460px; } /* 상품 상단 정보 */ .prd-tinfo { zoom: 1; overflow: hidden; padding: 10px 0 10px 80px; border: 1px solid #f4f4f4; margin-top: 20px; } .prd-tinfo dt, .prd-tinfo dd { position: relative; float: left; } .prd-tinfo dt { left: 0px; margin-right: 20px; width: 100px; height: auto; border: 0px solid #f4f4f4; } .prd-tinfo dt img { width: 100%; height: 100%; } .prd-tinfo dd { } .prd-tinfo dd ul { padding: 15px 0 0 10px; min-height: 45px; _height: 45px; border-left: 0px solid #e0e0e0; } .prd-tinfo dd ul li { padding: 1px 0; } .prd-tinfo dd ul li .tit { display: inline-block; width: 55px; } .prd-tinfo dd ul li.name .tit { letter-spacing: 1px; } /* 개인정보보호정책 동의 */ .privercy-contract textarea { height: 100px; width: 100%; } .new-privercy-contract p { width: 100%; text-align: left; } .privercy-contract-tap { height:30px; } .privercy-contract-tap li a { padding: 7px 10px; } /* 개인정보 수집 이용 */ .privercy-contract .tbl { width:100%; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; } .privercy-contract .tbl caption { display:none; } .privercy-contract .tbl th { line-height:32px; font-size:11px; font-weight:normal; background: #f9f9f9; text-align:center; } .privercy-contract .tbl th, .privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; letter-spacing:1px; } .privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; } /* ===== 게시판보기페이지 ===== */ .bbs-table-view { margin-top: 10px; letter-spacing:1px; } .bbs-table-view thead th, .bbs-table-view tbody td { padding: 15px 0; } .bbs-table-view thead th { font-weight: normal; font-size: 11px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;} .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;} .bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; } .bbs-table-view hr { display: block; } .wrt { padding-left: 10px; } .wrt span { margin: 0px 10px; } .wrt textarea { width: 100%; height: 50px; margin-right: 5px; } .view-link { text-align: right; position: relative;} .view-link .con-link { position: absolute; left: 0; } .input-style2 { width: 120px; margin: 0px 5px; } .list-link { padding: 6px 14px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .list-link li { padding: 4px 0px; } .list-link span.arrow { padding: 0px 10px 0px 15px; font-size: 11px; color: #9d9d9d; } .list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left top; } .list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left top; } .data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; } .data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; } .data-bd-cont .add_content { float: left; width: 70%; } .data-bd-cont .attach { text-align: center; margin-bottom: 10px; } /* 관련 상품 목록 */ .fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;} .list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;} .fixed-img-collist ul { padding:15px 11px 0;} .fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;} .fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;} .fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;} .fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;} /* 패스워드 */ .pwd-link { margin-top:15px; text-align:center; } /* =========================================================================================================================================================== ※ 페이징코드 =========================================================================================================================================================== */ .pagingWrap { clear:both; text-align:center; width:100%; padding:20px 0 0 0; } .paging { text-align: center; vertical-align: top; display:inline-block; } .paging li { display: inline-block; float:left; font-size: 12px; color: #757575; vertical-align: top;} .paging li a { display: block; width: 33px; height:auto; border-top: 1px solid #ccc; padding: 9px 0; font-family: open sans; font-size: 11px; font-weight: normal; color: #777; line-height: 14px; background: #fff;} .paging li.now a { padding-bottom: 6px; border-top: 1px solid #333;font-weight: bold; color: #333; } .paging li.first a, .paging li.prev a, .paging li.next a, .paging li.last a { padding:0; font-size:0; text-indent:-99999px; height:33px; line-height:33px; } .paging li.prev { } .paging li.next { } .paging li.first a { background:url('/design/yhinc/wizdesign/btn_comment_first.png') no-repeat; } .paging li.prev a { background:url('/design/yhinc/wizdesign/btn_comment_prev.png') no-repeat; } .paging li.next a { background:url('/design/yhinc/wizdesign/btn_comment_next.png') no-repeat; } .paging li.last a { background:url('/design/yhinc/wizdesign/btn_comment_last.png') no-repeat; } /* =========================================================================================================================================================== ※ 애니메이션효과 =========================================================================================================================================================== */ .fromTopIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; } .fromTopOut { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,-10px); opacity: 0.0; } .fromBottomIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; } .fromBottomOut { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,10px); opacity: 0.0; } .fromLeftIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; } .fromLeftOut { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(-10px,0); opacity: 0.0; } .fromRightIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0; } .fromRightOut { transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(10px, 0); opacity: 0.0; } .scaleUpIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0; } .scaleUpOut { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.3,1.3); opacity: 0.0; } .scaleDownIn { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0; } .scaleDownOut { transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(0.7,0.7); opacity: 0.0; } /* =========================================================================================================================================================== */ /* =========================================================================================================================================================== ※ 영영노출 / 비노출설정 ※ 아래 코드에서 사용하지 않는 부분에 ( 예 : #main_content { display:none; } ) 로 변경하시면 노출이 되지 않습니다.. ※ 반드시 설정후 쇼핑몰에 이상이 없는지 확인하시기 바랍니다. =========================================================================================================================================================== */ /* =========================================================================================================================================================== */ #main_content { } /* 메인큰이미지영역 */ #WD-hastag { } /* 메인해시태그영역 */ #WD-pro-silde { } /* 메인상품슬라이드영역 */ #WD-pro1 { } /* 상품영역1 */ #WD-mbrnWarp { } /* 메인배너2개영역 */ #WD-pro2 { } /* 상품영역2 */ #WD-bnr-down { } /* 메인하단롱배너영역 */ #WD-ins-wrap { } /* 메인인스타그램영역 */ .over_view { } /* 상품 마우스 오버시아이콘 */ .item-subname { } /* 추가상품명 */ .item-sale { } /* 상품마우스오버시 할인률 */