모바일에서 가로로 크게 출력되는것은 소스상에서 가로크기가 고정되어 있기 때문입니다.

 

 

 

- 디자인팜에서 해당페이지에 적용된 가로크기가 없어서 스킨을 확인합니다.

 

 

- CI 스킨의 디자인팜 수정모드로 들어갑니다.

 

 

- 중간의 내용이 출력되는 부분의 고급자용 소스수정을 확인합니다.

 

 

 

 

- 소스상에서 가로크기가 1164 px로 들어가 있습니다.

- 이 값으로 인해서 모바일에서도 가로크기가 1164로 적용되게 됩니다.

 

 

 

- 1칸 레이아웃을 새로 추가하여 수정하였습니다. (소스 변경 없음)

- 다음 소스를 수정하였습니다.

 

.layout_27986_ > div > [class^=container_] {
    float:left; position:relative; width:100%; box-sizing:border-box;
    padding:10px; border:0;
}