/* BASIC css start */
.new_pd_section {}


/* 롤링배너 */
#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: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    bottom: 10px;
}
#event .pagination .swiper-pagination-switch {
    display: inline-block;
    margin: 0 4px;
    text-indent: -9999px;
    background: #000;
    background-size: 19px 7px;
    width: 8px;
    height: 8px;
    border-radius: 10px;
}
#event .pagination .swiper-active-switch { background:#fff; width:35px }
/* //롤링배너 */


.chan_top a
{
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    line-height: 14px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 3px 0 0;
    z-index: 20;
    text-align: center;
}


		/*상단 메뉴노출*/
		#m_gnbmenu_box{ width: 100%; height:255px; }
		*{list-style: none;}
		#m_gnbmenu_box li a{ text-decoration: none; font-weight: bold; padding-top : 5px; padding-bottom: 5px; line-height: 20px; color: #666; box-sizing: border-box;}
		#m_gnbmenu_box ul{ width: 100%; margin-bottom: 21px; background-color: #ffffff; height: 82px;}
		#m_gnbmenu_box li{ width: 25%; float: left; padding-top: 10px; padding-bottom: 10px; border-right : 1px solid #e4e4e4; border-top : 1px solid #e4e4e4; border-bottom : 1px solid #e4e4e4; text-align: center; box-sizing: border-box;}
                #m_gnbmenu_box li:child(6){border-bottom: 1px solid #e4e4e4;}



.main h3 {
    font-size: 24px;
    display: inline-block;
    margin: 45px 0 25px 0;
    font-family: 'LatoBold', sans-serif;
}
.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;}

#header {width:100%; border-bottom:none !important;}

/* //이미지배너 */
.main_img_bn {margin:10px;}
.main_img_bn .box {display:block;}
.main_img_bn .box.mb5 {margin-bottom:5px;}
.main_img_bn .box.clear:after {
	content: "";
	display: block;
	clear: both;
}
.main_img_bn .box a {}
.main_img_bn .box a img {width:100%}
.main_img_bn .box .left {float:left; width:49%; margin-right:3px;}
.main_img_bn .box .right {float:right;  width:49%;}


/* //인스타 */
.insta_wrap {background:#e2e5ea; padding:30px 10px;}
.insta_wrap .tit {text-align:center; margin-bottom:5px;}
.insta_wrap .tit img {height:25px;}
.insta_wrap .id {
    font-size: 13px;
    text-align: center;
    margin-bottom: 25px;
}
.insta_wrap .content {margin:15px 0; text-align:center;}


/*---------------------------------
 포트폴리오 롤링
 *---------------------------------*/
.portfolio {
    width: 100%;
    margin: 20px 0;
    overflow:hidden;
}
.portfolio .tit {
	padding: 15px 0 5px 0;
	font-size: 24px;
	font-family: 'LatoBold', sans-serif;
	text-align: center;
}
.portfolio .subtit {
	color:#8b8b8b;
	text-align: center;
	padding:5px 0;
}
.portfolio .line {
    height: 1px;
    width: 30px;
    background: #000;
    margin: 15px auto 20px;
}
.portfolio .sp-buttons {
	display:none;
}
.sp-slide {
	position: absolute;
	opacity:.3;
}
.sp-slide.sp-selected {
	opacity:1;
}

/***신규상품롤링 ***/
.new {position:relative;}
.new .bx-wrapper .bx-controls {position:absolute; top:42px; right:0px; height:25px;}
.new .bx-wrapper .bx-controls .bx-controls-direction {height:25px;}
.new .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
    display:inline-block;
overflow:hidden;
    background: url(/design/vivina/MK_renewal/img/main_newpd_prev.gif) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    text-indent: 9999px;
    margin-right:-1px;
}
.new .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
    display:inline-block;
overflow:hidden;
    background: url(/design/vivina/MK_renewal/img/main_newpd_next.gif) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    text-indent: 9999px;
}






















/* BASIC css end */