merge master into develop - CscListRForm.jsp FAQ 아코디언 버그 수정

build/resources/main/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;}
+
+

build/resources/main/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;}

build/resources/main/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;}

build/resources/main/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}

build/resources/main/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;}

build/resources/main/static/mobile/brand/DT/js/wib-common.js

@@ -0,0 +1,3 @@
+$(function(){
+	
+});

build/resources/main/static/mobile/brand/DT/js/wib-list.js

@@ -0,0 +1,86 @@
+$(function(){
+
+  function getQueryStringValue (key) {
+    return decodeURIComponent(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
+  }
+  
+  if( $('.nav_wrap2').length ){
+    var categoryCode = getQueryStringValue("code");
+    console.log(categoryCode);
+
+    var depthText = $(".nav_wrap2 .category-title").text();
+    $(".nav_wrap2 .category-header .categoryDepth2 a").each(function(){
+        var activeText = $(this).text();
+        if ( activeText == depthText )
+        {
+          if ($(this).closest(".nav_wrap2").length) {
+            $(this).addClass('text-point');
+            $(this).closest('.categoryDepth2').addClass("category-active");
+            if( $('.category-header .category-active .categoryDepth3 li').length ){
+                $(this).closest('.category-header').addClass("category-header-active");
+            }
+          }
+        }
+    });
+    console.log(depthText);
+  }
+
+	$(window).load(function(){
+		/*var recomSlider = new Swiper(".nav_wrap2 .swiper-container", {
+			slidesPerView: "3.5",
+			// spaceBetween: 22,
+			freeMode: true,
+			// Rrefresh option
+			observer : true,
+			observeParents: true,
+			 navigation: {
+				prevEl: ".nav_wrap2 .swiper-prev",
+				nextEl: ".nav_wrap2 .swiper-next",
+			 },
+		});*/
+    
+
+    var categoryContainer = $(".nav_wrap2 .category-active");
+
+    if (categoryContainer.find(".categoryDepth3").length) {
+      console.log('depth3 있당');
+      categoryContainer.addClass("swiper-container");
+      categoryContainer.find(".categoryDepth3").addClass("swiper-wrapper");
+      categoryContainer.find(".categorySubDepth").addClass("swiper-slide");
+  
+      setTimeout(function(){
+        var cateSwiper = new Swiper(".category-active", {
+          slidesPerView: "auto",
+          freeMode: true,
+          observer : true,
+          observeParents: true,
+          on: {
+            init: function () {
+              console.log('swiper initialized');
+              var activeCategory = $(".category-active").find(".text-point").closest("li").index();
+              console.log(activeCategory);
+              setTimeout(function(){
+                cateSwiper.slideTo(activeCategory);
+              }, 350);
+            },
+            slideChange: function() {
+              if (cateSwiper.isBeginning) {
+                console.log('체인지 시작');
+              }
+              if (cateSwiper.isEnd) {
+                console.log('체인지 마지막');
+              }
+            },
+            reachEnd: function(){
+              console.log('마지막')
+            },
+            reachBeginning: function() {
+              console.log('시작');
+            }
+          },
+        }); 
+      }, 500);
+    }
+	});
+
+});

build/resources/main/static/mobile/brand/DT/js/wib-main.js

@@ -0,0 +1,20 @@
+$(function(){
+	// MAIN VISUAL
+	var mvSlider = new Swiper(".mcon01 .swiper-container", {
+		slidesPerView: "1",
+		autoplay : { 
+			delay : 6000, 
+			loop : true,
+		},
+		loop: true,
+		navigation: {
+			prevEl: ".swiper-button-prev",
+			nextEl: ".swiper-button-next",
+		},
+		speed : 800,
+	});
+});
+
+$(window).load(function(){
+	AOS.init();
+});