@charset "UTF-8";
@import url("/assets/vendors/pretendard-1.3.9/pretendard-85e8d117d9f0cad597f64ef54433ee87.css");
/* @import url("/assets/css/gugus_common-66b63ea66df33350dbfc10c06473ad00.css"); */
@import url("/assets/css/gugus_components-f0c497d1068fdce9af96daa7409e0ea9.css");
@import url("/assets/css/gugus_style-223d67c849ad5b753bbec8cb0077a765.css");
@import url("/assets/css/gugus_tablet_components-2993d008d5750700f5570f680efb895c.css");
@import url("/assets/css/gugus_pc_components-1d74c7a04c9f0f58c2b8df2a774e2223.css");
@import url("/assets/css/gugus_pc_style-db6ee894ea9eabab8017511d7793b7cd.css");


/* 
--- mobile first로 진행 됨 ---
MO기반 공통 css
    gugus_components.css : 공통 컴포넌트 
    gugus_style.css : 페이지 별 커스텀

PC용 미디어쿼리
    gugus_pc_components.css : 공통 컴포넌트
    gugus_pc_style.css : 페이지 별 커스텀
*/


/* 
---  z-index ---

mo
scroll-fix - 26, 27

header, top banner <- 50

.scroll-fix.fixed, .scroll-fix.sps-blw:not([class*="fix-pc"])  <- 99
.header-wrapper .header-wrap  <- 모바일 헤더 99 

팝업들 - 100 이상

  -------------------
pc

상품 리스트 a태그  <- z-index  6

.wrapper.order .content-docker-wrap,
.wrapper.my-pocket .content-docker-wrap   <- 마이포켓, 오더  독 버튼.  z-index 10  (상품 리스트 a태그보다 위)


.scroll-fix.fixed, .scroll-fix.sps-blw:not([class*="fix-mo"]) { z-index:99} <- 삭제 필요이상으로 높음.  헤더보다 낮아야 함
scroll-fix - 10, 10

.header-wrapper .header-wrap  <- 모바일 헤더  25

.tooltip-layer - 40

tnb딤 49 <- 헤더 앱솔일때보다 1 낮음
header, top banner <- 50

팝업들 - 100 이상


*/


/* 
!!--  주의사항 정리

.dcont-box
    pc에서도 border 유지할지 몰라서 padding-top 30 일단 유지
    member화면에서는 탭 밑에 dcount 잡아서 margin-top 20 부여.
    탭과 박스 간격 50px
    /member/MO_MB_02_001.html

    border 1px로  수정 -> 팝업에서는 제외.  wrapper > dcont-box


불필요한 flex colum 삭제  => 복원
    .ctitle-wrap   -   gugus-components.css  
        - member/MO_MB_01_102.html


마케팅 팝업 페이지 표기 센터    -   pc
    .swiper-fraction-wrap .swiper-pagination {
        right: calc(50% - 21px);
    }


IMPORTANT 삭제
    로그인페이지 - 간편로그인   -   style.css 
        .login-wrap .gcont-box.easy-login {padding-bottom: 50px !important;
        member/MO_MB_01_001.html
*/

