/* BASIC css start */ /* */ .SMS_BaseMenu_01 {border-bottom:1px solid #ddd; background-color:#fff; width:100%; display:block; padding: 0 8px; height:35px;} .SMS_BaseMenu_01 .container_Box{height: 35px!important;} .SMS_BaseMenu_01 .container_Box ul {position:relative; -webkit-overflow-scrolling:touch;overflow:hidden; width: 540px!important; white-space: nowrap;} .SMS_BaseMenu_01 .container_Box ul li{font-size:13px;} #SMS_flipBannerContainer .origin { opacity:1;} /* 리셋 */ .floatclear:after{content:'';display:block;clear:both;} .contents_center{color:#ff4c4c} .contents_center p{line-height:1px;} .contents_center span{background: url('http://zenpia.jpg1.kr/images/mobile/bottom_cc_bt.png')!important; background-size:auto 32px!important} #SMS_flipBannerContainer{background:#fff;} .SMS_MainSearch{padding: 5px 10px;} /*상단 로고옆 화살표 */ .SMS_Logolayout .container_Box h1 i{font-size:20px; position:absolute; top:50%; margin-left:10px;} /* 상단 로고 */ .mo-logo-slide{position:relative; } ul.mo-logo-warp{z-index:2; position:absolute; left: 50%; background:#fff; width:141px; margin-left: -63px; text-align:center; display:none;} li.mo-slide-logo{font-size:16px; margin:6px 0; font-weight:600;} .mo-slide-logo{} .mo-slide-logo>a>img{width:70%; margin:6px 0;} .mo-slide-logo:last-child>a>img{width:62%;} /*로고 밑에 검색창임*/ li.search{ position: relative; width:80%; float:left; } input[type="text"] {width:100%;} .search_right_cart_icon{ position: absolute; top:0; right:9px; width: 35px; height: 35px; float: right; } .search_right_cart_icon>img{width:100%;} .search_right_cart_icon_fixed{width:35px; height:35px; float:right;} .search_right_cart_icon_fixed>img {width:100%;} .top_logo_wrap{z-index: 3; height:58px; position:relative;} /* 검색창 밑에 메뉴 190412 SMS....201903.css에 적용하기 꼭 */ .all-menu-wrap{/* max-width:339px; */ width:100%; background:#f1f1f1; overflow-x:scroll;} /* WIB */ #wHeader{height:60px;position:relative;z-index:555;} #wHeader .inner{padding:0 20px;box-sizing:border-box;text-align:left;padding-top:17px;} #wHeader .inner:after{display:block;content:"";clear:both;} #wHeader .inner > a{display:inline-block;vertical-align:middle;width:15px;height:15px;position:relative;margin-right:20px;} #wHeader .inner > a.on span:nth-of-type(1){transform:rotate(45deg);top:7px;} #wHeader .inner > a.on span:nth-of-type(2){left:-10px;opacity:0;} #wHeader .inner > a.on span:nth-of-type(3){transform:rotate(-45deg);bottom:7px;} #wHeader .inner > a span{display:block;position:absolute;border-radius:10px;background-color:#606060;width:100%;height:1px;left:0;transition:all 0.3s;opacity:1;} #wHeader .inner > a span:nth-of-type(1){top:0;} #wHeader .inner > a span:nth-of-type(2){top:7px;} #wHeader .inner > a span:nth-of-type(3){bottom:0;} #wHeader .inner h1{display:inline-block;vertical-align:middle;} #wHeader .inner h1 a{display:block;} #wHeader .inner h1 a img{width:100px;} #wHeader .inner .right{float:right;} #wHeader .inner .right ul{font-size:0;text-align:right;} #wHeader .inner .right ul li{display:inline-block;vertical-align:middle;} #wHeader .inner .right ul li a{display:block;position:relative;} #wHeader .inner .right ul li a em{display:block;position:absolute;width:16px;height:16px;background-color:#2e2e2e;border-radius:50%;font-size:10px;font-weight:400;color:#fff;text-align:center;line-height:16px;right:-9px;top:-6px;} #wHeader .inner .right ul li:nth-of-type(1){margin-right:10px;} #wHeader .inner .right ul li:nth-of-type(1) a{background:url("/design/zenpia0/wib/img/m-search-icon.png")no-repeat center;background-size:26px;} #wHeader .inner .right ul li:nth-of-type(1) a.on{background:url("/design/zenpia0/wib/img/m-search-close.png")no-repeat center;background-size:17px;} #wHeader .inner .right ul li:nth-of-type(1) a img{width:26px;opacity:0;} #wHeader .inner .right ul li:nth-of-type(2) a img{width:22px;} #wHeader .search-area{position:absolute;background-color:#fff;top:60px;left:0;z-index:33;width:100%;display:none;} #wHeader .search-area .top{background-color:#F9F9F9;height:108px;box-sizing:border-box;padding:28px 22px 0;} #wHeader .search-area .top form{display:block;position:relative;} #wHeader .search-area .top form input[type="text"]{display:block;width:100%;border:0;height:42px;border-bottom:1px solid #2e2e2e;font-size:14px;text-align:left;background-color:transparent;color:#000;} #wHeader .search-area .top form input[type="text"]:placeholder{color:#c8c8c8;} #wHeader .search-area .top form input[type="text"]::placeholder{} #wHeader .search-area .top em{display:block;position:absolute;right:22px;top:36px;background:url("/design/zenpia0/wib/img/m-search-icon.png")no-repeat center;background-size:26px;width:26px;height:26px;} #wHeader .search-area .top em a{display:block;width:100%;height:100%;} #wHeader .search-area .top em a img{opacity:0;} #wHeader .search-area .bottom{padding:40px 22px 54px;box-sizing:border-box;} #wHeader .search-area .bottom p{font-size:16px;font-weight:700;color:#2e2e2e;text-align:left;line-height:1;margin-bottom:20px;} #wHeader .search-area .bottom ul{} #wHeader .search-area .bottom ul li{border:1px solid transparent;transition:all 0.3s;} #wHeader .search-area .bottom ul li a{display:block;font-size:14px;font-weight:400;color:#c8c8c8;padding:11px 20px;transition:all 0.3s;} #wHeader .search-area .bottom ul li a b{display:inline-block;vertical-align:middle;width:30px;font-weight:400;position:relative;line-height:1;top:-1px;} #wHeader .search-area .bottom ul li.on{border-color:#000;} #wHeader .search-area .bottom ul li.on a{color:#2B2B2B;} #wHeader{} #wHeader .menu-area{position:absolute;background-color:#fff;top:60px;left:0;z-index:333;width:100%;display:none;} #wHeader .menu-area .top{height:108px;box-sizing:border-box;padding:30px 15px 30px 60px; background:#F9F9F9 url("/design/zenpia0/wib/img/menu-top-icon.png")no-repeat left 15px top 30px;background-size:30px;} #wHeader .menu-area .top p{font-size:14px;color:#2e2e2e;} #wHeader .menu-area .top p span{text-decoration:underline;} #wHeader .menu-area .top ul{padding-top:18px;} #wHeader .menu-area .top ul li:last-of-type{margin-right:0;} #wHeader .menu-area .top ul li{display:inline-block;vertical-align:middle;margin-right:14px;} #wHeader .menu-area .top ul li a{display:block;line-height:1;font-size:12px;color:#2e2e2e;} #wHeader .menu-area .bottom{padding:40px 20px;box-sizing:border-box;overflow-y:auto;position:relative;} #wHeader .menu-area .bottom > ul{} #wHeader .menu-area .bottom > ul > li:first-of-type{padding-top:0;} #wHeader .menu-area .bottom > ul > li{padding-top:20px; width: 150px;} #wHeader .menu-area .bottom > ul > li.hover > a{color:#c8c8c8;} #wHeader .menu-area .bottom > ul > li > a{display:block;font-size:20px;color:#2e2e2e;line-height:1;} #wHeader .menu-area .bottom > ul > li > ul{position:absolute;left:190px;top:40px;display:none;} #wHeader .menu-area .bottom > ul > li > ul > li:first-of-type{padding-top:0;} #wHeader .menu-area .bottom > ul > li > ul > li{padding-top:16px;} #wHeader .menu-area .bottom > ul > li > ul > li.hover > a{color:#C8C8C8;} #wHeader .menu-area .bottom > ul > li > ul > li > a{display:block;font-size:14px;color:#2b2b2b;line-height:1;} #wHeader .menu-area .bottom > ul > li > ul > li > ul{display:none;} #wHeader .menu-area .bottom > ul > li > ul > li > ul > li{padding-top:16px;} #wHeader .menu-area .bottom > ul > li > ul > li > ul > li > a{display:block;font-size:14px;color:#2b2b2b;font-weight:300;line-height:1;} #wHeader .menu-area .footer{display:block;} #wHeader .menu-area .footer .swiper-container{display:block !important;} #wHeader .menu-area .footer > ul{height:55px;background-color:#F9F9F9;padding:20px 24px;box-sizing:border-box;font-size:0;text-align:center;} #wHeader .menu-area .footer > ul li{width:25%;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;} #wHeader .menu-area .footer > ul li:after{display:block;content:"";position:absolute;width:1px;height:12px;background-color:#DFDFDF;right:0;top:50%;margin-top:-6px;} #wHeader .menu-area .footer > ul li:last-of-type:after{display:none;} #wHeader .menu-area .footer > ul li a{display:block;font-size:12px;font-weight:400;color:#2b2b2b;text-align:center;letter-spacing:-0.05em;line-height:1;} #wHeader .menu-area .footer > ul li a img{display:inline-block;vertical-align:middle;margin-right:5px;position:relative;top:-1px;} /* BASIC css end */