/* 상품리스트 장바구니 찜하기 노출설정*/
/* .icon_list,icon_list_over {display:none;}*/
/* 상품리스트 장바구니 찜하기 노출설정*/

/*
	font-size:13px !important;   폰트크기
	color:#000 !important;		폰트색상
	font-weight:bold !important;    폰트두께  bold 두껍게, normal 보통
	line-height:18px !important;  텍스트 높이조절

*/

/*브랜드*/.prdBrand {font-size:13px !important; color:#999999 !important;}
/*제조사*/.txt .brand {font-size:13px !important; color:#999999 !important;}
/*상품명*/.prdName{ font-size:13px !important; color:#000 !important; font-weight:bold !important;}
/*짧은설명*/.prdShort { font-size:12px !important; color:#999999 !important; font-weight:normal !important; line-height:22px !important;}
/*정가*/.prdFixprice {font-size:12px !important; color:#555555 !important; font-weight:normal !important;}
/*판매가 숫자*/.prdPrice strong { font-size:13px !important; color:#ff0033 !important; font-weight:bold !important; line-height:22px !important;}
/*판매가 텍스트 예)원*/.prdPrice {font-size:13px !important; color:#ff0033 !important; font-weight:bold !important; line-height:22px !important;}
/*마일리지,상품할인가*/.mileage {font-size:12px !important; color:#1b8acd !important; font-weight:normal !important;}
/*품절텍스트*/.prdSoldout {font-size:13px !important; color:#d02024 !important; font-weight:bold !important;}
/*세일가*/.prdSale strong {font-size:13px !important; color:#000 !important; font-weight:bold !important;}
/*상품코드,모델번호*/.display-field .txt.gd-default {font-size:12px !important; color:#555555 !important; font-weight:normal !important;}

.displaynone {display:none;}
.mainTopsildeWrap {clear:both; width:100%; position: relative; z-index:1; visibility:hidden;}
.mainTopsildeWrap:after{clear:both; display:block; content:"";}
/* Slider */
.mainTopsilde{ position: relative; display: block;}
.mainTopsilde .slick-list{ position: relative; display: block; overflow:hidden; margin: 0; padding: 0;}
.mainTopsilde .slick-list:focus{ outline: none;}
.mainTopsilde .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.mainTopsilde .slick-track:before,.mainTopsilde .slick-track:after{  display: table; content: '';}
.mainTopsilde .slick-track:after{ clear: both; }
.mainTopsilde .slick-slide{ float:left; height: 100%; min-height: 1px;}
.mainTopsilde .slick-slide > a {display:block !important; width:100%; height:100%; cursor:pointer;}
.mainTopsilde .slick-initialized .slick-slide { display: block; }
.mainTopsilde .slick-loading .slick-slide { visibility: hidden; }
.mainTopsilde .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}

.mainTopsilde .slick-prev, .mainTopsilde .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 42%;
    display: block;
    width: 34px;
    height: 67px;
    cursor: pointer;  
    z-index:1001;
}
.mainTopsilde .slick-prev {
   background:url('../images/productslide_prev.png') no-repeat;
   left: 15%;
}
.mainTopsilde .slick-next {
    background:url('../images/productslide_next.png') no-repeat;
    right: 15%;
}
.mainTopsilde .slick-dots {
    position: absolute;
    bottom: 30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
	z-index:1000;
}
.mainTopsilde .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
}

.mainTopsilde .slick-dots li button {
    width:35px;
    height:4px;
    text-align:center;
    background:#ddd;
    border-radius:0;
    opacity:1;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.mainTopsilde .slick-dots li.slick-active button {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
	width: 55px !important;
    height: 4px !important;
}
.mainTopsilde .slick-dots li.slick-active {
    width: 55px !important;
    height: 4px !important;
}

.mainTopsilde div,.slider-wrap div,.slider-wrap a:focus,.slider-wrap img:focus{outline:none !important;border:none !important;}

.mainContainer { max-width:1100px; margin: 0 auto; }
.mainBanner { width: 100%; }
.mainBanner ul {}
.mainBanner ul:after { content:""; display:block; clear:both; }
.mainBanner ul li { float: left; width: 100%;}
.mainBanner ul li img { width: 100%;}

.mainBanner ul.cols2 li { width: 49%; padding: 0 0 0 1%;}
.mainBanner ul.cols2 li:first-child { padding: 0 1% 0 0;}
.mainBanner ul.cols3 li { width: 32%; padding: 0 1%;}
.mainBanner ul.cols3 li:first-child { padding: 0 1% 0 0;}
.mainBanner ul.cols3 li.last { padding: 0 0 0 1%;}
.mainBanner ul.cols4 li { width: 24%; padding: 0 0.6%;}
.mainBanner ul.cols4 li:first-child { padding: 0 0.6% 0 0;}
.mainBanner ul.cols4 li.last { padding: 0 0 0 0.6%;}

.mTop30 { margin-top: 30px;}
.mTop50 { margin-top: 50px;}

.mainProductSlide { clear:both; width: 100%;}
.mainProductSlide.grid4 { clear:both; width: 100%; max-height:400px; overflow:hidden;}
.mainProductSlide.grid5 { clear:both; width: 100%; max-height:360px; overflow:hidden;}

.mainBanner._fixed { height: 435px; background: url(https://skinnbeauty.co.kr/data/skin/front/mplshop/_mplshop/images/line6_banner1.gif) center center;  background-attachment: fixed; text-align: center; }
.mainBanner._fixed li { display: inline-block; position: relative; top: 35%; *display:inline; *zoom:1;}
.mainBanner._fixed img { max-width:100%; width: auto;}

.communityInformation { clear:both; border: 1px solid #ddd; }
.communityInformation:after { content:""; display:block; clear:both; }
.communityInformation > div { 
	float: left; width: 50%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.communityInformation > div:first-child { border-right: 1px solid #ddd;}

.communityInformation > div ul { padding: 40px 0; text-align: center; }
.communityInformation > div ul li { display: inline-block; *display:inline; *zoom:1; color:#000; text-align: left; vertical-align: middle; }
.communityInformation > div ul li p { margin: 5px 0;}
.communityInformation img { width: 50px;}
.communityInformation .num { margin-left: 20px; font-size:23px; font-weight:bold; }
.communityInformation .content { margin-left: 40px;}
.communityInformation .content span { margin-left: 30px;}

.mpl_boardMain { overflow:hidden; *zoom:1;}
.mpl_boardMain td img { vertical-align:middle; margin:1px; }
.mpl_boardMain .leftArea { float:left; width:50%;}
.mpl_boardMain .leftArea .board { margin:0 10px 25px 0 ;  border:1px solid #dddddd;}
.mpl_boardMain .leftArea .board h3{border-width: 0 0 1px; color:#000;}
.mpl_boardMain .rightArea { float:right; width:50%; }
.mpl_boardMain .rightArea .board { margin:0 0 25px 10px;  border:1px solid #dddddd;}
.mpl_boardMain .rightArea .board h3{border-width: 0 0 1px; color:#000;}

.mpl_boardMain .board {position: relative; min-height:225px; margin:25px 0 25px;  background-color:#FFF;  }
.mpl_boardMain .board h3 { height:39px; line-height:39px; margin-bottom:8px; border:1px solid #dddddd; margin-bottom:0px color:#2e2e2e; background:#fff; text-indent:13px; }
.mpl_boardMain .board a.more { position:absolute; top:11.5px; right:11px; width:48px; height:16px; background:#fff; background:url('../images/ico_more.png') no-repeat;}
.mpl_boardMain .board a.more:hover {background:url('../images/ico_more_o.png') no-repeat;}

.mpl_boardMain .board table th { display:none; }
.mpl_boardMain .board td { width:65px; padding:0 1px 0 0; border:none; font-size:10px; color:#a4a4a4; text-align:right; line-height:34px; }
.mpl_boardMain .board td.title { width:425px; font-size:12px; text-align:left; text-indent:15px;}
.mpl_boardMain .board td.date { width:120px; text-align:right; padding-right:10px; }

.instagramwidget { margin:0 auto; padding:20px 14px 14px; text-align:center; }
.instagramwidget h1.title { margin: 40px 0; font-size:15px; letter-spacing: 15px;}

.instagramwidget_right { margin:30px auto 0; padding:0; text-align:center; }
.instagramwidget_right h2 {clear:both; text-align:center; padding-bottom:20px; width:100%;}

#popup_1 iframe{display:none;}
#popup_2 iframe{display:none;}
#popup_3 iframe{display:none;}
#popup_4 iframe{display:none;}

.visual{width:100%; margin: 0 0 30px;}
.visual:after{content:"";display:block;clear:both;}
.visual > div {float: left; }

.visual .visual_left { width: 265px;}
.visual .visual_left a { display: block; clear:both; border-bottom: 1px solid #ddd;}

.visual .visual_center { width: 470px; height: 405px; margin: 0 50px;}
.visual .visual_center .visual_tab_tabs { width: 100%; height: 40px;}
.visual .visual_center .visual_tab_tabs li {
	float: left; width: 20%; height: 40px; line-height: 40px; cursor:pointer; text-align: center; 
	border: 1px solid transparent;
	border-bottom: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visual .visual_center .visual_tab_tabs li a { color:#8f949a;}

.visual .visual_center .visual_tab_tabs li.active,
.visual .visual_center .visual_tab_tabs li:hover { border: 1px solid #ddd; border-bottom: 0; }
.visual .visual_center .visual_tab_tabs li.active a,
.visual .visual_center .visual_tab_tabs li:hover a { display: block; margin: 0 8px; background: url(../images/tab_bottom_line2.gif) repeat-x center 36px; color:#000;}
.visual .visual_center .visual_tab_content { height: 365px; border: 1px solid #ddd; border-top: 0; overflow: hidden;}

.visual .visual_right {  width: 265px;}
.visual .visual_right a { display: block; clear:both; border-bottom: 1px solid #ddd;}

.admin-msg {word-break: break-all;}

.mypageSide {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	left:0;
	top:425px;
	width:240px;
	padding: 5px 15px 20px;
	z-index:13;
	background: #F7F7F7;
}

.serviceSide {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	left:0;
	top:425px;
	width:130px;
	padding: 5px 15px 20px;
	z-index:13;
	background: #F7F7F7;
	display: none;
}

.cslnb:after { content:""; display:block; clear:both; }
.cslnb .divideContent { float: left; width: 110px; margin-left: 20px;}
.cslnb .divideContent:first-child { margin-left: 0;}

.cslnb h3 { padding-top: 15px; margin-top: 15px; border-top: 1px solid #eaeaea; }
.cslnb h3, .cslnb h3 a { font-size:13px; color:#000; text-indent: 5px; }
.cslnb h3:first-child { border-top: 0; margin-top: 0;}
.cslnb ul { margin-top: 10px;}
.cslnb ul li { margin: 4px 0;  text-indent: 5px;}
.cslnb ul li a { font-size:12px; color:#878787;}
.cslnb ul li a.on { color:#000; }

.cslnb .mpl_quick_btn { position: absolute; top: 0; right:-18px; cursor:pointer;}
.cslnb .mpl_quick_btn .showbtn { width:18px; height:83px; background:url("../images/lq_btn_open.png") no-repeat;  }
.cslnb .mpl_quick_btn.on .showbtn{ background:url("../images/lq_btn_close.png") no-repeat; }
.cslnb .mpl_quick_btn li { margin-bottom: 10px;}