Image Title <div class="comImgTitle"><em>대한민국 전도</em></div> Image col12 (100%) <ul class="comImgGroup"> <li class="imgItem col12"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col6 (50%) => mobile (50%) <ul class="comImgGroup"> <li class="imgItem col6 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col6 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col6 (50%) => mobile (100%) <ul class="comImgGroup"> <li class="imgItem col6 col12m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col6 col12m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col4 (33.33%) => mobile (33%) <ul class="comImgGroup"> <li class="imgItem col4 col4m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col4 col4m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col4 col4m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col4 (33.33%) => mobile (100%) <ul class="comImgGroup"> <li class="imgItem col4 col12m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col4 col12m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col4 col12m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col3 (25%) <ul class="comImgGroup"> <li class="imgItem col3"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col3 (25%) => mobile (50%) <ul class="comImgGroup"> <li class="imgItem col3 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col6 + col3 (25%) <ul class="comImgGroup"> <li class="imgItem col6"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3"> <div class="imgBox"><img src="/common/images/sub/img_01_03_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3"> <div class="imgBox"><img src="/common/images/sub/img_01_03_02.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul> Image col6 + col3 (25%) => mobile (100% + 50%) <ul class="comImgGroup"> <li class="imgItem col6 col12m"> <div class="imgBox"><img src="/common/images/sub/img_01_02_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_03_01.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> <li class="imgItem col3 col6m"> <div class="imgBox"><img src="/common/images/sub/img_01_03_02.png" alt="이미지텍스트" /></div> <i class="imgTag">&lt; 이미지텍스트 &gt;</i> </li> </ul>