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

/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */

#main_slider ul.slick-dots {
  display:none !important;
  width: 1200px;
  margin: 0 auto;
  text-align: right;
  position: absolute;
  bottom: 0;
  font-size: 0;
  padding-left: 220px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing :border-box;
  -moz-box-sizing :border-box;
  -ms-box-sizing :border-box;
  -o-box-sizing :border-box;
  box-sizing :border-box;
  left: 0;
  right: 0;
} 
#main_slider .slick-slide { 
    cursor: pointer;
    height: 561px;
    width: 100%; 
    background-position: top center !important;
    background-repeat: no-repeat !important;
}
#main_slider .slick-slide img {  
}
#main_slider ul.slick-dots li {
  display: inline-block;
  font-size: 12px;
  width: 20%;
  background: #fff;
  height: 45px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
#main_slider ul.slick-dots li button {
  background: #fff;
  color: #2e2e2e;
  font-size: 12px;
  outline:0;
} 
#main_slider ul.slick-dots li.slick-active button {
  color: #7419fe;
}
#main_slider ul.slick-dots li.slick-active {
  border-bottom: 3px solid #7419fe;
  height: 42px;
  line-height: 40px;
}
#main_slider ul.slick-dots li:after {
  content: '';
  position: absolute;
  width: 1px;
  background: #dfdfdf;
  left: 0;
  top: 0;
  height: 100%;
}
#main_slider ul.slick-dots li:last-child:after {
  content: '';
  position: absolute;
  width: 1px;
  background: #dfdfdf;
  right: 0;
  top: 0;
  height: 100%;
}
#main_slider .slick-arrow{
    font-size: 0;
    position: absolute;
    top: 46%;
    background: red;
    z-index: 222;}

#main_slider .slick-arrow.slick-prev{
    left: 10%;
    background: #9c9c9c url(/design/istmall/elecshop/images/prev_ico_1x.png) no-repeat;
    width: 50px;
    height: 50px;
    border-radius: 100%;}

#main_slider .slick-arrow.slick-next{
    right: 10%;
    background: #9c9c9c url(/design/istmall/elecshop/images/next_ico_1x.png) no-repeat;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

/* ¿¬°áÆäÀÌÁö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(/design/istmall/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(/design/istmall/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%}

/* À̹ÌÁö¹è³Ê */
#sub_ban_sec{width: 100%; margin-top: 100px;}
#sub_ban_sec .sec_inner{width: 1200px; margin: 0 auto; }
#sub_ban_sec .sec_inner ul{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
#sub_ban_sec .sec_inner ul li{width: calc(100% - 20px) / 2; border:1px solid #efefef; margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
#sub_ban_sec .sec_inner ul li .img_sec{}
#sub_ban_sec .sec_inner ul li .img_sec a{display: block;}
#sub_ban_sec .sec_inner ul li .img_sec a img{width: 100%;}
#sub_ban_sec .sec_inner ul li .ban_info{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 25px 0;}
#sub_ban_sec .sec_inner ul li .ban_info>*{font-family: 'Noto Sans KR', sans-serif;}
#sub_ban_sec .sec_inner ul li .ban_info p.sub{color: #424242; font-size: 14px; font-weight: 500;}
#sub_ban_sec .sec_inner ul li .ban_info p.main{color: #000; font-size: 18px; font-weight: 700;}
#sub_ban_sec .sec_inner ul li .ban_info a.quick{color: #989898; font-size: 12px;display: block; font-weight: 500; padding-top: 5px; }
#sub_ban_sec .sec_inner ul li .ban_info a.quick span{display: inline-block; font-family: 'Dotum'; margin-left: 6px;}

/* ÅÇ »óÇ° ±â´É */
.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;}
/* BASIC css end */