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

/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot{ width: 100%;}
#mainSpot img{ width: 100%; height: ; border-radius: 0px;}
#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(/design/prettyok83/ideco/pc/icon/main_right.png) no-repeat;}
#mainSpot .swiper-button-prev{width: 50px; height: 50px; background: url(/design/prettyok83/ideco/pc/icon/main_left.png) no-repeat;}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after{opacity:0}

/* Ä«Å×°í¸® */
.link_connect{padding: 45px 0 0; height:120px; }
.link_connect ul { width: 1200px;margin: 0 auto; *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: 115px;    margin-left: 40px; text-align: center;}
.link_connect ul li:first-child {    margin-left: 0;}
.link_connect ul li a{ color: #000; font-size: 16px;font-family: 'Montserrat', sans-serif;  font-weight: 600;}
.link_connect ul li a img{display: block; width: 100%; padding-bottom: 12px;}


/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.cateTit{  padding: 45px 0 12px;     margin:20px auto;    text-align: left; width:1200px; }
.cateTit h2{ color: #1c1c1c; font-size: 26px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.slick-slide a{ border: 0; outline:0}
.product-wrap { margin:50px 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: -60px; right: 19px; width: 20px; height: 20px; background: url(/design/prettyok83/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: -60px; right: 0; width: 20px; height: 20px; background: url(/design/prettyok83/ideco/pc/icon/right_arrow.png) no-repeat; font-size: 0; z-index: 100; outline: 0;}
    
/* theme Å׸¶ */
#theme{ margin: 50px auto; width: 1200px; height:885px;}
#theme .theme1{float:left; height:500px;}
#theme .theme2{float:right; height:500px; }
#theme h2{color: #1c1c1c;font-size: 26px;font-family: 'Montserrat', sans-serif;  font-weight: 600;}
#theme p.tit{text-align:left;  margin-bottom:50px; font-family: 'Pretendard', sans-serif; line-height: 1.6; color: #787878; font-size: 18px; font-weight: 400;}
#theme .theme_prd  {clear: both; width: 1200px; height:183px;  padding-top: 20px;  }
#theme .theme_prd ul {width: 1200px; height:183px;  }
#theme .theme_prd ul>li{float:left; margin-left:20px;}
#theme .theme_prd ul>li:first-child{margin-left:0px}
#theme .theme_prd ul>li>.tumb{float: left; height:183px; width:183px;}
#theme .theme_prd ul>li>.tumb a{display: block; width:190px; height:183px;}
#theme .theme_prd ul>li>.tumb a img{width:183px; height:183px; object-fit: cover; border-radius: 0px;}


/* Áß°£¹è³Ê */
.mid_banner{ width: 100%; height:144px; margin: 0px auto; }
.mid_banner li{float:left;width: 50%;}
.mid_banner li img{width: 100%;}
.mr20{margin-right:20px;}


/* À̹ÌÁö¹è³Ê */
.imgBanner{ width: 1200px; margin: 0 auto; text-align: center;}
.imgBanner:after{content:''; display:block; clear:both;}
.imgBanner div{ float: left;  margin-right: 30px;}
.imgBanner div img{ border-radius:0px;}
.imgBanner div:nth-of-type(4n){ margin-right: 0;}

/* ¸®ºä */
.photo { width: 1200px; margin: 30px auto;}
p.more {float: right; font-size: 14px;font-family: 'Montserrat', sans-serif; font-weight: 600; color: #757575;  line-height: 36px;}
.more_icon {font-weight: 300; font-size: 18px; font-family: 'Notosans', sans-serif;}
    
.review-list{width:1200px;}

.review {float: left; border: 0px solid #efefef;  border-radius:0px; margin:0 10px 30px 0;}   
.review:nth-of-type(4n){ margin-right: 0;}
.review img{border-radius:0px;}   


/* ºê·£µå */
.brand{width:100%;    margin: 90px 0;}
.brand img{width:100%;}


/* ÀνºÅ¸ */
.insta{width:1200px;    margin:  0 auto 120px;}





/* ¹Ì»ç¿ë */

/* ·Õ¹è³Ê */
.longbnnr{ width: 1200px; margin: 45px auto 0;}
.longbnnr img{width:100%; border-radius:10px;}


/* ÅÇ »óÇ° ±â´É */
.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: ; max-width: 1200px; margin: -20px 0 20px 0;}
.tabarea .tab > li{float: left; margin: 0 40px 0 0;}
.tabarea .tab > li > span{ color: #757575; font-size: 18px; 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: #fff; 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 */