/* BASIC css start */
/* =====================================================================
   본문 컨테이너 + 마이페이지 좌측 LNB (#content / #aside)
   ---------------------------------------------------------------------
   구성 순서
     1. #content 중앙 정렬 컨테이너
     2. #aside 최외곽 박스
     3. 페이지 대제목 (.aside-tit)
     4. LNB 박스 (.lnb-wrap) - 3단 컬럼(.lnb-bx) 구조
        4-1. 각 컬럼 타이틀(.txt) - 스프라이트 아이콘
        4-2. 각 컬럼 메뉴 목록(.lnb ul li)
   ===================================================================== */


/* =====================================================================
   1. #content 중앙 정렬 컨테이너
      사이트 기준폭 1240 고정, 가운데 정렬
   ===================================================================== */

#content { width: 1240px; margin: 0 auto; }


/* =====================================================================
   2. #aside 최외곽 박스
      내부 요소가 float 등으로 삐져나오는 것을 막기 위해 overflow:hidden으로 감쌈
   ===================================================================== */

#aside {
    position: fixed;
    top: 20px;              /* 화면 상단에서 얼마나 띄울지 */
    left: 20px;             /* 화면 좌측에서 얼마나 띄울지 - 위치 원하는 대로 조절 */
    width: 177px;           /* 원래 aside 폭 유지 (fixed는 부모 폭을 무시하므로 명시 필요) */
    overflow: visible;      /* 기존 overflow:hidden 제거 */
    z-index: 100;           /* 다른 콘텐츠 위에 뜨도록 */
}


/* =====================================================================
   3. 페이지 대제목 (.aside-tit)
      "마이페이지" 같은 큰 타이틀. 지마켓산스 폰트로 중앙 정렬
   ===================================================================== */

.aside-tit {
    padding: 50px 0 30px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    font-family: 'GmarketSans', sans-serif;
}


/* =====================================================================
   4. LNB 박스 (.lnb-wrap)
      가로로 나란한 3개 컬럼(.lnb-bx)으로 구성된 메뉴 그룹.
      각 컬럼은 float 되어 있어 wrap 자체엔 clearfix 필요.
   ===================================================================== */

#aside .lnb-wrap {
    padding: 19px 0;
    border: 1px solid #000;        /* ⚠ 세미콜론이 두 번(;;) 있는데 문법상 무해 - 빈 선언으로 무시됨 */
    overflow: hidden;
    *zoom: 1;                      /* (레거시) IE6/7 hasLayout 트리거 - overflow:hidden과 함께 clearfix 보강 */
}
#aside .lnb-wrap:after { display: block; clear: both; content: ''; }   /* clearfix */

/* 개별 컬럼 - 폭 327 고정, 왼쪽에 얇은 구분선. margin-left:-1px로 옆 컬럼과 테두리를 겹쳐서 이중선 방지 */
#aside .lnb-wrap .lnb-bx {
    margin-left: -1px;
    padding-left: 39px;
    float: left;
    width: 327px;
    min-height: 130px;             /* 메뉴 항목 적어도 박스 높이 유지 */
    border-left: 1px solid #e2e2e2;
    overflow: hidden;
}

/* ----- 4-1. 컬럼 타이틀 (.txt) -----
   텍스트 왼쪽에 아이콘을 배경 스프라이트 이미지 1장에서 위치만 바꿔가며 표시
   (sp_mypage_aside.gif 한 장에 아이콘 3개가 세로로 이어붙어 있고, background-position으로 잘라서 씀) */
#aside .lnb-wrap .lnb-bx .txt {
    margin-top: 14px;
    padding-left: 27px;             /* 아이콘 자리 확보 */
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_mypage_aside.gif) 0 0 no-repeat;
}
#aside .lnb-wrap .lnb-bx .txt1 { background-position: 0 0; }      /* 스프라이트 1번째 아이콘 */
#aside .lnb-wrap .lnb-bx .txt2 { background-position: 0 -18px; }  /* 스프라이트 2번째 아이콘 (18px 아래로 이동) */
#aside .lnb-wrap .lnb-bx .txt3 { background-position: 0 -36px; }  /* 스프라이트 3번째 아이콘 (36px 아래로 이동) */

/* ----- 4-2. 컬럼 메뉴 목록 ----- */

#aside .lnb-wrap .lnb { overflow: hidden; }   /* 내부 float li 감싸기 */

/* ul 자체도 float 목록이라 clearfix 필요. margin-left:-10px는 li 좌우 패딩(10px) 상쇄용 정렬 보정 */
#aside .lnb-wrap .lnb ul { margin-left: -10px; padding-top: 20px; *zoom: 1; }
#aside .lnb-wrap .lnb ul:after { display: block; clear: both; content: ''; }

/* 메뉴 항목 - 가로로 나란히 배치(float), 줄바꿈 방지 */
#aside .lnb-wrap .lnb ul li { padding: 5px 0; float: left; white-space: nowrap; }

/* 항목 링크 - 좌우 여백 + 왼쪽에 작은 구분점(bullet) 이미지 (2px 아래 위치에 배치해 텍스트 세로 중앙과 맞춤) */
#aside .lnb-wrap .lnb ul li a {
    padding: 0 10px;
    font-size: 12px;
    color: #8d8d8d;
    background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_2x8.gif) 0 2px no-repeat;
}




/* BASIC css end */