/* BASIC css start */
 .bg_color{background-color:#fafafa; width:100%; padding: 0px; margin-top: 60px}

section {margin:0 0 50px 0}
section .sec_inner {width:1400px; margin: 0 auto}
section h2{text-align:center; font-size:20px; padding:50px 0 50px 0}


.pdtop100px {padding-top:100px}
.pdtop50px {padding-top:50px}

/* 메인영역 : 타이틀 기본 01 */
.main_title { margin:0px auto 30px; position:relative; font-size:20px; font-weight:700; text-align: center;}
.main_title .title_t01 {color:#2b2b2b; font-size:20px; font-weight:700;  line-height:1; }
.main_title .title_t02 {width:20px; height:1px; background-color:#1a1a1a; margin:18px 5px;}
.main_title .title_t03 {color:#3b3b3b; font-size:14px; font-weight:300; line-height:1.5; }

.back_wihte {}
/* 메인영역 : 메인 키비주얼 */
.swiper_main {width:100%;}
.swiper_main .swiper-slide {width:1680px; position:relative;}
.swiper_main .swiper-slide img {width:100%;}




/* 메인영역 : 메인 키비주얼 */
.swiper01 {width:100%; min-width:1400px}
.swiper01 .txt_box { width:200px; height:200px; background-color:#fff}
.swiper01 .swiper-slide {width:1680px; position:relative;}
.swiper01 .swiper-slide img {width:100%;}
.swiper01 .swiper-slide .inner {width:1000px; height: 189px;  padding: 10px 40px; opacity:0.4;  font-size:0px; text-align:left; position:absolute; left:20px;    top: 34px;  margin-left:0px; display:flex; flex-direction:column; -webkit-box-pack: center; justify-content:left; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper01 .swiper-slide-active .inner { width:1000px;  height: 189px;   padding: 10px 40px; opacity:1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;     z-index: 20;    top: 20px;  left:20px ;   height: 189px;   padding: 10px 40px;}

.swiper01 .swiper-slide .inner .t01 {color:#fff; font-size:14px; font-weight:500; line-height:1;}
.swiper01 .swiper-slide .inner .t02 {color:#fff; font-size:30px; font-weight:700; line-height:34px;letter-spacing: -1px; margin:7px 0 10px}
.swiper01 .swiper-slide .inner .t03  {color:#fff; font-size:16px; font-weight:300; line-height:1; margin-top:10px}
.swiper01 .swiper-slide .inner .t04 {width:132px; height:42px; line-height:42px; color:#fff; font-size:14px; font-weight:400; text-align:center; background-color:#e6c3a8; display:inline-block; margin-top:60px;}

.swiper01 .swiper-pagination-bullets {bottom:40px !important; margin:0 auto; position:relative}
.swiper01 .swiper-pagination-bullet {margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper01 .swiper-pagination-bullet {opacity:1; border-radius:8px; background:transparent; width:8px; height:8px; vertical-align:middle; border:1px solid #8a8a8a;}
.swiper01 .swiper-pagination-bullet-active {opacity:1; background:#1a1a1a; width:8px; height:8px; border:1px solid #1a1a1a; }

.swiper01 .swiper-button-prev-main {background-image:url('/design/myfdfriend/img/main_ar_left.png'); left:60px; width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; left:50%; margin-left:-870px;;}
.swiper01 .swiper-button-next-main {background-image:url('/design/myfdfriend/img/main_ar_right.png'); right:60px;  width:60px; height:60px; background-size:60px 60px; margin-top:-30px; top:50%; right:50%; margin-right:-870px;;}

.swiper01 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '' !important;
}
.swiper01 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '' !important;
}


.sec1_bar{border: 1px solid #eee; overflow: hidden}
.sec1_bar .swiper{width: 1400px; margin:0 auto; height: 45px;}
.sec1_bar .swiper ul{width: 100%;    flex-direction: column; }
.sec1_bar .swiper ul li.swiper-slide{}
.sec1_bar .swiper ul li.swiper-slide p{display: flex; align-items: center; justify-content: center;font-family: 'Noto Sans KR', sans-serif; font-size: 13px ; color: #333333; padding: 11px 0; }
.sec1_bar .swiper .btn{position: absolute; right: 0; top: 0;z-index: 40;}
.sec1_bar .swiper .btn>div{width: 25px; height: 22px;text-align: center;border-left: 1px solid #eee;border-right: 1px solid #eee;display: flex; align-items: center;justify-content: center; cursor: pointer;}
.sec1_bar .swiper .btn>div:first-child{border-bottom: 1px solid #eee;}
.sec1_bar p span{display: flex; margin-right: 10px;}
.sec1_bar p span img{}




/* 베스트상품 */
.plan_prd { position: relative; width:100%; overflow: hidden; margin: 0 auto; }
.plan_prd .swiper-pagination_add_prd .swiper-pagination-bullet { width: 30px; height: 4px; border-radius: 0px; margin: 0px 1px !important; }
.plan_prd .swiper-pagination_add_prd .swiper-pagination-bullet { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.plan_prd .swiper-pagination_add_prd .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 75px; background: #000000; }
.plan_prd .swiper-pagination_add_prd .swiper-pagination-bullet:first-child { border-radius: 2px 0px 0px 2px; }
.plan_prd .swiper-pagination_add_prd .swiper-pagination-bullet:last-child { border-radius: 0px 2px 2px 0px; }
.plan_prd .prd_info_s {display:none}
.plan_prd .goods_brand {font-size:11px }
.plan_prd .goods_name {font-size:13px }
.plan_prd .goods_atc {font-size:11px }
.plan_prd .goods_price {font-size:14px }


.plan_prd .swiper-button-prev,
.plan_prd .swiper-button-next { top: calc( 43% - 25px ); }
.plan_prd .swiper-button-prev { left: 0px; padding: 15px 8px 15px 5px; background: #ffffff4a; }
.plan_prd .swiper-button-prev:after { color: #000000; font-size: 20px; font-weight:600 }
.plan_prd .swiper-button-next { right: 0px; padding: 15px 5px 15px 8px; background: #ffffff4a; }
.plan_prd .swiper-button-next:after { color: #000000; font-size: 20px; font-weight:600 }



/* 반찬도역시청우 */
.plan_prd1 { position: relative; width:100%; overflow: hidden; margin: 0 auto; }
.plan_prd1 .swiper-pagination_add_prd .swiper-pagination-bullet { width: 30px; height: 4px; border-radius: 0px; margin: 0px 1px !important; }
.plan_prd1 .swiper-pagination_add_prd .swiper-pagination-bullet { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.plan_prd1 .swiper-pagination_add_prd .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 75px; background: #000000; }
.plan_prd1 .swiper-pagination_add_prd .swiper-pagination-bullet:first-child { border-radius: 2px 0px 0px 2px; }
.plan_prd1 .swiper-pagination_add_prd .swiper-pagination-bullet:last-child { border-radius: 0px 2px 2px 0px; }
.plan_prd1 .prd_info_s {display:none}
.plan_prd1 .goods_brand {font-size:11px }
.plan_prd1 .goods_name {font-size:13px }
.plan_prd1 .goods_atc {font-size:11px }
.plan_prd1 .goods_price {font-size:14px }


.plan_prd1 .swiper-button-prev,
.plan_prd1 .swiper-button-next { top: calc( 43% - 25px ); }
.plan_prd1 .swiper-button-prev { left: 0px; padding: 15px 8px 15px 5px; background: #ffffff4a; }
.plan_prd1 .swiper-button-prev:after { color: #000000; font-size: 20px; font-weight:600 }
.plan_prd1 .swiper-button-next { right: 0px; padding: 15px 5px 15px 8px; background: #ffffff4a; }
.plan_prd1 .swiper-button-next:after { color: #000000; font-size: 20px; font-weight:600 }


/* sec 리뷰 */
#review{background-color: #f2f2f2; height:auto; margin:120px 0 50px 0 ; width:auto; min-height:auto; padding:100px}

#review .goods_list .thum_info {
    font-size: 14px;
    position: relative;
    padding: 8px;
    background: #fff;
    height: 165px;
}

#review .goods_list .thum_info .goods_brand {
    font-weight:400;
    font-size:13px;
    color:#4b4b4b;
    border-bottom: 1px solid #ddd;
    margin-bottom:8px;
    padding:5px 0 7px;
    height:90px

}

#review .goods_list .thum_info em img {
    display:block;
    font-size:0px;
    height:20px;
    filter: brightness(1.5);
    margin-bottom:5px;
    padding: 0 0 10px
}

#review .goods_list .thum_info .goods_name{
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight:600
}


#review .goods_list .items.sec_item > li {
    display: block;
    vertical-align: top;
    font-size: 14px;
    padding-bottom: 60px;
}

#review .goods_list .items.sec_item .thum_img {width:200px}
#review .goods_list .items.sec_item li {width:100%; margin-bottom:20px; background:#fff; padding-bottom:0px}
#review .goods_list .items.sec_item li > a {display:flex; gap:30px; align-items: center;}
#review .goods_list .sec_item .thum_info {height:auto}
#review .goods_list .sec_item .thum_info .goods_brand{
    font-weight: 400;
    font-size: 13px;
    color: #4b4b4b;
    border-bottom: 0px solid #ddd;
    margin-bottom: 8px;
    padding: 5px 0 7px;
    height: 60px;
}


/* sec4 어바웃 */
#sec4 {height:975px}
#sec4 .sec_inner{padding-top: 5%;position: relative;}
#sec4 .sec_inner .thumb{width: 675px;height: 650px;float: left;position: absolute;}
#sec4 .sec_inner .thumb img{width: 100%;}
#sec4 .sec_inner .txt_cont{width: 820px;height: 600px; background-color: #f5f5f5; float: right; margin-top: 130px; padding: 150px 20px 120px 240px;}
#sec4 .sec_inner .txt_cont h2{font-size: 48px; font-weight: 600;letter-spacing: 4px;}
#sec4 .sec_inner .txt_cont p.tit{color: #666; font-size: 14px;margin: 20px 0 70px;line-height:1.7; font-weight: 500;}
#sec4 .sec_inner .txt_cont .shop_now{}


/* 타임세일 */
.time_sale .main_title {display: flex;
    gap: 10px;
    align-items: center;
    justify-content:center;
    margin: 150px auto 30px;
}


/* BASIC css end */