Text color

텍스트에 컬러를 주고싶은경우 사용한다. css변경은 content.css통해 상쇄시킨다.

여러분께서 회사에 보여주신 관심성원에 깊은 감사를 드립니다. 앞으로도 고객님의 성원에 힘입어, 더욱 혁신적인 디자인과 신뢰 할수 있는 안정적인 서비스를 제공 하겠습니다.

Margin

margin top만 컨트롤 기본값을 주었다. css변경은 content.css통해 상쇄시킨다.

class="mt0" margin-top:0px
class="mt10" margin-top:10px
class="mt10" margin-top:20px;
class="mt30" margin-top:30px;

Table Style - thead none

레이아웃에 id="content" 값이 선언된 안에만 반응 - css변경은 content.css를 통해 상쇄시킨다.

고무 재질별 생산 현황
두께 2mm ~ 70mm
넓이 300㎜ × 300㎜ ~ 20㎜ × 2440㎜
밀도 250㎏/㎥ ~ 1,300㎏/㎥

Table Style - thead, 반응형 Scroll

레이아웃에 id="content" 값이 선언된 안에만 반응 / table에 반응형 일때 scroll을 적용할 경우 600px에서 반응함

자재별 물성비교표
구분 제품명
케라-톤(질석판재) 마그네슘보드 우레탄보드 글라울보드 황토보드
기능성 불연 테스트 테스트 테스트 테스트
방화 테스트 테스트 테스트 테스트
무독성 테스트 테스트 테스트

Button Style

버튼의 사이즈는 총3가지로 구분하여 그룹를 지정하여 정렬를 사용할수 있다. css변경은 content.css를 통해 상쇄시킨다. / 단일로만 사용도 가능하다.
btn_area안에 들어갈 경우 높이값이 커지므로 참고할것. input button경우 사용시 hover효과가 상이함.

버튼기본 버튼블루 버튼Small기본 버튼Small블루 버튼Big기본 버튼Big블루

Layer POPUP (레이어팝업)

레이어팝업 관련 사용방법은 소스보기를 하여 레이어팝업 보기쪽 마크업된 항목을 확인하세요. 레이어가 여러개 일경우 showPopup 다음에오는 div id값을 여러개 선언하면 됨

레이어팝업보기

TAB Style

tab을 전체 사이즈 100%에서 갯수별로 full로 처리가되며 / 따로 처리를 하고자 하는경우 ul에 선언된 class 값을 가지고 content.css를 통해 상쇄시킨다. (on이나 디테일 작업포함)

Site map

header gnb항목중 ul 하위부터 자동으로 끌어오는 제이쿼리 적용된 내용이다. 디자인 수정은 content.css 통해 상쇄시킨다.

Top

화면 맨위로올라가는 top 제이쿼리 적용된 내용이다. href에 가고자 하는 id값을 작성한다. 디자인 수정은 content.css 통해 상쇄시킨다.

맨위로