청담 닷컴

  1. PATH
  2. SAMPLE
  3. SCRIPT

기본폰트

게시판

게시판 리스트

게시판 정의
type code
tb-col-1(No), tb-col-2(구분), tb-col-3(제목), tb-col-4(등록일), tb-col-5(조회) colgroup class 구분으로 width 정의
mo-tb-hide 모바일에서 숨기는 경우
tb-subj 제목 좌측정렬 여백
mo-tb-1, mo-tb-2-1, mo-tb-2-2 모바일에서 표시되는 방식, 순서 정의
청담소식 목록
No 구분 제목 등록일 조회
10000 NOTICE April어학원 ‘하이스트 브랜드’6년 연속 1위 선정첨부파일NEW 2018.03.05 12,543
215 NOTICE 아이가르텐 ‘2018 대한민국 하이스트 브랜드’2년 연속 1위 선정 아이가르텐 ‘2018 대한민국 하이스트 브랜드’2년 연속 1위 선정 아이가르텐 ‘2018 대한민국 하이스트 브랜드’2년 연속 1위 선정NEW 2018.03.05 12,543
215 NOTICE April어학원 ‘대한민국 하이스트 브랜드’ 6년 연속 1위 선정첨부파일 2018.03.05 12,543
검색 결과가 없습니다.

게시판 상세보기

게시판 상세보기 정의
code type
board-title-wrap(이벤트), board-title,
board-img, board-video, board-event, board-content,
board-source, board-tag, board-attatch		 각 영역별로 구분 (각 영역 추가, 삭제 용이)

[NOTICE] SKY캐슬식 입시코칭, 의원·장관 아빠 줄섰다

등록일
2019.01.14
조회
2,109

논∙서술형 수행평가 대비를 위한 ‘인문학 기술 탐구’ 수업인 T4 특강이 1월에 개강합니다.

T4란? 21세기 신기술을 기술/역사/철학/커리어 등 다양한 분야의 관점에서 다룸으로써 학생들의 독해력/표현력/사고력을 종합적으로 길러주는 인문학 수업으로 각종 논∙구술 평가와 통합교과 지문, 내신 수행평가에 대한 대응력을 높이고, 4차 산업혁명 시대를 대비한 기술 지식 습득과 인문학적 성찰의 경험을 제공하는 청담어학원의 과학∙인문학 커리큘럼입니다.(수업은 한국어로 진행) 겨울방학을 맞아 청담어학원만의 21세기형 독서토론∙논술 수업을 경험해보시기 바랍니다. 소수 정예로 진행되므로 관심 있으신 학부모님께서는 학원(02-516-9407)으로 빠른 연락 주세요.

출처[톡톡에듀] 계획하고, 학습하고, 평가하라복사
#청담어학원#중등교육#입시교육#창의교육

폼

폼요소
type code
blind로 숨기는 라벨의 경우 placeholder 내용까지 함께 표기. <label for="fm-ipt-2" class="blind">‘-’없이 숫자만 입력해 주세요.</label>
<input type="password" placeholder="‘-’없이 숫자만 입력해 주세요." id="fm-ipt-2" class="fm-ipt" />
디자인상 표시되는 라벨이 있고, placeholder 에 텍스트가 있을 경우 placeholder 텍스트 내용을 blind로 삽입. <label for="f-tel">상담 가능 연락처</label>
<span class="blind">‘-’없이 숫자만 입력해 주세요.</span>
<input type="text" id="f-tel" class="fm-ipt" placeholder="‘-’없이 숫자만 입력해 주세요." />
폼요소
type class name view
form label fm-label
제목을 입력해 주세요.
form input fm-ipt
제목을 입력해 주세요.
form input error fm-error
제목을 입력해 주세요.
form input disabled disabled="disabled"
제목을 입력해 주세요.
form select fm-sel
form select fm-sel
항목을 선택해 주세요.
form select error fm-error
항목을 선택해 주세요.
form file
form col 3 fm-col-3
상담 가능 시간 선택을 선택해주세요.
checkbox 1 fm-chk    

버튼

사이즈, 폰트, 스타일

버튼
type class name view
min-width:140px; height:60px; font-size:16px; padding:0 30px; line-height:3.75; font-weight:bold; border-radius:5px; btn-t Button
min-width:140px; height:50px; font-size:16px; padding:0 16px; line-height:3.125; font-weight:bold; border-radius:5px; btn-t-2 Button
min-width:100px; height:36px; padding:0 11px; line-height:2.4; font-weight:bold; border-radius:4px; btn-t-3 Button
height:29px; border-radius:3px; box-sizing:border-box; font-size:12px; line-height:2.2; btn-t-4 Button
min-width:160px; height:48px; padding:0 18px; border-radius:3px; box-sizing:border-box; line-height:3.4; font-weight:bold; btn-t-5 Button

컬러

버튼
color class name view
color:#fff; background-color:#303f50; btn-c Button
color:#303f50; border:solid 1px #303f50; btn-c-2 Button
background-color:#ccc; color:#fff; disabled="disabled", class="disabled" Button
color:#000; border:solid 1px #666; background:#fff; Button
color:#333; border:solid 1px #999; Button
color:#333; border:solid 1px #333; Button
color:#000; border:solid 1px #000; Button

버튼 그룹

목록

탭

타입 1

탭 정의
code type
tab-col-2, tab-col-3 모바일 한줄 col 갯수로 구분

전체

전체

전체

전체

전체

타입 2

게시판 강조 리스트

NOTICE1 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속
2018.12.19
조회 2,109
NOTICE2 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속
2018.12.19
조회 2,109
NOTICE3 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속
2018.12.19
조회 2,109
NOTICE4 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속 에이프릴어학원 대한민국 하이스트 브랜드 6년 연속
2018.12.19
조회 2,109

컨텐츠 그리드 리스트

탭 정의
type icon
닷컴 동영상 컨텐츠 NEW
청담어학원 동영상 컨텐츠 NEW
April어학원 동영상 컨텐츠 NEW
아이가르텐 동영상 컨텐츠 NEW

그리드 리스트 1

그리드 리스트 2 (연관컨텐츠 - 5개부터 hidden)

그리드 리스트 3

그리드 리스트 4

페이징

first prev 1 2 3 4 5 / 16 next last

컨텐츠 하단 검색

아코디언

청담어학원 Q [스마트러닝] 청담3.0, 왜 스마트러닝인가요?

이제 영어는 말하고 쓰기 중심의 ‘표현’의 시대입니다.

표현어학원의 학습 콘텐츠는 개정된 중 · 고등학교 영어 교과과정에서 다루는 토픽으로 구성되어 있으며, 해당 토픽을 중심으로 말하기·쓰기·읽기·듣기를 전략적으로 훈련하여 영어 표현력과 정확성을 강화하는 학습 프로그램을 제공합니다. 해당 프로그램은 서술형 논술형 평가를 해결하는 데 있어 가장 중요한 ‘영어 어법에 맞는 논리적이고 완전한 문장’을 구성할 수 있도록 해줍니다.

사이트이용 Q [학습 관련 질문] 1. 표현어학원은 어떤 학원인가요?

이제 영어는 말하고 쓰기 중심의 ‘표현’의 시대입니다.

표현어학원의 학습 콘텐츠는 개정된 중 · 고등학교 영어 교과과정에서 다루는 토픽으로 구성되어 있으며, 해당 토픽을 중심으로 말하기·쓰기·읽기·듣기를 전략적으로 훈련하여 영어 표현력과 정확성을 강화하는 학습 프로그램을 제공합니다. 해당 프로그램은 서술형 논술형 평가를 해결하는 데 있어 가장 중요한 ‘영어 어법에 맞는 논리적이고 완전한 문장’을 구성할 수 있도록 해줍니다.

아이콘

아이콘
type view
ir [global]

[common]
ir:before [global]




[common]
ir:after [global]

[common]
etc .ico-txt txt
.ico-txt-2 txt-2 ty-2 ty-3 ty-4
.ico-txt-3 txt-3 ty-2
.ico-txt-4 txt-4 ty-2
.ico-txt-5 ico-txt-5
.ico-txt-6 txt txt ty-2 txt ty-3 txt ty-4
.ico-video 동영상 컨텐츠 동영상 컨텐츠 ty-2 동영상 컨텐츠 ty-3 동영상 컨텐츠 ty-4 동영상 컨텐츠 동영상 컨텐츠 large 동영상 컨텐츠 large-2
.txt-link, txt-line txt-link txt-link-2 txt-line