/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main { position: relative; overflow: hidden; }
.main h3 {font-size:1.250em; margin: 40px 15% 10px 15%; line-height: 0.1em; border-bottom:1px solid #3b3b3b;}
.main h3 span { background-color: #fff; padding: 0 10px; }
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.categorys { position: relative; border-top: 1px solid #e6e6e6; display:none; }
.categorys li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; float: left; width: 25%; text-align: center; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.categorys li a { font-size: 1em; color: #444; }
.categorys li.no-line { border-right: 0 none; }
.categorys li.in-color a { color: #ff6e7d; }

#event-rolling-container .swiper-slide { position: relative; width: 100%; }
#event-rolling-container .swiper-slide a { display: block; }
#event-rolling-container .swiper-slide img { width: 100%; height: auto; }
#event-rolling-container .swiper-pagination { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #e0e0e0; margin: 0 5px; border-radius: 50%; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #b7b7b7; }

.custom-link { position: relative; margin: 20px 0; }
.custom-link a { display: block; width: 25%; float: left; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-link a img { width: 100%; height: auto; }

.link-area { position: relative; margin-top: 35px; }
.link-area a { display: block; margin-bottom: 10px; }
.link-area a img { width: 100%; height: auto; }


/* 메인 배너 */
.mainBanner{ visibility: hidden; position:relative;overflow:hidden;}
.mainBanner .main_banner img{width:100%;}
.mainBanner .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
.mainBanner .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.mainBanner .bx-pager-link{display:inline-block;width: 16px;height: 6px;font-size:0;margin: 0 3px;background-color: rgba(225,225,225,0.8);border-radius: 3px;}
.mainBanner .bx-pager-link.active{width: 80px;background-color: rgba(45, 45, 45, 0.8);}
.mainBanner .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;/* opacity: 0; */width: 100%;}
.mainBanner:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.mainBanner .bx-prev, .mainBanner .bx-next{position:absolute;top:0;margin-top:-25px;font-size: 28px;display:inline-block;width:50px;height:50px;color: #eaeaea;line-height: 45px;}
.mainBanner .bx-prev i, .mainBanner .bx-next i {vertical-align: middle;}
.mainBanner .bx-prev{left: 200px;}
.mainBanner .bx-next{right: 200px;}
.mainBanner .bx-prev:hover,
.mainBanner .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(90, 90, 90, 0.8);color:#fff;border-radius: 100%;}

/* 메인 서브 배너 */
.subbnArea {position: relative;margin-top: 10px; text-align:center;}
.subbnArea:after { content: ""; display: block; clear: both; }

.subbnArea .subbnItem {
    display:inline-block;
    background-size:cover;
    width:47%;
    margin:0 1%;
    height:220px;
    cursor:pointer;
    overflow:hidden;
}

.subbnItem .trs{
    padding:15px 0;
    background-color:rgba(0,0,0,0.4);
}

.subbnItem .trs .trst1{
    color:#fff;
    font-weight:bold;
    font-size:14px;
}

.subbnItem .trs .trst2{
    color:#fff;
}




.trsbox{
display:none;
}


.mainbArea {background-color:#e6e6e6;}
.mainbArea .mainbItem {
    width:33%;padding:10px;font-size:14px; text-align:center;padding:13px 0;cursor:pointer;
    border:1px solid #fff;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.mainbArea .mainbItem:hover {
    background-color:#557eab;color:#fff;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.mainbArea0 {background-color:#2e5f95;padding:10px;margin-top:-1px;}
.mainbArea0 .mainbItem0 {font-size:16px;color:#fff; text-align:center;line-height:120%;}


/* 이미지 고정 배너 */
.fixed-img-bannerWrap {position:relative; margin: 50px auto 0px;}
.fixed-img-bannerWrap .fixed-img-banner {position:relative; padding: 10% 0;background: url(/design/koreafnb/13550/tem150/fix_bg.jpg) center center;background-attachment:fixed;overflow:hidden;}
.fixed-img-bannerWrap .fixed-img-banner .t1 {font-size: 38px;color: #000;text-align:center;}
.fixed-img-bannerWrap .fixed-img-banner .t2 {font-size: 18px;color: #000;text-align:center;margin: 10px 0px 20px}
.fixed-img-bannerWrap .fixed-img-banner .b1{background:#000;  width: 180px;  margin: 20px auto;  text-align: center;border-radius: 6px;}
.fixed-img-bannerWrap .fixed-img-banner .b1 a {font-size: 18px; display:block; color:#fff; padding:10px; border-radius: 6px;}
.fixed-img-bannerWrap .fixed-img-banner .b1 a:hover{ color:#000; background:#fff}

.shopBtn{margin:30px 0px}
.shopBtn a{    border: 1px solid #c7c7c7;   padding: 10px 40px; }

.video {
  width: 100%;
  max-width: 900px;
  margin: 30px auto;
  background-color: #f0f0f0;
  box-sizing: border-box;
}

.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}

iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* BASIC css end */