H4 + 텍스트 H5 + 텍스트 H6 + 텍스트 혼합 샘플 H3 + 텍스트 + 이미지 <div class="comH4"> <!-- ex : 1. 명절 --> <h3><span class="num">01</span><span class="titleText">봄</span></h3> </div> <div class="comH5"> <!-- ex : (1) 설날(음력 1월 1일) --> <h5><span class="num">01</span><span class="titleText">봄</span></h3> </div> <div class="comH6"> <!-- ex : ◉ 설날(음력 1월 1일) --> <h6><span class="num">01</span><span class="titleText">봄</span></h3> </div> <div class="lytSubCont"> <div class="h4Cont"></div> <!-- 3뎁스 단락 --> <div class="h5Cont"></div> <!-- 4뎁스 단락 --> <div class="h6Cont"></div> <!-- 5뎁스 단락 --> </div> <div class="comH3Text"><p></p></div> <!-- 3뎁스 메뉴 바로 아래 설명 텍스트 --> <div class="comH4Text"><p></p></div> <!-- 4뎁스 타이틀 이후 일반 설명 텍스트 --> <!-- 이미지 그룹 --> <ul class="comImgGroup"> <li class="imgItem col3"> <!-- col12:100%, col6:50%, col4:33.33%, col3:25% --> <div class="imgBox"><img src="" alt="" /></div> <i class="imgTag">&lt; 이미지 알럿과 동일한 텍스트 &gt;</i> </li> </ul> <dl class="comH6Desc"> <dt class="descTit">폰트 크기는 넣지 않습니다 두께나 칼라만 넣습니다.</dt> <dd class="descMsg">폰트 크기는 넣지 않습니다 두께나 칼라만 넣습니다.</dd> </dl> <!-- 리스트 : 점 --> <ul class="comDotList"> <li class="dotItem"></li> <!-- ex : • 음력 새해가 시작되는 날 --> </ul> <!-- 리스트 : 바 --> <ul class="comBarList"> <li class="barItem"></li> <!-- ex : - 음력 새해가 시작되는 날 --> </ul> <!-- 리스트 : 참조, 주석 --> <ul class="comRefList"> <li class="refItem"></li> <!-- ex : * 음력 새해가 시작되는 날 --> </ul> <!-- 리스트 : 참고, 주의 --> <ul class="comNoteList"> <li class="noteItem"></li> <!-- ex : ※ 설날 전날, 설날, 설날 다음날 --> </ul> <!-- 리스트 : 숫자 --> <ol class="comNumList"> <li class="numItem"></li> <!-- ex : ① 음력 새해가 시작되는 날 --> </ol> <!-- 리스트 : 가나다 --> <ol class="comTextList"> <li class="TextItem"></li> <!-- ex : 가. 음력 새해가 시작되는 날 --> </ol> <!-- 테이블 -->