@charset "utf-8";

/* html,body{height:100%;} */

/* Common */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:13px;font-family:'Roboto','Nanum Gothic',AppleGothic,sans-serif;}
img,fieldset{border:0;}
img{vertical-align:middle}
ul,ol{list-style:none;}
em,address{font-style:normal}
a{color:black;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
select{padding:4px 2px;border:1px solid #e4eaec;vertical-align:middle}
img {max-width: 100%;}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
/* // Common */

.clearfix:before, .clearfix:after {content:" ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.head_desc {color: #ff3366}

#wrapper{min-width:1340px;}

#nav{float:left;width:245px;padding:0 15px;background:#fff;}
#nav .logo{margin-bottom:16px}
#nav .access{position:absolute;top:80px;left:181px}}
#nav .access span{display:inline-block;color:#b2b2b2;font-size:12px;marign:0 5px;}
#nav .access span .icon_on{color:#09f;text-align:center;font-size:12px;line-height:14px;background:#fff;padding:1px 5px 3px;border:1px solid #ddd;}
#nav .access span .icon_off{color:#f00;text-align:center;font-size:12px;line-height:14px;background:#fff;padding:1px 5px 3px;border:1px solid #ddd;}
#nav .access-layer {display:none;padding:20px 15px;position:absolute;left:-185px;top:13px;z-index:9999;}
#nav .access-layer .inner {width:221px;padding:0 13px 10px;border:1px solid #ddd;background:#fff;}
#nav .access-layer .title {margin:12px 0 10px; font-weight:bold; color:#000;}
#nav .access-layer .title .p_title {display:inline-block; padding-top:4px;}
#nav .access-layer .title .atonce_on {display:inline-block; width:28px; height:15px; margin:0 6px; padding-top:1px; text-align:center; color:#09f; border:1px solid #e5e5e5; font-weight:bold;}
#nav .access-layer .access-list {margin-bottom:9px; padding:11px 0 2px 10px; border:1px solid #ddd; background:#f3f3f3; color:#000;}
#nav .access-layer .access-list li {height:20px;font-family:'Nanum Gothic';font-size:12px}
#nav .access-layer .btn_install {padding: 8px 8px 4px 8px; border: 1px solid #ddd; font-weight: bold; font-size: 12px;margin-left:60px; display:inline-block; color:#000;}
#nav .shop{margin-bottom:30px;}
#nav .menu{margin-bottom:30px}
#nav .menu .menu-title{margin-bottom:10px}
#nav .menu .menu-title ul{overflow:hidden}
#nav .menu .menu-title ul li{float:left;text-align:center}
#nav .menu .menu-title ul li a{display:inline-block;width:116px;height:29px;border:1px solid #ddd;line-height:29px;font-size:12px;color:#999;font-weight:900;letter-spacing:-0.3px;}
#nav .menu .menu-title ul li.active{background:#eee}
#nav .menu .menu-title ul li.active a{color:#666}
#nav .menu .menu-cont{}
#nav .menu .menu-cont ul{}
#nav .menu .menu-cont ul li{border-bottom:1px solid #ddd;}
#nav .menu .menu-cont ul li:last-child{border-bottom:0;}
#nav .menu .menu-cont ul li .menu-item{display:block;padding:16px 0 14px 10px;font-size:12px;font-weight:900;color:#666;background:url(../img/bg-menu.png) 223px 14px no-repeat;letter-spacing:0.3px}
#nav .menu .menu-cont ul li .on{background:url(../img/bg-menu-minus.png) 223px 14px no-repeat;}
#nav .menu .menu-cont ul li:hover{background-color:#F3F3F3}
#nav .menu .menu-cont ul li .sub-menu{display:none;padding:10px 5px;}
#nav .menu .menu-cont ul li .sub-menu ul{overflow:hidden}
#nav .menu .menu-cont ul li .sub-menu ul li{border-bottom:0;float:left;width:50%;height:18px;line-height:18px;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#nav .menu .menu-cont ul li .sub-menu ul li a{display:block;padding:0 0 0 2px;letter-spacing:-1.1px;color:#666;font-size:12px;font-family:Dotum}
#nav .menu .menu-cont ul li .sub-menu ul li a:hover,
#nav .menu .menu-cont ul li .sub-menu ul li a.on{color:#FF3366;font-weight:normal;}
#nav .menu .menu-cont ul li .sub-menu ul li a .total{font-size:11px;color:#999;letter-spacing:-1px;padding-left:1.5px;}
#nav .menu .menu-cont ul li .sub-menu ul li a:hover .total{color:#FF3366;font-weight:normal;}
#nav .menu .menu-cont .brand{}
#nav .menu .menu-cont .brand .brand-cate{ width: inherit; height: inherit; padding: 0; margin: 0 0 10px 0}
#nav .menu .menu-cont .brand .brand-cate ul{overflow:hidden}
#nav .menu .menu-cont .brand .brand-cate ul li{width:21px;border: 1px solid #cbcbcb;margin: 2px}
#nav .menu .menu-cont .brand .brand-cate ul li.on{height:16px;width:21px}
#nav .menu .menu-cont .brand .brand-cate ul li.on a{font-weight:bold}
#nav .menu .menu-cont .brand .brand-cate ul li a{font-weight:normal;font-size:11px;}
#nav .menu .menu-cont .brand .brand_lists{width: inherit;}
#nav .menu .menu-cont .brand .brand_lists ul{}
#nav .menu .menu-cont .brand .brand_lists ul li{border:0;overflow:hidden}
#nav .menu .menu-cont .brand .brand_lists ul li .tit{width:80px}
#nav .menu .menu-cont .brand .brand_lists ul li .sm{width:inherit}
#nav .brand_tab_box{width:inherit;}
#nav .brand_tab_box li{width:60px}
#nav .brand_btn_box{width:inherit;height:inherit;padding:0}
#nav .brand_btn_box ul{overflow:hidden}
#nav .brand_btn_box ul li{float:left;margin:1px}
#nav .brand-list ul li{background-color:#fff !important}
#nav .brand-list .sm ul li a{display:inline-block;padding:8px 0;color:#999;font-size:12px;letter-spacing:-0.2px;}
#nav .brand-list .sm ul li:hover{background-color:#F3F3F3 !important}
#nav .check-brand{font-weight:900;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ddd;}
#nav .board{margin-bottom:30px}
#nav .board ul{overflow:hidden}
#nav .board ul li{float:left;width:50%;padding:5px 0;text-align:center}
#nav .board ul li a{display:block;width:116px;border:1px solid #ddd;color:#999;font-weight:900;text-align:center;line-height:61px;font-size:12px;}
#nav .board ul li a:hover{background-color:#eee;color:#666}
#nav .ranking{margin-bottom:30px;font-family:'Nanum Gothic'}
#nav .ranking .ranking-title{margin-bottom:15px}
#nav .ranking .ranking-title ul{overflow:hidden;}
#nav .ranking .ranking-title ul li{float:left;width:116px;height:29px;line-height:29px;background:#fff;border:1px solid #ddd;text-align:center}
#nav .ranking .ranking-title ul li:last-child{float:right}
#nav .ranking .ranking-title ul li a{color:#999;font-size:12px;font-weight:900;font-family:'Nanum Gothic'}
#nav .ranking .ranking-title ul li.active{background:#eee}
#nav .ranking .ranking-title ul li.active a{color:#666}
#nav .ranking .ranking-cont{}
#nav .ranking .ranking-cont ul{}
#nav .ranking .ranking-cont ul li{position:relative}
#nav .ranking .ranking-cont ul li:hover{background-color:#F3F3F3;font-weight:bold}
#nav .ranking .ranking-cont ul li a{display:block;padding:0 5px;border-bottom:1px solid #ddd;line-height:29px;font-size:12px;color:#000}
#nav .ranking .ranking-cont ul li a strong{display:inline-block;width:30px;padding-right:10px}
#nav .ranking .ranking-cont ul li .ic{position:absolute;top:10px;right:0;width:42px;text-align:center;font-size:11px;font-weight:bold}
#nav .ranking .ranking-cont ul li .ic-stop{font-size:16px}
#nav .ranking .ranking-cont ul li .ic-up{color:#ed1c24}
#nav .ranking .ranking-cont ul li .ic-down{color:#0850e2}

.list-navi-title{overflow:hidden;padding:15px 0;font-family:Dotum;font-size:12px;color:#666;font-weight:bold;}
.list-navi-title div{float:left}
.list-navi-title div a{color:#666}
.list-navi-title div span{display:none}
.list-navi-title div .selected{display:block;padding:0 3px}

#container .header .ranking-info{display:none;margin-bottom:30px;width:245px;position:absolute;top:13px;left:539px;background:#fff;z-index:10;border:1px solid #ddd;}
#container .header .ranking-info .ranking-title{margin-bottom:15px}
#container .header .ranking-info .ranking-title ul{overflow:hidden;border-bottom:0}
#container .header .ranking-info .ranking-title ul li{float:left;width:50%;height:36px;line-height:36px;background:#464646;text-align:center}
#container .header .ranking-info .ranking-title ul li a{color:#fff;font-size:12px;font-weight:bold;font-family:'Nanum Gothic'}
#container .header .ranking-info .ranking-title ul li.active{background:#fff}
#container .header .ranking-info .ranking-title ul li.active a{color:#000}
#container .header .ranking-info .ranking-cont{}
#container .header .ranking-info .ranking-cont ul{}
#container .header .ranking-info .ranking-cont ul li{position:relative}
#container .header .ranking-info .ranking-cont ul li:hover{background-color:#F3F3F3;font-weight:bold}
#container .header .ranking-info .ranking-cont ul li a{display:block;padding:0 5px;border-bottom:1px solid #ddd;line-height:29px;font-size:12px;color:#000}
#container .header .ranking-info .ranking-cont ul li a strong{display:inline-block;width:30px;padding-right:10px}
#container .header .ranking-info .ranking-cont ul li .ic{position:absolute;top:10px;right:0;width:42px;text-align:center;font-size:11px;font-weight:bold}
#container .header .ranking-info .ranking-cont ul li .ic-stop{font-size:16px}
#container .header .ranking-info .ranking-cont ul li .ic-up{color:#ed1c24}
#container .header .ranking-info .ranking-cont ul li .ic-down{color:#0850e2}


#container .header .search{display:none;color:#000;border:1px solid #ddd;border-top:none;background-color:#fff;position:absolute;top:39px;z-index:2000;}
#container .header .search .left-column{float:left;border-right:1px solid #ddd;margin-right:-1px;width:288px;}
#container .header .search .right-column{float:right;border-left:1px solid #ddd;width:308px}
#container .header .search .column{}
#container .header .search .column .list{border-top:1px solid #ddd;margin-bottom:7px}
#container .header .search .column .title{border-top:1px solid #ddd;margin:0 0 7px;line-height:41px;border-bottom:1px solid #ddd;background-color:#f3f3f3}
#container .header .search .column .title span.tit{margin-left:14px;font-weight:bold;float:left}
#container .header .search .column .btn{margin-right:12px;float:right;color:#b2b2b2;font-size:11px}
#container .header .search .column .list .item{margin:0 4px;padding:0 10px;line-height:28px;color:#b2b2b2}
#container .header .search .column .list .item:hover{background-color:#f3f3f3}
#container .header .search .column .list .item strong{font-style:normal;color:#0099ff}
#container .header .search .column .list .product{line-height:1em;padding:4px 10px}
#container .header .search .column .list .product .items{width:176px;}
#container .header .search .column .list .product .img{width:50px;margin-right:10px;border:1px solid #ddd;float:left}
#container .header .search .column .list .product .info{margin-top:3px;line-height:19px;color:#000;float:left}
#container .header .search .column .list .product .info .brand{font-weight:bold;width:176px}
#container .header .search .column .list .product .info .discount{font-weight:bold;margin-left:4px}
#container .header .search .column .list .product .info .original{color:#b2b2b2;text-decoration:line-through}
#container .header .search .column .list .product .info .price{font-weight:bold;margin-left:4px}
#container .header .search .column .list .product .info .rating-star,
#container .header .search .column .list .product .info .reply{color:#ff0000}
#container .header .login-box{display:none;position:absolute;top:54px;right:1px;background-color:#fff;z-index:10}

/*
#container .header .ranking ul li{position:relative;line-height:26px;}
#container .header .ranking ul li a{display:block;width:153px;font-size:12px;color:#000;font-weight:bold;}
#container .header .ranking ul li .ic{position:absolute;top:1px;right:0;width:30px;text-align:center;font-size:11px;font-weight:bold}
#container .header .ranking ul li .ic-stop{;}
#container .header .ranking ul li .ic-up{color:#ed1c24}
#container .header .ranking ul li .ic-down{color:#0850e2}
*/
#container .header .tnb{float:right}
#container .header .tnb ul{float:left;overflow:hidden}
#container .header .tnb ul li{float:left}
#container .header .tnb ul li a{display:inline-block;padding:8px;font-size:12px;color:#010101}
#container .header .tnb ul li a:hover{color:#FF3366;font-weight:bold;text-decoration:none;}
#container .header .tnb ul li a .total{color:#ff3366}
#container .header .tnb .sns{float:left;padding-left:15px;}
#container .header .tnb .sns a{display:inline-block;padding:5px 8px}
#container .ranking .list_pro_box .prod{border-top: 0 !important}
.box-newmember{display:none;position:absolute;top:26px;background:#f7f7f7;border:1px solid #d1d1d1;padding:20px;z-index:1000}
.level-box{display:none;position:absolute;top:26px;background:#f7f7f7;border:1px solid #d1d1d1;padding:20px;z-index:1000}
.level-box .tit{padding-bottom:15px;font-size:12px;}
.level-box ul{}
.level-box ul li{overflow:hidden;font-size:11px;border-bottom:1px solid #d1d1d1}
.level-box ul li .level-name{float:left;width:60px;text-align:center;font-weight:bold;line-height: 24px}
.level-box ul li .level-price{float:left;width:100px;text-align:center;font-weight:normal;line-height: 24px;color:#09F;}
.level-box ul li .level-point{float:left;width:150px;padding-left:10px;font-weight:normal;line-height: 24px}
.level-box ul li:last-child{border:0}

.related{}
.related .title{padding:8px 0 10px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900;}
.reviews{position:relative;margin-bottom:30px}
.reviews .title{padding:8px 0 10px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900;}
.reviews .write{position:absolute;top:5px;right:5px;display:inline-block;padding:5px 5px;background:#6b6b6b;font-size:11px;font-family:Dotum;color:#fff}
.reviews .reviews-cont{padding:15px;background-color:#fff;}
.reviews .reviews-cont ul{}
.reviews .reviews-cont ul li{overflow:hidden;border-bottom:1px solid #f0f0f0;padding:5px 0}
.reviews .reviews-cont ul li .reviews-image{float:left;margin-right:8px;}
.reviews .reviews-cont ul li .reviews-image img{width:60px;height:60px;}
.reviews .reviews-cont ul li .reviews-info{float:left;font-size:12px;}
.reviews .reviews-cont ul li .reviews-info .reviews-tit{font-weight:bold;padding:5px 0}
.reviews .reviews-cont ul li .reviews-info .reviews-item{padding:5px 0}
.reviews .reviews-cont ul li .reviews-info .reviews-item a{color:#b2b2b2;}
.reviews .reviews-cont ul li .reviews-detail{display:none;width:95%;float:left;font-size:11px;padding:10px;background:#F3F3F3;}
.pro_stable_qa{position:relative;margin-bottom:30px;}
.pro_stable_qa .title{padding:8px 0 10px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900}
.pro_stable_qa .write{position:absolute;top:5px;right:5px;display:inline-block;padding:5px 5px;background:#6b6b6b;font-size:11px;font-family:Dotum;color:#fff}
.pro_stable_qa .pro_re_txts{}
.pro_stable_qa .pro_re_txts .qa-cont{background:#f7f7f7;padding:20px 40px;border-bottom:1px solid #dddddd;font-size:12px;font-family:Dotum}
.pro_stable_qa .pro_re_txts .qa-answer{border-top:1px dotted gray;margin-top:15px;padding:15px 0 0 25px;}
.pro_stable_qa .pro_re_txts .qa-answer p{position:relative;}
.pro_stable_qa .pro_re_txts .qa-answer p .icon{position:absolute;top:2px;left:-16px;display:inline-block;width:10px;height:6px;background-image:url("../img/icon-answer.png");-webkit-background-size:10px 6px;-moz-background-size:10px 6px;-o-background-size:10px 6px;background-size:10px 6px;background-repeat:no-repeat;background-position:center center;margin:0}

.delivery{margin-bottom:30px}
.delivery .title{padding:8px 0 10px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900;}
.delivery .delivery-cont{background:#f7f7f7;padding:10px 20px;font-size:11px}
.delivery .delivery-cont div{padding:10px 0;line-height:17px;margin-bottom:0}
.delivery .delivery-cont span{display:inline-block}
.delivery .delivery-cont span.color{color:#ff3366}
.delivery .delivery-cont .tit{font-weight:bold;padding-bottom:5px;color:#666}
.delivery .delivery-cont .info{padding:2px 0}
.delivery .delivery-cont .info span{width:120px;padding-right:5px}
.delivery2{margin-top:50px}
.delivery2 .title{padding:8px 0 10px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900;}
.delivery2 .delivery-cont{background:#f7f7f7;padding:10px 20px;font-size:11px}
.delivery2 .delivery-cont div{padding:10px 0;line-height:17px;margin-bottom:0}
.delivery2 .delivery-cont span{display:inline-block}
.delivery2 .delivery-cont span.color{color:#ff3366}
.delivery2 .delivery-cont .tit{font-weight:bold;padding-bottom:5px;color:#666}
.delivery2 .delivery-cont .info{padding:2px 0}
.delivery2 .delivery-cont .info span{width:120px;padding-right:5px}

.view{}
.view .title{padding:8px 0 10px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900;}
.title .stitle{font-family:Dotum;font-size:12px;color:#666666;display:inline-block;padding:0 5px;font-weight:normal}

/*#container .sub{margin-left:20px;margin:0 14px 60px 20px} */
#container .footer{border-top:1px solid #ddd;font-family:Dotum;font-size:12px}
#container .footer .page{padding:15px 20px}
#container .footer .page ul{float:left}
#container .footer .page ul li{float:left;padding:0 13px}
#container .footer .page ul li a{;}
#container .footer .page .btn-top{float:right}
#container .footer .news{padding:46px 20px;background:url(../img/bg-footer.png) repeat;border-bottom:1px solid #ddd}
#container .footer .news .title{padding-bottom:21px}
#container .footer .news .news-cont{overflow:hidden}
#container .footer .news .news-cont .text-news{float:left;width:280px;padding-left:11px;height:47px;line-height:47px;border:0;outline:none}
#container .footer .news .news-cont .btn-news{float:left;margin-left:5px}
#container .footer .news .news-cont .label{clear:both;padding-top:8px;margin-left:269px}
#container .footer .news .news-cont .label .btn-privacy{font-size:11px;vertical-align:middle}
#container .footer .news .news-cont .label .i_radio{margin:1px;vertical-align:middle}
#container .footer .customer{padding:20px;border-bottom:1px solid #ddd;}
#container .footer .customer ul{float:left;overflow:hidden}
#container .footer .customer ul li{float:left;margin-right:10px}
#container .footer .customer ul li:hover{background-color:#F3F3F3}
#container .footer .customer ul li a{display:block;padding:30px 15px;border:1px solid #666;font-size:12px;font-weight:bold;color:#666;letter-spacing:-0.5px}
#container .footer .customer .customer-info{margin:3px 10px 0;color:#666;line-height:19px}
#container .footer .customer .return{display:inline-block;margin-top:10px;padding:12px 15px;border:1px solid #ff3366;color:#ff3366;line-height:19px}
#container .footer .foot{overflow:hidden;padding:20px 20px 45px}
#container .footer .foot .foot-left{float:left}
#container .footer .foot .foot-left .copy{padding-bottom:10px;color:#666;font-weight:bold;}
#container .footer .foot .foot-left .address{color:#999;line-height:19px;}
#container .footer .foot .foot-left .address .bar{display:inline-block;padding:0 15px;}
#container .footer .foot .foot-right{float:left;padding:20px 0 0 60px}

.prod-box .title{padding:9px 0 6px 20px;background:url(../img/bg-title.png) repeat;font-size:15px;font-weight:900}

#container .prod{;}
#container .prod ul{border-top:1px solid #ddd}
#container .prod ul:after{display:block;clear:both;content:""}
#container .prod ul li.list_pro_box_li{position:relative;float:left;width:20%;min-width:192px;height:355px;margin:-1px -1px 0 0;padding:10px 9px;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
#container .prod ul li.list_pro_box_li:hover .prod-img{opacity:.8;}
#container .prod ul li .prod-img{height: 190px;margin-bottom:15px;border-bottom:1px solid #ddd;text-align:center;overflow:hidden}
#container .prod ul li .prod-brand{font-weight:bold;font-size:12px;}
#container .prod ul li .prod-name{padding-top:2px;padding-bottom:5px;color:#333;font-size:11px;}
#container .prod ul li .prod-name a{color:#666;}
#container .prod ul li .prod-name .head_desc {color: #ff3366}
#container .prod ul li .prod-info{color:#333;letter-spacing:-0.8px;font-size:12px}
#container .prod ul li .prod-price{padding-top:5px;font-weight:bold;color:#000;font-size:12px}
#container .prod ul li .prod-price strike{display:inline-block;padding-right:10px;font-size:12px;color:#999;font-weight:normal}
#container .prod ul li .prod-sale{padding-top:5px;color:#ff3366;font-size:12px}
#container .prod ul li .prod-sale span{font-weight:900}
#container .prod ul li .prod-reserve{padding-top:5px;font-size:12px;color:#777}
#container .prod ul li .prod-btn{position:absolute;bottom:10px}
#container .prod ul li .prod-btn:after{display:block;clear:both;content:''}
#container .prod ul li .prod-btn .popup{position:absolute;top:12px;left:0;width:100%;z-index:1000;}
#container .prod ul li .prod-btn .btn_member_price{float:left;}
#container .prod ul li .prod-btn .btn_size_view{float:right}
#container .prod ul li .ic{position:absolute;top:5px;left:5px;font-size:10px;font-weight:900;text-align:center}
#container .prod ul li .ic span{margin-bottom:3px}
#container .prod ul li .ic .ic-wrap {display: block; text-align:left}
#container .prod ul li .ic-best{display:inline-block;width:51px;height:14px;line-height:14px;background:#ff3366;color:#fff;}
#container .prod ul li .ic-sale{display:inline-block;padding:0 5px;height:14px;line-height:14px;background:#ff3366;color:#fff;}
#container .prod ul li .ic-coupon{display:inline-block;width:46px;height:12px;line-height:12px;background:#fff;border:1px solid #ff3366;color:#ff3366;letter-spacing:-0.7px}
#container .prod ul li .ic-new{display:inline-block;background:#fff;padding: 0 5px; /*width:46px;*/height:12px;line-height:12px;border:1px solid #ff3366;color:#ff3366;letter-spacing:-0.7px}
#container .prod ul li .ic-reserve{display:inline-block;background:#fff;padding:0 5px;height:12px;line-height:12px;border:1px solid #ff3366;color:#ff3366;letter-spacing:-0.7px}

#container .prod ul li .out{display:block;width:51px;height:14px;line-height:14px;background:#ff3366;color:#fff;}
#container .brand{}
#container .brand ul{overflow:hidden}
#container .brand ul li{float:left;margin:-1px -1px 0 0;padding:10px;border:1px solid #ddd}
#container .brand ul li .brand-img{text-align:center}
#container .brand ul li .brand-name{padding:15px 0 10px;font-weight:bold;}
#container .brand ul li .brand-name span{color:#ff3366}
#container .brand-02{}
#container .brand-02 ul{overflow:hidden}
#container .brand-02 ul li{float:left;height:250px;margin:-1px -1px 0 0;padding:10px;border:1px solid #ddd;font-family:Dotum}
#container .brand-02 ul li .brand-img{text-align:center}
#container .brand-02 ul li .brand-name{padding:15px 0 10px;color:#ff3366;font-weight:bold;}

#main_container{;}

.filter{margin-bottom:30px;background-color:#fafafa;}
.filter .filter-title{height:29px;line-height:29px;padding-left:26px;background:url(../img/bg-filter.png) repeat;font-family:Dotum;font-size:12px;color:#eee}
.filter table{width:100%;border-left:1px solid #dddddd;border-right:1px solid #dddddd}
.filter table th{padding:15px 0 15px 27px;font-family:Dotum;font-size:12px;color:#666;text-align:left;border-bottom:1px solid #dddddd}
.filter table td{padding:13px 0;font-family:Dotum;font-size:12px;color:#666;border-bottom:1px solid #dddddd}
.filter label{display:inline-block;padding:5px 20px 5px 0}
.filter .check{margin-right:10px;vertical-align:top}
.filter .select{background:#eee;border:1px solid #ddd;padding:4px 15px 4px 10px;font-family:Dotum;font-size:12px;color:#666;}
.filter .text{margin:0;float:none;border:1px solid #ddd;height:22px;line-height:22px;min-width:105px;width:105px;padding-left:5px}
.filter .btn-price{background:#eee;border:1px solid #ddd;height:22px;line-height:22px;width:42px;text-align:center;font-family:Dotum;font-size:12px;color:#666}
.filter table td .menu{;}
.filter table td .menu ul{overflow:hidden}
.filter table td .menu ul li{float:left;display:inline-block;padding:5px 10px}
.filter table td .menu ul li.active a{font-weight:bold;color:#ff3366}
.filter table td.filter-brand {}
.filter table td.filter-brand .sch{margin-bottom:5px}
.filter table td.filter-brand .sch .text{width:200px}
.filter table td.filter-brand .sch img{height:24px;margin-left:-30px;vertical-align:bottom}
.filter table td.filter-brand ul{overflow-y:auto;max-height:100px}
.filter table td.filter-brand ul li{float:left;}
.filter table td.filter-brand ul li .i_check{margin-right:1px;vertical-align:top}
.filter table td.filter-brand ul li label{padding-right:10px}
.filter table td.filter-color{}
.filter table td.filter-color ul{overflow:hidden}
.filter table td.filter-color ul li{float:left;margin-right:7px}
.filter table td.filter-color .color{float:left;margin-right:7px;display:inline-block;width:23px;height:23px;}
.filter table td.filter-color .color-01{background:url(../img/color-01.png) repeat}
.filter table td.filter-color .color-02{background:url(../img/color-02.png) repeat}
.filter table td.filter-color .color-03{background:url(../img/color-03.png) repeat}
.filter table td.filter-color .color-04{background:url(../img/color-04.png) repeat}
.filter table td.filter-color .color-05{background:url(../img/color-05.png) repeat}
.filter table td.filter-color .color-06{background:url(../img/color-06.png) repeat}
.filter table td.filter-color .color-07{background:url(../img/color-07.png) repeat}
.filter table td.filter-color .color-08{background:url(../img/color-08.png) repeat}
.filter table td.filter-color .color-09{background:url(../img/color-09.png) repeat}
.filter table td.filter-color .color-10{background:url(../img/color-10.png) repeat}
.filter table td.filter-color .color-11{background:url(../img/color-11.png) repeat}
.filter table td.filter-color .color-12{background:url(../img/color-12.png) repeat}
.filter table td.filter-color .color-13{background:url(../img/color-13.png) repeat}
.filter table td.filter-color .color-14{background:url(../img/color-14.png) repeat}
.filter table td.filter-color .color-15{background:url(../img/color-15.png) repeat}

#product_order_info .coupon_imporant {font-size: 16px; font-weight: 900; color: #ff3366; letter-spacing: -0.04em}
#slider-range{display:inline-block;width:250px;margin:3px 10px 0 10px;}
#slider-range .ui-slider-range{background:gray;}
#slider-range .ui-slider-handle{cursor:pointer;background:url(../img/bg-filter.png) repeat;}

@media all and (max-width:1870px) {
	.sub .pro_top{float:none}
	.sub .pro_re_table {position:relative;top:inherit;right:inherit;width:inherit;margin-left:0}
}
@media only screen and (min-width:1366px){
	#main .collection ul li{float:left;width:50%;}
	#main .collection ul li img{max-width:100%}
	#main .group .snap .snap-prod ul li{width:20%}
	#main .group .book .book-prod ul li{width:25%}
	#main .group .book{float:left;width:74%;min-width:610px}
	#main .group .reviews{position:relative;float:left;width:25%;max-height:374px}
}
@media only screen and (min-width:1680px) {
	#main .group .book .book-prod ul li{width:20%}
}
@media only screen and (min-width:1920px){
	#main .group .snap{float:left;width:51%;min-width:805px;}
	#main .group .snap .snap-prod ul li{width:25%}
	#main .group .notice{float:left;width:23.5%;min-width:370px;}
	#main .group .md-choice{float:left;width:25.5%;min-width:400px}
}