#header {margin-bottom:0 !important;} #container {width:100% !important;} #container #snb {display:none !important;} #container #contents {float:none !important; padding-top:0 !important; width:100% !important;} #side_wing_banner { display: none !important; } #quick { display: none !important; } .bestofbest_top_title {overflow:hidden; width:100%; height:250px; background:url("../../img/trend9/bestofbest_top_title_bg.png") repeat-x center 0; text-align:center;} .bestofbest_top_title img {margin:53px 0 35px;} /* widget_normal_product */ .widget_normal_product {margin:20px 0 !important; } .widget_normal_product h3 {text-align:left; margin:0; padding:0 0 15px; } .widget_normal_product ul.prdList {clear:both; zoom:1; margin:0 0 0 -2% !important; padding: 0; font-size:0; line-height:0;} .widget_normal_product ul.prdList:after {content:""; display:block; clear:both; } .widget_normal_product ul.prdList li.item {position:relative; display:inline-block; *display:inline; width:18%; margin:10px 0 30px 2%; padding: 0; vertical-align:top; font-size:12px; line-height:16px; *zoom:1;} .widget_normal_product ul.prdList li.item .prdImg { display:block;} .widget_normal_product ul.prdList li.item .prdImg img { display:block; width:100%; height:auto;} .widget_normal_product .product_no_count {text-align:center; padding:200px 0; color:#999; font-size:13px;} /* theme search */ /* theme_row */ .theme_row {position:relative; margin-bottom:50px; background:url("../../img/trend9/main_theme_row_bg2.jpg") repeat-x center center;} .theme_row .search_theme {padding:50px 0;} .theme_row .search_theme .search_theme_title {text-align:center; padding:0px 0 50px;} .theme_row .search_theme .search_theme_title h2 {padding-bottom:5px; color:#fff; font-weight:700; font-size:42px; font-family:'Lato', sans-serif; text-shadow:1px 1px 2px rgba(0,0,0,0.3);} .theme_row .search_theme .search_theme_title span {color:#fff; font-size:14px;} /* theme step css */ /* Common */ #theme_shopping_form { display: none; } /* form css */ #theme_shopping_form.wizard, #theme_shopping_form .tabcontrol {display:block; width: 100%; overflow:hidden;} #theme_shopping_form.wizard a, #theme_shopping_form .tabcontrol a {outline:0;} #theme_shopping_form.wizard ul, #theme_shopping_form .tabcontrol ul {list-style:none !important; padding:0; margin:0;} #theme_shopping_form.wizard ul > li, #theme_shopping_form .tabcontrol ul > li {display:block; padding:0;} /* Accessibility */ #theme_shopping_form.wizard > .steps .current-info, #theme_shopping_form .tabcontrol > .steps .current-info {position:absolute; left:-999em;} #theme_shopping_form.wizard > .content > .title, #theme_shopping_form .tabcontrol > .content > .title {position:absolute; left:-999em;} /* Wizard */ #theme_shopping_form.wizard > .steps {position:relative; display:block; width:100%;} #theme_shopping_form.wizard.vertical > .steps {display:inline; float:left; width:30%;} #theme_shopping_form.wizard > .steps .number {display:none !important; font-size: 1.429em;} #theme_shopping_form.wizard > .steps > ul > li {width: 25%;} #theme_shopping_form.wizard > .steps > ul > li, #theme_shopping_form.wizard > .actions > ul > li {float: left;} #theme_shopping_form.wizard.vertical > .steps > ul > li {float: none; width: 100%;} #theme_shopping_form.wizard > .steps a, #theme_shopping_form.wizard > .steps a:hover, #theme_shopping_form.wizard > .steps a:active { display: block; width: auto; margin: 0 10px 40px; padding: 15px; line-height:20px; font-size:12px; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #theme_shopping_form.wizard > .steps a strong { position: relative; font-size:14px;} #theme_shopping_form.wizard > .steps a strong .count { position: absolute; right: -20px; top: 0px; width: 16px; height: 16px; text-align: center; font-size: 11px; line-height: 16px; color: #fff; background: #32c0b6; border-radius: 50%; } #theme_shopping_form.wizard > .steps .disabled a, #theme_shopping_form.wizard > .steps .disabled a:hover, #theme_shopping_form.wizard > .steps .disabled a:active { background: rgba(255,255,255,0.6); color: #898989; cursor: default; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard > .steps .current a, #theme_shopping_form.wizard > .steps .current a:hover, #theme_shopping_form.wizard > .steps .current a:active { background:url("../../img/trend9/main_theme_step_active_bg.png") no-repeat right center rgba(255,255,255,0.9); color: #333; cursor: default; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard > .steps li a, #theme_shopping_form.wizard > .steps li a:hover, #theme_shopping_form.wizard > .steps li a:active { background: rgba(255,255,255,0.6); color: #898989; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard > .steps .error a, #theme_shopping_form.wizard > .steps .error a:hover, #theme_shopping_form.wizard > .steps .error a:active { background: rgba(255,255,255,0.6); color: #898989; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard > .content { background:rgba(255,255,255,0.9); display: block; margin: 10px 10px 20px; min-height:480px; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard.vertical > .content {display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%;} #theme_shopping_form.wizard > .content > .body { position: absolute; padding: 10px 0px 10px 0px; width: 100%; height: 100%; } #theme_shopping_form.wizard > .actions {position: relative; display: block; text-align: left; width: 100%;} #theme_shopping_form.wizard.vertical > .actions {display: inline; float: right; margin: 0 2.5%; width: 95%;} #theme_shopping_form.wizard > .actions > ul {display:block; text-align: left;} #theme_shopping_form.wizard > .actions > ul > li {margin: 0 0.5em;} #theme_shopping_form.wizard.vertical > .actions > ul > li {margin: 0 0 0 1em;} #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) {float:right;} #theme_shopping_form.wizard > .actions a, #theme_shopping_form.wizard > .actions a:hover, #theme_shopping_form.wizard > .actions a:active { background:rgba(255,255,255,1.0); color: #333; font-size:14px; font-weight:700; display: block; padding: 15px 0; width:100px; text-align:center; text-decoration: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a, #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a:hover, #theme_shopping_form.wizard > .actions > ul > li:nth-child(3) > a:active { background:rgba(50,192,182,1.0); color: #fff; font-size:14px; font-weight:700; display: block; padding: 10px 20px; width:100px; text-align:center; text-decoration: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); } #theme_shopping_form.wizard > .actions .disabled a, #theme_shopping_form.wizard > .actions .disabled a:hover, #theme_shopping_form.wizard > .actions .disabled a:active {background:rgba(255,255,255,0.5); color: #666;} #theme_shopping_form.wizard > .loading {} #theme_shopping_form.wizard > .loading .spinner {} /* Tabcontrol */ #theme_shopping_form .tabcontrol > .steps {position: relative; display: block; width: 100%;} #theme_shopping_form .tabcontrol > .steps > ul {position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1;} #theme_shopping_form .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #theme_shopping_form .tabcontrol > .steps > ul > li:hover {background: #edecec; border: 1px solid #bbb; padding: 0;} #theme_shopping_form .tabcontrol > .steps > ul > li.current {background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0;} #theme_shopping_form .tabcontrol > .steps > ul > li > a {color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none;} #theme_shopping_form .tabcontrol > .steps > ul > li > a:hover {text-decoration: none;} #theme_shopping_form .tabcontrol > .steps > ul > li.current > a {padding: 15px 30px 10px 30px;} #theme_shopping_form section { overflow: hidden; margin-top: 3px; } #theme_shopping_form section:after {content:""; display:block; clear:both;} #theme_shopping_form section ul { overflow: hidden; margin:0 10px 0 5px !important; padding:0; list-style:none; } #theme_shopping_form section ul:after {content:""; display:block; clear:both;} #theme_shopping_form section ul li {float:left;display:inline-block; width:14.2% !important; margin:0; padding:0; list-style:none; text-align:center;} #theme_shopping_form section ul li a {display:block; width:120px; height:48px; margin:15px auto 10px; padding:72px 0 0; font-size:11px; line-height:40px; color:#555; text-decoration:none; text-align: center; border-radius: 120px; background:url("../../img/trend9/theme_tabs1_icon1.png") no-repeat center 0; background-color:#fff;} #theme_shopping_form section ul.theme_no li.item1 a {background-image:url("../../img/trend9/theme_tabs1_icon1.png"); } #theme_shopping_form section ul.theme_no li.item2 a {background-image:url("../../img/trend9/theme_tabs1_icon2.png"); } #theme_shopping_form section ul.theme_no li.item3 a {background-image:url("../../img/trend9/theme_tabs1_icon3.png"); } #theme_shopping_form section ul.theme_no li.item4 a {background-image:url("../../img/trend9/theme_tabs1_icon4.png"); } #theme_shopping_form section ul.theme_no li.item5 a {background-image:url("../../img/trend9/theme_tabs1_icon5.png"); } #theme_shopping_form section ul.theme_no li.item6 a {background-image:url("../../img/trend9/theme_tabs1_icon6.png"); } #theme_shopping_form section ul.theme_no li.item7 a {background-image:url("../../img/trend9/theme_tabs1_icon7.png"); } #theme_shopping_form section ul.theme_no li.item8 a {background-image:url("../../img/trend9/theme_tabs1_icon8.png"); } #theme_shopping_form section ul.theme_no li.item9 a {background-image:url("../../img/trend9/theme_tabs1_icon9.png"); } #theme_shopping_form section ul.theme_no li.item10 a {background-image:url("../../img/trend9/theme_tabs1_icon10.png"); } #theme_shopping_form section ul.theme_no li.item11 a {background-image:url("../../img/trend9/theme_tabs1_icon11.png"); } #theme_shopping_form section ul.theme_no li.item12 a {background-image:url("../../img/trend9/theme_tabs1_icon12.png"); } #theme_shopping_form section ul.theme_no li.item13 a {background-image:url("../../img/trend9/theme_tabs1_icon13.png"); } #theme_shopping_form section ul.theme_no li.item14 a {background-image:url("../../img/trend9/theme_tabs1_icon14.png"); } #theme_shopping_form section ul.theme_no li.item15 a {background-image:url("../../img/trend9/theme_tabs1_icon15.png"); } #theme_shopping_form section ul.theme_no li.item16 a {background-image:url("../../img/trend9/theme_tabs1_icon16.png"); } #theme_shopping_form section ul.business_no li.item1 a {background-image:url("../../img/trend9/theme_tabs2_icon1.png"); } #theme_shopping_form section ul.business_no li.item2 a {background-image:url("../../img/trend9/theme_tabs2_icon2.png"); } #theme_shopping_form section ul.business_no li.item3 a {background-image:url("../../img/trend9/theme_tabs2_icon3.png"); } #theme_shopping_form section ul.business_no li.item4 a {background-image:url("../../img/trend9/theme_tabs2_icon4.png"); } #theme_shopping_form section ul.business_no li.item5 a {background-image:url("../../img/trend9/theme_tabs2_icon5.png"); } #theme_shopping_form section ul.business_no li.item6 a {background-image:url("../../img/trend9/theme_tabs2_icon6.png"); } #theme_shopping_form section ul.business_no li.item7 a {background-image:url("../../img/trend9/theme_tabs2_icon7.png"); } #theme_shopping_form section ul.business_no li.item8 a {background-image:url("../../img/trend9/theme_tabs2_icon8.png"); } #theme_shopping_form section ul.business_no li.item9 a {background-image:url("../../img/trend9/theme_tabs2_icon9.png"); } #theme_shopping_form section ul.business_no li.item10 a {background-image:url("../../img/trend9/theme_tabs2_icon10.png"); } #theme_shopping_form section ul.business_no li.item11 a {background-image:url("../../img/trend9/theme_tabs2_icon11.png"); } #theme_shopping_form section ul.business_no li.item12 a {background-image:url("../../img/trend9/theme_tabs2_icon12.png"); } #theme_shopping_form section ul.business_no li.item13 a {background-image:url("../../img/trend9/theme_tabs2_icon13.png"); } #theme_shopping_form section ul.business_no li.item14 a {background-image:url("../../img/trend9/theme_tabs2_icon14.png"); } #theme_shopping_form section ul.business_no li.item15 a {background-image:url("../../img/trend9/theme_tabs2_icon15.png"); } #theme_shopping_form section ul.target_no li.item1 a {background-image:url("../../img/trend9/theme_tabs3_icon1.png"); } #theme_shopping_form section ul.target_no li.item2 a {background-image:url("../../img/trend9/theme_tabs3_icon2.png"); } #theme_shopping_form section ul.target_no li.item3 a {background-image:url("../../img/trend9/theme_tabs3_icon3.png"); } #theme_shopping_form section ul.target_no li.item4 a {background-image:url("../../img/trend9/theme_tabs3_icon4.png"); } #theme_shopping_form section ul.target_no li.item5 a {background-image:url("../../img/trend9/theme_tabs3_icon5.png"); } #theme_shopping_form section ul.target_no li.item6 a {background-image:url("../../img/trend9/theme_tabs3_icon6.png"); } #theme_shopping_form section ul.target_no li.item7 a {background-image:url("../../img/trend9/theme_tabs3_icon7.png"); } #theme_shopping_form section ul.target_no li.item8 a {background-image:url("../../img/trend9/theme_tabs3_icon8.png"); } #theme_shopping_form section ul.target_no li.item9 a {background-image:url("../../img/trend9/theme_tabs3_icon9.png"); } #theme_shopping_form section ul.target_no li.item10 a {background-image:url("../../img/trend9/theme_tabs3_icon10.png"); } #theme_shopping_form section ul.price_no li.item1 a {background-image:url("../../img/trend9/theme_tabs4_icon1.png"); } #theme_shopping_form section ul.price_no li.item2 a {background-image:url("../../img/trend9/theme_tabs4_icon2.png"); } #theme_shopping_form section ul.price_no li.item3 a {background-image:url("../../img/trend9/theme_tabs4_icon3.png"); } #theme_shopping_form section ul.price_no li.item4 a {background-image:url("../../img/trend9/theme_tabs4_icon4.png"); } #theme_shopping_form section ul.price_no li.item5 a {background-image:url("../../img/trend9/theme_tabs4_icon5.png"); } #theme_shopping_form section ul.price_no li.item6 a {background-image:url("../../img/trend9/theme_tabs4_icon6.png"); } #theme_shopping_form section ul.price_no li.item7 a {background-image:url("../../img/trend9/theme_tabs4_icon7.png"); } #theme_shopping_form section ul.price_no li.item8 a {background-image:url("../../img/trend9/theme_tabs4_icon8.png"); } #theme_shopping_form section ul.price_no li.item9 a {background-image:url("../../img/trend9/theme_tabs4_icon9.png"); } #theme_shopping_form section ul.price_no li.item10 a {background-image:url("../../img/trend9/theme_tabs4_icon10.png"); } #theme_shopping_form section ul.price_no li.item11 a {background-image:url("../../img/trend9/theme_tabs4_icon11.png"); } #theme_shopping_form section ul.price_no li.item12 a {background-image:url("../../img/trend9/theme_tabs4_icon12.png"); } #theme_shopping_form section ul li.selected a, #theme_shopping_form section ul li a:hover {background-color:#32c0b6; background-position:center -120px; color:#fff; box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);} #theme_shopping_form section ul li.item span {text-align:center; color:#777;} #slider_price_wrap { position: relative; margin: 50px auto; width: 90%; padding: 0 5px; } #slider_price_wrap .jslider-bg { height:14px; border-top: 1px solid #afafaf/*{borderColorContent}*/; border-left: 0px solid #989898/*{borderColorContent}*/; border-bottom: 1px solid #fff/*{borderColorContent}*/; border-right: 0px solid #d4d4d4/*{borderColorContent}*/; color: #222222/*{fcContent}*/; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #9d9d9d url("../imgs/range_ui_select_bg.png")/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; background: -moz-linear-gradient(top, #bebebe 0%, #cbc9c9 44%, #cbc9c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(44%,#cbc9c9), color-stop(100%,#cbc9c9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* IE10+ */ background: linear-gradient(to bottom, #bebebe 0%,#cbc9c9 44%,#cbc9c9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#cbc9c9',GradientType=0 ); /* IE6-9 */ } #slider_price_wrap .jslider .jslider-bg .v { top: -1px !important; height: 14px !important; background: url("../../img/trend9/range_ui_select_bg.png") repeat-x !important; } #slider_price_wrap .jslider-pointer { background:url("../../img/trend9/range_ui_selecter.png") no-repeat 0 0 !important; width:31px !important; height:41px !important; top: -8px !important; margin-left: -15px !important; overflow:hidden !important; } #slider_price_wrap .jslider-pointer:hover { background:url("../../img/trend9/range_ui_selecter_over.png") no-repeat 0 0 !important; } #slider_price_wrap .jslider .jslider-label { font-size: 11px !important; line-height: 12px; color: #000 !important; opacity: .4; white-space: nowrap; padding: 0 2px; position: absolute; top: -26px !important; } #slider_price_wrap .jslider .jslider-value { font-size: 11px !important; white-space: nowrap; padding: 2px !important; position: absolute; top: -26px !important; background: #666 !important; color: #fff !important; line-height: 12px; } #slider_price_wrap .irs-slider {cursor:pointer;} /* 토글 css */ .theme_search_toggle {position:absolute; bottom:-40px; left:50%; margin-left:-90px;} .theme_toggle_area.toggle_theme_close {overflow:hidden; height:180px;} .search_sort {overflow:hidden; margin:40px 0 10px; padding: 0 0 0px; } .search_sort:after {content:""; display:block; clear:both;} .search_sort #ssch_ov {float:left; width: 250px; padding:8px 9px 10px 0; color:#7a7a7a; font-size:12px; } .search_sort #ssch_ov strong { color:#32c0b6; } .search_sort #ssch_sort {height:36px; padding:0 0 0; margin:0 0 0 0; list-style:none; border-bottom:1px solid #d2d2d2; font-size:0; line-height:0; text-align:right;} .search_sort #ssch_sort li {display:inline-block; *display:inline; height:35px; padding:0; margin:0 0 0 -1px; font-size:12px; line-height:17px;} .search_sort #ssch_sort li:first-child { background:none; } .search_sort #ssch_sort li a { display:block; color:#8e8e8e; height:13px; font-size:12px; border:1px solid #d2d2d2; text-decoration:none; padding:11px 20px 11px; margin:0; background:#f7f7f7;} .search_sort #ssch_sort li a:hover, .search_sort #ssch_sort li a.sort {height:14px; color:#333; background-color:#fff; margin:0; border-bottom:#fff;} #ssch_cate {} #ssch_cate ul {margin:0; padding:15px 0; font-size:0; line-height:0;} #ssch_cate ul li { display:inline-block; *display:inline; margin:5px 3px; padding:0; font-size:14px; line-height:16px; text-align:center; vertical-align:top; border-right: 0px; *zoom:1; } #ssch_cate ul li a {display:block; padding:5px 10px; font-size:12px; border:1px solid #d0d0d0; border-radius:30px; text-decoration:none;} #ssch_cate ul li a:hover {background:#d0d0d0; color:#fff;} #ssch_cate { position: relative; visibility: hidden; overflow: hidden; } #ssch_cate .ssch_cate_more { display: none; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 170px; text-align: center; background: rgba(255,255,255, 0.8); background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 44%, rgba(255,255,255,0.9) 93%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 44%,rgba(255,255,255,0.9) 93%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 44%,rgba(255,255,255,0.9) 93%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } #ssch_cate .ssch_cate_more a { position:relative; top:40px; font-size:15px; color: #fff; line-height: 100px; letter-spacing: -1px; font-weight: bold; cursor: pointer; margin:50px 0 0; padding:10px 30px; background:#32c0b6; border-radius:100px; } #ssch_cate .ssch_cate_more a:hover { color: #fff; text-decoration: none; background:#009288;}