/* BASIC css start */
/* 메인 배너 */
.main_spot { margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
.main_spot .bx-wrapper { text-align:center; }
.main_spot .spotSlider { margin-left:0px; }
.main_spot .spotSliderPager { position:absolute; bottom:15px; right:48.3%; z-index:99; }
.main_spot .spotSliderPager ul {overflow:hidden; }
.main_spot .spotSliderPager li { float:left; }
.main_spot .spotSliderPager li a { display:block; width:10px; height:10px;  margin-right:6px; text-indent:-9999em; background:#b2b2b2 }
.main_spot .spotSliderPager li a.active { background:#4c4c4c }

.main_bnnr_bx { margin:0px 0px 0px -12px; position:relative; width:100%; height:350px }
.main_bnnr_bx .bnnr_left { margin-right:27px; float:left; width:265px; height:350px; overflow:hidden;}
.main_bnnr_bx .bnnr_center { margin-right:26px; float:left; width:577px; height:350px; overflow:hidden; }
.main_bnnr_bx .bnnr_center ul li { margin-bottom:24px; position:relative }
.main_bnnr_bx .bnnr_center ul li img { vertical-align:top }
.main_bnnr_bx .bnnr_right { position:relative; float:right; width:360px; height:350px; overflow:hidden }
.main_bnnr_bx .bnnr_right .bnRightSliderPager { position:absolute; bottom:15px; right:16px }
.main_bnnr_bx .bnnr_right .bnRightSliderPager li { margin-left:5px; float:left }
.main_bnnr_bx .bnnr_right .bnRightSliderPager li a { display:block; width:8px; height:8px; text-indent:-9999em; background:#b2b2b2 }
.main_bnnr_bx .bnnr_right .bnRightSliderPager li a.active { background:#4c4c4c  }

/* 메인 상품 리스트 타이틀 */
.main_prod_tit { margin:0px 0px 50px 0px; width:100%; text-align:center }
.main_prod_tit h3 { font-size:34px; color: #555; font-weight: bold;  font-family: :'Lato','Noto Sans KR',"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif;  }
.main_prod_tit2 { margin:25px 0px 60px 0px; width:100%; text-align:center }
.main_prod_tit2 h3 { font-size:34px; color:#555;  font-family: :'Lato','Noto Sans KR',"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif;  }

/* 메인탭*/

/**/
.main_title { clear:both; width:100%; min-width:1400px; line-height:10px; border-bottom:0px solid #e9e9e9; margin:0 0 45px -50px; padding-top:60px; text-align:center; font-family: 'Open Sans', 'Nanum Gothic', sans-serif; font-weight:400; letter-spacing:1px; font-size:13px; color:#000; }
.main_title div { position:relative; display:inline-block; *display:inline; *zoom:1; line-height:5px; border-bottom:0px solid #000; top:1px;  }
.main_proti {clear:both; text-align:center; padding:70px 0 50px;}


.main_line { clear:both; width:100%; min-width:1400px; line-height:40px; border-bottom:0px solid #e9e9e9; margin:0 auto 40px; padding-top:60px; text-align:center; font-family: 'Open Sans', 'Nanum Gothic', sans-serif; font-weight:400; letter-spacing:1px; font-size:13px; color:#000; }
.main_line div { position:relative; display:inline-block; *display:inline; *zoom:1; line-height:50px; border-bottom:2px solid #000; top:1px; }
.main_proti {clear:both; text-align:center; padding:70px 0 50px;}


/**/
#tab_box { width:1286px; margin:0 auto; }


ul.tabs { clear:both; width:100%; height:30px; margin-bottom:30px; font-family: 'Open Sans', 'Nanum Gothic', sans-serif; font-weight:400; letter-spacing:0px; color:#777; font-size:0; line-height:0; text-align:center; }
ul.tabs li { display:inline-block; *display:inline; *zoom:1; cursor:pointer; width:auto; height:12px; line-height:12px; position:relative; padding:0 15px; background:url(/line_best.png) left center no-repeat; font-size:12px;  border-right:1px solid #ccc;  }
ul.tabs li.active { color:#000; }
ul.tabs li.first { background:none; }
ul.tabs li.last {border-right:0px solid #ccc; }


/*배너4개*/
.main_bn {
    width: 1280px;
    margin: 50px auto 0;
}

.main_bn_list {
    overflow: hidden;
}

.main_bn_list div {
    float: left;
    margin: 0 10px;
    width: calc(25% - 20px);
}

.main_bn_list img {
    width: 100%;
}

.mb_title {
font-family: 'Lato','Noto Sans KR',"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif;
    margin-top: 6px;
    line-height: 1.5em;
    font-weight: bold;
    color: #333;
    padding-left: 5px;
    font-size: 15px;
}

.mb_title span {
font-family: 'Lato','Noto Sans KR',"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif;
    display: block;
    font-weight: normal;
    color: #999;
    font-size: 11px;
   letter-spacing: -0.5px;
}


/**/
.tab_container { /*clear:both;*/ float:left; width:100%; height:400px; overflow:hidden; }
.tab_container .tab_content { display:none; }


/**/
.banner {width: 1466px; height: 570px; margin:0 auto; padding:230px 0 90px 0;}
.banner div {float: left; width:666px; display: block; padding: 0 36px 0 31px;}
.made_b { width:100%; overflow: hidden; text-align:center;  }


/**/
.banner2 { clear: both; width: 1310px;  margin-left:16px;}


/**/

/* 베스트상품 전체 공통 */
.prdList .item .box { position:relative; }


.prolist_info2_box { position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:168px; /*background:url() 0 0 repeat;*/ background:#fff; opacity:0.7; display:table; }
.prolist_info2 { position:relative; width:100%; padding:0; display:table-cell; vertical-align: middle; *top:35%; }
.prolist_info2_box div { text-align:center; padding-bottom:5px; line-height:17px; font-weight:bold; }


.tab_content { /*clear:both;*/ margin:0px; width:440px; }
.tab_content ul.prdList { float:left; width:611px; height:355px; vertical-align:top; margin:0px; }
.tab_content ul.prdList li .box { margin:0 auto; font-family:'Nanum Gothic', 'verdana', 'arial'; font-size:11px; line-height:16px; text-align:center; }

/* 상품이미지 */
.tab_content .thumb {max-width:611px; max-height:355px; text-align:center; vertical-align:top; }
/* 상품명 */
.prolist_info2 .prd-name { font-size:12px; color:#000; }
/* 추가상품명 */
.prolist_info2 .prd-subname { font-size:11px; color:#aaa; }
/* 상품가격 */
.prolist_info2 .prd-price { font-size:12px; color:#000; }
/* 소비자가격 */
.prolist_info2 .prd-consumer { font-size:12px; color:#777; text-decoration:line-through;}


.prolist_info_box { position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:168px; background:url() 0 0 repeat; /*background:#fff; opacity:0.7;*/ display:table; }
.prolist_info { position:relative; width:90%; padding:5%; display:table-cell; vertical-align: middle; *top:35%; }
.prolist_info_box div { text-align:center; padding-bottom:5px; line-height:17px; font-weight:bold; }


.tab_content { /*clear:both;*/ margin:0px; width:440px; }
.tab_content ul.prdList { float:left; width:210px; height:177px; vertical-align:top; margin:0px; }
.tab_content ul.prdList li .box { margin:0 auto; font-family:'Nanum Gothic', 'verdana', 'arial'; font-size:11px; line-height:16px; text-align:center; }

/* 상품이미지 */
.tab_content .thumb {max-width:210px; max-height:161px; text-align:center; vertical-align:top; }
/* 상품명 */
.prolist_info .prd-name { font-size:12px; color:#fff; }
/* 추가상품명 */
.prolist_info .prd-subname { font-size:11px; color:#aaa; }
/* 상품가격 */
.prolist_info .prd-price { font-size:12px; color:#fff; }
/* 소비자가격 */
.prolist_info .prd-consumer { font-size:12px; color:#777; text-decoration:line-through;}
/**/


/*.prd-list .thumb { width: 220px; height: 321px; margin-left: 0; margin-right: 0; font-size:0; line-height: 0; border: 0px solid #f2f4f3; }*/


.mainswiper
{
      width: 100%;
     background-color: #f4f4f4;
    /* margin-top: 100px;*/
      
    }


.mainswiper2
{
      width: 100%;
     background-color: #fff;
    margin-top: 100px;
      
    }


.mainswiper2 .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
        left: -2px !important;
        right: auto;
    }
.mainswiper2 .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
        right: -2px !important;
        left: auto;
    }

.mainswiper2 .swiper-button-next,.swiper-button-prev {
    color: #555 !important;
}

.mainswiper2 .swiper-button-next,.swiper-button-prev:after {
    color: #777 !important;
}

.swiper {
      width: 1280px;
      height: 100%;
    }


.pro_tit{
    text-align: center;
    width: 100%;
    margin: 50px 0;
    position: relative;
    font-size: 20px;
    color: #222;
    font-weight: 500;
    line-height: 100%;
}


.pro_tit2{
    text-align: center;
    width: 100%;
    margin: 50px 0 70px 0;
    position: relative;
    font-size: 40px;
    color: #222;
    font-weight: 500;
    line-height: 100%;
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: unset;
    top: unset;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {display:inline-block; outline:none;  padding:0 15px; font-size:13px; color:#888; position:relative; width:auto; height:auto; text-indent: unset; background: none; border-radius: 0; opacity:1; }
.swiper-pagination-bullet-active {color:#be9f7b;}
.swiper-pagination-bullet-active:after{content:''; width:4px; height:4px; border-radius:4px; background:#be9f7b; position:absolute; bottom:-10px; left:50%; margin-left:-2px;}

    .swiper-slide {
      text-align: center;
      font-size: 18px; 
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: inline-block;
      object-fit: cover;
    }


.tb-center {position: relative; width: 300px; padding: 0;}
.prd-info3 a {position: absolute; top: 0; bottom: 0; left: 0;right: 0;  background: rgba(0,0,0,0.5); text-align: center; cursor: pointer; box-sizing: border-box; opacity: 0; transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
.prd-info3 a:hover {opacity: 1;}
.prd-info3 > a > dl{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.tb-center .prd-info4 {position: absolute; bottom: 0;  padding: 22px 0 20px; left: 0;right: 0;  background: rgba(255, 255, 255, 0.7); text-align: center;  z-index: 10; cursor: pointer;  box-sizing: border-box; opacity: 0; transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;}
.tb-center:hover .prd-info4 {opacity: 1;}
.tb-center .prd-info4 .prd_line{
    display: block;
    width: 200px;
    height: 1px;
    background: #777;
    margin: 10px auto 13px;
}


.more_box {margin-bottom: 85px; margin-top: 54px;  text-align:center}
.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; }
.insta { width: 1310px; margin: 0 auto; }


@media (max-width:1440px){
 
 .main_spot .spotSlider img {width:100%}
 .banner {width: 1340px;}
 .banner img {width:100%;}
 .banner div  {padding: 0 4px 0 0; }
 .made_b img {width:100%;  }

}


/* BASIC css end */