@charset "utf-8";
/* -----------------------------------------------
	* 멤버란 > 옷장보기 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 : 
	- 최종 수정자 : 
--------------------------------------------------*/


/*********************************
	옷장 기본 페이지
**********************************/

#closet_page { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; padding-left:120px;}


/*********************************
	옷장 등록 리스트 (페이지)
**********************************/

#closet_page .closet-menu {display:block; position:absolute; top:10px; left:10px; width:120px; bottom:10px; z-index:1;}
#closet_page .pager {padding:10px 0;}
#closet_page .pager .swiper-pagination-bullet {display:block; width:auto;height:auto; border-radius:0; margin-bottom:5px; background:transparent; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#closet_page .pager .swiper-pagination-bullet-active {background:transparent;}


/*********************************
	옷장 이미지 스크롤
**********************************/

#closet_page .swiper-container {display:block; position:relative; width:100%; height:100%; z-index:0;}
#closet_page .swiper-wrapper,
#closet_page .swiper-slide {height:100%;}
#closet_page .swiper-slide  > a {display:block; width:100%; height:100%; background:no-repeat 50% 50%; background-size:contain;}



/*********************************
	반응형 스타일
**********************************/

@media all and (max-width:640px) {
	#closet_page {padding-left:0; padding-bottom:100px;}
	#closet_page .closet-menu {display:block; position:absolute; left:0; right:0; bottom:0; top:auto; height:100px; width:auto; overflow:auto; padding:0 10px;}
	#closet_page .pager .swiper-pagination-bullet {display:inline-block; vertical-align:middle; padding:10px;}
}