/* BASIC css start */
.item-wrap, .item-wrap .item-cont{width:1200px}

/* 메인 비쥬얼 배너 */
#mainSpot{ width: 1200px;  margin: 30px auto 0;}
#mainSpot img{ width: 100%; height: 563px; border-radius: 10px;}
#mainSpot .swiper-pagination{ top: auto; bottom: 33px; left: 50%; transform: translateX(-50%); width: 390px; height: 2px;}
#mainSpot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #030000;}
#mainSpot .swiper-button-next{width: 50px; height: 50px; background: url(http://codlab03.img15.kr/ideco/pc/icon/main_right.png) no-repeat;}
#mainSpot .swiper-button-prev{width: 50px; height: 50px; background: url(http://codlab03.img15.kr/ideco/pc/icon/main_left.png) no-repeat;}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after{opacity:0}

/* 연결페이지02 */
.link_connect{padding: 45px 0 0;}
.link_connect ul { width: 1180px; margin: 0 auto; *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: 80px; margin: 0 19px; text-align: center;}
.link_connect ul li a{ color: #000; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
.link_connect ul li a img{display: block; width: 100%; padding-bottom: 12px;}

/* 상품 목록 영역 */
.cateTit{  padding: 45px 0 20px; text-align: left; }
.cateTit h2{ color: #1c1c1c; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
.cateTit h2.title-bar {
    position: relative;
    text-align: center;
}
.cateTit h2.title-bar:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    top: 50%;
}
.cateTit h2 .title-text {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 50px;
}
.slick-slide a{ border: 0; outline:0}
.product-wrap { margin:0 auto; position:relative; width:1200px }
.product-wrap .item-wrap .item-cont .slick-list{margin: 0 -10px;}
.product-wrap .item-wrap .item-cont .item-list{padding-right:0; margin: 0 10px; border: 0; outline:0}
.product-wrap .item-wrap .item-cont .item-list .prd-info{padding-bottom:0}
.product-wrap .item-wrap .item-cont .item-list .prd-price{color: #D22525;}

.item-wrap .item-cont .item-list .prd-title { padding-top:8px; font-family: 'Noto Sans KR', sans-serif; }
.item-wrap .item-cont .item-list .prd-content { padding-top:8px; font-family: 'Noto Sans KR', sans-serif; }
.product-wrap .item-wrap .item-cont .item-list .prd-title{color: #151515;}
.product-wrap .item-wrap .item-cont .item-list .prd-content{color: #3f51b5; font-size: 12px; }
.product-wrap .item-wrap .slick-prev{ position: absolute; top: -40px; right: 19px; width: 20px; height: 20px; background: url(http://codlab03.img15.kr/ideco/pc/icon/left_arrow.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}
.product-wrap .item-wrap .slick-next { position: absolute; top: -40px; right: 0; width: 20px; height: 20px; background: url(http://codlab03.img15.kr/ideco/pc/icon/right_arrow.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}

.product-wrap .item-wrap .item-cont .item-list.border-1{border: 1px solid #d8d8d8; border-radius: 10px; margin: 5px 10px;}
.product-wrap .item-wrap .item-cont .item-list.border-1 .thumb img {border-radius: 10px 10px 0px 0px;}
.item-wrap .item-cont .item-list.border-1 .prd-info { padding:10px; }

/* 롱배너 */
.longbnnr{ width: 1200px; margin: 45px auto 0;}
.longbnnr img{width:100%}

/* 이미지배너 */
.imgBanner{ width: 1200px; margin: 80px auto 0; text-align: center;}
.imgBanner:after{content:''; display:block; clear:both}
.imgBanner div{ float: left; margin: 0 20px 20px 0;}
.imgBanner div:nth-of-type(2n){ margin-right: 0;}

/* 탭 상품 기능 */
.tab_in_wrap.active{ border:0px !important;}
.tabarea{width: 100%; max-width: 1200px; margin: 20px auto 40px; text-align: center;}
.tabarea .tab{ display: inline-block; width:100%; max-width: 1200px;}
.tabarea .tab > li{float: left; margin: 0 40px 0 0;}
.tabarea .tab > li > span{ color: #757575; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;}
.tabarea .item_container{ padding: 15px 0;}
.tabarea .item_container .item-wrap{ display: none; position: relative; overflow: unset;}
.tabarea .morview{position: absolute; top: -30px; right: 0;}
.tabarea .morview a{color: #ff7777; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
.tabarea .item_container .item-wrap.active{ display: block;}
.tabarea .item_container .item-wrap .item-cont .item-list{position: relative; width: 588px; padding: 0; margin: 0 20px 20px 0; border: 1px solid #efefef; border-radius: 10px;}
.tabarea .item_container .item-wrap .item-cont .item-list:nth-of-type(2n){margin-right:0}
.tabarea .item_container .item-wrap .item-cont .item-list a{display: block; padding: 20px;}
.tabarea .item_container .item-wrap .item-cont .item-list a:after{display:block; clear:both; content:'' }
.tabarea .item_container .item-wrap .item-cont .item-list .thumb{ width: 220px; float: left;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info{ width: 308px; float: left; padding: 20px 0 20px 20px;}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-name{ color: #424242; font-family: 'Noto Sans KR', sans-serif; font-size: 18px; line-height: 20px;}
.tabarea .item-wrap .item-cont .item-list .prd-brnd{ margin: 0px 0 8px; font-size: 16px;}
.tabarea .item-wrap .item-cont .item-list .prd-price{ position: absolute; bottom: 40px; color: #D22525; font-size: 16px;}
.tabarea .item-wrap .item-cont .item-list .prd-price .dc_per,
.tabarea .item-wrap .item-cont .item-list .prd-price .price{font-size: 20px;}
.tabarea .item-wrap .item-cont .item-list .prd-price strike{ font-size: 14px;}

/* 인스타영역 */
.instaArea{ max-width: 1200px; width: 100%; margin: 0 auto 100px;}
.instaArea .instaBox{margin:0 0 20px}
.instaArea .instaBox:after{display:block; clear:both; content:'' }
.instaArea .sectionTit{ float: left;}
.instaArea .sectionTit img{float: left;}
.instaArea .sectionTit h2{ display: inline-block; float: left; margin: 0px 0 0 10px; color: #000; font-size: 20px; font-family: 'Noto Sans KR', sans-serif;}
.instaArea .sectionTit p{ float: left; margin: 4px 0 0 10px; color: #b0afaf; font-size: 14px; font-family: 'Noto Sans KR', sans-serif}
.instaArea .morview{ float: right; margin: 7px 0 0;}
.instaArea .morview a{color: #ff7777; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}

/* 제품영역 */
.clear_fix::after, .clear_fix::before {
    clear: both;
    display: block;
    content: "";
}

.section .sec_inner {
    width: 1200px;
    margin: 0 auto;
}

.shopbrand_item_wrap {
    display: flex;
    flex-wrap: wrap;
}

.item_list {
    float: left;
}

.item_list .thumb {
    width: 100%;
    position: relative;
}

.item_list .thumb>a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.item_list .thumb:hover>a>img {
    filter: grayscale(.3);
}

.item_list .thumb>a>img {
    width: 100%;
    transition: all .3s
}

.item_list .thumb span.num {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Pretendard', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #424e3aad;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_list .thumb .cart_icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.item_list .thumb .cart_icon a {
    display: flex;
    align-items: center;
    transition: all .2s;
    justify-content: center;
    width: 47px;
    height: 47px;
    background-color: #ababab;
    border-radius: 50%;
    border: none;
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.item_list .thumb .cart_icon a img {
    margin-right: 3px;
}

.item_list .info {
    padding: 16px 0;
}

.item_list .info p {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    font-family: "Pretendard Variable", Pretendard, sans-serif;
}

.item_list .info .prdname {
    color: #000;
    font-weight: 500;
    letter-spacing: -.7px;
    font-size: 14px;
    line-height: 1.4
}

.item_list .info .prdetc {
    color: #999999;
    font-size: 15px;
    font-weight: 500;
}

.item_list .info .prdprice {
    margin-top: 14px;
    font-size: 18px;
    font-weight: 500;
}

.item_list .info .prdprice span.won {
    font-size: 15px;
    font-weight: 400;
    color: #111111;
}

.item_list .info .prdprice .price {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.item_list .info .prdprice strike {
    font-size: 14px;
    color: #b6b6b6;
    display: inline-block;
    font-weight: 500;
    margin-left: 3px
}

.item_list .info .prdprice .percent {
    font-size: 18px;
    color: var(--main-color);
    font-weight: 700;
    margin-right: 5px
}

.item_list .info .prdbtn {
}

.item_list .info .prdbtn>span img {
    display: inline-block;
    margin: 0 3px
}

.item_list .info .prd-wish {
}

.item_list .info .prd-wish a {
    font-family: 'malgun gothic';
    font-size: 14px;
    color: #000;
}

.item_list .info .prd-wish i.fa {
    margin-right: 4px;
    color: #c8c8c8;
    font-size: 22px;
    vertical-align: text-top;
    cursor: pointer;
}

.item_list .info .prd-wish i.fa-heart {
    display: none;
    color: #f41f3a;
}

.item_list .info .prd-wish .wish-on i.fa-heart {
    display: inline-block;
}

.item_list .info .prd-wish .wish-on i.fa-heart-o {
    display: none;
}

.item_list .thumb .cart_icon a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #0071e3;
    transition: all 0.3s ease;
}

.item_list .thumb:hover .cart_icon a::after {
    top: auto;
    bottom: 0;
    height: 100%;
}

.w25p {
    width: 23.875%;
    margin-right: 1.5%;
    margin-bottom: 45px
}

.w25p:nth-child(4n) {
    margin-right: 0
}





/*sec3*/
#sec3 .sec_inner { position:relative; } 
#sec3 .sec_inner .swiper-button-prev { position: absolute; top: 50%; left: 0; transform: translate(-80px, -50%); z-index: 2; } 
#sec3 .sec_inner .swiper-button-next { position: absolute; top: 50%; right: 0; transform: translate(80px, -50%); z-index: 2; } 
#sec3 .sec_inner .sec3_cont .swiper { padding-bottom:30px; } 

/*sec6*/
#sec6 { } 
#sec6 .sec_inner { position:relative; } 
#sec6 .sec_inner .sec6_cont .swiper { } 
#sec6 .sec_inner .sec6_cont .swiper ul { } 
#sec6 .sec_inner .sec6_cont .swiper ul li { } 
#sec6 .sec_inner .sec6_cont .swiper ul li a { display: block; width: 100%; overflow:hidden; } 
#sec6 .sec_inner .sec6_cont .swiper ul li a img { width: 100%; transition:transform .3s } 
#sec6 .sec_inner .sec6_cont .swiper ul li a:hover>img { transform:scale(1.16) rotate(5deg) } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area { padding:20px 0 } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p { transition: all .3s; } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p.big { color: #161616; font-size: 22px; margin-bottom:10px } 
#sec6 .sec_inner .sec6_cont .swiper ul li:hover .txt_area p.big { color: #000; padding-left: 21px; position:relative; } 
#sec6 .sec_inner .sec6_cont .swiper ul li:hover .txt_area p.big::before { content: "→"; font-size:17px; display: inline-block; position: absolute; left: 0; transition: all .5s; top:50%; transform:translateY(-50%) } 
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p.sub { color: #555555; font-size: 16px; line-height:1.4 } 
#sec6 .sec_inner .swiper-button-prev { position: absolute; top: 50%; left: 0; transform: translate(-80px, -50%); z-index: 2; } 
#sec6 .sec_inner .swiper-button-next { position: absolute; top: 50%; right: 0; transform: translate(80px, -50%); z-index: 2; } 
/* BASIC css end */