/* 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;}
.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;}
.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;}
    
/* 롱배너 */
.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: flex; 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;}







/*insun-design 여기서부터*/


.insun-design-banner{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:300px;
    width:1200px;
    margin:0 auto;
    margin-top:45px;
}

.insun-design-banner > div{
    width:280px;
    height:250px;
    border-radius:10px;
}

.insun-design-banner > div:nth-of-type(1){
    background:linear-gradient(135deg, #bad1f5, #ffffff);
}
.insun-design-banner > div:nth-of-type(2){
    background:linear-gradient(135deg, #38545c, #ffffff);
}
.insun-design-banner > div:nth-of-type(3){
    background:linear-gradient(135deg, #ffeac6, #ffffff);
}
.insun-design-banner > div:nth-of-type(4){
    background:linear-gradient(135deg, #e0e8d0, #ffffff);
}

/*insun-design 여기까지*/
/* BASIC css end */