merge master into develop - CscListRForm.jsp FAQ 아코디언 버그 수정
This commit is contained in:
jilee4unity
223
build/resources/main/static/mobile/brand/AF/css/css.css
Normal file
223
build/resources/main/static/mobile/brand/AF/css/css.css
Normal file
@@ -0,0 +1,223 @@
|
||||
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;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, p {
|
||||
word-break: keep-all;
|
||||
line-height: 1.3;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto !important;
|
||||
}
|
||||
.topBg {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
background: url("/mobile/brand/AF/images/brand_top.jpg") center center no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
/* margin-top: -63px; */
|
||||
}
|
||||
.topBg .conW {
|
||||
display: table;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.topBg .titleW {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.topBg h2 , .topBg p {
|
||||
color: #fff;
|
||||
}
|
||||
.topBg h2 {
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.topBg p {
|
||||
margin-top: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.page_wrap {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
padding: 10% 5%;
|
||||
}
|
||||
.page_wrap h3 {
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.page_wrap .stit {
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
color: #cc5346;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.page_wrap p {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page_wrap .titW {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.page_wrap .strong {
|
||||
display: inline-block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.page_wrap .pointW {
|
||||
background: #d16458;
|
||||
padding: 0px 2px;
|
||||
margin: 0 1px;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.brandW {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.safeCareW {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
/* brand */
|
||||
.brand .con {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
padding: 10% 0;
|
||||
}
|
||||
|
||||
.brand .con1 {
|
||||
padding-top: 0%;
|
||||
}
|
||||
|
||||
.brand .con3 {
|
||||
border-bottom: none;
|
||||
padding: 10% 0 0 0 ;
|
||||
}
|
||||
|
||||
.brand .con .stit {
|
||||
color: #cc5346;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
|
||||
.brand .con .strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.brand .con .titleW {
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
|
||||
.brand .con .conImg {
|
||||
padding: 8% 0;
|
||||
}
|
||||
|
||||
.brand .con2 .conImg {
|
||||
padding: 0 0 8% 0;
|
||||
}
|
||||
|
||||
.brand .con3 .conImg {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.brand .con1 .strong {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.brand .con2 .strong {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.brand .conT .dep {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* safecare */
|
||||
.safeCare .titW {
|
||||
position: relative;
|
||||
padding-top: 45px;
|
||||
}
|
||||
.safeCare .titW:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -18px;
|
||||
top: 0;
|
||||
background: url("/mobile/brand/AF/images/img_point.png") center center no-repeat;
|
||||
width: 36px;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.safeCare .titW p {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.safeCare .point {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.safeCare .con {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.safeCare .con1 {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.safeCare .con1 .line {
|
||||
width: 1px;
|
||||
height: 20%;
|
||||
background: #000;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -0.5px;
|
||||
top: -7%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.safeCare .con .conImg {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.safeCare .con .txtW {
|
||||
z-index: 1;
|
||||
background: #fff;
|
||||
display: block;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
margin-top: -8% !important;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 5px 8px #f1f1f1;
|
||||
}
|
||||
.safeCare .con .txt {
|
||||
padding: 7% 5%;
|
||||
}
|
||||
.safeCare .con .txt p {
|
||||
padding-top: 5%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 778 KiB |
BIN
build/resources/main/static/mobile/brand/AF/images/brand_top.jpg
Normal file
BIN
build/resources/main/static/mobile/brand/AF/images/brand_top.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
BIN
build/resources/main/static/mobile/brand/AF/images/img_point.png
Normal file
BIN
build/resources/main/static/mobile/brand/AF/images/img_point.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 564 B |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 432 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 485 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 562 KiB |
406
build/resources/main/static/mobile/brand/BD/css/user.css
Normal file
406
build/resources/main/static/mobile/brand/BD/css/user.css
Normal file
@@ -0,0 +1,406 @@
|
||||
@charset "utf-8";
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');
|
||||
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin-ext');
|
||||
|
||||
/*******************************************
|
||||
Author : 퍼스트몰(firstmall)
|
||||
Author URL : http://www.firstmall.kr
|
||||
Creation Date : 2016-06-01
|
||||
Modify Date : 2017-07-31
|
||||
*******************************************/
|
||||
|
||||
/* 모바일 서브페이지 탭메뉴바 */
|
||||
.sub_title_button_tb {border-bottom:1px solid #ccc;}
|
||||
.sub_title_button_tb .sel {background-color:#fff; color:#666;}
|
||||
.sub_title_button_tb .sel span {color:inherit;}
|
||||
|
||||
/* 모바일 서브페이지 제목바(열기/닫기) */
|
||||
.sub_division_title {border-top:1px solid #aaa; border-bottom:1px solid #ddd; background-color:#fff; color:#333;}
|
||||
/*.sub_division_title .sub_division_arw {background:url('../images/design/btn_arw_up_w2.png') no-repeat; background-size:15px 15px; width:15px; height:15px;}
|
||||
.sub_division_title .sub_division_arw.closed {background:url('../images/design/btn_arw_dn_w2.png') no-repeat; background-size:15px 15px;}*/
|
||||
|
||||
/* 디스플레이 상품정보 - 할인율 제거 */
|
||||
.goods_list .gl_item .gli_contents li .sale_per {display:none;}
|
||||
|
||||
/* 주문/결제 */
|
||||
#payment_type > li > div.active > label {background-color:#555;}
|
||||
|
||||
/* 팝업 */
|
||||
.ui-widget-header.ui-dialog-titlebar {background:#555 !important;}
|
||||
|
||||
/* 상품상세 - 할인율 */
|
||||
.sale_rate_wrap .sale_rate_bg {background:#ff7f03;}
|
||||
|
||||
/* 상품상세 - 가격 */
|
||||
.goods_spec_table .price, .info_goods_spec_table .price {color:#ff7f03;}
|
||||
|
||||
|
||||
/******************************************* 스킨용 CSS *******************************************/
|
||||
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;}
|
||||
body, input, textarea, select, button, table {font-family:'Roboto', sans-serif !important; font-size:12px; color:#505050;}
|
||||
h1, h2, h3, h4, h5, h6, .main_parallax a.pbtn, #layout_footer .nav_wrap .nav li a, .phone {font-family:'Roboto', sans-serif !important;}
|
||||
|
||||
/* 버튼 라운드 제거 */
|
||||
#layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .myinfobtn input, #layout_side div.top_userinformation .loginbtn input, #layout_side div.menu_navigation_wrap a.mitem_goodsview, .btn_style, .btn_important_large, .btn_important_small, .btn_normal_large, .btn_normal_small, .btn_cancel_large, .btn_cancel_small, .btn_arw_up, .btn_arw_dn, .btn_arw_up_gray, .btn_arw_dn_gray {border-radius:0 !important;}
|
||||
|
||||
/* 190130 morenvy 새길 */
|
||||
.cboth:after { content:" "; display:block; clear:both; }
|
||||
.pdt50 {padding-top:50px;}
|
||||
.mr35 {margin-right:35px;}
|
||||
.fright {float:right !important;}
|
||||
|
||||
/* 헤더 */
|
||||
#layout_header {background-color:#fff; border-bottom:0;}
|
||||
#layout_header .header_section01 { height:30px; background-color:#3db0ad; }
|
||||
#layout_header .header_section01 li {float:left;}
|
||||
#layout_header .header_section01 li.login {border-left:1px solid #3db0ad;}
|
||||
#layout_header .header_section01 li a { color:#fff; line-height:30px; font-size:12px; display:block;float:left; padding:0 10px; }
|
||||
#layout_header .header_section01 li a img {height:30px;vertical-align:top;}
|
||||
#layout_header .header_section01 li.fright a {padding:0 12px;}
|
||||
#layout_header .header_section01 .join_text {float:left;position:relative;top:5px;font-size:11px;background-color:#ff7f03;color:#fff;text-align:center;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;padding:3px 5px;}
|
||||
#layout_header .header_section01 .join_text .arrow {position:absolute;left:-6px;top:0px;font-size:15px;color:#ff7f03;}
|
||||
#layout_header .header_section01 .category_box {width:38px;height:30px;float:left;text-align:center;line-height:30px;}
|
||||
#layout_header .header_section01 .category_box a {color:#fff;font-size:15px;}
|
||||
#layout_header .header_section01 .top_search_btn {height:30px;float:right;text-align:center;line-height:30px;background-color:#3db0ad;}
|
||||
#layout_header .header_section01 .top_search_btn a {color:#fff;padding:0 8px !important; background-color:#3db0ad;}
|
||||
#layout_header form.search_form {padding:4px;position:relative;z-index:1;background-color:#fff;border:0;border-bottom:1px solid #ccc;}
|
||||
#layout_header form.search_form .search_text {box-sizing:border-box; width:100%; height:30px; line-height:30px; border:1px solid #999; text-indent:5px; background:none; background-color:#fff;}
|
||||
/*#layout_header form.search_form .search_text_bg {box-sizing:border-box; background:url('../images/design/input_i_search.png') no-repeat 7px 7px; background-color:#fff; background-size:16px 16px;}*/
|
||||
#layout_header form.search_form .search_btn {border:1px solid #ff7f03; border-radius:5px; background-color:#ff7f03 !important; color:#fff; width:45px; height:30px;}
|
||||
|
||||
|
||||
#layout_header .header_section02 .logo {text-align:center; vertical-align:middle; line-height:100px;}
|
||||
#layout_header .header_section02 .logo img {height:50px; vertical-align:middle;}
|
||||
|
||||
#layout_header .header_section03 { width:100%;height:40px;background-color:#fff; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
|
||||
#layout_header .header_section03 li {float: left; width:25%; text-align: center;border-left:1px solid #d0d0d0;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
|
||||
#layout_header .header_section03 li:first-child {border:0;}
|
||||
#layout_header .header_section03 li a {color:#333333; font-size:12px;font-weight:bold; line-height: 40px;display:block;}
|
||||
|
||||
/* 메인 메뉴 추가 */
|
||||
ul.main_nav { text-align:center; line-height:240%; padding:10px 0; }
|
||||
ul.main_nav li.depth1 { display:inline-block; padding:0 4px; font-size:14px; }
|
||||
|
||||
/* 서브타이틀 */
|
||||
/*.sub_img_area {width:100%;text-align:center; background-image:url("../images/mimg/sub_header_bg.jpg"); background-position:top center; height:104px; background-color:#707073; border-top:0px solid #dedede; border-bottom:1px solid #dedede; clear:both; background-repeat:no-repeat;}*/
|
||||
.sub_title {width:259px; height:50px;text-align:center;margin:0 auto; border:1px solid #fff; color:#fff; font-size:20px; letter-spacing:4px;font-weight:300; line-height:50px; }
|
||||
.title_top_space {height:27px; clear:both;}
|
||||
.sub_navi { padding-top:15px; padding-bottom:65px; font-size:11px; float:right; color:#555;}
|
||||
.top_company,
|
||||
.top_product,
|
||||
.top_customer {display:none;}
|
||||
|
||||
/* 타이틀바 띄우기 */
|
||||
#layout_header .logo_wrap.flying {position:fixed !important; width:100%; top:0; left:0; right:0; height:auto; border-top:none; background:rgba(255,255,255,0.9); z-index:10;}
|
||||
/*#layout_header .logo_wrap.flying h1 {height:auto; line-height:auto;}*/
|
||||
|
||||
|
||||
/* 중앙 */
|
||||
.main .main_title {padding: 20px 0 10px;}
|
||||
.main .main_title img {width:100%;}
|
||||
.main .section1 {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-top:10px;}
|
||||
.main .section1 .fleft {width:50%;}
|
||||
.main .section1 .fright {width:50%;font-size:0;}
|
||||
.main .section1 img {width:100%;}
|
||||
|
||||
.main .section2 {border:1px solid #cecece;margin-bottom:50px;margin:20px 2% 0;}
|
||||
.main .section2 .tab_inner {background-color:#fafafa;font-size:0;}
|
||||
.main .section2 .tab_inner a { width:50%;line-height:40px;text-align:center;display: inline-block;font-size:12px; color:#777; font-weight: bold; border-bottom:1px solid #cecece;border-top:0;}
|
||||
.main .section2 .tab_inner a:first-child {border-left:0;}
|
||||
.main .section2 .tab_inner a.open {color:#000;border-bottom:1px solid #ffaa01;background-color:#ffaa01;color:#fff;}
|
||||
.main .section2 .tab_box02 {display:none;}
|
||||
.main .section2 p {margin:10px;font-size:12px;color:#333;font-weight:bold;}
|
||||
.main .section2 ul {padding-bottom:10px;}
|
||||
.main .section2 ul li {line-height:24px;margin:0 10px;height:22px;overflow:hidden;border-bottom:1px dotted #cecece;}
|
||||
.main .section2 ul li a {width:100%;height:20px;overflow:hidden;line-height:20px;font-size:11px;color:#777;}
|
||||
|
||||
/* 메인 스크립트 버튼변경 */
|
||||
/*ul.anibanner_navigation_paging_style_1 {display:inline-block; *zoom:1;width:100%;margin-left:0 !important;margin-right:0 !important;}*/
|
||||
/*ul.anibanner_navigation_paging_style_1:after {content:""; display:block; clear:both}*/
|
||||
/*ul.anibanner_navigation_paging_style_1 li {float:left; margin:-7px 0 0 0 !important; width:33.33% !important; height:8px !important; background:#fbf4e7 url(' ') no-repeat !important; overflow:hidden; text-indent:-1000px;}*/
|
||||
/*ul.anibanner_navigation_paging_style_1 li.current {background:#3db0ad url(' ') no-repeat !important;}*/
|
||||
/*ul.anibanner_navigation_paging_style_1 li:first-child {margin-left:0px;}*/
|
||||
|
||||
|
||||
/* 하단 */
|
||||
/*#layout_footer {margin:30px 2% 0; padding:0; border:0;background:#fff;1111111111111}*/
|
||||
#layout_footer img {width:100%;}
|
||||
#layout_footer .section {margin:0 auto;border:1px solid #cecece;padding:15px 10px;}
|
||||
#layout_footer .section ul {font-size:0;text-align:center;margin:0 auto;}
|
||||
#layout_footer .section ul li {text-align:center;display:inline-block;width:25%;}
|
||||
#layout_footer .section ul li img {width:80%;}
|
||||
#layout_footer .section1 {padding:0;width:100%;margin:10px auto 0;}
|
||||
#layout_footer .section1 .bt_cscenter {float:left;width:50%;height:160px;}
|
||||
#layout_footer .section1 .bt_cscenter h2 {font-size:14px;font-weight:bold;padding:20px 0 15px;text-align:center;color:#777;}
|
||||
#layout_footer .section1 .bt_cscenter .phone {font-size:24px;font-weight:bold;color:#444;margin-top:3px;}
|
||||
#layout_footer .section1 .bt_cscenter p {font-size:12px;color:#444;padding:0 0 15px;line-height:18px;text-align:center;}
|
||||
#layout_footer .section1 .bt_cscenter p span {color:#de1f1f;}
|
||||
/*#layout_footer .section1 .bt_bank {float:left;width:50%;background:url("../images/mimg/top_line.gif") no-repeat left 0 top 50%; background-size:1px 200px;}*/
|
||||
#layout_footer .section1 .bt_bank h2 {font-size:14px;font-weight:bold;padding:20px 0 15px;text-align:center;color:#777;}
|
||||
#layout_footer .section1 .bt_bank p {font-size:12px;color:#444;padding:0 0 15px;line-height:18px;text-align:center;}
|
||||
#layout_footer .section1 .bt_call {margin:0 auto;text-align:center;width:80%;}
|
||||
#layout_footer .section1 .bt_cs {margin:0 auto;text-align:center;width:80%;}
|
||||
#layout_footer .section1 .bt_cs img,
|
||||
#layout_footer .section1 .bt_call img {width:100%;margin:0 auto;text-align:center;padding:0px 0 20px 0;}
|
||||
#layout_footer .section2 {/* height:35px;*/ line-height:35px; margin-top:10px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
|
||||
#layout_footer .section2 ul {margin-left:10px;}
|
||||
#layout_footer .section2 ul li {float:left; color:#a3a3a3; padding:0px 3px;font-size:11px;line-height:35px;}
|
||||
#layout_footer .section2 ul li a {color:#a3a3a3;font-size:11px;line-height:35px;}
|
||||
#layout_footer .section2 ul li a b {color:#555;}
|
||||
#layout_footer .section3 {height:100%;padding:15px 0px 20px 10px; color:#a3a3a3; line-height:20px;font-size:11px; }
|
||||
#layout_footer .section3 a {color:#888;font-size:11px;}
|
||||
|
||||
|
||||
/* 새페이지 */
|
||||
.newpage {margin:10px auto;width:96%;}
|
||||
.newpage img {width:100%;}
|
||||
.newpage .text {margin:30px auto;text-align:center;font-size:14px;color:#777;line-height:23px;}
|
||||
.newpage .text p {font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;}
|
||||
.newpage .box {border:5px solid #f5f5f5;padding:20px 0;text-align:center;color:#777;line-height:23px;font-size:14px;}
|
||||
.newpage .box p {font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;line-height:25px;}
|
||||
.newpage .box1 {background-color:#fafafa;border:1px solid #dedede;}
|
||||
.newpage .box1 .box_bg {width:95%;margin:2.5% auto;background-color:#fff;border:1px solid #dedede;}
|
||||
.newpage .box1 ul {border-top:1px solid #dedede;}
|
||||
.newpage .box1 ul:first-child {border:0;}
|
||||
.newpage .box1 ul li {width:50%;border-left:1px solid #dedede;float:left;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;padding:20px 10px;color:#777;font-size:12px;}
|
||||
.newpage .box1 ul li:first-child {border:0;}
|
||||
.newpage .box1 ul li p {font-size:18px;color:#222;margin-bottom:15px;font-weight:bold;}
|
||||
.newpage .map {margin-top:25px;}
|
||||
.newpage .text span {color:#333}
|
||||
|
||||
.newpage .product_tab {font-size:0;border:1px solid #ccc;}
|
||||
.newpage .product_tab:first-child {border-bottom:0;}
|
||||
.newpage .product_tab li {width:33.33%;text-align:center;float:left;border-left:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
|
||||
.newpage .product_tab li:first-child {border:0;}
|
||||
.newpage .product_tab li a {display:block;text-align:center;height:30px;line-height:30px;font-size:12px;color:#777;}
|
||||
.newpage .product_tab li a.on {background-color:#ffaa01;color:#fff;}
|
||||
.newpage .item {margin-top:30px;}
|
||||
.newpage .item .img {padding:20px;background-color:#f2f2f2;}
|
||||
.newpage .item a {display:block;text-align:center;margin:20px auto 0;width:85px;padding:5px 10px;border:1px solid #ccc;}
|
||||
.newpage .item a:hover {color:#ff7f03;}
|
||||
.newpage .text {margin:30px auto;text-align:center;font-size:14px;color:#777;line-height:23px;}
|
||||
.newpage .text p {font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;}
|
||||
.newpage {margin:10px auto;width:96%;}
|
||||
.newpage img {width:100%;}
|
||||
|
||||
.newpage {margin:10px auto;width:96%;}
|
||||
.newpage img {width:100%;}
|
||||
.newpage .text {margin:30px auto;text-align:center;font-size:14px;color:#777;line-height:23px;}
|
||||
.newpage .text p {font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;}
|
||||
|
||||
.newpage .title {height:40px;background-color:#f7f7f7;line-height:40px;color:#222;font-size:14px;font-weight:bold;padding:0 0 0 22px;}
|
||||
.newpage .title span {color:#ff7f03;font-weight:normal;}
|
||||
.newpage .section1 {border:1px solid #dedede;}
|
||||
.newpage .section1 ul {text-align:center;margin:15px auto;font-size:0;}
|
||||
.newpage .section1 ul li {display:inline-block;width:25%;text-align:center;padding: 0 3% 0 2%;}
|
||||
.newpage .section1 ul li.line {border-left:1px solid #dedede;width:1%;padding:0;height:70px;vertical-align:top;}
|
||||
.newpage .section2 {border:1px solid #dedede;height:250px;margin-top:20px;}
|
||||
.newpage .section2 .title .moree {float:right;margin-right:12px;}
|
||||
.newpage .section2 .title .moree a {color:#777;font-size:10px;border:1px solid #b9b9b9;padding:5px;}
|
||||
/*.newpage .section2 ul {margin:22px 0 0 22px;height:170px;background:url('../images/mimg/customer_faq_num.gif') no-repeat;background-size:24px;} */
|
||||
.newpage .section2 ul li {padding:0 10px 0 33px;height:35px;overflow:hidden;}
|
||||
.newpage .section2 ul li a {color:#777;line-height:29px;height:29px;font-size:12px;}
|
||||
.newpage .section3 {border:1px solid #dedede;width:100%;margin-top:20px;}
|
||||
.newpage .section3 .page {margin:20px;font-size:12px;color:#777;line-height:22px;}
|
||||
.newpage .section3 .page p {font-size:16px;color:#8b8b8b;line-height:25px;}
|
||||
.newpage .section3 .page p span {color:#333;}
|
||||
.newpage .section3 .page .h2 {font-size:12px;color:#8b8b8b;line-height:25px;border-bottom:1px solid #dedede;padding-bottom:20px;}
|
||||
.newpage .section3 .page .money {margin:20px 0 10px 0;background-color:#ffaa01;padding:1px 0 1px 10px;width:100px;font-size:12px;color:#fff;}
|
||||
.newpage .section3 .page .line {border-top:1px solid #dedede;}
|
||||
|
||||
/* 전체페이지 버튼 색상변경 */
|
||||
.btn_important_small,
|
||||
.btn_important_large { background-color:#3db0ad;border:1px solid #3db0ad;color:#ffffff;letter-spacing:0;}
|
||||
.btn_normal_small,
|
||||
.btn_normal_large {color:#111;}
|
||||
|
||||
/* 상세페이지 메뉴버튼 색상변경 */
|
||||
.goods_information_tabs li.current {border-bottom:2px solid #ffaa01;}
|
||||
.goods_information_tabs li.current a {color:#333}
|
||||
|
||||
/* 상세페이지 판매가격 여백 */
|
||||
#goods_view .goods_price {padding:5px 10px 0 10px;}
|
||||
|
||||
/* 상세페이지 구매버튼 */
|
||||
.sns_btn_area {background-color:#fff;}
|
||||
.sns_btn_area .btn_normal_large {border-radius:0 !important;border:1px solid #ececec;color:#555;font-weight:400;}
|
||||
.sns_btn_area > ul li {width:100% !important;}
|
||||
.view_buy_wrap {margin:0 auto 2%;}
|
||||
.view_buy_wrap a {width:48.5%;font-size:15px; color:#222;font-weight:normal;display:inline-block;text-align:center;line-height:43px;}
|
||||
|
||||
|
||||
|
||||
.view_buy_wrap .view_addCart {float:left; border:1px solid #ececec;margin:0 0 2% 0;background-color:#ececec;}
|
||||
.view_buy_wrap .view_buy {width:100%; border:1px solid #ffaa01;color:#555;margin:0 0 2% 0;background-color:#ffaa01;color:#fff;}
|
||||
.view_buy_wrap .view_wish {float:right;border:1px solid #ececec;color:#555;}
|
||||
|
||||
|
||||
/* 전체페이지 타이틀 색상변경 */
|
||||
.sub_title_bar {background-color:#fff; border-bottom:1px solid #ebebeb;}
|
||||
.sub_title_bar h2,
|
||||
.sub_title_bar h2 a {color:#222; font-size:16px; font-weight:600;}
|
||||
|
||||
/* 좌측 레이아웃 */
|
||||
#side_close {background:none;}
|
||||
#layout_side {position:fixed;top:0;left:0;width:75%;z-index:1000;background-color:#fff;padding:4%;display:none;}
|
||||
#layout_side .section ul {padding:0;margin:0;}
|
||||
#layout_side .section li {float:left;border:1px solid #000;width:35%;margin:0 3% 0 0;}
|
||||
#layout_side .section li a { color:#000; line-height:31px; font-size: 12px; display: block;text-align:center;}
|
||||
#layout_side .section li img {height:25px;vertical-align:middle;}
|
||||
#layout_side .section li.login {background-color:#000;}
|
||||
#layout_side .section li.login a {color:#fff;}
|
||||
#layout_side .section li.close {border:0;float:right;width:10%;text-align:right;padding-top:4px;}
|
||||
|
||||
#layout_side .section1 {margin:15px auto 20px;}
|
||||
#layout_side .section1 ul {padding:0;margin:0;}
|
||||
#layout_side .section1 ul li {float:left;width:19%;margin:0 6% 0 0;text-align:center;position:relative;}
|
||||
#layout_side .section1 ul li:nth-child(4) {width:24%;margin:0;}
|
||||
#layout_side .section1 ul li img {height:40px;}
|
||||
#layout_side .section1 ul li a {color:#000; line-height:20px; font-size: 12px; display: block;text-align:center;}
|
||||
#layout_side .section1 .slide_count {display:inline-block; position:absolute;bottom:20px;right:4px;min-width:15px; padding:0 3px; min-height:15px; line-height:15px; background-color:#272727; color:#fff; font-weight:bold; font-size:11px; border-radius:10px; text-align:center;}
|
||||
|
||||
#layout_side .section2 {border:1px solid #c3c3c3;}
|
||||
#layout_side .section2 .tab_inner {background-color:#fafafa;font-size:0;}
|
||||
#layout_side .section2 .tab_inner a { /*width: 33%;*/width:49.8%;line-height:40px;text-align:center;display: inline-block;font-size:12px; color:#8f8f8f; font-weight: bold; border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;border-top:0;}
|
||||
#layout_side .section2 .tab_inner a:first-child {border-left:0;}
|
||||
#layout_side .section2 .tab_inner a.open {color:#000;border-bottom:1px solid #fff;background-color:#fff;color:#000;}
|
||||
#layout_side .section2 .tab_community,
|
||||
#layout_side .section2 .tab_mypage {display:none;}
|
||||
#layout_side .section2 ul li {line-height:40px;border-top:1px solid #c3c3c3}
|
||||
#layout_side .section2 ul li:first-child {border:0;}
|
||||
#layout_side .section2 ul li a {line-height:40px;font-size:12px;color:#000;padding-left:10px;display:block;}
|
||||
|
||||
#layout_side .section3 {margin:25px 0 0 0;font-size:12px;color:#000;line-height:16px;}
|
||||
#layout_side .section3 p {margin-bottom:20px;border:1px solid #cecece;width:150px;text-align:center;}
|
||||
#layout_side .section3 p img {height:30px;border-right:1px solid #cecece;float:left;}
|
||||
#layout_side .section3 a {font-size:12px;color:#000;line-height:30px;text-align:center;font-weight:bold;display:block;}
|
||||
|
||||
#layout_side .language {margin:25px 0 50px 0;}
|
||||
|
||||
/*#layout_side div.tab_category ul.menu li.mitemicon1 {background:url('../images/design/ico_arw_open.png') no-repeat 95% 18px;background-size:11px 7px;}
|
||||
#layout_side div.tab_category ul.menu li.mitemicon2 {background:url('../images/design/ico_arw_close.png') no-repeat 95% 18px; background-size:11px 7px;}
|
||||
#layout_side div.tab_category ul.menu li.mitemicon3 {background:url('../images/design/ico_arw_direct.png') no-repeat 95% 15px; background-size:7px 11px;}*/
|
||||
#layout_side div.tab_category ul.menu li.mitem_subcontents {display:none;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_subcontents ul.submenu {background-color:#f4f4f4; clear:both;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_subcontents ul.submenu li.submitem {position:relative; *zoom:1; padding-left:15px;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_subcontents ul.submenu li.submitem:after {content:""; display:block; clear:both;}
|
||||
#layout_side div.tab_category ul.menu .m_title {padding-left:10px;font-size:13px; color:#333; font-weight:bold;border-top:1px solid #c3c3c3;background-color:#f6f5f5; }
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents {position:relative; *zoom:1;padding:10px 0;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort {width:calc(100% - 29px); border:1px solid #c6c6c6; border-radius:3px; overflow:hidden; margin:auto; *zoom:1; white-space:nowrap;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort:after {content:""; display:block; clear:both;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort li {float:left; width:calc(100% / 3); box-sizing:border-box; border-left:1px solid #c6c6c6; border-top:0;background-color:#f7f7f7; color:#676767; height:35px; line-height:35px; text-align:center; cursor:pointer}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort li:first-child {border-left:none}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort li.current {background-color:#fff; color:#000; font-weight:600;}
|
||||
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort_words {width:238px; margin:6px auto 6px auto; *zoom:1;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort_words:after {content:""; display:block; clear:both;}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort_words li {float:left; box-sizing:border-box; width:30px; height:30px; margin:6px 2px 0 2px; text-align:center; line-height:28px; font-weight:600; border-radius:15px; border:1px solid #b9b9b9; background-color:#f2f2f2; color:#454545; cursor:pointer}
|
||||
#layout_side div.tab_category ul.menu li.mitem_contents ul.brandsort_words li.current {border:1px solid /*#676771*/#b9b9b9; background-color:/*#757897*/#b9b9b9; color:#ffffff;}
|
||||
|
||||
|
||||
/*#floating_over .ico_floating_back {background:url('../images/design_new/btn_floating_back.png');}
|
||||
#floating_over .ico_floating_zoom {background:url('../images/design_new/btn_floating_zoom.png');}
|
||||
#floating_over .ico_floating_top {background:url('../images/design_new/btn_floating_top.png');}*/
|
||||
.pushCount {border-radius:3px; background:#555; font-size:11px; font-weight:normal;}
|
||||
.pushCount.side {right:50%; margin-right:-30px;}
|
||||
|
||||
|
||||
/* 메인 */
|
||||
.main_display .nav_wrap {margin-left:0;}
|
||||
.main_display .nav_wrap {border-t1op:1px solid #e9e9e9;}
|
||||
.main_display .nav_wrap li {float:left; width:25%; line-height:40px; text-align:center;border-bottom:1px solid #e9e9e9;}
|
||||
.main_display .nav_wrap li > a {display:block; border-right:1px solid #e9e9e9; background:#fff; font-size:12px; color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;letter-spacing:-0.5px;}
|
||||
.main_display .nav_wrap li > a:hover {background:#fafafa;}
|
||||
.main_display .community { width:100%;height:40px; background-color:#fafafa; border-top:0px; border-bottom:1px solid #e9e9e9;}
|
||||
.main_display .community li {float: left; width:25%; text-align: center;border-right:1px solid #e9e9e9; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
|
||||
.main_display .community li:first-child {border:0;}
|
||||
.main_display .community li a {color:#333; font-size:12px; line-height:40px;display:block; letter-spacing:-0.5px;}
|
||||
.main_display .community .text_color01 {color:#eb2a33 !important;}
|
||||
|
||||
|
||||
/* 메인 이벤트 배너 관련 */
|
||||
.ban_event {font-size:0px;}
|
||||
.ban_event img {width:100%;}
|
||||
.ban_event_txt {text-align:center; border-bottom:1px solid #e5e5e5; font-size:0px;}
|
||||
.ban_event_txt .txt01 {font-size:28px; font-weight:800; color:#222; letter-spacing:-1px; line-height:1; padding-top:40px;}
|
||||
.ban_event_txt .txt02 {font-size:15px; font-weight:400; color:#777; letter-spacing:-0.5px; padding-top:20px; line-height:1.4;}
|
||||
.ban_event_txt .txt03 a {font-size:15px; margin:0 auto 50px; font-weight:700; color:#000; display:block; width:130px; letter-spacing:-0.5px; height:36px; border:1px solid #000; line-height:36px; text-align:center; margin-top:20px; text-align:center; }
|
||||
|
||||
/* 메인 - 탭메뉴
|
||||
ul.displayTabType1 {width:101%; margin-top:15px; margin-bottom:10px; border-bottom:none; *zoom:1;}
|
||||
ul.displayTabType1:after {content:""; display:block; clear:both;}
|
||||
ul.displayTabType1 li {float:left; width:24.7% !important; height:38px; line-height:39px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#fbfbfb; padding:0; text-align:center; font-weight:600; color:#858585; cursor:default;}
|
||||
ul.displayTabType1 li.current {margin-left:-1px; border:1px solid #e0e0e0; border-bottom:1px solid #fff;border-top:2px solid #222; background:#fff; color:#333; }
|
||||
.displayTabContentsContainerBox {border:1px solid #e4e4e4; border-top:0; padding:15px 10px 10px;}
|
||||
ul.mobile_pagination_paging_style_3 {display:inline-block; *zoom:1}
|
||||
ul.mobile_pagination_paging_style_3:after {content:""; display:block; clear:both}
|
||||
ul.mobile_pagination_paging_style_3 li {float:left; margin:0 2px; width:15px !important; height:3px !important;overflow:hidden; text-indent:-1000px;background:#aaa url('') no-repeat !important;}
|
||||
ul.mobile_pagination_paging_style_3 li.current {background:#333 url('') no-repeat !important;}
|
||||
ul.mobile_pagination_paging_style_3 li:first-child {margin-left:0px;} */
|
||||
|
||||
/* 메인영역 - 슬라이드 배너
|
||||
.main_display .main_slider {margin-bottom:0;}
|
||||
.main_display .main_slider ul.anibanner_navigation_paging_style_3 li {width:20px; height:3px; margin:0 2px; border-radius:2px; background-color:#aaa; overflow:hidden; text-indent:-1000px;}
|
||||
.main_display .main_slider ul.anibanner_navigation_paging_style_3 li.current {width:30px; background-color:#333;}
|
||||
.main_display .main_slider2 {padding-top:40px;}
|
||||
.main_display .main_slider2 ul.anibanner_navigation_paging_style_1 li, .showDesignDisplay1 ul.mobile_pagination_paging_style_1 li {width:10px; height:10px; margin:0 5px; border-radius:50px; background:#d5d5d5 url(); overflow:hidden; text-indent:-1000px;}
|
||||
.main_display .main_slider2 ul.anibanner_navigation_paging_style_1 li.current, .showDesignDisplay1 ul.mobile_pagination_paging_style_1 li.current {background:#333;}
|
||||
.main_display .s_bnr {padding:20px 15px 0px 15px;}
|
||||
.main_display .s_bnr li{float:left; width:50%; overflow:hidden;}
|
||||
.main_display .s_bnr li:nth-child(1), .main_display .s_bnr li:nth-child(2){width:calc(50% - 5px); margin-bottom:15px;}
|
||||
.main_display .s_bnr li:nth-child(2){margin-left:10px;}
|
||||
.main_display .s_bnr img{width:100%;}*/
|
||||
|
||||
/* 메인영역 - 상품디스플레이 */
|
||||
div.slide-wrap .slide .goods_list {padding:0 12px;}
|
||||
.goods_list {padding:7px;}
|
||||
.goods_list ol.gli_contents > li {line-height:1.8;}
|
||||
.goods_list ol.gli_contents > li .color {width:10px; height:10px; border-radius:50%; overflow:hidden;}
|
||||
.goods_list ol.gli_contents > li .goods_name {display:block; margin-bottom:5px;}
|
||||
.goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:10px;}
|
||||
.goods_list ol.gli_contents > li .sale_price {/*font-family:"verdana" !important;*/}
|
||||
.goods_list ol.gli_contents > li .shipping {display:block; margin:5px 0;}
|
||||
.goods_list ol.gli_contents > li .shipping li {display:inline-block; margin-right:5px; border:1px solid #bbb; background:#fafafa; padding:0 5px; font-size:11px; color:#666;}
|
||||
.showDesignDisplay1 .goods_list ol.gli_contents {padding:15px 0;}
|
||||
.showDesignDisplay1 .goods_list ol.gli_contents > li .goods_name {display:block; border-bottom:0px solid #ddd;}
|
||||
.showDesignDisplay1 .goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:10px;}
|
||||
/*.showDesignDisplay1 .goods_display_more_btn {width:-webkit-calc(100% - 60%) !mportant; width:-moz-calc(100% - 60%) !mportant; width:calc(100% - 60%) !mportant; width:40% !important; margin:0 auto !important; border:1px solid #aaa !important; background:#fff !important;}*/
|
||||
|
||||
|
||||
.catalog_nav_wrap {position: relative; border-bottom: 1px solid #ddd;}
|
||||
.catalog_nav_wrap .categoryDepth1 {position: relative; text-align: center; height: auto; line-height: 40px; float: left; width :25%; box-sizing: border-box; border: 1px solid #ddd; font-size: 12px; font-weight: bold;}
|
||||
.catalog_nav_wrap .categoryDepth1 a {display: block;}
|
||||
.catalog_nav_wrap .categoryDepth1 a.on {color: #fff; background-color: #56b8bc;}
|
||||
|
||||
.sub_category_table table {width: 100%; text-align: center; border-top: solid 1px #ddd; margin-top: 20px;}
|
||||
.sub_category_table td {width: 33.3%; border: solid 1px #ddd; border-width: 0 1px 1px 0; word-break: keep-all;}
|
||||
.sub_category_table td a {display: block; padding: 10px 0 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||||
.sub_category_table td.on {color: #fff; background-color: #56b8bc;}
|
||||
.sub_category_table td.on a{color: #fff}
|
||||
|
||||
.goods_option_table .goods_option_box {padding:10px 7px;border:3px solid #f1f1f1; background-color: #fff;}
|
||||
.goods_option_table .optionTr .sbHolder {margin-top: 15px;;height:auto !important; border:0 !important; background: #fff !important;}
|
||||
.goods_option_table .optionTr .sbHolder .sbToggle,
|
||||
.goods_option_table .optionTr .sbHolder .sbSelector {display:none}
|
||||
.goods_option_table .optionTr .sbOptions {position:relative; display:block !important; top:0 !important; padding:0 3px; box-sizing:border-box; border:0 !important}
|
||||
.goods_option_table .optionTr .sbOptions a {position:relative; padding:4px 0 4px 23px !important; color:#000; border:0 !important; font-size:12px;}
|
||||
.goods_option_table .optionTr .sbOptions a:before {position:absolute; top:5px; left:0; display:block; content:""; width:16px; height:16px; border:1px solid #dadada; border-radius:50%; box-sizing:border-box; }
|
||||
.goods_option_table .optionTr .sbOptions a:after {position:absolute; top:9px; left:4px; z-index:1; display:none; content:""; width:8px; height:8px; border-radius:50%; background-color:#367457;}
|
||||
.goods_option_table .optionTr .sbOptions a:link,
|
||||
.goods_option_table .optionTr .sbOptions a:visited,
|
||||
.goods_option_table .optionTr .sbOptions a:hover,
|
||||
.goods_option_table .optionTr .sbOptions a.sbFocus {background-color:transparent !important; border:0 !important; color:#000}
|
||||
.goods_option_table .optionTr .sbOptions a,
|
||||
.goods_option_table .optionTr .sbOptions .sbDisabled,
|
||||
.goods_option_table .optionTr .sbOptions .sbGroup {border:0 !important;}
|
||||
.goods_option_table .optionTr .sbOptions li:first-child {margin-top:0;}
|
||||
.goods_option_table .optionTr .sbOptions li:first-child a[rel=""] {display:none; pointer-events:none; cursor:none;}
|
||||
.goods_option_table .optionTr .sbOptions li:first-child a[rel=""],
|
||||
.goods_option_table .optionTr .sbOptions li:first-child a[rel=""] {padding-left:0 !important;}
|
||||
.goods_option_table .optionTr .sbOptions li:first-child a[rel=""]:before,
|
||||
.goods_option_table .optionTr .sbOptions li:first-child a[rel=""]:after {display:none}
|
||||
.goods_option_table .optionTr .sbOptions .option-selected a:after {display:block;}
|
||||
|
||||
.opt_price {float: right;}
|
||||
.opt_div {display: block;}
|
||||
.opt_comment {width: 100%; text-align: right; color: orange;}
|
||||
BIN
build/resources/main/static/mobile/brand/BD/images/company01.gif
Normal file
BIN
build/resources/main/static/mobile/brand/BD/images/company01.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
1976
build/resources/main/static/mobile/brand/CH/css/chamdahan.css
Normal file
1976
build/resources/main/static/mobile/brand/CH/css/chamdahan.css
Normal file
File diff suppressed because it is too large
Load Diff
1489
build/resources/main/static/mobile/brand/CH/css/common.css
Normal file
1489
build/resources/main/static/mobile/brand/CH/css/common.css
Normal file
File diff suppressed because it is too large
Load Diff
204
build/resources/main/static/mobile/brand/CH/css/user.css
Normal file
204
build/resources/main/static/mobile/brand/CH/css/user.css
Normal file
@@ -0,0 +1,204 @@
|
||||
@charset "utf-8";
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');
|
||||
|
||||
/*******************************************
|
||||
Author : 퍼스트몰(firstmall)
|
||||
Author URL : http://www.firstmall.kr
|
||||
Creation Date : 2016-06-01
|
||||
Modify Date : 2017-07-31
|
||||
*******************************************/
|
||||
|
||||
/* 모바일 서브페이지 타이틀바 */
|
||||
.sub_title_bar {border-bottom:1px solid #363636; background:#fff;}
|
||||
.sub_title_bar h2, .sub_title_bar h2 a {font-size:15px; color:#333;}
|
||||
.sub_title_bar .stb_back_btn {background:url('../images/design_new/btn_back.png') no-repeat center; background-size:24px 24px;}
|
||||
|
||||
/* 모바일 서브페이지 탭메뉴바 */
|
||||
.sub_title_button_tb {border-bottom:1px solid #ccc;}
|
||||
.sub_title_button_tb .sel {background-color:#fff; color:#666;}
|
||||
.sub_title_button_tb .sel span {color:inherit;}
|
||||
|
||||
/* 모바일 서브페이지 제목바(열기/닫기) */
|
||||
.sub_division_title {border-top:1px solid #aaa; border-bottom:1px solid #ddd; background-color:#fff; color:#333;}
|
||||
.sub_division_title .sub_division_arw {background:url('../images/design/btn_arw_up_w2.png') no-repeat; background-size:15px 15px; width:15px; height:15px;}
|
||||
.sub_division_title .sub_division_arw.closed {background:url('../images/design/btn_arw_dn_w2.png') no-repeat; background-size:15px 15px;}
|
||||
|
||||
/* 디스플레이 상품정보 - 할인율 제거 */
|
||||
.goods_list .gl_item .gli_contents li .sale_per {display:none;}
|
||||
|
||||
/* 주문/결제 */
|
||||
#payment_type > li > div.active > label {background-color:#555;}
|
||||
|
||||
/* 팝업 */
|
||||
.ui-widget-header.ui-dialog-titlebar {background:#555 !important;}
|
||||
|
||||
/* 상품상세 - 할인율 */
|
||||
.sale_rate_wrap .sale_rate_bg {background:#333;}
|
||||
|
||||
/* 상품상세 - 가격 */
|
||||
.goods_spec_table .price, .info_goods_spec_table .price {color:#333;}
|
||||
|
||||
|
||||
/******************************************* 스킨용 CSS *******************************************/
|
||||
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;}
|
||||
body, input, textarea, select, button, table {font-family:'Roboto', sans-serif !important; font-size:12px; color:#505050;}
|
||||
h1, h2, h3, h4, h5, h6, #layout_footer .nav_wrap .nav li a, .phone {font-family:'Roboto', sans-serif !important;}
|
||||
|
||||
/* 버튼 라운드 제거 */
|
||||
#layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .myinfobtn input, #layout_side div.top_userinformation .loginbtn input, #layout_side div.menu_navigation_wrap a.mitem_goodsview, .btn_style, .btn_important_large, .btn_important_small, .btn_normal_large, .btn_normal_small, .btn_cancel_large, .btn_cancel_small, .btn_arw_up, .btn_arw_dn, .btn_arw_up_gray, .btn_arw_dn_gray {border-radius:0 !important;}
|
||||
|
||||
/* 헤더 */
|
||||
#layout_header {border-top:3px solid #000; border-bottom:1px solid #e7e7e7; background:#fff;}
|
||||
#layout_header .util_wrap {border-bottom:1px solid #e7e7e7;}
|
||||
#layout_header .util_wrap li {float:left; width:22%; height:34px; line-height:35px; text-align:center;}
|
||||
#layout_header .util_wrap li:last-child {width:12%;}
|
||||
#layout_header .util_wrap li a {display:block; font-size:11px; color:#333;}
|
||||
#layout_header .util_wrap li a[href='#search'] {right:5px;}
|
||||
#layout_header form.search_form .search_btn {border-radius:0;}
|
||||
#layout_header .top_search {background:url('../images/design_new/top_search.png') no-repeat center; background-size:20px 20px; width:34px; height:34px;}
|
||||
#layout_header .top_close {background:url('../images/design_new/top_search_close.png') no-repeat center; background-size:20px 20px; width:34px; height:34px;}
|
||||
#layout_header .top_menu {background:url('../images/design_new/top_menu.png') no-repeat center; background-size:28px 28px;}
|
||||
#layout_header .top_cart {background:url('../images/design_new/ico_cart.png') no-repeat center; background-size:32px 28px;}
|
||||
#layout_header .logo_wrap {position:relative; height:78px;}
|
||||
#layout_header .logo_wrap h1 {height:auto; line-height:78px;}
|
||||
#layout_header .logo_wrap a[href='#category']{top:20px; left:5px;}
|
||||
#layout_header .logo_wrap a[href='#cart']{top:18px; right:5px;}
|
||||
#layout_header .nav_wrap {border-top:1px solid #e7e7e7; margin:0 0 -1px 0;}
|
||||
#layout_header .nav_wrap li {float:left; width:25%; line-height:35px; text-align:center;}
|
||||
#layout_header .nav_wrap li > a {display:block; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background:#fff; font-size:11px; color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
|
||||
#layout_header .nav_wrap li > a:hover {background:#fafafa;}
|
||||
|
||||
/* 타이틀바 띄우기 */
|
||||
#layout_header .logo_wrap.flying {position:fixed !important; width:100%; top:0; left:0; right:0; height:auto; border-top:3px solid #000; background:#fff; background:rgba(255,255,255,0.9); z-index:20;}
|
||||
#layout_header .logo_wrap.flying h1 {height:auto; line-height:auto;}
|
||||
|
||||
/* 풋터 */
|
||||
#layout_footer {border-top:1px solid #333; background:#fff; padding:0;}
|
||||
#layout_footer ul.fnav {border-bottom:1px solid #e0e0e0; background:#fff; height:40px; line-height:41px;}
|
||||
#layout_footer ul.fnav li {padding:0 2px;}
|
||||
#layout_footer ul.fnav li a {color:#333;}
|
||||
#layout_footer ul.fnb {padding:15px 0;}
|
||||
#layout_footer .cs_wrap {padding:0 15px;}
|
||||
#layout_footer h3 {position:relative; padding:15px 0 10px; font-size:12px; font-weight:400; color:#000; letter-spacing:1px;}
|
||||
#layout_footer h3:after {position:absolute; bottom:0; left:0; display:block; content:''; width:12px; height:1px; background:#aaa;}
|
||||
#layout_footer h3.none {padding-top:0;}
|
||||
#layout_footer ul.fcp.none {border:none;}
|
||||
#layout_footer ul.fcp {border-bottom:1px solid #e0e0e0; padding:15px 0 20px;}
|
||||
#layout_footer ul.fcp li {display:block; padding-left:0; color:#666; line-height:1.8;}
|
||||
#layout_footer ul.fcp li span {display:inline-block; width:60px; font-weight:600; color:#666;}
|
||||
#layout_footer ul.fcp li.phone {margin-bottom:15px; font-size:24px; font-weight:600; color:#333; letter-spacing:3px; line-height:1.0;}
|
||||
#layout_footer ul.fcp a.btn_black_large {float:left; width:48%; height:40px; line-height:40px; border:1px solid #555; background:#333; text-align:center; font-size:12px; font-weight:400; color:#fff;}
|
||||
#layout_footer ul.fcp a.btn_gray_large {float:right; width:48%; height:40px; line-height:40px; border:1px solid #e0e0e0; background:#fafafa; text-align:center; font-size:12px; font-weight:400; color:#333;}
|
||||
#layout_footer ul.fcp a.btn_black_small {background:#666; padding:5px 7px; font-size:11px; font-weight:400; color:#fff;}
|
||||
#layout_footer dl.fcp {border-bottom:1px solid #d0d0d0; padding:15px 0 20px; font-size:11px; line-height:1.8; *zoom:1;}
|
||||
#layout_footer dl.fcp:after {display:block; clear:both; content:'';}
|
||||
#layout_footer dl.fcp dt {float:left; width:70px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-weight:600; color:#666;}
|
||||
#layout_footer dl.fcp dd {margin-left:80px; color:#666;}
|
||||
#layout_footer .copy {background:#000; padding:20px 0; text-align:center; font-size:10px; color:#fff;}
|
||||
@media (min-width:360px) {
|
||||
#layout_footer dl.fcp dt {float:left; width:110px;}
|
||||
#layout_footer dl.fcp dd {margin-left:110px;}
|
||||
}
|
||||
|
||||
/* 좌측 레이아웃 */
|
||||
#side_close {position:fixed; top:34px !important; left:calc(80% + 25px); background:url('../images/design_new/top_close.png') no-repeat center; background-size:33px 33px;}
|
||||
#layout_side {width:80%; border-top:3px solid #000; padding:15px; z-index:1002;}
|
||||
#layout_side div.top_userinformation {height:auto; padding:0 0 10px; overflow:visible;}
|
||||
#layout_side div.top_userinformation .top_btns {margin:-15px -15px 0 -15px; *zoom:1;}
|
||||
#layout_side div.top_userinformation .top_btns:after {display:block; clear:both; content:'';}
|
||||
#layout_side div.top_userinformation .top_btns li {float:left; width:50%;}
|
||||
#layout_side div.top_userinformation .top_btns li a {display:block; border:1px solid #e7e7e7; line-height:35px; text-align:center; font-size:11px; color:#333;}
|
||||
#layout_side div.top_userinformation .top_btns li:first-child a {border-right:none;}
|
||||
#layout_side div.top_userinformation .welcome {position:relative; left:0; width:100%; padding:24px 0 20px; text-align:center; line-height:1.6;}
|
||||
#layout_side div.top_userinformation .joinbtn, #layout_side div.top_userinformation .logoutbtn, #layout_side div.top_userinformation .myinfobtn, #layout_side div.top_userinformation .loginbtn {width:50%; float:left; margin:0;}
|
||||
#layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .loginbtn input {width:100%; line-height:40px; border:1px solid #333; background:#333; padding:0; text-align:center; font-size:12px; font-weight:400; color:#fff; cursor:pointer;}
|
||||
#layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .myinfobtn input {width:100%; line-height:40px; border:1px solid #e0e0e0; background:#fafafa; padding:0; text-align:center; font-size:12px; font-weight:400; color:#333; cursor:pointer;}
|
||||
#layout_side ul.top_navigation {display:none; background:#fff; border-top:0px solid #555; padding:10px 0;}
|
||||
#layout_side ul.top_navigation li {width:24%;}
|
||||
#layout_side ul.top_navigation li a {font-size:11px; color:#333;}
|
||||
#layout_side ul.top_navigation li.tn_cart a {background:url('../images/design_new/ico_cart.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side ul.top_navigation li.tn_wish a {background:url('../images/design_new/ico_wish.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side ul.top_navigation li.tn_delivery a {background:url('../images/design_new/ico_delivery.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side ul.top_navigation li.tn_mypage a {background:url('../images/design_new/ico_mypage.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab {border-top:none; background:none;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab li, #layout_side div.menu_navigation_wrap ul.tab li:first-child {width:50%; border:1px solid #e0e0e0; border-bottom:1px solid #ddd; font-weight:normal;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab li.current {border:1px solid #ddd; border-bottom:none; font-weight:600;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab li + li {border-left:none !important;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu > li {border-left:1px solid #ddd; border-right:1px solid #ddd;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon1 {background:url('../images/design_new/ico_arw_open2.png') no-repeat 15px 15px; background-size:11px 11px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon2 {background:url('../images/design_new/ico_arw_close2.png') no-repeat 15px 15px; background-size:11px 11px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon3 {background:url('../images/design_new/ico_arw_close2.png') no-repeat 15px 15px; background-size:11px 11px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitem a.mitem_title {max-width:100%; padding-left:0; text-indent:32px; color:#666; letter-spacing:0;}
|
||||
#layout_side div.menu_navigation_wrap a.mitem_goodsview {border:none; margin-right:6px; background:url('../images/design_new/ico_arw_direct.png') no-repeat left 7px; background-size:7px 11px; text-indent:-9999px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu.board li {position:relative; border-bottom:1px solid #e0e0e0; height:40px; line-height:41px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu.board li:after {display:block; content:''; position:absolute; top:15px; right:15px; width:7px; height:11px; background:url('../images/design_new/ico_arw_direct.png') no-repeat; background-size:cover;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu.board li a {display:block; text-indent:15px; font-size:13px; font-weight:400; color:#333;}
|
||||
#layout_side .recently_side {border-left:1px solid #ddd; border-right:1px solid #ddd;}
|
||||
#layout_side .recently_side h1 {line-height:41px; text-indent:15px;}
|
||||
#layout_side .recently_side a.mitem_goodsview {right:-4px;}
|
||||
#layout_side .recently_side .recently_thumb {margin:10px;}
|
||||
#layout_side .recently_side .recently_thumb .thumb li .btn_delete {right:50%; margin-right:-35px;}
|
||||
#layout_side .side_cs_wrap {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
|
||||
#layout_side .side_cs_wrap h3 {position:relative; padding:20px 15px 10px; font-size:12px; font-weight:500; color:#000; letter-spacing:1px;}
|
||||
#layout_side .side_cs_wrap h3:after {position:absolute; bottom:0; left:15px; display:block; content:''; width:12px; height:1px; background:#aaa;}
|
||||
#layout_side .side_cs_wrap ul.fcp {border-bottom:1px solid #e0e0e0; padding:15px;}
|
||||
#layout_side .side_cs_wrap ul.fcp li {display:block; padding-left:0; font-size:11px; color:#666; line-height:1.8;}
|
||||
#layout_side .side_cs_wrap ul.fcp li span {display:inline-block; width:60px; font-weight:600; color:#666;}
|
||||
#layout_side .side_cs_wrap ul.fcp li.phone {margin-bottom:15px; font-size:24px; font-weight:600; color:#333; letter-spacing:3px; line-height:1.0;}
|
||||
#layout_side .side_cs_wrap ul.fcp a.btn_black_large {float:left; width:48%; border:1px solid #555; background:#333; padding:10px 0; text-align:center; font-size:12px; font-weight:400; color:#fff;}
|
||||
#layout_side .side_cs_wrap ul.fcp a.btn_gray_large {float:right; width:48%; border:1px solid #e0e0e0; background:#fafafa; padding:10px 0; text-align:center; font-size:12px; font-weight:400; color:#666;}
|
||||
#layout_side .side_cs_wrap ul.fcp a.btn_black_small {background:#666; padding:5px 7px; font-size:11px; font-weight:400; color:#fff;}
|
||||
#layout_side .language {padding:15px 0 30px;}
|
||||
#floating_over .ico_floating_back {background:url('../images/design_new/btn_floating_back.png');}
|
||||
#floating_over .ico_floating_zoom {background:url('../images/design_new/btn_floating_zoom.png');}
|
||||
#floating_over .ico_floating_top {background:url('../images/design_new/btn_floating_top.png');}
|
||||
.pushCount {border-radius:3px; background:#555; font-size:11px; font-weight:normal;}
|
||||
.pushCount.side {right:50%; margin-right:-30px;}
|
||||
|
||||
/* 메인영역 - 탭메뉴 */
|
||||
ul.displayTabType1 {width:101%; margin-bottom:10px; border-bottom:none; *zoom:1;}
|
||||
ul.displayTabType1:after {content:""; display:block; clear:both;}
|
||||
ul.displayTabType1 li {float:left; width:33% !important; height:38px; line-height:39px; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-bottom:1px solid #777; background:#f1f1f1; padding:0; text-align:center; font-weight:600; color:#858585; cursor:default;}
|
||||
ul.displayTabType1 li.current {margin-left:-1px; border:1px solid #777; border-bottom:1px solid #fff; background:#fff; color:#333; }
|
||||
.displayTabContentsContainerBox {border:1px solid #e4e4e4; border-top:0; padding:15px 10px 10px;}
|
||||
|
||||
/* 메인영역 */
|
||||
.main_display h3 {border-bottom:none; padding:20px 0 5px; font-size:14px; color:#000;}
|
||||
.main_display h3 p {font-size:11px; font-weight:normal; color:#333;}
|
||||
.main_sub {min-height:200px;}
|
||||
.main_sub .tab_menu {width:110px; margin:30px auto 0; *zoom:1;}
|
||||
.main_sub .tab_menu:after {display:block; clear:both; content:'';}
|
||||
.main_sub .tab_menu li {float:left; margin:0 3px; width:30px; height:30px; background-size:contain !important; text-indent:-9999px; cursor:pointer;}
|
||||
.main_sub .tab_menu li.current {background-color:#888 !important;}
|
||||
.main_sub .tab_menu li.one {background:url('../images/design_new/sort_icon1.png') no-repeat;}
|
||||
.main_sub .tab_menu li.two {background:url('../images/design_new/sort_icon2.png') no-repeat;}
|
||||
.main_sub .tab_menu li.thr {background:url('../images/design_new/sort_icon3.png') no-repeat;}
|
||||
.main_sub .tab_menu li.one.current {background:url('../images/design_new/sort_icon1_over.png') no-repeat;}
|
||||
.main_sub .tab_menu li.two.current {background:url('../images/design_new/sort_icon2_over.png') no-repeat;}
|
||||
.main_sub .tab_menu li.thr.current {background:url('../images/design_new/sort_icon3_over.png') no-repeat;}
|
||||
.main_insta {border-top:1px solid #f1f1f1; background:#fafafa; padding:20px 15px;}
|
||||
.main_insta h3 {padding:0 0 15px; font-weight:normal; color:#666;}
|
||||
|
||||
/* 메인영역 - 슬라이드 배너 */
|
||||
.main_slider {min-height:200px;}
|
||||
.main_slider, .main_slider2 {margin-bottom:15px;}
|
||||
.main_slider ul.anibanner_navigation_paging_style_3 li {width:24px; height:3px; margin:0 3px; border-radius:2px; background-color:#d3d3d3; overflow:hidden; text-indent:-1000px;}
|
||||
.main_slider ul.anibanner_navigation_paging_style_3 li.current {width:44px; background-color:#6b6b6b;}
|
||||
.main_slider2 ul.anibanner_navigation_paging_style_3 li {width:5px; height:5px; margin:0 3px; border-radius:50px; background-color:#afafaf; overflow:hidden; text-indent:-1000px;}
|
||||
.main_slider2 ul.anibanner_navigation_paging_style_3 li.current {width:20px; height:3px; margin-top:1px; border-radius:2px; background-color:#6b6b6b;}
|
||||
.main_slider3 ul.anibanner_navigation_paging_style_3 li {width:24px; height:3px; margin:0 2px; border-radius:2px; background-color:#b3b3b3; overflow:hidden; text-indent:-1000px;}
|
||||
.main_slider3 ul.anibanner_navigation_paging_style_3 li.current {background-color:#6b6b6b;}
|
||||
|
||||
/* 메인영역 - 상품디스플레이 */
|
||||
div.slide-wrap .slide .goods_list {padding:0 12px;}
|
||||
.goods_list {padding:7px;}
|
||||
.goods_list ol.gli_contents > li {line-height:1.8;}
|
||||
.goods_list ol.gli_contents > li .color {width:15px; height:3px; overflow:hidden;}
|
||||
.goods_list ol.gli_contents > li .goods_name {display:block; margin-bottom:5px;}
|
||||
.goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:10px;}
|
||||
.goods_list ol.gli_contents > li .sale_price {/*font-family:"verdana" !important;*/}
|
||||
.goods_list ol.gli_contents > li .shipping {display:block; margin:5px 0;}
|
||||
.goods_list ol.gli_contents > li .shipping li {display:inline-block; margin-right:5px; border:1px solid #bbb; background:#fafafa; padding:0 5px; font-size:11px; color:#666;}
|
||||
.showDesignDisplay2 .goods_list ol.gli_contents {padding:20px; padding-bottom:20px !important;}
|
||||
.showDesignDisplay2 .goods_list ol.gli_contents > li .goods_name {display:block; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;}
|
||||
.showDesignDisplay2 .goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:10px;}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.8 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 |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 245 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 236 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 211 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 235 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 259 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 674 KiB |
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: 208 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 267 KiB |
1608
build/resources/main/static/mobile/brand/DL/css/common.css
Normal file
1608
build/resources/main/static/mobile/brand/DL/css/common.css
Normal file
File diff suppressed because it is too large
Load Diff
4695
build/resources/main/static/mobile/brand/DL/css/custom.css
Normal file
4695
build/resources/main/static/mobile/brand/DL/css/custom.css
Normal file
File diff suppressed because it is too large
Load Diff
408
build/resources/main/static/mobile/brand/DL/css/quick_design.css
Normal file
408
build/resources/main/static/mobile/brand/DL/css/quick_design.css
Normal file
@@ -0,0 +1,408 @@
|
||||
/*
|
||||
<09><> CSS<53><53><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>̵<EFBFBD><CCB5><EFBFBD><EFBFBD>ο<EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>ǹǷ<C7B9> <20><><EFBFBD>Ǽ<EFBFBD><C7BC><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>Ͻñ<CFBD> <20>ٶ<EFBFBD><D9B6>ϴ<EFBFBD>.
|
||||
<09><><EFBFBD><EFBFBD><EFBFBD>ҽ<EFBFBD> : /admin/skin/default/css/quick_design_ver3_original.css
|
||||
*/
|
||||
#layout_header {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
#layout_header h1 a {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.btn_style {
|
||||
display: inline-block;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 2px !important;
|
||||
padding: 0 10px;
|
||||
height: 28px;
|
||||
line-height: 29px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #565960;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_important_large {
|
||||
display: inline-block;
|
||||
background-color: #c41900;
|
||||
; border: 1px solid #363636;
|
||||
border-radius: 5px !important;
|
||||
height: 42px;
|
||||
line-height: 38px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_important_large.btn_b {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.btn_important_small {
|
||||
display: inline-block;
|
||||
background-color: #464646;
|
||||
border: 1px solid #363636;
|
||||
border-radius: 3px !important;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_normal_large {
|
||||
display: inline-block;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 5px !important;
|
||||
height: 42px;
|
||||
line-height: 38px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #363636;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_normal_small {
|
||||
display: inline-block;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 3px !important;
|
||||
height: 36px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #363636;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_cancel_large {
|
||||
display: inline-block;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 5px !important;
|
||||
height: 42px;
|
||||
line-height: 38px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
color: #565960;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_cancel_small {
|
||||
display: inline-block;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #c0c0c0;
|
||||
border-radius: 3px !important;
|
||||
height: 36px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #565960;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.btn_arw_up {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 40px;
|
||||
box-sizing: border-box;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding-left: 10px;
|
||||
padding-right: 25px;
|
||||
font-weight: 600;
|
||||
color: #61656d;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c1c2c5;
|
||||
border-radius: 3px !important;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.btn_arw_up_icon {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
margin-top: -3px;
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
background: url('../images/design/ico_arw_close_s.png') no-repeat right center;
|
||||
background-size: 8px 5px;
|
||||
}
|
||||
|
||||
.btn_arw_dn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 40px;
|
||||
box-sizing: border-box;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding-left: 10px;
|
||||
padding-right: 25px;
|
||||
font-weight: 600;
|
||||
color: #61656d;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c1c2c5;
|
||||
border-radius: 3px !important;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.btn_arw_dn_icon {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 50%;
|
||||
margin-top: -1px;
|
||||
width: 8px;
|
||||
height: 5px;
|
||||
background: url('../images/design/ico_arw_open_s.png') no-repeat right center;
|
||||
background-size: 8px 5px;
|
||||
}
|
||||
|
||||
.btn_arw_up_gray {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 40px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding-left: 10px;
|
||||
padding-right: 25px;
|
||||
font-weight: 600;
|
||||
color: #61656d;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c1c2c5;
|
||||
border-radius: 3px !important;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.btn_arw_dn_gray {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 40px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding-left: 10px;
|
||||
padding-right: 25px;
|
||||
font-weight: 600;
|
||||
color: #61656d;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c1c2c5;
|
||||
border-radius: 3px !important;
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> Ÿ<><C5B8>Ʋ<EFBFBD><C6B2> */
|
||||
.sub_title_bar {
|
||||
position: relative;
|
||||
/* font-size:40px; */
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.sub_title_bar h2 {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.sub_title_bar h2, .sub_title_bar h2 a {
|
||||
color: #ffffff;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sub_title_bar .stb_back_btn {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -55px;
|
||||
left: 5px;
|
||||
background: url('../images/design/ver3/btn_back.png') no-repeat center;
|
||||
background-size: 24px 17px;
|
||||
width: 43px;
|
||||
height: 40px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
.sub_title_bar .stb_back_btn img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.sub_title_bar .stb_relation_btn {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 3px
|
||||
}
|
||||
|
||||
.sbt_relation_contents {
|
||||
display: none;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD>Ʈ<EFBFBD>ڽ<EFBFBD> */
|
||||
.sbHolder:hover .sbToggle, .sbToggleOpen, .sbToggleOpen:hover {
|
||||
background: url('../images/icon/ico_arw_select_on_black.png') center 14px no-repeat !important;
|
||||
background-size: 9px 6px !important;
|
||||
}
|
||||
|
||||
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
|
||||
background-color: #f1f1f1 !important;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.sbOptions, .sbHolderFocus {
|
||||
border: 1px solid #464646 !important;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD> */
|
||||
.total_sum_price {
|
||||
background-color: #5a5a5a;
|
||||
padding: 15px 0px;
|
||||
}
|
||||
|
||||
.total_sum_price table {
|
||||
font-size: 13px;
|
||||
letter-spacing: -1px;
|
||||
color: #000
|
||||
}
|
||||
|
||||
.total_sum_price table th {
|
||||
height: 27px;
|
||||
padding: 0px 0px 0px 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.total_sum_price table td {
|
||||
padding: 0px 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.total_sum_price table tbody.sub th, .total_sum_price table tbody.sub td {
|
||||
height: 25px;
|
||||
background-color: #4a4a4a;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.total_sum_price .sum_price {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#total_goods_price, .total_goods_price {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD>̾ƿ<CCBE> */
|
||||
#layout_side ul.top_navigation {
|
||||
background-color: #e6e6e6;
|
||||
border-top: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
#layout_side ul.top_navigation li a {
|
||||
color: #5c5c5c;
|
||||
}
|
||||
|
||||
#layout_side ul.top_navigation li.tn_recently a {
|
||||
background: url('../images/design/ver3/ico_lately.png') no-repeat center 0;
|
||||
background-size: 34px 34px;
|
||||
}
|
||||
|
||||
#layout_side ul.top_navigation li.tn_cart a {
|
||||
background: url('../images/design/ver3/ico_cart.png') no-repeat center 0;
|
||||
background-size: 35px 34px;
|
||||
}
|
||||
|
||||
#layout_side ul.top_navigation li.tn_wish a {
|
||||
background: url('../images/design/ver3/ico_wish.png') no-repeat center 0;
|
||||
background-size: 36px 34px;
|
||||
}
|
||||
|
||||
#layout_side ul.top_navigation li.tn_delivery a {
|
||||
background: url('../images/design/ver3/ico_delivery.png') no-repeat center 0;
|
||||
background-size: 38px 34px;
|
||||
}
|
||||
|
||||
#layout_side ul.top_navigation li.tn_mypage a {
|
||||
background: url('../images/design/ver3/ico_mypage.png') no-repeat center 0;
|
||||
background-size: 27px 34px;
|
||||
}
|
||||
|
||||
#layout_header .top_menu {
|
||||
background: url("../images/design/ver3/top_menu.png") no-repeat center;
|
||||
background-size: 28px 24px;
|
||||
}
|
||||
|
||||
#layout_header .top_cart {
|
||||
background: url("../images/design/ver3/top_cart.png") no-repeat center;
|
||||
background-size: 25px 24px;
|
||||
}
|
||||
|
||||
#layout_header .top_search {
|
||||
background: url("../images/design/ver3/top_search.png") no-repeat center;
|
||||
background-size: 22px 24px;
|
||||
}
|
||||
|
||||
#layout_header .top_close {
|
||||
background: url("../images/design/ver3/top_search_close.png") no-repeat center;
|
||||
background-size: 24px 24px;
|
||||
}
|
||||
|
||||
#layout_header form.search_form .search_btn {
|
||||
border: 1px solid #363636;
|
||||
border-radius: 5px;
|
||||
background-color: #464646;
|
||||
color: #ffffff;
|
||||
width: 45px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/* <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>*/
|
||||
.goods_list_top ul.list_style li.current {
|
||||
background: #464646;
|
||||
}
|
||||
|
||||
/* <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD>Ʈ - ī<>װ<EFBFBD><D7B0><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD>̵<EFBFBD> <20><EFBFBD>)*/
|
||||
.ctg_top > ul > li a.on {
|
||||
font-weight: 600;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.ctg_top > ul > li a.on .icon.on {
|
||||
background: #464646 url("../images/design/ico_ctg_select.png") no-repeat right;
|
||||
background-size: 7px 4px;
|
||||
}
|
||||
|
||||
.ctg_depth li a {
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
/* <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD> */
|
||||
.goods_information_tabs li.current {
|
||||
border-bottom: 2px solid #464646;
|
||||
}
|
||||
|
||||
.goods_information_tabs li.current a {
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
/* üũ<C3BC>ڽ<EFBFBD>/<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ư */
|
||||
.ez-checkbox-on {
|
||||
background: transparent url('../images/icon/i_check_on_black.png') 0 0px no-repeat;
|
||||
background-size: 14px 14px;
|
||||
}
|
||||
|
||||
.ez-radio-on {
|
||||
background: transparent url('../images/icon/i_radio_on_black.png') 0 0px no-repeat;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> */
|
||||
.cs_list_table .icon_cs {
|
||||
background: #464646;
|
||||
}
|
||||
296
build/resources/main/static/mobile/brand/DL/css/user.css
Normal file
296
build/resources/main/static/mobile/brand/DL/css/user.css
Normal file
@@ -0,0 +1,296 @@
|
||||
@charset "utf-8";
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext');
|
||||
|
||||
/*******************************************
|
||||
Author : <20>۽<EFBFBD>Ʈ<EFBFBD><C6AE>(firstmall)
|
||||
Author URL : http://www.firstmall.kr
|
||||
Creation Date : 2016-06-01
|
||||
Modify Date : 2017-07-31
|
||||
*******************************************/
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> Ÿ<><C5B8>Ʋ<EFBFBD><C6B2> */
|
||||
.sub_title_bar h2, .sub_title_bar h2 a {font-size:32px; color:#333;}
|
||||
.sub_title_bar .stb_back_btn {background:url('../images/design_new/btn_back.png') no-repeat center; background-size:24px 24px;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20>Ǹ<C7B8><DEB4><EFBFBD> */
|
||||
.sub_title_button_tb {border-bottom:0;}
|
||||
.sub_title_button_tb .sel {background-color:#fff; color:#c41900;}
|
||||
.sub_title_button_tb .sel span {color:inherit;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD>/<2F>ݱ<EFBFBD>) */
|
||||
.sub_division_title {border-bottom:1px solid #d0d0d0; color:#c41900;}
|
||||
.sub_division_title.close{color:#333;}
|
||||
.sub_division_title:nth-child(13){border-top:1px solid #d0d0d0;}
|
||||
.sub_division_title .sub_division_arw {background:url('../images/icon/ico_minus.png') no-repeat; background-size:15px 15px; width:15px; height:15px;
|
||||
top:18px;
|
||||
}
|
||||
.sub_division_title .sub_division_arw.closed {background:url('../images/icon/ico_plus.png') no-repeat; background-size:15px 15px;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>÷<EFBFBD><C3B7><EFBFBD> <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD> - <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> */
|
||||
.goods_list .gl_item .gli_contents li .sale_per {display:none;}
|
||||
|
||||
/* <20>ֹ<EFBFBD>/<2F><><EFBFBD><EFBFBD> */
|
||||
#payment_type > li > div.active > label {background-color:#555; background-position:0px -80px;}
|
||||
|
||||
/* <20>˾<EFBFBD> */
|
||||
.ui-widget-header.ui-dialog-titlebar {background:#eee !important;}
|
||||
|
||||
/* <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD> - <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.sale_rate_wrap .sale_rate_bg {background:#333;}
|
||||
|
||||
/* <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD> - <20><><EFBFBD><EFBFBD> */
|
||||
.goods_spec_table .price, .info_goods_spec_table .price {color:#333;}
|
||||
|
||||
|
||||
/******************************************* <20><>Ų<EFBFBD><C5B2> CSS *******************************************/
|
||||
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;}
|
||||
body, input, textarea, select, button, table {}
|
||||
h1, h2, h3, h4, h5, h6, #layout_footer .nav_wrap .nav li a, .phone {}
|
||||
|
||||
/* <20><>ư <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> */
|
||||
#layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .myinfobtn input, #layout_side div.top_userinformation .loginbtn input, #layout_side div.menu_navigation_wrap a.mitem_goodsview, .btn_style, .btn_important_large, .btn_important_small, .btn_normal_large, .btn_normal_small, .btn_cancel_large, .btn_cancel_small, .btn_arw_up, .btn_arw_dn, .btn_arw_up_gray, .btn_arw_dn_gray {border-radius:0 !important;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD> */
|
||||
#layout_header {background:#fff;
|
||||
position:fixed;
|
||||
top:0; left:0; right:0;
|
||||
z-index:999;
|
||||
}
|
||||
#layout_header .util_wrap {border-bottom:1px solid #e7e7e7;}
|
||||
#layout_header .util_wrap li {float:left; width:22%; height:34px; line-height:35px; text-align:center;}
|
||||
#layout_header .util_wrap li:last-child {width:12%;}
|
||||
#layout_header .util_wrap li a {display:block; font-size:11px; color:#333;}
|
||||
#layout_header .util_wrap li a[href='#search'] {right:5px;}
|
||||
#layout_header form.search_form .search_btn {border-radius:0;}
|
||||
#layout_header .top_search {background:url('/data/img/search-btn.png') no-repeat center; background-size:cover; width:22px; height:22px;}
|
||||
#layout_header .top_close {background:url('../images/design_new/top_search_close.png') no-repeat center; background-size:20px 20px; width:34px; height:34px;}
|
||||
#layout_header .top_menu {
|
||||
background:url('/data/img/icon_bg_gray.png') center center no-repeat;}
|
||||
#layout_header .top_cart {background:url('/data/img/cart-btn.png') no-repeat center; background-size: cover;}
|
||||
#layout_header .logo_wrap {position:relative; padding: 16px 9px; background:#333; text-align: center;}
|
||||
#layout_header .logo_wrap h1 {}
|
||||
#layout_header .logo_wrap a[href='#category']{
|
||||
top: 50%;
|
||||
left: 15px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
#layout_header .logo_wrap a[href='#cart']{top:50%; right:10px; margin-top: -11px;}
|
||||
#layout_header .nav_wrap {border-top:1px solid #e7e7e7; margin:0 0 -1px 0;}
|
||||
#layout_header .nav_wrap li {float:left; width:25%; line-height:35px; text-align:center;}
|
||||
#layout_header .nav_wrap li > a {display:block; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background:#fff; font-size:11px; color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
|
||||
#layout_header .nav_wrap li > a:hover {background:#fafafa;}
|
||||
|
||||
/* Ÿ<><C5B8>Ʋ<EFBFBD><C6B2> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
#layout_header .logo_wrap.flying {
|
||||
background:rgba(0,0,0,0.6);
|
||||
}
|
||||
#layout_header .logo_wrap.flying h1 {}
|
||||
|
||||
/* Dz<><C7B2> */
|
||||
#layout_footer ul.fnav li a {color:#333;
|
||||
font-size:19px;
|
||||
font-weight:500;
|
||||
letter-spacing:-1px;
|
||||
padding:0 30px;
|
||||
line-height:72px;
|
||||
display:inline-block;
|
||||
opacity:0.9;
|
||||
}
|
||||
#layout_footer ul.fnb {padding:15px 0;}
|
||||
#layout_footer .cs_wrap {padding:30px;}
|
||||
#layout_footer h3 {position:relative; font-size:23px; color:#515151;}
|
||||
#layout_footer h3.none {padding-top:0;}
|
||||
#layout_footer ul.fcp.none {border:none;}
|
||||
#layout_footer ul.fcp li span {display:inline-block; color:inherit;
|
||||
font-size:19px;
|
||||
position:relative;
|
||||
padding-right:14px;
|
||||
margin-right:9px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
#layout_footer ul.fcp li.phone {margin-bottom:55px; font-size:35px !important; line-height:1;
|
||||
display:block;
|
||||
float:left;
|
||||
padding-right:22px;
|
||||
}
|
||||
#layout_footer ul.fcp a.btn_black_large {float:left; width:48%; height:40px; line-height:40px; border:1px solid #555; background:#333; text-align:center; font-size:12px; font-weight:400; color:#fff;}
|
||||
#layout_footer ul.fcp a.btn_gray_large {float:right; width:48%; height:40px; line-height:40px; border:1px solid #e0e0e0; background:#fafafa; text-align:center; font-size:12px; font-weight:400; color:#333;}
|
||||
#layout_footer ul.fcp a.btn_black_small {background:#666; padding:5px 7px; font-size:11px; font-weight:400; color:#fff;}
|
||||
#layout_footer dl.fcp {
|
||||
}
|
||||
#layout_footer dl.fcp:after {display:block; clear:both; content:'';}
|
||||
#layout_footer dl.fcp dt {
|
||||
display:inline-block;
|
||||
color:#8e8e8e;
|
||||
line-height:1.7;
|
||||
}
|
||||
#layout_footer dl.fcp dd {
|
||||
display:inline-block;
|
||||
color:#8e8e8e;
|
||||
position:relative;
|
||||
padding-right:9px;
|
||||
margin-right:5px;
|
||||
margin-left:3px;
|
||||
line-height:1.7;
|
||||
}
|
||||
#layout_footer .copy {text-align:center; font-size:17px; color:#b9b9b9;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD> <20><><EFBFBD>̾ƿ<CCBE> */
|
||||
#side_close {position:fixed; top:20px !important; right:auto;
|
||||
right:23%;
|
||||
z-index:1003;
|
||||
/* opacity:0.4; */
|
||||
background:url('../images/design_new/top_close.png') no-repeat center; background-size:50px 50px;}
|
||||
#layout_side div.top_userinformation {height:auto; padding:0 0 10px; overflow:visible;}
|
||||
#layout_side div.top_userinformation .top_btns {margin:-15px -15px 0 -15px; *zoom:1;}
|
||||
#layout_side div.top_userinformation .top_btns:after {display:block; clear:both; content:'';}
|
||||
#layout_side div.top_userinformation .top_btns li {float:left; width:50%;}
|
||||
#layout_side div.top_userinformation .top_btns li a {display:block; border:1px solid #e7e7e7; line-height:35px; text-align:center; font-size:11px; color:#333;}
|
||||
#layout_side div.top_userinformation .top_btns li:first-child a {border-right:none;}
|
||||
#layout_side div.top_userinformation .welcome {position:relative; left:0; width:100%; padding:24px 0 20px; text-align:center; line-height:1.6;}
|
||||
#layout_side div.top_userinformation .joinbtn, #layout_side div.top_userinformation .logoutbtn, #layout_side div.top_userinformation .myinfobtn, #layout_side div.top_userinformation .loginbtn {width:50%; float:left; margin:0;}
|
||||
#layout_side div.top_userinformation .logoutbtn input, #layout_side div.top_userinformation .loginbtn input {width:100%; line-height:40px; border:1px solid #333; background:#333; padding:0; text-align:center; font-size:12px; font-weight:400; color:#fff; cursor:pointer;}
|
||||
#layout_side div.top_userinformation .joinbtn input, #layout_side div.top_userinformation .myinfobtn input {width:100%; line-height:40px; border:1px solid #e0e0e0; background:#fafafa; padding:0; text-align:center; font-size:12px; font-weight:400; color:#333; cursor:pointer;}
|
||||
#layout_side ul.top_navigation {display:none; background:#fff; border-top:0px solid #555; padding:10px 0;}
|
||||
#layout_side ul.top_navigation li {width:24%;}
|
||||
#layout_side ul.top_navigation li a {font-size:11px; color:#333;}
|
||||
#layout_side ul.top_navigation li.tn_cart a {background:url('../images/design_new/ico_cart.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side ul.top_navigation li.tn_wish a {background:url('../images/design_new/ico_wish.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side ul.top_navigation li.tn_delivery a {background:url('../images/design_new/ico_delivery.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side ul.top_navigation li.tn_mypage a {background:url('../images/design_new/ico_mypage.png') no-repeat center 0; background-size:38px 34px;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab {border-top:none; background:none;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab li, #layout_side div.menu_navigation_wrap ul.tab li:first-child {width:50%; border:1px solid #e0e0e0; border-bottom:1px solid #ddd; font-weight:normal;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab li.current {border:1px solid #ddd; border-bottom:none; font-weight:600;}
|
||||
#layout_side div.menu_navigation_wrap ul.tab li + li {border-left:none !important;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu > li {border-left:1px solid #ddd; border-right:1px solid #ddd;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon1 {background:url('../images/design_new/ico_arw_open2.png') no-repeat 15px 15px; background-size:11px 11px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon2 {background:url('../images/design_new/ico_arw_close2.png') no-repeat 15px 15px; background-size:11px 11px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitemicon3 {background:url('../images/design_new/ico_arw_close2.png') no-repeat 15px 15px; background-size:11px 11px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu li.mitem a.mitem_title {max-width:100%; padding-left:0; text-indent:32px; color:#666; letter-spacing:0;}
|
||||
#layout_side div.menu_navigation_wrap a.mitem_goodsview {border:none; margin-right:6px; background:url('../images/design_new/ico_arw_direct.png') no-repeat left 7px; background-size:7px 11px; text-indent:-9999px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu.board li {position:relative; border-bottom:1px solid #e0e0e0; height:40px; line-height:41px;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu.board li:after {display:block; content:''; position:absolute; top:15px; right:15px; width:7px; height:11px; background:url('../images/design_new/ico_arw_direct.png') no-repeat; background-size:cover;}
|
||||
#layout_side div.menu_navigation_wrap ul.menu.board li a {display:block; text-indent:15px; font-size:13px; font-weight:400; color:#333;}
|
||||
#layout_side .recently_side {border-left:1px solid #ddd; border-right:1px solid #ddd;}
|
||||
#layout_side .recently_side h1 {line-height:41px; text-indent:15px;}
|
||||
#layout_side .recently_side a.mitem_goodsview {right:-4px;}
|
||||
#layout_side .recently_side .recently_thumb {margin:10px;}
|
||||
#layout_side .recently_side .recently_thumb .thumb li .btn_delete {right:50%; margin-right:-35px;}
|
||||
#layout_side .side_cs_wrap {
|
||||
text-align:center;
|
||||
}
|
||||
#layout_side .side_cs_wrap h3 {position:relative; padding:28% 15px 0; font-size:18px; font-weight:500; color:#555;}
|
||||
#layout_side .side_cs_wrap ul.fcp {padding:0 15px 50px;}
|
||||
#layout_side .side_cs_wrap ul.fcp li {/*display:inline-block;*/ padding-left:0; font-size:17px; color:#515151;
|
||||
opacity:0.9;
|
||||
}
|
||||
#layout_side .side_cs_wrap ul.fcp li span {display:inline-block; color:#515151;
|
||||
font-size:inherit;
|
||||
padding-right:10px;
|
||||
margin-right:5px;
|
||||
position:relative;
|
||||
}
|
||||
#layout_side .side_cs_wrap ul.fcp li.phone {margin-bottom:10px; font-size:32px; color:#515151;
|
||||
display:block;
|
||||
line-height:1.1;
|
||||
}
|
||||
#layout_side .side_cs_wrap ul.fcp a.btn_black_large {float:left; width:48%; border:1px solid #555; background:#333; padding:10px 0; text-align:center; font-size:12px; font-weight:400; color:#fff;}
|
||||
#layout_side .side_cs_wrap ul.fcp a.btn_gray_large {float:right; width:48%; border:1px solid #e0e0e0; background:#fafafa; padding:10px 0; text-align:center; font-size:12px; font-weight:400; color:#666;}
|
||||
#layout_side .side_cs_wrap ul.fcp a.btn_black_small {background:#666; padding:5px 7px; font-size:11px; font-weight:400; color:#fff;}
|
||||
#layout_side .language {padding:15px 0 30px;}
|
||||
#floating_over .ico_floating_back {background:url('../images/design_new/btn_floating_back.png');}
|
||||
#floating_over .ico_floating_zoom {background:url('../images/design_new/btn_floating_zoom.png');
|
||||
display:none !important;
|
||||
}
|
||||
#floating_over .ico_floating_top {background:url('../images/design_new/btn_floating_top.png');}
|
||||
.pushCount {border-radius:50%; background:#555; font-weight:normal;}
|
||||
|
||||
/* <20><><EFBFBD>ο<EFBFBD><CEBF><EFBFBD> - <20>Ǹ<C7B8> */
|
||||
ul.displayTabType1 {width:101%; margin-bottom:10px; border-bottom:none; *zoom:1;}
|
||||
ul.displayTabType1:after {content:""; display:block; clear:both;}
|
||||
ul.displayTabType1 li {float:left; width:33% !important; height:38px; line-height:39px; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-bottom:1px solid #777; background:#f1f1f1; padding:0; text-align:center; font-weight:600; color:#858585; cursor:default;}
|
||||
ul.displayTabType1 li.current {margin-left:-1px; border:1px solid #777; border-bottom:1px solid #fff; background:#fff; color:#333; }
|
||||
.displayTabContentsContainerBox {border:1px solid #e4e4e4; border-top:0; padding:15px 10px 10px;}
|
||||
|
||||
/* <20><><EFBFBD>ο<EFBFBD><CEBF><EFBFBD> */
|
||||
.main_display h3 {
|
||||
padding-bottom:20px;
|
||||
letter-spacing:1px;
|
||||
}
|
||||
.main_display h3 p {font-size:11px; font-weight:normal; color:#333;}
|
||||
.main_sub {min-height:200px;
|
||||
padding:27px 20px 30px;
|
||||
}
|
||||
.main_sub .tab_menu {width:110px; margin:30px auto 0; *zoom:1;}
|
||||
.main_sub .tab_menu:after {display:block; clear:both; content:'';}
|
||||
.main_sub .tab_menu li {float:left; margin:0 3px; width:30px; height:30px; background-size:contain !important; text-indent:-9999px; cursor:pointer;}
|
||||
.main_sub .tab_menu li.current {background-color:#888 !important;}
|
||||
.main_sub .tab_menu li.one {background:url('../images/design_new/sort_icon1.png') no-repeat;}
|
||||
.main_sub .tab_menu li.two {background:url('../images/design_new/sort_icon2.png') no-repeat;}
|
||||
.main_sub .tab_menu li.thr {background:url('../images/design_new/sort_icon3.png') no-repeat;}
|
||||
.main_sub .tab_menu li.one.current {background:url('../images/design_new/sort_icon1_over.png') no-repeat;}
|
||||
.main_sub .tab_menu li.two.current {background:url('../images/design_new/sort_icon2_over.png') no-repeat;}
|
||||
.main_sub .tab_menu li.thr.current {background:url('../images/design_new/sort_icon3_over.png') no-repeat;}
|
||||
.main_insta {border-top:1px solid #f1f1f1; background:#fafafa; padding:20px 15px;}
|
||||
.main_insta h3 {padding:0 0 15px; font-weight:normal; color:#666;}
|
||||
|
||||
/* <20><><EFBFBD>ο<EFBFBD><CEBF><EFBFBD> - <20><><EFBFBD><EFBFBD><EFBFBD>̵<EFBFBD> <20><><EFBFBD><EFBFBD> */
|
||||
.main_slider {min-height:200px;}
|
||||
.main_slider, .main_slider2 {margin-bottom:15px;}
|
||||
.main_slider ul.anibanner_navigation_paging_style_3 li {width:35px; height:4px; margin-right:10px; background-color:#fff; overflow:hidden; text-indent:-1000px;
|
||||
opacity:0.4;
|
||||
transition:0.3s;
|
||||
}
|
||||
.main_slider ul.anibanner_navigation_paging_style_3 li.current {opacity:1; background:#fff;}
|
||||
.main_slider2 ul.anibanner_navigation_paging_style_3 li {width:5px; height:5px; margin:0 3px; border-radius:50px; background-color:#afafaf; overflow:hidden; text-indent:-1000px;}
|
||||
.main_slider2 ul.anibanner_navigation_paging_style_3 li.current {width:20px; height:3px; margin-top:1px; border-radius:2px; background-color:#6b6b6b;}
|
||||
.main_slider3 ul.anibanner_navigation_paging_style_3 li {width:35px; height:4px; margin-right:10px; background-color:#fff; overflow:hidden; text-indent:-1000px;
|
||||
opacity:0.4;
|
||||
transition:0.3s;
|
||||
}
|
||||
.main_slider3 ul.anibanner_navigation_paging_style_3 li.current {opacity:1; background:#fff;}
|
||||
|
||||
/* <20><><EFBFBD>ο<EFBFBD><CEBF><EFBFBD> - <20><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD>÷<EFBFBD><C3B7><EFBFBD> */
|
||||
div.slide-wrap .slide .goods_list {padding:0 12px;}
|
||||
.goods_list {margin: 17px 0 50px !important;}
|
||||
.goods_list ol.gli_contents > li {line-height:1.8;}
|
||||
.goods_list ol.gli_contents > li .color {width:15px; height:3px; overflow:hidden;}
|
||||
.goods_list ol.gli_contents > li .goods_name {display:block;}
|
||||
.goods_list ol.gli_contents > li .goods_summary {display:block; margin-bottom:5px;
|
||||
word-break:keep-all;
|
||||
}
|
||||
.goods_list ol.gli_contents > li .sale_price {/*font-family:"verdana" !important;*/}
|
||||
.goods_list ol.gli_contents > li .shipping {display:block; margin:5px 0;}
|
||||
.goods_list ol.gli_contents > li .shipping li {display:inline-block; margin-right:5px; border:1px solid #bbb; background:#fafafa; padding:0 5px; font-size:11px; color:#666;}
|
||||
.showDesignDisplay2 .goods_list ol.gli_contents {padding:20px 0; padding-bottom:20px !important;
|
||||
text-align:center !important;
|
||||
}
|
||||
.showDesignDisplay2 .goods_list ol.gli_contents > li .goods_name {display:block;
|
||||
font-size:21px !important;
|
||||
color:#333 !important;
|
||||
font-weight:500 !important;
|
||||
letter-spacing:-1px;
|
||||
}
|
||||
.showDesignDisplay2 .goods_list ol.gli_contents > li .goods_summary {
|
||||
font-size:17px;
|
||||
font-weight:300 !important;
|
||||
letter-spacing:-1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.eaPlus, .btn_add_suboption, .recently_eaPlus, .recently_btn_add_suboption {width:30px !important; height:30px !important; border:1px solid #d0d0d0; background:url('../images/icon/ico_plus.png') center center no-repeat; background-size:15px; overflow:hidden; text-indent:-100px; vertical-align:middle;}
|
||||
.eaMinus, .btn_del_suboption, .recently_eaMinus, .recently_btn_del_suboption {width:30px !important; height:30px !important; border:1px solid #d0d0d0; background:url('../images/icon/ico_minus.png') center center no-repeat; background-size:15px; overflow:hidden; text-indent:-100px; vertical-align:middle;}
|
||||
.review_showScore {height:30px; border : 1px solid #d0d0d0; padding-top: 5px; }
|
||||
|
||||
.sub_category_table table {width: 100%; text-align: center; border-top: solid 1px #ddd; margin-top: 20px;}
|
||||
.sub_category_table td {width: 33.3%; border: solid 1px #ddd; border-width: 0 1px 1px 0; word-break: keep-all;}
|
||||
.sub_category_table td a {display: block; padding: 10px 0 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||||
.sub_category_table td.on {color: #fff; background-color: #333;}
|
||||
.sub_category_table td.on a{color: #fff}
|
||||
.sub-depth .categoryDepth1 .categoryDepth2 a {text-indent: 65px;}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.sub-depth .categoryDepth1 .categoryDepth2 a {padding: 6px 40px; text-indent: 5px;}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
7
build/resources/main/static/mobile/brand/DT/css/aos.css
Normal file
7
build/resources/main/static/mobile/brand/DT/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
2268
build/resources/main/static/mobile/brand/DT/css/chamdahan.css
Normal file
2268
build/resources/main/static/mobile/brand/DT/css/chamdahan.css
Normal file
File diff suppressed because it is too large
Load Diff
1489
build/resources/main/static/mobile/brand/DT/css/common.css
Normal file
1489
build/resources/main/static/mobile/brand/DT/css/common.css
Normal file
File diff suppressed because it is too large
Load Diff
12
build/resources/main/static/mobile/brand/DT/css/swiper.css
Normal file
12
build/resources/main/static/mobile/brand/DT/css/swiper.css
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,71 @@
|
||||
@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;
|
||||
*/
|
||||
#layout_footer{margin-top:0 !important;}
|
||||
#layout_header .logo_wrap{background-color:#fff;border-bottom:1px solid #ececec;}
|
||||
|
||||
.brand-wrap{}
|
||||
.brand-wrap .mv{position:relative}
|
||||
.brand-wrap .mv > img{width:100%;}
|
||||
.brand-wrap .mv .txt-box{position:absolute;left:20px;top:15vw;}
|
||||
.brand-wrap .mv .txt-box img{width:62px;}
|
||||
.brand-wrap .mv .txt-box p{font-family: 'Nanum Myeongjo', serif;font-size:15px;font-weight:400;letter-spacing:0.05em;color:#555;text-align:left;padding-top:13px;}
|
||||
|
||||
|
||||
.brand-wrap .txt-box{}
|
||||
.brand-wrap .txt-box strong{display:block;font-size:35px;font-weight:900;color:#81ae99;text-align:left;font-family: 'NanumSquare', sans-serif;line-height:1;}
|
||||
.brand-wrap .txt-box p{font-size:30px;font-weight:900;color:#81ae99;text-align:left;line-height:1.2;padding-top:15px;font-family: 'Nanum Myeongjo', serif;margin:0;}
|
||||
.brand-wrap .txt-box span{display:block;font-size:15px;font-weight:400;color:#444;text-align:left;padding-top:12px;}
|
||||
.brand-wrap .txt-box span b{font-weight:400;color:#81ae99;}
|
||||
.brand-wrap .txt-box em{display:block;font-style:normal;font-size:13px;font-weight:300;color:#444;text-align:left;line-height:18px;padding-top:18px;}
|
||||
.brand-wrap .txt-box i{font-style:normal;display:block;font-size:20px;font-weight:400;color:#8bb4a1;text-align:right;letter-spacing:0.05em;}
|
||||
|
||||
.brand-wrap .brandCon01{margin-top:65px;padding-left:15px;box-sizing:border-box;}
|
||||
.brand-wrap .brandCon01 > img{width:71vw;display:block;float:right;}
|
||||
.brand-wrap .brandCon01{}
|
||||
.brand-wrap .brandCon01:after{display:block;content:"";clear:both;}
|
||||
.brand-wrap .brandCon01 .txt-box{float:left;width:100%;margin-top:-10px;}
|
||||
.brand-wrap .brandCon01 .txt-box em:first-of-type{padding-top:36px;}
|
||||
|
||||
.brand-wrap .brandCon02{padding-top:100px;}
|
||||
.brand-wrap .brandCon02 .inner:after{display:block;content:"";clear:both;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1){padding:0 15px;box-sizing:border-box;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1) .left{float:left;padding-top:50px;width:100%;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1) .left img{width:76vw;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1) .left *{text-align:right;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1) .left .txt-box{padding-top:60px;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1) .right{float:right;width:100%;text-align:right;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(1) .right *{text-align:right;}
|
||||
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(2){margin-top:60px;padding:0 15px;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(2) .right{}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(2) .right img{width:76vw;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(2) .left .txt-box{padding-top:30px;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(2) .left .txt-box *{text-align:left;}
|
||||
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(3){padding:55px 15px 0;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(3) .right{}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(3) .right .txt-box *{text-align:right;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(3) .left{padding-top:38px;width:100%;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(3) .left img{width:76vw;}
|
||||
.brand-wrap .brandCon02 .inner:nth-of-type(3) .left em{display:block;text-align:right;padding-top:38px;}
|
||||
|
||||
.brand-wrap .brandCon03{padding:80px 0 65px 15px;box-sizing:border-box;background-color:#ecf5f0;margin-top:55px;text-align:right;}
|
||||
.brand-wrap .brandCon03 .txt-box{}
|
||||
.brand-wrap .brandCon03 .txt-box span{padding-bottom:38px;}
|
||||
.brand-wrap .brandCon03 img{display:inline-block;}
|
||||
.brand-wrap .brandCon03 img.img01{width:100%;}
|
||||
.brand-wrap .brandCon03 img.img02{width:48.75%;z-index:1;}
|
||||
.brand-wrap .brandCon03 img.img03{margin-top:-10%;width:78.75%;z-index:3;}
|
||||
.brand-wrap .brandCon03 img.img04{margin-top:-38%;width:39%;z-index:2;}
|
||||
|
||||
.brand-wrap .brandCon04{position:relative;}
|
||||
.brand-wrap .brandCon04 > img{width:100%;}
|
||||
.brand-wrap .brandCon04 .txt-box{position:absolute;z-index:3;left:15px;top:7.5%;}
|
||||
.brand-wrap .brandCon04 .txt-box *{color:#fff;}
|
||||
.brand-wrap .brandCon04 .txt-box img{width:66%;padding:40px 0 25px;}
|
||||
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
/* HEADER */
|
||||
#layout_header{position:static !important;}
|
||||
#layout_header .logo_wrap.flying{width:100%;height:52px;}
|
||||
|
||||
#layout_header{height:52px;}
|
||||
#layout_header .logo_wrap{height:52px;}
|
||||
#layout_header .logo_wrap h1{line-height:52px;}
|
||||
#layout_header .logo_wrap h1 a{left:15px;}
|
||||
#layout_header .logo_wrap h1 a img{width:88px !important;}
|
||||
|
||||
|
||||
#layout_header .logo_wrap .top_menu{width:28px;height:18px;box-sizing:border-box;top:16px !important;right:15px !important;background:none;}
|
||||
#layout_header .logo_wrap .top_menu span{display:block;width:100%;height:2px;background-color:#81ae99;position:absolute;}
|
||||
#layout_header .logo_wrap .top_menu span:nth-of-type(1){top:0;}
|
||||
#layout_header .logo_wrap .top_menu span:nth-of-type(2){background-color:#444;top:8px;}
|
||||
#layout_header .logo_wrap .top_menu span:nth-of-type(3){top:16px;}
|
||||
|
||||
#layout_side{right:0;}
|
||||
#layout_side{}
|
||||
#side_close{left:auto !important;right:15px !important;top:13px !important;z-index:5555;width:18px;height:18px;}
|
||||
|
||||
#layout_side div.top_userinformation .side_welcome{background-color:#81ae99;height:43px;box-sizing:border-box;padding-left:15px;padding-right:0;background-image:none;line-height:43px;margin-right:5px;margin-right:0;font-size:12px;font-weight:300;color:#fff;}
|
||||
#layout_side div.top_userinformation .side_welcome > img{width:12px;height:13px;position:relative;top:-2px;margin-right:11px;}
|
||||
.btn_area{font-size:0;text-align:center;display:block;width:100%;padding:15px;font-size:0;text-align:center;box-sizing:border-box;}
|
||||
.btn_area li:last-of-type{margin-right:0;}
|
||||
.btn_area li{display:inline-block;vertical-align:top;margin-right:6px;width:calc(50% - 3px);-webkit-width:calc(50% - 3px);-ms-width:calc(50% - 3px);-moz-width:calc(50% - 3px);-o-width:calc(50% - 3px);height:30px !important;padding:0 !important;border:0 !important;}
|
||||
.btn_area li:last-of-type a{border:1px solid #444 !important;background-color:#fff; /*color:#fff !important;*/ line-height:28px !important;}
|
||||
.btn_area li a{width:100%;height:100%;box-sizing:border-box;padding:0;font-size:12px;font-weight:300;color:#fff;text-align:center;background-color:#81ae99;line-height:30px !important;}
|
||||
.btn_area li a.black{background-color:#444;}
|
||||
.btn_area li a > div{display:none;}
|
||||
|
||||
#layout_side div.top_userinformation .side_btn{padding:0 20px;border:0 !important;}
|
||||
#layout_side div.top_userinformation .side_btn li{padding:0;border:0;}
|
||||
#layout_side div.top_userinformation .side_btn li a{font-size:12px;font-weight:300;color:#444;text-align:center;padding:40px 0 10px;line-height:1;}
|
||||
#layout_side div.top_userinformation .side_btn li.order a:before{width:36px;height:36px;background:url("../../wib/img/order-icon.png")no-repeat center top;background-size:cover;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:0;}
|
||||
#layout_side div.top_userinformation .side_btn li.cart a:before{width:36px;height:36px;background:url("../../wib/img/cart-icon.png")no-repeat center top;background-size:cover;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:0;}
|
||||
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li{border-top:1px solid #ececec;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li:last-of-type{border-bottom:1px solid #ececec;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > div{padding:0;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > div .depth{margin-top:0 !important;line-height:50px;font-size:13px;font-weight:300;letter-spacing:0.12em;color:#444;padding-left:37px;height:50px;text-transform:uppercase;position:relative;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > div .depth:after{display:block;content:"";position:absolute;background:url("../../wib/img/depth-bg-off.png")no-repeat center top;background-size:cover;width:10px;height:14px;right:35px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li.on > div .depth:after{background:url("../../wib/img/depth-bg-on.png")no-repeat center top;width:14px;height:10px;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li.on > div .depth{color:#81ae99;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li:first-of-type{display:block;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li{margin-top:20px;display:none;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul{padding:0;line-height:1;padding-bottom:30px;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li > a{height:auto !important;font-size:12px !important;font-weight:300 !important;letter-spacing:0.12em;color:#444 !important;line-height:1;padding-left:50px;display:none;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li > ul{padding:0;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li > ul > li{margin-top:20px;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li > ul > li > a{height:auto !important;font-size:13px !important;font-weight:300 !important;letter-spacing:0.12em;color:#444 !important;line-height:1;padding-left:50px;}
|
||||
#layout_side div.menu_navigation_wrap .side_menu > li > ul > li > ul > li > a:before{display:none !important;}
|
||||
|
||||
|
||||
|
||||
/* FOOTER */
|
||||
/*#layout_footer{margin-top:-20px;}*/
|
||||
#layout_footer{background-color:#ecf5f0;}
|
||||
#layout_footer .nav{font-size:0;text-align:center;padding:13px 0;line-height:1;border-bottom:1px solid #fff;}
|
||||
#layout_footer .nav li{display:inline-block;vertical-align:top;margin:0 9px;}
|
||||
#layout_footer .nav li a{display:block;width:auto;height:auto;float:none;padding:0;margin-right:0;background-color:transparent;font-size:12px;font-weight:400;color:#444;text-align:center;line-height:19px;}
|
||||
|
||||
#layout_footer .copy{font-size:0;text-align:left;background-color:#ecf5f0;padding:15px 15px 20px;}
|
||||
#layout_footer .copy li.company{font-size:12px;font-weight:bold;color:#444;display:block;}
|
||||
#layout_footer .copy li{display:block;vertical-align:top;font-size:10px;font-weight:400;color:#444;text-align:left;line-height:15px;}
|
||||
49
build/resources/main/static/mobile/brand/DT/css/wib-list.css
Normal file
49
build/resources/main/static/mobile/brand/DT/css/wib-list.css
Normal file
@@ -0,0 +1,49 @@
|
||||
#layout_header .logo_wrap{border-bottom:1px solid #ececec;}
|
||||
.nav_wrap2{}
|
||||
.nav_wrap2 > h2{font-size:25px;font-weight:100;color:#444;text-align:center;line-height:1;padding-top:30px;}
|
||||
.nav_wrap2 > ul{margin-top:10px;}
|
||||
.nav_wrap2 > ul > div.list{}
|
||||
.nav_wrap2 > ul > div.list > a{display:none;}
|
||||
.nav_wrap2 > ul > div.list > div{font-size:0;text-align:center;padding:0 5px;box-sizing:border-box;}
|
||||
.nav_wrap2 > ul > div.list > div > div:last-of-type{margin-right:0;}
|
||||
.nav_wrap2 > ul > div.list > div > div{display:inline-block;vertical-align:top;margin-right:22px;}
|
||||
.nav_wrap2 > ul > div.list > div > div > a{display:block;font-size:13px;font-weight:100;color:#444;text-align:center;line-height:28px;}
|
||||
.nav_wrap2 > ul > div.list > div > div > ul{display:none;}
|
||||
.nav_wrap2 > ul > div.list > div > div > ul > li{}
|
||||
.nav_wrap2 > ul > div.list > div > div > ul > li > a{}
|
||||
.nav_wrap2 .swiper-container{position:relative;}
|
||||
.nav_wrap2 .arrow-wrap{position:absolute;top:0;width:100%;left:0;}
|
||||
.nav_wrap2 .arrow-wrap > div{width:15px;height:28px;position:absolute;top:0;z-index:2;}
|
||||
.nav_wrap2 .arrow-wrap .swiper-prev{background:#fff url("../../wib/img/swiper-prev-btn.jpg")no-repeat center top;background-size:15px 28px;left:0;padding-left:15px;}
|
||||
.nav_wrap2 .arrow-wrap .swiper-next{background:#fff url("../../wib/img/swiper-next-btn.jpg")no-repeat center top;background-size:15px 28px;right:0;padding-right:15px;}
|
||||
|
||||
.nav_wrap2{}
|
||||
.nav_wrap2 .designCategoryNavigation{margin-top:10px;padding:0 30px;box-sizing:border-box;position:relative;}
|
||||
.nav_wrap2 .designCategoryNavigation .swiper-container:first-of-type{display:block;position:static;}
|
||||
.nav_wrap2 .designCategoryNavigation .swiper-container{display:none;position:relative;}
|
||||
.nav_wrap2 .designCategoryNavigation .swiper-container .swiper-wrapper{box-sizing:border-box;}
|
||||
.nav_wrap2 .designCategoryNavigation .swiper-container .swiper-wrapper > a{display:none;}
|
||||
.nav_wrap2 .designCategoryNavigation .swiper-container .swiper-wrapper .swiper-slide .categorySub{display:none !important;}
|
||||
.nav_wrap2 .designCategoryNavigation .swiper-container .swiper-wrapper .swiper-slide .categoryDepth2 > a{display:block;font-size:13px;font-weight:100;color:#444;text-align:center;line-height:28px;}
|
||||
|
||||
.goods_list_top{display:none;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list{width:100%;margin:0 !important;padding:0 15px !important;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item:nth-of-type(2n){margin-right:0;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item:nth-of-type(-n+2){margin-top:0;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item{width:calc(50% - 5px) !important;width:-o-calc(50% - 5px) !important;width:-moz-calc(50% - 5px) !important;width:-ms-calc(50% - 5px) !important;width:-webkit-calc(50% - 5px) !important;margin-right:10px;padding:0 !important;height:auto;margin-top:30px;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap{}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents{margin-top:20px;font-size:0;text-align:center;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li{}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li .goods_name{font-size:14px;font-weight:400;letter-spacing:-0.015em;color:#222;text-align:center;line-height:1.2;margin-bottom:0;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li .goods_summary{font-size:14px;font-weight:400 !important;letter-spacing:-0.015em;color:#aaa !important;line-height:1.2;margin-bottom:0;padding-top:5px;}
|
||||
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.pros_best_consumer_price{display:inline-block;vertical-align:top;line-height:1;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.pros_best_consumer_price .inner{}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.pros_best_consumer_price .inner span.consumer_price{font-size:14px;font-weight:400;letter-spacing:-0.015em;color:#aaa;}
|
||||
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.b1{display:inline-block;vertical-align:top;line-height:1;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.b1 .gli_goodsprice{}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.b1 .gli_goodsprice span.consumer_price{font-size:14px;font-weight:400;letter-spacing:-0.015em;color:#000 !important;text-decoration:none !important;}
|
||||
.main_products .goods_list .gl_item, .prod_box .goods_list .gl_item .gl_inner_item_wrap .gli_contents li.b1 .gli_goodsprice span.sale_per{display:none !important;}
|
||||
|
||||
.goods_list .gli_image{max-height:none;}
|
||||
91
build/resources/main/static/mobile/brand/DT/css/wib-main.css
Normal file
91
build/resources/main/static/mobile/brand/DT/css/wib-main.css
Normal file
@@ -0,0 +1,91 @@
|
||||
.mcon01 .swiper-slide{position:relative;}
|
||||
.mcon01 .swiper-slide img{display:block;width:100%;}
|
||||
.mcon01 .swiper-slide > img{display:block;width:100%;}
|
||||
.mcon01 .swiper-slide .txt-box{position:absolute;left:0;top:0;z-index:2;padding-top:14vw;padding-left:30px;}
|
||||
.mcon01 .swiper-slide .txt-box i{display:block;font-size:14px;font-weight:100;color:#222;text-align:left;line-height:1.2;padding-bottom:15px;font-style:normal;}
|
||||
.mcon01 .swiper-slide .txt-box p{font-size:32.5px;font-weight:100;color:#222;line-height:34.5px;text-align:left;}
|
||||
.mcon01 .swiper-slide .txt-box p b{font-weight:100 !important;}
|
||||
.mcon01 .swiper-slide .txt-box p b.red{color:#cb172c !important;}
|
||||
.mcon01 .swiper-slide .txt-box p b.purple{color:#491a81 !important;}
|
||||
.mcon01 .swiper-slide .txt-box span{display:block;font-size:14px;font-weight:100;color:#222;text-align:left;line-height:1.2;padding-top:25px;}
|
||||
.mcon01 .swiper-slide .txt-box a{display:inline-block;font-size:12px;font-weight:400;color:#81ae99;letter-spacing:-0.015em;padding-top:30px;}
|
||||
.mcon01 .swiper-slide .txt-box a img{display:inline-block;vertical-align:middle;position:relative;margin-left:14px;top:-1px;width:52px;}
|
||||
.mcon01 .swiper-main .controls{position:absolute;top:3%;width:100%;margin-top:-17px;z-index:100;}
|
||||
.mcon01 .controls > div{position:absolute;left:auto;top:auto;right:auto;bottom:auto; width:35px;height:35px;box-sizing:border-box;margin-top:3%;background:none}
|
||||
.mcon01 .controls > div:after {content: ''; display: block; clear: both; width: 15px; height: 15px; border: solid #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
|
||||
.mcon01 .swiper-main .controls .swiper-button-prev, .mcon01 .controls .swiper-button-prev{left:0;margin-top:50%;}
|
||||
.mcon01 .swiper-main .controls .swiper-button-prev:after, .mcon01 .controls .swiper-button-prev:after {content: ''; display: block; clear: both; width: 15px; height: 15px; border: solid #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);margin-left:3px; border-width: 0 0 2px 2px;}
|
||||
.mcon01 .swiper-main .controls .swiper-button-next, .mcon01 .controls .swiper-button-next{right:0;margin-top:50%;}
|
||||
.mcon01 .swiper-main .controls .swiper-button-next:after, .mcon01 .controls .swiper-button-next:after {content: ''; display: block; clear: both; width: 15px; height: 15px; border: solid #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);margin-right:3px; border-width: 2px 2px 0 0;}
|
||||
.mcon01 .controls .swiper-pagination{width:58px;height:30px;font-size:21px;font-weight:100;color:#222;text-align:center;line-height:28px;letter-spacing:-0.075em;}
|
||||
.mcon01 .controls .swiper-pagination-bullet-active {background:#0374d0;}
|
||||
p.common-title{text-align:center; font-size:24px;font-weight:bold;color:#333; line-height:1;}
|
||||
/* p.common-title > span{color:#81ae99;} */
|
||||
|
||||
.mcon02{padding:22px 10px;}
|
||||
.mcon02 .designDisplay{}
|
||||
/* .mcon02 .designDisplay ul.goods_list{margin:0 !important;width:100%;}
|
||||
.mcon02 .designDisplay ul.goods_list > li:nth-of-type(2n){margin-right:0;}
|
||||
.mcon02 .designDisplay ul.goods_list > li{margin-top:30px;margin-right:10px;width:calc(50% - 5px) !important;-webkit-width:calc(50% - 5px) !important;-ms-width:calc(50% - 5px) !important;-moz-width:calc(50% - 5px) !important;-o-width:calc(50% - 5px) !important;box-sizing:border-box;} */
|
||||
.mcon02 .designDisplay ul.goods_list {margin: 0 !important;}
|
||||
.mcon02 .designDisplay ul.goods_list .gl_item {margin-bottom: 35px; padding:0 5px !important;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap{}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > a{display:block; border:1px solid #ececec}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > a span{max-height:none !important;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents{margin-top:0;font-size:0;text-align:center;margin-top:20px;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li{line-height:1.2 !important;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li .goods_name{margin-bottom:0;font-size:14px !important;font-weight:400 !important;color:#222 !important;text-align:center;line-height:1.2;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li .goods_summary{margin-bottom:0;font-size:12px;font-weight:400 !important;letter-spacing:-0.015em;color:#aaa !important;text-align:center;line-height:1.2;padding-top:10px;}
|
||||
/* 정가 */
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li.pros_best_consumer_price{display:inline-block !important;vertical-align:top;margin-top:5px;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li.pros_best_consumer_price .consumer_price{font-size:12px;font-weight:400;letter-spacing:-0.015em;color:#aaa;text-decoration:line-through;}
|
||||
/* 판매가 */
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li.gli_goodsprice{display:inline-block !important;vertical-align:top;margin-top:5px;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li.gli_goodsprice .sale_price{font-size:12px;font-weight:400;letter-spacing:-0.015em;color:#000;}
|
||||
.mcon02 .designDisplay ul.goods_list > li > .gl_inner_item_wrap > ol.gli_contents > li.gd_review {font-size:12px;}
|
||||
.custom_slide {padding-top:10px;}
|
||||
.custom_slide .swiper-scrollbar {position:relative; height:2px; margin:10px 10px 0; background:#81ae99; border-radius:0;}
|
||||
.custom_slide .swiper-scrollbar-drag {height:4px; position:relative; background:#367457; left:0; top:-1px; border-radius:0;}
|
||||
|
||||
|
||||
.mcon03{}
|
||||
.mcon03 p.common-title{padding-bottom:10px;text-align:right;padding-right:15px;}
|
||||
.mcon03 .top{background:url("../../wib/img/mcon03-img01.jpg")no-repeat center top;background-size:cover;height:79.5833333333vw;transition-duration:0.7s;}
|
||||
.mcon03 .top img{width:100%;opacity:0;}
|
||||
.mcon03 .bottom{position:relative;}
|
||||
.mcon03 .bottom .left{padding-left:15px;padding-top:30px;}
|
||||
.mcon03 .bottom .left p{font-size:24px;font-weight:400;letter-spacing:-0.015em;color:#222;line-height:31px;}
|
||||
.mcon03 .bottom .left span{display:block;font-size:12px;font-weight:400;letter-spacing:0.03em;letter-spacing:-0.015em;color:#222;text-align:left;padding-top:24px;}
|
||||
.mcon03 .bottom .left a{display:inline-block;font-size:12px;font-weight:400;color:#81ae99;text-align:left;letter-spacing:-0.015em;margin-top:40px;}
|
||||
.mcon03 .bottom .left a img{display:inline-block;vertical-align:top;margin-left:10px;position:relative;top:-2px;width:52px;}
|
||||
.mcon03 .bottom .right{position:absolute;top:-12vw;right:0;width:47vw;}
|
||||
.mcon03 .bottom .right img{width:100%;}
|
||||
|
||||
.mcon04{background:url("../../wib/img/mcon04-bg.jpg")no-repeat center top;background-size:cover;margin-top:70px;margin-bottom:20px;position:relative;}
|
||||
.mcon04 .bg{opacity:0;}
|
||||
.mcon04 .bg > img{width:100%;height:91vw;}
|
||||
.mcon04 .txt-box{position:absolute;left:0;top:0;z-index:3;padding:12.5vw 15px 0;}
|
||||
.mcon04 .txt-box{}
|
||||
.mcon04 .txt-box p{font-size:45px;font-weight:100;color:#c4d1d5;text-align:left;letter-spacing:0.1em;line-height:1;}
|
||||
.mcon04 .txt-box span{display:block;font-size:25px;font-weight:300;line-height:30px;color:#fff;text-align:left;padding-top:25px;}
|
||||
.mcon04 .txt-box a{display:block;padding-top:30px;font-size:12px;font-weight:400;color:#81ae99;letter-spacing:-0.015em;}
|
||||
.mcon04 .txt-box a img{display:inline-block;vertical-align:middle;margin-left:12px;width:52px;position:relative;top:9px;}
|
||||
|
||||
.mcon05{padding:80px 0;}
|
||||
.mcon05{}
|
||||
.mcon05 > p{font-size:30px;font-weight:300;letter-spacing:0.1em;color:#222;text-align:center;}
|
||||
.mcon05 ul{font-size:0;text-align:center;padding-top:44px;}
|
||||
.mcon05 ul li{display:inline-block;vertical-align:top;width:33.3333%;}
|
||||
.mcon05 ul li a{display:block;}
|
||||
.mcon05 ul li a img{width:100%;}
|
||||
|
||||
.inner_wrap {padding: 0 15px;}
|
||||
.main_evt_list {padding:21px 0 30px;}
|
||||
.main_evt_list ul:after {content:''; display:block; clear:both;}
|
||||
.main_evt_list ul li {float:left; width:25%; padding:0 15px; text-align:center; box-sizing:border-box;}
|
||||
.main_evt_list ul li img {width: 100%; height: auto;}
|
||||
.main_evt_list .evt_txt {display:block; margin:10px -15px 0; color:#585858; font-size:12px; font-weight:600;}
|
||||
.mcon07 img,
|
||||
.mcon08 img {width: 100%; height: auto;}
|
||||
.mcon07 {padding:20px 0;}
|
||||
.mcon08 {margin:35px 0 45px}
|
||||
109
build/resources/main/static/mobile/brand/DT/css/wib-view.css
Normal file
109
build/resources/main/static/mobile/brand/DT/css/wib-view.css
Normal file
@@ -0,0 +1,109 @@
|
||||
#layout_footer{display:block !important;}
|
||||
#layout_header .logo_wrap{background-color:#fff;border-bottom:1px solid #ececec;}
|
||||
#goods_title_bar{/*top:52px !important;border-bottom:0;*/}
|
||||
#goods_title_bar h2{width:100%;height:35px;line-height:35px;text-align:center;font-size:14px;font-weight:300;color:#444;text-align:center;}
|
||||
#goods_title_bar a{display:block;position:absolute;left:0;top:0;width:35px;height:35px;background:url("../../wib/img/back-btn.jpg")no-repeat center top;background-size:cover;}
|
||||
|
||||
#goods_view{padding-top:35px;}
|
||||
#goods_view_quick{margin:0;}
|
||||
|
||||
.prod_box{max-width:none;}
|
||||
div.slide-wrap{max-width:none;}
|
||||
|
||||
.prod_box ul.mobile_pagination_paging_style_5{width:auto;text-align:center;font-size:0;background:none;height:auto;display:block;margin-top:25px;}
|
||||
.prod_box ul.mobile_pagination_paging_style_5 li{display:inline-block !important;vertical-align:top;position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;}
|
||||
.prod_box ul.mobile_pagination_paging_style_5 li.paging_btn_prev{width:35px;height:35px;background:url("../../wib/img/paging-prev.jpg")no-repeat center top;background-size:cover;}
|
||||
.prod_box ul.mobile_pagination_paging_style_5 li.paging_btn_next{width:35px;height:35px;background:url("../../wib/img/paging-next.jpg")no-repeat center top;background-size:cover;}
|
||||
.prod_box ul.mobile_pagination_paging_style_5 li.paging_btn_body{width:auto;font-size:21px;font-weight:100;color:#222;text-align:center;width:60px;position:relative !important;top:7px !important;}
|
||||
.prod_box ul.mobile_pagination_paging_style_5 li.paging_btn_body span{font-size:21px !important;font-weight:100 !important;color:#222 !important;}
|
||||
#goods_thumbs{padding-bottom:55px;}
|
||||
|
||||
#goods_view .short_desc{font-size:15px;font-weight:300;color:#777;text-align:center;padding-top:30px;line-height:1.2;}
|
||||
#goods_view .goods_name{font-size:24px;font-weight:400;color:#81ae99;text-align:center;line-height:1.2;padding-top:13px;margin-top:0 !important;}
|
||||
.p1 .btn_open_small{display:none !important;}
|
||||
|
||||
.goods_spec_table .p1, .info_goods_spec_table .p1{font-size:14px;font-weight:400;letter-spacing:0.05em;color:#777;line-height:1;padding-top:15px;}
|
||||
.p1 .consumer{font-size:14px;font-weight:400;letter-spacing:0.05em;color:#777;line-height:1;padding-right:0;}
|
||||
.p1 .consumer s{font-size:14px;font-weight:400;letter-spacing:0.05em;color:#777;line-height:1;}
|
||||
.p1 b.price{line-height:1;font-size:16px;font-weight:500;color:#777;text-align:left;margin-bottom:0;font-weight:500;position:relative;top:-4px;}
|
||||
.p1 b.price span{padding:0;line-height:1;font-size:16px;font-weight:500;color:#777;text-align:left;margin-bottom:0;font-weight:500;line-height:1 !important;display:inline-block;vertical-align:middle;}
|
||||
.p1 b.price span.price_won{padding-left:0;position:relative;top:2px;font-weight:500;font-family:"Noto Sans KR", sans-serif;}
|
||||
|
||||
td.form{padding:0 15px;}
|
||||
|
||||
.gst_td td{border-bottom:0 !important;}
|
||||
|
||||
.goods_spec_table td.gst_td, .info_goods_spec_table td.gst_td{padding-top:0 !important;border-bottom:1px solid #ececec;}
|
||||
.goods_spec_table{border-collapse: collapse;}
|
||||
.goods_spec_table th.gst_th{padding:15px 0;vertical-align:middle !important;width:85px;font-size:13px;font-weight:400;color:#444;line-height:1.2;border-bottom:1px solid #ececec;height:auto;}
|
||||
.goods_spec_table tr td{padding:15px 0;width:calc(100% - 85px);width:-o-calc(100% - 85px);width:-ms-calc(100% - 85px);width:-moz-calc(100% - 85px);width:-webkit-calc(100% - 85px);font-size:12px !important;font-weight:300;color:#777 !important;border-bottom:1px solid #ececec;height:auto;}
|
||||
.goods_spec_table .btn_style.small{width:48px !important;height:16px !important;color:#fff !important;background-color:#777 !important;box-sizing:border-box !important;padding:0 !important;font-size:12px !important;font-weight:300 !important;border:0 !important;line-height:16px !important;}
|
||||
|
||||
tr.border-bottom-none th,
|
||||
tr.border-bottom-none td{border-bottom:0 !important;padding-bottom:10px !important;line-height:1.2 !important;height:auto !important;}
|
||||
|
||||
tr.type02 .gst_th,
|
||||
tr.type02 .gst_td{padding-top:0 !important;line-height:1.2 !important;height:auto !important;padding-bottom:15px !important;}
|
||||
.star_box:before{background-color:#81ae99;}
|
||||
|
||||
.goods_price_area .s1 button{width:25px !important;height:25px !important;font-size:0;border-color:#777;}
|
||||
.goods_price_area .s1 button:before{display:none;}
|
||||
.goods_price_area .s1 button:after{display:none;}
|
||||
.goods_price_area .s1 button.eaMinus{background:url("../../wib/img/minus-icon.png")no-repeat center;}
|
||||
.goods_price_area .s1 button.eaPlus{background:url("../../wib/img/plus-icon.png")no-repeat center;}
|
||||
.goods_price_area .s1 .ea_change{width:50px !important;height:25px !important;box-sizing:border-box;border-color:#777 !important;}
|
||||
|
||||
.total_goods_price{font-size:13px !important;font-weight:500 !important;color:#444 !important;line-height:1 !important;position:relative;top:6px;}
|
||||
.total_goods_price span.total_goods_tit{font-size:13px !important;font-weight:500 !important;color:#444 !important;line-height:1 !important;}
|
||||
.total_goods_price span#total_goods_price{font-size:17px !important;font-weight:bold !important;color:#81ae99 !important;line-height:1 !important;position:relative;top:-3px;}
|
||||
.goods_price_area{margin-top:17px;margin-bottom:30px;}
|
||||
|
||||
.btn_box_area{margin:0;margin-top:30px;}
|
||||
.btn_box_area input#addCart{width:calc(50% - 5px) !important;width:-o-calc(50% - 5px) !important;width:-ms-calc(50% - 5px) !important;width:-moz-calc(50% - 5px) !important;width:-webkit-calc(50% - 5px) !important;box-sizing:border-box;border:1px solid #999;margin:0;margin-right:10px;height:48px;font-size:13px;font-weight:400;color:#999;}
|
||||
.btn_box_area button#wishBtn{width:calc(50% - 5px) !important;width:-o-calc(50% - 5px) !important;width:-ms-calc(50% - 5px) !important;width:-moz-calc(50% - 5px) !important;width:-webkit-calc(50% - 5px) !important;box-sizing:border-box;border:1px solid #999;margin:0;height:48px;font-size:13px;font-weight:400;color:#999;}
|
||||
.btn_box_area button#wishBtn img{display:none !important;}
|
||||
.btn_box_area input#buy{width:100%;width:100% !important;margin:0;margin-top:10px;height:46px;line-height:46px;background-color:#81ae99;border:0;font-size:13px;font-weight:400;color:#fff;text-align:center;}
|
||||
|
||||
td.p1{border-bottom:0 !important;}
|
||||
tr.first th{border-top:2px solid #81ae99 !important;}
|
||||
tr.first td{border-top:0 !important;}
|
||||
tr.first td.gst_td{border-top:2px solid #81ae99 !important;}
|
||||
|
||||
.goods_information_tabs{background-color:#d8dfe1;}
|
||||
.goods_information_tabs li.current{background-color:#81ae99 !important;}
|
||||
.goods_information_tabs li.current a{color:#fff !important;}
|
||||
.goods_information_tabs li a{height:46px;line-height:46px;font-size:13px !important;font-weight:400;color:#444 !important;text-align:center;}
|
||||
|
||||
tr.optionTr{}
|
||||
.goods_option_table{margin-top:15px !important;}
|
||||
.goods_option_table tr.optionTr td{background-color:transparent !important;font-size:13px;font-weight:400;color:#444;text-align:left;}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(1){width:85px;}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(2){width:calc(100% - 85px);width:-o-calc(100% - 85px);width:-ms-calc(100% - 85px);width:-moz-calc(100% - 85px);width:-webkit-calc(100% - 85px);}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(2) .sbHolder{width:100%;height:30px;line-height:30px;box-sizing:border-box;border:1px solid #777;background:none !important;}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(2) .sbHolder > a{display:block;height:100% !important;font-size:13px !important;font-weight:300;color:#777 !important;text-align:left;padding-left:10px;line-height:43px !important;background:url("../../wib/img/detail-select-bg.png")no-repeat center right 10px;box-sizing:border-box;background-size:11px 7px;}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(2) .sbHolder ul.sbOptions{}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(2) .sbHolder ul.sbOptions li{}
|
||||
.goods_option_table tr.optionTr td:nth-of-type(2) .sbHolder ul.sbOptions li a{font-size:13px !important;font-weight:300;color:#777 !important;text-align:left;padding-left:10px;}
|
||||
.goods_quantity_table{background-color:transparent !important;border:0 !important;}
|
||||
.goods_quantity_table tr:first-of-type .quantity_cell{border-top:0 !important;}
|
||||
.goods_quantity_table tr{background-color:#f5f5f5 !important;border:0 !important;border-top:0;}
|
||||
.goods_quantity_table tr .quantity_cell{border-top:1px solid #ddd !important;}
|
||||
.goods_quantity_table .option_text{font-size:13px !important;font-weight:400 !important;line-height:15px !important;color:#444 !important;text-align:left;padding-bottom:5px !important;}
|
||||
.goods_quantity_table .option_col_price{padding-bottom:13px !important;}
|
||||
.goods_quantity_table .out_option_price, .goods_option .out_suboption_price{font-size:13px !important;font-weight:500 !important;color:#444 !important;text-align:left !important;}
|
||||
.goods_quantity_table .quanity_row .quantity_cell > span{font-size:13px;font-weight:500;color:#444;text-align:right;}
|
||||
.quantity_cell.option_col_price > span:nth-of-type(3){font-size:13px;font-weight:500;color:#444;text-align:right;}
|
||||
.goods_quantity_table .quantity_cell{border-top:0 !important;}
|
||||
|
||||
.quantity_cell.option_col_text td button:before,
|
||||
.quantity_cell.option_col_text td button:after{display:none;}
|
||||
.quantity_cell.option_col_text td button{width:25px !important;height:25px !important;font-size:0 !important;border:1px solid #777 !important;box-sizing:border-box;background-color:#fff !important;}
|
||||
.quantity_cell.option_col_text td button.eaMinus{background:#fff url("../../wib/img/minus-icon.png")no-repeat center;}
|
||||
.quantity_cell.option_col_text td button.eaPlus{background:#fff url("../../wib/img/plus-icon.png")no-repeat center;}
|
||||
.quantity_cell.option_col_text td input{width:50px !important;height:25px !important;box-sizing:border-box;border-color:#777 !important;}
|
||||
|
||||
|
||||
|
||||
.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;}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
BIN
build/resources/main/static/mobile/brand/DT/images/back-btn.jpg
Normal file
BIN
build/resources/main/static/mobile/brand/DT/images/back-btn.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
build/resources/main/static/mobile/brand/DT/images/bc04-bg.jpg
Normal file
BIN
build/resources/main/static/mobile/brand/DT/images/bc04-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
BIN
build/resources/main/static/mobile/brand/DT/images/bc04-icon.png
Normal file
BIN
build/resources/main/static/mobile/brand/DT/images/bc04-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 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/mobile/brand/DT/images/brand-mv.jpg
Normal file
BIN
build/resources/main/static/mobile/brand/DT/images/brand-mv.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
build/resources/main/static/mobile/brand/DT/images/cart-icon.png
Normal file
BIN
build/resources/main/static/mobile/brand/DT/images/cart-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
build/resources/main/static/mobile/brand/DT/images/logo.png
Normal file
BIN
build/resources/main/static/mobile/brand/DT/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 605 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user