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

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