/* ============================================================================= ### 공통적용 사항 시작 ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%/*화면회전시 폰트 고정할때 none*/; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif, Dotum; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #222; text-decoration: none; } /* a:visited { color: #551a8b; } a:hover { color: #06e; } */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 0; } dfn { font-style: italic; } hr { display: none; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dl { margin: 0; } dd { margin: 0; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } p { margin: 0; } form { margin: 0; padding: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { overflow: hidden; text-indent: -9999px; width: 0; height: 0; font-size: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: none; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } body{ font: 100% Helvetica, Helvetica Neue, Arial; } .wrapper{ position: relative; width: 100%; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .dont-scroll { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .txt-l { padding:0 5px;} /* ============================================================================= 유틸 ========================================================================== */ .lazy { display: none; } .w-100 { width: 100%; } .style-none { list-style-type: none !important; } .box-round { -webkit-border-radius: 5px !important; border-radius: 5px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .box-opacity { opacity: 0.7; filter: alpha(opacity=70); } .box-gradient-01 { background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #efefef, #dcdcdc); background-image: -moz-linear-gradient(top, #efefef, #dcdcdc); background-image: -o-linear-gradient(top, #efefef, #dcdcdc); background-image: linear-gradient(to bottom, #efefef, #dcdcdc); } .box-shadow-01 { -webkit-box-shadow: 1px 1px 0 0 #9b9a9a; box-shadow: 1px 1px 0 0 #9b9a9a; } .box-gradient-02 { background-color: #898686; background-image: -webkit-gradient(linear, left top, left bottom, from(#898686), to(#595858)); background-image: -webkit-linear-gradient(top, #898686, #595858); background-image: -moz-linear-gradient(top, #898686, #595858); background-image: -o-linear-gradient(top, #898686, #595858); background-image: linear-gradient(to bottom, #898686, #595858); } .box-shadow-02 { -webkit-box-shadow: 1px 1px 0 0 #ededed; box-shadow: 1px 1px 0 0 #ededed; } .box-gradient-03 { background-color: #e3e3e3; background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#cdcdcd)); background-image: -webkit-linear-gradient(top, #e3e3e3, #cdcdcd); background-image: -moz-linear-gradient(top, #e3e3e3, #cdcdcd); background-image: -o-linear-gradient(top, #e3e3e3, #cdcdcd); background-image: linear-gradient(to bottom, #e3e3e3, #cdcdcd); } .box-gradient-04 { background-color: #c3c3c3; background-image: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#929292)); background-image: -webkit-linear-gradient(top, #c3c3c3, #929292); background-image: -moz-linear-gradient(top, #c3c3c3, #929292); background-image: -o-linear-gradient(top, #c3c3c3, #929292); background-image: linear-gradient(to bottom, #c3c3c3, #929292); } .box-gradient-05 { background-color: #fefefe; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fdfdfd)); background-image: -webkit-linear-gradient(top, #fefefe, #fdfdfd); background-image: -moz-linear-gradient(top, #fefefe, #fdfdfd); background-image: -o-linear-gradient(top, #fefefe, #fdfdfd); background-image: linear-gradient(to bottom, #fefefe, #fdfdfd); } .box-shadow-03 { -webkit-box-shadow: 1px 1px 0 0 #d6d6d6; box-shadow: 1px 1px 0 0 #d6d6d6; } .txt-input { border: 1px solid #8c8c8c; } .btn-type-01 { display: inline-block; padding: 7px 10px; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-type-01 span { color: #777; font-size: .875em; font-weight: bold; } .btn-type-02 { display: inline-block; padding: 4px 6px; border: 1px solid #808080; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-type-02 span { color: #fff; font-size: .875em; font-weight: bold; } .btn-type-03 { display: inline-block; padding: 7px 8px; border: 1px solid #808080; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-type-03 span { color: #fff; font-size: .875em; font-weight: bold; } .btn-type-04 { display: inline-block; padding: 7px 8px; border: 1px solid #808080; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-type-04 span { color: #000; font-size: .875em; font-weight: bold; } .btn-type-05 { display: inline-block; padding: 3px 5px; border: 1px solid #8c8c8c; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-type-05 span { color: #777; font-size: .75em; font-weight: bold; } .btn-type-06 { display: inline-block; text-align: center; background-color: #8b8b8b; border: 1px solid #696969; } .btn-type-06 span { display: block; width: 100%; height: 100%; border: 1px solid #979797; color: #fff; font-size: .75em; } .btn-type-07 { -webkit-box-shadow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc; text-shadow: 1px 1px 0 #fff; box-shadow: 2px 2px 3px #ccc; border: 1px solid #a1a1a1; background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#bfbfbf)); background: -moz-linear-gradient(top, #f4f4f4, #bfbfbf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#bfbfbf'); text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-type-07 span { color: #777; width: 100%; height: 100%; font-size: .75em; font-weight: bold; } .btn-type-08 { display: inline-block; line-height: 1; padding: 4px 8px; background-color: #b6b6b6; color: #fff; border: 1px solid #8b8b8b; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .btn-type-08 span { font-size: .875em; font-weight: bold; } .btn-type-09 { display: inline-block; padding: 4px 20px 4px 10px; background: #fff url(../img/bull/arr_h14@2x.gif) no-repeat 90% 50%; background-size: 5.5px 7px; border: 1px solid #8c8c8c; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #777; font-size: .75em; } .results .more { margin: 10px auto; text-align: center; } .results .more a { width: 90.3125%;; margin: 0 auto; text-align: center; } .results .none-data { text-align: center; margin: 15px 0; } .results .none-data p { margin: 10px 0; font-size: .75em; color: #777; } table.normal { width: 100%; font-size:1em; margin-top: 5px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } table.normal tr { border-bottom: 1px solid #e1e1e1; /*line-height: 34px;*/ } table.normal th, table.normal td { text-indent: 5px; text-align: left; padding: 5px 0; position: relative; } table.normal th { background-color: #f1f1f1; } table.normal tfoot td { padding: 4px 0; } table.normal .txt-input { text-indent: 5px; height: 21px; padding: 3px 0 1px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } table.normal .f-right { float: right; min-height: 35px; } table.normal .btn-type-01, table.normal .btn-type-02 { line-height: 1em; text-indent: 0; padding: 8px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .layer-pop { display: none; position: absolute; left:0; top: 0; z-index: 101; width: 100%; min-height: 100%; background-color: #fff; } .layer-pop h3 { white-space: nowrap; padding-left: 15px; padding-right: 10%; overflow: hidden; text-overflow: ellipsis; color: #fff; background-color: #a0a0a0; font-size: .875em; margin: 0; min-height: 30px; line-height: 1.5em; padding-top: 7px; } .layer-pop .btns { margin: 25px 0; padding: 0 15px; } .layer-pop .btns .btn-type-03, .layer-pop .btns .btn-type-04 { padding: 7px 20px; } .layer-pop .btns .f-right { float: right; } .layer-pop .close { display: block; width: 30px; height: 27px; position: absolute; right: 0; top: 10px; background: #fff url(../img/bull/btn_del_gray@2x.gif) no-repeat center center; background-size: 11px 11px; text-indent: -9999px; font-size: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } /* 기존것들 */ .bg-stit { position: relative; } .bg-stit:after { position: absolute; content: ""; background: url(../img/bull/bg_stit_bull.png) no-repeat; } /* button type01 */ .btn-type01 button, .btn-type01 a, button.btn-type01, a.btn-type01 { font-family: sans-serif, Dotum; text-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 2px 2px 3px #ccc; -moz-box-shadow: 2px 2px 3px #ccc; box-shadow: 2px 2px 3px #ccc; border: 1px solid #a1a1a1; background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#bfbfbf)); background: -moz-linear-gradient(top, #f4f4f4, #bfbfbf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#bfbfbf'); } .td_middle td { vertical-align: middle; } /* 주소찾기 팝업 - 기존것 */ #addrSearch { z-index: 3; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; } #addrSearch h2, #addrSearch h3, #addrSearch h4, #addrSearch h5, #addrSearch p { margin: 0; } #addrSearch .search-container { background: #f6f6f6; padding-bottom: 25px; } #addrSearch .search-header { background-color: #fff; } #addrSearch .search-header h2 { padding-left: 40px; padding-bottom: 5px; color: #222; text-shadow: 1px 1px 0 #fff; font-size: .875em; margin-top: 25px; font-weight: bold; } #addrSearch .search-header h2:after { left: 5px; bottom: 8px; width: 31px; height: 19px; background-position: 0 -77px; } #addrSearch p.msg01, #addrSearch p.msg02 { text-align: center; font-size: .75em; } #addrSearch p.msg01 { margin-left: 10px; color: #3d3d3d; font-weight: bold; } #addrSearch p.msg02 { font-size: smaller; color: #b2b2b2; } #addrSearch .btn-close { padding: 0 10px; } #addrSearch .btn-close a { display: inline-block; text-align: center; line-height: 1.25em; width: 100%; padding: 6px 0; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 이전 다음 버튼 */ #addrSearch .btn-ctrl { margin-top: 20px; text-align: right; } #addrSearch .btn-ctrl a { padding: 3px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #addrSearch .step-comm { display: none; border-top: 2px solid #cacaca; padding: 20px 20px 30px; } /* step01 */ #addrSearch #searchStep01 { display: none; } #addrSearch #searchStep01 .msg02 { margin-top: 5px; } #addrSearch #searchStep01 .search-form { position: relative; padding-right: 65px; margin-top: 10px; } #addrSearch #searchStep01 .search-form .keyword { display: block; margin-right: 15px; } #addrSearch #searchStep01 .search-form .keyword input { padding: 3px 5px; width: 100%; outline: none; vertical-align: top; border: 0 none; -webkit-appearance: none; border: 1px solid #a1a1a1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #addrSearch #searchStep01 .search-form .btn-submit { position: absolute; right: 0; top: 0; width: 60px; height: 26px; color: #ffffff; font-size: 12px; font-weight: bold; font-family: sans-serif, Dotum; border: 0 none; text-shadow: 1px 1px 0 #5a5a5a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #848584; background: -webkit-gradient(linear, left top, left bottom, from(#a0a09f), to(#848584)); background: -moz-linear-gradient(top, #a0a09f, #848584); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0a09f', endColorstr='#848584'); } /* step02 */ #addrSearch #searchStep02 { margin-top: 20px; } #addrSearch #searchStep02 .addr-list { margin-top: 10px; width: 100%; } #addrSearch #searchStep02 .btn-next button { padding: 3px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* step03 */ #addrSearch #searchStep03 { display: none; } #addrSearch #searchStep03 .detail-addr { margin-top: 15px; } #addrSearch #searchStep03 .detail-addr ul.detail-list { padding-bottom: 15px; border-bottom: 1px solid #ccc; } #addrSearch #searchStep03 .detail-addr .txt-input { border: 1px solid #efefef; padding: 2px 0 0 2px; height: 18px; } #addrSearch #searchStep03 .detail-addr li { list-style-type: none; font-size: .75em; } #addrSearch #searchStep03 .detail-addr li span.tit, #addrSearch #searchStep03 .detail-addr li span.cont { display: block; color: #333; } #addrSearch #searchStep03 .detail-addr li span.tit { font-weight: bold; } #addrSearch #searchStep03 .detail-addr li span.cont { margin-left: 60px; position: relative; top: -18px; margin-bottom: -18px; } /* 우편번호 */ #addrSearch #searchStep03 .detail-addr li.num .cont input.num-input { width: 50px; } /* 주소 */ #addrSearch #searchStep03 .detail-addr li.addr { margin-top: 20px; } #addrSearch #searchStep03 .detail-addr li.addr .cont input.addr-input { width: 100%; } #addrSearch #searchStep03 .detail-addr li.addr .cont .addr02 input.addr-input { margin-top: 5px; } #addrSearch #searchStep03 .btn-input { text-align: right; } #addrSearch #searchStep03 .btn-input { text-align: right; margin-top: 5px; } #addrSearch #searchStep03 .btn-input button { padding: 3px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ============================================================================= 상품리스트 ========================================================================== */ .items-wrap { margin-top: 2px; } .items-wrap h2.tit-main{ margin: 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 0.8125em; font-weight: bold; height: 34px; line-height: 34px; padding-left: 21px; background: #f2f2f2 url(../img/bull/items_h2@2x.gif) no-repeat 7.5px 50%; background-size: 10.5px 13px; } .items-wrap .items { padding: 0; margin: 0; } .items-wrap .items li { list-style-type: none; font-size: .875em; color: #777; font-weight: bold; text-align: center; margin-bottom: 8px; } .items-wrap .items li.opt-btn { position: relative; z-index: 11;} .items-wrap .items .thumb-img { /*border: 1px solid #e3e3e3;*/ width: 100%; height: 125px; margin: 0 auto; } .items-wrap .items .thumb-img img { width: 100%; height: auto; max-height: 100%; } .items-wrap .items .link-view { z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .items-wrap .items .link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } .items-wrap .items .icons { position: absolute; left: 0; top: 0; } .items-wrap .items .icons span { display: block; } .items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(../img/icon/sold_out.png) no-repeat top center; background-size: 100%; } .items-wrap .toggle-btn { position: absolute; right: 7.5px; top: 5.5px; } .items-wrap .toggle-btn a { display: block; width: 26.5px; height: 26.5px; text-indent: -9999px; } .items-wrap .items { display: block; } .items-wrap .items[data-open=off] { display: none; } .items-wrap .items[data-open=on] + .toggle-btn a { background: url(../img/btn/item_toggle_btn_on@2x.gif) no-repeat 0 0; background-size: 26.5px 26.5px; } .items-wrap .items[data-open=off] + .toggle-btn a { background: url(../img/btn/item_toggle_btn_off@2x.gif) no-repeat 0 0; background-size: 26.5px 26.5px; } .items-wrap .items .pname { word-break:break-all!important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } /* 타일형 */ .items-wrap .items[data-type=tile] > li { float: left; position: relative; width: 33.333%; overflow: hidden; } .items-wrap .items[data-type=tile] .pname { display: none; visibility: hidden; } .items-wrap .items[data-type=tile] .price { display: none; visibility: hidden; } .items-wrap .items[data-type=tile] .thumb-img { width: 100%; height: 100%; } .items-wrap .items[data-type=tile] .thumb-img img { position: absolute; width: auto; min-width: 100%; min-height: 100%; max-height: 100%; left: 0; top: 0; } /* 가로형 */ .items-wrap .items[data-type=horizontal] > li { float: left; position: relative; width: 33.333%; } .items-wrap .items[data-type=horizontal] .thumb-img { position: relative; overflow: hidden; } .items-wrap .items[data-type=horizontal] .thumb-img img { position: absolute; top: 0; left: 0; max-height: 100%; } .items-wrap .items[data-type=horizontal] .pname { font-weight: normal; height: 17px; margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: clip; } .items-wrap .items[data-type=horizontal] .price-strike { line-height: 15px; font-weight: normal; text-decoration: line-through; } .items-wrap .items[data-type=horizontal] .price { line-height: 15px; font-weight: bold; } /* 세로형 */ .items-wrap .items[data-type=list] > li { position: relative; text-align: left; margin-bottom: 0; padding: 14px 0; border-bottom: 1px solid #e3e3e3; } .items-wrap .items[data-type=list] > li dl { position: relative; margin-left: 5px; min-height: initial; } .items-wrap .items[data-type=list] > li dl:before, .items-wrap .items[data-type=list] > li dl:after { content: ""; display: table; } .items-wrap .items[data-type=list] > li dl:after { clear: both; } .items-wrap .items[data-type=list] .thumb-img { position: relative; float: left; margin: 0; width: 95px; height: auto; } .items-wrap .items[data-type=list] .thumb-img img { width: 100%; height: auto; max-height: none; } .items-wrap .items[data-type=list] .pname { line-height: 1.5em; margin-left: 105px; margin-right: 15px; color: #000; width: auto; margin-top: 0; margin-bottom: 10px; } .items-wrap .items[data-type=list] .pname .blue-delivery { padding: 2px 5px; margin-right: 5px; font-size: .75em; background-color: #d1dff9; color: #6278b4; border: 1px solid #b6c4e7; } .items-wrap .items[data-type=list] .pname .red-delivery { padding: 2px 5px; margin-right: 5px; font-size: .75em; background-color: #f6d3d1; color: #956767; border: 1px solid #f1c3c3; } .items-wrap .items[data-type=list] .price-info { margin-left: 105px; margin-right:15px; border-top:1px solid #aeaeae; padding-top:10px;} .items-wrap .items[data-type=list] .price-info .btn-type-02 { font-family: 'Courier New'; padding: 5px 7px; } .items-wrap .items[data-type=list] .price-info li { text-align: left; border: none; margin-left: 0; margin: 0; padding: 0; line-height: 1.5em; font-size: 1em; } .items-wrap .items[data-type=list] .price-info .tit { margin-right: 8px; font-size: 1em; } .items-wrap .items[data-type=list] .price-info .original { } .items-wrap .items[data-type=list] .price-info .strike { text-decoration: line-through; } .items-wrap .items[data-type=list] .price-info .discount { color: #000; font-weight: bold; } .items-wrap .items[data-type=list] .price-info .save { } .items-wrap .items[data-type=list] .price-info .review-count em { font-style: normal; font-size: smaller; } .items-wrap .items[data-type=list] .price-info .txt-input { margin-bottom: 5px; text-align: center; line-height: 22px; } .items-wrap .items[data-type=list] .price-info .option {} .items-wrap .items[data-type=list] .price-info .option em { font-style: normal; color: #000; } .items-wrap .items[data-type=list] .sold-out { left: 0; top: 0; } .items-wrap .items[data-checkbox=on] .thumb-img { margin-left: 30px; } .items-wrap .items[data-checkbox=on] .checkbox { position: absolute; top: 0; left: 5px; } .items-wrap .items[data-checkbox=on] .pname, .items-wrap .items[data-checkbox=on] .price-info { margin-left: 135px; } .items-wrap .items[data-checkbox=on] .pname { width: auto; margin-right: 15px; } .items-wrap .items[data-checkbox=on] .link-view { left: 30px; width: 90%; } .items-wrap .items[data-checkbox=off] .link-view, .items-wrap .items[data-checkbox=off] .checkbox { display: none; visibility: hidden; } /* 갤러리형 */ .items-wrap .items[data-type=gallery] { padding: 7px 0 0 7px; } .items-wrap .items[data-type=gallery] > li { position: relative; width: 50%; float: left; margin-bottom: 7px; } .items-wrap .items[data-type=gallery] > li dl { position: relative; padding: 15px 4px; margin-right: 7px; border: 1px solid #ececec; min-height: initial; } .items-wrap .items[data-type=gallery] > li dl:before, .items-wrap .items[data-type=gallery] > li dl:after { content: ""; display: table; } .items-wrap .items[data-type=gallery] > li dl:after { clear: both; } .items-wrap .items[data-type=gallery] .thumb-img { width: 80%; height: auto; } .items-wrap .items[data-type=gallery] .thumb-img img { width: 100%; height: auto; max-height: none; } .items-wrap .items[data-type=gallery] .pname { color: #000; padding: 10px 0 0px 0; margin-top: 0; margin-bottom: 10px; } .items-wrap .items[data-type=gallery] .pname .blue-delivery { padding: 2px 5px; font-size: .75em; background-color: #d1dff9; color: #6278b4; border: 1px solid #b6c4e7; } .items-wrap .items[data-type=gallery] .pname .red-delivery { padding: 2px 5px; font-size: .75em; background-color: #f6d3d1; color: #956767; border: 1px solid #f1c3c3; } .items-wrap .items[data-type=gallery] .price-info { border-top:1px solid #aeaeae; padding-top:10px; } .items-wrap .items[data-type=gallery] .price-info .btn-type-02 { font-family: 'Courier New'; padding: 5px 7px; } .items-wrap .items[data-type=gallery] .price-info li { text-align: left; border: none; margin-left: 0; margin: 0; padding: 0; line-height: 1.5em; font-size: 1em; } .items-wrap .items[data-type=gallery] .price-info .tit { margin-right: 8px; font-size: 1em; } .items-wrap .items[data-type=gallery] .price-info .original { } .items-wrap .items[data-type=gallery] .price-info .strike { text-decoration: line-through; } .items-wrap .items[data-type=gallery] .price-info .discount { color: #000; font-weight: bold; } .items-wrap .items[data-type=gallery] .price-info .save { } .items-wrap .items[data-type=gallery] .price-info .review-count em { font-style: normal; font-size: smaller; } .items-wrap .items[data-type=gallery] .price-info .txt-input { margin-bottom: 5px; text-align: center; line-height: 22px; } .items-wrap .items[data-type=gallery] .price-info .option {} .items-wrap .items[data-type=gallery] .price-info .option em { font-style: normal; color: #000; } .thumb_wrap_slider{position: relative;} .thumb_wrap_slider > p{position: absolute;bottom: 0;left: -4px;} #thumb_slide .items li .thumb_wrap_slider > p{position: absolute;bottom: 0;left: -4px;} /* 2013-06-14 by jodalpo */ /* 카테고리형 */ /* .category-items .categorys { overflow: hidden; position: relative; padding: 0 34px; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #e3e3e3; font-size: 0.8125em; height: 34px; line-height: 34px; overflow: hidden; background: #f2f2f2; } .category-items .categorys .wrap { width: 100%; overflow: hidden; } .category-items .categorys .wrap > ul { width: 1000px; overflow: hidden; } .category-items .categorys .wrap > ul > li { padding: 0 13px; list-style-type: none; float: left; background: url(../img/bull/category_items_li@2x.gif) no-repeat 100% 50%; background-size: 1px 7px; } .category-items .categorys .wrap > ul > li.now { font-weight: bold; } .category-items .categorys .wrap > ul > li:last-child { background: none; } .category-items .categorys .wrap > a { z-index: 1; position: absolute; width: 34px; height: 34px; top: 0; display: block; text-indent: -9999px; } .category-items .categorys .wrap > a.prev { left: 0; background: url(../img/btn/more_btn_prev@2x.gif) no-repeat 50% 50%; background-size: 12px 12px; } .category-items .categorys .wrap > a.next { right: 0; background: url(../img/btn/more_btn_next@2x.gif) no-repeat 50% 50%; background-size: 12px 12px; } */ .gradient-cat { /* fallback */ background-color: #f4f4f4; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #ffffff, #f4f4f4); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* IE 10 */ background: -ms-linear-gradient(top, #ffffff, #f4f4f4); /* Opera 11.10+ */ background: -o-linear-gradient(top, #ffffff, #f4f4f4); } .category-items .categorys { position: relative; padding: 0 3%; border-top: 1px solid #fff; font-size: 0.875em; line-height: 34px; } .category-items .categorys .wrap > ul > li { padding: 0 5px; list-style-type: none; float: left; } .category-items .categorys .wrap > ul > li.now { font-weight: bold; background: url(../img/bull/info5_dot.gif) no-repeat 0 50%; } .category-items .categorys .wrap > a { display: none; z-index: 1; position: absolute; width: 34px; height: 34px; top: 0; text-indent: -9999px; } .category-items .categorys .wrap > a.prev { left: 0; background: url(../img/btn/more_btn_prev@2x.gif) no-repeat 50% 50%; background-size: 12px 12px; } .category-items .categorys .wrap > a.next { right: 0; background: url(../img/btn/more_btn_next@2x.gif) no-repeat 50% 50%; background-size: 12px 12px; } .category-items .more-btn { position: absolute; top: 9px; right: 8px; } .category-items .category-items-wrap { position: relative; padding: 10px 0; width: 100%; overflow: hidden; } .category-items .category-items-wrap .category-wrap-hidden { position: relative; margin-left: 0; } .category-items .category-items-wrap .category-wrap-hidden > div { float: left; } .items-wrap .items[data-type=category] { float: left; width: 100%; } .items-wrap .items[data-type=category] > li { float: left; position: relative; width: 33.333%; } .items-wrap .items[data-type=category] > li > dl { position: relative; padding: 0 1.5%; } .items-wrap .items[data-type=category] .thumb-img { position: relative; overflow: hidden; height: auto; margin-bottom: 7px; } .items-wrap .items[data-type=category] .thumb-img img { max-height: inherit; } .items-wrap .items[data-type=category] .pname { font-weight: normal; height: 17px; margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .items-wrap .items[data-type=category] .price-strike { line-height: 15px; font-weight: normal; text-decoration: line-through; } .items-wrap .items[data-type=category] .price { line-height: 15px; font-weight: bold; color: #fd6767; } .category-items .category-pages-wrap { position: relative; padding: 10px; margin: 0 10px 20px; border-top: 1px solid #ececec; border-bottom: 1px solid #aeaeae; } .category-items .category-pages-wrap .category-pages { position: relative; color: #b0b0b0; font-size: .875em; line-height: 26px; } .category-items .category-pages-wrap .category-pages a { display: inline-block; width: 26px; height: 26px; text-indent: -9999px; } .category-items .category-pages-wrap .category-pages a.prev { background: url(../img/btn/btn_category_page_prev@2x.gif) no-repeat 50% 50%; background-size: 26px 26px; } .category-items .category-pages-wrap .category-pages a.next { background: url(../img/btn/btn_category_page_next@2x.gif) no-repeat 50% 50%; background-size: 26px 26px; } .category-items .category-pages-wrap .category-pages strong { color: #000; } .category-items .category-pages-wrap .category-name { position: absolute; right: 10px; top: 10px; } /* ============================================================================= 상단 공통 ========================================================================== */ #container { margin-bottom: 25px; } #container .breadcrumb-cat { padding-left: 10px; height: 25px; line-height: 25px; border-bottom: 1px solid #e3e3e3; } #container .breadcrumb-cat li { padding-right: 8px; margin-right: 8px; float: left; background: url(../img/bull/breadcrumb_cat_li@2x.gif) no-repeat center right; background-size: 4.5px 7px; } #container .breadcrumb-cat li a { color: #999; font-size: .75em; font-weight: bold; } #container .breadcrumb-cat li:last-child { background: none; } #container .title { background-color: #f1f1f1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; line-height: 35px; } #container .title h3 { margin: 0; font-weight: bold; font-size: .875em; text-align: center; } #container .sub-title { line-height: 24px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; } #container .sub-title.h33 { line-height: 33px; border-bottom: 1px solid #8b8b8b; } #container .sub-title h4 { color: #919191; text-indent: 30px; margin: 0; font-size: .75em; } #container .sub-title h4 span { font-size: smaller; } #container .sub-title h4.pen { background: url(../img/bull/sub_title_pen@2x.gif) no-repeat 10px center; background-size: 14.5px 15.5px; } #container .sub-title h4.address { background: url(../img/bull/sub_title_address@2x.gif) no-repeat 10px center; background-size: 14.5px 15.5px; } #container .sub-title h4.search { background: url(../img/bull/sub_title_search@2x.gif) no-repeat 10px center; background-size: 13.5px 14px; } #container .sub-title h4.wish { background: url(../img/bull/sub_title_wish@2x.gif) no-repeat 10px center; background-size: 15.5px 14px; } #container .sub-title h4.login { background: url(../img/bull/sub_title_login@2x.gif) no-repeat 10px center; background-size: 11px 15.5px; } #container .sub-title h4.find { background: #bfc2ca url(../img/bull/cir_h26@2x.gif) no-repeat 10px center; background-size: 13px 13px; border-top: 1px solid #8b8b8b; color: #fff; } #container .sub-title h4.mypage { background: url(../img/bull/sub_title_mypage@2x.gif) no-repeat 10px center; background-size: 10.5px 16px; } #container .sub-title h4.basket { background: url(../img/bull/sub_title_basket@2x.gif) no-repeat 10px center; background-size: 18.5px 18px; } #container .sub-title h4.order-list { background: url(../img/bull/sub_title_order_list@2x.gif) no-repeat 10px center; background-size: 19px 17.5px; } #container .sub-title h4.order { background: url(../img/bull/sub_title_order@2x.gif) no-repeat 10px center; background-size: 15px 17.5px; } #container .sub-title h4.category { background: url(../img/bull/sub_title_category@2x.gif) no-repeat 10px center; background-size: 12px 17px; } #container .sub-title h4.recent { background: url(../img/bull/sub_title_recent@2x.gif) no-repeat 10px center; background-size: 14.5px 14px; } #container .sub-title h4.calendar { background: url(../img/icon/calendar@2x.gif) no-repeat 10px center; background-size: 14px 14px; } #container .sub-title h4.event { background: url(../img/bull/board_list_match@2x.png) no-repeat 10px center; background-size: 16px 16px; } #container .sub-title h4.withdraw { background: url(../img/bull/links_drop@2x.gif) no-repeat 10px center; background-size: 16px 16px; } /* ============================================================================= ### 공통적용 사항 끝 ========================================================================== */ /* ============================================================================= 상단 header.html ========================================================================== */ #header-container { padding: 15px 0 10px; } #header-container .wrapper { min-height: 23px; } #header-container h1 { font-size: 1em; margin: 0; padding: 0; } #header-container #logo {text-align:center; } #header-container #submn { display:inline-block; } #header-container #langLink {float:right;} #header-container #langLink img {margin-top:3px; } #header-container nav { text-align: left; padding: 20px 10px 0 10px;} #header-container nav li { line-height: 23.5px; display: inline-block; padding-left: 24px; text-align: left; } #header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; } #header-container nav li.cat { background: url(../img/bull/category@2x.gif) no-repeat 0 center; background-size: 23px 23px; width: 70px; } #header-container nav li.search { background: url(../img/bull/search@2x.gif) no-repeat 0 center; background-size: 23px 23px; width: 40px; } /* 홈|장바구니|관심상품|로그인 */ #menu-container { overflow:hidden; } #menu-container .menus ul { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; padding-right: 3.125%; } #menu-container .menus ul li { float: left; background: url(../img/bull/menus_li@2x.gif) no-repeat 100% 50%; background-size: 1px 13.5px; line-height: 34.5px; text-align: center; width: 25%; } #menu-container .menus ul li:last-child { background-image: none; } #menu-container .menus ul li a { color: #000; font-weight: bold; font-size: .75em; display:block; width:100%; } #menu-container .menus ul li a span { color: #fff; font-size: smaller; background: url(../img/bull/menus_cnt@2x.gif) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; display: inline-block; position: absolute; top: initial;} /* #menu-container .menus ul li.wish { width: 19.286% } #menu-container .menus ul li.home, #menu-container .menus ul li.cart { width: 29.688% } #menu-container .menus ul li.login { width: 19.286% } */ /* ============================================================================= 하단 footer.html ========================================================================== */ #footer-container { padding-bottom: 10px; } #footer-container .menus ul { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; line-height: 34.5px; text-align: center; } #footer-container .menus ul li { display: inline; } #footer-container .menus ul li a { padding-right: 5px; color: #000; font-weight: bold; font-size: .75em; } #footer-container .menus ul li:last-child a { background-image: none; } #footer-container .menus .menus-sub { background:none; border:0; } #footer-container .menus .menus-sub li { background:none; } #footer-container .menus .menus-sub li a { padding-right: 10px; color: #999; } #footer-container .addr { font-size: .75em; padding-left: 10px; padding-bottom: 1em; padding-top: 1em; line-height: 14px; border-bottom: 1px solid #e4e4e4; } #footer-container .addr li { list-style-type: none; color: #999; } #footer-container address { text-align: center; color: #999; font-style: normal; font-size: .75em; margin-top: 1em;} #footer-container address span { font-weight: bold; } #footer-container address span strong { color: #617be6; } #footer-container address span em { color: #324ec0; font-style: normal; } #footer-container address img { margin-top:-8px;margin-left:5px; } #footer-container .instructions{margin-top:10px;} #footer-container .logo{margin-bottom:10px;} #footer-container .ft-pg {margin-left:10px;text-align:center;} #footer-container .ft-pg .pg-img {margin:5px;} /* ============================================================================= 메인 index.html ========================================================================== */ #event { width: 100%; overflow: hidden; } #event .event-imgs { position: relative; border: 1px solid #e3e3e3; margin-top: 4px; overflow: hidden; width: 100%; height: 100px; } #event .event-imgs img { max-width: 100%; height: auto; float: left; cursor: pointer; } #event .swipe-now { height: 20px; line-heignt: 20px; text-align: center; } #event .swipe-now a { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(../img/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; } #event .swipe-now a.now { background-position: -12px 50%; } #container.main .category-items-wrap { overflow:hidden; } #container.main .items-wrap[data-view=paging] .items[data-type=gallery] { float: left; } #container.main .items-wrap .items[data-type=tile], #container.main .items-wrap .items[data-type=horizontal] { margin-top: 14px; } #container.main .items-wrap .items[data-type=list] li { min-height: initial; } #container.main .items-wrap .items[data-type=list] .price-info li { min-height: initial; } #container.main .items-wrap[data-view=all] .more , #container.main .items-wrap[data-view=all] .pagination , #container.main .items-wrap[data-view=more] .pagination , #container.main .items-wrap[data-view=paging] .more { display:none; } #container.main .pagination { text-align:center; } #container.main .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #FFF;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;} #container.main .swiper-active-switch {background: #999;} #container.main .items-wrap[data-view=more] .more { text-align:center; margin:15px 12px; } #container.main .items-wrap[data-view=more] .more span{display: inline-block;height: 42px;line-height: 44px;padding: 0 25px;border: 1px solid #888;color: #FFF;font-size: 0.938em;background: #999;} /* 갤러리형 */ #container.main .items-wrap .items[data-type=gallery] { display: table; table-layout: fixed; width: 100%; padding: 0px; } #container.main .items-wrap .items[data-type=gallery] > li { position: relative;display: inline-block;float:none;padding: 7px 0;text-align: center;vertical-align: top; } #container.main .items-wrap .items[data-type=gallery] > li dl { margin-left:5px; } #container.main .items-wrap .items[data-type=gallery] .thumb-img img { max-width:120px; max-height:120px; } #container.main .items-wrap[data-open=off] .swiper-container , .items-wrap[data-open=off] .more , .items-wrap[data-open=off] .pagination { display: none; } #container.main .items-wrap[data-open=on] .toggle-btn a { background: url(../img/btn/item_toggle_btn_on@2x.gif) no-repeat 0 0; background-size: 26.5px 26.5px; } #container.main .items-wrap[data-open=off] .toggle-btn a { background: url(../img/btn/item_toggle_btn_off@2x.gif) no-repeat 0 0; background-size: 26.5px 26.5px; } /* ============================================================================= 상품상세 product.html ========================================================================== */ #detail-item { position: relative; } #detail-item h2 { width: 78.125%; margin: 5px auto; font-size: .875em; font-weight: bold; text-align: center; } #detail-item .info-wrap { position: relative; width: 90.3125%; margin: 0 auto; border-bottom: 2px solid #aeaeae; padding-bottom: 10px; } #detail-item .info-wrap .items { border: 1px solid #e3e3e3; width: 100%; overflow: hidden; text-align: center; } #detail-item .info-wrap .items img { max-width: 100%; height: auto; } #detail-item .info-wrap .items-now { text-align: center; font-size: .865em; margin-top: 10px; } #detail-item .info-wrap .items-now .now { line-height: 25px; } #detail-item .info-wrap .items-btn a { display: block; text-indent: -9999px; width: 23px; height: 56px; border: 1px solid #dfdfdf; position: absolute; top: 30%; } #detail-item .info-wrap .items-btn a.prev { background: #f3f2f2 url(../img/btn/item_info_btn_prev@2x.gif) no-repeat center center; background-size: 11px 15.5px; left: -3.125%; } #detail-item .info-wrap .items-btn a.next { background: #f3f2f2 url(../img/btn/item_info_btn_next@2x.gif) no-repeat center center; background-size: 11px 15.5px; right: -3.125%; } #detail-item .product-wrap ul.option { width: 90.3125%; margin: 5px auto; } #detail-item .product-wrap ul.option > li { list-style-type: square; list-style-position: inside; font-size: .875em; color: #777; margin: 5px 0; font-weight: bold; } #detail-item .product-wrap ul.option .tit { display: inline-block; width: 70px; } #detail-item .product-wrap ul.option .txt strong { color: #000; } #detail-item .product-wrap ul.option .txt em { font-size: .75em; font-style: normal; color: #999; } #detail-item .product-wrap ul.option .txt-input { text-align: center; line-height: 1.5em; } #detail-item .product-wrap ul.option .btn-type-02 { font-family: 'Courier New'; padding: 5px 7px; } #detail-item .product-wrap ul.option .break .tit { display: block; width: auto; margin-top: 10px; } #detail-item .product-wrap .total { padding: 7px 0; margin-top: 10px; border-top: 2px solid #aeaeae; border-bottom: 2px solid #aeaeae; background-color: #f4f4f4; } #detail-item .product-wrap .total dl { width: 90.3125%; margin: 0 auto; font-weight: bold; } #detail-item .product-wrap .total dt { color: #000; font-size: .875em; display: inline; margin-right: 20px; } #detail-item .product-wrap .total dt span { font-size: smaller; } #detail-item .product-wrap .total dd { font-size: .875em; color: #e92121; display: inline; } #detail-item .product-wrap .total dd strong { font-size: larger; } #detail-item .product-wrap .desc { width: 90.3125%; margin: 10px auto; color: #777; font-size: .75em; } #detail-item .product-wrap .desc li { list-style-position: inside; line-height: 1.5em; list-style-type: square; } #detail-item .fixed { position: fixed !important; bottom: 0; z-index: 10; width: 100%; padding: 5px 0; } #detail-item .fixed-btn { position: relative; text-align: center; } #detail-item .fixed-btn .wrap { position: relative; width: 90.3125%; height: 80px; margin: 0 auto; } #detail-item .fixed-btn .wrap a { display: inline-block; color: #fff; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; font-weight: bold; background-color: #8a8687; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a8687), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #8a8687, #5e5e5e); background-image: -moz-linear-gradient(top, #8a8687, #5e5e5e); background-image: -o-linear-gradient(top, #8a8687, #5e5e5e); background-image: linear-gradient(to bottom, #8a8687, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #detail-item .fixed-btn .wrap a.btn-order { width: 100%; margin-bottom: 3px; } #detail-item .fixed-btn .wrap a.btn-order span { padding-left: 16px; background: url(../img/btn/btn_order@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } #detail-item .fixed-btn .wrap a.btn-cart { width: 49%; position: absolute; bottom: 0; left: 0; border: 1px solid #d2d2d4; color: #666; background-color: #f1f1f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#e6e7eb)); background-image: -webkit-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -moz-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -o-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: linear-gradient(to bottom, #f1f1f3, #e6e7eb); } #detail-item .fixed-btn .wrap a.btn-cart span { padding-left: 18px; background: url(../img/btn/btn_cart@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } #detail-item .fixed-btn .wrap a.btn-wish { width: 49%; position: absolute; bottom: 0; right: 0; border: 1px solid #d2d2d4; color: #666; background-color: #f1f1f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#e6e7eb)); background-image: -webkit-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -moz-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -o-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: linear-gradient(to bottom, #f1f1f3, #e6e7eb); } #detail-item .fixed-btn .wrap a.btn-wish span { padding-left: 18px; background: url(../img/btn/btn_wish@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } #detail-item .fixed-btn .is_soldout { width: 100%; color: #222; font-weight: bold; font-size: .875em; text-align: center; } #detail-item .fixed-btn .is_selling { width: 100%; color: #f00; font-weight: bold; font-size: .875em; text-align: center; line-height: 35px; } /* 장바구니 레이어 팝업 */ #detail-item .fixed-btn .layer-confirm { position: absolute; bottom: 85px; z-index: 100; left: 50%; margin-left: -155px; width: 300px; padding: 5px; background-color: #dfdfdf; } #detail-item .fixed-btn .layer-confirm h4 { color: #333; font-weight: bold; font-size: .875em; margin: 0; line-height: 28px; height: 28px; background-color: #fff; text-align: left; border-bottom: 1px solid #dfdfdf; padding-left: 15px; } #detail-item .fixed-btn .layer-confirm .txt { text-align: left; font-weight: bold; background: #fff url(../img/bull/layer_confrim_cart.gif) no-repeat 15px 50%; background-size: 46px 45px; color: #777; font-size: .875em; padding: 20px 15px 20px 70px; } #detail-item .fixed-btn .layer-confirm .btns-2 { position: relative; padding-bottom: 15px; background: #fff; } #detail-item .fixed-btn .layer-confirm .btns-2 a { padding: 7px 10px; display: inline-block; font-weight: bold; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #detail-item .fixed-btn .layer-confirm .btns-2 a.btn-cart { color: #000; background-color: #d4d4d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#b4b4b4)); background-image: -webkit-linear-gradient(top, #d4d4d4, #b4b4b4); background-image: -moz-linear-gradient(top, #d4d4d4, #b4b4b4); background-image: -o-linear-gradient(top, #d4d4d4, #b4b4b4); background-image: linear-gradient(to bottom, #d4d4d4, #b4b4b4); } #detail-item .fixed-btn .layer-confirm .btns-2 a.btn-conti { color: #fff; background-color: #333; } #detail-item .fixed-btn .layer-confirm a.close { display: block; position: absolute; top: 5px; right: 5px; text-indent: -9999px; width: 33px; height: 29px; background: url(../img/btn/layer_confirm_close.gif) no-repeat 50% 50%; background-size: 7px 7px; margin: 0; padding: 0; } #detail-item .btns { position: relative; margin: 10px auto; width: 90.3125%; text-align: center; } #detail-item .btns a.checkout { width: 100%; text-align: center; background-color: #eeeef1; margin-bottom: 10px; padding: 7px 0; } #detail-item .btns a.checkout span { display: inline-block; text-indent: -9999px; background: url(../img/btn/product_checkout@2x.gif) no-repeat center center; background-size: 100% 100%; width: 96px; height: 18.5px; } #detail-item .pdt-desc { position: relative; width: 90.3125%; margin: 0 auto; border: none; } #detail-item .pdt-desc img { max-width: 100%; height: auto; } #detail-item .others-wrap { position: relative; width: 90.3125%; margin: 0 auto; border: 1px solid #aeaeae; } #detail-item .others-wrap li { list-style-type: none; position: relative; } #detail-item .others-wrap li h3 { cursor: pointer; line-height: 45px; font-weight: bold; font-size: .875em; margin: 0; text-indent: 5px; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; } #detail-item .others-wrap li h3:first-child { border-top: none; } #detail-item .others-wrap li h3:last-child { border-bottom: none; } #detail-item .others-wrap li h3 span { font-size: smaller; } #detail-item .others-wrap li .toggle-btn { position: absolute; right: 7px; top: 14px; } #detail-item .others-wrap li .toggle-btn a { display: block; width: 14.5px; height: 11px; text-indent: -9999px; } #detail-item .others-wrap li .conts[data-open=on] { display: block; } #detail-item .others-wrap li .conts[data-open=off] { display: none; } #detail-item .others-wrap li .conts[data-open=on] + .toggle-btn a { background: url(../img/btn/conts_toggle_btn_on@2x.gif) no-repeat 0 0; background-size: 14.5px 11px; } #detail-item .others-wrap li .conts[data-open=off] + .toggle-btn a { background: url(../img/btn/conts_toggle_btn_off@2x.gif) no-repeat 0 0; background-size: 14.5px 11px; } #detail-item .others-wrap li.review .write-btn { position: absolute; top: 8px; right: 35px; } #detail-item .others-wrap li.review .conts dl { font-size: .75em; height:41px; color: #777; background-color: #f4f4f4; position:relative; top:0; left:0; } #detail-item .others-wrap li.review .conts dl dt { cursor: pointer; padding: 5px; /* border-bottom: 1px solid #aeaeae; */border-top: 1px solid #d7d7d7;} #detail-item .others-wrap li.review .conts dl dt .subject { display:block; white-space: nowrap; width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right:10px;} #detail-item .others-wrap li.review .conts dl dt .left { float: left; width: 78%; } #detail-item .others-wrap li.review .conts dl dt .right { float: right; margin-right: 7px; } #detail-item .others-wrap li.review .conts dl dt .in-img { display: inline-block; background: url(../img/bull/review_in_img@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 17px; height: 12px; } #detail-item .others-wrap li.review .conts dl dt .name { display: block; color: #a9a9a9; } #detail-item .others-wrap li.review .conts dl .point { margin-top: 5px; text-indent: -9999px; display: inline-block; background: url(../img/bull/review_star_off@2x.gif) repeat-x; background-size: 12px 9px; width: 58px; height: 9px; } #detail-item .others-wrap li.review .conts dl .point.qna_point {background:none;} #detail-item .others-wrap li.review .conts dl .point.qna_point span {background:none;} #detail-item .others-wrap li.review .conts dl .point span { display: block; background: url(../img/bull/review_star_on@2x.gif) repeat-x; background-size: 12px 9px; } #detail-item .others-wrap li.review .conts dl .point .point-1 { width: 12px; } #detail-item .others-wrap li.review .conts dl .point .point-2 { width: 22px; } #detail-item .others-wrap li.review .conts dl .point .point-3 { width: 34px; } #detail-item .others-wrap li.review .conts dl .point .point-4 { width: 44px; } #detail-item .others-wrap li.review .conts dl .point .point-5 { width: 58px; } #detail-item .others-wrap li.review .conts dl dt .icon { font-size: .7em; margin-top: 5px; } #detail-item .others-wrap li.review .conts dl dt .icon .gray { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #detail-item .others-wrap li.review .conts dl dt .icon .blue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #detail-item .others-wrap li.review .conts dl dt .date { display: block; text-align: right; color: #a9a9a9; } #detail-item .others-wrap li.review .conts dl dt .comment_count {position:absolute; top:25px; right:90px; color:#a9a9a9;} #detail-item .others-wrap li.review .conts dl dd { position: relative; left:0px; top:-43px; width:100%; height:40px;} #detail-item .others-wrap li.review .conts dl dd a { display:block; width:100%; height:43px; text-indent:-9999px;} #detail-item .others-wrap li.review .conts dl .score { border-bottom: 1px solid #ccc; margin-bottom: 5px; margin-top: -5px; } #detail-item .others-wrap li.review .conts dl .score li { float: left; margin-right: 5px; line-height: 2em; } #detail-item .others-wrap li.review .conts dl .score li .point { float: none; margin-top: 0; } #detail-item .others-wrap .more { position: relative; background-color: #F4F4F4; padding: 5px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; } #detail-item .others-wrap .more a { display: block; width: 90%; margin: 0 auto; text-align: center; font-size: .875em; font-weight: bold; } #detail-item .others-wrap li.exchange .conts { border-bottom: 1px solid #aeaeae; } #detail-item .others-wrap li.coupon .conts {border-top: 1px solid #d7d7d7;} dl.MS_coupon { position: relative; font-size: .75em; color: #777; background-color: #f4f4f4; border-bottom: 1px solid #D7D7D7; padding: 5px; cursor:pointer} dl.MS_coupon dt { padding-top: 5px; background: url(../img/bull/coupon_bg@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 60px; height: 40.5px; text-align: center; } dl.MS_coupon dt strong { color: #fff; font-weight: bold; font-size: larger; } dl.MS_coupon dt span { color: #fff; font-size: smaller; } dl.MS_coupon dd { position: absolute; left: 70px; top: 5px;} dl.MS_coupon dd h4, dl.MS_coupon dd p { margin: 0; } #detail-item .others-wrap li.coupon .conts .more { border-top: none; } #detail-item .others-wrap li.combi .conts { border-bottom: 1px solid #aeaeae; border-top: 1px solid #d7d7d7; margin-top:0px;} #detail-item .others-wrap li.combi .conts ul { display: table; table-layout: fixed; width: 100%; padding: 0px; } #detail-item .others-wrap li.combi .conts ul li { width:33.33%; position: relative;display: inline-block;float:none;padding: 2px 0;text-align: center;vertical-align: top;} #detail-item .others-wrap li.combi .conts ul li .price-info { } #detail-item .others-wrap li.combi .conts ul li .pname { color:#777; padding:2px 0; margin-bottom:0px;text-align:left; border:none;} #detail-item .others-wrap li.combi .conts ul li .price-info span { color:#222; } #detail-item .others-wrap li.combi .conts ul li dl{ background-color: #ffffff; margin-left:3px; padding:5px 1px; margin-right:3px; border:none;} #detail-item .others-wrap li.combi .conts ul li dl .thumb-img { width:100% } #detail-item .others-wrap li.combi .conts ul li .price-info ul li { width:100%; text-align:left; line-height:1em} #detail-item .others-wrap li.combi .conts ul li .price-info .ref-price { display:block; color:#777} #detail-item .others-wrap li.combi .conts ul li .price-info .ref-price-txt { display:none; } #detail-item .prd-pg {text-align:center;} #detail-item .pg-instructions {margin-top:10px;text-align:center;} #detail-item .pg-logo {margin-bottom:10px;text-align:center;} #detail-item .pg-img {margin:5px;height: 1.4em;} /* ****************** 상품 상세 옵션 ******************** */ .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: 12px; 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; } #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 #FFFFFF; } #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: 35px; top: 10px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 3px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { width: 23px; } #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 { background-color: #F4F4F4; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 220px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 120px; top: 3px; *top: 2px; right: 105px; } #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_02 li { background-color: #F4F4F4; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 220px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 120px; top: 3px; *top: 2px; right: 105px; } #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_innerOptTotal { padding: 10px 5px; font-size: larger; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; } #detail-item .others-wrap li.review .write-wrap .w100-wrap { padding-right: 18px; } #detail-item .others-wrap li.review .write-wrap a.btn-long { text-align: center; text-indent: 0; font-size: 1em; margin-top: 5px; } #detail-item .others-wrap li.review .write-wrap th { color: #7f7f7f; text-indent: 14px; } #detail-item .others-wrap li.review .write-wrap td { vertical-align: middle; } #detail-item .others-wrap li.review .write-wrap input { vertical-align: middle; height: 25px; } #detail-item .others-wrap li.review .write-wrap textarea { height: 112px; padding: 3px; } #detail-item .others-wrap li.review .write-wrap .selects { margin-top: 5px; margin-right: 5px; text-align: right; } #detail-item .others-wrap li.review .write-wrap .selects label { display: block; margin: 5px 0; } #detail-item .sns-wrap { margin: 10px 0; text-align: center; font-size: .775em;} #detail-item .sns-wrap > div > span { width:130px; display: inline-block; text-align:center; } #detail-item .facebook-btn ,#detail-item .btn-twitter ,#detail-item .btn-weibo ,#detail-item .btn-google,#detail-item .btn-yahoo,#detail-item .btn-line,#detail-item .btn-amazon { height:30px; border-radius: 3px; margin-right:10px ; display: inline-block; overflow: hidden; text-align: left; cursor:pointer;color:#fff; line-height:30px; padding-right:5px; } #detail-item .facebook-btn { background:#425f9e; } #detail-item .btn-twitter { background:#25b2e6; color:#fff; height:30px; line-height:30px; } #detail-item .btn-weibo { background:#FFB505; } #detail-item .btn-google { background:#4285f4; } #detail-item .btn-yahoo { background:#f03; } /* ============================================================================= 상품상세 팝업 product_popup.html ========================================================================== */ #product-popup { display: block; position: relative; } #product-popup .info-wrap { position: relative; width: auto; margin: 15px auto; padding: 0 15px; } #product-popup .info-wrap .item-wrap { border: 1px solid #e3e3e3; width: 100%; overflow: hidden; } #product-popup .info-wrap .items { } #product-popup .info-wrap .items img { max-width: 100%; height: auto; float: left; } #product-popup .info-wrap .items-now { margin-top: 15px; position: relative; line-height: 33px; text-align: center; font-size: .865em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } #product-popup .info-wrap .items-now .now { } #product-popup .info-wrap .items-btn a { display: block; text-indent: -9999px; width: 33px; height: 33px; border: 1px solid #dfdfdf; position: absolute; top: -1px; } #product-popup .info-wrap .items-btn a.prev { background: #f3f2f2 url(../img/btn/item_info_btn_prev@2x.gif) no-repeat center center; background-size: 11px 15.5px; left: -3.125%; } #product-popup .info-wrap .items-btn a.next { background: #f3f2f2 url(../img/btn/item_info_btn_next@2x.gif) no-repeat center center; background-size: 11px 15.5px; right: -3.125%; } #product-popup .detail-item { position: relative; width: 90.3125%; margin: 0 auto; padding-bottom: 40px; } #product-popup .detail-item img { max-width: 100%; height: auto; } #product-popup .fixed { position: fixed !important; bottom: 0; z-index: 10; width: 100%; padding: 5px 0; bottom:20px;} #product-popup .fixed-btn { text-align:right; margin-left:-5px; } #product-popup .fixed-btn .last-btn { margin-top:5px; } #product-popup .fixed-btn div a img { width:30px; } /* ============================================================================= 회원가입 join_contract.html, join_us.html, join_phone.html, join_complete.html ========================================================================== */ #join {} #join .breadcrumb-order { background-color: #f4f4f4;; border-bottom: 2px solid #cfcccc; } #join .breadcrumb-order li { position: relative; line-height: 34px; text-align: center; float: left; width: 33%; list-style-type: none; font-weight: bold; font-size: .875em; background: url(../img/bull/breadcrumb_order_li@2x.gif) no-repeat right center; background-size: 2px 13px; color: #666; } #join .breadcrumb-order li:last-child { background: none; } #join .breadcrumb-order li span { position: absolute; display: block; bottom: -7px; left: 46%; text-indent: -9999px; width: 14px; height: 15px; background: url(../img/bull/breadcrumb_order_now@2x.gif) no-repeat 0 0; background-size: 100% 100%; } #join .desc { margin: 20px 15px 0 15px; } #join .desc h3 { font-size: .875em; font-weight: bold; margin: 0; border-bottom: 1px solid #cacaca; padding-bottom: 10px; } #join .desc p { margin: 5px 0 0 0; font-size: .75em; } #join .desc a { color: #1172b6; font-weight: bold; font-size: .75em; text-align: right; display: block; padding-top: 10px; } #join .desc input[type=checkbox] { margin-right: 5px; } #join .btns { text-align: center; margin-top: 15px; } #join .btns a { margin: 0 5px; padding: 8px 30px; } #join table.normal { margin-top: 15px; border-top: 3px solid #CACACA; } #join table.normal p { font-size: smaller; margin: 5px 0 0 0; line-height: 1em; letter-spacing: -1px; } #join .step-03 td { padding-right: 10px; } #join .conts { padding-top: 10px; text-align: center; } #join .conts img { margin-bottom: 15px; } #join .conts h5 { margin: 0; font-size: .875em; color: #777; } #join .conts h5 strong { color: #000; } #join .desc2 { margin-top: 10px; font-size: .75em; color: #999; padding: 10px 0; text-align: center; background-color: #f2f2f2; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } #join .desc2 p { margin: 0; line-height: 1.5em; } #join .phone { padding: 0 15px; } #join .phone h4 { font-size: .875em; font-weight: bold; border-bottom: 1px solid #dadada; margin: 15px 0 0 0; padding-bottom: 7px; } #join .phone .form-wrap { position: relative; padding: 4px; margin: 5px 0; } #join .phone .form-wrap input { padding: 8px 0; text-indent: 8px; margin-right: 5px; } #join .phone .form-wrap a { position: absolute; line-height: 21px; } #join .phone .before {} #join .phone .before .form-wrap input { width: 50%; } #join .phone .before h5, #join .phone .after h5 { margin: 10px 0; font-size: .75em; color: #777; } #join .phone .before select { width: 100%; } #join .phone .before .desc { font-size: .75em; background-color: #f2f2f2; color: #999; text-align: center; padding: 10px 0; margin: 0; } #join .phone .after {} #join .phone .after .desc { font-size: .75em; color: #999; text-align: center; padding: 10px 0; margin: 0; border-bottom: 1px solid #dadada; } #join .phone .after .form-wrap input { width: 37.5%; float: left; } #join .phone .after .form-wrap a.confirm { position: relative; } #join .phone .after .form-wrap a.re { right: 0; } #join .phone .after .form-wrap ul { margin-top: 10px; } #join .phone .after .form-wrap li { margin-left: 20px; list-style-type: square; color: #999; font-size: .75em; } /* 이용약관 */ #layerTermsWrap { } #layerTermsWrap .txt, #layerPrivercy .txt { font-size: .75em; padding: 15px 10px; } /* 개인정보 수집 이용안내 */ #join .desc h3.none-line { border-bottom: none; } #join .privercy-contract-tap { position: relative; border-left: 1px solid #cacaca; } #join .privercy-contract-tap li { list-style-type: none; border-top: 1px solid #cacaca; border-right: 1px solid #CACACA; background-color: #f4f4f4; display: block; float: left; line-height: 35px; text-align: center; width: 30%; margin-bottom: -1px; } #join .privercy-contract-tap li.now { background-color: #fff; border-bottom: 1px solid #fff; } #join .privercy-contract-tap li:last-child { border-right: 1px solid #cacaca;; } #join .privercy-contract-tap li a { text-align: center; padding: 0; display: block; color: #787878; width: 100%; height: 100%; } #join .tab-content { border: 1px solid #cacaca; } #join .tab-content .privercy-contract { padding: 10px; } #join .tab-content .privercy-contract textarea { resize: none; line-height: 1.5em; width: 100%; height: 170px; font-size: .75em; margin: 0; padding: 0; border: none; } /* ============================================================================= 카테고리 category.html ========================================================================== */ #category {} #category .cate-list { margin: 15px; border-top: 1px solid #e7e7e7; } #category .cate-list li { list-style-type: none; border-bottom: 1px solid #e7e7e7; padding-right: 10px; } #category .cate-list li a { display: block; padding: 10px 15px; font-weight: bold; font-size: .875em; color: #3d3d3d; background: url(../img/bull/bull_category_list.gif) no-repeat right center; } /* ============================================================================= 검색 search.html ========================================================================== */ #search {} #search .items-wrap .items[data-type="horizontal"] li { min-height: 100%; } #search .form-wrap { position: relative; background-color: #b6b6b6; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; padding: 4px; } #search .form-wrap input { padding: 8px 0; text-indent: 8px; width: 84%; font-size:70%;} #search .form-wrap a { position: absolute; line-height: 34px; width: 13.5%; left: 84.5%; } #search .results {} #search .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; height: 33px; } #search .results .tool-wrap select { width: 48.387%; position: absolute; top: 10px; } #search .results .tool-wrap select:first-child { left: 4px; } #search .results .tool-wrap select:last-child { right: 4px; } #search .results .paging { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; } /* ============================================================================= 관심상품 wishlist.html ========================================================================== */ #wish .items-wrap .items[data-type="horizontal"] li { min-height: 100%; } #wish .btn-wrap { border-bottom: 1px solid #e1e1e1; padding: 4px 0; text-align: center; } /* ============================================================================= 로그인 login.html ========================================================================== */ #login { margin: 20px 10px; } #login .adult-auth { position: relative; padding: 0 15px 15px 75px; border-bottom: 1px solid #dadada; background: url(../img/bull/adult_auth@2x.gif) no-repeat 15px 3px; background-size: 53px 53px; } #login .adult-auth h5 { margin: 0; padding: 5px 0; font-size: .875em; } #login .adult-auth p { padding-bottom: 5px; font-size: .75em; letter-spacing: -1px; } #login .login-form, #login .guest-order-form { position: relative; padding: 15px; border-bottom: 1px solid #dadada; } #login .guest-order-form h4 { margin: 0; padding: 5px; font-size: .75em; font-weight: bold; background-color: #dadada; margin-bottom: 5px; } #login .guest-order-form .sub-tit {display:block; margin: 0; padding:3px 3px; font-size: .75em; margin-bottom: 5px; } #login .login-form h4 { margin: 0; padding: 5px 0; } #login .jumin-form { border-bottom: none; } #login .input-wrap { position: relative; padding-right: 80px; } #login .input-wrap .input-comm { display: block; height: 29px; border: 1px solid #d6d6d6; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #login .input-wrap .input-comm input { font-size: .75em; -webkit-appearance: none; } #login .input-wrap .login-input { display: block; max-width: 100%; width: auto; height: 100%; border: 0 none; padding: 0; } #login .input-wrap .input-pwd, #login .input-wrap .input-jumin { margin-top: 8px; } #login .input-wrap .input-jumin { width: 45%; float: left; } #login .input-wrap .ml-5 { margin-left: 4px; } #login .input-wrap .btn-submit { display: block; position: absolute; right: -2px; top: 0; width: 70px; height: 67px; line-height: 67px; } #login .login-set { overflow: hidden; width: 100%; margin-top: 15px; } #login .login-set li { list-style-type: none; float: left; margin-right: 15px; font-size: .75em; line-height: 1em; } #login .login-set .chk-rdo { vertical-align: bottom; margin-right: 5px; } #login .login-fail { display: block; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; background: #fff; border: 3px solid #e7e7e7; -webkit-box-shadow: 3px 3px 10px #99a4b3; -moz-box-shadow: 3px 3px 10px #99a4b3; box-shadow: 3px 3px 10px #99a4b3; } #login .login-fail .fail-content { padding: 20px 20px 10px; color: #222; } #login .login-fail .fail-content h3 { margin: 0; font-size: .875em; font-weight: bold; } #login .login-fail .fail-content p { margin: 0; font-size: .75em; color: #222; } #login .login-fail .btn-ok { display: block; width: 100%; padding: 6px 0; margin-top: 20px; } #login .txt-nomem { padding: 15px 20px 10px; font-size: .75em; } #login .txt-nomem dd { margin-top: 5px; letter-spacing: -0.1em; } #login .txt-nomem .join-btn { margin: 10px 0; text-align: center; padding: 7px 10px; } #login .cookie-config { border: 1px solid #dadada; padding: 10px 15px; } #login .cookie-config p { text-align: center; font-size: .75em; } #login .cookie-config .wrap { margin-top: 10px; } #login .cookie-config li { list-style-type: none; } #login .cookie-config .div { margin-bottom: 10px; } #login .cookie-config .div strong { font-size: .75em; } #login .cookie-config .div .sub { padding-left: 10px; font-size: .75em; } #login .sns-wrap { margin: 10px 0; text-align: center; font-size: .775em;} .sns-wrap .facebook-btn span , .sns-wrap .btn-twitter span , .sns-wrap .btn-weibo span, .sns-wrap .btn-google span, .sns-wrap .btn-yahoo span { width:120px; display: inline-block; text-align:center; } #login .facebook-btn ,#login .btn-twitter ,#login .btn-weibo ,#login .btn-google,#login .btn-yahoo,#login .btn-line,#login .btn-amazon{ height:30px; border-radius: 3px; margin-bottom: 2px; display: inline-block; overflow: hidden; text-align: left; cursor:pointer;color:#fff; line-height:30px; padding-right:5px; } #login .sns-wrap .facebook-btn{ background:#425f9e; } #login .sns-wrap .btn-twitter{ background:#25b2e6; color:#fff; height:30px; line-height:30px; } #login .sns-wrap .btn-weibo{ background:#FFB505; color:#fff; height:30px; line-height:30px; } #login .sns-wrap .btn-google{ background:#4285f4; color:#fff; height:30px; line-height:30px; } #login .sns-wrap .btn-yahoo{ background:#f03; color:#fff; height:30px; line-height:30px; } /* ============================================================================= 로그인 login_btob.html ========================================================================== */ #login .btob { padding: 35px 10px; border: 4px solid #c9cbca; background-color: #f2f2f2; } #login .btob .input-wrap .btn-submit { right: 0; } #login .btob .input-wrap .input-comm { background-color: #fff; } #login .btob .frm-btn { overflow: hidden; margin-top: 10px; text-align: center; } #login .btob .frm-btn a { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #login .btob .frm-btn a.btn-type-04 { width: 60%; } #login .btob .frm-btn a.btn-type-03 { width: 37% } #login .contact { padding: 20px 0 0 10px; font-weight: bold; letter-spacing: -1px; } #login .contact dt { color: #000; font-size: .875em; } #login .contact dd { color: #adadad; font-size: .750em; } /* ============================================================================= 마이페이지 mypage.html ========================================================================== */ #mypage {} #mypage .user-info { position: relative; padding: 5px; border-top: 3px solid #6b6f75; border-bottom: 3px solid #6b6f75; background-color: #dbdbdb; } #mypage .user-info h3 { line-height: 1.5em; margin: 0; font-size: .875em; font-weight: bold; color: #000; border-bottom: 1px solid #a3a5a8; } #mypage .user-info h3 span { font-size: .75em; } #mypage .user-info .points { text-align: right; } #mypage .user-info .points span { color: #a8a8a8; font-size: .75em; } #mypage .links { margin-left:1px;} #mypage .links li { position: relative; text-align: center; width:50%; margin: -1px -1px 0 0; height: 80px; line-height: 80px; float: left; border: 1px solid #e1e1e1; box-sizing: border-box;} #mypage .links li a { display: block; width: 100%; height: 100%; font-size: .75em; font-weight: bold; color: #000; } #mypage .links li a span { position: absolute; bottom: -20px; left: 0; width: 100%; height: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } #mypage .links li.wish { background: url(../img/bull/links_wish@2x.gif) no-repeat center 17px; background-size: 23.5px 30px; } #mypage .links li.order { background: url(../img/bull/links_order@2x.gif) no-repeat center 17px; background-size: 26.5px 26px; } #mypage .links li.coupon { background: url(../img/bull/links_coupon@2x.gif) no-repeat center 17px; background-size: 25.5px 29.5px; } #mypage .links li.notice { background: url(../img/bull/links_notice@2x.gif) no-repeat center 17px; background-size: 36.5px 24px; } #mypage .links li.member { background: url(../img/bull/links_member@2x.gif) no-repeat center 17px; background-size: 26px 26px; } #mypage .links li.terms { background: url(../img/bull/links_terms@2x.gif) no-repeat center 17px; background-size: 24px 24px; } #mypage .links li.customer { background: url(../img/bull/links_customer@2x.gif) no-repeat center 17px; background-size: 20.5px 27px; } #mypage .links li.pc { background: url(../img/bull/links_pc@2x.gif) no-repeat center 17px; background-size: 31px 22.5px; } #mypage .links li.recent { background: url(../img/bull/links_recent@2x.gif) no-repeat center 12px; background-size: 37px 37px; } #mypage .links li.my { background: url(../img/bull/links_my@2x.gif) no-repeat center 17px; background-size: 30px 27px; } #mypage .links li.mail { background: url(../img/bull/links_mail@2x.gif) no-repeat center 17px; background-size: 30px 29px; } #mypage .links li.vs { background: url(../img/bull/links_vs@2x.gif) no-repeat center 17px; background-size: 31px 29px; } #mypage .links li.withdraw { background: url(../img/bull/links_drop@2x.gif) no-repeat center 17px; background-size: 31px 29px; } #mypage .links li.address { background: url(../img/bull/links_address@2x.gif) no-repeat center 17px; background-size: 31px 29px; } #mypage .links li .bg-red { padding: 4px; display: block; position: absolute; top: 10px; left: 57%; height: 14px; line-height: 10px; color: #fff; text-align: center; font-size: .7em; font-weight: bold; background: url(../img/bull/links_new@2x.png) no-repeat 0 0; background-size: 100% 100%; } #mypage .help-app { margin-top: 20px; } #mypage .help-app h4 { margin: 0; color: #777; font-size: .875em; text-align: center; height: 34px; line-height: 34px; border-bottom: 1px solid #e1e1e1; background: #f1f1f1 url(../img/bg/help_app@2x.gif) repeat-x 0 0; background-size: 12px 5px; } #mypage .help-app li { float: left; width: 25%; position: relative; text-align: center; height: 80px; line-height: 80px; } #mypage .help-app li a { display: block; width: 100%; height: 100%; font-size: .75em; font-weight: bold; color: #000; } #mypage .help-app li a span { position: absolute; bottom: -20px; left: 0; width: 100%; height: 100%; } #mypage .help-app li.malltalk { background: url(../img/bull/help_app_malltalk@2x.gif) no-repeat center 17px; background-size: 32px 32px; } #mypage .help-app li.edgebook { background: url(../img/bull/help_app_edgebook@2x.gif) no-repeat center 17px; background-size: 32px 32px; } #mypage .help-app li.shopnote { background: url(../img/bull/help_app_shopnote@2x.gif) no-repeat center 17px; background-size: 32px 32px; } #mypage .points a { color:red; text-decoration:underline; font-weight:bold;} /* ============================================================================= 적립금/예치금 내역 ========================================================================== */ #money-list .notice-bar { position:relative; padding: 5px 14px; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #money-list .notice-bar { text-align: left; font-size: .75em; line-height: 1.5em; } #money-list .notice-bar .notice-info { text-align: right; color: #239cdc; float:right; } #money-list .list { padding: 0 10px; font-size: .75em; color: #666; width :100%; } #money-list .list tr { border-bottom: 1px solid #e6e6e6;} #money-list .list th, #money-list .list td { padding: 5px 0px; text-align: center; } #money-list .list th { padding-left : 10px; border-left:1px solid #fff; background-color: #F1F1F1; } #money-list .list td.td-price{ width:25%; } #money-list .list td.td-last { float: right; padding-top: 5px ; } #money-list .list .reserve-price { font-weight : bold; } #money-list .list .reserve_date { display:block; } #money-list .list .no_data { text-align:center; } #money-list .list .txt-l { text-align:left; padding:5px; } #money-list .list .pl-15 { list-style:none; padding-left:15px; } #money-list .caution { padding: 15px 10px; background-color: #f2f2f2; width: 90.3125%; margin: 10px auto; } #money-list .caution li { list-style-type: none; font-size: .79em; letter-spacing: -1px; } #money-list .fc-red { color:red; font-weight:bold;} /* ============================================================================= 장바구니 basket.html ========================================================================== */ #basket { } #basket h3.tit { font-size: .875em; height: 34px; line-height: 34px; color: #fff; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; text-indent: 25px; margin: 0; background: #b6b6b6 url(../img/bull/basket_h3_tit.gif) no-repeat 7px 50%; background-size: 13px 13px; } #basket .btn-wrap { padding: 4px 0; text-align: center; border-bottom: 1px solid #e1e1e1; } #basket .btn-wrap a span { padding: 0 10px; } #basket .items .link-view { display: none; visibility: hidden; } #basket .items .thumb-img { text-align: center; } #basket .items .thumb-img .btn-type-01 { display: block; margin-top: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #basket .price-info a.btn-type-02 { margin-bottom: 5px; } #basket .total-info { position: relative; } #basket .total-info li { list-style-type: none; padding-left: 15px; color: #777; line-height: 25px; font-size: .75em; font-weight: bold; } #basket .total-info li:first-child { border-top: 1px solid #e1e1e1; border-bottom: 1px dotted #e1e1e1; } #basket .total-info li:last-child { border-top: 2px solid #aeaeae; border-bottom: 2px solid #aeaeae; background-color: #f4f4f4; font-size: .875em; color: #000; } #basket .total-info li:last-child .txt { color: #e92121; } #basket .total-info li:last-child em { font-style: normal; font-size: smaller; } #basket .total-info li .tit { text-align: left; text-indent: 15px; } #basket .total-info li .txt { float: right; padding-right: 15px; } #basket .total-info p { padding-left: 15px; font-size: .75em; color: #777; } #basket .order-btn { margin: 20px auto; } #basket .order-btn a.btn-order2 { display: block; color: #fff; height: 35px; line-height: 35px; width: 90.3125%; margin: 0 auto; text-align: center; border: 1px solid #808080; font-weight: bold; background-color: #8a8687; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a8687), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #8a8687, #5e5e5e); background-image: -moz-linear-gradient(top, #8a8687, #5e5e5e); background-image: -o-linear-gradient(top, #8a8687, #5e5e5e); background-image: linear-gradient(to bottom, #8a8687, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #basket .order-btn a.btn-order2 span { padding-left: 16px; background: url(../img/btn/btn_order2@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } .amount-input { width:30px; } #item-modify .order-btn { margin-top: 10px; } #item-modify .order-btn a { display: block; line-height: 35px; width: 90.3125%; margin: 0 auto; text-align: center; } #item-modify .price-info a.btn-type-02 { margin-bottom: 5px; } /* ============================================================================= 주문내역 order_list.html ========================================================================== */ #order-list { padding-top: 5px; } #order-list li { position: relative; margin-bottom: 10px; } #order-list li h5 { background: #b6b6b6 url(../img/bull/order_list_h5@2x.gif) no-repeat 15px center; background-size: 13px 13px; text-indent: 30px; color: #fff; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; line-height: 35px; margin: 0; } #order-list li h5 a { line-height: 28px; margin-top: 3px; float: right; text-indent: 0; background-color: #fff; padding: 0 10px; margin-right: 15px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #order-list li dl { line-height: 35px; margin: 0 15px; } #order-list li .item { border-bottom: 1px solid #e1e1e1; } #order-list li .item dt { color: #000; font-size: .875em; font-weight: bold; float: left; } #order-list li .item dd { font-size: .75em; color: #777; float: right; } #order-list li .option { font-size: .75em; } #order-list li .option dt { float: left; } #order-list li .option dd { float: left; margin-left: 10px; } #order-list li .status { width: 100%; font-size: .75em; margin-top: 5px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } #order-list li .status tr { border-bottom: 1px solid #e1e1e1; line-height: 34px; } #order-list li .status th, #order-list li .status td { text-indent: 15px; } #order-list li .status th { background-color: #f1f1f1; } #order-list li .status .bad { color: #e92121; } #order-list li .status .good { color: #4051d0; } #order-list li .status em { color: #b0b0b0; font-style: normal; } #order-list li .detail { border: 1px solid #e1e1e1; padding: 10px 15px; } #order-list li .detail table { margin-top: 0; margin-bottom: 5px; } #order-list li .detail .close-detail { float: right; font-size: .75em; margin-top: 10px; } #order-list li .detail .gift-select { float: right; font-size: .75em; margin-top: 10px; margin-right: 10px; } #order-list .detail { padding: 5px 5px; } #order-list .detail h5 { text-indent: 10px; color: #000; line-height: 35px; margin: 0; } #order-list li { list-style:none; } .opt-lst li {margin-top: 10px;padding-left: 8px;background: url({{$TPL.RAP}}/btn/bul_sqr_h2.gif) no-repeat 0 8px;} .box1 { padding: 20px 10px; margin-top: 10px; border: 1px solid #d7dce0; background-color: #f0f4f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .box1 li {margin:10px 0;} .prd_txt {width:400px;font-weight: normal;display:inline-block;} .prd_price{width:150px;display:inline-block;} .td_middle td { vertical-align: middle; } /* ============================================================================= 주문완료 order_complete.html ========================================================================== */ #order-complete { padding-top: 5px; } #order-complete .complete-msg { margin: 15px 0; font-size: .75em; line-height: 1.4em; border-top: 2px solid #cacaca; border-bottom: 1px solid #cacaca; background: #f6f6f6; padding: 20px 0 10px 0; text-align: center; } #order-complete li { position: relative; margin-bottom: 10px; } #order-complete li h5 { background: #b6b6b6 url(../img/bull/order_list_h5@2x.gif) no-repeat 15px center; background-size: 13px 13px; text-indent: 30px; color: #fff; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; line-height: 35px; margin: 0; } #order-complete li h5 a { line-height: 28px; margin-top: 3px; float: right; text-indent: 0; background-color: #fff; padding: 0 10px; margin-right: 15px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #order-complete li dl { line-height: 35px; margin: 0 15px; } #order-complete li .item { border-bottom: 1px solid #e1e1e1; } #order-complete li .item dt { color: #000; font-size: .875em; font-weight: bold; float: left; } #order-complete li .item dd { font-size: .75em; color: #777; float: right; } #order-complete li .option { font-size: .75em; } #order-complete li .option dt { float: left; } #order-complete li .option dd { float: left; margin-left: 10px; } #order-complete li .status { width: 100%; font-size: .75em; margin-top: 5px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } #order-complete li .status thead { background-color: #e1e1e1; border-top: 2px solid #cacaca; border-bottom: 2px solid #cacaca; font-weight: bold; } #order-complete li .status tr { border-bottom: 1px solid #e1e1e1; } #order-complete li .status th, #order-complete li .status td { padding: 7px 0 7px 15px; } #order-complete li .status th { background-color: #f1f1f1; } #order-complete .btns { padding: 0 15px; } #order-complete .btns a { display: block; text-align: center; margin-bottom: 10px; } /* 사은품 선택 */ #gift-select { width: 90%; top: 50px; left: 5%; min-height: auto; -webkit-box-shadow: 3px 3px 10px #99a4b3; -moz-box-shadow: 3px 3px 10px #99a4b3; box-shadow: 3px 3px 10px #99a4b3; } #gift-select div.desc { text-align: center; color: blue; font-size: .75em; line-height: 3em; } #gift-select div.desc span { color: red; } #gift-select ul.items > li.even { background-color: #f6f6f6; } #gift-select div.btn-wrap { padding: 10px 0; position: relative; text-align: center; } #gift-select div.btn-wrap a { padding: 7px 18px; } /* ============================================================================= 주문서 order.html ========================================================================== */ #order .items-wrap { width: 90.3125%; margin: 0 auto; } #order .items-wrap .items { padding: 0; } #order .items-wrap .items[data-type="horizontal"] li { min-height: 100%; } #order .items-wrap .desc { margin: 10px 10px; color: #777; font-size: .75em; } #order .items-wrap .desc li { line-height: 1.3em; list-style-type: square; } #order h5 { background: #b6b6b6 url(../img/bull/order_list_h5@2x.gif) no-repeat 15px center; background-size: 13px 13px; text-indent: 30px; color: #fff; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; line-height: 35px; margin: 0; } #order input[type=tel] { width: 40px; } #order .order-total { padding-left: 15px; margin-top: 5px; border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; background-color: #f4f4f4; line-height: 35px; font-size: .875em; font-weight: bold; } #order .order-total em { font-style: normal; font-size: smaller; } #order .order-total .txt { float: right; color: #e92121; margin-right: 15px; } #order .txt-input { text-indent: 5px; height: 21px; padding: 3px 0 1px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #order .txt-area { text-indent: 5px; margin: 5px 0; padding: 3px 0 1px; border: 1px solid #d1d1d1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #order .order-info td, #order .delivery-info td { padding-right: 10px; vertical-align: middle; } #order .delivery-info .bottom { position: absolute; bottom: 10px; } #order .pay-info { font-size: .75em; color: #777; } #order .pay-info dl { border-bottom: 1px solid #aeaeae; position: relative; min-height: 100px; padding-left: 90px; } #order .pay-info dl dt { position: absolute; left: 0; top: 0; background-color: #f4f4f4; width: 90px; height: 100%; text-align: center; } #order .pay-info dl dt label { display: block; padding-top: 55px; } #order .pay-info dl dd { display: inline-block; } #order .pay-info dl dt span { display: block; } #order .pay-info dl dd ul { padding-top: 5px; padding-left: 25px; } #order .pay-info dl dd li { list-style-type: square; line-height: 2em; letter-spacing: -1px; } #order .pay-info .bank dt { background: #f4f4f4 url(../img/bull/pay_info_bank_off@2x.gif) no-repeat center 15px; background-size: 46px 32px; } #order .pay-info .bank dt.now { background: #f4f4f4 url(../img/bull/pay_info_bank_on@2x.gif) no-repeat center 15px; background-size: 46px 32px; } #order .pay-info .bank dd select { width: 160px; } #order .pay-info .phone dt { background: #f4f4f4 url(../img/bull/pay_info_phone_off@2x.gif) no-repeat center 15px; background-size: 46px 32px; } #order .pay-info .phone dt.now { background: #f4f4f4 url(../img/bull/pay_info_phone_on@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .card dt { background: #f4f4f4 url(../img/bull/pay_info_card_off@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .pay-info .card dt.now { background: #f4f4f4 url(../img/bull/pay_info_card_on@2x.gif) no-repeat center 15px; background-size: 46px 33px; } #order .coupon .input-wrap { position: relative; padding-left: 5px; padding-right: 80px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; } #order .coupon .input-wrap input { width:93%; height: 30px; } /*190315 제이스타일측 수정 100%에서 93%*/ #order .coupon .input-wrap .btn-type-01 { position: absolute; right: 15px; top: 5px; line-height: 1em; text-indent: 0; padding: 8px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #order .coupon ul { padding: 10px 15px 10px 5px; font-size: .75em; color: #777; } #order .coupon ul li { list-style-type: none; } #order .btns { padding: 0 15px; } #order .btns a { display: block; text-align: center; margin-bottom: 10px; } #order .btns a.btn-cash { display: block; color: #fff; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; font-weight: bold; background-color: #8a8687; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a8687), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #8a8687, #5e5e5e); background-image: -moz-linear-gradient(top, #8a8687, #5e5e5e); background-image: -o-linear-gradient(top, #8a8687, #5e5e5e); background-image: linear-gradient(to bottom, #8a8687, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #order .btns a.btn-cash span { padding-left: 16px; background: url(../img/btn/btn_cash@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } /* 배송지 팝업 */ #delivery .delivery li { position: relative; height: 35px; border-bottom: 1px solid #aeaeae; padding: 5px 0 5px 15px; list-style-type: none; font-size: .75em; } #delivery .delivery li input { vertical-align: middle; } #delivery .delivery li .address { display: block; position: absolute; top: 5px; left: 35px; } #delivery .delivery li a { position: absolute; right: 15px; top: 5px; } /* 쿠폰리스트 팝업 */ #coupon-list .lists li { position: relative; min-height: 85px; border-bottom: 1px solid #aeaeae; padding: 5px 0 5px 15px; list-style-type: none; } #coupon-list .lists li:last-child { border-bottom: none; } #coupon-list .lists li input { vertical-align: middle; } #coupon-list .lists li .coupon { display: block; position: absolute; top: 5px; left: 35px; } #coupon-list .lists li .coupon h4 { margin: 0 0 5px 0; font-size: .875em; color: #000; } #coupon-list .lists li .coupon p { margin: 0; font-size: .75em; color: #777; } #coupon-list .selection { padding: 0 15px; border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; background-color: #f4f4f4; } #coupon-list .selection ul { border-bottom: 1px solid #aeaeae; padding-bottom: 5px; margin-bottom: 5px; } #coupon-list .selection li { margin-left: 25px; list-style-type: square; font-size: .75em; color: #777; } #coupon-list .selection h5 { margin: 5px 0; font-size: .875em; color: #000; } #coupon-list .selection p { margin: 0; font-size: .75em; color: #777; line-height: 1.5em; } #coupon-list .selection .item .tit { display: inline-block; width: 90px; text-align: right; } #coupon-list .selection .item strong { color: #000; } #coupon-list .btn-wrap {padding: 4px 0; text-align: center;border-bottom: 1px solid #E1E1E1; } #coupon-list .none-data { text-align: center; margin: 15px 0; } /* ============================================================================= 고객센터 cs_center_view.html, 이용안내 userinfo.html, 상점정보 store_info.html, 이용약관 contract.html ========================================================================== */ #info-group {} #info-group .txt img , #info-group .center-info img { max-width:100%;} #info-group .txt { max-width:100%;} #info-group .center-info, #info-group .info-list { padding: 10px 15px; } #info-group .center-info li{ list-style-type: none;} #info-group .center-info dt { font-size: .875em; font-weight: bold; margin-top: 15px; } #info-group .center-info dt:first-child { margin-top: 0; } #info-group .center-info dd { font-size: .75em; margin-top: 5px; color: #999; } #info-group .center-info dd img { vertical-align: middle; margin-left: 5px; } #info-group .center-info + p { margin: 0; padding: 0 15px; font-size: .75em; } #info-group .info-list li { list-style-type: square; list-style-position: inside; font-size: .75em; font-weight: bold; color: #999; line-height: 2em; } #info-group .info-list li img { vertical-align: middle; margin-left: 5px; } #info-group .info-list li .tit { } #info-group .info-list li .txt { color: #000; margin-left: 15px; } #info-group .btns { text-align: center; } #layerTermsWrap { min-height: 300px; } #info-group #layerTermsWrap { padding: 10px; border: 3px double #ccc; margin: 20px 10px; } #info-group .txt { font-size: .75em; padding: 15px 10px; } /* 이용약관 */ #layerTermsWrap, #layerPrivercyWrap { display: none; } #info-group .layer-pop { display: block; } #info-group .layer-pop .txt { font-size: .75em; padding: 15px 10px; } /* t-msg */ #info-group .t-msg { margin-top: 20px; color: #a4a4a4; } #info-group .t-msg em { color: #545454; } /* gd-dsc */ #info-group .gd-dsc { margin-top: 20px; } #info-group .gd-dsc dt { position: relative; padding-right: 16px; } #info-group .gd-dsc dt span { display: block; padding-bottom: 5px; color: #5b5b5b; font-weight: bold; border-bottom: 1px dotted #DDD; } #info-group .gd-dsc dt span a { font-weight: normal; } #info-group .gd-dsc li { margin-top: 3px; } /* ============================================================================= 쿠폰내역 coupon_list.html ========================================================================== */ #coupon-list { } #coupon-list .btns { position: relative; height: 40px; } #coupon-list .btns .insert-coupon { position: absolute; right: 15px; top: 10px; } #coupon-list .list { padding: 0 10px; } #coupon-list .list li { position: relative; border-bottom: 1px solid #e6e6e6; padding: 10px 0; line-height: 1em; } #coupon-list .list h4 { margin: 0; font-size: .875em; line-height: 1.5em; background: url(../img/bull/coupon_list_h4.gif) no-repeat 0 center; padding-left: 10px; } #coupon-list .list dl { font-size: .75em; color: #666; } #coupon-list .list dt, #coupon-list .list dd { display: inline; } #coupon-list .list dt { font-weight: bold; } #coupon-list .caution { padding: 15px 10px; background-color: #f2f2f2; width: 90.3125%; margin: 10px auto; } #coupon-list .caution h4 { font-weight: normal; font-size: .75em; margin: 0; } #coupon-list .caution h5 { margin-top: 10px; margin-bottom: 5px; } #coupon-list .caution li { list-style-type: none; font-size: .75em; letter-spacing: -1px; } /* ============================================================================= 이벤트 event.html, 이벤트 목록 event_list.html, 이벤트 팝업 event_detail_popup.html ========================================================================== */ #event-page { padding: 10px 15px; font-size: .75em; } #event-page p { margin: 0; } #event-page .btns { text-align: center; } #event-list {} #event-list .items li { min-height: 95px; } #event-list .items li dl { min-height: 95px; } #event-list .items .event-day { margin-left: 105px; } #event-list .items .thumb-img { text-align: center; } #event-list .items .thumb-img img { width: auto; height: auto; max-width: 100%; max-height: 100%; } #event-popup { display: block; position: absolute; } #event-popup .info-wrap { position: relative; width: 90.3125%; margin: 15px auto; padding-bottom: 10px; } #event-popup .info-wrap .items { width: 100%; } #event-popup .info-wrap .items p { margin: 0; font-size: .75em; } #event-popup .info-wrap .items img { max-width: 100%; height: auto; float: left; } #event-popup .btns { text-align: center; } /* ============================================================================= 공지사항 notice_list.html ========================================================================== */ #notice {} #notice .lists { margin: 15px; border-top: 1px solid #e7e7e7; } #notice .lists li { list-style-type: none; border-bottom: 1px solid #e7e7e7; padding: 10px 15px; background: url(../img/bull/bull_category_list.gif) no-repeat right center; } #notice .lists li a { display: block; font-weight: bold; font-size: .875em; color: #3d3d3d; } #notice .lists li .date { font-size: .75em; display: block; } #notice .lists li p { display: none; } /* ============================================================================= 과거배송지 팝업 delivery_popup.html ========================================================================== */ #delivery-popup { display: block; position: absolute; } #delivery-popup .delivery li { position: relative; height: 35px; border-bottom: 1px solid #aeaeae; padding: 5px 0 5px 15px; list-style-type: none; font-size: .75em; } #delivery-popup .delivery li input { vertical-align: middle; } #delivery-popup .delivery li .address { display: block; position: absolute; top: 5px; left: 35px; } #delivery-popup .delivery li a { position: absolute; right: 15px; top: 5px; } /* ============================================================================= 미리보기 index.html ========================================================================== */ #m_preview { position: absolute;height: 44px;line-height: 2.1;top: 0;left: 0;width: 100%;background: #000;font-weight: bold;font-size: 20px;text-align: center;color: #FFF;overflow: hidden;font-family: tahoma;z-index: 100000000; } /* ============================================================================= 팝업 이벤트 index.html ========================================================================== */ #popup-event { z-index: 100; position: absolute; left: 50%; top: 20%; width: 90%; height: auto; padding: 5px; background-color: #424242; } #popup-event dt {} #popup-event dt img { width: 100%; height: 100%; } #popup-event dd { padding-top: 3px; } #popup-event dd a { display: block; width: 50%; float: left; text-align: center; font-size: .75em; color: #767676; height: 20px; line-height: 20px; background-color: #e3e3e3; } #popup-event dd a:first-child { width: 49%; margin-right: 1px; } #popup-event a.close { text-indent: -9999px; display: block; width: 24px; height: 20px; position: absolute; top: 5px; right: 10px; background: #484848 url(../img/btn/popup_event_close@2x.gif) no-repeat 7px 4px; background-size: 9px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* ============================================================================= 팝업 이벤트 type-01 index.html ========================================================================== */ #popup-event.type-01 { background-color: #857374; } #popup-event.type-01 dt img { height: auto; } #popup-event.type-01 dd { padding-top: 5px; } #popup-event.type-01 dd a { color: #f7f6f6; border: 1px solid #4b3d31; border-top: 1px solid #6e635a; height: 27px; line-height: 27px; width: 49%; background: -webkit-gradient(linear, left top, left bottom, from(#9a8d8d), to(#867576)); background: -moz-linear-gradient(top, #9a8d8d, #867576); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a8d8d', endColorstr='#867576'); } #popup-event.type-01 a.close { display: none; } /* ============================================================================= 최근 본 상품 product.html ========================================================================== */ div.recent-btn { position: absolute; right: 10px; top: 4px; width: 59px; height: 20px; line-height: 20px; text-align: center; background-color: #f4f4f4; border: 1px solid #e3e3e3; -webkit-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.recent-btn a { font-size: .75em; font-weight: bold; color: #828282; } div.recent-btn a span { padding-right: 10px; } div.recent-btn a.off span { background: url(../img/bull/recent_span_off@2x.gif) no-repeat 100% 50%; background-size: 8px 5px; } div.recent-btn a.on span { background: url(../img/bull/recent_span_on@2x.gif) no-repeat 100% 50%; background-size: 8px 5px; } #recents { position: relative; display: none; background: url(../img/bg/recents_items.gif) repeat 0 0; } #recents h3 { margin: 0; padding: 5px 0; text-indent: 10px; font-size: .875em; color: #828282; } #recents .items { position: relative; width: 85%; margin: 0 auto; overflow: hidden; } #recents .items ul { width: 100%; } #recents .items ul li { float: left; width: 25%; list-style-type: none; } #recents .items ul li a { position: relative; display: block; padding: 5px; } #recents .items ul li img { width: 100%; height: auto; border: 1px solid #dddddd; } #recents .items ul li a.now img { border: 3px solid #90bae9; } #recents .items .paging { padding: 5px 0; font-size: .75em; text-align: center; } #recents .btns a { display: block; width: 12px; height: 32px; position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; } #recents .btns a.prev { left: 10px; background: url(../img/btn/recent_prev_btn@2x.gif) no-repeat 0 0; background-size: contain; } #recents .btns a.next { right: 10px; background: url(../img/btn/recent_next_btn@2x.gif) no-repeat 0 0; background-size: contain; } /* ============================================================================= 최근 본 상품 recent.html ========================================================================== */ #recent .items-wrap .items[data-type="horizontal"] li { min-height: 100%; } #recent .btn-wrap { border-bottom: 1px solid #e1e1e1; padding: 4px 0; text-align: center; } #recent .btn-wrap a span { padding: 0 10px; } #recent dd.link-basket { text-align: right; } #recent a.basket-btn { display: inline-block; margin-right: 15px; padding: 5px; color: #9b9b9b; font-size: .75em; font-weight: bold; border: 1px solid #8c8c8c; -webkit-border-radius: 3px; border-radius: 3px; } /* ============================================================================= 상품 리스트 new product_list_new.html ========================================================================== */ #container .breadcrumb-cat h3 { margin: 0; font-size: .875em; color: #999; } #product-list .items-wrap .items[data-type="horizontal"] li { min-height: 100%; } #product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; height: 33px; line-height: 33px; } #product-list .results .tool-wrap select { width: 48.387%; position: absolute; top: 10px; } #product-list .results .tool-wrap select:first-child { left: 4px; } #product-list .results .tool-wrap select:last-child { right: 4px; } #product-list .results .tool-wrap .links { padding: 0 6px; } #product-list .results .tool-wrap .links a { display: inline-block; margin: 0 2px; font-size: .75em; font-weight: bold; color: #626b7c; } #product-list .results .tool-wrap .links a.now { background: url(../img/bull/tool_wrap_link_now_@2x.gif) no-repeat 0 50%; background-size: 13px 10px; padding-left: 14px; color: #f56e00; } #product-list .results .paging-wrap { /*overflow-y: auto; height: 200px;*/ } #product-list .results .paging { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; } #product-list .results .tool-wrap .type-btn { position: absolute; right: 6px; top: 8px; } #product-list .results .tool-wrap .type-btn a { display: block; width: 61px; height: 29px; text-indent: -9999px; } #product-list .results .tool-wrap .type-btn a.list { background: url(../img/btn/type_btn_list_@2x.gif) no-repeat 0 0; background-size: contain; } #product-list .results .tool-wrap .type-btn a.gallery { background: url(../img/btn/type_btn_gallery_@2x.gif) no-repeat 0 0; background-size: contain; } #product-list .results .items-wrap > div:first-child { min-height: 31px; } #product-list .results .items-wrap[data-view=paging] .items[data-type=gallery] { float: left; } #product-list .results .items-wrap .items[data-type=tile], #product-list .results .items-wrap .items[data-type=horizontal] { margin-top: 14px; } #product-list .results .items-wrap .items[data-type=list] li { min-height: initial; } #product-list .results .items-wrap .items[data-type=list] .price-info li { min-height: initial; } #product-list .results .items-wrap[data-view=all] .more , #product-list .results .items-wrap[data-view=all] .pagination , #product-list .results .items-wrap[data-view=more] .pagination , #product-list .results .items-wrap[data-view=paging] .more { display:none; } #product-list .results .pagination { text-align:center; } #product-list .results .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #FFF;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;} #product-list .results .swiper-active-switch {background: #999;} #product-list .results .items-wrap[data-view=more] .more { text-align:center; margin:15px 12px; } #product-list .results .items-wrap[data-view=more] .more span{display: inline-block;height: 42px;line-height: 44px;padding: 0 25px;border: 1px solid #888;color: #FFF;font-size: 0.938em;background: #999;} /* 갤러리형 */ #product-list .results .items-wrap .items[data-type=gallery] { display: table; table-layout: fixed; width: 100%; padding: 0px; } #product-list .results .items-wrap .items[data-type=gallery] > li { position: relative;display: inline-block;float:none;padding: 7px 0;text-align: center;vertical-align: top; } #product-list .results .items-wrap .items[data-type=gallery] > li dl { margin-left:5px; } #product-list .results .items-wrap .items[data-type=gallery] .thumb-img img { max-width:120px; max-height:120px; } #product-list .results .items-wrap[data-open=off] .swiper-container , .items-wrap[data-open=off] .more , .items-wrap[data-open=off] .pagination { display: none; } #product-list .results .items-wrap[data-open=on] .toggle-btn a { background: url(../img/btn/item_toggle_btn_on@2x.gif) no-repeat 0 0; background-size: 26.5px 26.5px; } #product-list .results .items-wrap[data-open=off] .toggle-btn a { background: url(../img/btn/item_toggle_btn_off@2x.gif) no-repeat 0 0; background-size: 26.5px 26.5px; } /* ============================================================================= 게시판 & 리뷰 추가 가이드 - 공통 사용 guide.html ========================================================================== */ div.guide { position: relative; padding: 20px; } div.guide a { margin: 5px; text-align: center; } hr.line { display: block; border: 1px solid #bababa; } input.comm, textarea.comm { -webkit-appearance: none; border: 1px solid #d6d6d6; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } span.stars { display: inline-block; width: 58px; height: 10px; text-indent: -9999px; overflow: hidden; background: url(../img/bull/star_off@2x.gif) repeat 0 0; background-size: 12px 10px; } span.stars em { display: block; background: url(../img/bull/star_on@2x.gif) repeat 0 0; background-size: 12px 10px; } span.stars-white { display: inline-block; width: 58px; height: 10px; text-indent: -9999px; overflow: hidden; background: url(../img/bull/star_off_white@2x.gif) repeat 0 0; background-size: 12px 10px; } span.stars-white em { display: block; background: url(../img/bull/star_on_white@2x.gif) repeat 0 0; background-size: 12px 10px; } span.stars em.star-1, span.stars-white em.star-1 { width: 12px; } span.stars em.star-2, span.stars-white em.star-2 { width: 24px; } span.stars em.star-3, span.stars-white em.star-3 { width: 36px; } span.stars em.star-4, span.stars-white em.star-4 { width: 48px; } span.stars em.star-5, span.stars-white em.star-5 { width: 60px; } div.paging-new { position: relative; padding: 15px 0; text-align: center; } div.paging-new a { text-align: center; display: inline-block; width: 34px; height: 34px; line-height: 34px; color: #727a8b; border: 1px solid #a9afbb; font-size: .75em; font-weight: bold; background-color: #fff; } div.paging-new a.now { border-color: #239cdc; color: #239cdc; } div.paging-new a.prev { width: 50px; text-indent: -9999px; background: #f4f4f4 url(../img/bull/paging_prev@2x.gif) no-repeat center center; background-size: 9px 13px; } div.paging-new a.next { width: 50px; text-indent: -9999px; background: #f4f4f4 url(../img/bull/paging_next@2x.gif) no-repeat center center; background-size: 9px 13px; } div.review-style .all-list { position: relative; padding-bottom: 15px; border-bottom: 1px solid #bababa; } div.review-style .all-list ul > li { list-style: none; position: relative; padding: 10px 14px 0; border-top: 1px solid #bbbfc0; border-bottom: 1px solid #bbbfc0; background-color: #fbfbfb; } div.review-style .all-list ul > li > dl { position: relative; padding-bottom: 10px; } div.review-style .all-list ul > li > dl:before, div.review-style .all-list ul > li > dl:after { content: ""; display: table; } div.review-style .all-list ul > li > dl:after { clear: both; } div.review-style .all-list ul > li > dl dt { z-index: 1; float: left; position: relative; width: 93px; height: auto; } div.review-style .all-list ul > li > dl dt img { width: 100%; height: auto; } div.review-style .all-list ul > li > dl dd { position: relative; padding-left: 110px; } div.review-style .all-list ul > li > dl dd h4 { line-height: 2em; margin: 0; font-size: .75em; font-weight: bold; border-bottom: 1px solid #e5e5e5; } div.review-style .all-list ul > li > dl dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } div.review-style .all-list ul > li > dl dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } div.review-style .all-list ul > li > dl dd .sub { position: relative; margin-top: 10px; } div.review-style .all-list ul > li > dl dd .sub h5 { padding-left: 15px; font-size: .75em; margin: 0; background: url(../img/bull/review_sub_h5@2x.gif) no-repeat 0 center; background-size: 10px 14px; } div.review-style .all-list ul > li > dl dd .sub .info { padding-left: 15px; margin-top: 5px; font-size: .75em; color: #777; } div.review-style .all-list ul > li > dl dd .sub .info .id { padding-left: 10px; background: url(../img/bull/review_crown@2x.gif) no-repeat 0 center; background-size: 8px 7px; } div.review-style .all-list ul > li > dl dd .sub .rating { margin-top: 5px; font-size: .75em; color: #777; } div.review-style .all-list ul > li > dl dd .sub .rating label { display: block; line-height: 1.5em; } div.review-style .all-list ul > li > dl dd .sub .link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } div.review-style .all-list ul > li > dl dd .sub .link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } div.review-style .all-list ul > li .re-wrap { display: none; position: relative; padding: 10px 14px; margin: 0 -14px; border-top: 1px solid #cbcbcb; background-color: #fff; } div.review-style .all-list ul > li .re-wrap > dl { font-size: .75em; font-weight: bold; color: #000; line-height: 1.5em; } div.review-style .all-list ul > li .re-wrap > dl > dd { padding-left: 15px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 0 center; background-size: 10px 10px; } #overlay { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 100; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6; } /* ============================================================================= 버튼 ========================================================================== */ a.btn-dark-h35 { display: inline-block; padding-right: 12px; font-size: .75em; color: #fff; height: 35px; line-height: 35px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #808080; border-bottom: 1px solid #464646; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #898686; background-image: -webkit-gradient(linear, left top, left bottom, from(#898686), to(#595959)); background-image: -webkit-linear-gradient(top, #898686, #595959); background-image: -moz-linear-gradient(top, #898686, #595959); background-image: -o-linear-gradient(top, #898686, #595959); background-image: linear-gradient(to bottom, #898686, #595959); } a.btn-dark-h35 span, a.btn-dark-h35 strong{ display: block; padding: 1px 6px 0 18px; } a.btn-gray-h35 { display: inline-block; padding-right: 12px; font-size: .75em; color: #000; height: 35px; line-height: 35px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #464646; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#cdcdcd)); background-image: -webkit-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -moz-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -o-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: linear-gradient(to bottom, #e4e4e4, #cdcdcd); } a.btn-gray-h35 span, a.btn-gray-h35 strong{ display: block; padding: 1px 6px 0 18px; } a.btn-gray-h25 { display: inline-block; padding-right: 2px; font-size: .75em; color: #000; height: 25px; line-height: 25px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #464646; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#cdcdcd)); background-image: -webkit-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -moz-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: -o-linear-gradient(top, #e4e4e4, #cdcdcd); background-image: linear-gradient(to bottom, #e4e4e4, #cdcdcd); } a.btn-gray-h25 span, a.btn-gray-h25 strong{ display: block; padding: 1px 6px 0 8px; } a.btn-blue-h24 { display: inline-block; padding-right: 18px; font-size: .75em; color: #fff; height: 24px; line-height: 24px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #808080; border-bottom: 1px solid #474747; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #a2a7b0; background-image: -webkit-gradient(linear, left top, left bottom, from(#a2a7b0), to(#646c7d)); background-image: -webkit-linear-gradient(top, #a2a7b0, #646c7d); background-image: -moz-linear-gradient(top, #a2a7b0, #646c7d); background-image: -o-linear-gradient(top, #a2a7b0, #646c7d); background-image: linear-gradient(to bottom, #a2a7b0, #646c7d); } a.btn-blue-h24 span, a.btn-blue-h24 strong{ display: block; padding: 1px 6px 0 24px; } a.btn-white-h24 { display: inline-block; padding-right: 18px; font-size: .75em; color: #777; height: 24px; line-height: 24px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #c0c0c0; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fefefe; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fefefe, #f1f1f1); background-image: -moz-linear-gradient(top, #fefefe, #f1f1f1); background-image: -o-linear-gradient(top, #fefefe, #f1f1f1); background-image: linear-gradient(to bottom, #fefefe, #f1f1f1); } a.btn-white-h24 span, a.btn-white-h24 strong{ display: block; padding: 1px 6px 0 24px; } a.btn-white-h25 { display: inline-block; padding-right: 6px; font-size: .75em; color: #777; height: 25px; line-height: 25px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #8c8c8c; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; } a.btn-white-h25 span, a.btn-white-h25 strong{ display: block; padding: 1px 6px 0 12px; } a.btn-white-h15 { display: inline-block; padding-right: 0; padding-bottom: 3px; font-size: .75em; color: #777; height: 15px; line-height: 15px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #8c8c8c; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; } a.btn-white-h15 span, a.btn-white-h15 strong{ display: block; padding: 2px 6px 0 6px; } a.btn-gray-h15 { display: inline-block; padding-right: 0; padding-bottom: 3px; font-size: .75em; color: #fff; height: 17px; line-height: 17px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #91969f; } a.btn-gray-h15 span, a.btn-gray-h15 strong{ display: block; padding: 2px 6px 0 6px; } a.btn-blue-h15 { display: inline-block; padding-right: 0; padding-bottom: 3px; font-size: .75em; color: #fff; height: 17px; line-height: 17px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #6ab0e4; } a.btn-blue-h15 span, a.btn-blue-h15 strong{ display: block; padding: 2px 6px 0 6px; } a.btn-dark-h15 { display: inline-block; padding-right: 0; padding-bottom: 3px; font-size: .75em; color: #fff; height: 17px; line-height: 17px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #7e8593; } a.btn-dark-h15 span, a.btn-dark-h15 strong{ display: block; padding: 2px 6px 0 6px; } a.btn-dark-h24 { display: inline-block; padding-right: 2px; font-size: .75em; color: #fff; height: 24px; line-height: 24px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; border: 1px solid #727a8b; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #626b7c; } a.btn-dark-h24 span, a.btn-dark-h24 strong{ display: block; padding: 1px 6px 0 8px; } a.btn-dark-h24 img { vertical-align: baseline; } a.btn-long { display: block; margin: 0 14px 10px; padding-right: 100px; } a.btn-long:last-child { margin-bottom: 0; } a.btn-long span, a.btn-long strong { padding: 1px 6px 0 106px; } /* ============================================================================= 셀렉트 박스 ========================================================================== */ .customSelect_list {position:relative; top:0; left:0; margin:20px 0 0 14px; display:block;} .customSelect_list_search .customSelectInner, .customSelect_list .customSelectInner {min-width:70px!important;} .customSelect_list_search.search-wrap .item-search .wrap {padding-left:88px!important;} .customSelect_list_search.search-wrap .item-search label {top:0;} .customSelect_list .custom-gray, .customSelect_list_search .custom-gray {height:25px!important; font-size:12px!important;} .customSelect_list_view {position:relative; top:0; left:0; display:block; height:35px; margin: 10px 0 0 10px;} .customSelect_list_view .selec {-webkit-appearance: menulist-button; width: 76px; position: absolute; top:0; left:0; height:25px; font-size: 12px; opacity: 0;} .customSelect_list_view .customSelect.custom-gray {} .customSelect_list_view .customSelect.custom-gray .customSelectInner {min-width:70px;} span.customSelect { font-size: .75em; color:#7c7c7c; padding: 0; border:1px solid #e7dab0; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f0de; } .customSelect.custom-blue { color: #000; text-align: left; border: 1px solid #8e95a2; background: #fff url(../img/bull/custom_select_blue@2x.gif) no-repeat right center; background-size: 17px 24px; } .customSelect.custom-blue .customSelectInner { padding: 4px 0 4px 4px; } .customSelect.custom-gray { color: #000; text-align: left; border: 1px solid #8e95a2; background: #ededed url(../img/bull/custom_select_blue@2x.gif) no-repeat right center; background-size: 17px 24px; } .customSelect.custom-gray .customSelectInner { padding: 4px 0 4px 4px; } .customSelect.custom-white { color: #777; text-align: left; border: 1px solid #8c8c8c; background: #fff url(../img/bull/custom_select_white@2x.gif) no-repeat right center; background-size: 15px 10px; } .customSelect.custom-white .customSelectInner { padding: 4px 0 4px 4px; } /* ============================================================================= 비공개글-팝업 popups.html ========================================================================== */ .popups { display: none; background-color: #fff; z-index: 101; } .popups .head { position: relative; text-align: center; } .popups .head h5 { padding: 10px 0; margin: 0; color: #000; font-size: .75em; font-weight: bold; border-bottom: 1px solid #979797; } .popups .head h5 img { vertical-align: top; } .popups .head h5.orange { color: #f56e00; } .popups .head a.close { position: absolute; top: 10px; right: 14px; display: block; text-indent: -9999px; background: url(../img/bull/btn_del_gray@2x.gif) no-repeat center center; background-size: 11px 11px; } .popups .contents { position: relative; padding: 15px 0; } .popups .contents p { text-align: center; font-size: .75em; font-weight: bold; color: #000; } .popups .contents .form-wrap { position: relative; padding: 20px; } .popups .contents .form-wrap label { display: block; position: absolute; left: 25px; top: 25px; color: #000; font-size: .75em; } .popups .contents .form-wrap .wrap { position: relative; padding-left: 60px; padding-right: 60px; } .popups .contents .form-wrap .wrap input { width: 100%; height: 25px; } .popups .contents .form-wrap a.btn-gray-h25 { position: absolute; top: 20px; right: 20px; } .popups .contents .reply { padding: 0 20px; } .popups .contents .reply li { list-style-type: none; } .popups .contents .reply li dt { font-size: .75em; font-weight: bold; color: #000; } .popups .contents .reply li dt span { font-size: smaller; } .popups .contents .reply li dd { font-size: .75em; color: #a0a0a0; } .popups .contents .form-wrap2 { padding: 5px 0;} .popups .contents .form-wrap2 p { position: relative; padding: 0 20px; margin: 5px 0; } .popups .contents .form-wrap2 p:first-child { padding-left: 80px; padding-right: 70px; } .popups .contents .form-wrap2 p:first-child label { position: absolute; left: 20px; top: 5px; } .popups .contents .form-wrap2 p:last-child { padding-right: 70px; } .popups .contents .form-wrap2 p:last-child a { position: absolute; top: 0; right: 12px; font-size: 1em; } .popups .contents .form-wrap2 input { width: 100%; height: 25px; } .popups .contents table { background-color: #f1f1f1; } .popups .contents table td { vertical-align: middle; padding: 5px 0; border: 1px solid #979797; text-align: center; font-size: .75em; font-weight: bold; color: #000; } .popups .contents table td .w100-wrap { } .popups .contents table td .w100-wrap input { height: 25px; } .popups .contents .btns { text-align: center; padding: 10px 0; } /* ============================================================================= 사진 첨부하기 photo_attach.html ========================================================================== */ #photo { position: relative; } #photo .tabs { position: relative; padding-top: 4px; margin-top: 7px; padding-left: 4px; border-bottom: 1px solid #b5bcc4; background-color: #f4f4f4; } #photo .tabs ul { border-bottom: 1px solid #fff; } #photo .tabs li { list-style-type: none; float: left; height: 30px; line-height: 30px; text-align: center; padding: 0 14px; margin-bottom: -2px; } #photo .tabs li a { display: block; color: #727272; font-size: .875em; font-weight: bold; } #photo .tabs li.now { background-color: #fff; border: 1px solid #b5bcc4; border-bottom: none; } #photo .tabs li.now a { color: #000; } #photo .conts { position: relative; padding: 10px 8px; } #photo .files { position: relative; } #photo .files .file-input { position: relative; margin: 5px 0; padding-right: 105px; } #photo .files .file-input .file-input-text { float: left; font-size: .75em; -webkit-appearance: none; width: 100%; height: 35px; border: 1px solid #d6d6d6; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #photo .files .file-input .fake-file { position: absolute; top: 0; text-align: right; width: 100%; height: 37px; overflow: hidden; } #photo .files .file-input .fake-file .file-input-hidden { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } #photo .conts .desc { line-height: 1.5em; padding: 15px 0; text-align: center; font-size: .75em; color: #777; border: 1px solid #d6d6d6; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #photo .conts { position: relative; } #photo .conts .btns { text-align: center; } #photo .conts .btns a { margin: 0 5px; } #photo #imageContinue .file-input { padding-right: 220px; } #photo #imageContinue .file-input .fake-file .file-input-hidden {} #photo #imageContinue .sub-btn { display: inline-block; position: relative; } #photo #imageContinue .sub-btn a { display: inline-block; width: 35px; height: 35px; vertical-align: middle; text-indent: -9999px; } #photo #imageContinue a.large { background: url(../img/btn/sub_btn_a_large@2x.gif) no-repeat 0 0; background-size: contain; } #photo #imageContinue a.cw-90 { background: url(../img/btn/sub_btn_a_cw90@2x.gif) no-repeat 0 0; background-size: contain; } #photo #imageContinue a.ccw-90 { background: url(../img/btn/sub_btn_a_ccw90@2x.gif) no-repeat 0 0; background-size: contain; } #photo #imageContinue .choice {} #photo #imageContinue .choice .util { } #photo #imageContinue .choice .util li { list-style: none; line-height: 1.5em; } #photo #imageContinue .choice .util label { color: #777; font-size: .75em; } #photo #imageContinue .choice .util .num-1 { float: left; } #photo #imageContinue .choice .util .num-2 { float: right; } #photo #imageContinue .choice .style {} #photo #imageContinue .choice .style h5 { color: #777; margin: 0; font-weight: normal; font-size: .75em; } #photo #imageContinue .choice .style li { float: left; width: 36px; margin: 4px; text-align: center; list-style: none; } #photo #imageContinue .choice .style li label { display: block; height: 45px; line-height: 45px; } #photo #imageContinue .choice .style li label input { vertical-align: bottom; } #photo #imageContinue .choice .style li label.num-1 { background: url(../img/bull/album_style_01@2x.gif) no-repeat 0 0; background-size: 36px 30px; } #photo #imageContinue .choice .style li label.num-2 { background: url(../img/bull/album_style_02@2x.gif) no-repeat 0 0; background-size: 36px 30px; } #photo #imageContinue .choice .style li label.num-3 { background: url(../img/bull/album_style_03@2x.gif) no-repeat 0 0; background-size: 36px 30px; } #photo #imageContinue .choice .style li label.num-4 { background: url(../img/bull/album_style_04@2x.gif) no-repeat 0 0; background-size: 36px 30px; } #photo #imageContinue .choice .style li label.num-5 { background: url(../img/bull/album_style_05@2x.gif) no-repeat 0 0; background-size: 36px 30px; } #photo #imageContinue .desc { margin-top: 20px; padding-left: 20px; background-color: #f1f1f1; color: #777; text-align: left; } #photo #imageContinue .desc li { list-style: none; line-height: 1.8em; } /* ============================================================================= 커뮤니티 게시판 메인 community_main.html ========================================================================== */ #container .sub-title h4.community { background: url(../img/bull/sub_title_community@2x.gif) no-repeat 10px center; background-size: 17px 10px; } #community .board-list { margin: 15px; border-top: 1px solid #aeaeae; } #community .board-list li { list-style-type: none; border-bottom: 1px solid #e7e7e7; padding-right: 10px; padding-left: 35px; } #community .board-list li:last-child { border-bottom: 1px solid #aeaeae; } #community .board-list li a { display: block; padding: 10px 15px; font-weight: bold; font-size: .875em; color: #3d3d3d; background: url(../img/bull/bull_community_list@2x.gif) no-repeat right center; background-size: 10px 15px; } #community .board-list li a span { font-weight: normal; font-size: smaller; } #community .board-list li.board { background: url(../img/bull/board_list_board@2x.gif) no-repeat 16px center; background-size: 19px 15px; } #community .board-list li.match { background: url(../img/bull/board_list_match@2x.png) no-repeat 16px center; background-size: 22px 22px; } #community .board-list li.q-a { background: url(../img/bull/board_list_q_a@2x.gif) no-repeat 18px center; background-size: 15px 18px; } #community .board-list li.faq { background: url(../img/bull/board_list_faq@2x.gif) no-repeat 14px center; background-size: 22px 15px; } #community .board-list li.review-zip { background: url(../img/bull/board_list_review_zip@2x.gif) no-repeat 17px center; background-size: 17px 18px; } #community .board-list li.review { background: url(../img/bull/board_list_review@2x.gif) no-repeat 15px center; background-size: 21px 18px; } #community .board-list li.vs { background: url(../img/bull/board_list_vs@2x.gif) no-repeat 15px center; background-size: 19px 17px; } /* ============================================================================= 커뮤니티-1대1게시판(회원비회원선택) board_choice.html ========================================================================== */ #board-choice {} #board-choice .btn-gr1 { padding: 8px 0; text-align: center; border-bottom: 2px solid #bababa; } #board-choice .btn-gr2 { padding: 16px 0; margin-bottom: 20px; text-align: center; } /* ============================================================================= 전체리뷰-상품후기모음 all_review.html ========================================================================== */ #all-review {} #all-review .search-wrap { position: relative; padding: 10px 14px; border-top: 2px solid #bababa; background-color: #f4f4f4; } #all-review .search-wrap .cate-search {} #all-review .search-wrap .cate-search dt { position: absolute; left: 14px; top: 20px; font-size: .75em; font-weight: bold; color: #000; } #all-review .search-wrap .cate-search dd { position: relative; padding-left: 70px; line-height: 2em; } #all-review .search-wrap .cate-search dd select { width: 100%; font-size: .875em; } #all-review .search-wrap .item-search { position: relative; border-top: 1px dotted #aeaeae; margin-top: 10px; padding: 10px 0; } #all-review .search-wrap .item-search label { display: block; position: absolute; left: 0; top: 16px; color: #000; font-size: .75em; font-weight: bold; } #all-review .search-wrap .item-search .wrap { position: relative; padding-left: 70px; padding-right: 60px; } #all-review .search-wrap .item-search .wrap input { width: 100%; height: 25px; } #all-review .search-wrap .item-search a.btn-gray-h25 { position: absolute; top: 10px; right: 0; } #all-review .notice-bar { position: relative; padding: 10px 14px; border-top: 1px solid #bdc4c6; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #all-review .notice-bar dt { line-height: 1.5em; font-size: .75em; color: #000; font-weight: bold; } #all-review .notice-bar dt strong { padding: 2px 4px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #all-review .notice-bar dd { margin-top: 5px; font-size: .75em; color: #777; } /* ============================================================================= 상품화면-상품리뷰(쓰기목록내용보기) review_list.html ========================================================================== */ #review-list {} #review-list .item-wrap { position: relative; padding: 10px 14px; } #review-list .item-wrap dl:before, #review-list .item-wrap dl:after { content: ""; display: table; } #review-list .item-wrap dl:after { clear: both; } #review-list .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; } #review-list .item-wrap dt img { width: 100%; height: 100%; } #review-list .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; } #review-list .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #review-list .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #review-list .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #review-list .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #review-list .write-wrap { position: relative; padding: 10px 14px; } #review-list .write-wrap ul { } #review-list .write-wrap li { list-style-type: none; overflow: hidden; } #review-list .write-wrap li:first-child { margin-bottom: 5px; } #review-list .write-wrap input, #review-list .write-wrap textarea { width: 100%; font-size: .75em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #review-list .write-wrap textarea { height: 80px; padding: 3px; } #review-list .write-wrap input { height: 25px; } #review-list .write-wrap .select { text-align: right; margin: 5px 0; font-size: .75em; font-weight: bold; color: #000; } #review-list .write-wrap .select select { color: #ffb400; } #review-list .write-wrap .util { position: relative; margin: 10px -14px; height: 34px; line-height: 34px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } #review-list .write-wrap .util span { padding: 0 14px; color: #898989; } #review-list .write-wrap .util span a { color: #898989; font-size: .75em; font-weight: bold; } #review-list .write-wrap .util a.btn-white-h25 { position: absolute; top: 4px; right: 14px; } #review-list .reviews { position: relative; } #review-list .reviews > ul > li { position: relative; border-top: 1px solid #979797; border-bottom: 1px solid #979797; } #review-list .reviews > ul > li:first-child { border-top: 2px solid #e6e6e6; } #review-list .reviews > ul > li:last-child { border-bottom: 2px solid #e6e6e6; } #review-list .reviews > ul > li > dl { position: relative; padding: 10px 14px; } #review-list .reviews > ul > li > dl dt { padding-right: 75px; } #review-list .reviews > ul > li > dl dd.up { position: absolute; top: 10px; right: 20px; } #review-list .reviews > ul > li > dl h4 { margin: 0; color: #000; font-size: .75em; font-weight: bold; } #review-list .reviews > ul > li > dl h4 img { vertical-align: -2px; } #review-list .reviews > ul > li > dl .info { margin-top: 5px; font-size: .75em; color: #777; } #review-list .reviews > ul > li > dl .info .id { padding-left: 10px; background: url(../img/bull/review_crown@2x.gif) no-repeat 0 center; background-size: 8px 7px; } #review-list .reviews > ul > li > dl .info .btns { display: inline-block; margin-left: 10px; } #review-list .reviews > ul > li > dl .info a { font-size: 1em; } #review-list .reviews > ul > li > dl .rating { display: none; margin-top: 5px; font-size: .75em; color: #777; } #review-list .reviews > ul > li > dl .rating label { margin-right: 10px; } #review-list .reviews > ul > li > .wrap { display: none; } #review-list .reviews > ul > li > .wrap .conts { position: relative; padding: 10px 14px; } #review-list .reviews > ul > li > .wrap .conts .thumbs { text-align: center; } #review-list .reviews > ul > li > .wrap .conts .thumbs img { width: 95%; height: auto; } #review-list .reviews > ul > li > .wrap .conts .txt { margin-top: 10px; font-size: .75em; font-weight: bold; color: #000; } #review-list .reviews > ul > li > .wrap .re-wrap { padding-left: 14px; border-top: 1px solid #ececec; } #review-list .reviews > ul > li > .wrap .re-wrap { font-size: .75em; font-weight: bold; color: #000; line-height: 1.5em; } #review-list .reviews > ul > li > .wrap .re-wrap li { margin: 5px 0; list-style-type: none; padding-left: 15px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 0 center; background-size: 10px 10px; } #review-list .reviews > ul > li.now > dl { border-bottom: 1px dotted #aeaeae; background-color: #fbfbfb; } #review-list .reviews > ul > li.now > dl dd.up { display: none; } #review-list .reviews > ul > li.now > dl .rating { display: block; } #review-list .reviews > ul > li.now > .wrap { display: block; } /* ============================================================================= 상품화면-리뷰보드(게시판형) review_board.html ========================================================================== */ #review-board {} #review-board .item-wrap { position: relative; padding: 10px 14px; } #review-board .item-wrap dl:before, #review-board .item-wrap dl:after { content: ""; display: table; } #review-board .item-wrap dl:after { clear: both; } #review-board .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; } #review-board .item-wrap dt img { width: 100%; height: 100%; } #review-board .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; } #review-board .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #review-board .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #review-board .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #review-board .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #review-board .title .btns { position: absolute; top: 0; right: 14px; } #review-board .write-wrap { position: relative; padding: 10px 14px; } #review-board .write-wrap li { list-style-type: none; } #review-board .write-wrap li:first-child { margin-bottom: 5px; } #review-board .write-wrap .txt { font-size: .75em; border: 1px solid #d6d6d6; padding: 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #review-board .write-wrap .txt.long { min-height: 80px; } #review-board .reviews { position: relative; } #review-board .reviews > ul > li { position: relative; border-bottom: 1px solid #979797; background-color: #fbfbfb; } #review-board .reviews > ul > li:first-child { border-top: 2px solid #e6e6e6; } #review-board .reviews > ul > li:last-child { border-bottom: 2px solid #e6e6e6; } #review-board .reviews > ul > li > dl { position: relative; padding: 10px 14px; } #review-board .reviews > ul > li > dl dt { padding-right: 70px; } #review-board .reviews > ul > li > dl dd.up { position: absolute; top: 10px; right: 20px; } #review-board .reviews > ul > li > dl h4 { margin: 0; color: #000; font-size: .75em; font-weight: bold; } #review-board .reviews > ul > li > dl h4 img { vertical-align: -2px; } #review-board .reviews > ul > li > dl h4 .cate { color: #239cdc; } #review-board .reviews > ul > li > dl .info { margin-top: 5px; font-size: .75em; color: #777; } #review-board .reviews > ul > li > dl .info .id { padding-left: 10px; background: url(../img/bull/review_crown@2x.gif) no-repeat 0 center; background-size: 8px 7px; } #review-board .reviews > ul > li > dl .info .btns { display: inline-block; margin-left: 10px; } #review-board .reviews > ul > li > dl .info a { font-size: 1em; } #review-board .reviews > ul > li > dl .rating { display: none; margin-top: 5px; font-size: .75em; color: #777; } #review-board .reviews > ul > li > dl .rating label { margin-right: 10px; } #review-board .reviews > ul > li > dl .icon { font-size: .7em; margin-top: 5px; } #review-board .reviews > ul > li > dl .icon .gray { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board .reviews > ul > li > dl .icon .blue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board .reviews > ul > li > .wrap { display: none; background-color: #fff; } #review-board .reviews > ul > li.now > dl { border-bottom: 1px dotted #aeaeae; } #review-board .reviews > ul > li.now > dl dt { padding-right: 0; } #review-board .reviews > ul > li.now > dl dd.up { display: none; } #review-board .reviews > ul > li.now > dl .rating { display: block; } #review-board .reviews > ul > li.now > .wrap { display: block; } #review-board .write-btn { text-align: center; padding: 10px 0; border-bottom: 1px solid #bababa; } /* ============================================================================= 상품화면-리뷰보드(전체리스트) review_board_list.html 상품화면-Q&A qna_board_list.html 커뮤니티-게시판명(리스트) gallery_board_list.html ========================================================================== */ #review-board-list {} #review-board-list .item-wrap { position: relative; padding: 10px 14px; } #review-board-list .item-wrap dl:before, #review-board-list .item-wrap dl:after { content: ""; display: table; } #review-board-list .item-wrap dl:after { clear: both; } #review-board-list .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; } #review-board-list .item-wrap dt img { width: 100%; height: 100%; } #review-board-list .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; } #review-board-list .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #review-board-list .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #review-board-list .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #review-board-list .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #review-board-list .title .btns { position: absolute; top: 0; right: 14px; } #review-board-list .search-wrap { position: relative; padding: 10px 14px; background-color: #fff; } #review-board-list .search-wrap .item-search { position: relative; } #review-board-list .search-wrap .item-search label { display: block; position: absolute; left: 0; top: 1px; color: #000; } #review-board-list .search-wrap .item-search .wrap { position: relative; padding-left: 70px; padding-right: 60px; } #review-board-list .search-wrap .item-search .wrap input { width: 100%; height: 25px; } #review-board-list .search-wrap .item-search a.btn-gray-h25 { position: absolute; top: 0; right: 0; } #review-board-list .notice-bar { position: relative; padding: 10px 14px; border-top: 1px solid #bdc4c6; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #review-board-list .notice-bar dt { line-height: 1.5em; font-size: .75em; color: #000; font-weight: bold; } #review-board-list .notice-bar dt strong { padding: 2px 4px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-list .notice-bar dd { margin-top: 5px; font-size: .75em; color: #777; } #review-board-list .reviews { position: relative; } #review-board-list .reviews > ul > li { position: relative; border-bottom: 1px solid #979797; list-style-type: none; } #review-board-list .reviews > ul > li:after { clear: both; } #review-board-list .reviews > ul > li > div { padding: 10px 14px; background-color: #FBFBFB; } #review-board-list .reviews > ul > li dl { position: relative; } #review-board-list .reviews > ul > li dl > dt.item-name { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eaeaea; font-size: .75em; font-weight: bold; } #review-board-list .reviews > ul > li dl h4 { margin: 0; color: #000; font-size: .75em; font-weight: bold; } #review-board-list .reviews > ul > li dl h4 img { vertical-align: -2px; } #review-board-list .reviews > ul > li dl h4 .cate { color: #239cdc; } #review-board-list .reviews > ul > li dl h4 .reply { color: #fd6d1e; } #review-board-list .reviews > ul > li dl .info { margin-top: 5px; font-size: .75em; color: #777; } #review-board-list .reviews > ul > li dl .info .id { padding-left: 10px; background: url(../img/bull/review_crown@2x.gif) no-repeat 0 center; background-size: 8px 7px; } #review-board-list .reviews > ul > li dl .info .btns { display: inline-block; margin-left: 10px; } #review-board-list .reviews > ul > li dl .info a { font-size: 1em; } #review-board-list .reviews > ul > li dl .rating { margin-top: 5px; font-size: .75em; color: #777; } #review-board-list .reviews > ul > li dl .rating label { display: block; } #review-board-list .reviews > ul > li dl .icon { font-size: .7em; margin-top: 5px; } #review-board-list .reviews > ul > li dl .icon .gray { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-list .reviews > ul > li dl .icon .blue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-list .reviews > ul > li dl dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } #review-board-list .reviews > ul > li dl dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #review-board-list .reviews > ul > li.use-image > div dl .icon { position: relative; left: 0; bottom: 0; } #review-board-list .reviews > ul > li.use-image {} #review-board-list .reviews > ul > li.use-image > div div.image { float: left; position: relative; width: 93px; z-index: 2; } #review-board-list .reviews > ul > li.use-image > div div.image img { width: 100%; height: auto; } #review-board-list .reviews > ul > li.use-image > div dl { position: relative; padding: 0 0 0 105px; } #review-board-list .reviews > ul > li.use-image > div dl:before, #review-board-list .reviews > ul > li.use-image > div dl:after { content: ""; display: table; } #review-board-list .reviews > ul > li.use-image > div dl:after { clear: both; } #review-board-list .reviews > ul > li > div.re { padding-left: 30px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 15px 12px; background-size: 10px 10px; } #review-board-list .reviews > ul > li > div.re .rating .stars { background: url(../img/bull/star_off_white@2x.gif) repeat 0 0; background-size: 12px 10px; } #review-board-list .reviews > ul > li > div.re .rating .stars em { background: url(../img/bull/star_on_white@2x.gif) repeat 0 0; background-size: 12px 10px; } #review-board-list .write-btn { text-align: center; padding: 10px 0; border-bottom: 1px solid #bababa; } /* 이벤트 게시판 */ #review-board-list .reviews > ul > li dl .icon .darkgray { display: inline-block; height: 14px; padding: 2px 12px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-list .reviews > ul > li dl .icon .darkblue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #136ec5; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-list .reviews > ul.evt > li > div dt { font-size: .875em; font-weight: bold; } #review-board-list .reviews > ul.evt > li > div dd.col1 { position: relative; } #review-board-list .reviews > ul.evt > li > div dd.col1 .date { color: #777; font-size: .750em; } #review-board-list .reviews > ul.evt > li > div dd.col1 .icon { position: absolute; top: -5px; right: 0; } #review-board-list .reviews > ul.evt > li > div dd.col1 .icon img, #review-board-list .reviews > ul.evt > li > div dd.col1 .icon span { float: left; } #review-board-list .reviews > ul.evt > li > div dd.col1 .icon img { width: 40px; height: 18px; margin-right: 2px; } #review-board-list .reviews > ul.evt > li > div dd.col2 { margin-top: 4px; } #review-board-list .reviews > ul.evt > li > div dd.col2 span { display: inline-block; font-size: .750em; } #review-board-list .reviews > ul.evt > li > div dd.col2 .bul { padding: 0 5px; color: #b7b7b7; } #review-board-list .reviews > ul.evt > li > div dd.col2 .fc-blue { color: #007dd9; } #review-board-list .search-wrap .item-search.evt label select { width: 65px; } #review-board-list .search-wrap .item-search.evt label:nth-child(2) { left: 70px; } #review-board-list .search-wrap .item-search.evt .wrap { padding-left: 140px; padding-right: 50px; } /* ============================================================================= 상품화면-리뷰보드글쓰기(게시판형리뷰) review_board_write.html Q&A-글쓰기 qna_board_write.html 커뮤니티-게시판-겔러리게시판(글쓰기) gallery_board_write.html 커뮤니티-1대1게시판(질문하기) board_write.html 커뮤니티-email문의 email_write.html ========================================================================== */ #review-board-write {} #review-board-write .item-wrap { position: relative; padding: 10px 14px; } #review-board-write .item-wrap dl:before, #review-board-write .item-wrap dl:after { content: ""; display: table; } #review-board-write .item-wrap dl:after { clear: both; } #review-board-write .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; } #review-board-write .item-wrap dt img { width: 100%; height: 100%; } #review-board-write .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; } #review-board-write .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #review-board-write .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #review-board-write .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #review-board-write .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #review-board-write .title .btns { position: absolute; top: 0; right: 14px; } #review-board-write .write-btn { text-align: center; padding: 10px 0; border-bottom: 1px solid #bababa; } #review-board-write .form-wrap {} #review-board-write .form-wrap .w100-wrap { padding-right: 18px; } #review-board-write .form-wrap .desc { text-indent: -8px; padding: 0 18px; } #review-board-write .form-wrap th { color: #7f7f7f; text-indent:0; white-space:pre; padding:0 10px;} #review-board-write .form-wrap td { vertical-align: middle; } #review-board-write .form-wrap input { vertical-align: middle; height: 25px; } #review-board-write .form-wrap textarea { height: 115px; padding: 5px 3px; } #review-board-write .form-wrap .btns { position: relative; } #review-board-write .form-wrap .btns li { list-style-type: none; margin: 5px 0; } #review-board-write .form-wrap .btns li a { font-size: 1em; } #review-board-write .form-wrap .agree {} #review-board-write .form-wrap .agree li { list-style-type: none; position: relative; margin: 5px 0; } #review-board-write .form-wrap .agree li a {position: absolute; right: 14px; top: 0; font-size: 1em; } #review-board-write .btn-gr1 { padding: 8px 0; text-align: center; margin-bottom: 10px; } #review-board-write .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #review-board-write .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } /* ============================================================================= 상품화면-리뷰보드(게시판형리뷰) review_board_type.html Q&A-내용보기 qna_board_type.html 커뮤니티-게시판-겔러리게시판(내용보기) gallery_board_type.html ========================================================================== */ #review-board-type {} #review-board-type .item-wrap { position: relative; padding: 10px 14px; } #review-board-type .item-wrap dl:before, #review-board-type .item-wrap dl:after { content: ""; display: table; } #review-board-type .item-wrap dl:after { clear: both; } #review-board-type .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; } #review-board-type .item-wrap dt img { width: 100%; height: 100%; } #review-board-type .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; } #review-board-type .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #review-board-type .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #review-board-type .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #review-board-type .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #review-board-type .write-wrap { position: relative; padding: 10px 14px; } #review-board-type .write-wrap ul { margin-right: 7px; } #review-board-type .write-wrap li { list-style-type: none; } #review-board-type .write-wrap li:first-child { margin-bottom: 5px; } #review-board-type .write-wrap input, #review-board-type .write-wrap textarea { width: 100%; font-size: .75em; } #review-board-type .write-wrap textarea { height: 112px; padding: 3px; } #review-board-type .write-wrap input { height: 25px; } #review-board-type .write-wrap .txt { font-size: .75em; border: 1px solid #d6d6d6; padding: 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #review-board-type .write-wrap .txt.long { min-height: 80px; } #review-board-type .write-wrap .txt dl { margin: 3px 0; } #review-board-type .write-wrap .txt dt { font-weight: bold; float: left; width: 80px; } #review-board-type .write-wrap .txt dd {} #review-board-type .write-wrap li.other { position: relative; margin: 5px 0; font-size: .75em; color: #777; } #review-board-type .write-wrap li.other label { display: block; padding-right: 50px; padding-left: 65px; } #review-board-type .write-wrap li.other label span { position: absolute; left: 0; top: 5px; } #review-board-type .write-wrap li.other a { font-size: 1em; position: absolute; top: 0; right: -8px; } #review-board-type .write-wrap li.icons { margin: 5px 0; text-align: right; } #review-board-type .reviews { position: relative; } #review-board-type .reviews > ul > li { position: relative; border-bottom: 1px solid #979797; background-color: #fbfbfb; } #review-board-type .reviews > ul > li:first-child { border-top: 2px solid #e6e6e6; } #review-board-type .reviews > ul > li:last-child { border-bottom: 2px solid #e6e6e6; } #review-board-type .reviews > ul > li > dl { position: relative; padding: 10px 14px; } #review-board-type .reviews > ul > li > dl dt { padding-right: 75px; } #review-board-type .reviews > ul > li > dl dd.up { position: absolute; top: 10px; right: 20px; } #review-board-type .reviews > ul > li > dl h4 { margin: 0; color: #000; font-size: .75em; font-weight: bold; } #review-board-type .reviews > ul > li > dl h4 img { vertical-align: -2px; } #review-board-type .reviews > ul > li > dl h4 .cate { color: #239cdc; } #review-board-type .reviews > ul > li > dl .info { margin-top: 5px; font-size: .75em; color: #777; } #review-board-type .reviews > ul > li > dl .info .id { padding-left: 10px; background: url(../img/bull/review_crown@2x.gif) no-repeat 0 center; background-size: 8px 7px; } #review-board-type .reviews > ul > li > dl .info .btns { display: inline-block; margin-left: 10px; } #review-board-type .reviews > ul > li > dl .info a { font-size: 1em; } #review-board-type .reviews > ul > li > dl .rating { display: none; margin-top: 5px; font-size: .75em; color: #777; } #review-board-type .reviews > ul > li > dl .rating label { margin-right: 10px; } #review-board-type .reviews > ul > li > dl .rating a { font-size: 1em; } #review-board-type .reviews > ul > li > dl .icon { font-size: .7em; margin-top: 5px; } #review-board-type .reviews > ul > li > dl .icon .gray { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-type .reviews > ul > li > dl .icon .blue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-type .reviews > ul > li > .wrap { display: none; background-color: #fff; } #review-board-type .reviews > ul > li.now > dl { border-bottom: 1px dotted #aeaeae; } #review-board-type .reviews > ul > li.now > dl dd.up { display: none; } #review-board-type .reviews > ul > li.now > dl .rating { display: block; } #review-board-type .reviews > ul > li.now > .wrap { display: block; } #review-board-type .write-btn { border-top: 1px solid #979797; text-align: center; padding: 10px 0; border-bottom: 1px solid #bababa; } #review-board-type .write-btn .small-btns { padding-bottom: 10px; padding-left: 14px; text-align: left; } #review-board-type .relations { position: relative; margin-top: 10px; padding-top: 10px; border-top: 1px solid #979797; border-bottom: 1px solid #979797; } #review-board-type .relations h5 { margin: 0; padding-bottom: 10px; text-indent: 14px; color: #979797; font-size: .75em; font-weight: bold; border-bottom: 1px solid #e1e1e1; } #review-board-type .relations .items { } #review-board-type .relations .items li { float: left; width: 20%; list-style-type: none; } #review-board-type .relations .items li a { display: block; padding: 10px; } #review-board-type .relations .items li img { width: 100%; height: 100%; border: 1px solid #bfc2ca; } #review-board-type .reply-write h5 { margin: 0; padding: 10px 0; text-indent: 14px; color: #979797; font-size: .75em; font-weight: bold; border-bottom: 1px solid #e1e1e1; } #review-board-type .reply-write .w100-wrap { padding-right: 18px; } #review-board-type .reply-write .custom { padding-right: 70px; } #review-board-type .reply-write .custom a { position: absolute; top: 5px; right: 5px; text-indent: 0; font-size: 1em; } #review-board-type .reply-write th { color: #7f7f7f; text-indent: 14px; } #review-board-type .reply-write td { vertical-align: middle; } #review-board-type .reply-write input { vertical-align: middle; height: 25px; } #review-board-type .reply-write .sub-reviews li { border-bottom: 1px solid #e1e1e1; list-style-type: none; padding: 10px 14px; background-color: #fff; } #review-board-type .reply-write .sub-reviews li:last-child { border-bottom: none; } #review-board-type .reply-write .sub-reviews .info { font-size: .75em; color: #777; } #review-board-type .reply-write .sub-reviews .info .id { padding-left: 10px; background: url(../img/bull/review_crown@2x.gif) no-repeat 0 center; background-size: 8px 7px; } #review-board-type .reply-write .sub-reviews .info .btns { display: inline-block; margin-left: 10px; } #review-board-type .reply-write .sub-reviews .info a { font-size: 1em; } #review-board-type .reply-write .sub-reviews li p { margin-top: 5px; font-size: .75em; color: #777; } #review-board-type .reply-write .sub-reviews li p.re { padding-left: 15px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 0 center; background-size: 10px 10px; } #review-board-type .board-list { position: relative; margin-top: 10px; } #review-board-type .board-list li { padding: 10px 14px; font-size: .75em; border-top: 1px solid #e6e6e6; } #review-board-type .board-list li em { margin-left: 5px; font-style: normal; font-size: smaller; } #review-board-type .board-list li.re { padding-left: 30px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 14px center; background-size: 10px 10px; } #review-board-type .board-list li.prev { padding-left: 30px; background: #f4f4f4 url(../img/bull/board_list_prev@2x.gif) no-repeat 14px center; background-size: 12px 12px; } #review-board-type .board-list li.next { padding-left: 30px; background: #f4f4f4 url(../img/bull/board_list_next@2x.gif) no-repeat 14px center; background-size: 12px 12px; } /* 이벤트 게시판 */ #review-board-type .reviews > ul > li dl .icon .darkgray { padding: 2px 12px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-type .reviews > ul > li dl .icon .darkblue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #136ec5; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #review-board-type .reviews > ul.evt > li > dl .date { margin-top: 5px; color: #777; font-size: .750em; } #review-board-type .reviews > ul.evt > li > dl .icon { position: relative; } #review-board-type .reviews > ul.evt > li > dl .icon .abs { position: absolute; top: 0px; right: 0; } #review-board-type .reviews > ul.evt > li > dl dt { padding-right: 0; } #review-board-type .reviews > ul.evt > li > dl dt .icon { font-size: .750em; font-weight: normal; } #review-board-type .reviews > ul.evt > li > dl h4 { font-size: .875em; } #review-board-type .reviews > ul.evt > li > .write-wrap ul { margin-right: 0; } #review-board-type .reviews > ul.evt > li:first-child { border-top: 0 none; } #review-board-type .reviews > ul.evt > li:last-child { border-bottom: 0 none; } #review-board-type .list-btn { padding-top: 15px; border-top: 1px solid #979797; text-align: center; } #review-board-type .board-list.evt-list { margin: 15px 0; } #review-board-type .board-list.evt-list li { border-top: 1px solid #fff; } #review-board-type .paging-new.bt { border-top: 2px solid #bababa; } #review-board-type .paging-new.bb { border-bottom: 1px solid #bababa; } /* ============================================================================= 커뮤니티-갤러리리스트 gallery_list.html ========================================================================== */ #gallery-list {} #gallery-list .item-wrap { position: relative; padding: 10px 14px; } #gallery-list .item-wrap dl:before, #gallery-list .item-wrap dl:after { content: ""; display: table; } #gallery-list .item-wrap dl:after { clear: both; } #gallery-list .item-wrap dt { float: left; position: relative; width: 48px; height: 48px; border: 1px solid #bfc2ca; } #gallery-list .item-wrap dt img { width: 100%; height: 100%; } #gallery-list .item-wrap dd.subject { display: table-cell; vertical-align: middle; position: relative; padding-left: 10px; height: 48px; font-size: .75em; font-weight: bold; color: #000; } #gallery-list .item-wrap dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #gallery-list .item-wrap dd.link-view a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; } #gallery-list .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #gallery-list .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #gallery-list .title .btns { position: absolute; top: 0; right: 14px; } #gallery-list .search-wrap { position: relative; padding: 10px 14px; background-color: #fff; } #gallery-list .search-wrap .item-search { position: relative; } #gallery-list .search-wrap .item-search label { display: block; position: absolute; left: 0; top: 4px; color: #000; z-index: 1; font-size: .75em; } #gallery-list .search-wrap .item-search .wrap { position: relative; padding-left: 90px; padding-right: 80px; } #gallery-list .search-wrap .item-search .wrap input { width: 100%; height: 25px; } #gallery-list .search-wrap .item-search a.btn-gray-h25 { position: absolute; top: 0; right: 0; } #gallery-list .notice-bar { position: relative; padding: 10px 14px; border-top: 1px solid #bdc4c6; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #gallery-list .notice-bar dt { line-height: 1.5em; font-size: .75em; color: #000; font-weight: bold; } #gallery-list .notice-bar dt strong { padding: 2px 4px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #gallery-list .notice-bar dd { margin-top: 5px; font-size: .75em; color: #777; } #gallery-list .items {} #gallery-list .items ul { padding: 7px 0 0 7px; } #gallery-list .items li { width: 50%; height:270px; float: left; margin-bottom: 7px; list-style-type: none; } #gallery-list .items li dl { position: relative; padding: 0 0 10px; margin-right: 7px; border: 1px solid #ccc; } #gallery-list .items li dl .icon { font-size: .7em; margin-top: 5px; } #gallery-list .items li dl .icon .gray { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #gallery-list .items li dl .icon .blue { padding: 2px 2px; color: #fff; font-size: 1em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #gallery-list .items li dt {padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #aeaeae; text-align: center; } #gallery-list .items li dt img { width: 100%; height: auto; max-height: 195px; margin:0 auto;} #gallery-list .items li dt img[src=""] {display:block; line-height:150px;} #gallery-list .items li dt img[src=""]:after {content:"no-image"; font-size:12px;} #gallery-list .items li dd { text-align: center; } #gallery-list .items li dd h5 { margin: 0; font-size: .75em; font-weight: bold; } #gallery-list .items li dd span { color: #a4a4a4; font-size: .75em; } #gallery-list .items li dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #gallery-list .items li dd.link-view a { display: block; width: 100%; height: 100%; text-indent: -9999px; } #gallery-list .write-btn { text-align: center; padding: 10px 0; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; } /* ============================================================================= 커뮤니티-FAQ-상세 faq_detail.html ========================================================================== */ #faq-detail {} #faq-detail .btn-gr1 { padding: 8px 0; text-align: center; border-bottom: 1px solid #979797; } #faq-detail .search-wrap { position: relative; margin: 10px 14px; border: 1px solid #aeaeae; background-color: #f4f4f4; } #faq-detail .search-wrap .item-search { position: relative; padding: 5px; border-bottom: 1px dotted #aeaeae; } #faq-detail .search-wrap .item-search label { display: block; position: absolute; left: 6px; top: 6px; color: #000; } #faq-detail .search-wrap .item-search .wrap { position: relative; padding-left: 70px; padding-right: 60px; } #faq-detail .search-wrap .item-search .wrap input { width: 100%; height: 25px; } #faq-detail .search-wrap .item-search a.btn-gray-h25 { position: absolute; top: 6px; right: 6px; } #faq-detail .search-wrap .keywords { position: relative; padding: 10px 14px; background-color: #fff; } #faq-detail .search-wrap .keywords h5 { margin: 0; padding-bottom: 5px; font-size: .75em; font-weight: bold; color: #000; } #faq-detail .search-wrap .keywords li { list-style-type: none; display: inline-block; padding: 0 10px; background: url(../img/bull/keywords_li@2x.gif) no-repeat 0 center; background-size: 2px 2px; } #faq-detail .search-wrap .keywords li:first-child { background: none; padding-left: 0; } #faq-detail .search-wrap .keywords li a { font-size: .75em; color: #777; } #faq-detail .faq-lists { position: relative; margin: 10px 14px; border: 1px solid #aeaeae; } #faq-detail #faqTable { display: table; width: 100%; } #faq-detail #faqTable tr { cursor: pointer; display: table-row; *display: block; } #faq-detail #faqTable tr td { padding: 10px; font-size: .75em; font-weight: bold; color: #000; background-color: #f4f4f4; } #faq-detail #faqTable tr dl { display: none; } #faq-detail #faqTable tr dl dd { padding: 5px 0 10px 25px; color: #9b9b9b; } #faq-detail #faqTable tr dl dd.q { background: url(../img/bull/faq_list_q@2x.gif) no-repeat 0 5px; background-size: 19px 19px; border-bottom: 1px solid #ececec; } #faq-detail #faqTable tr dl dd.a { background: url(../img/bull/faq_list_a@2x.gif) no-repeat 0 5px; background-size: 19px 19px; border-bottom: none; } #faq-detail #faqTable tr.slide-show td { padding-top: 5px; border-top: 1px dotted #e1e1e1; background: #fff; font-weight: normal; } #faq-detail #faqTable tr.slide-show td, #faq-detail #faqTable tr.slide-show dl { display: block; } #faq-detail #faqTable tr.slide-hide td { border-bottom: 1px solid #e1e1e1; } #faq-detail #faqTable tr.slide-hide td { display: block; padding: 0; } #faq-detail #faqTable tr.slide-hide dl { display: none; } /* ============================================================================= 커뮤니티-1대1게시판(리스트) board_list.html ========================================================================== */ #board-list {} #board-list .btn-gr1 { padding: 8px 0; text-align: center; border-bottom: 1px solid #979797; } #board-list .notice-bar { position: relative; padding: 10px 14px; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #board-list .notice-bar p { text-align: center; font-size: .75em; line-height: 1.5em; } #board-list .notice-bar p strong { color: #239cdc; } #board-list .notice { padding: 10px 14px; /*font-size: .75em;*/ color: #4c515a; font-weight: bold; background-color: #eff3f4; border-bottom: 1px solid #ced0ca; } #board-list .notice strong { padding: 2px 4px; color: #fff; font-size: 1em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #board-list .notice p.conts { display: none; font-style: normal; padding: 5px 0; } #board-list .lists {border-top: 1px solid #ced0ca; margin-top:15px;} #board-list .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #board-list .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #board-list .title .btns { position: absolute; top: 0; right: 14px; } #board-list .search-wrap { position: relative; padding: 10px 14px; background-color: #fff; } #board-list .search-wrap .item-search { position: relative; } #board-list .search-wrap .item-search label { display: block; position: absolute; left: 0; top: 4px; color: #000; z-index: 1; font-size: .75em; } #board-list .search-wrap .item-search .wrap { position: relative; padding-left: 90px; padding-right: 80px; } #board-list .search-wrap .item-search .wrap input { width: 100%; height: 25px; } #board-list .search-wrap .item-search a.btn-gray-h25 { position: absolute; top: 0; right: 0; } #board-list .lists ul > li { position: relative; padding: 10px 14px; border-bottom: 1px solid #e6e6e6; } #board-list .lists ul > li:after {content: ""; display: block; clear: both;} #board-list .lists ul > li dt { font-size: .75em; font-weight: bold; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; margin:0 20px 0 0;} #board-list .lists ul > li .board_right_content .comment_count {margin-right:5px;} #board-list .lists ul > li .board_pro_img {float:left; margin:0 10px 0 0; position:relative; top:0; left:0; z-index:10000; width:67px; height:50px;} #board-list .lists ul > li .board_right_content {position:absolute; bottom:12px; right:10px; font-size: .75em;} #board-list .lists ul > li dd { font-size: .75em; color: #9a9ca3; } #board-list .lists ul > li dd.conts { display: none; padding: 5px 0; } #board-list .lists ul > li dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #board-list .lists ul > li dd.link-view a { display: block; width: 100%; height: 100%; text-indent: -9999px; } #board-list .lists ul > li dd ul > li.re { list-style: none; padding-left: 30px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 14px 16px; background-size: 10px 10px; border-top: 1px solid #e6e6e6; border-bottom: 0px; margin-top:10px;} #board-list .lists ul > li.is-pic dt { background: url(../img/icon/review_icon_cam@2x.gif) no-repeat right top; background-size: 17px 12px; } #board-list .lists ul > li dt .icon .gray { padding: 2px 2px; color: #fff; font-size: .75em; background-color: #7e8593; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #board-list .lists ul > li dt .icon .blue { padding: 2px 2px; color: #fff; font-size: .75em; background-color: #5cb7fa; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #board-list .write-btn { text-align: center; padding: 10px 0; } /* ============================================================================= 마이페이지(내게시물) my_board.html ========================================================================== */ #my-board {} #my-board .title { position: relative; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; background-color: #bfc2ca; } #my-board .title h3 { padding-left: 30px; text-align: left; margin: 0; height: 34px; line-height: 36px; font-size: .75em; font-weight: bold; color: #fff; background: url(../img/bull/review_title@2x.gif) no-repeat 14px center; background-size: 13px 13px; } #my-board .notice-bar { margin-top: 10px; position: relative; padding: 10px 14px; border-top: 1px solid #bdc4c6; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #my-board .notice-bar p { text-align: center; font-size: .75em; line-height: 1.5em; } #my-board .notice-bar p strong { color: #239cdc; } #my-board .lists {} #my-board .lists ul > li { position: relative; padding: 10px 14px; border-bottom: 1px solid #e6e6e6; } #my-board .lists ul > li dt { font-size: .75em; font-weight: bold; color: #000; } #my-board .lists ul > li dd { font-size: .75em; color: #9a9ca3; } #my-board .lists ul > li dd.link-view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #my-board .lists ul > li dd.link-view a { display: block; width: 100%; height: 100%; text-indent: -9999px; } #my-board .lists ul > li.re { padding-left: 30px; background: url(../img/bull/review_re_dd@2x.gif) no-repeat 14px 16px; background-size: 10px 10px; } #my-board .lists ul > li.is-pic dt { background: url(../img/icon/review_icon_cam@2x.gif) no-repeat right top; background-size: 17px 12px; } #my-board .write-btn { text-align: center; padding: 10px 0; } /* ============================================================================= 커뮤니티-1대1게시판(내용보기) board_view.html ========================================================================== */ #board-view {} #board-view .btn-gr1 { padding: 8px 0; text-align: center; border-bottom: 1px solid #979797; } #board-view .notice-bar { position: relative; padding: 10px 14px; border-top: 1px solid #bdc4c6; border-bottom: 1px solid #bdc4c6; background-color: #fffde8; } #board-view .notice-bar dt { line-height: 1.5em; font-size: .75em; color: #000; font-weight: bold; } #board-view .notice-bar dt strong { color: #239cdc; } #board-view .notice-bar dd { margin-top: 5px; font-size: .75em; color: #777; } #board-view .table-wrap { position: relative; } #board-view .table-wrap table { margin-top: 0; border-bottom: 2px solid #bababa; } #board-view .detail-wrap { position: relative; padding: 10px 14px; } #board-view .detail-wrap dl { border: 1px solid #aeaeae; margin-bottom: 10px; } #board-view .detail-wrap dl dt { text-align: center; color: #000; font-weight: bold; font-size: .75em; padding: 5px 0; border-bottom: 1px dotted #aeaeae; background-color: #f4f4f4; } #board-view .detail-wrap dl dd { padding: 10px; font-size: .75em; } #board-view .detail-wrap dl.a { border-top: 2px solid #aeaeae; } #board-view .detail-wrap dl.a .top { position: relative; padding-right: 60px; padding-bottom: 10px; } #board-view .detail-wrap dl.a .top .subject { color: #777; padding-right: 10px; } #board-view .detail-wrap dl.a .top .subject h5 { font-size: 1em; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #board-view .detail-wrap dl.a .top .subject span { color: #a9a9a9; } #board-view .detail-wrap dl.a .top .star-wrap { position: absolute; top: 0; right: 0; } #board-view .detail-wrap dl.a .top .star-wrap p { color: #a9a9a9; } #board-view .detail-wrap dl.a .conts { color: #777; } #board-view .detail-wrap dl.a .conts p { margin-top: 10px; } #board-view .write-btn { text-align: center; padding: 10px 0; border-top: 2px solid #bababa; border-bottom: 1px solid #bababa; } /* ============================================================================= 아이디/비밀번호 찾기 find_idpw.html ========================================================================== */ #findIdpw .self-check { padding: 10px; } #findIdpw .self-auth { padding: 10px; border-top: 2px solid #e1e1e1; } #findIdpw .dsc {padding: 15px 10px 15px 70px;background: #F1F1F1 url(../img/icon/icon_key@2x.gif) no-repeat 22px 11px;background-size: 16px 27px;color: #777;font-size: .875em;font-weight: bold;letter-spacing: -1px;} #findIdpw .cont { margin-top: 14px; padding: 10px 10px 15px; border: 1px solid #e1e1e1; } #findIdpw .cont .hd { padding-bottom: 6px; border-bottom: 2px solid #e1e1e1; text-align: center; color: #777; font-weight: bold; letter-spacing: -1px; } #findIdpw .cont .frm dl { zoom: 1; overflow: hidden; width: 100%; border-bottom: 1px solid #e1e1e1; } #findIdpw .cont .frm dl.last { border-bottom: 0 none; } #findIdpw .cont .frm dt, #findIdpw .cont .frm dd { float: left; padding: 15px 0 10px; } #findIdpw .cont .frm dt { width: 20%; text-align: center; color: #000; font-weight: bold; letter-spacing: -1px; line-height: 27px; } #findIdpw .cont .frm dd { width: 80%; } #findIdpw .cont .frm dl.jumin dd { zoom: 1; overflow: hidden; position: relative; } #findIdpw .cont .frm dl.jumin .input-comm.input-jumin-f { float: left; width: 35%; } #findIdpw .cont .frm dl.jumin .input-comm.input-jumin-f:after { content: "-"; position: absolute; top: 35%; left: 50%; margin-left: -18px; } #findIdpw .cont .frm dl.jumin .input-comm.input-jumin-b { float: right; width: 40%; } #findIdpw .cont .txt { padding-top: 12px; color: #000; font-weight: bold; letter-spacing: -2px; } #findIdpw .btn { margin-top: 16px; text-align: center; } #findIdpw .btn .btn-type-03 { padding-left: 40px; padding-right: 40px; } #findIdpw .input-comm { display: block; height: 25px; margin-right: 20px; border: 1px solid #d6d6d6; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #findIdpw .input-comm input { font-size: .75em; -webkit-appearance: none; } #findIdpw .txt-input { display: block; max-width: 100%; width: 100%; height: 100%; border: 0 none; padding: 0; } #findIdpw .txt-c { margin-top: 16px; text-align:center; } /* ============================================================================= 아이디/비밀번호 찾기 완료 find_idpw_send.html ========================================================================== */ #findIdpwSend { padding: 10px; } #findIdpwSend .dsc { min-height: 95px; padding: 15px 10px 15px 70px; background: #f1f1f1 url(../img/icon/icon_key@2x.gif) no-repeat 12px 15px; background-size: 46px 95px; color: #777; font-size: .875em; font-weight: bold; letter-spacing: -1px; } #findIdpwSend .res { margin-top: 14px; padding: 30px 0; border: 1px solid #e1e1e1; } #findIdpwSend .res p { margin: 0 30px; color: #000; font-weight: bold; letter-spacing: -1px; } #findIdpwSend .res .ment { } #findIdpwSend .res .mail { padding: 14px 0 0 14px; } #findIdpwSend .btn { margin-top: 16px; text-align: center; } #findIdpwSend .btn .btn-type-03 { padding-left: 40px; padding-right: 40px; } /* ============================================================================= 출석부 attend.html ========================================================================== */ #attend { position: relative; } #attend .btn { position: absolute; top: 15px; right: 15px; } #attend .lab { padding-top: 55px; text-align: center; color: #777; font-size: .875em; font-weight: bold; letter-spacing: -1px; } #attend .sch { position: relative; margin: 8px 28px 0; padding: 14px 65px 14px 55px; border: 2px solid #e9e9e9; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #attend .sch .mnt { position: absolute; top: 18px; left: 18px; color: #000; font-size: .875em; font-weight: bold; letter-spacing: -1px; } #attend .sch .btn-attend { position: absolute; top: 14px; right: 14px; display: inline-block; padding: 0 8px; border: 1px solid #8b8b8b; background-color: #ddd; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #000; font-size: .875em; font-weight: bold; letter-spacing: -1px; line-height: 25px; } #attend .tbl { margin-top: 15px; } #attend .tbl table { width: 100%; } #attend .tbl caption { display: none; } #attend .tbl th, #attend .tbl td { padding: 10px 0; border-bottom: 1px solid #e1e1e1; font-size: .875em; } #attend .tbl th { border-top: 1px solid #e1e1e1; } #attend .tbl td .txt-c { text-align: center; } #attend .tbl td .txt-l { text-align: left; } #attend .tbl td, #attend .tbl td a { color: #777; } #attend .input-comm { display: block; height: 25px; border: 1px solid #d6d6d6; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #attend .input-comm .txt-input { display: block; max-width: 100%; width: auto; height: 100%; padding: 0; border: 0 none; font-size: .75em; -webkit-appearance: none; } /* ============================================================================= 출석표 - 달력 attend_calendar.html ========================================================================== */ #attendCalendar .page-hd { margin: 0; padding-left: 15px; height: 44px; line-height: 44px; background-color: #a0a0a0; color: #fff; font-weight: bold; letter-spacing: -1px; } #attendCalendar .page-body { position: relative; } #attendCalendar .page-body button.close { position: absolute; top: -33px; right: 0; width: 29px; height: 29px; text-indent: -9999px; border: 0 none; background: url(../img/btn/h58_close@2x.png) no-repeat 0 0; background-size: 29px 29px; } #attendCalendar .page-body .hd { margin-top: 7px; height: 34px; line-height: 34px; text-align: center; background-color: #f4f4f4; color: #777; font-weight: bold; letter-spacing: -1px; } #attendCalendar .page-body .hd .tit { padding-left: 12px; background: url(../img/bull/arr_r_h20@2x.gif) no-repeat 0 45%; background-size: 8px 10px; } #attendCalendar .page-body .hd .tit span { color: #db0202; } #attendCalendar .page-body .month-w { position: relative; height: 72px; margin-top: 2px; padding-top: 7px; background: url(../img/bg/label_calendar@2x.gif) repeat-x 0 7px; background-size: 100% 72px; border-top: 1px solid #b5bcc4; text-align: center; } #attendCalendar .page-body .month-w span { display: inline-block; margin-top: 4px; color: #fff; font-family: 'Tahoma'; font-size: 26px; font-weight: bold; letter-spacing: -1px; text-shadow: 5px 5px 5px #555; } #attendCalendar .page-body .month-w button { position: absolute; top: 13px; width: 25px; height: 58px; text-indent: -9999px; border: 0 none; } #attendCalendar .page-body .month-w button.prev { left: 7px; background: url(../img/btn/prev_h116@2x.png) no-repeat 0 0; background-size: 25px 58px; } #attendCalendar .page-body .month-w button.next { right: 7px; background: url(../img/btn/next_h116@2x.png) no-repeat 0 0; background-size: 25px 58px; } #attendCalendar .page-body .tbl { margin: 12px 8px 0 6px; overflow: hidden; } #attendCalendar .page-body .tbl table { width: 100%; position: relative; margin: -1px 0 0 -1px; } #attendCalendar .page-body .tbl caption { display: none; } #attendCalendar .page-body .tbl th, #attendCalendar .page-body .tbl td { border: 1px solid #656565; font-family: 'Tahoma'; font-size: 18px; font-weight: bold; letter-spacing: -1px; } #attendCalendar .page-body .tbl th { color: #374fea; } #attendCalendar .page-body .tbl .sunday { color: #db0202; } #attendCalendar .page-body .tbl .txt-c { position: relative; height: 22px; padding: 10px 0; border: 2px solid #fff; text-align: center; } #attendCalendar .page-body .tbl .txt-c { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); background: -moz-linear-gradient(top, #fff, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eaeaea'); } #attendCalendar .page-body .tbl .txt-c .stamp { position: absolute; top: 50%; left: 50%; } #attendCalendar .page-body .tbl .txt-c .stamp.attend { width: 35.5px; height: 35px; margin-left: -17.5px; margin-top: -17.5px; background: url(../img/icon/stamp_attend@2x.png) no-repeat 0 0; background-size: 35.5px 35px; } #attendCalendar .page-body .tbl .txt-c .stamp.achieve { width: 35.5px; height: 35px; margin-left: -17.5px; margin-top: -17.5px; background: url(../img/icon/stamp_achieve@2x.png) no-repeat 0 0; background-size: 35.5px 35px; } #attendCalendar .page-body .tbl .txt-c .stamp.absence { width: 35.5px; height: 36.5px; margin-left: -17.5px; margin-top: -18px; background: url(../img/icon/stamp_absence@2x.png) no-repeat 0 0; background-size: 35.5px 36.5px; } #attendCalendar .btns { margin-top: 35px; text-align: center; } #attendCalendar .btns .btn-type-03 span { display: inline-block; width: 80px; } #attendCalendar .btns .btn-type-03 span.fc-black { color: #000; } /* ============================================================================= 출석표 - 아이스크림 attend_progress.html ========================================================================== */ #attendProgress .page-hd { width: 100%; height: 50px; border-top: 4px solid #6b6f75; border-bottom: 4px solid #6b6f75; background-color: #ededed; } #attendProgress .page-hd .tit { width: 240px; margin: 5px auto 0; padding-left: 40px; background: url(../img/bull/arr_r_h20@2x.gif) no-repeat 30px 4px; background-size: 8px 10px; color: #777; font-weight: bold; letter-spacing: -1px; } #attendProgress .page-hd .tit .fc-red { color: #db0202; } #attendProgress .page-hd .tit .fc-blue { color: #374fea; } #attendProgress .page-body { position: relative; height: 399px; background: url(../img/bg/attend_progress@2x.gif) repeat-x 0 0; background-size: 36px 399px; } #attendProgress .page-body .btn-r { position: absolute; top: 12px; right: 14px; } #attendProgress .page-body .progress { padding-top: 62px; padding-left: 35px; } #attendProgress .page-body .progress .icecream { position: relative; width: 229.5px; height: 276.5px; margin: 0 auto; background: url(../img/bg/icecream@2x.png) no-repeat 0 0; background-size: 229.5px 276.5px; } #attendProgress .page-body .progress .icecream .marking { position: absolute; width: 229.5px; height: 176.5px; background: url(../img/bg/icecream_none@2x.png) no-repeat 0 0; background-size: 229.5px 276.5px; } #attendProgress .page-body .progress .icecream .marking.per20 { height: 144.5px; } #attendProgress .page-body .progress .icecream .marking.per40 { height: 113.5px; } #attendProgress .page-body .progress .icecream .marking.per60 { height: 78.5px; } #attendProgress .page-body .progress .icecream .marking.per80 { height: 43.5px; } #attendProgress .page-body .progress .icecream .marking.per100 { height: 0; } #attendProgress .page-body .btn-c { padding-top: 10px; text-align: center; } #attendProgress .page-body .btn-c .btn-type-03 span { display: inline-block; width: 80px; } /* ============================================================================= 빅매치 bigmatch.html ========================================================================== */ #bigMatch #community .board-list { margin: 0 15px; border-top: 0; } #bigMatch #community .board-list li:last-child { border-bottom: 0; } #bigMatch .sub-title h4.em { color: #333; font-size: .875em; } #bigMatch .ename { margin: 5px 14px; } #bigMatch .ename select { width: 100%; } #bigMatch .ehd { position: relative; height: 63px; background: url(../img/bg/mosaic@2x.gif) repeat-x 0 0; background-size: 14px 63px; } #bigMatch .ehd .tt, #bigMatch .ehd .vs { position: absolute; } #bigMatch .ehd .tt { top: 22px; left: 14px; color: #fff; } #bigMatch .ehd .vs { top: 16px; right: 22px; width: 127px; height: 30px; background: url(../img/bigmatch_vs2x.png) no-repeat 0 0; background-size: 127px 30px; } #bigMatch .desc { margin: 10px 10px 0; padding: 10px 2px; border: 1px solid #e1e1e1; background-color: #f1f1f1; } #bigMatch .desc p { text-align: center; font-size: small; } #bigMatch .desc .bner { margin-top: 8px; } #bigMatch .desc .bner img { width: 100%; } #bigMatch .vswrap { overflow: hidden; margin: 5px 10px 0; padding: 10px 14px; border: 1px solid #e1e1e1; background-color: #f1f1f1; } #bigMatch .vswrap .prd, #bigMatch .vswrap .vs { float: left; } #bigMatch .vswrap .prd { width: 40%; } #bigMatch .vswrap .vs { width: 20%; padding-top: 50px; text-align: center; font-size: 24px; font-weight: bold; } #bigMatch .vswrap .prd dt { border: 1px solid #c0c0c0; } #bigMatch .vswrap .prd dt img { width: 100%; } #bigMatch .vswrap .prd dd { padding: 8px 6px 0; font-size: small; } #bigMatch .vswrap .prd dd span { display: block; } #bigMatch .vswrap .prd dd span.dsc { height: 32px; overflow: hidden; color: #929191; } #bigMatch .prog { position: relative; height: 13px; margin: 10px 10px 0; border-left: 2px solid #333; border-right: 2px solid #333; } #bigMatch .prog .bar { position: absolute; top: 3px; right: 0; width: 100%; height: 7px; background-color: #232323; } #bigMatch .prog .bar.red { left: 0; background-color: #ff0000; } #bigMatch .both { overflow: hidden; position: relative; margin-bottom: 18px; } #bigMatch .both .fl, #bigMatch .both .fr { width: 50%; text-align: center; } #bigMatch .both .fl strong, #bigMatch .both .fr strong { font-size: 24px; } #bigMatch .both .fl { float: left; } #bigMatch .both .fr { float: right; } #bigMatch .both .fc-red { color: #f00; } #bigMatch .both .txt { position: absolute; top: 6px; left: 50%; width: 120px; margin-left: -60px; text-align: center; color: #333; font-size: small; letter-spacing: -1px; } #bigMatch .frm { margin: 10px 8px; } #bigMatch .frm .both { margin-bottom: 0; } #bigMatch .frm .both .fl, #bigMatch .frm .both .fr { font-size: small; } #bigMatch .frm .row { margin-top: 8px; } #bigMatch .frm input[type=text], #bigMatch .frm textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #888; } #bigMatch .frm input[type=text] { width: 98%; height: 20px; } #bigMatch .frm .fl input[type=text] { margin-right: 2%; } #bigMatch .frm .fr input[type=text] { margin-left: 2%; } #bigMatch .frm textarea { width: 100%; height: 60px; } #bigMatch .reply { margin: 10px 8px 0; } #bigMatch .reply .tab { overflow: hidden; } #bigMatch .reply .tab li { float: left; width: 50%; height: 27px; line-height: 27px; list-style: none; background-color: #f4f4f4; border: 1px solid #b5bcc4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #bigMatch .reply .tab li:first-child { border-right: 0; } #bigMatch .reply .tab li.now { background-color: #fff; } #bigMatch .reply .tab li a { display: block; color: #636363; font-size: small; font-weight: bold; text-align: center; } #bigMatch .reply .tab li.now a { color: #000; } #bigMatch .reply .lst li { position: relative; padding: 8px 14px; border: 1px solid #b5bcc4; border-top: 0; font-size: .75em; } #bigMatch .reply .lst li .cont { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #bigMatch .reply .lst li .sub { position: absolute; top: 8px; right: 12px; } #bigMatch .reply .lst li .sub span { display: inline-block; margin-left: 6px; padding-left: 10px; background: url(../img/bull/category_items_li@2x.gif) no-repeat 0 50%; background-size: 2px 8px; } #bigMatch .reply .lst li .sub span.date { color: #777; } #bigMatch .reply .lst li .sub span.del a { color: #333; font-weight: bold; letter-spacing: -1px; } /* ============================================================================= 주문서 pgform.tpl ========================================================================== */ #order .tb-right{padding: 0 10px; text-align:right !important; } #order .cart-payment-info td{padding: 0 0 0 10px; text-align:left !important; } #order a.btn-refresh { display: block; color: #fff; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; font-weight: bold; background-color: #8a8687; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a8687), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #8a8687, #5e5e5e); background-image: -moz-linear-gradient(top, #8a8687, #5e5e5e); background-image: -o-linear-gradient(top, #8a8687, #5e5e5e); background-image: linear-gradient(to bottom, #8a8687, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .bind-bank .sect1{padding:10px 0 0 0 ;} .bind-bank .sect1 span{font-family: Arial, sans-serif;padding:10px;} .bind-bank .sect2{padding:10px;} .bind-bank .sect2 .total_price{padding:0 0 30px 0;} .bind-bank .sect2 .select-bank{width:100%;} .bind-bank .exp{margin:20px 0 0 0;} .bind-bank .bank-cont {padding:20px 0 0 0;} .bind-bank .bank-cont .btn-wrap {text-align:center;} #couponLayer .btn-foot {text-align:center;padding:20px 10px 10px 10px;} #couponLayer .use-guide ol {padding:10px;} #order .total {font-weight:bold;} #order .basic-font {font-size:.75em;} #order .items-wrap {width:100% !important;} #couponLayer .coupon-idx {margin-top:5px;} #couponLayer .coupon-name {font-weight:bold;font-size:.85em;} #couponLayer .tit {font-weight:normal;font-size:.85em;} #couponLayer .desc {font-weight:normal;font-size:.85em !important;} #couponLayer .price-info {padding-left:20px;margin-left:0px;} #couponLayer .coupon-btn {text-align:center;padding-top:20px;} #couponLayer .selected-coupon {padding:10px 0 10px 10px;border-bottom:1px solid #E3E3E3;} #couponLayer .use-guide {padding:10px 0 10px 10px;background-color: #f8f8f8;margin-bottom:30px;} #couponLayer .use-guide li{list-style-type: circle;} #couponLayer .step {padding:0 0 15px 20px;} #couponLayer .caution {padding-left:20px;} #order .delivery-tit {float:left;font-weight:bold;} #order .delivery-tit span{font-size:1.2em;font-weight:bold;padding-left: 5px;} #order .delivery-desc {float:left;clear:both;padding-left:15px;color:#777;padding-top: 10px;font-size:1.1em;line-height: 1.4em;font-weight:bold;} #order .items-wrap .product-info2 {margin:10px;border:1px solid #AEAEAE;border-bottom:none;} #order .product-list2 {border-bottom:1px solid #AEAEAE;font-size:1em;} #order .product-list2 .price2 {line-height:1.5em;margin-left:105px;margin-right:15px;width:auto;border-bottom:1px dotted #AEAEAE; padding-bottom:10px;margin-bottom:10px;font-weight:normal;} #order .price-info2 li {font-weight: normal !important;} #order .total-txt {font-weight: bold;} #order .total2 {text-align:center !important;color:#777;} #order .dc-price-txt {color:red;font-weight:bold;} #order .total-price-tit {font-size:15px;font-weight:bold;} #order .total-price-val {color:red;font-size:15px;font-weight:bold;} #order .cnt-box .normal td {padding:12px 0 !important;} #order .wrapper .normal td {padding:5px 0;} #order .dc-tit {color:#239CDC;width:90%;display: inline-block; word-break:break-all;} #order .thumb-img img{width:70px;height:70px;border:1px solid #ccc;} #order .mileage {padding:5px;} #order .deposit {padding:5px;} #order .pg-info {margin-left:3px;float:left;} #order .pg-etc {float:left;width:100%;margin-bottom:10px;} #order .pg-img {padding-bottom:10px;} #order #payment_method_box .normal td {padding-top:5px !important;padding-bottom:0px !important;} /* ============================================================================= 주문완료 succeed.tpl pgprogress.tpl failed.tpl ========================================================================== */ #order-complete .opt-lst {list-style:none;} #order-complete .dc-price .tb-right {text-align:right;} #order-complete .unsettle-msg {margin-top:15px; border:4px solid #EDEDED;} #order-complete .unsettle-tit {color:#737373; font-weight:bold;} #order-complete .unsettle-val {color:#BE101A;} #order-complete .unsettle-btn {text-align:center;} #order-complete .price-info li {margin-bottom:0px !important;} #select_freegift .basic-font {font-size:.75em;} #select_freegift .notice {padding:5px;font-weight:bold;} #select_freegift .freegift-name {font-weight:bold;font-size:.85em;} #select_freegift .desc {font-weight:normal;font-size:.85em;} #select_freegift .title {padding-right:10px;font-size:.85em;font-weight:normal;} #select_freegift .thumb-img {padding-left:20px;} #select_freegift .price-info {padding-left:15px;} #select_freegift .freegift-btn {text-align:center;padding-top:20px;margin-bottom:30px;border-top:2px solid #cdcdcd;} #order-complete .items-wrap .product-info2 {margin:10px !important;border:1px solid #AEAEAE; border-bottom:none;} #order-complete .product-list2 {border-bottom:1px solid #AEAEAE !important; margin-bottom:0px !important;font-size:.75em;} #order-complete .product-list2 .price2 {line-height:1.5em;margin-left:105px;margin-right:15px;width:auto;border-bottom:1px dotted #AEAEAE; padding-bottom:10px;margin-bottom:10px;font-weight:normal;} #order-complete .price-info2 li {font-weight: normal !important;} #order-complete li dl {line-height:auto;} #order-complete .total-txt {font-weight: bold;} #order-complete .total2 {text-align:center !important;color:#777;} #order-complete .dc-price-txt {color:red;font-weight:bold;} #order-complete .total-price-tit {font-size:15px;font-weight:bold;} #order-complete .total-price-val {color:red;font-size:15px;font-weight:bold;} #progress_layer div{padding-top:300px;} #progress_img {width:50px;} #progress_layer .progress-msg {color:black;font-size:25px;font-weight:bold;} #order-complete .fail-btn {text-align:center;margin:10px;} #order-complete .fail-msg {margin-top:15px; border:4px solid #EDEDED;} #order-complete .fail-msg .fail-tit {color:#737373; font-weight:bold;} #order-complete .fail-msg .fail-val {color:#BE101A;} #order-complete .dc-tit {color:#239CDC;width:90%;display: inline-block; word-break:break-all;} #order-complete .thumb-img img{width:70px;height:70px;border:1px solid #ccc;} /* ============================================================================= 마이페이지 주문상세 view.tpl ========================================================================== */ #order-view li h5 { background: #b6b6b6 url(../img/bull/order_list_h5@2x.gif) no-repeat 15px center; background-size: 13px 13px; text-indent: 30px; color: #fff; border-top: 1px solid #8b8b8b; border-bottom: 1px solid #8b8b8b; line-height: 35px; margin: 0; } #order-view li h5 a { line-height: 28px; margin-top: 3px; float: right; text-indent: 0; background-color: #fff; padding: 0 10px; margin-right: 15px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #order-view .td_middle td { vertical-align: middle; } #order-view .detail { padding: 5px 5px; } #order-view .detail h5 {text-indent: 10px;color: #000;line-height: 35px;margin: 0;} #order-view li { list-style:none; } #order-view .status { width: 100%; font-size: .75em; margin-top: 5px; border-bottom: 1px solid #e1e1e1; } #order-view .status tr { border-bottom: 1px solid #e1e1e1;} #order-view .status th, #order-view .status td { text-indent: 5px; padding:5px; text-align:left; } #order-view .status th { background-color: #f1f1f1; } #order-view .status .bad { color: #e92121; } #order-view .status .good { color: #4051d0; } #order-view .status em { color: #b0b0b0; font-style: normal; } #order-view .items {border-top:1px solid #E3E3E3;margin:10px !important;border:1px solid #AEAEAE;border-bottom:none;} #order-view .items .product-list {border-bottom:1px solid #AEAEAE !important;font-size:.75em;} #order-view .items .product-list .price {line-height:1.5em;margin-left:105px;margin-right:15px;width:auto;border-bottom:1px dotted #AEAEAE; padding-bottom:10px;margin-bottom:10px;font-weight:normal;} #order-view .items li {font-weight: normal !important;} #order-view .items .pname {font-weight:bold;} #order-view .status .total-txt {font-weight: bold;} #order-view .status .total2 {text-align:center !important;color:#777;} #order-view .items .product-list .dc-price-txt {color:red;font-weight:bold;} #order-view .status .total-price-tit {font-size:15px;font-weight:bold;} #order-view .status .total-price-val {color:red;font-size:15px;font-weight:bold;} #order-view .dc-tit {color:#239CDC;width:90%;display: inline-block; word-break:break-all;} #order-view .thumb-img img{width:70px;height:70px;border:1px solid #ccc;} /* ============================================================================= 통옵 상품상세 cell.product.cart.2.tpl ========================================================================== */ .ipo-product-wrap ul.option { width: 90.3125%; margin: 5px auto; } .ipo-product-wrap ul.option > li { font-size: .875em; color: #777; margin: 5px 0; font-weight: bold; display: table;} .ipo-product-wrap ul.option .tit { display: table-cell; width: 130px; } .ipo-product-wrap ul.option .txt { display: table-cell; } .ipo-product-wrap ul.option .txt strong { color: #000; } .ipo-product-wrap ul.option .txt em { font-size: .75em; font-style: normal; color: #999; } .ipo-product-wrap ul.option .txt-input { text-align: center; line-height: 1.5em; } .ipo-product-wrap ul.option .btn-type-02 { font-family: 'Courier New'; padding: 5px 7px; } .ipo-product-wrap .option{border-bottom: 2px solid #aeaeae;} .ipo-option-wrap { margin: 0 auto;font-size:.875em;color: #777;} .ipo-option-wrap select,.ipo-option-wrap input{ font-size:.875em;} .ipo-option-wrap .sect { margin-bottom: 5px;padding: 3px 5px; background-color: #fff; border: 1px solid #e1e1e1; } .ipo-option-wrap .sect dl { width:300px; zoom: 1; overflow: hidden; margin-top: 2px; padding: 14px 0 8px; } .ipo-option-wrap .sect dt, .ipo-option-wrap .sect dd { display: inline-block; *display:inline; *zoom:1; margin-bottom: 7px; } .ipo-option-wrap .sect dt { width: 90px; padding-right: 8px; text-align: right; } .ipo-option-wrap .sect dd { width: 180px; } .ipo-option-wrap .sect .pti { color: #777; font-weight: bold; } .ipo-option-wrap .sect .txt-input { width: 145px; height: 17px; line-height: 17px; padding-left: 4px; border: 1px solid #aaa; color: #888; } .ipo-option-wrap .opt-sel { width:90.3125%; margin: 5px auto; } .ipo-option-wrap .opt-sel select{width:122px;} .ipo-option-wrap .opt-sel input{width:118px;} .ipo-option-wrap #res-width { width:90.3125%; margin: 0 auto;} .ipo-option-wrap #res-table { border:1px solid #e1e1e1} .ipo-option-wrap #res-table #opt-res-bar {height:1px; background:#e1e1e1} .ipo-option-wrap #res-table .opt-res .sel-unit{ margin: 5px;border-top:1px dashed #e1e1e1} .ipo-option-wrap #res-table .opt-res .sel-unit:first-child{border:0px;} .ipo-option-wrap #res-table .opt-res .sel-unit .unit-title {line-height: 20px;word-break:break-all;} .ipo-option-wrap #res-table .opt-res .sel-unit .unit-qty .unit-qty-prc{float:right;} .ipo-option-wrap #res-table .opt-res .sel-unit input{ width:30px;text-align:center;} .ipo-option-wrap #res-table .opt-res .sel-unit .price{ color:#000;display:inline-block ;text-align:right;} .ipo-option-wrap #res-table .opt-res .sel-unit .delete { display: inline-block;width: 17px; height: 17px; background: url(../img/btn/h17_delete.gif) no-repeat 0 0; border: 0; text-indent: -9999px;} .ipo-option-wrap .prd-total { width:90.3125%;position: relative; height: 36px; line-height: 36px; margin: 5px auto; text-align: center; font-weight: bold;text-align: right; } .ipo-option-wrap .prd-total .abs-price {font-weight: bold;display: inline;} .ipo-option-wrap .prd-total .total-text {display: inline;margin-right: 10px;} .ipo-option-wrap .opt-bakcolor{background-color: #f4f4f4;} /* ============================================================================= 통옵 장바구니 view.2.tpl & itemDetail.tpl ========================================================================== */ .ipo-results .none-data { text-align: center; margin: 15px 0; } .ipo-results .none-data p { margin: 10px 0; font-size: .75em; color: #777; } .ipo-results .items-wrap .items[data-type=list] .pname{ border-bottom:0 } .ipo-results .items-wrap .items[data-type=list] > li { border: 1px solid #e3e3e3;border-bottom:0;padding-bottom:0;margin: 10px; } .ipo-results .items-wrap .items[data-type=list] > li .option-info {margin-left:0;} .ipo-results .items-wrap .items[data-type=list] > li .option-info .opt-lst li {text-align: left;border-top: 1px dashed #e3e3e3;margin:0 auto 0;padding: 5px;line-height: 1.5em;font-size:1em;} .ipo-results .items-wrap .items[data-type=list] > li .option-info .opt-lst li:first-child {border-top:0;} .ipo-results .items-wrap .items[data-type=list] > li .option-info .opt-lst li .close {float:right;margin-right:0;border: 0;text-indent: -9999px;display:inline-block;width: 17px;height: 17px;background: url(../img/btn/h17_delete.gif) no-repeat 0 0;} .ipo-results .items-wrap .items li {font-weight:normal;} .ipo-results .items-wrap .items[data-type=list] .prd-subtotal{padding: 0 5px 0;margin-left:0;border-top:2px solid #aeaeae;border-bottom:2px solid #aeaeae;line-height:25px;font-weight:bold;color:#000;background-color: #f4f4f4;} .ipo-results .items-wrap .total-info-d {margin:10px;background-color:#f4f4f4;border-top:2px solid #aeaeae;border-bottom:2px solid #aeaeae;border-left:1px solid #aeaeae;border-right:1px solid #aeaeae;line-height:25px;border: 2px 1px 2px;border-color:#aeaeae} .ipo-results .items-wrap .total-info-d ul li { list-style:none; overflow:hidden; } .ipo-results .items-wrap .total-info-d ul li:last-child { clear:both; border-top:1px dashed #aeaeae;background-color:#DDDDDD} .ipo-results .items-wrap .total-info-d ul li span{ font-size:.875em;} .ipo-results .items-wrap .prdt_txt { float:left; text-align:right; width:64%;padding-left:5px;} .ipo-results .items-wrap .prdt_price { float:right; text-align:right;padding-right:5px;} .ipo-results .items-wrap .wnm-space {line-height:25px;text-align:center;font-size:.875em;} .ipo-results .items-wrap .items[data-type=list] .thumb-img img, #modifyLayer > div.prd-w > div.thumb > a > img { width:70px;height:70px;border: 1px solid #ccc; } #modifyLayer .layout-line {height:2px;background-color:#e1e1e1;margin-bottom: 5px;} #modifyLayer > div.layer-prdinfo {font-size:1em;width: 90.3125%;margin: 8px auto;height: 70px;} #modifyLayer > div.layer-prdinfo .l-thumb {border:1px solid #ccc;} #modifyLayer > div.layer-prdinfo span {display: inline-block;float:left;margin-right:10px;font-weight:bold;} #modifyLayer > div.layer-prdinfo span em {font-style:normal} #modifyLayer > div.layer-prdinfo span .p-price {color:red;} #modifyLayer > div.layer-prdinfo span .p-price strike {color:#000;} #modifyLayer > div.ipo-option-wrap > div.prd-total {border-bottom: 0} #modifyLayer > div.layer-prdinfo span.l-thumb img {width: 70px; height: 70px;} /* ============================================================================= 통옵 상품상세&장바구니상품수정 공통용(옵션선택부분) ========================================================================== */ .ipo-option-wrap { margin: 0 auto;font-size:.875em;color: #777;} .ipo-option-wrap select,.ipo-option-wrap input{ font-size:.875em;} .ipo-option-wrap .sect { margin-bottom: 5px;padding: 3px 5px; background-color: #fff; border: 1px solid #e1e1e1; } .ipo-option-wrap .sect dl { width:300px; zoom: 1; overflow: hidden; margin-top: 2px; padding: 14px 0 8px; } .ipo-option-wrap .sect dt, .ipo-option-wrap .sect dd { display: inline-block; *display:inline; *zoom:1; margin-bottom: 7px; } .ipo-option-wrap .sect dt { width: 90px; padding-right: 8px; text-align: right; } .ipo-option-wrap .sect dd { width: 180px; } .ipo-option-wrap .sect .pti { color: #777; font-weight: bold; } .ipo-option-wrap .sect .txt-input { width: 145px; height: 17px; line-height: 17px; padding-left: 4px; border: 1px solid #aaa; color: #888; } .ipo-option-wrap .opt-sel { width:90.3125%; margin: 5px auto; } .ipo-option-wrap .opt-sel select{width:122px;} .ipo-option-wrap .opt-sel input{width:118px;} .ipo-option-wrap #res-width { width:90.3125%; margin: 0 auto;} .ipo-option-wrap #res-table { border:1px solid #e1e1e1} .ipo-option-wrap #res-table #opt-res-bar {height:1px; background:#e1e1e1} .ipo-option-wrap #res-table .opt-res .sel-unit{ margin: 5px;border-top:1px dashed #e1e1e1} .ipo-option-wrap #res-table .opt-res .sel-unit:first-child{border:0px;} .ipo-option-wrap #res-table .opt-res .sel-unit .unit-title {line-height: 20px;word-break:break-all;} .ipo-option-wrap #res-table .opt-res .sel-unit .unit-qty .unit-qty-prc{float:right;} .ipo-option-wrap #res-table .opt-res .sel-unit input{ width:30px;text-align:center;} .ipo-option-wrap #res-table .opt-res .sel-unit .price{ color:#000;display:inline-block ;text-align:right;} .ipo-option-wrap #res-table .opt-res .sel-unit .delete { display: inline-block;width: 17px; height: 17px; background: url(../img/btn/h17_delete.gif) no-repeat 0 0; border: 0; text-indent: -9999px;} .ipo-option-wrap .prd-total { width:90.3125%;position: relative; height: 36px; line-height: 36px; margin: 5px auto; text-align: center; font-weight: bold; text-align: right;} .ipo-option-wrap .prd-total .abs-price {font-weight: bold;display: inline;} .ipo-option-wrap .prd-total .total-text {display: inline;margin-right: 10px;} .ipo-option-wrap .opt-bakcolor{background-color: #f4f4f4;} /* ============================================================================= 팝업 (삭제하면 안됨) ========================================================================== */ .bindPopup {display:none; overflow-x:hidden; } .bindPopup[data-type=mobilepopup] { display:block; position: absolute;left: 7px;top: 7px;right: 7px;border: 1px solid #9D9DB0; background:#fff;} .bindPopup[data-type=fullscreen] { border:0; display:block; width: 100%; position:absolute; left: 0px;top: 0px; height:100%; text-align:center; background:#fff;} .bindPopup[data-type=mobilepopup] .glob-popWrap { position:relative;padding-bottom:37px; text-align:center; } .bindPopup[data-type=fullscreen] .glob-popWrap { position:relative;height:100%; } .bindPopup[data-type=fullscreen] .glob-popContentWrap {display:inline-table;height: 100%; overflow:hidden;margin-top: -25px;} .bindPopup[data-type=fullscreen] .glob-popContent {display:table-cell; vertical-align:middle; position: relative; height: auto;} .bindPopup .glob-popContent img { max-width: 100%; } .bindPopup[data-type=fullscreen] .glob-popFooter { position:fixed;} .glob-popFooter .bindClose { text-align:center; color:black;margin-right:5px; } .glob-popFooter .bindexpire { float:left; padding: 8px 7px;text-decoration: underline;} .glob-popFooter{ width:100%; position:absolute; bottom:0; left:0; color: #FFF;background-color: #434447; text-align:right; padding: 5px 0;} .glob-popFooter a {color: #FFF; display:inline-block; font-size: .75em; padding: 5px 10px 5px 5px;} /* ============================================================================= 인스타롤링 (삭제하면 안됨) ========================================================================== */ .insta-wrap { position: relative; width: 100%; } .insta-wrap .swiper-container { overflow:hidden; } .insta-wrap .insta-tit img { max-width:100%;} .insta-wrap .insta-dp { display: table; table-layout: fixed; padding: 0px; width: 100%; float: left; } .insta-wrap .insta-dp > li { position: relative;display: inline-block;float:none;padding: 7px 0;text-align: center;vertical-align: top; } .insta-wrap .insta-sns-wrap { position: absolute; bottom:10px; left:9px; opacity:0.7;zoom: 1; filter: alpha(opacity=70); cursor:pointer; text-align:left; } .insta-wrap .insta-sns-wrap .insta-thumb { display:block; position:relative; margin:0 auto; } .insta-wrap .insta-dp .insta-thumb-img { width:100%; } .insta-wrap .sh_likes {padding:2px 5px 2.5px 20px;width:auto;font-size:13px; line-height:25px; text-align:right; color:#686868; background:#fff url(/Common/img/like_m3.png) 2px 50% no-repeat; } .insta-gallery .insta-dp , #container.main .insta-gallery .pagination { display:none; } .insta-gallery .insta-dp:first-child { display:table; } .mversion{ display:block; width:98%; padding:6px 0; color:#fff;text-align:center; margin:5px auto; } #withdraw ul {margin:10px 0 0 0;} #withdraw ul li {width:98%; margin:0 auto; list-style:none; font-size:.75em; line-height:1.5em;} #withdraw ul li span {font-size:11px; color:#565656; padding:0 3px 0 0;} #withdraw .text_wrap {width:100%; margin:10px 0 10px 0; text-align:center; } #withdraw .text_wrap h5 {font-size:15px; color:#7a7a7a; font-size:1em; width:98%; height:30px; line-height:30px;margin:0 auto; background-color:#d6d9de; border:1px solid #b8bbc0; border-bottom:0;} #withdraw .text_wrap textarea {width:98%; height:150px; padding:0; border:1px solid #b8bbc0; font-size:12px; text-align:left;} #withdraw .btn-wrap {text-align:center; margin:10px 0;} /* ============================================================================= 배송지관리 리스트 공통 ========================================================================== */ #address .none-data { text-align: center; margin: 15px 0; } #address .none-data p { margin: 10px 0; font-size: .75em; color: #777; } .bindPopup[data-type=mobilepopup]{top: 1% !important;} /* ============================================================================= 글로벌 팝업 공통 ========================================================================== */ /* 190416 배송 띠배너 추가 */ .deliv_ban{width:100%;height:45px;line-height:45px;text-align: center;} .deliv_ban .flipper_inner a{display:block;color:#46479b;font-size:1.25em;} .deliv_ban .swiper-container-fade .swiper-slide{background:#fff} .deliv_ban .flipper_inner a img{width:30px;margin:0 10px 0 0;} .deliv_ban .close_btn{position:absolute;top:0;margin-top:-5px;right:0;width:10%;text-align:center;height:100%;padding-top:7%;box-sizing:border-box;z-index:999} /* 글로벌 팝업 영역 */ .gb_inner{position:fixed;width:90%;height:auto;padding:35px 18px 18px;background:#fff;z-index:100000 !important;border:1px solid #222;left:50%;top:10%;margin-left:-45%;display:none;box-sizing:border-box} .gb_inner .close_btn{top:20px;right:20px;position:absolute;cursor:pointer} .gb_inner .gb_hd{text-align:center;margin-bottom:43px;font-size:13px} .gb_inner .gb_hd .txt01{font-size:18px;font-weight:700;margin-bottom:15px} .gb_inner .gb_hd .txt01 img{padding-right:10px;margin-top:-4px;} .gb_inner .text_box{width:100%;/*background:#f5f5f5;*/padding:20px 0;margin-top:12px;text-align:center;font-size:13px} .gb_inner .list_box{position:relative} .gb_inner .list_box .select{height:46px;border:1px solid #ddd;line-height:46px;font-size:13px;color:#2e2e2e;text-indent:15px;background:url(http://jstylegb.globimg.com/makeglob/img_pc/icon/list_arrow_bt.png) no-repeat;background-position:center right 15px;cursor:pointer} .gb_inner .list_box .select.on{background:url(http://jstylegb.globimg.com/makeglob/img_pc/icon/list_arrow_top.png) no-repeat;background-position:center right 15px} .gb_inner .list_box ul{position:absolute;width:100%;top:46px;border:1px solid #ddd;margin-top:-1px;text-indent:15px;box-sizing:border-box;background:#fff;border-top:0;padding:0 0 6px;display:none;z-index:5;} .gb_inner .list_box ul li{font-size:12px;line-height:23px;display:block} .gb_inner .list_box ul li a{padding:0;margin:0;line-height:48px;transition:all .35s;-webkit-transition:all .35s;-ms-transition:all .35s;cursor:pointer;font-size:13px;} .gb_inner .go_btn,.gb_wrap .list_box ul li a.on,.gb_wrap .list_box ul li a:hover{background:#45479a;color:#fff} .gb_inner .go_btn{width:100%;font-size:15px;height:50px;line-height:50px;text-align:center;margin-top:13px} .gb_inner .go_btn a{color:#fff;display: block;} .gb_inner .ws_btn{width:100%;font-size:15px;height:50px;line-height:48px;text-align:center;margin-top:13px;background:white;color:#46479b;border:1px solid #46479b;box-sizing:border-box} .gb_inner .ws_btn a{color:#46479b; padding: 16px 0} .gb_inner .ws_btn a img{margin-top:-3px;}