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

build/resources/main/static/mobile/brand/NB/css/unit_skin1_popular_2.css

@@ -0,0 +1,54 @@
+/* BASIC css start */
+.popular .display_scroll{overflow:visible;position:relative;width:100%;height:42px}
+.popular .display_scroll .scroll{position:absolute;top:0;width:auto;height:100%}
+.popular .display_scroll .lst_ul{overflow:visible;width:100%;white-space:nowrap}
+.popular .display_scroll .lst_ul h4{display:inline-block;position:relative}
+.popular .tab{overflow:hidden;margin-bottom:15px;border:1px solid #eaeaea;font-size:0}
+.popular .tab h4{float:left;width:25%;text-align:center; letter-spacing: -1.5px;text-decoration:none;}
+.popular .tab h4 a{display:block;position:relative;z-index:1;height:35px;line-height:35px;padding:0 8px;font-size:3vw;font-weight:100;color:#53535F;border-bottom:1px solid #f8f8f8;border-right:1px solid #f8f8f8;box-sizing:border-box}
+.popular .tab h4:nth-child(4) a, .popular .tab h4:nth-child(8) a, .popular .tab h4:nth-child(12) a{border-right:none}
+.popular .tab h4:nth-child(9) a, .popular .tab h4:nth-child(10) a, .popular .tab h4:nth-child(11) a, .popular .tab h4:nth-child(12) a{border-bottom:none}
+
+/* hover color */
+.popular .tab h4.is-active a{color:#fff;}
+.popular .tab h4.is-active:nth-child(1) a{background:#92C17B;border-color:#92C17B}
+.popular .tab h4.is-active:nth-child(2) a{background:#83b954;border-color:#83b954}
+.popular .tab h4.is-active:nth-child(3) a{background:#d6ae8f;border-color:#d6ae8f}
+.popular .tab h4.is-active:nth-child(4) a{background:#f19b8a;border-color:#f19b8a}
+.popular .tab h4.is-active:nth-child(5) a{background:#dbc196;border-color:#dbc196}
+.popular .tab h4.is-active:nth-child(6) a{background:#c7b1b3;border-color:#c7b1b3}
+.popular .tab h4.is-active:nth-child(7) a{background:#b0cab0;border-color:#b0cab0}
+.popular .tab h4.is-active:nth-child(8) a{background:#563825;border-color:#563825}
+.popular .tab h4.is-active:nth-child(9) a{background:#b4b3d2;border-color:#b4b3d2}
+.popular .tab h4.is-active:nth-child(10) a{background:#a6ccf0;border-color:#a6ccf0}
+.popular .tab h4.is-active:nth-child(11) a{background:#445580;border-color:#445580}
+.popular .tab h4.is-active:nth-child(12) a{background:#a4c7c0;border-color:#a4c7c0}
+/* end:hover color */
+
+.popular .tab hr.hr{display:block;height:0;line-height:0;padding-top:18px;border:0 none;font-size:0}
+.popular .tab_panel .panel{visibility:hidden;height:0}
+.popular .tab_panel .sw_slide{margin-top:-31%;padding-bottom:20px;padding-left:8%}
+.popular .tab_panel .sw_slide .swiper-container{padding-bottom:0}
+.popular .tab_panel .sw_slide .item{width:90px;margin-right:15px}
+.popular .tab_panel .sw_slide .item a{display:block;text-align:center;color:#555559;font-size:11px}
+.popular .tab_panel .sw_slide .item strong{display:block;margin-top:10px}
+.popular .banner{margin:40px 0 0}
+
+/* */
+.popular .tab_panel #best .sw_slide{background:#F5F5F5}
+.popular .tab_panel #moisture .sw_slide{background:#E6EDE3}
+.popular .tab_panel #shining .sw_slide{background:#FFF5E5}
+.popular .tab_panel #volume .sw_slide{background:#FAEFED}
+.popular .tab_panel #organic .sw_slide{background:#F6F1E0}
+.popular .tab_panel #special .sw_slide{background:#F0F0F0}
+.popular .tab_panel #masks .sw_slide{background:#E9F1E8}
+.popular .tab_panel #body .sw_slide{background:#F2E9E3}
+.popular .tab_panel #prop .sw_slide{background:#e2f1ee}
+.popular .tab_panel #soap .sw_slide{background:#ececf4}
+.popular .tab_panel #baby .sw_slide{background:#EBF8FE}
+.popular .tab_panel #homme .sw_slide{background:#edf2f6}
+
+@media (min-width:400px){
+    .popular .tab h4 a{font-size:14px}
+}
+/* BASIC css end */