초기소스

src/main/resources/static/mobile/brand/AF/css/css.css

@@ -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%;
+}

src/main/resources/static/mobile/brand/BD/css/user.css

@@ -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;}

src/main/resources/static/mobile/brand/CH/css/user.css

@@ -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;}

src/main/resources/static/mobile/brand/DL/css/quick_design.css

@@ -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;
+}

src/main/resources/static/mobile/brand/DL/css/user.css

@@ -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;}
+}

src/main/resources/static/mobile/brand/DT/css/wib-brand.css

@@ -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;}
+
+

src/main/resources/static/mobile/brand/DT/css/wib-common.css

@@ -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;}

src/main/resources/static/mobile/brand/DT/css/wib-list.css

@@ -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;}

src/main/resources/static/mobile/brand/DT/css/wib-main.css

@@ -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}

src/main/resources/static/mobile/brand/DT/css/wib-view.css

@@ -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;}