merge master into develop - CscListRForm.jsp FAQ 아코디언 버그 수정
This commit is contained in:
jilee4unity
188
build/resources/main/static/pc/brand/AF/css/css.css
Normal file
188
build/resources/main/static/pc/brand/AF/css/css.css
Normal file
@@ -0,0 +1,188 @@
|
||||
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.page_wrap .stit {
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
font-size: 25px;
|
||||
color: #cc5346;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.topBg {
|
||||
width: 100%;
|
||||
height: 360px;
|
||||
background: url("/pc/brand/AF/images/brand_top.jpg") center center no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.topBg .conW {
|
||||
display: table;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
width: 1200px;
|
||||
min-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.topBg .titleW {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.topBg h2 {
|
||||
font-size: 50px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.topBg p {
|
||||
margin-top: 10px;
|
||||
font-size: 30px;
|
||||
}
|
||||
.topBg h2, .topBg p {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.page_wrap {
|
||||
position: relative;
|
||||
margin-top: 387px;
|
||||
}
|
||||
.page_wrap p {
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.page_wrap h3 {
|
||||
font-size: 35px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.page_wrap .strong {
|
||||
display: inline-block;
|
||||
font-weight: 700;
|
||||
}
|
||||
.page_wrap .pointW {
|
||||
background: #d16458;
|
||||
padding: 0px 5px;
|
||||
display: inline-block;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.brand .con {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
padding: 80px 0;
|
||||
}
|
||||
.brand .con .strong {
|
||||
font-size: 28px;
|
||||
}
|
||||
.brand .con .titleW {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.brand .con .stit {
|
||||
color: #cc5346;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.brand .con1 .strong {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.brand .con1 .conImg {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.brand .con2 .conImg {
|
||||
padding: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.brand .con3 {
|
||||
border-bottom: none;
|
||||
padding: 80px 0 0 0;
|
||||
}
|
||||
.brand .conT .dep {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.safeCare p.titW {
|
||||
font-size: 28px;
|
||||
padding-top: 100px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.safeCare p.titW:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
top: 50px;
|
||||
background: url(/data/skin/de42/images/safecare/img_point.png) center center no-repeat;
|
||||
width: 36px;
|
||||
height: 27px;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.safeCare .con {
|
||||
position: relative;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.safeCare .con1 {
|
||||
position: relative;
|
||||
padding-top: 130px;
|
||||
}
|
||||
|
||||
.safeCare .con1 .line {
|
||||
width: 1px;
|
||||
height: 160px;
|
||||
background: #000;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -0.5px;
|
||||
top: -80px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.safeCare .con .conImg {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.safeCare .con2 .conImg {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.safeCare .con .txtW {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
background: #fff;
|
||||
display: block;
|
||||
width: 510px;
|
||||
}
|
||||
|
||||
.safeCare .con2 .txtW {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.safeCare .con .txt{
|
||||
padding: 60px 0 30px 50px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.safeCare .con2 .txt{
|
||||
padding: 60px 50px 30px 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.safeCare .con .txt p {
|
||||
padding-top: 30px;
|
||||
}
|
||||
BIN
build/resources/main/static/pc/brand/AF/images/brand_con1.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/brand_con1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
build/resources/main/static/pc/brand/AF/images/brand_con2.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/brand_con2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 778 KiB |
BIN
build/resources/main/static/pc/brand/AF/images/brand_con3.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/brand_con3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
build/resources/main/static/pc/brand/AF/images/brand_top.jpg
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/brand_top.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
BIN
build/resources/main/static/pc/brand/AF/images/img_point.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/img_point.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 564 B |
BIN
build/resources/main/static/pc/brand/AF/images/safecare_con1.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/safecare_con1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 432 KiB |
BIN
build/resources/main/static/pc/brand/AF/images/safecare_con2.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/safecare_con2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 485 KiB |
BIN
build/resources/main/static/pc/brand/AF/images/safecare_con3.png
Normal file
BIN
build/resources/main/static/pc/brand/AF/images/safecare_con3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 562 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 887 KiB |
2011
build/resources/main/static/pc/brand/CH/css/chamdahan.css
Normal file
2011
build/resources/main/static/pc/brand/CH/css/chamdahan.css
Normal file
File diff suppressed because it is too large
Load Diff
276
build/resources/main/static/pc/brand/CH/css/common.css
Normal file
276
build/resources/main/static/pc/brand/CH/css/common.css
Normal file
@@ -0,0 +1,276 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*******************************************
|
||||
Author : 퍼스트몰(firstmall)
|
||||
Author URL : http://www.firstmall.kr
|
||||
Creation Date : 2016-06-01
|
||||
Modify Date : 2017-07-31
|
||||
*******************************************/
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
/* reset
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
html, body {width:100%; height:100%;}
|
||||
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;}
|
||||
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*img, table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; font-family:'NotoSansKR', 'Malgun Gothic', 'Dotum', 'Gulim', 'Helvetica Neue', 'Helvetica', 'AppleGothic', 'Verdana', 'Arial', sans-serif;}
|
||||
body, input, textarea, select, button, table {font-size:12px; color:#555;}
|
||||
input, select, textarea, button, ul, ol, li, dl, dt, dd {vertical-align:middle;}
|
||||
input[type='text'], input[type='file'], input[type='password'] {border:1px solid #ccc; background:#fff; height:20px; line-height:20px; text-indent:3px; padding:0;}
|
||||
textarea {padding:5px; border:1px solid #ccc; background:#fff;}
|
||||
select {border:1px solid #ccc; border-radius:0; height:22px; line-height:22px; padding:0 20px 0 3px; padding-right:0\0/IE8+9; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff url('../images/common/select_arrow.png') no-repeat right center;}
|
||||
select::-ms-expand { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0;}
|
||||
/* 크롬핵 */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
|
||||
input[type='checkbox'], input[type='radio'] {width:15px; height:15px; vertical-align:middle; margin:0 5px 0 0;}
|
||||
label {display:inline-block; cursor:pointer; vertical-align:middle; margin-right:10px;}
|
||||
legend, hr {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
|
||||
button {cursor:pointer;}
|
||||
table {/*border-spacing:0; table-layout:fixed; border-collapse:collapse;}*/}
|
||||
th, td {word-wrap:break-word; word-break:break-all; /*vertical-align:middle;*/ line-height:1.4;}
|
||||
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
|
||||
col {display:table-column;}
|
||||
iframe {border:0; margin:0; overflow:hidden;}
|
||||
img, fieldset {border:0; vertical-align:middle;}
|
||||
ul, ol {list-style:none;}
|
||||
em, address {font-style:normal}
|
||||
blockquote, q {quotes:none;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
|
||||
a:link, a:active, a:focus {color:#666; text-decoration:none;}
|
||||
a:hover {color:#5396fe; text-decoration:underline;}
|
||||
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
|
||||
.hand, .pointer {cursor:pointer !important;}
|
||||
.underline {text-decoration:underline;}
|
||||
.relative {position:relative !important;}
|
||||
.absolute {position:absolute !important;}
|
||||
.small {font-size:11px;}
|
||||
.desc {font-size:11px; color:#848484;}
|
||||
.hide {display:none;}
|
||||
.unvisibility {visibility:hidden;}
|
||||
.normal {font-weight:normal !important;}
|
||||
strong, b, .bold {font-weight:600;}
|
||||
.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}
|
||||
/*.fb-like, .fb-like>span, .fb-like>span>iframe {min-width:90px !important; min-height:20px !important;}*/
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
/* 공통요소
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
/* placholder */
|
||||
::-webkit-input-placeholder {color:#aaa;}
|
||||
::-moz-placeholder {color:#aaa;}
|
||||
:-ms-input-placeholder {color:#aaa;}
|
||||
:-moz-placeholder {color:#aaa;}
|
||||
::-webkit-input-title {color:#aaa;}
|
||||
::-moz-title {color:#aaa;}
|
||||
:-ms-input-title {color:#aaa;}
|
||||
:-moz-title {color:#aaa;}
|
||||
|
||||
/* 하이퍼링크 */
|
||||
a:link, a:visited, a:active {color:#333;}
|
||||
a:hover {color:#000; text-decoration:underline;}
|
||||
|
||||
/* 정렬 */
|
||||
.left {text-align:left !important;}
|
||||
.right {text-align:right !important;}
|
||||
.center {text-align:center !important;}
|
||||
.top {vertical-align:top !important;}
|
||||
.middle {vertical-align:middle !important;}
|
||||
.hide {display:none}
|
||||
|
||||
/* 클리어부스 */
|
||||
.fleft {float:left}
|
||||
.fright {float:right}
|
||||
.cboth {clear:both}
|
||||
.clearbox {*zoom:1;}
|
||||
.clearbox:after {content:""; display:block; clear:both;}
|
||||
|
||||
/* 폰트 색상 */
|
||||
.white {color:#fff !important;}
|
||||
.red {color:#fd454d !important;}
|
||||
.blue {color:#2c8ff0 !important;}
|
||||
.orange {color:#ff8000 !important;}
|
||||
.green {color:#40a040 !important;}
|
||||
.gray {color:#999 !important;}
|
||||
.black {color:#000 !important;}
|
||||
.tahoma {font-family:'tahoma' !important;}
|
||||
.price {color:#fd454d !important;}
|
||||
.totalprice {font-family:'tahoma'; font-size:18px;}
|
||||
.bgcolor {background-color:#f3f4f8 !important;}
|
||||
.round {border:0px solid #f0f0f0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
|
||||
.pointcolor {color:#58668d !important;}
|
||||
|
||||
/* 좌,우 여백설정 */
|
||||
.pd0 {padding:0px !important;}
|
||||
.pd5 {padding:5px !important;}
|
||||
.pd10 {padding:10px !important;}
|
||||
.pd15 {padding:15px !important;}
|
||||
.pd20 {padding:20px !important;}
|
||||
.pd25 {padding:25px !important;}
|
||||
.pd30 {padding:30px !important;}
|
||||
.pd35 {padding:35px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd45 {padding:45px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd50 {padding:50px !important;}
|
||||
|
||||
.mr0 {margin-right:0px !important;}
|
||||
.mr5 {margin-right:5px !important;}
|
||||
.mr10 {margin-right:10px !important;}
|
||||
.mr15 {margin-right:15px !important;}
|
||||
.mr20 {margin-right:20px !important;}
|
||||
.mr25 {margin-right:25px !important;}
|
||||
.mr30 {margin-right:30px !important;}
|
||||
.mr40 {margin-right:40px !important;}
|
||||
.mr50 {margin-right:50px !important;}
|
||||
|
||||
.ml-10 {margin-left:-10px !important;}
|
||||
.ml-5 {margin-left:-5px !important;}
|
||||
.ml0 {margin-left:0px !important;}
|
||||
.ml5 {margin-left:5px !important;}
|
||||
.ml10 {margin-left:10px !important;}
|
||||
.ml15 {margin-left:15px !important;}
|
||||
.ml20 {margin-left:20px !important;}
|
||||
.ml25 {margin-left:25px !important;}
|
||||
.ml30 {margin-left:30px !important;}
|
||||
.ml40 {margin-left:40px !important;}
|
||||
.ml50 {margin-left:50px !important;}
|
||||
|
||||
.mt-5 {margin-top:-5px !important;}
|
||||
.mt-3 {margin-top:-3px !important;}
|
||||
.mt0 {margin-top:0px !important;}
|
||||
.mt3 {margin-top:3px !important;}
|
||||
.mt5 {margin-top:5px !important;}
|
||||
.mt10 {margin-top:10px !important;}
|
||||
.mt15 {margin-top:15px !important;}
|
||||
.mt20 {margin-top:20px !important;}
|
||||
.mt25 {margin-top:25px !important;}
|
||||
.mt30 {margin-top:30px !important;}
|
||||
.mt40 {margin-top:40px !important;}
|
||||
.mt50 {margin-top:50px !important;}
|
||||
|
||||
.mb0 {margin-bottom:0px !important;}
|
||||
.mb3 {margin-bottom:3px !important;}
|
||||
.mb5 {margin-bottom:5px !important;}
|
||||
.mb10 {margin-bottom:10px !important;}
|
||||
.mb15 {margin-bottom:15px !important;}
|
||||
.mb20 {margin-bottom:20px !important;}
|
||||
.mb25 {margin-bottom:25px !important;}
|
||||
.mb30 {margin-bottom:30px !important;}
|
||||
.mb40 {margin-bottom:40px !important;}
|
||||
.mb50 {margin-bottom:50px !important;}
|
||||
|
||||
.pd0 {padding:0px !important;}
|
||||
.pd5 {padding:5px !important;}
|
||||
.pd10 {padding:10px !important;}
|
||||
.pd15 {padding:15px !important;}
|
||||
.pd20 {padding:20px !important;}
|
||||
.pd25 {padding:25px !important;}
|
||||
.pd30 {padding:30px !important;}
|
||||
.pd35 {padding:35px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd45 {padding:45px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd50 {padding:50px !important;}
|
||||
|
||||
.pdl0 {padding-left:0px !important;}
|
||||
.pdl5 {padding-left:5px !important;}
|
||||
.pdl10 {padding-left:10px !important;}
|
||||
.pdl15 {padding-left:15px !important;}
|
||||
.pdl20 {padding-left:20px !important;}
|
||||
.pdl25 {padding-left:25px !important;}
|
||||
.pdl30 {padding-left:30px !important;}
|
||||
.pdl35 {padding-left:35px !important;}
|
||||
.pdl40 {padding-left:40px !important;}
|
||||
.pdl45 {padding-left:45px !important;}
|
||||
.pdl50 {padding-left:50px !important;}
|
||||
.pdl55 {padding-left:55px !important;}
|
||||
|
||||
.pdr0 {padding-right:0px !important;}
|
||||
.pdr5 {padding-right:5px !important;}
|
||||
.pdr10 {padding-right:10px !important;}
|
||||
.pdr15 {padding-right:15px !important;}
|
||||
.pdr20 {padding-right:20px !important;}
|
||||
.pdr25 {padding-right:25px !important;}
|
||||
.pdr30 {padding-right:30px !important;}
|
||||
.pdr35 {padding-right:35px !important;}
|
||||
.pdr40 {padding-right:40px !important;}
|
||||
.pdr45 {padding-right:45px !important;}
|
||||
.pdr50 {padding-right:50px !important;}
|
||||
|
||||
.pdt0 {padding-top:0px !important;}
|
||||
.pdt5 {padding-top:5px !important;}
|
||||
.pdt7 {padding-top:7px !important;}
|
||||
.pdt10 {padding-top:10px !important;}
|
||||
.pdt15 {padding-top:15px !important;}
|
||||
.pdt20 {padding-top:20px !important;}
|
||||
.pdt25 {padding-top:25px !important;}
|
||||
.pdt30 {padding-top:30px !important;}
|
||||
.pdt35 {padding-top:35px !important;}
|
||||
.pdt40 {padding-top:40px !important;}
|
||||
.pdt45 {padding-top:45px !important;}
|
||||
.pdt50 {padding-top:50px !important;}
|
||||
|
||||
.pdb0 {padding-bottom:0px !important;}
|
||||
.pdb5 {padding-bottom:5px !important;}
|
||||
.pdb10 {padding-bottom:10px !important;}
|
||||
.pdb15 {padding-bottom:15px !important;}
|
||||
.pdb20 {padding-bottom:20px !important;}
|
||||
.pdb25 {padding-bottom:25px !important;}
|
||||
.pdb30 {padding-bottom:30px !important;}
|
||||
.pdb35 {padding-bottom:35px !important;}
|
||||
.pdb40 {padding-bottom:40px !important;}
|
||||
.pdb45 {padding-bottom:45px !important;}
|
||||
.pdb50 {padding-bottom:50px !important;}
|
||||
|
||||
.wp85 {width:85% !important;}
|
||||
.wp95 {width:95% !important;}
|
||||
.wp100 {width:100% !important;}
|
||||
|
||||
.wx10 {width:10px !important;}
|
||||
.wx20 {width:20px !important;}
|
||||
.wx30 {width:30px !important;}
|
||||
.wx40 {width:40px !important;}
|
||||
.wx50 {width:50px !important;}
|
||||
.wx60 {width:60px !important;}
|
||||
.wx70 {width:70px !important;}
|
||||
.wx80 {width:80px !important;}
|
||||
.wx90 {width:90px !important;}
|
||||
.wx100 {width:100px !important;}
|
||||
.wx120 {width:120px !important;}
|
||||
.wx150 {width:150px !important;}
|
||||
.wx200 {width:200px !important;}
|
||||
.wx250 {width:250px !important;}
|
||||
.wx300 {width:300px !important;}
|
||||
.wx500 {width:500px !important;}
|
||||
|
||||
.hx10 {height:10px !important;}
|
||||
.hx20 {height:20px !important;}
|
||||
.hx30 {height:30px !important;}
|
||||
.hx40 {height:40px !important;}
|
||||
.hx50 {height:50px !important;}
|
||||
.hx100 {height:100px !important;}
|
||||
.hx150 {height:150px !important;}
|
||||
.hx200 {height:200px !important;}
|
||||
.hx250 {height:250px !important;}
|
||||
.hx300 {height:300px !important;}
|
||||
.hx350 {height:350px !important;}
|
||||
.hx400 {height:400px !important;}
|
||||
.hx450 {height:450px !important;}
|
||||
.hx500 {height:500px !important;}
|
||||
|
||||
.fx11 {font-size:11px !important;}
|
||||
.fx12 {font-size:12px !important;}
|
||||
.fx13 {font-size:13px !important;}
|
||||
.fx14 {font-size:14px !important;}
|
||||
.fx15 {font-size:15px !important;}
|
||||
.fx16 {font-size:16px !important;}
|
||||
.fx17 {font-size:17px !important;}
|
||||
.fx18 {font-size:18px !important;}
|
||||
.fx19 {font-size:19px !important;}
|
||||
.fx20 {font-size:20px !important;}
|
||||
.fx25 {font-size:25px !important;}
|
||||
.fx30 {font-size:30px !important;}
|
||||
|
||||
.icon-org-emn { background:url("../images/common/icon_ord_emn.gif") 0 50% no-repeat; }
|
||||
.icon_ord_point { background:url("../images/common/icon_ord_point.gif") 0 50% no-repeat; }
|
||||
.icon_order_gift { background:url("../images/common/icon_order_gift.gif") 0 50% no-repeat; }
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history02.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history03.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history04.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history05.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history06.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history07.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history07.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
BIN
build/resources/main/static/pc/brand/CH/images/img_history08.jpg
Normal file
BIN
build/resources/main/static/pc/brand/CH/images/img_history08.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 873 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 932 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
284
build/resources/main/static/pc/brand/DL/css/common.css
Normal file
284
build/resources/main/static/pc/brand/DL/css/common.css
Normal file
@@ -0,0 +1,284 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*******************************************
|
||||
Author : <20>۽<EFBFBD>Ʈ<EFBFBD><C6AE>(firstmall)
|
||||
Author URL : http://www.firstmall.kr
|
||||
Creation Date : 2016-06-01
|
||||
Modify Date : 2017-07-31
|
||||
*******************************************/
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
/* reset
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
html, body {width:100%; height:100%;}
|
||||
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;}
|
||||
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*img, table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0;}
|
||||
body, input, textarea, select, button, table {font-size:14px; color:#333;}
|
||||
input, select, textarea, button, ul, ol, li, dl, dt, dd {vertical-align:middle;}
|
||||
input[type='text'], input[type='file'], input[type='password'] {border:1px solid #ccc; background:#fff; line-height:39px; height:40px; text-indent:10px; padding:0;}
|
||||
textarea {padding:5px; border:1px solid #ccc; background:#fff;}
|
||||
select {
|
||||
height:40px;
|
||||
line-height:38px;
|
||||
padding:0 35px 0 12px;
|
||||
background:url('/data/img/icon_dropdown.png') 86% center no-repeat;
|
||||
border:1px solid #ccc; border-radius:0; padding-right:0\0/IE8+9; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
|
||||
select::-ms-expand { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0;}
|
||||
/* ũ<><C5A9><EFBFBD><EFBFBD> */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
|
||||
input[type='checkbox'], input[type='radio'] {width:15px; height:15px; vertical-align:middle !important; margin:0;}
|
||||
label {display:inline-block; cursor:pointer; vertical-align:middle; margin-right:10px;}
|
||||
legend, hr {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
|
||||
button {cursor:pointer;}
|
||||
table {/*border-spacing:0; table-layout:fixed; border-collapse:collapse;}*/}
|
||||
th, td {word-wrap:break-word; word-break:break-all; /*vertical-align:middle;*/ line-height:1.4;}
|
||||
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
|
||||
col {display:table-column;}
|
||||
iframe {border:0; margin:0; overflow:hidden;}
|
||||
img, fieldset {border:0; vertical-align:middle;
|
||||
max-width:100%;
|
||||
}
|
||||
ul, ol {list-style:none;}
|
||||
em, address {font-style:normal}
|
||||
blockquote, q {quotes:none;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
|
||||
a:link, a:active, a:focus {color:#666; text-decoration:none;}
|
||||
a:hover {color:#5396fe; text-decoration:none;}
|
||||
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
|
||||
.hand, .pointer {cursor:pointer !important;}
|
||||
.underline {text-decoration:underline;}
|
||||
.relative {position:relative !important;}
|
||||
.absolute {position:absolute !important;}
|
||||
.small {font-size:11px;}
|
||||
.desc {font-size:13px; color:#848484;}
|
||||
.hide {display:none;}
|
||||
.unvisibility {visibility:hidden;}
|
||||
.normal {font-weight:normal !important;}
|
||||
strong, b, .bold {font-weight:600;}
|
||||
.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}
|
||||
/*.fb-like, .fb-like>span, .fb-like>span>iframe {min-width:90px !important; min-height:20px !important;}*/
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
/* placholder */
|
||||
::-webkit-input-placeholder {color:#aaa;}
|
||||
::-moz-placeholder {color:#aaa;}
|
||||
:-ms-input-placeholder {color:#aaa;}
|
||||
:-moz-placeholder {color:#aaa;}
|
||||
::-webkit-input-title {color:#aaa;}
|
||||
::-moz-title {color:#aaa;}
|
||||
:-ms-input-title {color:#aaa;}
|
||||
:-moz-title {color:#aaa;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>۸<EFBFBD>ũ */
|
||||
a:link, a:visited, a:active {color:#333;}
|
||||
a:hover {text-decoration:none;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD> */
|
||||
.left {text-align:left !important;}
|
||||
.right {text-align:right !important;}
|
||||
.center {text-align:center !important;}
|
||||
.top {vertical-align:top !important;}
|
||||
.middle {vertical-align:middle !important;}
|
||||
.hide {display:none}
|
||||
|
||||
/* Ŭ<><C5AC><EFBFBD><EFBFBD><EFBFBD>ν<EFBFBD> */
|
||||
.fleft {float:left}
|
||||
.fright {float:right}
|
||||
.cboth {clear:both}
|
||||
.clearbox {*zoom:1;}
|
||||
.clearbox:after {content:""; display:block; clear:both;}
|
||||
|
||||
/* <20><>Ʈ <20><><EFBFBD><EFBFBD> */
|
||||
.white {color:#fff !important;}
|
||||
.red {color:#fd454d !important;}
|
||||
.blue {color:#2c8ff0 !important;}
|
||||
.orange {color:#ff8000 !important;}
|
||||
.green {color:#40a040 !important;}
|
||||
.gray {color:#999 !important;}
|
||||
.black {color:#000 !important;}
|
||||
.tahoma {font-family:'tahoma' !important;}
|
||||
.price {color:#fd454d !important;}
|
||||
.totalprice {font-family:'tahoma'; font-size:18px;}
|
||||
.totalprice_font {font-family:'tahoma'; font-size:18px;}
|
||||
.bgcolor {background-color:#f3f4f8 !important;}
|
||||
.round {border:0px solid #f0f0f0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
|
||||
.pointcolor {color:#58668d !important;}
|
||||
|
||||
/* <20><>,<2C><> <20><><EFBFBD>鼳<EFBFBD><E9BCB3> */
|
||||
.pd0 {padding:0px !important;}
|
||||
.pd5 {padding:5px !important;}
|
||||
.pd10 {padding:10px !important;}
|
||||
.pd15 {padding:15px !important;}
|
||||
.pd20 {padding:20px !important;}
|
||||
.pd25 {padding:25px !important;}
|
||||
.pd30 {padding:30px !important;}
|
||||
.pd35 {padding:35px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd45 {padding:45px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd50 {padding:50px !important;}
|
||||
|
||||
.mr0 {margin-right:0px !important;}
|
||||
.mr5 {margin-right:5px !important;}
|
||||
.mr10 {margin-right:10px !important;}
|
||||
.mr15 {margin-right:15px !important;}
|
||||
.mr20 {margin-right:20px !important;}
|
||||
.mr25 {margin-right:25px !important;}
|
||||
.mr30 {margin-right:30px !important;}
|
||||
.mr40 {margin-right:40px !important;}
|
||||
.mr50 {margin-right:50px !important;}
|
||||
|
||||
.ml-10 {margin-left:-10px !important;}
|
||||
.ml-5 {margin-left:-5px !important;}
|
||||
.ml0 {margin-left:0px !important;}
|
||||
.ml5 {margin-left:5px !important;}
|
||||
.ml10 {margin-left:10px !important;}
|
||||
.ml15 {margin-left:15px !important;}
|
||||
.ml20 {margin-left:20px !important;}
|
||||
.ml25 {margin-left:25px !important;}
|
||||
.ml30 {margin-left:30px !important;}
|
||||
.ml40 {margin-left:40px !important;}
|
||||
.ml50 {margin-left:50px !important;}
|
||||
|
||||
.mt-5 {margin-top:-5px !important;}
|
||||
.mt-3 {margin-top:-3px !important;}
|
||||
.mt0 {margin-top:0px !important;}
|
||||
.mt3 {margin-top:3px !important;}
|
||||
.mt5 {margin-top:5px !important;}
|
||||
.mt10 {margin-top:10px !important;}
|
||||
.mt15 {margin-top:15px !important;}
|
||||
.mt20 {margin-top:20px !important;}
|
||||
.mt25 {margin-top:25px !important;}
|
||||
.mt30 {margin-top:30px !important;}
|
||||
.mt40 {margin-top:40px !important;}
|
||||
.mt50 {margin-top:50px !important;}
|
||||
|
||||
.mb0 {margin-bottom:0px !important;}
|
||||
.mb3 {margin-bottom:3px !important;}
|
||||
.mb5 {margin-bottom:5px !important;}
|
||||
.mb10 {margin-bottom:10px !important;}
|
||||
.mb15 {margin-bottom:15px !important;}
|
||||
.mb20 {margin-bottom:20px !important;}
|
||||
.mb25 {margin-bottom:25px !important;}
|
||||
.mb30 {margin-bottom:30px !important;}
|
||||
.mb40 {margin-bottom:40px !important;}
|
||||
.mb50 {margin-bottom:50px !important;}
|
||||
|
||||
.pd0 {padding:0px !important;}
|
||||
.pd5 {padding:5px !important;}
|
||||
.pd10 {padding:10px !important;}
|
||||
.pd15 {padding:15px !important;}
|
||||
.pd20 {padding:20px !important;}
|
||||
.pd25 {padding:25px !important;}
|
||||
.pd30 {padding:30px !important;}
|
||||
.pd35 {padding:35px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd45 {padding:45px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd50 {padding:50px !important;}
|
||||
|
||||
.pdl0 {padding-left:0px !important;}
|
||||
.pdl5 {padding-left:5px !important;}
|
||||
.pdl10 {padding-left:10px !important;}
|
||||
.pdl15 {padding-left:15px !important;}
|
||||
.pdl20 {padding-left:20px !important;}
|
||||
.pdl25 {padding-left:25px !important;}
|
||||
.pdl30 {padding-left:30px !important;}
|
||||
.pdl35 {padding-left:35px !important;}
|
||||
.pdl40 {padding-left:40px !important;}
|
||||
.pdl45 {padding-left:45px !important;}
|
||||
.pdl50 {padding-left:50px !important;}
|
||||
.pdl55 {padding-left:55px !important;}
|
||||
|
||||
.pdr0 {padding-right:0px !important;}
|
||||
.pdr5 {padding-right:5px !important;}
|
||||
.pdr10 {padding-right:10px !important;}
|
||||
.pdr15 {padding-right:15px !important;}
|
||||
.pdr20 {padding-right:20px !important;}
|
||||
.pdr25 {padding-right:25px !important;}
|
||||
.pdr30 {padding-right:30px !important;}
|
||||
.pdr35 {padding-right:35px !important;}
|
||||
.pdr40 {padding-right:40px !important;}
|
||||
.pdr45 {padding-right:45px !important;}
|
||||
.pdr50 {padding-right:50px !important;}
|
||||
|
||||
.pdt0 {padding-top:0px !important;}
|
||||
.pdt5 {padding-top:5px !important;}
|
||||
.pdt7 {padding-top:7px !important;}
|
||||
.pdt10 {padding-top:10px !important;}
|
||||
.pdt15 {padding-top:15px !important;}
|
||||
.pdt20 {padding-top:20px !important;}
|
||||
.pdt25 {padding-top:25px !important;}
|
||||
.pdt30 {padding-top:30px !important;}
|
||||
.pdt35 {padding-top:35px !important;}
|
||||
.pdt40 {padding-top:40px !important;}
|
||||
.pdt45 {padding-top:45px !important;}
|
||||
.pdt50 {padding-top:50px !important;}
|
||||
|
||||
.pdb0 {padding-bottom:0px !important;}
|
||||
.pdb5 {padding-bottom:5px !important;}
|
||||
.pdb10 {padding-bottom:10px !important;}
|
||||
.pdb15 {padding-bottom:15px !important;}
|
||||
.pdb20 {padding-bottom:20px !important;}
|
||||
.pdb25 {padding-bottom:25px !important;}
|
||||
.pdb30 {padding-bottom:30px !important;}
|
||||
.pdb35 {padding-bottom:35px !important;}
|
||||
.pdb40 {padding-bottom:40px !important;}
|
||||
.pdb45 {padding-bottom:45px !important;}
|
||||
.pdb50 {padding-bottom:50px !important;}
|
||||
|
||||
.wp85 {width:85% !important;}
|
||||
.wp95 {width:95% !important;}
|
||||
.wp100 {width:100% !important;}
|
||||
|
||||
.wx10 {width:10px !important;}
|
||||
.wx20 {width:20px !important;}
|
||||
.wx30 {width:30px !important;}
|
||||
.wx40 {width:40px !important;}
|
||||
.wx50 {width:50px !important;}
|
||||
.wx60 {width:60px !important;}
|
||||
.wx70 {width:70px !important;}
|
||||
.wx80 {width:80px !important;}
|
||||
.wx90 {width:90px !important;}
|
||||
.wx100 {width:100px !important;}
|
||||
.wx120 {width:120px !important;}
|
||||
.wx150 {width:150px !important;}
|
||||
.wx200 {width:200px !important;}
|
||||
.wx250 {width:250px !important;}
|
||||
.wx300 {width:300px !important;}
|
||||
.wx500 {width:500px !important;}
|
||||
|
||||
.hx10 {height:10px !important;}
|
||||
.hx20 {height:20px !important;}
|
||||
.hx30 {height:30px !important;}
|
||||
.hx40 {height:40px !important;}
|
||||
.hx50 {height:50px !important;}
|
||||
.hx100 {height:100px !important;}
|
||||
.hx150 {height:150px !important;}
|
||||
.hx200 {height:200px !important;}
|
||||
.hx250 {height:250px !important;}
|
||||
.hx300 {height:300px !important;}
|
||||
.hx350 {height:350px !important;}
|
||||
.hx400 {height:400px !important;}
|
||||
.hx450 {height:450px !important;}
|
||||
.hx500 {height:500px !important;}
|
||||
|
||||
.fx11 {font-size:11px !important;}
|
||||
.fx12 {font-size:12px !important;}
|
||||
.fx13 {font-size:13px !important;}
|
||||
.fx14 {font-size:14px !important;}
|
||||
.fx15 {font-size:15px !important;}
|
||||
.fx16 {font-size:16px !important;}
|
||||
.fx17 {font-size:17px !important;}
|
||||
.fx18 {font-size:18px !important;}
|
||||
.fx19 {font-size:19px !important;}
|
||||
.fx20 {font-size:20px !important;}
|
||||
.fx25 {font-size:25px !important;}
|
||||
.fx30 {font-size:30px !important;}
|
||||
|
||||
.icon-org-emn { background:url("../images/common/icon_ord_emn.gif") 0 50% no-repeat; }
|
||||
.icon_ord_point { background:url("../images/common/icon_ord_point.gif") 0 50% no-repeat; }
|
||||
.icon_order_gift { background:url("../images/common/icon_order_gift.gif") 0 50% no-repeat; }
|
||||
BIN
build/resources/main/static/pc/brand/DL/images/brandimg.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DL/images/brandimg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
7
build/resources/main/static/pc/brand/DT/css/aos.css
Normal file
7
build/resources/main/static/pc/brand/DT/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
276
build/resources/main/static/pc/brand/DT/css/common.css
Normal file
276
build/resources/main/static/pc/brand/DT/css/common.css
Normal file
@@ -0,0 +1,276 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*******************************************
|
||||
Author : 퍼스트몰(firstmall)
|
||||
Author URL : http://www.firstmall.kr
|
||||
Creation Date : 2016-06-01
|
||||
Modify Date : 2017-07-31
|
||||
*******************************************/
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
/* reset
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
html, body {width:100%; height:100%;}
|
||||
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;}
|
||||
html, body, div, span, strong, a, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, samp, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*img, table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; font-family:"Noto Sans KR", sans-serif;font-weight:400;}
|
||||
body, input, textarea, select, button, table {font-size:12px; color:#555;}
|
||||
input, select, textarea, button, ul, ol, li, dl, dt, dd {vertical-align:middle;}
|
||||
input[type='text'], input[type='file'], input[type='password'] {border:1px solid #ccc; background:#fff; height:20px; line-height:20px; text-indent:3px; padding:0;}
|
||||
textarea {padding:5px; border:1px solid #ccc; background:#fff;}
|
||||
select {border:1px solid #ccc; border-radius:0; height:22px; line-height:22px; padding:0 20px 0 3px; padding-right:0\0/IE8+9; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff url('../images/common/select_arrow.png') no-repeat right center;}
|
||||
select::-ms-expand { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0;}
|
||||
/* 크롬핵 */ @media screen and (-webkit-min-device-pixel-ratio:0) {}
|
||||
input[type='checkbox'], input[type='radio'] {width:15px; height:15px; vertical-align:middle; margin:0 5px 0 0;}
|
||||
label {display:inline-block; cursor:pointer; vertical-align:middle; margin-right:10px;}
|
||||
legend, hr {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; padding:0; font-size:0; line-height:0}
|
||||
button {cursor:pointer;}
|
||||
table {/*border-spacing:0; table-layout:fixed; border-collapse:collapse;}*/}
|
||||
th, td {word-wrap:break-word; word-break:break-all; /*vertical-align:middle;*/ line-height:1.4;}
|
||||
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
|
||||
col {display:table-column;}
|
||||
iframe {border:0; margin:0; overflow:hidden;}
|
||||
img, fieldset {border:0; vertical-align:middle;}
|
||||
ul, ol {list-style:none;}
|
||||
em, address {font-style:normal}
|
||||
blockquote, q {quotes:none;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
|
||||
a:link, a:active, a:focus {color:#666; text-decoration:none;}
|
||||
a:hover {color:#5396fe; text-decoration:underline;}
|
||||
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
|
||||
.hand, .pointer {cursor:pointer !important;}
|
||||
.underline {text-decoration:underline;}
|
||||
.relative {position:relative !important;}
|
||||
.absolute {position:absolute !important;}
|
||||
.small {font-size:11px;}
|
||||
.desc {font-size:11px; color:#848484;}
|
||||
.hide {display:none;}
|
||||
.unvisibility {visibility:hidden;}
|
||||
.normal {font-weight:normal !important;}
|
||||
strong, b, .bold {font-weight:600;}
|
||||
.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}
|
||||
/*.fb-like, .fb-like>span, .fb-like>span>iframe {min-width:90px !important; min-height:20px !important;}*/
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
/* 공통요소
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
/* placholder */
|
||||
::-webkit-input-placeholder {color:#aaa;}
|
||||
::-moz-placeholder {color:#aaa;}
|
||||
:-ms-input-placeholder {color:#aaa;}
|
||||
:-moz-placeholder {color:#aaa;}
|
||||
::-webkit-input-title {color:#aaa;}
|
||||
::-moz-title {color:#aaa;}
|
||||
:-ms-input-title {color:#aaa;}
|
||||
:-moz-title {color:#aaa;}
|
||||
|
||||
/* 하이퍼링크 */
|
||||
a:link, a:visited, a:active {color:#333;}
|
||||
a:hover {color:#000; text-decoration:underline;}
|
||||
|
||||
/* 정렬 */
|
||||
.left {text-align:left !important;}
|
||||
.right {text-align:right !important;}
|
||||
.center {text-align:center !important;}
|
||||
.top {vertical-align:top !important;}
|
||||
.middle {vertical-align:middle !important;}
|
||||
.hide {display:none}
|
||||
|
||||
/* 클리어부스 */
|
||||
.fleft {float:left}
|
||||
.fright {float:right}
|
||||
.cboth {clear:both}
|
||||
.clearbox {*zoom:1;}
|
||||
.clearbox:after {content:""; display:block; clear:both;}
|
||||
|
||||
/* 폰트 색상 */
|
||||
.white {color:#fff !important;}
|
||||
.red {color:#fd454d !important;}
|
||||
.blue {color:#2c8ff0 !important;}
|
||||
.orange {color:#ff8000 !important;}
|
||||
.green {color:#40a040 !important;}
|
||||
.gray {color:#999 !important;}
|
||||
.black {color:#000 !important;}
|
||||
.tahoma {font-family:'tahoma' !important;}
|
||||
.price {color:#fd454d !important;}
|
||||
.totalprice {font-family:'tahoma'; font-size:18px;}
|
||||
.bgcolor {background-color:#f3f4f8 !important;}
|
||||
.round {border:0px solid #f0f0f0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
|
||||
.pointcolor {color:#58668d !important;}
|
||||
|
||||
/* 좌,우 여백설정 */
|
||||
.pd0 {padding:0px !important;}
|
||||
.pd5 {padding:5px !important;}
|
||||
.pd10 {padding:10px !important;}
|
||||
.pd15 {padding:15px !important;}
|
||||
.pd20 {padding:20px !important;}
|
||||
.pd25 {padding:25px !important;}
|
||||
.pd30 {padding:30px !important;}
|
||||
.pd35 {padding:35px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd45 {padding:45px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd50 {padding:50px !important;}
|
||||
|
||||
.mr0 {margin-right:0px !important;}
|
||||
.mr5 {margin-right:5px !important;}
|
||||
.mr10 {margin-right:10px !important;}
|
||||
.mr15 {margin-right:15px !important;}
|
||||
.mr20 {margin-right:20px !important;}
|
||||
.mr25 {margin-right:25px !important;}
|
||||
.mr30 {margin-right:30px !important;}
|
||||
.mr40 {margin-right:40px !important;}
|
||||
.mr50 {margin-right:50px !important;}
|
||||
|
||||
.ml-10 {margin-left:-10px !important;}
|
||||
.ml-5 {margin-left:-5px !important;}
|
||||
.ml0 {margin-left:0px !important;}
|
||||
.ml5 {margin-left:5px !important;}
|
||||
.ml10 {margin-left:10px !important;}
|
||||
.ml15 {margin-left:15px !important;}
|
||||
.ml20 {margin-left:20px !important;}
|
||||
.ml25 {margin-left:25px !important;}
|
||||
.ml30 {margin-left:30px !important;}
|
||||
.ml40 {margin-left:40px !important;}
|
||||
.ml50 {margin-left:50px !important;}
|
||||
|
||||
.mt-5 {margin-top:-5px !important;}
|
||||
.mt-3 {margin-top:-3px !important;}
|
||||
.mt0 {margin-top:0px !important;}
|
||||
.mt3 {margin-top:3px !important;}
|
||||
.mt5 {margin-top:5px !important;}
|
||||
.mt10 {margin-top:10px !important;}
|
||||
.mt15 {margin-top:15px !important;}
|
||||
.mt20 {margin-top:20px !important;}
|
||||
.mt25 {margin-top:25px !important;}
|
||||
.mt30 {margin-top:30px !important;}
|
||||
.mt40 {margin-top:40px !important;}
|
||||
.mt50 {margin-top:50px !important;}
|
||||
|
||||
.mb0 {margin-bottom:0px !important;}
|
||||
.mb3 {margin-bottom:3px !important;}
|
||||
.mb5 {margin-bottom:5px !important;}
|
||||
.mb10 {margin-bottom:10px !important;}
|
||||
.mb15 {margin-bottom:15px !important;}
|
||||
.mb20 {margin-bottom:20px !important;}
|
||||
.mb25 {margin-bottom:25px !important;}
|
||||
.mb30 {margin-bottom:30px !important;}
|
||||
.mb40 {margin-bottom:40px !important;}
|
||||
.mb50 {margin-bottom:50px !important;}
|
||||
|
||||
.pd0 {padding:0px !important;}
|
||||
.pd5 {padding:5px !important;}
|
||||
.pd10 {padding:10px !important;}
|
||||
.pd15 {padding:15px !important;}
|
||||
.pd20 {padding:20px !important;}
|
||||
.pd25 {padding:25px !important;}
|
||||
.pd30 {padding:30px !important;}
|
||||
.pd35 {padding:35px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd45 {padding:45px !important;}
|
||||
.pd40 {padding:40px !important;}
|
||||
.pd50 {padding:50px !important;}
|
||||
|
||||
.pdl0 {padding-left:0px !important;}
|
||||
.pdl5 {padding-left:5px !important;}
|
||||
.pdl10 {padding-left:10px !important;}
|
||||
.pdl15 {padding-left:15px !important;}
|
||||
.pdl20 {padding-left:20px !important;}
|
||||
.pdl25 {padding-left:25px !important;}
|
||||
.pdl30 {padding-left:30px !important;}
|
||||
.pdl35 {padding-left:35px !important;}
|
||||
.pdl40 {padding-left:40px !important;}
|
||||
.pdl45 {padding-left:45px !important;}
|
||||
.pdl50 {padding-left:50px !important;}
|
||||
.pdl55 {padding-left:55px !important;}
|
||||
|
||||
.pdr0 {padding-right:0px !important;}
|
||||
.pdr5 {padding-right:5px !important;}
|
||||
.pdr10 {padding-right:10px !important;}
|
||||
.pdr15 {padding-right:15px !important;}
|
||||
.pdr20 {padding-right:20px !important;}
|
||||
.pdr25 {padding-right:25px !important;}
|
||||
.pdr30 {padding-right:30px !important;}
|
||||
.pdr35 {padding-right:35px !important;}
|
||||
.pdr40 {padding-right:40px !important;}
|
||||
.pdr45 {padding-right:45px !important;}
|
||||
.pdr50 {padding-right:50px !important;}
|
||||
|
||||
.pdt0 {padding-top:0px !important;}
|
||||
.pdt5 {padding-top:5px !important;}
|
||||
.pdt7 {padding-top:7px !important;}
|
||||
.pdt10 {padding-top:10px !important;}
|
||||
.pdt15 {padding-top:15px !important;}
|
||||
.pdt20 {padding-top:20px !important;}
|
||||
.pdt25 {padding-top:25px !important;}
|
||||
.pdt30 {padding-top:30px !important;}
|
||||
.pdt35 {padding-top:35px !important;}
|
||||
.pdt40 {padding-top:40px !important;}
|
||||
.pdt45 {padding-top:45px !important;}
|
||||
.pdt50 {padding-top:50px !important;}
|
||||
|
||||
.pdb0 {padding-bottom:0px !important;}
|
||||
.pdb5 {padding-bottom:5px !important;}
|
||||
.pdb10 {padding-bottom:10px !important;}
|
||||
.pdb15 {padding-bottom:15px !important;}
|
||||
.pdb20 {padding-bottom:20px !important;}
|
||||
.pdb25 {padding-bottom:25px !important;}
|
||||
.pdb30 {padding-bottom:30px !important;}
|
||||
.pdb35 {padding-bottom:35px !important;}
|
||||
.pdb40 {padding-bottom:40px !important;}
|
||||
.pdb45 {padding-bottom:45px !important;}
|
||||
.pdb50 {padding-bottom:50px !important;}
|
||||
|
||||
.wp85 {width:85% !important;}
|
||||
.wp95 {width:95% !important;}
|
||||
.wp100 {width:100% !important;}
|
||||
|
||||
.wx10 {width:10px !important;}
|
||||
.wx20 {width:20px !important;}
|
||||
.wx30 {width:30px !important;}
|
||||
.wx40 {width:40px !important;}
|
||||
.wx50 {width:50px !important;}
|
||||
.wx60 {width:60px !important;}
|
||||
.wx70 {width:70px !important;}
|
||||
.wx80 {width:80px !important;}
|
||||
.wx90 {width:90px !important;}
|
||||
.wx100 {width:100px !important;}
|
||||
.wx120 {width:120px !important;}
|
||||
.wx150 {width:150px !important;}
|
||||
.wx200 {width:200px !important;}
|
||||
.wx250 {width:250px !important;}
|
||||
.wx300 {width:300px !important;}
|
||||
.wx500 {width:500px !important;}
|
||||
|
||||
.hx10 {height:10px !important;}
|
||||
.hx20 {height:20px !important;}
|
||||
.hx30 {height:30px !important;}
|
||||
.hx40 {height:40px !important;}
|
||||
.hx50 {height:50px !important;}
|
||||
.hx100 {height:100px !important;}
|
||||
.hx150 {height:150px !important;}
|
||||
.hx200 {height:200px !important;}
|
||||
.hx250 {height:250px !important;}
|
||||
.hx300 {height:300px !important;}
|
||||
.hx350 {height:350px !important;}
|
||||
.hx400 {height:400px !important;}
|
||||
.hx450 {height:450px !important;}
|
||||
.hx500 {height:500px !important;}
|
||||
|
||||
.fx11 {font-size:11px !important;}
|
||||
.fx12 {font-size:12px !important;}
|
||||
.fx13 {font-size:13px !important;}
|
||||
.fx14 {font-size:14px !important;}
|
||||
.fx15 {font-size:15px !important;}
|
||||
.fx16 {font-size:16px !important;}
|
||||
.fx17 {font-size:17px !important;}
|
||||
.fx18 {font-size:18px !important;}
|
||||
.fx19 {font-size:19px !important;}
|
||||
.fx20 {font-size:20px !important;}
|
||||
.fx25 {font-size:25px !important;}
|
||||
.fx30 {font-size:30px !important;}
|
||||
|
||||
.icon-org-emn { background:url("../images/common/icon_ord_emn.gif") 0 50% no-repeat; }
|
||||
.icon_ord_point { background:url("../images/common/icon_ord_point.gif") 0 50% no-repeat; }
|
||||
.icon_order_gift { background:url("../images/common/icon_order_gift.gif") 0 50% no-repeat; }
|
||||
119
build/resources/main/static/pc/brand/DT/css/slick.css
Normal file
119
build/resources/main/static/pc/brand/DT/css/slick.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
74
build/resources/main/static/pc/brand/DT/css/wib-brand.css
Normal file
74
build/resources/main/static/pc/brand/DT/css/wib-brand.css
Normal file
@@ -0,0 +1,74 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");
|
||||
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");
|
||||
/*
|
||||
font-family: 'NanumSquare', sans-serif;
|
||||
font-family: 'Nanum Myeongjo', serif;
|
||||
*/
|
||||
|
||||
div#layout_config{padding-top:88px;}
|
||||
div#layout_config > div{width:100%;}
|
||||
#layout_body{min-width:1800px !important;}
|
||||
/* div#layout_config.active{padding-top:150px;} */
|
||||
|
||||
|
||||
.brand-wrap.active .mv{opacity:0;z-index:-1;}
|
||||
|
||||
.brand-wrap .txt-box strong{font-size:70px;font-weight:900;letter-spacing:0.05em;color:#81ae99;font-family: 'NanumSquare', sans-serif;line-height:1.2;}
|
||||
.brand-wrap .txt-box p{font-size:60px;font-weight:900;color:#81ae99;letter-spacing:0.05em;font-family: 'Nanum Myeongjo', serif;line-height:1.2;padding-top:20px;margin: 0;}
|
||||
.brand-wrap .txt-box span{display:block;font-size:30px;font-weight:400;letter-spacing:0.05em;color:#444;padding-top:30px;line-height:1.2;}
|
||||
.brand-wrap .txt-box span b{color:#81ae99;font-weight:400;}
|
||||
.brand-wrap .txt-box em:first-of-type{padding-top:50px;}
|
||||
.brand-wrap .txt-box em{display:block;font-size:25px;font-weight:300;line-height:35px;text-align:left;color:#444;padding-top:30px;font-style: normal;}
|
||||
.brand-wrap .txt-box i{display:block;font-style:normal;font-size:40px;font-weight:400;letter-spacing:0.05em;color:#8bb4a1;padding-top:90px;line-height:1.2;}
|
||||
|
||||
.brand-wrap{}
|
||||
.brand-wrap .mv{height:790px;background:url("/pc/brand/DT/images/brand-visual.jpg")no-repeat center top;position:fixed;top:88px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);width:100%;transition:all 0.8s;}
|
||||
.brand-wrap .mv p{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);left:195px;font-size:30px;font-weight:400;color:#555;text-align:left;letter-spacing:0.05em;font-family: 'Nanum Myeongjo', serif;}
|
||||
|
||||
.brand-wrap .brandCon01{opacity:0;transition:all 0.5s;position:relative;}
|
||||
.brand-wrap .brandCon01 > img{display:block;position:absolute;right:0;top:0;}
|
||||
.brand-wrap .brandCon01 .w1300{}
|
||||
.brand-wrap .brandCon01 .w1300 .txt-box{padding-top:610px;text-align:left;}
|
||||
|
||||
|
||||
.brand-wrap .brandCon02{padding:170px 0 180px;}
|
||||
.brand-wrap .brandCon02 .w1300{}
|
||||
.brand-wrap .brandCon02 .w1300 .inner{font-size:0;text-align:left;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner > div{display:inline-block;vertical-align:top;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner .left{width:650px;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner .right{text-align:right;width:650px;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner .right img{text-align:right;display:inline-block;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(1) .right .txt-box{text-align:right;padding-top:105px;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(1) .right .txt-box span{font-size:29px;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(1) .right .txt-box em{text-align:right;}
|
||||
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(2) .left .txt-box{padding:180px 0 160px;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(2) .left .txt-box i{padding-top:0;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(2) .right{top:-50px;position:relative;}
|
||||
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(3) .left{top:-50px;position:relative;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(3) .right .txt-box{text-align:right;padding-top:135px;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(3) .right .txt-box strong{padding-top:0;}
|
||||
.brand-wrap .brandCon02 .w1300 .inner:nth-of-type(3) .right .txt-box em{text-align:right;}
|
||||
|
||||
|
||||
.brand-wrap .brandCon03{height:1350px;position:relative;padding-top:160px;box-sizing:border-box;}
|
||||
.brand-wrap .brandCon03 .bg{height:1350px;background:url("/pc/brand/DT/images/bc03-bg.jpg")no-repeat center top;position:absolute;left:0;top:0;transition-duration:0.7s;}
|
||||
.brand-wrap .brandCon03 .w1300{position:relative;z-index:22;}
|
||||
.brand-wrap .brandCon03 .w1300 img{margin-top:115px;}
|
||||
.brand-wrap .brandCon03 .w1300 .txt-box{padding-top:160px;}
|
||||
.brand-wrap .brandCon03 > img{display:block;position:absolute;z-index:2;}
|
||||
.brand-wrap .brandCon03 > img.img01{right:150px;top:160px;z-index:3;}
|
||||
.brand-wrap .brandCon03 > img.img02{right:0;top:400px;}
|
||||
.brand-wrap .brandCon03 > img.img03{right:185px;top:650px;z-index:3;}
|
||||
.brand-wrap .brandCon03 > img.img04{right:0;top:870px;}
|
||||
|
||||
.brand-wrap .brandCon04{height:950px;background:url("/pc/brand/DT/images/mcon04-bg.jpg")no-repeat center top;box-sizing:border-box;padding-top:115px;transition-duration:0.7s;}
|
||||
.brand-wrap .brandCon04 .w1300{text-align:left;}
|
||||
.brand-wrap .brandCon04 .w1300 strong{display:block;font-size:70px;font-weight:900;color:#fff;text-align:left;line-height:1.2;font-family: 'NanumSquare', sans-serif;}
|
||||
.brand-wrap .brandCon04 .w1300 p{font-size:60px;font-weight:900;color:#fff;line-height:1.2;font-family: 'Nanum Myeongjo', serif;padding-top:35px;margin:0;}
|
||||
.brand-wrap .brandCon04 .w1300 span{display:block;font-size:30px;font-weight:400;color:#fff;text-align:left;line-height:1.2;padding-top:35px;}
|
||||
.brand-wrap .brandCon04 .w1300 > img{display:inline-block;margin-top:80px;padding-bottom:10px;}
|
||||
.brand-wrap .brandCon04 .w1300 > em{display:block;font-size:25px;font-weight:300;line-height:35px;color:#fff;text-align:left;padding-top:35px;}
|
||||
|
||||
|
||||
146
build/resources/main/static/pc/brand/DT/css/wib-common.css
Normal file
146
build/resources/main/static/pc/brand/DT/css/wib-common.css
Normal file
@@ -0,0 +1,146 @@
|
||||
/* DESIGNWIB */
|
||||
/* HIDE */
|
||||
.nav_wrap{display:none !important;}
|
||||
#layout_topBar{display:none !important;}
|
||||
#rightQuickMenuWrap{right:-200px;}
|
||||
.copy_wrap{display:none !important;}
|
||||
|
||||
|
||||
/* COMMON */
|
||||
.wrap_inner{width:1200px !important;margin:0 auto;}
|
||||
div#layout_config{padding-top:150px;}
|
||||
|
||||
*{text-decoration:none !important;}
|
||||
.w1300{width:1400px;margin:0 auto;}
|
||||
#layout_body{max-width:1920px;margin:0 auto;overflow:hidden;min-width:1300px !important;}
|
||||
#layout_footer{background-color:transparent !important;}
|
||||
|
||||
|
||||
/* HEADER */
|
||||
#header2.hid2{top:-90px;}
|
||||
#header2{position:fixed;left:0;top:0;width:100%;height:88px;box-sizing:border-box;border-bottom:1px solid #ececec;background-color:#fff;z-index:10;transition:top 0.3s ease;min-width:1300px;}
|
||||
#header2 .inner{position:relative;height:100%;padding:0 60px;}
|
||||
#header2 .inner:after{display:block;content:"";clear:both;}
|
||||
#header2 .inner h1{float:left;position:relative;padding-top:33px;z-index:333;}
|
||||
#header2 .inner h1 a{display:block;font-size:0;}
|
||||
#header2 .inner h1 a img{display:block;}
|
||||
#header2 .inner .category{position:absolute;left:50%;transform:translateX(-50%);top:0;width:80%;}
|
||||
#header2 .inner .category > ul{font-size:0;text-align:center; padding-right:200px;}
|
||||
/* #header2 .inner .category > ul > li:first-of-type{padding-left:72px;} */
|
||||
#header2 .inner .category > ul > li{display:inline-block;vertical-align:top;padding:0 36px;}
|
||||
#header2 .inner .category > ul > li.active > a{color:#81ae99;}
|
||||
#header2 .inner .category > ul > li.normal:hover > a{color:#81ae99;}
|
||||
#header2 .inner .category > ul > li > a{display:block;font-size:16px;font-weight:300;color:#444;text-align:center;padding:33px 0 32px; /*letter-spacing:2.2px;*/}
|
||||
#header2 .inner .category > ul > li > div{display:none;}
|
||||
#header2 .inner .category > ul > li > ul.active{top:88px;opacity:1;visibility:visible;overflow:visible;transition:none;}
|
||||
#header2 .inner .category > ul > li > ul{position:absolute;width:100%;font-size:0;text-align:center;padding:30px 0 50px;top:0;left:0;background-color:#fff;border-bottom:1px solid #efefef;overflow:hidden;visibility:hidden;opacity:0;transition:all 0.3s;}
|
||||
#header2 .inner .category > ul > li > ul > li{display:inline-block;vertical-align:top;width:200px;}
|
||||
#header2 .inner .category > ul > li > ul > li > a{display:block;font-size:18px;font-weight:400;color:#444;text-align:center;}
|
||||
#header2 .inner .member-area{float:right;position:relative;font-size:0;text-align:right;}
|
||||
#header2 .inner .member-area .member-inner{display:inline-block;vertical-align:top;margin-right:20px;}
|
||||
#header2 .inner .member-area .member-inner ul{font-size:0;text-align:right;}
|
||||
#header2 .inner .member-area .member-inner ul li:last-of-type{margin-right:0;}
|
||||
#header2 .inner .member-area .member-inner ul li{margin-right:16px;display:inline-block;vertical-align:top;}
|
||||
#header2 .inner .member-area .member-inner ul li a{display:block;font-size:15px;font-weight:300;color:#444;text-align:center;padding:33px 0 32px;}
|
||||
#header2 .inner .member-area .search-inner{display:inline-block;vertical-align:top;position:relative;}
|
||||
#header2 .inner .member-area .search-inner > a{display:block;padding:35px 0;}
|
||||
#header2 .inner .member-area .search-inner .search-wrap{display:none;position:relative;width:200px;height:40px;box-sizing:border-box;border:1px solid #444;margin-top:23px;}
|
||||
#header2 .inner .member-area .search-inner .search-wrap form{width:100%;height:100%;}
|
||||
#header2 .inner .member-area .search-inner .search-wrap form input[type="text"]{border:0;padding:0;width:100%;height:100%;padding-left:10px;font-size:16px;color:#222;text-indent:0;line-height:38px;width:calc(100% - 30px);width:-o-calc(100% - 30px);width:-ms-calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);display:block;background-color:#fff !important;}
|
||||
#header2 .inner .member-area .search-inner .search-wrap form input[type="image"]{display:block;position:absolute;right:8px;top:10px;}
|
||||
|
||||
@media all and (max-width:1750px){
|
||||
#header2 .inner{padding:0 30px;}
|
||||
#header2 .inner .category > ul{padding-right:0px;}
|
||||
#header2 .inner .category > ul > li{padding:0 20px;}
|
||||
}
|
||||
@media all and (max-width:1400px){
|
||||
#header2 .inner .category > ul{padding-right:0px;}
|
||||
}
|
||||
|
||||
|
||||
/* FOOTER */
|
||||
#footer2{background-color:#e0e0e0;}
|
||||
#footer2{}
|
||||
#footer2 .top{}
|
||||
#footer2 .top .w1300{}
|
||||
#footer2 .top .w1300 ul{font-size:0;text-align:center;}
|
||||
#footer2 .top .w1300 ul li:last-of-type{margin-right:0;}
|
||||
#footer2 .top .w1300 ul li{display:inline-block;vertical-align:top;margin-right:50px;}
|
||||
#footer2 .top .w1300 ul li a{display:block;font-size:15px;font-weight:400;color:#444;line-height:60px;}
|
||||
#footer2 .bottom{border-top:1px solid #fff;padding:45px 0 45px 50px;}
|
||||
#footer2 .bottom .w1300{font-size:0;text-align:left;}
|
||||
#footer2 .bottom .w1300 h1{padding-top:30px;margin-right:60px;display:inline-block;vertical-align:top;}
|
||||
#footer2 .bottom .w1300 h1 a{display:block;font-size:0;}
|
||||
#footer2 .bottom .w1300 h1 a img{display:block;}
|
||||
#footer2 .bottom .w1300 .info{display:inline-block;vertical-align:top;font-size:0;text-align:left;}
|
||||
#footer2 .bottom .w1300 .info span{display:inline-block;vertical-align:top;font-size:15px;font-weight:400;color:#444;line-height:22px;text-align:left;}
|
||||
|
||||
/* RIGHT QUICK */
|
||||
.rightQuickMenuWrap .rightQuickTitle, .rightQuickMenuWrap2 .rightQuickTitle{display:none;}
|
||||
.rightQuickMenuWrap2 .rightTitleMenu{position:relative;}
|
||||
.rightQuickMenuWrap2 .rightTitleMenu span{color:#81ae99;display:block;position:absolute;left:95px;top:8px;float:none;right:auto;}
|
||||
.rightQuickMenuWrap2 .rightTitleMenu span:before{display:block;content:"";position:absolute;width:1px;height:12px;background-color:#444;left:-14px;top:6px;}
|
||||
.rightQuickMenuWrap2 .rightBorderTop{margin-top:18px;border-color:#81ae99;}
|
||||
.rightQuickMenuWrap2 .right_quick_paging{margin-top:10px;}
|
||||
.rightQuickMenuWrap2 .right_quick_paging > a{width:9px;height:11px;box-sizing:border-box;top:12px;}
|
||||
.rightQuickMenuWrap2 .right_quick_paging > a img{display:none;}
|
||||
.rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_prev{background:url("../../wib/img/recent-prev.jpg")no-repeat left top;}
|
||||
.rightQuickMenuWrap2 .right_quick_paging .right_quick_btn_next{background:url("../../wib/img/recent-next.jpg")no-repeat right top;}
|
||||
.rightQuickMenuWrap2 .right_quick_paging .right_page_box span{font-size:16px;font-weight:300;color:#777;}
|
||||
|
||||
.rightQuickMenuWrap2 .rightBoxBorder{border-color:#81ae99;}
|
||||
.rightQuickMenuWrap2 .rightQuickMenu .side_default .cs-ul{padding-top:10px;margin-top:10px;border-top:1px solid #81ae99;padding-bottom:15px;border-bottom:1px solid #81ae99;}
|
||||
.rightQuickMenuWrap2 .rightQuickMenu .side_default .cs-ul li h3{font-size:16px;font-weight:300;color:#444;margin-bottom:0;}
|
||||
.side_default > ul.bank{padding:25px 0;}
|
||||
.side_default > ul.bank{}
|
||||
.side_default > ul.bank li{font-size:16px;font-weight:300;color:#777;text-align:left;line-height:21px;}
|
||||
.side_default > ul.bank li h3{font-size:16px;font-weight:300;color:#444;text-align:left;line-height:1;margin-bottom:15px;}
|
||||
.side_default > ul > li .phone.pointcolor{color:#81ae99 !important;font-size:25px;font-weight:500;line-height:1;padding-top:15px;}
|
||||
.side_default > ul > li.tel{padding-top:15px;}
|
||||
.side_default > ul > li.tel b{font-size:16px;font-weight:500;color:#777;}
|
||||
.side_default > ul > li.work{line-height:1.3;}
|
||||
.rightQuickMenuWrap2 .rightBookMark a{display:block;width:169px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #444;text-align:center;line-height:48px;}
|
||||
|
||||
/* <20><>ü<EFBFBD><EFBFBD> */
|
||||
.all-category.active{overflow:visible;visibility:visible;opacity:1;top:88px;}
|
||||
.all-category{position:absolute;top:0;left:0;width:100%;overflow:hidden;visibility:hidden;opacity:0;transition:all 0.3s;border-bottom:1px solid #efefef;z-index:-1;background-color:#fff;}
|
||||
.all-category > div > ul > li > a{display:none;}
|
||||
.all-category > div > ul > li > ul{font-size:0;text-align:center;display:table;width:auto;margin:0 auto;}
|
||||
.all-category > div > ul > li > ul > li{display:table-cell;vertical-align:top;width:170px;padding:35px 30px 40px;box-sizing:border-box;}
|
||||
.all-category > div > ul > li > ul > li:nth-of-type(even){background-color:#f5f5f5;}
|
||||
.all-category > div > ul > li > ul > li:hover > a:before{width:100%;}
|
||||
.all-category > div > ul > li > ul > li > a{display:block;font-size:18px;font-weight:400;letter-spacing:0.12em;color:#81ae99;text-align:center;position:relative;line-height:1;}
|
||||
.all-category > div > ul > li > ul > li > a:before{display:block;content:"";position:absolute;width:0;height:1px;transition:all 0.3s;background-color:#81ae99;left:0;bottom:-8px;}
|
||||
.all-category > div > ul > li > ul > li > ul{padding-top:35px;display:none;}
|
||||
.all-category > div > ul > li > ul > li > ul > li:first-of-type{margin-top:0;}
|
||||
.all-category > div > ul > li > ul > li > ul > li{margin-top:13px;text-align:left;}
|
||||
.all-category > div > ul > li > ul > li > ul > li > a{display:block;font-size:15px;font-weight:300;letter-spacing:0.12em;line-height:1;transition:all 0.3s;}
|
||||
.all-category > div > ul > li > ul > li > ul > li > a:hover{color:#81ae99;}
|
||||
|
||||
/* Ŀ<>´<EFBFBD>Ƽ */
|
||||
.all-community.active{overflow:visible;visibility:visible;opacity:1;top:88px;}
|
||||
.all-community{position:absolute;top:0;left:0;width:100%;overflow:hidden;visibility:hidden;opacity:0;transition:all 0.3s;border-bottom:1px solid #efefef;z-index:-1;background-color:#fff;}
|
||||
.all-community > ul{font-size:0;text-align:center;}
|
||||
.all-community > ul > li:first-of-type{padding-left:72px;}
|
||||
.all-community > ul > li{display:inline-block;vertical-align:top;padding-right:72px;}
|
||||
.all-community > ul > li > a{display:block;font-size:18px;font-weight:300;color:#444;text-align:center;padding:33px 0 32px;}
|
||||
.all-community > ul > li > a:hover{color:#81ae99;}
|
||||
.all-community > ul > li > div{display:none;}
|
||||
.all-community > ul > li > ul.active{top:88px;opacity:1;visibility:visible;overflow:visible;transition:none;}
|
||||
.all-community > ul > li > ul{position:absolute;width:100%;font-size:0;text-align:center;padding:30px 0 50px;top:0;left:0;background-color:#fff;border-bottom:1px solid #efefef;overflow:hidden;visibility:hidden;opacity:0;transition:all 0.3s;}
|
||||
.all-community > ul > li > ul > li{display:inline-block;vertical-align:top;width:200px;}
|
||||
.all-community > ul > li > ul > li > a{display:block;font-size:18px;font-weight:400;color:#444;text-align:center;}
|
||||
|
||||
.all-franchisee.active{overflow:visible;visibility:visible;opacity:1;top:88px;}
|
||||
.all-franchisee{position:absolute;top:0;left:0;width:100%;overflow:hidden;visibility:hidden;opacity:0;transition:all 0.3s;border-bottom:1px solid #efefef;z-index:-1;background-color:#fff;}
|
||||
.all-franchisee > ul{font-size:0;text-align:center;}
|
||||
.all-franchisee > ul > li:first-of-type{padding-left:72px;}
|
||||
.all-franchisee > ul > li{display:inline-block;vertical-align:top;padding-right:72px;}
|
||||
.all-franchisee > ul > li > a{display:block;font-size:18px;font-weight:300;color:#444;text-align:center;padding:33px 0 32px;}
|
||||
.all-franchisee > ul > li > a:hover{color:#81ae99;}
|
||||
.all-franchisee > ul > li > div{display:none;}
|
||||
.all-franchisee > ul > li > ul.active{top:88px;opacity:1;visibility:visible;overflow:visible;transition:none;}
|
||||
.all-franchisee > ul > li > ul{position:absolute;width:100%;font-size:0;text-align:center;padding:30px 0 50px;top:0;left:0;background-color:#fff;border-bottom:1px solid #efefef;overflow:hidden;visibility:hidden;opacity:0;transition:all 0.3s;}
|
||||
.all-franchisee > ul > li > ul > li{display:inline-block;vertical-align:top;width:200px;}
|
||||
.all-franchisee > ul > li > ul > li > a{display:block;font-size:18px;font-weight:400;color:#444;text-align:center;}
|
||||
87
build/resources/main/static/pc/brand/DT/css/wib-list.css
Normal file
87
build/resources/main/static/pc/brand/DT/css/wib-list.css
Normal file
@@ -0,0 +1,87 @@
|
||||
/* 상단여백 */
|
||||
div#layout_config{padding-top:110px;}
|
||||
|
||||
/* 상단네비 */
|
||||
.list-top-area{}
|
||||
.list-top-area .w1300{}
|
||||
.list-top-area .w1300 .category_depth{padding-left:30px;background:url("../../wib/img/home-icon01.jpg")no-repeat left top;}
|
||||
.list-top-area .w1300 .category_depth ul.list{}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item:first-of-type{padding-left:0;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item:first-of-type:before{display:none;font-size:0;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item{padding-left:30px;padding-right:0;font-size:0;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item:before{width:30px;height:12px;background:url("../../wib/img/next-depth-icon.jpg")no-repeat center;}
|
||||
.list-top-area .w1300 .category_depth ul.list .sub_menu{display:none !important;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item a{font-size:15px;font-weight:300;color:#222;letter-spacing:0.1em;position:relative;top:-1px;}
|
||||
|
||||
/* 카테고리 타이틀 */
|
||||
#goodsSearchForm{border-bottom:0;}
|
||||
#goodsSearchForm .gsf-category-title{padding-left:0;margin:0;}
|
||||
#goodsSearchForm .gsf-category-title .gsfc-th{display:block;position:relative;line-height:1;height:auto;}
|
||||
#goodsSearchForm .gsf-category-title .gsfc-th h4{line-height:1;}
|
||||
#goodsSearchForm .gsf-category-title .gsfc-th h4 a{display:block;line-height:1;font-size:50px;font-weight:100;letter-spacing:0.12em;color:#444;text-align:center;}
|
||||
#goodsSearchForm .gsf-category-title .gsfc-td{display:none;}
|
||||
#goodsSearchForm .gsf-category-table{margin-bottom:0;border:0;margin-top:60px;}
|
||||
#goodsSearchForm .gsf-category-table dl:first-of-type{display:block;}
|
||||
#goodsSearchForm .gsf-category-table dl{display:none;width:100%;border:0;}
|
||||
#goodsSearchForm .gsf-category-table dl dd.gsfm-td{display:block;min-height:auto;line-height:1;width:100%;}
|
||||
#goodsSearchForm .gsf-category-table dl dd.gsfm-td ul.gsf-category-list{font-size:0;text-align:center;}
|
||||
#goodsSearchForm .gsf-category-table dl dd.gsfm-td ul.gsf-category-list li:last-of-type{margin-right:0;}
|
||||
#goodsSearchForm .gsf-category-table dl dd.gsfm-td ul.gsf-category-list li{display:inline-block;vertical-align:middle;margin-right:120px;float:none;}
|
||||
#goodsSearchForm .gsf-category-table dl dd.gsfm-td ul.gsf-category-list li a{display:block;margin:0;height:auto;padding:0;line-height:1;font-size:22px;font-weight:100;letter-spacing:0.1em;color:#444;text-decoration:none !important;border-bottom:0 !important;}
|
||||
#goodsSearchForm .gsf-category-table dl dd.gsfm-td ul.gsf-category-list li a.active{border-bottom:0;color:#000;font-weight:500;}
|
||||
|
||||
|
||||
.cate-list{}
|
||||
.list-top-area .w1300 .cate-list .category_depth{padding-left:0;background:none;}
|
||||
.list-top-area .w1300 .cate-list .category_depth ul.list{float:none;}
|
||||
.list-top-area .w1300 .cate-list .category_depth ul.list li.item:last-of-type{display:block;}
|
||||
.list-top-area .w1300 .cate-list .category_depth ul.list li.item{display:none;padding-left:0;float:none;}
|
||||
.list-top-area .w1300 .cate-list .category_depth ul.list li.item:before{display:none;}
|
||||
.list-top-area .w1300 .cate-list .category_depth ul.list li.item a{display:block;line-height:1;font-size:50px;font-weight:100;letter-spacing:0.12em;color:#444;text-align:center;}
|
||||
.cate-list h4{}
|
||||
.cate-list h4 a{display:block;line-height:1;font-size:50px;font-weight:100;letter-spacing:0.12em;color:#444;text-align:center;}
|
||||
.cate-list .category-ul{font-size:0;text-align:center;margin-top:60px;}
|
||||
.cate-list .category-ul > li:last-of-type{margin-right:0;}
|
||||
.cate-list .category-ul > li{}
|
||||
.cate-list .category-ul > li > a{display:none;}
|
||||
.cate-list .category-ul > li > ul{font-size:0;text-align:center;}
|
||||
.cate-list .category-ul > li > ul > li:last-of-type{margin-right:0;}
|
||||
.cate-list .category-ul > li > ul > li{display:inline-block;vertical-align:middle;margin-right:22px;float:none;}
|
||||
.cate-list .category-ul > li > ul > li > a{display:block;margin:0;height:auto;padding:0;line-height:1;font-size:22px;font-weight:100;letter-spacing:0.1em;color:#444;text-decoration:none !important;border-bottom:0 !important;width:180px;position:relative;transition:all 0.3s;}
|
||||
.cate-list .category-ul > li > ul > li.active > a{color:#81ae99;}
|
||||
.cate-list .category-ul > li > ul > li.active > a:after{width:100%;}
|
||||
.cate-list .category-ul > li > ul > li > a:after{display:block;content:"";position:absolute;width:0;height:1px;background-color:#81ae99;bottom:-10px;left:0;transition:all 0.3s;}
|
||||
.cate-list .category-ul > li > ul > li > a:hover{color:#81ae99;}
|
||||
.cate-list .category-ul > li > ul > li > a:hover:after{width:100%;}
|
||||
.cate-list .category-ul > li > ul > li > ul{display:none;}
|
||||
|
||||
|
||||
/* 상단 꾸미기 [배너] */
|
||||
.cate_top_img{margin-top:30px;}
|
||||
|
||||
/* 상품 리스트 */
|
||||
.pro_wrap .total-count{display:none;}
|
||||
.prod_cont{padding-top:110px;}
|
||||
|
||||
|
||||
.displayTabContentsContainer ul:after{display:block;content:"";clear:both;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap:nth-of-type(1){}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap:nth-of-type(2){}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap:nth-of-type(3){margin-right:0;}
|
||||
.displayTabContentsContainer ul:first-of-type li.goodsDisplayWrap{margin-top:0;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap{width:calc(33.3333% - 12px) !important;margin-right:18px;padding:0;margin-top:70px;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap{padding:55px 0 0 0 !important;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .goods_name{font-size:23px;font-weight:400;color:#222;text-align:center;letter-spacing:-0.015em;margin-bottom:10px;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .summary{font-size:20px !important;font-weight:400 !important;letter-spacing:-0.015em;color:#aaa !important;margin-bottom:20px;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap{font-size:0;text-align:center;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap span{display:inline-block;vertical-align:middle;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap span.consumer_price{font-size:20px;font-weight:400 !important;letter-spacing:-0.015em;color:#aaa !important;line-height:1 !important;margin-right:10px;text-decoration:line-through !important;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap .sale_per{display:none !important;}
|
||||
.displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap span.sale_price{font-size:20px !important;font-weight:400 !important;letter-spacing:-0.015em;color:#222 !important;line-height:1 !important;margin:0;}
|
||||
|
||||
.paging_navigation{margin-top:100px;}
|
||||
.paging_navigation a:last-of-type{margin-right:0;}
|
||||
.paging_navigation a{margin:0;font-size:18px;display:inline-block;vertical-align:top;margin-right:15px;color:#666 !important;font-weight:300;}
|
||||
.paging_navigation a:hover{font-weight:300;}
|
||||
.paging_navigation a:before{display:none !important;}
|
||||
.paging_navigation a.on{color:#000 !important;font-weight:500;}
|
||||
186
build/resources/main/static/pc/brand/DT/css/wib-main.css
Normal file
186
build/resources/main/static/pc/brand/DT/css/wib-main.css
Normal file
@@ -0,0 +1,186 @@
|
||||
div#layout_config{padding-top:120px;}
|
||||
div#layout_config > div{width:auto;}
|
||||
|
||||
.mcon01{position:relative;}
|
||||
.mcon01 ul{}
|
||||
.mcon01 ul li{height:625px;}
|
||||
.mcon01 ul li .bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;animation-name:mv_img;-webkit-animation-name:mv_img; animation-duration:10s; -webkit-animation-duration:10s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
|
||||
|
||||
/*메인롤링 css 이미지 추가*/
|
||||
|
||||
|
||||
.mcon01 ul li .bg.bg07{background:url("/data/skin/202202_pc/images/230322_3yearsevent_main_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230328 msm 출시 이벤트 추가*/
|
||||
.mcon01 ul li .bg.bg08{background:url("/data/skin/202202_pc/images/230328_msmnewpd_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230404 4월 이너뷰티 한정세일 추가*/
|
||||
.mcon01 ul li .bg.bg06{background:url("/data/skin/202202_pc/images/230405_4m_innerbeautyevent_main_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230221 봄격세일 추가*/
|
||||
/*.mcon01 ul li .bg.bg02{background:url("/data/skin/202202_pc/images/mv34_pc.jpg")no-repeat center top;}*/
|
||||
|
||||
/*230712 위엔매스틱 출시 추가*/
|
||||
.mcon01 ul li .bg.bg41{background:url("/data/skin/202202_pc/images/230712_mastic_pc.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
/*230531 글루타치온 출시 추가*/
|
||||
.mcon01 ul li .bg.bg40{background:url("/data/skin/202202_pc/images/230629_SuperGlutathioneMax_pc.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
/*230803 멤버스데이01 추가*/
|
||||
.mcon01 ul li .bg.bg14{background:url("https://img.groupit.co.kr/DT/images/230803_membersday_pc_01.jpg")no-repeat center top;}
|
||||
|
||||
/*230803 멤버스데이02 추가*/
|
||||
.mcon01 ul li .bg.bg15{background:url("https://img.groupit.co.kr/DT/images/230803_membersday_pc_02.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
/*230731 8월 이벤트 추가*/
|
||||
.mcon01 ul li .bg.bg16{background:url("https://img.groupit.co.kr/DT/images/230731_infinity_pc.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
/*230630 7월 이벤트 추가*/
|
||||
.mcon01 ul li .bg.bg18{background:url("/data/skin/202202_pc/images/2307_event_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230704 베스트특가 수정본 추가*/
|
||||
.mcon01 ul li .bg.bg17{background:url("/data/skin/202202_pc/images/230724_bestsale_pc.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
|
||||
/*230531 6월 이벤트 추가*/
|
||||
.mcon01 ul li .bg.bg19{background:url("/data/skin/202202_pc/images/230531_doctorlean_main_pc.jpg")no-repeat center top;}
|
||||
.mcon01 ul li .bg.bg20{background:url("/data/skin/202202_pc/images/doctorlean_twoptwo_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230602 산양유출시 추가*/
|
||||
.mcon01 ul li .bg.bg31{background:url("/data/skin/202202_pc/images/230602_milk_pc.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
/*230613 비타민D출시 추가*/
|
||||
.mcon01 ul li .bg.bg33{background:url("/data/skin/202202_pc/images/230613_VitaminD_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230601 이뮨출시 추가*/
|
||||
.mcon01 ul li .bg.bg30{background:url("/data/skin/202202_pc/images/230601_Zinc_Probiotics_pc.jpg")no-repeat center top;}
|
||||
|
||||
/*230512 블러드케어출시 추가*/
|
||||
.mcon01 ul li .bg.bg28{background:url("/data/skin/202202_pc/images/230512_BloodCare_pc.jpg")no-repeat center top;}
|
||||
|
||||
.mcon01 ul li .bg.bg21{background:url("https://img.groupit.co.kr/DT/images/doctorlean_magazine_pc.jpg")no-repeat center top;}
|
||||
|
||||
.mcon01 ul li .bg.bg26{background:url("/data/skin/202202_pc/images/mv26_pc.jpg")no-repeat center top;}
|
||||
.mcon01 ul li .bg.bg23{background:url("https://img.groupit.co.kr/DT/images/mv23_pc.jpg")no-repeat center top;}
|
||||
/*.mcon01 ul li .bg.bg28{background:url("/data/skin/202202_pc/images/mv28_pc.jpg")no-repeat center top;}*/
|
||||
.mcon01 ul li .bg.bg05{background:url("https://img.groupit.co.kr/DT/images/mv03_pc.jpg")no-repeat center top;}
|
||||
|
||||
|
||||
@keyframes mv_img{
|
||||
0%{transform:scale(1.0);}
|
||||
100%{transform:scale(1.0);}
|
||||
}
|
||||
.mcon01 ul li .w1300:after{display:block;content:"";clear:both;}
|
||||
.mcon01 ul li .w1300{position:absolute;left:50%;z-index:22;left:50%;top:50%;transform:translate(-50.7%, -50.7%);-webkit-transform:translate(-50.7%, -50.7%);-ms-transform:translate(-50.7%, -50.7%);-moz-transform:translate(-50.7%, -50.7%);-o-transform:translate(-50.7%, -50.7%);}
|
||||
.mcon01 ul li .w1300 .txt-box{float:right;text-align:left;}
|
||||
.mcon01 ul li .w1300 .txt-box i{display:block;font-style:normal;font-size:25px;font-weight:100;color:#222;text-align:left;position:relative;top:0;padding-bottom:20px;}
|
||||
.mcon01 ul li .w1300 .txt-box p{font-size:65px;font-weight:100;color:#222;text-align:left;line-height:75px;position:relative;top:0;opacity:0;left:-5px;}
|
||||
.mcon01 ul li .w1300 .txt-box p > span.red{color:#e43f59 !important;font-weight:100 !important;}
|
||||
.mcon01 ul li .w1300 .txt-box p > span.purple{color:#491a81 !important;font-weight:100 !important;}
|
||||
.mcon01 ul li .w1300 .txt-box em{display:block;font-style:normal;font-size:25px;font-weight:100;color:#222;text-align:left;padding-top:30px;position:relative;top:0;opacity:0;}
|
||||
.mcon01 ul li .w1300 .txt-box a{display:inline-block;vertical-align:top;font-size:23px;font-weight:400;color:#81ae99;letter-spacing:-0.015em;margin-top:75px;position:relative;top:0;opacity:0;}
|
||||
.mcon01 ul li .w1300 .txt-box a img{display:inline-block;vertical-align:middle;margin-left:14px;position:relative;top:-3px;transition:all 0.3s;}
|
||||
.mcon01 ul li .w1300 .txt-box a:hover img{margin-left:24px;}
|
||||
.mcon01 ul li .w1300 .txt-box i{animation-name:mv_i;-webkit-animation-name:mv_i; animation-duration:0.7s; -webkit-animation-duration:0.7s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
|
||||
.mcon01 ul li .w1300 .txt-box p{animation-name:mv_p;-webkit-animation-name:mv_p; animation-duration:0.7s; -webkit-animation-duration:0.7s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
|
||||
.mcon01 ul li .w1300 .txt-box em{animation-name:mv_em;-webkit-animation-name:mv_em; animation-duration:0.7s; -webkit-animation-duration:0.7s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s;-ms-animation-delay: 0.7s;-o-animation-delay: 0.7s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
|
||||
.mcon01 ul li .w1300 .txt-box a{animation-name:mv_a;-webkit-animation-name:mv_a; animation-duration:0.7s; -webkit-animation-duration:0.7s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.9s;-webkit-animation-delay: 0.9s;-moz-animation-delay: 0.9s;-ms-animation-delay: 0.9s;-o-animation-delay: 0.9s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
|
||||
@keyframes mv_i{
|
||||
0%{opacity:0;top:-20px;}
|
||||
100%{opacity:1;top:0;}
|
||||
}
|
||||
@keyframes mv_p{
|
||||
0%{opacity:0;top:-20px;}
|
||||
100%{opacity:1;top:0;}
|
||||
}
|
||||
@keyframes mv_em{
|
||||
0%{opacity:0;top:-20px;}
|
||||
100%{opacity:1;top:0;}
|
||||
}
|
||||
@keyframes mv_a{
|
||||
0%{opacity:0;top:-20px;}
|
||||
100%{opacity:1;top:0;}
|
||||
}
|
||||
.mcon01 .bx-wrapper{position:relative;}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:50;width:100%;}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction a{display:block;width:90px;height:90px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:0;}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction a:after {content:''; display:block; clear:both; width: 35px; height: 35px; border: solid #333; position: absolute; top: 50%; left: 50%;}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction a.bx-prev{left:50px;}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction a.bx-next{right:50px;}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction a.bx-prev:after {border-width:0 0 2px 2px; transform:translate(-50%, -50%) rotate(45deg);}
|
||||
.mcon01 .bx-wrapper .bx-controls-direction a.bx-next:after {border-width:2px 2px 0 0; transform:translate(-50%, -50%) rotate(45deg);}
|
||||
.mcon01 .bx-controls.bx-has-pager.bx-has-controls-direction { display:block; width:100%; }
|
||||
.mcon01 .bx-controls.bx-has-pager.bx-has-controls-direction > .bx-pager.bx-default-pager {display:flex; flex-wrap: wrap; width:20%; margin: 8px auto;}
|
||||
.mcon01 .bx-controls.bx-has-pager.bx-has-controls-direction > .bx-pager.bx-default-pager > .bx-pager-item { float:left; margin:0 auto; flex-grow:inherit; width:15px; height:15px; border-radius:15px; text-align: center; background: #dedede;}
|
||||
.mcon01 .bx-controls.bx-has-pager.bx-has-controls-direction > .bx-pager.bx-default-pager > .bx-pager-item > .bx-pager-link.active { float:left; margin:0 auto; flex-grow:inherit; width:15px; height:15px; border-radius:15px; text-align: center; background: #bfdaf2;}
|
||||
|
||||
|
||||
|
||||
|
||||
p.common-title{font-size:35px;font-weight:700;color:#333;text-align:center;line-height:1;}
|
||||
p.common-title span{color:#81ae99;font-weight:100;}
|
||||
.mcon02{padding:65px 0 85px; border-top:1px solid #cde0d7;}
|
||||
.mcon02.no_bd {border-top:0;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer{overflow:visible;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul:after{display:block;content:"";clear:both;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap:nth-of-type(1){}
|
||||
/* .mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap:nth-of-type(2){margin-top:-105px;} */
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap:nth-of-type(4){margin-right:0;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap{/* width:calc(33.3333% - 12px) !important;margin-top:40px; margin-right:18px;*/ margin: 40px 18px 0 0; padding:0;}
|
||||
/*.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap{padding:55px 0 0 0 !important;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .goods_name{font-size:23px;font-weight:400;color:#222;text-align:center;letter-spacing:-0.015em;margin-bottom:10px;}*/
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .summary{font-size:16px !important;font-weight:400 !important;letter-spacing:-0.015em; color:#585858 !important;margin-bottom:20px;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap{font-size:0;text-align:center;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap span{display:inline-block;vertical-align:middle;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap span.consumer_price{font-size:16px !important;font-weight:400 !important;letter-spacing:-0.015em;color:#aaa !important;line-height:1.5 !important;margin-right:10px;text-decoration:line-through !important; margin-top:0;}
|
||||
.mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap .consumer_wrap .sale_per{display:none !important;}
|
||||
/* .mcon02 .prd-form .displayTabContentsContainer ul li.goodsDisplayWrap .goodsDisplayTextWrap span.sale_price{font-size:20px !important;font-weight:400 !important;letter-spacing:-0.015em;color:#222 !important;line-height:1 !important;margin:0;} */
|
||||
.mcon02 .w1300 > a{display:block;width:100px;height:180px;box-sizing:border-box;line-height:1;background-color:#81ae99;font-size:18px;font-weight:400;color:#fff;text-align:center;padding-top:40px;margin:55px auto 0;}
|
||||
.mcon02 .w1300 > a img{display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-left:5px;}
|
||||
.mcon02 .goodsDisplayTextWrap li.consumer_wrap,
|
||||
.mcon02 .goodsDisplayTextWrap li.goods-text-price-sale {vertical-align:top;}
|
||||
.mcon02 .displayTabContentsA ul.goods-list li.goodsDisplayWrap .goodsDisplayTextWrap span.sale_price {font-weight:400 !important;}
|
||||
|
||||
.mcon03{position:relative;margin-top:70px;}
|
||||
.mcon03 > img{display:block;position:absolute;left:0;top:75px;transition-duration:1s;}
|
||||
.mcon03 .w1300{position:relative;z-index:2;text-align:right;}
|
||||
.mcon03 .w1300:after{display:block;content:"";clear:both;}
|
||||
.mcon03 .w1300 .txt-box{width:100%;float:right;text-align:right;}
|
||||
.mcon03 .w1300 .txt-box .inner{width:450px;display:inline-block;}
|
||||
.mcon03 .w1300 .txt-box .inner > span{display:block;font-size:48px;font-weight:400;letter-spacing:-0.015em;color:#222;text-align:left;line-height:63px;margin-top:50px;}
|
||||
.mcon03 .w1300 .txt-box .inner > em{display:block;font-style:normal;font-size:23px;font-weight:400;letter-spacing:-0.015em;line-height:30px;color:#222;text-align:left;padding-top:45px;}
|
||||
.mcon03 .w1300 .txt-box .inner > a{display:block;font-size:23px;font-weight:400;letter-spacing:-0.015em;line-height:30px;color:#81ae99;text-align:left;margin-top:110px;}
|
||||
.mcon03 .w1300 .txt-box .inner > a img{display:inline-block;vertical-align:top;position:relative;top:-8px;margin-left:13px;transition:all 0.3s ease;}
|
||||
.mcon03 .w1300 .txt-box .inner > a:hover img{margin-left:23px;}
|
||||
.mcon03 .w1300 > img{display:block;float:right;margin-top:90px;}
|
||||
|
||||
.mcon04{margin-top:180px;position:relative;}
|
||||
.mcon04 .bg{transition-duration:1s !important;height:658px;background:url("../../wib/img/mcon04-bg.jpg")no-repeat center top;/*left:50%;margin-left:-50%;*/position:relative;}
|
||||
.mcon04 .bg > img{}
|
||||
.mcon04 .w1300{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);z-index:2;top:-57px;}
|
||||
.mcon04 .w1300 p{font-size:50px;font-weight:300;line-height:60px;color:#fff;text-align:left;padding-top:110px;transition-duration:0.7s !important;}
|
||||
.mcon04 .w1300 a{display:block;font-size:23px;font-weight:400;letter-spacing:-0.015em;color:#81ae99;margin-top:65px;transition-duration:0.7s !important;}
|
||||
.mcon04 .w1300 a img{display:inline-block;vertical-align:top;margin-left:25px;top:-13px;position:relative;transition:all 0.3s ease;}
|
||||
.mcon04 .w1300 a:hover img{margin-left:35px;}
|
||||
|
||||
.mcon05{padding:135px 0 130px;}
|
||||
.mcon05 > p{font-size:50px;font-weight:300;letter-spacing:0.12em;color:#222;text-align:center;line-height:1;}
|
||||
.mcon05 ul{font-size:0;text-align:center;width:1200px;margin:0 auto;padding-top:85px;}
|
||||
.mcon05 ul li{display:inline-block;vertical-align:top;transition-duration:0.7s ease !important;}
|
||||
.mcon05 ul li a{display:block;}
|
||||
|
||||
.paging_navigation {}
|
||||
|
||||
.main_w1300 {width:1300px;margin:0 auto;}
|
||||
.main_evt_list {padding-top:60px; padding-bottom:80px;}
|
||||
.main_evt_list ul {display: flex; align-items: center; justify-content: center;}
|
||||
.main_evt_list ul li {padding: 0 68px; text-align: center;}
|
||||
.main_evt_list .evt_txt {display:block; margin-top:22px; line-height: 1; font-size: 17px; font-weight: 600; color:#585858;}
|
||||
|
||||
.main_bottom_banner {padding-bottom:120px; text-align:center;}
|
||||
104
build/resources/main/static/pc/brand/DT/css/wib-view.css
Normal file
104
build/resources/main/static/pc/brand/DT/css/wib-view.css
Normal file
@@ -0,0 +1,104 @@
|
||||
div#layout_config{padding-top:110px;padding-bottom:85px;}
|
||||
|
||||
.list-top-area{}
|
||||
.list-top-area .w1300{}
|
||||
.list-top-area .w1300 .category_depth{padding-left:30px;background:url("../../wib/img/home-icon01.jpg")no-repeat left top;}
|
||||
.list-top-area .w1300 .category_depth ul.list{}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item:first-of-type{padding-left:0;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item:first-of-type:before{display:none;font-size:0;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item{padding-left:30px;padding-right:0;font-size:0;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item:before{width:30px;height:12px;background:url("../../wib/img/next-depth-icon.jpg")no-repeat center;}
|
||||
.list-top-area .w1300 .category_depth ul.list .sub_menu{display:none !important;}
|
||||
.list-top-area .w1300 .category_depth ul.list li.item a{font-size:15px;font-weight:300;color:#222;letter-spacing:0.1em;position:relative;top:-1px;}
|
||||
|
||||
#goods_view #goods_thumbs > ul{width:640px !important;}
|
||||
#layout_config_full{width:1300px !important;}
|
||||
#goods_view .slides_container{height:auto; !important}
|
||||
#goods_thumbs .pagination{width:495px !important;}
|
||||
|
||||
#goods_view .goods_title{padding-bottom:20px;}
|
||||
#goods_view .goods_title .short_desc{display:block;font-size:17px;font-weight:300;color:#444;text-align:left;line-height:1.2;padding-bottom:10px;}
|
||||
#goods_view .goods_title .goods_name h3{font-size:35px;font-weight:400;line-height:1.2;color:#81ae99;}
|
||||
.goods_spec_table .sell_price{font-size:25px;font-weight:300;color:#5c99aa;margin-right:20px;}
|
||||
.goods_spec_table .sell_price > span{font-size:25px !important;font-weight:300;}
|
||||
.goods_spec_table .consumer{font-size:18px;font-weight:300;color:#999;margin-right:15px; text-decoration: line-through !important;}
|
||||
#goods_view .goods_spec_table .price_wrap .btn_move{margin:0;width:98px;height:30px !important;line-height:30px !important;text-align:center;font-size:17px !important;font-weight:300 !important;color:#fff !important;padding:0 !important;background-color:#81ae99 !important;border:0 !important;}
|
||||
.goods_spec_table .price_wrap_box{border-bottom:1px solid #444;margin:0;margin-bottom:10px;}
|
||||
.goods_spec_table .line{display:none;}
|
||||
.goods_spec_table dl{}
|
||||
.goods_spec_table dl.type01 dt{padding-bottom:5px;}
|
||||
.goods_spec_table dl.type01 dd{padding-bottom:5px;}
|
||||
.goods_spec_table dl.type02 dt{padding-top:5px;}
|
||||
.goods_spec_table dl.type02 dd{padding-top:5px;}
|
||||
.goods_spec_table dl dt{width:110px;box-sizing:border-box;padding:20px 0;line-height:1.2;}
|
||||
.goods_spec_table dl dd{width:calc(100% - 110px);width:-ms-calc(100% - 110px);width:-o-calc(100% - 110px);width:-moz-calc(100% - 110px);width:-webkit-calc(100% - 110px);box-sizing:border-box;padding:20px 0;font-size:16px;font-weight:300;color:#444;font-size:16px;font-weight:300;color:#777;line-height:1.2;}
|
||||
.goods_spec_table .set_lay div{font-size:16px;}
|
||||
#goods_view .goods_spec_table .btn_move{height:28px !important;line-height:26px !important;text-align:center;border:1px solid #444 !important;margin-left:10px !important;}
|
||||
.star_box:before{background-color:#81ae99;}
|
||||
body .total_price{background-color:transparent;line-height:unset;padding:0;padding-top:25px;border-top:1px solid #444;}
|
||||
body .total_price li.th{font-size:18px;font-weight:300;color:#444;text-align:left;}
|
||||
#goods_view .goods_wrap{margin-bottom:100px;}
|
||||
#goods_view .goods_wrap .total_price .right > div span#total_goods_price{font-size:18px;font-weight:bold;color:#81ae99;}
|
||||
#goods_view .goods_wrap .total_price .right > div span.fx16{font-size:18px !important;font-weight:300;color:#444 !important;}
|
||||
#goods_view .goods_wrap dd .right{margin-top:50px !important;}
|
||||
#goods_view .goods_wrap dd .right > a.btn_move{border:1px solid #444 !important;font-size:17px !important;font-weight:300 !important;color:#444 !important;}
|
||||
#goods_view .goods_wrap dd .right > button.btn_move.medium{border:1px solid #444 !important;font-size:17px !important;font-weight:300 !important;color:#444 !important;}
|
||||
#goods_view .goods_wrap dd .right > button.btn_chg.medium{background-color:#81ae99 !important;color:#fff !important;font-size:17px !important;font-weight:300 !important;border:0 !important;}
|
||||
|
||||
|
||||
.prod_review_top .s1 .list li:first-of-type{font-size:35px;font-weight:100;color:#222;letter-spacing:0.01em;position:relative;top:-2px;}
|
||||
.prod_review_top .s1 .list li:before{display:none;}
|
||||
.prod_review_top .s1 .list li:last-of-type{margin-right:0;}
|
||||
.prod_review_top .s1 .list li{margin-right:30px;font-size:21px;font-weight:100;color:#222;padding-left:0;}
|
||||
.prod_review_top .s1 .list li strong{font-size:35px;font-weight:400;color:#81ae99;margin-left:10px;position:relative;top:-2px;}
|
||||
|
||||
.prod_review_view.slide_box{border-top:1px solid #444;border-bottom:1px solid #444;}
|
||||
.prod_review_slides .li a{border:0;}
|
||||
.prod_review_view .mc_prev{background:url("../../wib/img/review-prev-btn.jpg")no-repeat center left;}
|
||||
.prod_review_view .mc_next{background:url("../../wib/img/review-next-btn.jpg")no-repeat center left;}
|
||||
|
||||
.detail_tab li.active a:after, .detail_tab li.on a:after{display:none !important;}
|
||||
.detail_tab li.active a, .detail_tab li.on a{line-height:61px;}
|
||||
.detail_tab li{height:64px;}
|
||||
.detail_tab li a{height:64px;line-height:61px;}
|
||||
|
||||
#goods_description{padding-top:35px;}
|
||||
.c4 .txt{padding-top:35px;}
|
||||
.prd_purchase .graph_list li.point .view_count{background-color:#81ae99;}
|
||||
.prd_purchase .graph_list li.point .graph p{background-color:#81ae99;}
|
||||
.prd_purchase .graph_list .view_count:before{background-color:#81ae99;}
|
||||
|
||||
.photo-slide-slick{padding:0 70px;margin-top:55px;}
|
||||
.photo-slide-slick .slick-slide > div > li img{width:120px;height:120px;}
|
||||
.photo-slide-slick .inner > button{display:block;position:absolute;width:29px;height:55px;box-sizing:border-box;top:50%;transform:translateY(-50%);font-size:0;border:0;outline:none;}
|
||||
.photo-slide-slick .inner > button.slick-prev{left:-70px;background:url("../../wib/img/photo-prev-btn.png")no-repeat center top;}
|
||||
.photo-slide-slick .inner > button.slick-next{right:-70px;background:url("../../wib/img/photo-next-btn.png")no-repeat center top;}
|
||||
|
||||
/* 다중옵션타입 */
|
||||
#select_option_lay{border-top:1px solid #444;padding-top:0;padding-top:30px;}
|
||||
#select_option_lay{}
|
||||
.goods_option_table th{padding:10px 0 10px 5px;font-size:16px;font-weight:400 !important;color:#333;text-align:left;}
|
||||
.goods_option_table th *{font-size:16px;font-weight:400 !important;color:#333;text-align:left;}
|
||||
.goods_option_table th strong{font-weight:400 !important;color:#333 !important;}
|
||||
.goods_option_table td{padding:10px 0;font-size: 16px !important;font-weight: 300 !important;color: #777 !important;line-height: 1.2;}
|
||||
.sbHolder{height:28px !important;border:1px solid #777 !important;background:url("../../wib/img/detail-select-bg.png")no-repeat center right 9px !important;}
|
||||
.sbHolder > a{display:block;height:100% !important;line-height:26px !important;font-size:15px !important;font-weight:300;color:#777 !important;padding-left:17px;}
|
||||
.sbHolder > ul.sbOptions{top:26px !important;}
|
||||
.sbHolder > ul.sbOptions > li > a{}
|
||||
|
||||
.goods_quantity_table .quantity_cell.option_text{padding-left:12px;padding-top:12px;font-size:16px;font-weight:400;color:#444;text-align:left;}
|
||||
.goods_quantity_table .quantity_cell{padding-top:14px;padding-left:12px;}
|
||||
|
||||
.goods_quantity_table img.hand{}
|
||||
.goods_quantity_table img.hand.eaMinus{}
|
||||
.goods_quantity_table img.hand.eaPlus{}
|
||||
body .goods_quantity_table input{width:56px;height:28px !important;box-sizing:border-box;border:1px solid #777 !important;font-size:15px;font-weight:300;color:#777 !important;border-left:0 !important;border-right:0 !important;}
|
||||
.goods_quantity_table .quantity_cell .out_option_price{font-size:16px;font-weight:500;color:#444;letter-spacing:0.05em;}
|
||||
.goods_quantity_table .quantity_cell.option_col_price strong, .goods_quantity_table .quantity_cell.option_col_price span{font-size:16px;font-weight:500;color:#444;letter-spacing:0.05em;}
|
||||
.goods_quantity_table .quantity_cell.option_col_price{}
|
||||
.goods_quantity_table .quantity_cell.option_col_price img{margin-left:10px;}
|
||||
|
||||
.goods_quantity_table_container{background-color:transparent !important;border-top:1px solid #444;}
|
||||
|
||||
/* kakao banner */
|
||||
.prd_banner_wrap {margin:22px auto 32px}
|
||||
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 225 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img01.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img02.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img03.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc01-img03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc02-img01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc02-img01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc02-img02.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc02-img02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc02-img03.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc02-img03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc03-bg.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc03-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc03-icon.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc03-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img02.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img03.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img04.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc03-img04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc04-bg.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc04-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 610 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc04-icon.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc04-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc04-img01.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc04-img01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc04-img02.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc04-img02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/bc04-img03.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/bc04-img03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/brand-visual.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/brand-visual.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 320 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/home-icon01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/home-icon01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/logo.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon01-img09.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon01-img09.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon03-img01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon03-img01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 610 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon03-img02.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon03-img02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon04-bg.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon04-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 610 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon04-img01.png
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon04-img01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img02.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img03.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img04.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img05.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img05.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img06.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img06.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img07.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img07.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img08.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img08.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img09.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img09.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img10.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mcon05-img10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mv01.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mv01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mv02.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mv02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mv03.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mv03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
BIN
build/resources/main/static/pc/brand/DT/images/mv04.jpg
Normal file
BIN
build/resources/main/static/pc/brand/DT/images/mv04.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user