/* BASIC css start */
/* 공통 */
#contentWrap {width:100%; margin:0 auto;}
#content {margin-top:0 !important;}
.w1440 {width:1440px; margin:0 auto;}
.mt140 {margin-top:140px;}

/* 검색 누르면 나오는 마스크 */
.all_mask {display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5); z-index:3;}

/* 메인 슬라이드 */
.slick-slide img {margin:0 auto; width:100%;}
.mv {position:relative;height:calc(100vh - 182.5px);overflow: hidden;}
.mv .mv_arrow {position:absolute; width:100%; bottom:10vh; text-align:center; -webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite;}

@-moz-keyframes bounce {
  0%,  50%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes bounce {
  0%,  50%,  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(0px);
    transform: translateY(30px);
  }
  100% {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* 상품 */
.item-wrap .item-cont {margin-top:0; font-size:0;}
.item-wrap .item-cont .item-list {float:none; display:inline-block; vertical-align:top; margin:0; text-align:left;}
.item-wrap .item-cont .item-list dt {margin-bottom:0;-khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.item-wrap .item-cont .item-list dt:hover {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
.item-wrap .item-cont .item-list dd {margin:20px 0 50px 0;}
.item-wrap .item-cont .item-list li {margin-top:0;}
.item-wrap .item-cont .item-list li.prd-name {font-size:14px; line-height:14px; color:#333333; font-weight:500;}
.item-wrap .item-cont .item-list li.prd-name a {font-size:14px; line-height:14px; color:#333333; font-weight:500;}
.item-wrap .item-cont .item-list li.prd-subname {font-size:14px; line-height:14px; color:#444444; margin:8px 0 20px 0; font-weight:300;}
.item-wrap .item-cont .item-list li.prd-price .per {margin:1px; font-weight:500;}
.item-wrap .item-cont .item-list li.prd-price {font-size:14px; line-height:14px; margin-bottom:20px;}
.item-wrap .item-cont .item-list li.prd-price .price {font-weight:500;}
.item-wrap .item-cont .item-list li.prd-price .won {margin:1px; font-size:12.5px; line-height:14px; font-weight:300; color:#000;}
.item-wrap .item-cont .item-list li.prd-price strike {color:#bbb; font-size:13px; line-height:13px; display:block; margin-bottom:8px; font-weight:300;}

.item-wrap .pro_tit {margin-bottom:20px; color:#000; font-size:23px; font-weight:700; letter-spacing:-0.5px; font-family: 'Roboto Condensed', sans-serif;}
.item-wrap .pro_tit span{font-size:15px;margin-left: 8px;font-weight: 400;vertical-align: middle;}
.item-wrap.pordList .item-cont .item-list {width:337px; margin-right:30px;}
.item-wrap.pordList .item-cont .item-list:nth-child(4n) {margin-right:0px;}
.item-wrap.pordList .item-cont .item-list:first-child {margin-left:0}
.item-wrap.pordList .item-cont .item-list dt img {width:100%; height: auto;}
.item-wrap.pordList .prd-name a {color:#959494; font-size:11px; }
.item-wrap.pordList .prd-price {color:#000;}
.item-wrap.pordList .prd-price .disc {color:#e00000; font-weight:500; font-size:14px;}
/*베스트*/
.best_gnb{width:100%;margin-bottom:20px;}
.best_gnb ul{width:100%;font-size:0;border-bottom: 1px solid #000;}
.best_gnb ul li{display:inline-block;width:calc(20% - 2px);border:1px solid #E0E0E0;border-bottom: 0;text-align:center;height:46px;line-height:46px;} 
.best_gnb ul li a{ color:#000;font-size:15px;}
.best_gnb ul li.on{background:#000;border-color: #000;}
.best_gnb ul li.on a{color:#fff;}
.item-wrap .item-cont{overflow: visible !important;}
.swiper-button-next, .swiper-button-prev{width:40px !important;height:60px !important;background-size: 40px 60px !important;top:30% !important;display:none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url("/design/mastideco/wib2018/img/slide_prev_btn.png") !important;left:0 !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("/design/mastideco/wib2018/img/slide_next_btn.png") !important;right:0 !important}
.goobs02,.goobs03,.goobs04,.goobs04,.goobs05{display:none;}
.goods_wrap:hover .swiper-button-next,.goods_wrap:hover .swiper-button-prev{display:block;}




/* 중간 이미지 배너 */
.event_box {background:url("/design/mastideco/wib2018/img/ex.jpg") no-repeat center center fixed; background-size:cover; width:100%; height:400px; position:relative; margin-top:90px;display:none;}
.event_box a {display:block; width:100%; height:100%;}
.event_box .event_txt {position:absolute; width:100%; top:50%; margin-top:-44px;}
.event_box .tit {text-align:center;}
.event_box .txt {font-size:18px; color:#fff; text-align:center; margin-top:22px; font-weight:300;}


/* media */
.media_box {width:1440px; margin:140px auto 140px; font-size:0;}
.media_box .media_board {display:inline-block; vertical-align:top; width:710px;}
.media_box .media_board .top_tit {font-size:23px; color:#000; font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px; font-weight:600; line-height:100%;}
.media_box .media_board:nth-child(1) {margin-right:20px;}
.media_box .media_board dl dt {}
.media_box .media_board dl dt img {width:100%; height:100%;}
.media_box .media_board dl dd {margin-top:17px;}
.media_box .media_board dl dd .tit {font-size:15px; font-weight:500; line-height:100%;}
.media_box .media_board dl dd .sub_tit {font-size:15px; margin-top:9px; line-height:100%;}


/* follow us */
.follow_bg {width:100%; margin:120px auto 0; padding:68px 0 70px 0; background:#fafafa;display:none;}
.follow {width:1440px; margin:0 auto;}
.follow:after {content:""; display:block; clear:both;}
.follow .left_txt {float:left; width:516px; margin:0 auto; text-align:center;}
.follow .left_txt .tit {font-size:48px; color:#000; font-family:'HelveticaUltraCompressed', sans-serif;}
.follow .left_txt .txt {font-size:15px; color:#000;}
.follow .right_btn {float:left; margin-top:16px;}
.follow .right_btn ul:after {content:""; display:block; clear:both;}
.follow .right_btn ul li {float:left; width:248px; height:58px; margin-right:20px; box-shadow:5px 7px 14px 0px #a0a0a0; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s;}
/*.follow .right_btn ul li:hover {margin-top:-10px; transform:translateY:20px 0; transition-delay: 0.1; -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s;}*/
.follow .right_btn ul li a {font-size:16px; color:#fff; display:block; font-weight:100; letter-spacing:0.5px; font-family: 'Roboto Condensed', sans-serif; line-height:58px;}
.follow .right_btn ul li.f_fb a {padding-left:117px;}
.follow .right_btn ul li.f_insta a {padding-left:114px;}
.follow .right_btn ul li.f_blog a {padding-left:134px;}
.follow .right_btn ul li.f_fb {background:url("/design/mastideco/wib2018/img/main_fb_btn.jpg") no-repeat;}
.follow .right_btn ul li.f_insta {background:url("/design/mastideco/wib2018/img/main_insta_btn.jpg") no-repeat;}
.follow .right_btn ul li.f_blog {background:url("/design/mastideco/wib2018/img/main_blog_btn.jpg") no-repeat;}



/* store */
.store_box {width:1440px; margin:140px auto 160px;}
.store_box ul {overflow:hidden;}
.store_box ul li {float:left; position:relative; overflow:hidden; width:710px; margin-right:20px; margin-bottom:10px;}
.store_box ul li a {display:block; width:100%; height:100%;}
.store_box ul li:nth-child(2n) {margin-right:0;} 
.store_box ul li:nth-child(3) {margin-bottom:10px;}
.store_box ul li:nth-child(4) {margin-bottom:0;}
.store_box ul li img {transition: all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s;}
.store_box ul li:hover img {transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);}
.store_box ul li .black_bg {display:none; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.store_box ul li:hover .black_bg {display:block;}
.store_box ul li .info_box {position:absolute; top:104px; left:26px; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; cursor:pointer;}
.store_box ul li .tit {font-size:44px; line-height:36px; color:#fff; font-family:'HelveticaUltraCompressed', sans-serif;}
.store_box ul li .tel {font-size:16px; color:#fff; margin-top:30px; font-weight:400; font-family: 'Roboto', sans-serif;}
.store_box ul li:hover .info_box {top:90px; transition-delay: 0.1; -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s;}






#main .visual { zoom: 1; overflow: hidden; }
#main .visual:after { content: ""; display: block; clear: both; }
#main .visual .symbol,
#main .visual .ad,
#main .visual .notice { float: left; }
#main .visual .symbol { overflow: hidden; width: 600px; margin-right: 15px; }
#main .visual .ad,
#main .visual .notice { width: 161px; }
#main .visual .notice dt { padding: 5px 0; }
#main .visual .notice dd { margin-top: 10px; }
#main .visual .notice dd .notice-list a { font-size: 11px; padding-bottom: 5px; }
#main .visual .ad { margin-top: 30px; }

#f2s-rolling-container1 .swiper-pagination .swiper-pagination-bullet{border-radius: 50% !important; width: 15px; height: 15px;}
#f2s-rolling-container1 .swiper-pagination .swiper-pagination-bullet-active{background: #000 !important;}

/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }





/* chrome, firefox font */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .item-wrap .item-cont .item-list li.prd-subname {font-weight:400;}
    
 }
 
 /*인스타그램*/
 .lightwidget__tile{min-width: 22% !important;margin-right:30px;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* BASIC css end */