/* BASIC css start */
.dn {display:none; }
#footer {margin-top:120px !important }

/* PRE ORDER */
.pre_order_box {width:1600px; margin:0 auto; position:relative; padding:75px 0 0;}
.pre_order_box h2 {text-align:center; font-size: 43px; display: block; margin-bottom:30px; font-weight:bold; letter-spacing: 0.1em;}
.pre_order_box .pre_order_swiper {width:1341px; margin:0 auto; overflow:hidden;}
.pre_order_box .pre_order_swiper .swiper-slide {width:318px; margin-right:23px;}

.pre_order_box .swiper-button-next, .pre_order_box .swiper-button-prev {
    top: calc(35% - -46px);
    background: url(/design/pippin1/renew/img_new/mainBnArrow.png) center center no-repeat;
    width: 59px;
    height: 80px;
}
.pre_order_box .swiper-button-prev:after, .pre_order_box .swiper-button-next:after {display:none;}
.pre_order_box .swiper-button-prev {
    left: 0;
    background-position: 0px -0;
}
.pre_order_box .swiper-button-next {
    right: 0;
    background-position: 17px -80px;
}
.pre_order_box .more_box {text-align:center;}
.pre_order_box .more_box .more_btn {display:inline-block; width: 300px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; background: #000; box-sizing: border-box; }

/* 메인 비쥬얼 배너 */

.visual_swiper { text-align:center; position:relative; margin-top:10px;}
.visual_swiper .img {position:relative; padding-bottom:105.2%; }
.visual_swiper img { position:absolute; top:0; left:0; width:100%}
.visual_swiper .swiper-pagination-bullet {width:12px; height:12px; background:#b0b0b0 }
.visual_swiper .swiper-pagination-bullet-active {background:#000}
.visual_swiper .swiper-pagination { bottom:24px !important}

.visual_swiper .swiper-slide { width:629px; margin-right:10px}
.visual_swiper .swiper-slide .txt { position:absolute; left:140px; bottom:100px; color:#fff; transition:2s; opacity:0; text-align: left;  }
.visual_swiper .swiper-slide .txt .tit { font-size:32px; font-weight:bold; line-height:1.3; margin-bottom:25px; letter-spacing:-1px; }
.visual_swiper .swiper-slide .txt .des { font-size:18px; }
.visual_swiper .swiper-slide.swiper-slide-active .txt { opacity:1; animation:fadeIn2 1.5s; left:95px; }

@keyframes fadeIn2 {
    0% { left: 140px; }
    100% { left:95px; }
}

.tt_box .tt {margin-top:100px; text-align:center;}

.tt_box .tt em {
    font-size: 43px;
    display: block;
    letter-spacing: 0.1em;
}
.fbold {
    font-weight: bold !important;
}
#category_best {position:relative;}
.swiper_tab_box {text-align:center;display: flex;justify-content: center;align-items: center; margin: 40px 0 30px;}
.swiper_tab_box .swiper_tab {display: inline-block;position: relative;font-size: 14px;font-weight: 100;letter-spacing: 0.1em;color: #9E9E9E;z-index:1;padding:0 10px;margin: 0 15px;font-weight:300}
.swiper_tab_box .swiper-pagination-bullet-active {background:none; color:#000}
.swiper_tab_box .swiper-pagination-bullet-active:after {content:""; display:inline-block; width:100%; height:1px; background:#000; position:absolute; bottom:-10px; left:0}
.swiper_tab_box02 {text-align:center;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.swiper_tab_box02 .swiper_tab {display: inline-block;position: relative;font-size: 14px;font-weight: 100;letter-spacing: 0.1em;color: #9E9E9E;z-index:1;padding:0 10px;margin: 0 15px;font-weight:300}
.swiper_tab_box02 .swiper-pagination-bullet-active {background:none; color:#000}
.swiper_tab_box02 .swiper-pagination-bullet-active:after {content:""; display:inline-block; width:100%; height:1px; background:#000; position:absolute; bottom:-10px; left:0}


.swiper_tab_con_box {width:1340px; text-align:left; margin:0 auto  }
.swiper_tab_con_box .item_list {float:none; display:inline-block; width:calc(25% - 20px); margin-right:20px; margin-bottom:20px; position:relative;}
.swiper_tab_con_box .item_list .tumb img {width:100%;}
.swiper_tab_con_box .item_list:nth-child(4n) {margin-right:0}
.swiper_tab_con_box .item_list:hover .info {opacity:1}
.swiper_tab_con_box .item_list .info {display: flex;position:absolute;left:0;top:0;width:100%;height:100%;align-items: center;justify-content: center;flex-direction: column;background:rgba(0,0,0,0.46); opacity:0; box-sizing: border-box; padding:16px;}
.swiper_tab_con_box .item_list .info .prdname {color:#fff;font-size:13px;font-weight:300;margin-bottom:10px;text-align: center;}
.swiper_tab_con_box .item_list .info .prdprice .price {color:#fff; font-size:14px; font-weight:700 }
.swiper_tab_con_box .item_list .info .prdprice strike {font-size:12px;color:#fff;text-decoration: line-through;margin: 0 5px;}
.swiper_tab_con_box .item_list .info .prdetc, .swiper_tab_con_box .item_list .info img, .swiper_tab_con_box .item_list .info .snap_review_count {display:none!important;}


#category_best .swiper-button-next, #category_best .swiper-button-prev {
    top: calc(50% - -46px);
    background: url(/design/pippin1/renew/img_new/mainBnArrow.png) center center no-repeat;
    width: 59px;
    height: 80px;
}
#category_best .swiper-button-prev:after, #category_best .swiper-button-next:after {display:none;}
#category_best .swiper-button-prev {
    left: 0;
    background-position: 0px -0;
}
#category_best .swiper-button-next {
    right: 0;
    background-position: 17px -80px;
}



#category_best {margin-bottom: 100px;}
.swiper_tab_con_box .more_view { text-align:center; margin-top:24px;  }
.swiper_tab_con_box .more_view a {    display: inline-block;  width: 300px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; background: #000; box-sizing: border-box;}



/* section 공통 */
section{}
section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 28px; color: #000;font-weight: 600; margin-bottom:10px}
section h2 span{font-size:30px; color:#555}
section p.p_subTitle{font-family: 'Noto Sans KR', sans-serif;font-size: 16px; color: #888;margin-bottom:25px}



/* sec1 */
#sec1 .item_list{width: 318px; float:left}
#sec1 .item_list .tumb{width: 100%;}
.sec1_prd{position:relative}
#sec1{margin-top:50px; padding-bottom:100px}
#sec1 .item-cont{padding:0 130px}
#sec1 h2{padding:0 130px}
#sec1 p.p_subTitle{padding:0 130px}
/* sec2 */

#sec2{}
#sec2 h2{margin-bottom:25px}
#sec2 h2 span{}
#sec2 h2 a{float: right;}
#sec2 .sec2_banner{height: 150px; width: 1600px;}
#sec2 .sec2_banner ul{width: 100%; display: flex; justify-content: space-between; height: 100%;}
#sec2 .sec2_banner ul li{width: 50%; height: 100%;}
#sec2 .sec2_banner ul li a{display: block;width: 100px;height: 100%;}
#sec2 .sec2_banner ul li a img{}

/* sec3 */
#sec3{margin-top:130px}
#sec3 .item-cont{flex-wrap:wrap;padding:0 130px}
#sec3 h2{padding:0 130px}
#sec3 p.p_subTitle{padding:0 130px}
/* sec4 */

#sec4 {margin-top:30px}
#sec4 h2{padding:0 130px}
#sec4 .sec4_cate{margin:30px 0;padding:0 130px}
#sec4 .sec4_cate ul{float:left}
#sec4 .sec4_cate ul li{display: inline-block; margin-right: 15px;}
#sec4 .sec4_cate ul li a{font-family: 'Noto Sans KR', sans-serif; color: #888;padding-bottom:4px; font-size:16px}
#sec4 .sec4_cate ul li.on>a{border-bottom: 2px solid #000; color: #000;}


#sec4 .sec4_cate>a{float: right;font-size:20px; font-weight:500}
section a.add{font-size:20px; font-weight:500}

#sec4 .sec4_prd{padding:0 130px}
#sec4 .sec4_prd>div{display: none;position:relative}
#sec4 .sec4_prd>div.show{display: block;}
#sec4 .item_list{ float:left; width:300px}
#sec4 .item-cont{}
#sec4 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:-65px !important; top:40%; background:url(/design/pippin1/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec4 .swiper_btn_next{width:19px; height:36px;position:absolute; right:-65px !important; top:40%; background:url(/design/pippin1/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }



/* sec5 */
#sec5{display: none;}
#sec5 h2 a{float: right;}
.sec5_banner ul{width: 100%;height:auto;flex-direction:row; display: flex; justify-content: space-between;margin-top: 25px;}
.sec5_banner a{width: 100%; height: 100%; display: block;}
.sec5_banner .ban_txt{padding-top: 20px;}
.sec5_banner .ban_txt p{text-align: center;}
.sec5_banner .ban_txt p.tit{margin-bottom:7px; color: #222; font-size: 20px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-.6px}
.sec5_banner .ban_txt p.period{color: #888; font-size: 16px;font-family: 'Red Hat Display', sans-serif; }



/* sec6 */


#sec6{margin-top:90px}
#sec6 .sec_inner{border-top:1px solid #eee; padding-top:100px}
#sec6 .txt_area{float:left; width:22%}
#sec6 .txt_area h2{}
#sec6 .txt_area p.p_subTitle{}
#sec6 .sec6_prd{position: relative;}
#sec6 .item_list{width: 300px; float:left}
#sec6 .item_list .tumb{width: 100%; }
#sec6 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:0 !important; top:35%; background:url(/design/pippin1/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec6 .swiper_btn_next{width:19px; height:36px;position:absolute; left:60px !important; top:35%; background:url(/design/pippin1/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }

section#sec6 .item-cont{flex-wrap:nowrap}

/* sec7 */

#sec7{margin:90px 0}
#sec7 .sec_inner{}
#sec7 .sec7_banner{/*background: url(/design/pippin1/codlab/title_banne3_1_start.jpg) no-repeat center center; background-size: contain;*/ width: 1600px; height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; /*padding: 50px;*/}
#sec7 .sec7_banner h3{text-align: center;font-family: 'Noto Sans KR', sans-serif;color: #222; font-size: 36px;font-weight: 400;}
/*#sec7 .sec7_banner a{transition:background-color .4s;  display:inline-block;border: 1px solid; width: 180px; height: 47px; text-align: center; line-height: 47px;color: #666; font-size: 16px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:1.3px}
#sec7 .sec7_banner a:hover{background-color:rgba(255,255,255,.7); color:#000}*/
#sec7 .sec7_banner img {width:100%;}

/* sec8 */
#sec8{margin:0 auto;/*background: #eae5dd;*/ padding:100px 0 75px;}
#sec8 .sec_inner{}
#sec8 h2{}
#sec8 h2 a{float: right;}
#sec8 .sec8_mag{width: 1688px;margin:0 auto}
#sec8 .sec8_mag ul{width: 100%; display: flex; justify-content: space-between;}
#sec8 .sec8_mag ul li{width: 532px;}
#sec8 .sec8_mag ul li .pic{}
#sec8 .sec8_mag ul li .pic a{}
#sec8 .sec8_mag ul li .pic a img{ width:100%}
#sec8 .sec8_mag ul li .article{width: 100%;}
#sec8 .sec8_mag ul li .article h4{color:#3f3f3f;font-size:28px;font-family: 'Noto Sans KR', sans-serif;margin-top:5px;font-weight:500;letter-spacing: -1px;}
#sec8 .sec8_mag ul li .article p{color: #3f3f3f; font-size:17px;font-family: 'Noto Sans KR', sans-serif;margin-top:5px; font-weight:400;letter-spacing:-1px}



/* 타임세일 */
#time_sale {padding-bottom:90px; position: relative;}
#time_sale .wrap {margin:30px 0;padding:0 130px}
#time_sale h2{padding:0 130px}
#time_sale p.p_subTitle{padding:0 130px}
.time_box {text-align:center; margin: 32px 0 42px; font-size:32px; display: flex;align-items: center;justify-content: center;}
.time_area span {font-weight:bold;}
.time_list_box {}
.time_list .item-list {display:inline-block;}
.time_list .item-list:last-child { margin-bottom:0}
.time_list .item-list .thumb {display: flex; align-items: center; padding:0 24px}
.time_list .item-list .item_img { display:inline-block; width:45%; margin:0 }
.time_list .item-list .item_img .img {width:100%; display:inline-block}
.time_list .item-list .item_info { display:inline-block; width:55%; padding: 0 0 0 24px;}
.time_list .item_name {padding:0; }
.time_list .item_option {display:block; }
.time_list .item_option br {display:none; }
.time_list .item_price {margin-bottom:0}
.time_list .discount_info {margin-top:10px; }
.time_list .discount_info .discount {display:inline-block; background:#db9976; color:#fff; font-size:12px; padding:5px 16px; border-radius:4px}
.time_list .item_reaction, .time_list .prod_cart {display:none; }
.time_list .item_img a {    padding-bottom: 110.2%!important}
#time_sale .swiper-slide {width:317.75px}
#time_sale .swiper-button-next, #time_sale .swiper-button-prev { top: calc(35% - -46px); background: url(/design/pippin1/renew/img_new/mainBnArrow.png) center center no-repeat; width: 59px; height: 80px;}
#time_sale .swiper-button-prev:after, #time_sale .swiper-button-next:after {display:none;}
#time_sale .swiper-button-prev { left: 0; background-position: 0px -0;}
#time_sale .swiper-button-next {right: 0;background-position: 17px -80px;}


.pre_order_box h2 {display:flex;justify-content: center;align-items: center;}
.allTimeBox {display:flex;justify-content: center;align-items: center; margin-left:60px; font-size:26px }
#allTime {margin-left:6px; display:flex;justify-content: center;align-items: center; color:#ec1e1e}

.trend_list {width: 1340px !important; }
/* BASIC css end */