공개 CSS 파일 참조 - base.css

引응공共CSS文件-base.css

@charset "utf-8";
/* 기본 CSS 문서 */

body,div,dl,dt,dd ,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; 패딩:0;}
테이블{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
주소,caption,cite,code,dfn,em,strong,th,var{ 글꼴 스타일:normal; 글꼴 무게:400;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ 글꼴 크기:100%; 글꼴 무게:400;}
q:before,a:after{ content:'';}
abbr,acronym{ border:0;}

/* 文字排版 */
.f12{ 글꼴 크기:12px;}
.f13{ 글꼴 크기:13px;}
.f14{ 글꼴 크기:14px;}
.f16{ 글꼴 크기:16px;}
.f20{ 글꼴 크기:20px;}
.fb { 글꼴 무게:700;}
.fn { 글꼴 무게:400;}
.t2 { 텍스트 들여쓰기:2em ;}
.lh150 { 줄 높이:150%;}
.lh180 { 줄 높이:180%;}
.lh200 { 줄 높이:200%;}
.unl{ 텍스트 장식:밑줄;}
.no_unl{ 텍스트 장식:없음;}

/* 정의 */
.tl{ 텍스트 정렬:왼쪽;}
.tc{ 텍스트 정렬:중심;}
.tr{ 텍스트 정렬:오른쪽;}
.bc{ 여백-왼쪽:자동; margin-right:auto;}
.fl{ float:left; 디스플레이:인라인;}
.fr{ float:right; 디스플레이:인라인;}
.cb{ 클리어:모두;}
.cl{ 클리어:왼쪽;}
.cr{ 클리어:오른쪽;}
.clearfix:after{ 콘텐츠:". "; 표시:블록; 높이:0; 지우기:둘 다; 가시성:hidden;}
.clearfix{ 디스플레이:inline-block;}
*html .clearfix{ 높이:1%;}
.clearfix{ 디스플레이:block;}
.vm{ 수직 -align:middle;}
.pr{ 위치:relative;}
.pa{ 위치:절대;}
.abs-right{ 위치:절대; 오른쪽:0;}
.zoom{ 확대/축소:1;}
.hidden{ visible:hidden;}
.none{ 디스플레이:none;}

/* 长높이도 */
.w10{ 너비:10px;}
.w20{ 너비:20px;}
.w30{ 너비:30px;}
.w40{ 너비:40px;}
.w50{ 너비:50px;}
.w60{ 너비:60px;}
.w70{ 너비:70px;}
.w80{ 너비:80px;}
.w90{ 너비:90px;}
.w100{ 너비:100px;}
.w200{ 너비:200px;}
.w250{ 너비:250px;}
.w300{ 너비:300px;}
.w400{ 너비 :400px;}
.w500{ 너비:500px;}
.w600{ 너비:600px;}
.w700{ 너비:700px;}
.w800{ 너비:800px;}
.w{ 너비:100%;}
.h50{ 높이:50px;}
.h80{ 높이:80px;}
.h100{ 높이:100px;}
.h200{ 높이 :200px;}
.h{ 높이:100%;}

/* 边距 */
.m10{ 여백:10px;}
.m15{ 여백:15px;}
.m30{ margin:30px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt100{ margin-top:100px ;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom :20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb100{ margin-bottom:100px;}
.ml5{ 마진 -left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30 { margin-left:30px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr50{ 여백-오른쪽:50px;}
.mr100{ 여백-오른쪽:100px;}
.p10{ 패딩:10px;}
.p15{ 패딩:15px;}
.p30{ 패딩:30px;}
.pt5{ 패딩탑:5px;}
.pt10{ 패딩탑:10px;}
.pt15{ 패딩탑:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pt100{ padding-top:100px;}
.pb5{ 패딩 바닥:5px;}
.pb10{ 패딩 바닥:10px;}
.pb15{ 패딩 바닥:15px;}
.pb20{ 패딩 바닥:20px; }
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding- left:30px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
. pr50{ 패딩 오른쪽:50px;}
.pr100{ 패딩 오른쪽:100px;}