/* BASIC css start */
@charset "utf-8";
/* CSS Document */

.body-index #contents .sub_content{width:100%; padding:0;}/* 메인 */
#contents ul {/*-khtml-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s;*/}

.mainContainer {clear:both; max-width:1150px; margin: 0 auto; }
.mainContainer:after{clear:both; display:block; content:"";}
.mainContainer1 {clear:both; max-width:1335px; margin: 0 auto; }
.mainContainer2 {clear:both; max-width:1632px; margin: 0 auto; }
.mainContainer3 {clear:both; max-width:1850px; margin: 0 auto; }
.mainContainer4 {clear:both; max-width:1172px; margin: 0 auto; }
.mainContainerHidden {clear:both; margin: 0 auto; overflow: hidden; }

.mainTitle { text-align: center; }
.mainTitle .titleTop { margin-bottom: 10px; position:relative;}
.mainTitle .titleBottom { line-height: 180%; font-weight:normal;}
.mainTitle .titleTop .movieMore {position:absolute; right:15px; top:5px; padding-bottom: 2px; padding-top:30px; border-bottom: 1px solid #000; font-size:14px; color:#000; font-weight:bold; }
.mainTitle h1 { color:#000; font-size:35px; }
.mainTitle h2 { color:#000; font-size:20px; }
.mainTitle h3 { color:#808080; font-size:14px; }
.mainTitle h4 { color:#000; font-size:13px; margin-top: -5px; }
@media screen and (max-width:760px){
	.mainTitle h1 { font-size:24px; }
	.mainTitle h2 { font-size:18px; }
	.mainTitle h3 { font-size:13px; }
	.mainTitle h4 { font-size:12px; }

	.titleBottom {margin:0 10px;}
}
/* Slider */
/*.mainSildeWrap .fitImages {display:none;}*/
.mainSildeWrap .wideImages {display:block;}

.mainSildeWrap {clear:both; width:100%;}
.mainSildeWrap:after{clear:both; display:block; content:"";}
.mainSildeWrap .slideContainer{ }
.mainSildeWrap .slideContainer:after{clear:both; display:block; content:"";}
.mainSildeWrap .slick-slide > a {display:block !important; width:100%; height:100%; cursor:pointer;}
.mainSildeWrap .slick-prev, .mainSildeWrap .slick-next {
	opacity: 0;
	top: 50%;
	width: 33px;
	height: 58px;
	cursor: pointer;
	z-index:8;
	-webkit-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;
	outline: none;
}

.mainSildeWrap .slick-prev { left: 14%; background:url('/design/blancdelap/mplshop/img/btn_prev001.png') no-repeat; }
.mainSildeWrap .slick-next { right: 14%; background:url('/design/blancdelap/mplshop/img/btn_next001.png') no-repeat; }
.mainSildeWrap:hover .slick-prev { opacity: 0.6; left: 15%; }
.mainSildeWrap:hover .slick-next { opacity: 0.6; right: 15%; }
.mainSildeWrap .slick-prev:hover, .mainSildeWrap .slick-next:hover{opacity: 1;}

.mainSildeWrap .slick-dots { display:none; bottom: 20px; z-index:9;}
.mainSildeWrap .slick-dots li button { width:8px; height:8px; padding: 0; border: 2px solid #fff; background:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.mainSildeWrap .slick-dots li.slick-active button { background: transparent; }

.mainSildeWrap .mainTopsilde .slick-slide.fitImages img { width: 100%; }

@media screen and (max-width:1200px){
	.mainTopsildeWrap .slick-prev { left: 7%;}
	.mainTopsildeWrap .slick-next { right: 7%;}
	.mainTopsildeWrap:hover .slick-prev { left: 3%; }
	.mainTopsildeWrap:hover .slick-next { right: 3%; }
}
@media screen and (max-width:805px){
	.mainTopsildeWrap,
	.mainSildeWrap .wideImages,
	.mainTopsilde .slick-slide {height:auto !important; }

	.mainSildeWrap .wideImages {display:none;}
	.mainSildeWrap .fitImages {display:block; width:100%; display: table-cell;}
}
@media screen and (max-width:760px){
	.mainSildeWrap .slick-prev { background:url('../../_mplshop/images/btn_prev002.png') no-repeat; }
	.mainSildeWrap .slick-next { background:url('../../_mplshop/images/btn_next002.png') no-repeat; }

	.mainTopsildeWrap .slick-dots { bottom: 5px;}
	.mainTopsildeWrap .slick-dots li button { width:10px; height:10px; border: 2px solid #fff;}
}

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

.mainSildeWrap .mainSilde2 { overflow: visible; }
.mainSildeWrap .mainSilde2 > .bannerImage { display:table-cell; width:100%;}
.mainSildeWrap .mainSilde2 > .bannerImage span img {width:100%;}
.mainSildeWrap .mainSilde2 .slick-slide span { display: block; padding: 0 10px;}
.mainSildeWrap .mainSilde2 .slick-slide img { width: 100%;}

.mainSildeWrap .mainSilde2 .slick-prev { left: -4%; }
.mainSildeWrap .mainSilde2 .slick-next { right: -4%; }
.mainSildeWrap:hover .mainSilde2 .slick-prev { left: -7%; }
.mainSildeWrap:hover .mainSilde2 .slick-next { right: -7%; }
.mainSildeWrap .mainSilde2.slick-slider .slick-list { overflow: visible; }

@media screen and (max-width:1200px){
	.mainSildeWrap .mainSilde2 .slick-prev { left: 7%; }
	.mainSildeWrap .mainSilde2 .slick-next { right: 7%; }
	.mainSildeWrap:hover .mainSilde2 .slick-prev { left: 3%; }
	.mainSildeWrap:hover .mainSilde2 .slick-next { right: 3%; }
	.mainSildeWrap .mainSilde2.slick-slider .slick-list { overflow: hidden; }
}
@media screen and (max-width:760px){
	.mainSildeWrap .mainSilde2 .slick-slide span { padding: 0;}
}
.mainSildeWrap .mainSilde3 > .bannerImage { display:table-cell; padding: 0 10px;}
.mainSildeWrap .mainSilde3 > .bannerImage span img {width:100%;}
.mainSildeWrap .mainSilde3 .slick-slide span { display: block; padding: 0 10px;}
.mainSildeWrap .mainSilde3 .slick-slide img { width: 100%;}
.mainSildeWrap .mainSilde3 .slick-prev { left: -5%; }
.mainSildeWrap .mainSilde3 .slick-next { right: -5%; }
.mainSildeWrap:hover .mainSilde3 .slick-prev { left: -10%; }
.mainSildeWrap:hover .mainSilde3 .slick-next { right: -10%; }
.mainSildeWrap .mainSilde3.slick-slider .slick-list { overflow: visible; }

@media screen and (max-width:1200px){
	.mainSildeWrap .mainSilde3 .slick-prev { left: 7%; }
	.mainSildeWrap .mainSilde3 .slick-next { right: 7%; }
	.mainSildeWrap:hover .mainSilde3 .slick-prev { left: 3%; }
	.mainSildeWrap:hover .mainSilde3 .slick-next { right: 3%; }
	.mainSildeWrap .mainSilde3.slick-slider .slick-list { overflow: hidden; }
}
@media screen and (max-width:760px){
	.mainSildeWrap .mainSilde3 .slick-slide span { padding: 0;}
	.mainSildeWrap .mainSilde3 > .bannerImage {width:50%; padding:0;}
}
@media screen and (max-width:480px){
	.mainSildeWrap .mainSilde3 > .bannerImage {width:100%; padding:0;}
}
.mainSildeWrap .MovieSlider { overflow:visible; }
.mainSildeWrap .MovieSlider > .bannerImage {width:50%; display:table-cell; }
.mainSildeWrap .MovieSlider > .bannerImage span {display:block; padding: 0 11px;}
.mainSildeWrap .MovieSlider > .bannerImage span img {width:100%;}
.mainSildeWrap .MovieSlider .slick-slide span { display: block; padding: 0 11px;}
.mainSildeWrap .MovieSlider .slick-slide img { width: 100%;}

.mainSildeWrap .MovieSlider .slick-prev { left: -4%; }
.mainSildeWrap .MovieSlider .slick-next { right: -4%; }
.mainContainerHidden:hover .mainSildeWrap .MovieSlider .slick-prev { left: -7%; opacity: 0.6;}
.mainContainerHidden:hover .mainSildeWrap .MovieSlider .slick-next { right: -7%; opacity: 0.6;}

@media screen and (max-width:1200px){
	.mainSildeWrap .MovieSlider .slick-prev { left: 7%; }
	.mainSildeWrap .MovieSlider .slick-next { right: 7%; }
	.mainContainerHidden:hover .mainSildeWrap .MovieSlider .slick-prev { left: 3%; }
	.mainContainerHidden:hover .mainSildeWrap .MovieSlider .slick-next { right: 3%; }
	.mainSildeWrap .MovieSlider.slick-slider .slick-list { overflow: hidden; }
}
@media screen and (max-width:760px){
	.mainSildeWrap .MovieSlider .slick-slide span { padding: 0 5px;}
	.mainSildeWrap .MovieSlider > .bannerImage {width:50%;}
	.mainSildeWrap .MovieSlider > .bannerImage span {padding: 0 5px;}
}
@media screen and (max-width:480px){
	.mainSildeWrap .MovieSlider .slick-slide span { padding: 0;}
	.mainSildeWrap .MovieSlider > .bannerImage {width:100%;}
	.mainSildeWrap .MovieSlider > .bannerImage span {padding: 0;}
}

.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.05%; padding: 0 0 0 0.95%; max-width:564px;}
.mainBanner ul.cols2 > li:first-child { padding: 0 0.95% 0 0;}

.mainBanner ul.cols3 > li { width: 32.2%; padding: 0 0.85%;}
.mainBanner ul.cols3 > li:first-child { padding: 0 0.85% 0 0;}
.mainBanner ul.cols3 > li:last-child { padding: 0 0 0 0.85%;}
.mainBanner ul.cols3 > li.last { padding: 0 0 0 0.85%;}

.mainBanner ul.cols4 > li { width: 24.35%; padding: 0 0.43%;}
.mainBanner ul.cols4 > li:first-child { padding: 0 0.43% 0 0;}
.mainBanner ul.cols4 > li:last-child { padding: 0 0 0 0.43%;}

@media screen and (max-width:760px){
	.mainBanner ul.cols4 > li { width: 49%; padding: 0.5%;}
	.mainBanner ul.cols4 > li:first-child { width: 49%; padding: 0.5%;}
	.mainBanner ul.cols4 > li:last-child { width: 49%; padding: 0.5%;}
}

.mainTextBanner { width: 100%;}
.mainTextBanner:after { content:""; display:block; clear:both; }
.mainTextBanner ul { float: left; overflow: hidden; }
.mainTextBanner ul:first-child { width: 53.4%;}
.mainTextBanner ul li { width: 100%; text-align:right; }
.mainTextBanner ul li img { width: 100%; max-width:614px;}
.mainTextBanner ul.TwoPosi {width: 44.9%; margin-left:1.7%; }
.mainTextBanner ul.TwoPosi li img{ width: 100%; max-width:516px;}

.mainTextBanner .textTop { margin-top: 30px; line-height: 110%; font-size:60px; color:#000; font-weight:bold;}
.mainTextBanner .textMiddle { margin-top: 10px; line-height: 110%; font-size:30px; color:#000; font-weight:bold;}
.mainTextBanner .textBottom { margin-top: 40px; padding-top: 15px; line-height: 200%; font-size:13px; color:#666; background: url("../../_mplshop/images/text_banner_line.jpg") no-repeat top right;}

@media screen and (max-width:1024px){
	.mainTextBanner .textTop { margin-top: 10px;  font-size:50px;}
	.mainTextBanner .textMiddle {  font-size:26px;}
	.mainTextBanner .textBottom { margin-top: 20px;}
}
@media screen and (max-width:760px){
	.mainTextBanner ul { clear:both; width: 98%; padding: 1%;}
	.mainTextBanner ul:first-child { width: 98%;}	
	.mainTextBanner ul li {text-align: center; }
	.mainTextBanner ul li img { width: 100%; max-width:100%;}
	.mainTextBanner ul.TwoPosi {width: 98%; padding: 1%; margin-left:0; }
	.mainTextBanner ul.TwoPosi li img{ width: 100%; max-width:100%;}

	.mainTextBanner .textTop { margin-top: 30px; font-size:40px;}
	.mainTextBanner .textMiddle { font-size:22px; line-height:26px;}
	.mainTextBanner .textBottom {font-size:12px; background:none;}

}
@media screen and (max-width:480px){
	.mainBanner ul.cols2 > li { width: 98%; padding: 1%;}
	.mainBanner ul.cols2 > li:first-child { padding: 1%;}

	.mainTextBanner .textTop { font-size:34px;}
	.mainTextBanner .textMiddle { margin-top: 10px; font-size:20px; line-height:24px;}
}

.reviewListContainer {width:100%; overflow:visible;}
.reviewListContainer:after { content:""; display:block; clear:both; }
.reviewListContainer ul.reviewWrap {position: relative; padding: 0; border: 0; float: left; width: 16.66%; }
.reviewListContainer ul.reviewWrap li {width: 96%; margin:0 2%; border:1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.reviewListContainer ul.reviewWrap li.reviewImage { border-bottom: none; min-height:220px; cursor:pointer;}
.reviewListContainer ul.reviewWrap li.reviewImage img { width: 100%; }
.reviewListContainer ul.reviewWrap li.reviewInfo {clear:both; padding: 15px; text-align: left; }
.reviewListContainer ul.reviewWrap li.reviewInfo .reviewSubject { height: 24px; line-height: 24px; overflow:hidden; color:#000; font-size:12px; }
.reviewListContainer ul.reviewWrap li.reviewInfo .reviewContent { margin:5px 0; color:#999; font-size:12px; overflow: hidden; }
.reviewListContainer ul.reviewWrap li.reviewInfo .reviewContent img { display: none;}
.reviewListContainer ul.reviewWrap li.reviewInfo .rating_star{margin: 5px 0; display:block; width:75px; height:15px; background: url("../../img/icon/board/icon_star_bg.png") no-repeat left top; vertical-align: middle; text-indent: -9999px;overflow: hidden;}
.reviewListContainer ul.reviewWrap li.reviewInfo .rating_star span{display:block; background:url("../../img/icon/board/icon_star_fill.png") no-repeat left top;}
.reviewListContainer ul.reviewWrap li a { display: block; width: 100%; }
.reviewListContainer ul.reviewWrap .board_name_day{margin:5px 0 3px 0;}
.reviewListContainer ul.reviewWrap .board_name{display:inline-block; padding:0 3px 0 0;}
.reviewListContainer ul.reviewWrap .board_day{display:inline-block; height:11px; padding:0 5px 0 5px; font-size:11px; border-left:1px solid #cccccc; vertical-align:middle;}
.reviewListContainer ul.reviewWrap .board_day span{position:relative; top:-3px;}
.reviewListContainer ul.reviewWrap .prdGoods { margin-top: 10px; padding-top: 13px; border-top: 1px solid #ebebeb; }
.reviewListContainer ul.reviewWrap .prdGoods a { display: block; width: 90%; overflow: hidden; }
.reviewListContainer ul.reviewWrap .prdGoods a span { display: inline-block; height: 30px; line-height: 30px; overflow: hidden;}
.reviewListContainer ul.reviewWrap .prdGoods a span img { margin-right: 5px;}

.mainSildeWrap .reviewListContainer .slick-prev, .mainSildeWrap .reviewListContainer .slick-next{top: 50%;}
.mainSildeWrap .reviewListContainer .slick-prev { left: -2%; }
.mainSildeWrap .reviewListContainer .slick-next { right: -2%; }
.mainContainerHidden:hover .mainSildeWrap .reviewListContainer .slick-prev { left: -4%; opacity: 0.6;}
.mainContainerHidden:hover .mainSildeWrap .reviewListContainer .slick-next { right: -4%; opacity: 0.6;}

@media screen and (max-width:1200px){
	.mainSildeWrap .reviewListContainer .slick-prev { left: 7%; }
	.mainSildeWrap .reviewListContainer .slick-next { right: 7%; }
	.mainContainerHidden:hover .mainSildeWrap .reviewListContainer .slick-prev { left: 3%; }
	.mainContainerHidden:hover .mainSildeWrap .reviewListContainer .slick-next { right: 3%; }
	.reviewListContainer ul.reviewWrap li.reviewImage {min-height:200px;}
}
@media screen and (max-width:960px){
	.reviewListContainer ul.reviewWrap li.reviewImage {min-height:220px;}
}
@media screen and (max-width:560px){
	.reviewListContainer ul.reviewWrap li.reviewImage {min-height:160px;}
}
.mainSildeWrap .reviewListContainer .slick-dots { top: -40px; bottom: auto; z-index:9; text-align: right; }
.mainSildeWrap .reviewListContainer .slick-dots li { margin: 0;}
.mainSildeWrap .reviewListContainer .slick-dots li button { width:23px; height:23px; line-height: 23px; padding: 0; border: 0; font-size:14px; color:#8B8788; font-weight:bold; background:transparent; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.mainSildeWrap .reviewListContainer .slick-dots li.slick-active button { background: #2F3130; color:#fff; }


/* 수정 */
.item_hl_tab_type .goods_tab_tit li {cursor:pointer;}
.btn_goods_down_more .btn_goods_view_down_more {width:auto; height:auto; line-height:inherit;}

/* pc더보기 버튼 추가 영역 */
.goods_list_cont .btn_goods_down_more {clear:both;}
.goods_list_cont .btn_goods_down_more > a {border-top: 1px solid #ececec; display:block;}
.goods_list_cont .btn_goods_down_more button {text-align:center;}
/* BASIC css end */