@charset "UTF-8";

/**
 * 전체 레이아웃 css 입니다.
 */

/*
body > #wrap : 전체를 감싸는 영역
*/
body {min-width:1100px; overflow-y:scroll;
		scrollbar-arrow-color: #dcdcdc;
        scrollbar-Track-Color: #efefef; 
        scrollbar-Face-Color: #dfdfdf;
        scrollbar-3dLight-Color: #dfdfdf;         
        scrollbar-DarkShadow-Color: #dfdfdf;
        scrollbar-Highlight-Color: #dfdfdf;
        scrollbar-Shadow-Color: #dfdfdf;
}
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background: url(https://skinnbeauty.co.kr/data/skin/front/mplshop/css/gd_layout.css?ts=1554887099) rgba(0,0,0,.05);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  }
#wrap {
    width:100%;
}

/*
	header
*/
#top.header {
    position:relative;
}

.SubSiteWidth {max-width:1100px !important; margin:0 auto !important;}

#header { clear:both; width: 100%; }

#header .inner { position:relative; max-width:1100px; margin:0 auto; *zoom:1; }
#header .inner:after { content:""; display:block; clear:both; }

#header .headerTop { width: 100%; border-bottom: 1px solid #ddd; }
#header .headerTop .Layout_stateAlways { float: left; height:40px; line-height:40px;}
#header .headerTop .Layout_stateAlways > a { position: relative; padding:0 0 0 8px; color:#757575; font-size:12px; }
#header .headerTop .Layout_stateAlways > a:hover { color:#000; }
#header .headerTop .Layout_stateAlways a img { padding:0; vertical-align: middle; }

#header .headerTop .headerLoginArea { float: right;}

#header .headerMiddle { width: 100%;  padding: 25px 0; text-align:left; *zoom:1; }
#header .headerMiddle > .inner { min-height:85px;}
#header .headerMiddle .logotop { text-align: center; padding-top:5px;}
#header .headerMiddle .headerImgLink {
	position: absolute;
	right: 0;
	top: 15px;
	overflow: hidden;
	z-index: 1;
	border: 0;
}
#header .headerMiddle .headerImgLink a { display: inline-block; margin:0 15px 0 0; padding:0 0 0 18px;  background:url("../_mplshop/images/banner_icon_line.gif") no-repeat 0 50%; }
#header .headerMiddle .headerImgLink a:first-child { padding-left:0; background:none; }


.headerSilde {position:relative; padding: 0; }

.layoutstatelog { float:right; height:40px; line-height:40px; font-size:0; }
.layoutstatelog > a { position: relative; padding:0 10px; color:#555; font-size:12px; background:url("../_mplshop/images/ico_bar.gif") no-repeat 0 1px; }
.layoutstatelog > a:first-child { background: none;}
.layoutstatelog > a:hover { color:#999; }
.layoutstatelog .log { background:none; }
.layoutstatelog .basket img { padding:0 3px 5px 0; vertical-align: middle; }
.layoutstatelog > a .count,
.layoutstatelog > a .count span { position:relative; display:inline-block; background:url("../_mplshop/images/bg_basket_count.png") no-repeat; }
.layoutstatelog > a .count {height:18px; left:-4px; top:0; margin:0 -5px 0 6px; padding:0 0 0 5px; vertical-align:middle; background-position:0 0; }
.layoutstatelog > a .count span {  height:18px; padding:1px 5px 1px 0; font-weight:bold; color:#fff; font-size:11px; line-height:14px; vertical-align:top; background-position:right -24px; }

.layoutstatelog .joinPoint {
	position:absolute; top:17px; left:50%;
	margin-left: -38.5px;
	-webkit-animation-name: joinPointMove;
	-webkit-animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	animation-name: joinPointMove;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
}

@-webkit-keyframes joinPointMove {
	0%   { top:17px;}
	50%  { top:21px;}
	100% { top:17px;}
}

@keyframes joinPointMove {
	0%   { top:17px;}
	50%  { top:21px;}
	100% { top:17px;}
}

.layoutstatelog .joinPoint span { display: block;}
.layoutstatelog .joinPoint span.joinPointTop {
	display: none;
	float: right;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:8px solid transparent;
	border-bottom:5px solid #000;
}
.layoutstatelog .joinPoint span.joinPointBottom {
	clear:both;
	width:75px;
	height:17px;
	line-height:17px;
	border: 1px solid #444444;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background-color:#444444;
	font-size:10px;
	color:#fff;
	text-align: center;
}

#header .search > form > fieldset > div {
    position:absolute;
    width:530px;
    height:34px;
    top: 30px;
    left: 270px;
	border:2px solid #000;
}

#header .search label {
    position:absolute;
    top:11px;
    left:23px;
    color:#3a3635;
    font-size:13px;
    cursor:text;
}
#header .search .text {
    float:left;
    width:465px;
    height:30px;
    margin:2px 0 0 17px;
    border:1px solid #fff;
    color:#3a3635;
    font-size:12px;
    line-height:32px;
}
#header .search .image {
    float:left;
    margin:5px 0 0;
}
#header .ad {
    padding:0 10px 0 0;
    text-align:right;
}

#header .search .searches {position:absolute; left:0; top:34px; padding-top:5px; height:24px; width:100%; text-align:center; overflow:hidden;}
#header .search .searches ul li {float:left; margin:0 0 0 10px; padding:3px 0 3px 10px; background:url('../img/etc/bar-1x11-ccc.png') no-repeat left 5px;}
#header .search .searches ul li:first-child { margin:0 0 0 15px; padding:3px 0; background:none;}
#header .search .searches ul li a {display:block; font-size:11px;}

/* 최근검색어 */
.search-area {float:left; position:absolute !important; top:34px !important; left:0; width:100% !important; padding:5px 0 10px 0; z-index:6; border:1px solid #dedede;}
.search-area, .search-area div {background:#fff !important; height:auto !important; }
.search-area > div.recent-area {width:100% !important; padding:5px 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.search-area > div > ul > li > div {width:100% !important;  border:none !important;}
.search-area ul.recent-list {width:100%; max-height:130px; overflow-y:auto;}
.search-area ul.recent-list li.li-tit {color:#3e3d3c; font-weight:bold; padding-bottom:5px;}
.search-area ul.recent-list li.li-tit_del { float:left; margin-top:10px;  height:21px; padding:0 5px; font-size:11px; line-height:20px;}
.search-area ul.recent-list li {position:relative; height:23px; line-height:23px; text-align:left; margin-left:17px;}
.search-area ul.recent-list li span {width:150px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search-area ul.recent-list li small {display:none;position:absolute; top:1px !important; right:35px;}
.search-area ul.recent-list li button.dlt_bn {position:absolute; top:8px !important; right:10px;}
.search-area ul.recent-list li.no-data { text-align:left; padding:5px 0 !important; height:auto !important; line-height: normal !important; }
.search-area ul.recent-list li div {float:none !important;}

.recom-goods-info > div {line-height:18px;}
div.recom-goods-img {padding-bottom:10px;}

#top.header .top-service { clear:both; width:100%;  z-index:14; }
#top.header .top-service .categoryBg { background: #323232;  }
#top.header .top-service2 { clear:both; width:100%;  z-index:14; }
#top.header .top-service .container { }
#top.header .top-service .all-category {position: absolute; top: 0; left: 0; width:220px;}
#top.header .top-service .all-category .allcategoryTitle { 
	position: relative;
	width:220px;
	height: 50px;
	line-height: 50px;
	font-size:14px;
	color:#fff;
	text-align:left;
	text-indent: 70px;
	cursor:pointer;
	background:#000 url('../_mplshop/images/ico_allmenu.png') no-repeat 20px center;
}
#top.header .top-service .all-category .allcategoryTitle.now_show { 
	background:#5a5a5a url('../_mplshop/images/ico_allmenu.png') no-repeat 20px center;
}

#top.header .top-service .all-category > .all-category-layer {
    visibility:hidden;
	position:absolute;
	left:0px;
	top:50px;
	width:1098px;
	z-index:15;
	margin:0;
	outline:1px solid #999;
	background:#fff;
	opacity: 0;
	-webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	max-height:600px;
	overflow-y:auto;
}
.notransition {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   transition: none !important;
}
#top.header .top-service .all-category > .all-category-layer.dbvisi {opacity: 1;}
#top.header .top-service .all-category > .all-category-layer:after {clear:both; display:block; content:"";}
#top.header .top-service .all-category .all-category-layer > dl {
	border:1px solid #ddd; border-width:0 0 1px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#top.header .top-service .all-category .all-category-layer > dl:after {clear:both; display:block; content:"";}

#top.header .top-service .all-category .all-category-layer > dl > dd { 
	float: left; width:16.66%; padding:0 0 5px; border:1px solid #ddd; border-width:0 1px 0 0; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#top.header .top-service .all-category .all-category-layer > dl > dd:after {clear:both; display:block; content:"";}

#top.header .top-service .all-category .all-category-layer dd h1 {
	display:block; 
	height:55px; 
	line-height:55px; 
	margin:0 25px; 
	color:#000;
	text-align:center; 
	font-size:13px;
	overflow:hidden;
}
#top.header .top-service .all-category .all-category-layer dd h1 a {color:#000;}

#top.header .top-service .all-category .all-category-layer .categoryLine { width: 100%; height: 9px; background: url('../_mplshop/images/all_menu_titline_grey.png') no-repeat center center ;}
#top.header .top-service .all-category .all-category-layer dd:hover .categoryLine { background: url('../_mplshop/images/all_menu_titline_black.png') no-repeat center center ;}

#top.header .top-service .all-category .all-category-layer dd .subCategory {  padding:19px 21px; max-height:300px; overflow-y:auto;}
#top.header .top-service .all-category .all-category-layer dd .subCategory dd { line-height:20px; text-align: left; }
#top.header .top-service .all-category .all-category-layer dd .subCategory dd a { padding: 0 20px 1px 0; font-size:12px; color:#555555; }
#top.header .top-service .all-category .all-category-layer dd .subCategory dd a:hover { color:#999; text-decoration:underline; background: url('../_mplshop/images/all_menu_ico_o.png') no-repeat center right;  }
#top.header .top-service .all-category .all-category-layer .allcategoryClose { display: none; position: absolute; bottom: -50px; right: 0; width: 65px; height: 50px; background: url('../_mplshop/images/all_menu_close.png') no-repeat; cursor:pointer;} 

.top-service .categoryLink { padding-left: 220px; min-height:50px; line-height:50px;  margin:0; text-align:left; }
.top-service .categoryLink > dl { display:block; }
.top-service .categoryLink > dl > dd{ display:inline-block;position:relative;text-align:center;}
.top-service .categoryLink > dl > dd > a{ display:block; padding:0 28px;color:#fff;font-size:13px; }
.top-service .categoryLink > dl > dd > a:hover { color:#EE4630}
.top-service .categoryLink > dl > dd.last { float: right; border: 1px solid #5d5d5d; border-width: 0 1px;}
.top-service .categoryLink > dl > dd.last > a{ padding:0 55px; }
.top-service .categoryLink > dl > dd.cate_delivery { position: relative; }
.top-service .categoryLink > dl > dd.cate_delivery > a:hover { color:#2193F4}
.top-service .categoryLink > dl > dd.cate_delivery .cate_delivery_img {position: absolute; top:-25px; right:5px}

.top-service .lnbWrap { position:relative; width: 1100px; margin: 0 auto; z-index: 14;}
.top-service .lnb{ position: absolute; top: 0;left: 0; width:220px; height: 460px; min-height:460px; overflow:hidden; background:url('../_mplshop/images/category_bg.png');}
.top-service .lnb  > .category.type-layer ul { border:1px solid #dadada;
	opacity: 0;
	-webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -transition: .3s;}
.top-service .lnb  > .category.type-layer ul.dbvisi {opacity: 1; z-index:13;}
.top-service .lnb  > .category.type-layer ul li:hover { background:#dfdfdf;}

.top-service .lnb  > .categoryBannerArea {display:none;}
.top-service .lnb  > .category.type-layer > li { position:relative; width:100%; height:43px; line-height:43px; text-align:left;  }
.top-service .lnb  > .category.type-layer > li.rightBrand {float:right;}
.top-service .lnb  > .category.type-layer > li > a {display:block; padding:0; color:#fff; height:43px; line-height: 43px; font-size:13px; text-indent:35px;}
.top-service .lnb  > .category.type-layer > li > a > img {vertical-align: middle;}
.top-service .lnb  > .category.type-layer ul li.hasChild > a { background: url('../_mplshop/images/arrow_st1.png') no-repeat 95% 50%;}
.top-service .lnb  > .category.type-layer > li:hover { background: url('../_mplshop/images/lnavi_over.gif') no-repeat 0 50%; }
.top-service .lnb  > .category.type-layer > li > a:hover,
.top-service .lnb  > .category.type-layer > li > a.has-sub {
    position:relative;
    top:0;
    left:0;
    z-index:9;
}
.top-service .lnb  > .category.type-layer > li .naviBar { display: none;}
.top-service .lnb  > .category.type-layer > li > a.has-sub .naviBar { display: block; position: absolute; bottom: 0; left: 50%; z-index: 10; margin-left: -6px;}
.top-service .lnb  > .category.type-layer > li > ul {
    background:#fff;
	white-space: nowrap;	
	position:absolute;
    top:0;
    left:100%; z-index:11;
}
.top-service .lnb  > .category.type-layer > li > ul.childpad {visibility:hidden; padding:20px; }

.top-service .lnb  > .category.type-layer li { position:relative; }
.top-service .lnb  > .category.type-layer > li > ul > li > a {  display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}
.top-service .lnb  > .category.type-layer > li > ul > li > ul { position:absolute; top:-8px; left:100%; background:#fff; padding:20px; z-index: 12;}
.top-service .lnb  > .category.type-layer > li > ul > li > ul > li > a { display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}
.top-service .lnb  > .category.type-layer > li > ul > li > ul > li > ul { position:absolute; top:-8px; left:100%; background:#fff; padding:20px; z-index: 12;}
.top-service .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li > a { display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}

.top-service .lnb  > .category.type-layer .categoryBanner {float:left; vertical-align: top;}
.top-service .lnb  > .category.type-layer ul.childpad .categoryBanner a {display:block; padding:15px 0 0; }
.top-service .lnb  > .category.type-layer ul.non_childpad .categoryBanner a {display:block; padding:20px; }
.top-service .lnb .moreCategoryBtn { position: absolute; bottom: 0px; width: 220px; height: 30px;  background:#000 url('../_mplshop/images/btn1_category_roll.png') no-repeat 50% 50%; cursor:pointer; }
.top-service .lnb .moreCategoryBtn.active { background:#000 url('../_mplshop/images/btn1_category_roll2.png') no-repeat 50% 50%; cursor:pointer; }

.top-service .lnb .catogoryAdd > li { display:none;}

.top-service2 .container { margin-top:30px; border-top:1px solid #000; border-bottom:1px solid #ddd; }
.top-service2 .lnb{ width:100%;  visibility:hidden;}
.top-service2 .lnb  > .category.type-layer ul { border:1px solid #dadada;
	opacity: 0;
	-webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -transition: .3s;}
.top-service2 .lnb  > .category.type-layer ul.dbvisi {opacity: 1; z-index:13;}
.top-service2 .lnb  > .category.type-layer ul li:hover { background:#dfdfdf; }

.top-service2 .lnb  > .category.type-layer > li { position:relative; float:left; min-height:40px; }
.top-service2 .lnb  > .category.type-layer > li.rightBrand {float:right;}
.top-service2 .lnb  > .category.type-layer > li > a {display:block; padding:0 15px; color:#555555; height:40px; font-size:13px; line-height: 40px }
.top-service2 .lnb  > .category.type-layer > li > a > img {vertical-align: middle;}
.top-service2 .lnb  > .category.type-layer ul li.hasChild > a { background: url('../_mplshop/images/arrow_st1.png') no-repeat 95% 50%;}
.top-service2 .lnb  > .category.type-layer > li:hover > a { color:#ee4630; }
.top-service2 .lnb  > .category.type-layer > li > a:hover,
.top-service2 .lnb  > .category.type-layer > li > a.has-sub {
    position:relative;
    top:0;
    left:0;
    z-index:9;
}
.top-service2 .lnb  > .category.type-layer > li .naviBar { display: none;}
.top-service2 .lnb  > .category.type-layer > li > a.has-sub .naviBar { display: block; position: absolute; bottom: 0; left: 50%; z-index: 10; margin-left: -6px;}
.top-service2 .lnb  > .category.type-layer > li > ul {
    background:#fff;
	white-space: nowrap;	
	position:absolute;
    top:40px;
    left:0; z-index:11;
}
.top-service2 .lnb  > .category.type-layer > li > ul.childpad {padding:20px; }

.top-service2 .lnb  > .category.type-layer li { position:relative; }
.top-service2 .lnb  > .category.type-layer > li > ul > li > a {  display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}
.top-service2 .lnb  > .category.type-layer > li > ul > li > ul { position:absolute; top:-8px; left:100%; background:#fff; padding:20px; z-index: 12;}
.top-service2 .lnb  > .category.type-layer > li > ul > li > ul > li > a { display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}
.top-service2 .lnb  > .category.type-layer > li > ul > li > ul > li > ul { position:absolute; top:-8px; left:100%; background:#fff; padding:20px; z-index: 12;}
.top-service2 .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li > a { display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}

/*
	container
*/
.container {
    position:relative;
    max-width:1100px;
    margin:0 auto;
}
.container:after {
    content:"";
    display:block;
    clear:both;
}

#container {
    display:table;
    table-layout:fixed;
    position:relative;
    width:100%;
    margin:0 auto;
}
#container:after {
    content:"";
    display:block;
    clear:both;
}

#container > #content {
    display:table-cell;
    width:100%;
    padding:0 0 30px;
    vertical-align:top;
}
#container > #content > .contents{
	clear:both;
	max-width:1100px;
	margin:0 auto;
}
#container > #content > .contents > .view {
	position:relative;
}
#container > #content > .contents > .view .goad-banner {
   
}
/*
	scroll banner
*/
#scroll-left {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	left:0;
	top:140px;
	width:112px;
	z-index:13;
}
#scroll-left .recent-list { position: relative; }
#scroll-left .mpl_quick_btn { position: absolute; top: 0; right:-18px; cursor:pointer;}
#scroll-left .mpl_quick_btn .showbtn { width:18px; height:83px; background:url("../_mplshop/images/lq_btn_open.png") no-repeat;  }
#scroll-left .mpl_quick_btn.on .showbtn{ background:url("../_mplshop/images/lq_btn_close.png") no-repeat; }
#scroll-left .mpl_quick_btn li { margin-bottom: 10px;}

.quick_left { position:absolute; top:30px; left:-176px; width:140px; margin-top: 1px; background:#fff; }
.quick_left .quick_l_banner {}
.quick_left .quick_l_banner li { margin-bottom: 10px;}

.quick_left .quick_l_community {margin: 10px 0;}
.quick_left .quick_l_community li { margin-bottom: 5px;}


.listarea { width:112px; border-top:0; text-align:center; background:rgba(244, 244, 244, 0.7);}
.listarea h2 a { display:block; padding:15px 0; font-size:11px; line-height:17px; font-weight:normal; color:#2e2e2e; }
.listarea ul { width:76px; padding:0 15px; }
.listarea li { margin-bottom: 5px;}
.listarea li a { color:#2e2e2e; }
.listarea li img { max-width:76px; border: 1px solid #ddd; }
.listarea li span { display:block; padding:2px 0; line-height:16px; }
.listarea .paging { overflow:hidden; *zoom:1; font-size:0; }
.listarea .paging img { float:left; margin-left: 1px; cursor:pointer;}
.listarea .paging img:first-child { margin-left: 0;}

#scroll-right {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	top:0;
	right:0;
	width:210px;
	height:100%;
	padding: 0 15px;
	border:1px solid #ddd;
	background:#fff;
	z-index:16;
}
#scroll-right .quickRight{ width:100%; height:100%; padding-top: 110px; }
#scroll-right .quickRight .quickSildeWrap { position: relative; padding: 5px 0 40px;  }
#scroll-right .quickRight .quickSildeWrap .quickSilde {width:190px; margin:0 auto;}
#scroll-right .quickRight .quickSildeWrap .quickSilde .slider a img {}
#scroll-right .quickRight .quickSildeWrap .quickSilde .slider li:first-child img {display: block;}
#scroll-right .quickRight .quickSildeWrap .slick-dots{width:auto;top:-30px;right:0;bottom:auto;}

#scroll-right .quickRight .quick_myshop{padding:10px 15px;}
#scroll-right .quickRight .quick_myshop li{line-height:23px;margin-bottom:5px;}
#scroll-right .quickRight .quick_myshop li img{margin-right:7px;}

#scroll-right .quickRight .quick_bank{padding:10px 15px;vertical-align:middle;}
#scroll-right .quickRight .quick_bank li{line-height:20px;}
#scroll-right .quickRight .quick_bank li.quick_bank_tit{margin-bottom:10px;font-size:13px;color:#000;font-weight:bold;text-align:left;}
#scroll-right .quickRight .quick_bank li.quick_black {color:#000; font-size:13px;}
#scroll-right .quickRight .quick_bank li img{margin-right:7px;}


#scroll-right .mpl_quick_btn {position:absolute; top:40%; right:255px; }
#scroll-right .mpl_quick_btn .showbtn { width:46px; height:46px; background:url("../_mplshop/images/rquick_open.png") no-repeat;  }
#scroll-right .mpl_quick_btn .showbtn:hover { background:url("../_mplshop/images/rquick_open_over.png") no-repeat; }
#scroll-right .mpl_quick_btn.on .showbtn{ background:url("../_mplshop/images/rquick_close.png") no-repeat; }
#scroll-right .mpl_quick_btn.on .showbtn:hover { background:url("../_mplshop/images/rquick_close_over.png") no-repeat; }
#scroll-right .mpl_quick_btn li { position: relative; margin-bottom: 10px;}
#scroll-right .mpl_quick_btn li .name { visibility: hidden; opacity:0; filter: alpha(opacity=0); position: absolute; top: 10px; left: -72px;}
#scroll-right .mpl_quick_btn li:hover .name{ visibility: visible; opacity:1; filter: alpha(opacity=100);}
#scroll-right .mpl_quick_btn li .name span { display: block; }
#scroll-right .mpl_quick_btn li .nameTop {
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	border: 1px solid #a8a8a8;
	background: #a8a8a8;
	font-size:11px;
	color:#fff;
	text-align: center;
}
#scroll-right .mpl_quick_btn li .nameBottom {
	float: right;
	width:0;
	height:0;
	margin-top: 7px;
	border-left:5px solid #a8a8a8;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}

#scroll-right .quickRight .scrollMoveBtn { position:absolute; bottom:50px; right:255px; }
#scroll-right .quickRight .scrollMoveBtn div { margin-top: 5px;}
#scroll-right .quickRight .scrollMoveBtn div:first-child { margin-top: 0;}

.scrollMoveBtn2 { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position:fixed; bottom:50px; right:10px; z-index: 100;}
.scrollMoveBtn2 div { margin-top: 5px;}
.scrollMoveBtn2 div:first-child { margin-top: 0;}

/*
	footer
*/
#footer { }
#footer .inner { overflow:hidden; position:relative; max-width:1100px; margin:30px auto 0; *zoom:1; padding-bottom:30px;}

#footer .footerTopUtil { width: 100%; border-top: 1px solid #000; border-bottom:1px solid #ddd;}
#footer .footerTopUtil ul { overflow: hidden; }
#footer .footerTopUtil ul li { float: left; height: 40px; line-height: 40px; padding: 0 15px;  background:url("../_mplshop/images/ico_bar2.gif") no-repeat 0 50%; }
#footer .footerTopUtil ul li:first-child { background: none;}
#footer .footerTopUtil ul li a { color:#555; }
#footer .footerTopUtil ul li a:hover { color:#999; }
#footer .footerTopUtil ul li a strong { color:#000; }
#footer .footerTopUtil ul li a.privacy {color:#000; font-weight:bold;}

.Layout_footer .address { padding:30px 0 0; color:#757575; line-height:18px; }
.Layout_footer .address span { padding:0 25px 0 0; }
.Layout_footer .address span a { color:#757575; }
.Layout_footer .address span.title { padding: 0; color:#000}
.Layout_footer .address span img {margin-top:2px;}
.Layout_footer .copyright { height:32px; color:#757575; font-size:11px; line-height:32px; }
.Layout_footer .pageTop { position:absolute; right:0; top:10px; }
.Layout_footer .hosting { position:absolute; right:0; top:77px; }

#footer .inner .footer_sns_link { position: absolute; top: 6px; right: 0;}
#footer .inner .footer_sns_link a {margin: 0 3px;}

#footer .logo {width:1100px;margin:0 auto;position: relative;}
#footer .logo a{position: absolute; top:40px; right:0; }
#footer .logo img { max-width:180px; }


.s_title { text-align: center; padding-bottom: 15px;}
.s_title h3 { margin-bottom: 12px; color:#000; font-size:17px; }
.s_title p { color:#a1a1a1; font-size:14px; }

@media screen and (max-width:869px){

	.quickSilde {opacity:0; filter: alpha(opacity=0);  visibility:hidden;}
	#scroll-right { opacity:0; filter: alpha(opacity=0); visibility:hidden;}
	.scrollMoveBtn2 { opacity:1; filter: alpha(opacity=100); visibility:visible;}

	#footer .footerContent .footerCs { width: 50%; padding: 0 5%;}
	#footer .footerContent .footerBank { width: 35%;}
	#footer .footerContent .footerReutrn { clear:both; width: 50%; padding: 20px 5% 0 5%;}
	#footer .footerContent .footerLinkIcon { width: 35%; padding: 20px 0 0 0;}
	#footer .footerContent .footerLinkIcon ul { float: left; margin: 0; }
	#footer .footerContent .footerLinkIcon ul:first-child { margin-right: 10px;}
	#footer .footerContent .footerLinkIcon ul li { float: left;}
	#footer .footerContent .footerLinkIcon ul li:first-child { margin-right: 10px;}

}

@media screen and (min-width:870px) and (max-width:1100px){

	.quickSilde {opacity:0; filter: alpha(opacity=0);  visibility:hidden;}
	#scroll-right { opacity:0; filter: alpha(opacity=0);  visibility:hidden;}
	.scrollMoveBtn2 { opacity:1; filter: alpha(opacity=100); visibility:visible;}

	#footer .footerContent .footerCs { width: 30%; padding-right: 5%;}
	#footer .footerContent .footerBank { width: 20%;}
	#footer .footerContent .footerReutrn { width: 35%; padding: 0 5%;}
	#footer .footerContent .footerLinkIcon { width: 35%; padding: 20px 0 0 5%;}
	#footer .footerContent .footerLinkIcon ul { float: left; margin: 0; }
	#footer .footerContent .footerLinkIcon ul:first-child { margin-right: 10px;}
	#footer .footerContent .footerLinkIcon ul li { float: left;}
	#footer .footerContent .footerLinkIcon ul li:first-child { margin-right: 10px;}

}