Class 이름 BEM #

Block, Element, Modifier(속성)

Element

예) header__logo

Modifier

예) block-name_modifier-name 예) block-name__element-name_modifier-name 예) search-form__button_disabled

(형태)(의미)(순서)_(상태)

wrapper - 페이지 전체 영역 그룹핑 header - 머리글 영역 container - 본문영역 그룹핑 content - 주용컨텐츠 영역 footer - 바닥글 popWrapper - 팝업 페이지 전체 영역 그룹핑 popHeader - 팝업 머리글 영역 popContainer - 팝업 본문영역 그룹핑 popContent -  팝업 주용컨텐츠 영역 popFooter - 팝업 바닥글 gnbNav - 글로벌 네이게이션 영역 메뉴 lnbNav - 로컬 네비게이션 영역의 메뉴 snbNav - 사이드 네이게이션 영역의 메뉴