@charset "utf-8";
/* =============================== [스마트PC] - Version 2.0 =============================== 

* SMARTPC CSS파일
* 저작자 : SMART SKIN | (주)스마트스킨 스마트PC 사업부
* 최초 작성일 : 2016 - 01 - 01
* 고객센터: 1577-3364
* 본 문서의 소스와 정보에 대한 모든 권리는 (주)스마트스킨에게 있습니다.
* 사전 동의없이는 동일,유사의 수준에서 어떠한 형식과 방법으로든 무단 도용을 금합니다.
* 만일 위와 같은 권고에도 불구하고 무단 도용시 저작권법에 의거하여 법적인 제재를 받으실 수 있습니다. 

 ====================================== [ 수정시 주의사항 ] ========================================
 
* 해당 CSS는 MAKESHOP / CAFE24 통합버전이므로, 수정시 표준화 된 양쪽 사이트 모두 충족시켜야 합니다.
* 표준화용 스타일만 적용시키길 바랍니다. 디자인 관련은 다른 CSS로 덮어쓰기 형식으로 작성해주세요.
* 수정시 개발자J와 상담해주세요.
* 최종 수정일 : 2016 - 03 - 21
* 최종 수정자 : J

   ▄███▄  ▄██ ██▄   ▄██▄    ▄████▄  ▀▀██▀▀     ▄█▀▀█▄  ▄████▄    ▄████▄      ▄████▄ 
   ███▄▄  ███████  ▐█ ▐█   ▐██  ██    ██       ██  ██  ██  ▀▀       ▄██      ██  ██  
     ▀██▌ ██▐█▌██  ██████  ▐█████▄    ██       ███▀▀   ██  ▄▄    ██▀▀▀▀      ██  ██  
   ▀███▀  ██ █ ██  ██  ██  ▐██ ▐██▌   ██       ██      ▀████▀    ▀████▀  ██  ▀████▀  

============================================================================================ */

/* ===============================////////////////////////// 메인 / 공통 //////////////////////////=============================== */
/* =============================== BXSLIDER공통 =============================== */
div.bx-wrapper{
	position:relative;
}
/* =============================== 기입정보 회원가입 =============================== */
#SP_useGuestInfo{
	background:#eee;
}

#relationSlider > div > div.bx-viewport > ul > li{
	height:500px;
}
/* =============================== 메인 / 타임세일 =============================== */
#SP_timeSales_ver1{
	display:none;
	position:fixed;
	opacity:0;filter:Alpha(opacity=0);
	z-index:1000;
}
#SP_timeSales_ver2{
	opacity:0;
	filter:Alpha(opacity=0);
}
#SP_timeSales_ver2 > a{
	position:fixed;
	z-index:1000;
	bottom:10px;
	left:10px;
	width:200px;
	height:100px;
	border:1px solid #000;
}
#SP_timeSales_ver2 > a > img{
	width:100%;
	height:100%;
}
#SP_timeSales_ver2 > div{
	display:none;
	position:fixed;
	bottom:50px;
	left:100px;
	z-index:1000;
	overflow:hidden;
}
#SP_timeSales_ver2 > div > p{
	position:absolute;
	bottom:0;
	right:0;
	padding-bottom:7px;
	padding-right:10px;
}
#SP_timeSales_ver2 > div > p > *{
	vertical-align:middle;
}
#SP_timeSales_ver2 > div > p > label{
	padding-right:10px;
	padding-left:5px;
}

/* =============================== 메인 / 2행갤러리 ============================== */
#SP_2rowSlider .SP_setCnt li{
	float:left;
	width:20%;
	height:auto;
}
#SP_2rowSlider .SP_setCnt li img{
	width:100%;
	height:100%;
}

/* =============================== 메인 / 100%갤러리 ============================== */
#SP_slider_100 .SP_swipe{
	width: 100%;
	min-width: 1280px;
}
#SP_slider_100 .bx-viewport > ul li img,
#SP_slider_100 .SP_swipe a img {
	width: 100%;
	min-width: 1280px;
}

#SP_slider_100 div.bx-controls.bx-has-pager > div.bx-pager,
#SP_slider_100 .SP_pager_wrap {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	line-height: 0;
	text-align: center;
}

#mini_slider_wrap div.bx-controls.bx-has-pager > div.bx-pager{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	line-height: 0;
	text-align: center;
}

#SP_slider_100 div.bx-controls.bx-has-pager > div.bx-pager div.bx-pager-item,
#SP_slider_100 .SP_pager_wrap li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 5px;
	margin-right: 5px;
	float: none;
	margin: 0;
}
#mini_slider_wrap div.bx-controls.bx-has-pager > div.bx-pager div.bx-pager-item{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 5px;
	margin-right: 5px;
	float: none;
}
#SP_slider_100 div.bx-controls.bx-has-pager > div > div > a,
#mini_slider_wrap div.bx-controls.bx-has-pager > div > div > a,
#SP_slider_100 .SP_pager_wrap li span {
	display: block;
	width: 8px;
	height: 8px;
	/* 버튼스타일은 이곳에 */
	font-size: 0;
	text-indent: -9999px;
	border: 1px solid transparent;
	border-color: #ddd;
	border-radius: 5px;
	background: #ddd;
}

#SP_slider_100 div.bx-controls.bx-has-pager > div > div > a.active,
#mini_slider_wrap div.bx-controls.bx-has-pager > div > div > a.active,
#SP_slider_100 .SP_pager_wrap li.active span {
	font-weight:bold;
	border-color: #fff;
	background: #fff;
}

#SP_slider_100 .bx-controls-direction .bx-prev,
#mini_slider_wrap .bx-controls-direction .bx-prev,
#SP_slider_100 .bx-controls-direction .bx-next,
#mini_slider_wrap .bx-controls-direction .bx-next,
#SP_slider_100 .SP_controls_wrap .SP_Btn_Prev,
#SP_slider_100 .SP_controls_wrap .SP_Btn_Next {
	position: absolute;
	top: 50%;
	display: block;
	width: 31px;
	height: 60px;
	text-indent: -9999px;
	font-size: 0;
	margin-top: -30px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.5s;
}

#SP_slider_100 .bx-wrapper:hover .bx-controls-direction .bx-prev,
#mini_slider_wrap .bx-wrapper:hover .bx-controls-direction .bx-prev,
#SP_slider_100 .bx-wrapper:hover .bx-controls-direction .bx-next,
#mini_slider_wrap .bx-wrapper:hover .bx-controls-direction .bx-next,
#SP_slider_100 .SP_sliderStarter:hover .SP_controls_wrap .SP_Btn_Prev,
#SP_slider_100 .SP_sliderStarter:hover .SP_controls_wrap .SP_Btn_Next {
	opacity: 100;
	filter: alpha(opacity=100);
	font-size: 0;
	text-indent: -9999px;
}

#SP_slider_100 .bx-controls-direction .bx-prev,
#mini_slider_wrap .bx-controls-direction .bx-prev,
#SP_slider_100 .SP_sliderStarter .SP_controls_wrap .SP_Btn_Prev {
	left: 2%;
	background: url('../img/main-arrow-left.png') no-repeat;
	background-position: 0 -120px;
}

#SP_slider_100 .bx-controls-direction .bx-next,
#mini_slider_wrap .bx-controls-direction .bx-next,
#SP_slider_100 .SP_sliderStarter .SP_controls_wrap .SP_Btn_Next {
	right: 2%;
	background: url('../img/main-arrow-right.png') no-repeat;
	background-position: 0 -120px;
}

/* =============================== 메인 / 썸네일갤러리 =============================== */
#SP_slider_thumb .main-slider-container{
	position: relative;
}

#SP_slider_thumb #SP_slider_thumb_pager {
	position: relative;
	height: 100px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#SP_slider_thumb #SP_slider_thumb_pager > a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 3px;
	margin-right: 3px;
	border:1px solid transparent;
	border-color: #ddd;
}

#SP_slider_thumb #SP_slider_thumb_pager > a.active {
	border:1px solid #000;
}

#SP_slider_thumb .bx-controls-direction .bx-prev,
#SP_slider_thumb .bx-controls-direction .bx-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 31px;
	height: 60px;
	text-indent: -9999px;
	font-size: 0;
	margin-top: -30px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.5s;
}

#SP_slider_thumb .bx-wrapper:hover .bx-controls-direction .bx-prev,
#SP_slider_thumb .bx-wrapper:hover .bx-controls-direction .bx-next {
	opacity: 100;
	filter: alpha(opacity=100);
}

#SP_slider_thumb .bx-controls-direction .bx-prev {
	left: 20px;
	background: url('../img/main-arrow-left.png') no-repeat;
	background-position: 0 0;
}

#SP_slider_thumb .bx-controls-direction .bx-next {
	right: 20px;
	background: url('../img/main-arrow-right.png') no-repeat;
	background-position: 0 0;
}

/* =============================== 메인 / 수직갤러리 =============================== */
#SP_slider_vertical div.bx-controls.bx-has-pager > div.bx-pager {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	line-height: 0;
	text-align: center;
}

#SP_slider_vertical div.bx-controls.bx-has-pager > div.bx-pager > div.bx-pager-item {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 4px;
	margin-right: 4px;
}

#SP_slider_vertical div.bx-controls.bx-has-pager > div.bx-pager > div.bx-pager-item > a {
	/* 버튼스타일은 이곳에 */
    display: block;
    width: 5px;
    height: 5px;
    font-size: 0;
    text-indent: -9999px;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 5px;
    background: #ddd;
}

#SP_slider_vertical div.bx-controls.bx-has-pager > div.bx-pager > div.bx-pager-item > a.active {
	font-weight:bold;
	border-color: #8560a8;
	background: #8560a8;
}
/* =============================== 메인 / 3배너형 갤러리 =============================== */
#SP_slider_3banner div.bx-pager {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	line-height: 0;
	text-align: center;
}

#SP_slider_3banner div.bx-controls.bx-has-pager .bx-pager-item {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 4px;
	margin-right: 4px;
}

#SP_slider_3banner div.bx-controls.bx-has-pager .bx-pager-item > a {
    display: block;
    width: 5px;
    height: 5px;
    font-size: 0;
    text-indent: -9999px;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 5px;
    background: #ddd;
}

#SP_slider_3banner div.bx-controls.bx-has-pager .bx-pager-item > a.active {
	font-weight:bold;
	border-color: #8560a8;
	background: #8560a8;
}

#SP_slider_3banner .bx-controls-direction .bx-prev,
#SP_slider_3banner .bx-controls-direction .bx-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 31px;
	height: 60px;
	text-indent: -9999px;
	font-size: 0;
	margin-top: -30px;
	/*opacity: 0;*/
	/*filter: alpha(opacity=0);*/
	/*transition: 0.5s;*/
}

#SP_slider_3banner .bx-wrapper:hover .bx-controls-direction .bx-prev,
#SP_slider_3banner .bx-wrapper:hover .bx-controls-direction .bx-next {
	opacity: 100;
	filter: alpha(opacity=100);
}

#SP_slider_3banner .bx-controls-direction .bx-prev {
	left: -50px;
	background: url('../img/main-arrow-left.png') no-repeat;
	background-position: 0 0;
}

#SP_slider_3banner .bx-controls-direction .bx-next {
	right: -50px;
	background: url('../img/main-arrow-right.png') no-repeat;
	background-position: 0 0;
}
/* =============================== 메인 / 5배너 갤러리 - 모듈통합 =============================== */
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager{
	position:absolute;
	bottom:-7%;
	left:50%;
	margin-left:-21px;
}
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager > div.bx-pager-item {
	float:left;
	margin:0 2px;
}
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager > div.bx-pager-item > a{
	display:block;
	/* 버튼스타일은 이곳에 */
}
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager > div.bx-pager-item > a.active{
	font-weight:bold
}
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction > a{
	position:absolute;
	top:50%;
}
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction > a.bx-prev{
	left:-10px;
}
#SP_slider_5banner > div.cb_clear > div > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-controls-direction > a.bx-next{
	right:-10px;
}

/* =============================== 메인 / 수퍼커스텀갤러리 =============================== */
#SP_superCustomGallery{
	height:500px;
	width:100%;
	overflow:hidden;
	position:relative;
}
#SP_superCustomGallery .SP_wrap{
	position:absolute;
	top:0;
	left:0;
}
#SP_superCustomGallery .SP_wrap > ul{
	height:500px;
	width:315px;
	margin-right:5px;
}
#SP_superCustomGallery .SP_wrap > ul li{
	height:50%;
	width:100%;
}
#SP_superCustomGallery .SP_wrap > ul li
#SP_superCustomGallery .SP_wrap > ul li a{
	display:block;
	width:100%;
	height:100%;
}
#SP_superCustomGallery .SP_wrap > ul li img{
	width:100%;
	height:100%;
}
#SP_superCustomGallery .prev,#SP_superCustomGallery .next{
	position:absolute;	
	top:0;
	background:#fff;
	opacity:0.9;
	filter:Alpha(opacity=90);
}
#SP_superCustomGallery .prev a,#SP_superCustomGallery .next a{
	display:block;
	position:absolute;
	width:27px;
	height:74px;
}
#SP_superCustomGallery .prev{
	left:0;
}
#SP_superCustomGallery .next{
	right:0;
}

#SP_superCustomGallery .prev a{
    top: 50%;
    right: 0;
    margin-top: -37px;
    margin-right: -26px;
	background: url("../img/SP_superCustom_Arrow_Left.gif") no-repeat;
}
#SP_superCustomGallery .next a{
    top: 50%;
    left: 0;
	margin-top: -37px;
    margin-left: -26px;
	background: url("../img/SP_superCustom_Arrow_Right.gif") no-repeat;
}
/* =============================== 메인 / 인베이더  =============================== */
.SP_invader {
	width: 594px;
	height: 250px;
	margin: 0 auto;
	background-color: #eee;
}
.SP_invader > div > a > img {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* 배너스타일 */
.SP_invader > div > .invaderBanner {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	background-color: #000;
}

/* =============================== 메인 / 믹스탭  =============================== */
.SP_tab2{
	position:relative;
	min-width:1200px;
}
.SP_tab2 > ul{
	position:absolute;
	z-index:1;
	bottom:-1px;
	left:0;
	width:100%;
}
.SP_tab2 > ul > li{
	float:left;
	width:25%;
	height:30px;
	text-align: center;
}
.SP_tab2 > ul > li > a{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
}
.SP_tab2 > ul > li.active > a{
	background:#000;
	color:#fff;
}
#SP_tab2_isolated > div{
	width:100%;
	min-height:360px; 
	background:#aaa;
}
#SP_tab2_isolated > div img{
	width:100%;
	height:100%;
}
#SP_tab2_isolated .bx-wrapper .bx-controls-direction a{
	position:absolute;
	top:50%;
}
#SP_tab2_isolated .bx-wrapper .bx-controls-direction a.bx-prev{
	left:0;
}
#SP_tab2_isolated .bx-wrapper .bx-controls-direction a.bx-next{
	right:0;
}
#SP_mixTab_pager{
	position:absolute;
	display:none;
	top:50%;
	margin-top:-170px;
	right:18%;
	height:240px;
	width:300px;
}
#SP_mixTab_pager a .SP_img{
	display:none;
	padding-left:20px;
}
#SP_mixTab_pager a .SP_img img{
	width:280px;
	height:70px;
}
#SP_mixTab_pager a{
	margin:10px 0;
	display:block;
	background:#fff;
}
#SP_mixTab_pager a.active{
	background:url('../img/SP_pagerBg.png') no-repeat 0 50%;
	padding-left: 15px;
}

/* =============================== 메인 / 어코디언  =============================== */
.SP_acco {
	margin:0px auto;
	width:1200px;
	height:392px;
/*	border:1px solid transparent;
	border-color:#000; */
}

.SP_acco > .accoChildWrap > div {
/*	border:1px solid #aaa;/* 나중에 제거 */
/*	box-sizing:border-box;/* 나중에 제거해야함 */

}
.SP_acco > .accoChildWrap > div > a{
	display:block;
	width:100%;
	height:100%;
	
}
.SP_acco > .accoChildWrap > div > a > img{
	width:392px;
	height:100%;
}
.SP_acco > .accoChildWrap > div > .accoBanner{
	position:absolute;
	display:none;
	bottom:0px;
	width:100%;
	height:60px;
	background-color:#000;
}

/* =============================== 메인 / 백그라운드 픽스드  =============================== */
#SP_backFixed {
	width: 100%;
	height: 400px;
	background: url('../img/testShopping.jpg') 50%;
	background-size: cover;
	background-attachment: fixed;
}

#SP_backFixed .text-area {
	text-align: center;
}

#SP_backFixed .text-area h3 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 3px;
	color: #fff;
	padding-top:10px;
	padding-bottom: 10px;
	margin-top: 160px;
	margin-bottom: 15px;
	border-top: 1px solid transparent;
	border-top-color: rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid transparent;
	border-bottom-color: rgba(255, 255, 255, 0.3);
}

#SP_backFixed .text-area .sub {
	font-size: 18px;
	letter-spacing: 3px;
	color: #fff;
}

/* =============================== 메인 / 프리뷰갤러리  =============================== */
.SP_slider_preview {
	position:relative;
	overflow:hidden;
	width:1200px;
	height:300px;
	border:1px solid #000;
	border-left:0;
	border-right:0;
	margin:10px auto;
}

.SP_slider_preview > div > div{
	width:700px;
	height:300px;
	line-height:300px;
	text-align:center;
}
.SP_slider_preview > ul.SP_slider_preview_pager{
	position:absolute;
	bottom:5%;
	left:50%;
	margin-left:-30px;
}
.SP_slider_preview > ul.SP_slider_preview_pager > li{
	float:left;
	width:10px;
	height:10px;
	background:#aaa;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	margin:0 5px;
	text-indent:-9999px;
	cursor:pointer;
}
.SP_slider_preview > ul.SP_slider_preview_pager li.on{
	background:#000;
}

.SP_slider_preview > ul.SP_slider_preview_control li{
	position:absolute;
	top:50%;
	color:#fff;
	cursor:pointer;
}
.SP_slider_preview > ul.SP_slider_preview_control li.prev{
	left:3%;
}
.SP_slider_preview > ul.SP_slider_preview_control li.next{
	right:3%;
}
.SP_slider_preview .cover{
	background:#000;	
	opacity:0.2;
	filter:Alpha(opacity=20);
}
/* =============================== 메인 / 토글메뉴1  =============================== */
#SP_toggleMenu_ver1{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	height:100%;
	z-index:1000;
	margin-right:-200px;
}
#SP_toggleMenu_ver1 > div{
	width:200px;
	height:100%;
	background:#aaa;
}
#SP_toggleMenu_ver1 button{
	position:absolute;
	top:51px;
	left:-50px;
	width:50px;
	height:50px;
	border:1px solid #000;
	background:#fff;
	-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
}
#SP_toggleMenu_ver1 button:hover,#SP_toggleMenu_ver1 button.off{
	color:#fff;
	background:#000;
}
/* =============================== 메인 / 토글메뉴2  =============================== */
#SP_toggleMenu_ver2{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	height:100%;
	z-index:1000;
}
#SP_toggleMenu_ver2 > div{
	width:200px;
	height:100%;
	margin-top:50px;
	margin-right:-200px;
}
#SP_toggleMenu_ver2 > div > ul{
	height:100%;
	background:#fff;
	border-left:1px solid #aaa;
}

#SP_toggleMenu_ver2 > div > ul > li{
	font-weight:bold;
	line-height:50px;
	border-bottom:1px solid #aaa;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s;
}
#SP_toggleMenu_ver2 > div > ul > .tit{
	font-size:16px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #aaa;
}
#SP_toggleMenu_ver2 > div > ul > .shower{
	display:none;
}
#SP_toggleMenu_ver2 > div > ul > li > .icon{
	width:50px;
}
#SP_toggleMenu_ver2 > div > ul > li > span{
	display:inline-block;zoom:1; *display:inline;
	height:50px;
	background:#fff;
}
#SP_toggleMenu_ver2 > div > ul > li > .txt{
	text-align:center;
	width:148px;
	border-left:1px solid #eee;
}
#SP_toggleMenu_ver2 > div > button{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	border:1px solid #000;
	background:#fff;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-o-transition:background 0.5s;
	transition:background 0.5s;
}
#SP_toggleMenu_ver2 > div > button:hover,#SP_toggleMenu_ver2 > div > button.off{
	color:#fff;
	background:#000;
}

/* =============================== 메인 / 고탑고엔드  =============================== */
#SP_goTopEnd{
	position:fixed;
	/*
	display:none;
	*/
	z-index:900;
	bottom:3%;
	right:2%;
}
#SP_goTopEnd button{
	display:block;
	width:70px;
	height:30px;
	font-size:12px;
	border:1px solid #000;
	background:#fff;
	margin-top:3px;
	-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
}
#SP_goTopEnd button:hover{
	background:#000;
	color:#fff;
}
/* =============================== 메인 / 팔로우 오브젝트  =============================== */
.SP_followObj_wrap{
	position: relative;
    width: 1200px;
    margin: 0 auto;
}
.SP_followObj{
	z-index:1;
	position:absolute;
	left:-170px;
	width:100px;
	height:400px;
	border:1px solid #000;
	background:#eee;
}

/* =============================== 메인 / 와쿠  =============================== */
.SP_wakuStarter {
	position: relative;
}
.waku {
	position: relative;
	display: block;
	width:100%;
	line-height:0;
}

.wakuStuff{
	position:absolute;
	background:#000;
	z-index:1;
	width:1px;
	height:1px;
}
.wakuLeft{
	bottom:0;
	left:0;
}
.wakuRight{
	top:0;
	right:0;
}
.wakuTop{
	top:0;
	left:0;
}
.wakuBtm{
	bottom:0;
	right:0;
}
/* =============================== 메인 / 와쿠  =============================== */
#SP_instagram{
    width: 1290px;
    background: #fff;
    height: 420px !important;
    margin: 0 -5px;
    margin-top: -15px;
	margin-bottom: 150px;
}
#SP_instagram:after{
	display:block;
	clear:both;
	content:"";
}
.SP_insta{
    float: left;
    position: relative;
    width: 205px !important;
    height: 205px !important;
    background: #000;
    margin: 5px;
}
.SP_insta span{
	/*스크립트 자체 ie하위 지원안하니깐 CSS3마음껏*/
	display:none;
	position: absolute;
    bottom: 50%;
    right: 50%;
    width: 44px;
    height: 44px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: url(../img/SP_heart.png) no-repeat 50%;
    background-size: 100%;
    font-weight: bold;
    margin-bottom: -22px;
    margin-right: -22px;
}
.SP_insta a img{
	width:100%;
	height:100%;
}
/* =============================== 상세 / 주머(확대기능)  =============================== */

.SP_zoomer > img{
	width:100%;
	height:100%;
}
.SP_zoomer > .SP_zoomScope{
	display:none;
	opacity:0.3;
	filter:Alpha(opacity=30);
	border:1px solid #000;
	background:#fff;
}
.SP_zoomImg{
	position:absolute;
	display:none;
	top:0;
	left:49px;
}
/* 주머 팝업 */
#SP_detailImagePopup{
	position:absolute;
	display:none;
	z-index:100;
	top:0;
	left:0;
	width:300px;
	height:400px;
	opacity:0;
	filter:Alpha(opacity=0);
	border:1px solid #000;
}
#SP_detailImagePopup > img{
	width:100%;
	height:100%;
}
#SP_detailImagePopup > .SP_closePopup{
	position:absolute;
	top:0;
	right:0;
}
/* =============================== 상세 / 셀렉트 박스(밖으로 빼기 관련 스타일)  =============================== */
#SP_detailPageFormMover .SP_selectGoOutside .SP_options{
	padding:0 5px;
	margin:0 2px;
	border:1px solid #000;
	cursor:pointer;
	-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;
}
#SP_detailPageFormMover .SP_selectGoOutside .SP_options.on{
	background:#000;
	color:#fff;
}

/* ===============================////////////////////////// 메이크샵 //////////////////////////=============================== */
.SP_loginPopup{
	display:none;
	z-index:1000;
	position:fixed;
	background:#fff;
}
/* ================================ 메이크샵 / 상세페이지 / 가장 상단 이미지 노출(추가이미지포함) 썸네일화 ================================ */
#SP_thumbShow_detailpage .SP_sliderStarter li img{
	width:100%;
	height:100%;
}
#SP_thumbShow_detailpage #SP_thumbShow_detailpage_pager{
	margin:10px 0;
}
#SP_thumbShow_detailpage #SP_thumbShow_detailpage_pager a{
	display:block;
	float:left;
	width:100px;
	margin-left:3px;
}
#SP_thumbShow_detailpage #SP_thumbShow_detailpage_pager a img{
	width:100%;
	height:100%;
}

/* ============================== 메이크샵 / 메인 / 미리보기(줌스타터) CNT안에 넣기관련 =========================== */
/* 여긴 네이밍 변경 불가*/
#detailpage {
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:0 !important;
	width:100%;
	height:100%;
	border:none;
	background:#fff;
	display:none;
}
#detailpage .detail{
	margin:0px;
	padding:0px;
}
/* 닫기버튼 삭제 */
#detailpage > form > a {
	display:none;
}
#detailpage > form > div.detailBanner{
	position:absolute;
	top:0;
	left:0;
}

/* ============================== 메이크샵 / 카테고리페이지 / 카테고리 컨트롤 관련 =========================== */
.SP_controlDescrition li{
	height:auto !important;
}
.SP_category_controlMore {
	position:relative;
}
/* moreBtn 스타일 */
.SP_moreBtn{
	display:block;
	margin:10px auto;
	width:50px;
	height:25px;
}
/* 베스트 1 2 3 */
.SP_bestBg{
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	font-size:20px;
}
/* ============================== 메이크샵 / 상세페이지 / 따라오는 폼 관련 =========================== */
/*  FORM관련   */
.tmb-info .tmb-info-container{
	position:relative;
}
#SP_detailPageFormMover{
	background:#fff;
}
#SP_detailPageFormMover.moving{
	position:fixed;
	bottom:0;
	right:15%;
	display:none;
	opacity:0;
	filter:Alpha(opacity=0);
	zIndex:100;
	border: 1px solid #000;
    padding: 20px;
}
#SP_infoShowBtn{
	position:fixed;
	display:none;
	z-index:100;
	bottom:30px;
    right: 15%;
    width: 212px;
    height: 50px;
}
#SP_infoShowBtn.on > a{
	background:#000;
	color:#fff;
}
#SP_infoShowBtn > a{
	display:block;
	width:100%;
	height:100%;
	line-height:50px;
	text-align:center;
	border:1px solid #000;
	background:#fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
/* ============================== 메이크샵 / 상세페이지 / 릴레이션 상품 관련 =========================== */
/* 수량,옵션 toggle */
#relationSlider > ul > li > div.info{
	position:relative;
}
#relationSlider > ul > li > div.info > div.optOpenTarget{
	position:absolute;
	display:none;
	opacity:0;
	filter:Alpha(opacity=0);
	width:100%;
	height:auto;
	background:#fff;
	border-bottom:2px solid #000;
}
#relationSlider > ul > li > div.info > div.optOpenTarget > div > div > div{
	width:auto;
	padding-right:10px;
}
#relationSlider ul li .info .pamount div .MS_related_quantity{
	margin-right:5px;
}
/* ==============================  메이크샵 / 장바구니 / 미리보기 관련 =========================== */
#SP_cntPreviewBtn{
	position:relative;
}
.SP_cntPreviewer{
	display:none;
	position:absolute;
	top:30px;
	left:0;
}
/*
.SP_cntPreviewer .closeBtn{
	position:absolute;
	top:1px;
	left:-33px;
	width:30px;
	height:30px;
	z-index:100;
	background:#000;
	color:#fff;
}*/
#SP_cntPreviewBtn .SP_cntPreviewer #MS_shopping_tab{
	position:relative !important;
	z-index:10000;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product{
	height:auto;
	width:200px;
	border:1px solid #aaa;
	overflow:inherit;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product .empty_box{
	text-align:center;
	height:auto;
	padding:0;
}
#SP_cntPreviewBtn .SP_cntPreviewer #MS_basket_slide,#SP_cntPreviewBtn .SP_cntPreviewer #MS_today_slide,#SP_cntPreviewBtn .SP_cntPreviewer #MS_wishlist_slide{
	width:220px !important;
	height:210px;
	position:relative !important;
	padding-top:5px;
	top:inherit;
	left:inherit;
	overflow:auto;
	overflow-x:hidden;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .total{
	background:#f4f4f4;
	height:30px;
	line-height:30px;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .total .total-l{
	float:left;
	padding-left:20px;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .total .total-r{
	float:right;
	padding-right:10px;
	color:#000;
	font-weight:bold;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .order{
	height:30px;
	width:100%;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .order a{
	background:#000;
	color:#fff;
	height:100%;
	width:100%;
	display:block;
	line-height:30px;
	text-align:center;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns:after{
	clear:both;
	display:block;
	content:"";
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .all-del{
	width:100%;
	height:30px;
	float:right;
}
#SP_cntPreviewBtn .SP_cntPreviewer .MS_product #btns .all-del a{
	width:100%;
	height:100%;
	display:block;
	line-height:30px;
	text-align:center;
	background:#ddd;
	
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts{
	width:100%;
	margin-bottom:5px;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts:after{
	clear:both;
	display:block;
	content:"";
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div{
	float:left;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data{
	width:145px;
	padding-right:5px;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data .price{
	color:#000;
	font-weight:bold;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data .input{
	display:none;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data div{
	float:left;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data .check{
	float:right;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data .check > .del{
	width:25px;
	height:15px;
	display:inline-block;
	zoom:1;
	*display:inline;
	padding:2px;
	background:#343434;
	color:#fff;
	margin-left:3px;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data .pname{
	float:right;
	text-align:right;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.data .price{
	width:100%;
	text-align:right;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.thumb{
	width:45px;
	height:65px;
	padding-left:5px;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.thumb a {
	width:100%;
	height:100%;
}
#SP_cntPreviewBtn .SP_cntPreviewer .cnts > div.thumb > a img.MS_prod_img_s{
	width:100% !important;
	height:100% !important;
}

/* ==============================  메이크샵 / 타겟팅 / 메인 타겟팅 결과 노출관련 =========================== */
#SP_targeting_results{
	position:fixed;
	right:20px;
	z-index:100;
	bottom:50px;
	width:100px;
	height:300px;
	cursor:pointer;

}
#SP_targeting_results > .closeBtn{
	position:absolute;
	top:-7px;
	right:-7px;
	color:#fff;
	background:#aaa;
	border-radius:10px;
	width:15px;
	height:15px;
	text-align:center;
	font-size:12px;
}
#SP_targeting_results > .categoryName{
}
#SP_targeting_results .bx-controls-direction a{

}
#SP_targeting_results .bx-controls-direction a.bx-next{

}
#SP_targeting_results .bx-controls-direction a.bx-prev{

}
#SP_targeting_results .SMS_base_mask,#SP_targeting_results .SMS_loveWish{
	display:none;
}
#SP_targeting_results .SMS_base_img img{
	width:100%;
	height:100%;
}
/* ==============================  메이크샵 / 메인 / 스크롤바 =========================== */
/*
.SP_scrollBar{
	width:300px;
	height:300px;
	margin:0 auto;
	border:1px solid red;
	overflow:auto;
}
.SP_scrollBar > ul{
	
}
*/



/* ===============================////////////////////////// 카페24 //////////////////////////=============================== */
/* ============================== 카페24 / 메인 / 미리보기(줌스타터) CNT안에 넣기관련 =========================== */
/* 여긴 네이밍 변경 불가*/
/* 디테일배너 */
.detailBannerTarget{
	position:absolute;
	top:0;
	left:0;
}
.detailBannerTarget.active{
	width:100%;
	height:100%;
}
.detailBannerTarget iframe{
	width:100%;	
	height:101%;
}

/* ============================== 카페24 / 장바구니 / 검색결과 아이프레임 관련 =========================== */
/* 장바구니 하단 아이프레임*/
#SP_productForDeliveryPriceFree{
	display:none;
}
#SP_productForDeliveryPriceFree .tit{
	position: relative;
	width: 202px;
    font-size: 22px;
	margin-top:74px;
	margin-right:auto;
	margin-bottom:40px;
	margin-left:auto;
    border-bottom: none;
}
#SP_productForDeliveryPriceFree .tit span{
    position: absolute;
    top: 8px;
    right: 24px;
    font-size: 29px;
    font-weight: bold;
}
#SP_productForDeliveryPriceFree .content{
	height:400px;
	overflow:hidden;
}
#SP_productForDeliveryPriceFree .content iframe{
	overflow:hidden;
	height:100%;
	width:100%;
}

/* 하단 아이프레임 내부*/
#SP_iframeSlider div.thumbnail > a > img{
	margin:0;
}
#SP_iframeSlider div.bx-has-controls-direction{
	
}
#SP_iframeSlider div.bx-default-pager{
	position:absolute;
	left:50%;
	bottom:-40px;
}
#SP_iframeSlider div.bx-default-pager > div.bx-pager-item{
	position: relative;
    left: -50%;
	float:left;
	margin:0 10px;
}
#SP_iframeSlider div.bx-default-pager > div.bx-pager-item a{
	display:block;
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	color: #fff;
	border:1px solid transparent;
	border-color: #d7d5d5;
	background: #000;
}
#SP_iframeSlider div.bx-default-pager > div.bx-pager-item a:hover{
	color: #000;
	background: #fff;
}

#SP_iframeSlider div.bx-controls-direction > a{
	position:absolute;
	top:50%;
	display: block;
    position: absolute;
    width: 27px;
    height: 74px;
	text-indent: -9999;
}
#SP_iframeSlider div.bx-controls-direction > a.bx-prev{
	left:0px;
	margin-top: -37px;
    margin-right: -26px;
	background: url("../img/SP_superCustom_Arrow_Left.gif") no-repeat;
}
#SP_iframeSlider div.bx-controls-direction > a.bx-next{
	right:0px;
	margin-top: -37px;
    margin-left: -26px;
	background: url("../img/SP_superCustom_Arrow_Right.gif") no-repeat;
}

/* 테스트 */
#SP_slider_soim .bx-viewport{
	min-height:500px !important;
	min-width:1200px !important;
}
#SP_slider_soim .SP_sliderStarter li{
	min-height:500px;
	min-width:1200px;
}
#SP_slider_soim .SP_sliderStarter li > a{
	display:block;
	width:100%;
	height:100%;
}

/* YB SLIDER SP_JS_CSS  손대지마세용용용 개발자 : YB */
.SP_pager_wrap{
	position: absolute;
	overflow: hidden;
	bottom: 20px;
	right: 17px;
}
.SP_pager_wrap li{
	float:left;
	padding: 0 4px;
	cursor: pointer;
}
.SP_pager_wrap li span{
	display: block;
    width: 5px;
    height: 5px;
    font-size: 0;
    text-indent: -9999px;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 5px;
    background: #ddd;
}
.SP_pager_wrap li.active span{
	font-weight: bold;
    border-color: #8560a8;
    background: #8560a8;
}
.SP_controls_wrap span{
	position: absolute;
	top: 50%;
	cursor: pointer;
	color: #fff;
}
.SP_controls_wrap span:hover{
	font-weight: bold;
}
.SP_controls_wrap .SP_Btn_Prev{
	left: 0;
}
.SP_controls_wrap .SP_Btn_Next{
	right: 0;
}