@charset "utf-8";

.clearfix:after {display: block; content: ''; clear:both;}
.container {max-width: 1200px; margin: 0 auto;}
.container:after {display: block; content: ''; clear:both;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

.__legacy {display: none !important}
.__color-red {color: #ff3366 !important;}

.i_text{max-width: 100%;padding:6px;border:1px solid #eeeeee;font-size:12px;color:#494949;}
.i_text.search[type="text"]{padding-right:25px;background:url(../img/common/search-solid.png) right 6px no-repeat;background-size:auto 60%;}
.i_text[type="checkbox"],
.i_text[type="radio"]{margin-right: 10px;}

.btn {border: 1px solid #000; background-color: #000; color: #fff; font-weight: 700; padding: 4px;}
.btn.btn-full {width: 100%; display: block;}

.sub {max-width: 1200px; margin: 30px auto;}
.sub * {box-sizing: border-box;}

.page.sub {padding: 50px 0;}
.page.sub .content {margin: 100px auto;}

.sub .header {text-align: center;}
.sub .header .title {display: inline-block; padding: 0 30px; font-size: 25px; border-bottom: 4px solid #000; font-weight: 900; padding-bottom: 15px}
.sub .sidebar .header {text-align: left}
.sub .sidebar .header h1.title {padding-left: 0; display: block;}
.sub .sidebar .header .header-desc {font-size: 13px; color: #666;}

.sub.has-sidebar,
.sub.has-sidebar .container {max-width: 100%; }
.sub.has-sidebar .container > .sidebar,
.sub.has-sidebar .container > .content {float: left; padding:0 50px;}
.sub.has-sidebar .container > .sidebar {width: 15%; overflow: hidden;}
.sub.has-sidebar .container > .content {width: 85%; padding-top:50px}

.sub.has-sidebar .sidebar-section {margin: 70px 0}
.sub.has-sidebar .sidebar-section:after {content: ''; display: block; clear:both;}
.sub.has-sidebar .sidebar-section .header h2.title {font-size: 20px; padding: 0; border: 0px;}
.sub.has-sidebar .sidebar-section .sidebar-content {margin: 20px 0;}
.sub.has-sidebar .sidebar-section .row {margin: 10px 0;}
.sub.has-sidebar .sidebar-section .i_text {width: 100%;}
.sub.has-sidebar .sidebar-section .sidebar-subsection {margin: 10px 0;}
.sub.has-sidebar .sidebar-section .sidebar-subsection-content {padding-left: 10px;}

input.i_check[type="checkbox"] {position: relative; margin-right: 5px; vertical-align: middle}
input.i_check[type="checkbox"]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background-image: url('../img/common/checkoff.gif'); background-size: 100% 100%; background-color: #fff; bottom: 0; font-size: 0;}
input.i_check[type="checkbox"]:checked:after { background-image: url('../img/common/checkon.gif'); }

.sub.has-sidebar .sidebar-section.filter-category {;}
.sub.has-sidebar .sidebar-section.filter-category .item {font-size: 18px; color: #666; font-weight: 600; padding-left: 10px}
.sub.has-sidebar .sidebar-section.filter-category .item a {color: inherit;}
.sub.has-sidebar .sidebar-section.filter-category .item.active {color: #000}
.sub.has-sidebar .sidebar-section.filter-category .sub-depth{padding:5px 15px;font-size:85%}	
.sub.has-sidebar .sidebar-section .sch-list {max-height: 200px; overflow: auto; margin: 10px 0;}
.sub.has-sidebar .sidebar-section .sch-list li {margin: 5px 0;}
.sub.has-sidebar .sidebar-section .sch-list {border-bottom: 1px solid #eee}
.sub.has-sidebar .sidebar-section.filter-price {;}
.sub.has-sidebar .sidebar-section.filter-price .col {float: left; width: 50%}
.sub.has-sidebar .sidebar-section.filter-price .price.i_text {width: 37%}
.sub.has-sidebar .sidebar-section.filter-color .color-value {width: 50%; float: left; padding: 5px; padding-left: 25px; background-repeat: no-repeat; background-position: left center; font-weight: 700}
.sub.has-sidebar .sidebar-section.filter-condition .item {font-size: 15px; color: #666; font-weight: 600; margin: 5px 0;}

#container {width: 100%; margin-left: 0; border-left: 0px;}

#topHeaderBar {padding: 30px 25px;}
#topHeaderBar * {box-sizing: border-box;}
#topHeaderBar .col {float: left;}
#topHeaderBar .col-side {width: 35%;}
#topHeaderBar .col-center {width: 30%;}
#topHeaderBar .col.search-form {padding: 5px 0;}
#topHeaderBar .col.search-form .sch-txt {width: 100%; border: 0px; border-bottom: 1px solid #a6a6a6;}
#topHeaderBar .col.search-form .searchresult {position:absolute;top:70px;left:50%;width:700px;height:auto;transform: translateX(-50%); background-color: #fff;border: 3px solid #000;z-index: 1000; }
#topHeaderBar .col.search-form .searchresult .header {padding: 10px; background-color: #000;}
#topHeaderBar .col.search-form .searchresult .header h2 {color: #fff; float: left;}
#topHeaderBar .col.search-form .searchresult .header:after {display: block; content: ''; clear:both;}
#topHeaderBar .col.search-form .searchresult .header .btn {float: right;}
#topHeaderBar .col.search-form .searchresult .content {;}
#topHeaderBar .col.search-form .searchresult .content:after {display: block; content: ''; clear:both;}
#topHeaderBar .col.search-form .searchresult .column {float: left; padding: 5px;}
#topHeaderBar .col.search-form .searchresult .left-column {width:50%}
#topHeaderBar .col.search-form .searchresult .left-column .list {margin-bottom: 20px;}
#topHeaderBar .col.search-form .searchresult .left-column .list .title {margin: 5px 0; font-weight: 900;}
#topHeaderBar .col.search-form .searchresult .right-column {width:50%;}
#topHeaderBar .col.search-form .searchresult .right-column .list{;}
#topHeaderBar .col.search-form .searchresult .right-column .list .item{margin-bottom:5px;}
#topHeaderBar .col.search-form .searchresult .right-column .list .item:after{display:block;clear:both;content:''}
#topHeaderBar .col.search-form .searchresult .right-column .list .item .thumb{float:left;width:60px;}
#topHeaderBar .col.search-form .searchresult .right-column .list .item .thumb img{max-width:50px}
#topHeaderBar .col.search-form .searchresult .right-column .list .item .info{margin-left:60px}
#topHeaderBar .col.search-form .searchresult .right-column .list .item .subject{display:inline-block;width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#topHeaderBar .col.search-form .searchresult .right-column .list .item p.price{;}
#topHeaderBar .col.search-form .searchresult .right-column .list .item p.price span.original{margin-right:4px;color:#b2b2b2;text-decoration:line-through}
#topHeaderBar .col.search-form .searchresult .right-column .list .item p.price span.discount{font-weight:bold;}
#topHeaderBar .col.search-form .searchresult .right-column .list .item p.price .rating-star,
#topHeaderBar .col.search-form .searchresult .right-column .list .item p.price .reply{color:#f00}

#topHeaderBar .col.search-form .searchresult .item.product {float: left; width: 25%; position: relative; padding-bottom: 10px;}
#topHeaderBar .col.search-form .searchresult .item.product img {max-width: 100%;}
#topHeaderBar .col.search-form .searchresult .item.product .info {;}
#topHeaderBar .col.search-form .searchresult .item.product .info .items {;}
#topHeaderBar .col.search-form .searchresult .item.product .info .original {;}
#topHeaderBar .col.controls {text-align: right; padding: 7px 0;}
#topHeaderBar .col.controls li {display: inline-block; font-weight: 900;margin:0 8px}

#topHeaderBar .access{;}
#topHeaderBar .access span{display:inline-block; color:#000; font-size:12px; margin:0 5px;}
#topHeaderBar .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;}
#topHeaderBar .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;}
#topHeaderBar .access-layer { padding: 20px 15px; position: absolute; top: 40px; z-index: 9999; right: 0; }
#topHeaderBar .access-layer .inner {width:290px;padding:15px;border:2px solid #000;background:#fff;}
#topHeaderBar .access-layer .title {margin: 10px 0; font-weight:bold; color:#000; text-align: left; color: #000}
#topHeaderBar .access-layer .title .p_title {display:inline-block;}
#topHeaderBar .access-layer .title .atonce_on {display:inline-block; width:auto; height:auto; margin:0 6px; padding:3px 5px; text-align:center; color:#ff3366; border:1px solid #ff3366; font-weight:bold;}
#topHeaderBar .access-layer .access-list {margin:10px 0; padding:10px; border:1px solid #000; background:#fff; color:#000; text-align: left;}
#topHeaderBar .access-layer .access-list li {height:20px;font-family:'Nanum Gothic';font-size:12px}
#topHeaderBar .access-layer .btn_install {padding: 5px 10px; border: 1px solid #000; font-weight: bold; font-size: 12px; display:inline-block; color:#000; margin: 5px 0;}

.default-nav-bar {text-align: center; background-color: #000}
.default-nav-bar .content{max-width:1300px;}
.default-nav-bar .item {display:inline-block;}
.default-nav-bar .item a{display:block;padding:15px 30px;font-size:13px;font-weight:700;color:#fff;}
.default-nav-bar .item a:hover{color: #ff3366;}

#topCategoryBar .nav-sub-bar{display:none;position:absolute;left:0;right:0;max-height:0;z-index: 999; text-align: left; background-color: rgba(255, 255, 255, 0.97);}
#topCategoryBar .nav-sub-bar .bg{position:absolute;left:0;bottom:-10px;width:100%;height:10px;background:url(../images/common/topsub_bg.png) left bottom repeat-x;}
#topCategoryBar .nav-sub-bar.active{display:block;min-height:320px; max-height: 1000px; padding: 20px 0;}
#topCategoryBar .nav-sub-bar .container{max-width:600px;padding-left:50px;}
#topCategoryBar .nav-sub-bar h2{margin-bottom:15px;}
#topCategoryBar .nav-sub-bar h2 .label{display:inline-block;margin:0;padding:0 0 5px !important;border-bottom: 2px solid #000; color: #000; font-size: 20px; font-weight: 900; }
#topCategoryBar .nav-sub-bar .nav-sub-content{float:left;width:16%;}
#topCategoryBar .nav-sub-bar .item{;}
#topCategoryBar .nav-sub-bar .item h2{;}
#topCategoryBar .nav-sub-bar .item a{color:#000;padding:10px 0;}
#topCategoryBar .nav-sub-bar .item a:hover {color: #ff3366}
#topCategoryBar .nav-sub-bar .brands .item{float:left;width:25%}
#topCategoryBar .nav-sub-bar .brands .nav-sub-content{float:none;width:auto}
#topCategoryBar .nav-sub-bar .nav-sub-3{max-width:600px}
#topCategoryBar .nav-sub-bar .nav-sub-3 .nav-sub-content{width:33%;}
#topCategoryBar .nav-sub-bar .nav-sub-4{max-width:800px}
#topCategoryBar .nav-sub-bar .nav-sub-4 .nav-sub-content{width:25%;}
#topCategoryBar .nav-sub-bar .nav-sub-5{max-width:1000px}
#topCategoryBar .nav-sub-bar .nav-sub-5 .nav-sub-content{width:20%;}
#topCategoryBar .nav-sub-bar .nav-sub-6{max-width:1200px}
#topCategoryBar .nav-sub-bar .nav-sub-6 .nav-sub-content{width:16.6%;}

#footerInfoBar{margin-top: 100px;}
#footerInfoBar .container{;}
#footerInfoBar .container .item{display:inline-block;}
#footerInfoBar .container .item a{display:block;padding:25px 17px;font-size:13px;font-weight:700;color:#fff;}
#footerInfoBar .container .item a:hover{color: #ff3366;}
#footerInfoBar .container .access{position:relative}
#footerInfoBar .container .access span{display:inline-block; color:#000; font-size:12px; margin:0 5px;}
#footerInfoBar .container .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;}
#footerInfoBar .container .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;}
#footerInfoBar .container .access-layer {position:absolute;display:none;top:40px;right:0;padding: 20px 15px;z-index: 9999;}
#footerInfoBar .container .access-layer .inner {width:290px;padding:15px;border:2px solid #000;background:#fff;}
#footerInfoBar .container .access-layer .title {margin: 10px 0; font-weight:bold; color:#000; text-align: left; color: #000}
#footerInfoBar .container .access-layer .title .p_title {display:inline-block;}
#footerInfoBar .container .access-layer .title .atonce_on {display:inline-block; width:auto; height:auto; margin:0 6px; padding:3px 5px; text-align:center; color:#ff3366; border:1px solid #ff3366; font-weight:bold;}
#footerInfoBar .container .access-layer .access-list {margin:10px 0; padding:10px; border:1px solid #000; background:#fff; color:#000; text-align: left;}
#footerInfoBar .container .access-layer .access-list li {height:20px;font-family:'Nanum Gothic';font-size:12px}
#footerInfoBar .container .access-layer .btn_install {padding: 5px 10px; border: 1px solid #000; font-weight: bold; font-size: 12px; display:inline-block; color:#000; margin: 5px 0;}

#footerInfo {background-color: #e5e5e5; padding: 30px 0;}
#footerInfo .content {max-width: 1100px; margin: 0 auto; position: relative;}
#footerInfo .info-item {margin: 20px 0; font-weight: 500}
#footerInfo .tel {font-size: 20px; font-weight: 900;}
#footerInfo .company-info li {float: left; margin-right: 20px;}
#footerInfo .cert {position: absolute; right: 0; bottom: 0;}
#footerInfo .cert a {margin-left: 20px;}
#footerInfo .cert img {width: 50px}

.clearfix .break {clear:both;}

.product-thumbnail {margin-bottom:10px; border-top: 0; padding: 0 10px;}
.product-thumbnail { font-size:13px;}
.product-thumbnail:after {display:block;clear:both;content:""}
.product-thumbnail .item { position: relative; float: left; box-sizing:border-box; width: 16.66666666666666%;  border: 0px;height: auto;margin:0;margin-bottom:50px;padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.product-thumbnail.col5 .item,
.product-thumbnail.ranked .item {width: 20%}
.product-thumbnail .item:hover .prod-img{opacity:.8;}
.product-thumbnail .item .prod-img {text-align:center; height: auto; border: 0px; margin: 0px; width: 100%; padding: 0; position: relative; overflow:hidden }
.product-thumbnail .item .prod-info-row {position:relative;padding: 7px 0;}
.product-thumbnail .item .prod-info-row:after {display: block; clear:both; content: '';}
.product-thumbnail .item .prod-info-row .col {float: left;}
.product-thumbnail .item .prod-img img {max-width: 100%; filter: brightness(0.97);-ms-filter: brightness(0.97);}
.product-thumbnail .item .prod-brand{position:relative;font-weight:900;}
.product-thumbnail .item .prod-name {padding: 0;color:#333;}
.product-thumbnail .item .prod-name a{display:block;height:38px;color:#666;overflow:hidden}
.product-thumbnail .item .prod-name .head_desc {color: #ff3366; display: inline-block;}
.product-thumbnail .item .ic-coupon{display:inline-block;padding:1px 3px 1px 2px;background:#f3f3f3;border:1px solid #ccc;color:#ff3366;font-size:10px;font-weight:bold;letter-spacing:-0.7px}
.product-thumbnail .item .ic-new{display:inline-block;padding:1px 3px 1px 2px;background:#f3f3f3;border:1px solid #ccc;color:#ff3366;font-size:10px;font-weight:bold;letter-spacing:-0.7px}
.product-thumbnail .item .ic-reserve{display:inline-block;background:#fff;color:#ff3366;letter-spacing:-0.7px}
.product-thumbnail .item .ic-sale{color:#ff3366}

.product-thumbnail .item .prod-info{color:#333;}
.product-thumbnail .item .prod-price {padding: 0;font-weight:bold;color:#000;}
.product-thumbnail .item .prod-price strike{display:inline-block;padding-right:10px; color:#999; font-weight:normal }
.product-thumbnail .item .prod-sale{padding-top:5px;color:#ff3366; }
.product-thumbnail .item .prod-sale span{font-weight:900}
.product-thumbnail .item .prod-reserve{color:#777}
.product-thumbnail .item .prod-btn:after{display:block;clear:both;content:''}
.product-thumbnail .item .prod-btn {position: absolute; bottom:0; right: 0;}
.product-thumbnail .item .prod-btn .popup{ position: absolute; top: auto;left: 0; width: 100%; z-index: 1000; bottom: 100%;}
.product-thumbnail .item .prod-btn .btn_member_price{float:left;}
.product-thumbnail .item .prod-btn .btn_size_view{float:right}
.product-thumbnail .item .info-row{position:relative;}
.product-thumbnail .item .ic{position:absolute;top:0;right:0;font-weight: 900;text-align: center;}
.product-thumbnail .item .ic span{;}
.product-thumbnail .item .ic .ic-wrap {;}
.product-thumbnail .item .ic-best {;}
.product-thumbnail .item .ic-sale {;}
.product-thumbnail .item .ic-coupon {;}
.product-thumbnail .item .ic-new {;}
.product-thumbnail .item .ic-reserve {;}

.product-thumbnail.ranked .item .prod-rank{width: 20%; font-size: 25px; color: #fff; background-color: #000; text-align: center; padding:37px 0; font-weight: 900; line-height: 0;}
.product-thumbnail .item .prod-info-set {width: 100%;}
.product-thumbnail.ranked .item .prod-info-set {width: 80%; padding-left: 10px;}
.product-thumbnail .item .header-row {;}
.product-thumbnail .item .header-row .prod-brand {float:left;}
.product-thumbnail .item .header-row .ic {float:right;}

#loginBox { display:none; position: fixed; z-index: 999999999999999999; background-color: #fff; left: 50%; top: 30%; transform: translateX(-50%);}

.login_navi {display: none;}

.bic_confirm span {background-color: #000; padding: 20px 30px; display: inline-block; border: 1px solid #000}
.bic_cancel span {background-color: #fff; padding: 20px 30px; display: inline-block; border: 1px solid #000}

.pro_sea_box {height: auto; border: inherit; background: inherit;}
.pro_sea_box .strong {font-weight: 900; color: #ff3366}

.cart_table {;}
.cart_table .btn {background-color: #fff; border: 0px;}
.cart_table .gm_box {height: auto; margin: 4px;}

.brand_contents{padding:0 20px 20px; font-weight: 400; color: #666;}

/* 브랜드 페이지 */
#page-contents-brandshoplist{;}
#page-contents-brandshoplist .brand_contents{padding:0 20px 20px;font-weight:400;color:#666;}
#page-contents-brandshoplist .brand_contents .logo{float:left}