@charset "utf-8";
/************************************************** ******************************/
/*내부 및 외부 여백 지우기*/
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,span,a,em,/*구조적 요소 구조적 요소 */
dl,dt,dd,ul,ol,li, /*목록 요소 목록 요소*/
pre,/*텍스트 서식 지정 요소 텍스트 서식 지정 요소*/
fieldset,lengend,button, input ,textarea,form,/*양식 요소 양식 요소*/
table,tbody,tfoot,tr,th,td,/*테이블 요소 테이블 요소*/
img,strong,area,del,select{
여백: 0;
패딩: 0;
}
/*기본 글꼴 설정*/
body,button,input,select,textarea{font-family: "Microsoft Yahei",Arial,Verdana,"microsoft yahei";*line-height: 1.5;- ms-overflow-style:scrollbar;글꼴 크기: 12px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,em,strong{글꼴 크기: 1em; 글꼴 스타일: 일반;글꼴 무게: 일반;}
기사,별도,대화 상자,바닥글,헤더,섹션,nav,그림,메뉴{디스플레이: 블록;}
입력:초점,텍스트 영역:초점{ 개요: 없음;} /*테두리 가장자리의 선*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style: Normal;} /*이탤릭체를 밝게 함*/
/*code,kbd,pre,samp,tt{font-family: "Courier New" , Courier,monospace; }*/ /*균일한 고정 폭 글꼴*/
small{font-size: 12px;} /*12px보다 작은 한자는 읽기 어렵습니다. 작게 표준화하세요.*/
/*목록 요소 재설정*/
ul,ol{list-style: none 외부 none;}
li{list-style:none;}
a{텍스트 장식: 없음;개요: 중간 없음;}
a:활성{텍스트 장식: 없음;목록 스타일: 없음;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
button,input,select,textarea{font-size:100%;} /*make 양식 요소는 IE*/
fieldset,img{border:medium none;}
에서 글꼴 크기를 상속받을 수 있습니다.
input,select,button{vertical-align: middle;border: none;}
img{border:0;display: block;}
em,address,i,cite{font-style: Normal ;}
.hidden{오버플로: 숨겨진;}
.f_l{float: left;display: inline;} /*Left float*/ /*display:inline--->ie6에서 양측 간격 버그를 수정할 수 있습니다*/
.f_r{float: right ; 표시: 인라인;} /*오른쪽으로 부동*/
.clear{clear: 둘 다;} /*float 1 지우기*/
/*플로트 2 지우기*/
.clearfloat{
Zoom:1;
}
.clearfloat:after{
디스플레이: 블록;
클리어: 둘 다;
내용: "";
가시성: 숨김;
높이: 0;
}
.p_rel{위치: 상대;} /*상대 위치*/
.p_abs{위치: 절대;} /*절대 위치*/
.none{표시: 없음}
/*텍스트 크기 설정*/
.fs13{글꼴 크기: 13px;}
.fs14{글꼴 크기: 14px;}
.fs15{글꼴 크기: 15px;}
.fs16{글꼴 크기: 16px;}
.fs17{글꼴 크기: 17px;}
.fs18{글꼴 크기: 18px;}
.fs19{글꼴 크기: 19px; }
.fs20{글꼴 크기: 20px;}
.fs21{글꼴 크기: 21px;}
.fs22{글꼴 크기: 22px;}
.fs23{글꼴 크기: 23px;}
.fs24{글꼴 크기: 24px;}
.fbold{font-weight:bold;} /*Bold*/
.width100{width: 100%}
.m_center{margin: 0 auto;} /*가로 중심*/
/*상단 여백*/
.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{마진 상단: 4px;}
.mt5{마진 상단: 5px;}
.mt6{마진 상단: 6px;}
.mt7{마진 상단: 7px }
.mt8{마진 상단: 8px;}
.mt9{마진 상단: 9px;}
.mt10{마진 상단: 10px;}
.mt11{마진 상단: 11px ;}
.mt12{여백-상단: 12px;}
.mt13{여백-상단: 13px;}
.mt14{여백-상단: 14px;}
.mt15{여백-상단 : 15px;}
.mt16{마진 상단: 16px;}
.mt17{마진 상단: 17px;}
.mt18{마진 상단: 18px;}
.mt19{ 마진 -top: 19px;}
.mt20{margin-top: 20px;}
.mt21{margin-top: 21px;}
.mt22{margin-top: 22px;}
. {마진 상단: 23px;}
.mt24{마진 상단: 24px;}
.mt25{마진 상단: 25px;}
/*오른쪽 여백*/
.mr1{ margin-right:1px;}
.mr2{ margin-right:2px;}
.mr3{ margin-right:3px;}
.mr4{ margin-right:4px;}
.mr5{ margin-right:5px;}
.mr6{ margin-right:6px;}
.mr7{ margin-right:7px }
.mr8{ margin-right:8px;}
.mr9{ margin-right:9px;}
.mr10{ margin-right:10px;}
.mr11{ margin-right: 11px ;}
.mr12{ margin-right:12px;}
.mr13{ margin-right:13px;}
.mr14{ margin-right:14px;}
.mr15{ margin-right :15px;}
.mr16{ margin-right:16px;}
.mr17{ margin-right:17px;}
.mr18{ margin-right:18px;}
.mr19{ margin -right:19px;}
.mr20{ margin-right:20px;}
/*下外边距*/
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb4{ margin-bottom:4px;}
.mb5{ margin-bottom:5px;}
.mb6{ margin-bottom:6px;}
.mb7{ margin-bottom:7px; }
.mb8{ margin-bottom:8px;}
.mb9{ margin-bottom:9px;}
.mb10{ margin-bottom:10px;}
.mb11{ margin-bottom: 11px;}
.mb12{ margin-bottom:12px;}
.mb13{ margin-bottom:13px;}
.mb14{ margin-bottom:14px;}
.mb15{ margin- 하단:15px;}
.mb16{ margin-bottom:16px;}
.mb17{ margin-bottom:17px;}
.mb18{ margin-bottom:18px;}
.mb19{ margin-bottom:19px;}
.mb20{ margin-bottom:20px;}
/*左외부边距*/
.ml1{ margin-left:1px;}
.ml2{ margin-left:2px;}
.ml3{ margin-left:3px;}
.ml4{ margin-left:4px;}
.ml5{ margin-left:5px;}
.ml6{ margin-left:6px;}
.ml7{ margin-left:7px; }
.ml8{ margin-left:8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml11{ margin-left: 11px;}
.ml12{ margin-left:12px;}
.ml13{ margin-left:13px;}
.ml14{ margin-left:14px;}
.ml15{ margin- 왼쪽:15px;}
.ml16{ margin-left:16px;}
.ml17{ margin-left:17px;}
.ml18{ margin-left:18px;}
.ml19{ margin-left:19px;}
.ml20{ margin-left:20px;}
/*左외부边距*/
.ml1{ margin-left:1px;}
.ml2{ margin-left:2px;}
.ml3{ margin-left:3px;}
.ml4{ margin-left:4px ;}
.ml5{ margin-left:5px;}
.ml6{ margin-left:6px;}
.ml7{ margin-left:7px;}
.ml8{ margin-left :8px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml11{ margin-left:11px;}
.ml12{ margin -left:12px;}
.ml13{ margin-left:13px;}
.ml14{ margin-left:14px;}
.ml15{ margin-left:15px;}
.ml16 { margin-left:16px;}
.ml17{ margin-left:17px;}
.ml18{ margin-left:18px;}
.ml19{ margin-left:19px;}
.ml20{ 여백-왼쪽:20px;}
/*上下외부边距*/
.mtb1{ margin-top:1px; margin-bottom:1px;}
.mtb2{ margin-top:2px; margin-bottom:2px;}
.mtb3{ margin-top:3px; margin-bottom:3px;}
.mtb4{ margin-top:4px; margin-bottom:4px;}
.mtb5{ margin-top:5px; margin-bottom:5px;}
.mtb6{ margin-top:6px; margin-bottom:6px;}
.mtb7{ margin-top:7px; margin-bottom:7px;}
.mtb8{ margin-top:8px; margin-bottom:8px;}
.mtb9{ margin-top:9px; margin-bottom:9px;}
.mtb10{ margin-top:10px; margin-bottom:10px;}
.mtb11{ margin-top:11px; 마진-하단:11px;}
.mtb12{ 마진-상단:12px; 마진-하단:12px;}
.mtb13{ 마진-상단:13px; 마진-하단:13px;}
.mtb14{ 마진-상단:14px; 마진-하단:14px;}
.mtb15{ 마진-상단:15px; 마진-하단:15px;}
.mtb16{ 마진-상단:16px; 마진-하단:16px;}
.mtb17{ 마진-상단:17px; margin-bottom:17px;}
.mtb18{ margin-top:18px; 마진-하단:18px;}
.mtb19{ 마진-상단:19px; margin-bottom:19px;}
.mtb20{ margin-top:20px; 여백-하단:20px;}
/*左右외부边距*/
.mr0{ margin-right:0px;}
.mrl1{ margin-right:1px; 여백-왼쪽:1px;}
.mrl2{ 여백-오른쪽:2px; 여백-왼쪽:2px;}
.mrl3{ 여백-오른쪽:3px; 여백-왼쪽:3px;}
.mrl4{ 여백-오른쪽:4px; 여백-왼쪽:4px;}
.mrl5{ 여백-오른쪽:5px; 여백-왼쪽:5px;}
.mrl6{ 여백-오른쪽:6px; 여백-왼쪽:6px;}
.mrl7{ 여백-오른쪽:7px; 여백-왼쪽:7px;}
.mrl8{ 여백-오른쪽:8px; margin-left:8px;}
.mrl9{ margin-right:9px; margin-left:9px;}
.mrl10{ margin-right:10px; 여백-왼쪽:10px;}
.mrl11{ 여백-오른쪽:11px; 여백-왼쪽:11px;}
.mrl12{ 여백-오른쪽:12px; 여백-왼쪽:12px;}
.mrl13{ 여백-오른쪽:13px; 여백-왼쪽:13px;}
.mrl14{ 여백-오른쪽:14px; 여백-왼쪽:14px;}
.mrl15{ 여백-오른쪽:15px; 여백-왼쪽:15px;}
.mrl16{ 여백-오른쪽:16px; 여백-왼쪽:16px;}
.mrl17{ 여백-오른쪽:17px; 여백-왼쪽:17px;}
.mrl18{ 여백-오른쪽:18px; 여백-왼쪽:18px;}
.mrl19{ 여백-오른쪽:19px; 여백-왼쪽:19px;}
.mrl20{ 여백-오른쪽:20px; 여백-왼쪽:20px;}
/*上下左右외부边距*/
.margin1{ margin:1px;}
.margin2{ margin:2px;}
.margin3{ margin:3px;}
.margin4{ 여백:4px;}
.margin5{ 여백:5px;}
.margin6{ 여백:6px;}
.margin7{ 여백:7px;}
.margin8{ 여백:8px;}
.margin9{ 여백:9px;}
.margin10{ 여백:10px;}
.margin11{ 여백:11px;}
.margin12{ 여백:12px;}
.margin13{ 여백 :13px;}
.margin14{ 여백:14px;}
.margin15{ 여백:15px;}
.margin16{ 여백:16px;}
.margin17{ 여백:17px;}
.margin18{ 여백:18px;}
.margin19{ 여백:19px;}
.margin20{ 여백:20px;}
/*上内边距*/
.ptop1{ padding-top:1px;}
.ptop2{ padding-top:2px;}
.ptop3{ padding-top:3px;}
.ptop4{ padding-top:4px;}
.ptop5{ padding-top:5px;}
.ptop6{ padding-top:6px;}
.ptop7{ padding-top:7px ;}
.ptop8{ padding-top:8px;}
.ptop9{ padding-top:9px;}
.ptop10{ padding-top:10px;}
.ptop11{ padding-top :11px;}
.ptop12{ padding-top:12px;}
.ptop13{ padding-top:13px;}
.ptop14{ padding-top:14px;}
.ptop15{ 패딩 -top:15px;}
.ptop16{ padding-top:16px;}
.ptop17{ padding-top:17px;}
.ptop18{ padding-top:18px;}
.ptop19 { 패딩-탑:19px;}
.ptop20{ 패딩-탑:20px;}
/*右内边距*/
.pright1{ padding-right:1px;}
.pright2{ padding-right:2px;}
.pright3{ padding-right:3px;}
.pright4{ padding-right:4px;}
.pright5{ padding-right:5px;}
.pright6{ padding-right:6px;}
.pright7{ padding-right:7px ;}
.pright8{ padding-right:8px;}
.pright9{ padding-right:9px;}
.pright10{ padding-right:10px;}
.pright11{ padding-right :11px;}
.pright12{ padding-right:12px;}
.pright13{ padding-right:13px;}
.pright14{ padding-right:14px;}
.pright15{ 패딩 -right:15px;}
.pright16{ padding-right:16px;}
.pright17{ padding-right:17px;}
.pright18{ padding-right:18px;}
.pright19 { 패딩-오른쪽:19px;}
.pright20{ 패딩-오른쪽:20px;}
/*下内边距*/
.pb1{ padding-bottom:1px;}
.pb2{ padding-bottom:2px;}
.pb3{ padding-bottom:3px;}
.pb4{ 패딩 바닥:4px;}
.pb5{ 패딩 바닥:5px;}
.pb6{ 패딩 바닥:6px;}
.pb7{ 패딩 바닥:7px ;}
.pb8{ 패딩 바닥:8px;}
.pb9{ 패딩 바닥:9px;}
.pb10{ 패딩 바닥:10px;}
.pb11{ 패딩 바닥 :11px;}
.pb12{ 패딩 바닥:12px;}
.pb13{ 패딩 바닥:13px;}
.pb14{ 패딩 바닥:14px;}
.pb15{ 패딩 -bottom:15px;}
.pb16{ padding-bottom:16px;}
.pb17{ padding-bottom:17px;}
.pb18{ padding-bottom:18px;}
.pb19 { 패딩 바닥:19px;}
.pb20{ 패딩 바닥:20px;}
/*左内边距*/
.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl4{ padding-left:4px;}
.pl5{ padding-left:5px;}
.pl6{ padding-left:6px;}
.pl7{ padding-left:7px ;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl11{ padding-left :11px;}
.pl12{ padding-left:12px;}
.pl13{ padding-left:13px;}
.pl14{ padding-left:14px;}
.pl15{ padding -left:15px;}
.pl16{ padding-left:16px;}
.pl17{ padding-left:17px;}
.pl18{ padding-left:18px;}
.pl19 { padding-left:19px;}
.pl20{ padding-left:20px;}
/*上下内边距*/
.ptb1{padding-top:1px; 패딩 하단:1px}
.ptb2{패딩 상단:2px; 패딩 하단:2px}
.ptb3{패딩 상단:2px; 패딩 하단:3px}
.ptb4{패딩 상단:2px; 패딩 하단:4px}
.ptb5{패딩 상단:5px; 패딩 하단:5px}
.ptb6{패딩 상단:6px; 패딩 하단:6px}
.ptb7{패딩 상단:7px; 패딩 하단:7px}
.ptb8{패딩 상단:8px; 패딩 하단:8px}
.ptb9{패딩 상단:9px; padding-bottom:9px}
.ptb10{padding-top:10px; 패딩 하단:10px}
.ptb11{패딩 상단:11px; 패딩 하단:11px}
.ptb12{패딩 상단:12px; 패딩 하단:12px}
.ptb13{패딩 상단:13px; 패딩 하단:13px}
.ptb14{패딩 상단:14px; 패딩 하단:14px}
.ptb15{패딩 상단:15px; 패딩 하단:15px}
.ptb16{패딩 상단:16px; 패딩 하단:16px}
.ptb17{패딩 상단:17px; 패딩 하단:17px}
.ptb18{패딩 상단:18px; 패딩 하단:18px}
.ptb19{패딩 상단:19px; 패딩 하단:19px}
.ptb20{패딩 상단:20px; 패딩 바닥:20px;}
/*左右内边距*/
.prl1{ padding-left:1px; padding-right:1px;}
.prl2{ padding-left:2px; padding-right:2px;}
.prl3{ padding-left:3px; padding-right:3px;}
.prl4{ padding-left:4px; padding-right:4px;}
.prl5{ padding-left:5px; padding-right:5px;}
.prl6{ padding-left:6px; padding-right:6px;}
.prl7{ padding-left:7px; padding-right:7px;}
.prl8{ padding-left:8px; padding-right:8px;}
.prl9{ padding-left:9px; padding-right:9px;}
.prl10{ padding-left:10px; padding-right:10px;}
.prl11{ padding-left:11px; padding-right:11px;}
.prl12{ padding-left:12px; padding-right:12px;}
.prl13{ padding-left:13px; padding-right:13px;}
.prl14{ padding-left:14px; padding-right:14px;}
.prl15{ padding-left:15px; padding-right:15px;}
.prl16{ padding-left:16px; padding-right:16px;}
.prl17{ padding-left:17px; padding-right:17px;}
.prl18{ padding-left:18px; padding-right:18px;}
.prl19{ padding-left:19px; padding-right:19px;}
.prl20{ padding-left:20px; 패딩 오른쪽:20px;}
/*上下左右内边距*/
.padding1{ 패딩:1px;}
.padding2{ 패딩:2px;}
.padding3{ 패딩:3px;}
.padding4 { 패딩:4px;}
.padding5{ 패딩:5px;}
.padding6{ 패딩:6px;}
.padding7{ 패딩:7px;}
.padding8{ 패딩:8px;}
.padding9{ 패딩:9px;}
.padding10{ 패딩:10px;}
.padding11{ 패딩:11px;}
.padding12{ 패딩:12px;}
.padding13{ 패딩:13px;}
.padding14{ 패딩:14px;}
.padding15{ 패딩:15px;}
.padding16{ 패딩:16px;}
.padding17{ 패딩:17px;}
.padding18{ 패딩:18px;}
.padding19{ 패딩:19px;}
.padding20{ 패딩:20px;}
/*垂直居中*/
.v12{ 높이: 12px; 줄 높이: 12px; }
.v13{ 높이: 13px; 줄 높이: 13px; }
.v14{ 높이: 14px; 줄 높이: 14px; }
.v15{ 높이: 15px; 줄 높이: 15px; }
.v16{ 높이: 16px; 줄 높이: 16px; }
.v17{ 높이: 17px; 줄 높이: 17px; }
.v18{ 높이: 18px; 줄 높이: 18px; }
.v19{ 높이: 19px; 줄 높이: 19px; }
.v20{ 높이: 20px; 줄 높이: 20px; }
.v21{ 높이: 21px; 줄 높이: 21px; }
.v22{ 높이: 22px; 줄 높이: 22px; }
.v23{ 높이: 23px; 줄 높이: 23px; }
.v24{ 높이: 24px; 줄 높이: 24px; }
.v25{ 높이: 25px; 줄 높이: 25px; }
.v26{ 높이: 26px; 줄 높이: 26px; }
.v27{ 높이: 27px; 줄 높이: 27px; }
.v28{ 높이: 28px; 줄 높이: 28px; }
.v29{ 높이: 29px; 줄 높이: 29px; }
.v30{ 높이: 30px; 줄 높이: 30px; }
.v31{ 높이: 31px; 줄 높이: 31px; }
.v32{ 높이: 32px; 줄 높이: 32px; }
.v33{ 높이: 33px; 줄 높이: 33px; }
.v34{ 높이: 34px; 줄 높이: 34px; }
.v35{ 높이: 35px; 줄 높이: 35px; }
.v36{ 높이: 36px; 줄 높이: 36px; }
.v37{ 높이: 37px; 줄 높이: 37px; }
.v38{ 높이: 38px; 줄 높이: 38px; }
.v39{ 높이: 39px; 줄 높이: 39px; }
.v40{ 높이: 40px; 줄 높이: 40px; }
.v41{ 높이: 41px; 줄 높이: 41px; }
.v42{ 높이: 42px; 줄 높이: 42px; }
.v43{ 높이: 43px; 줄 높이: 43px; }
.v44{ 높이: 44px; 줄 높이: 44px; }
.v45{ 높이: 45px; 줄 높이: 45px; }
.v46{ 높이: 46px; 줄 높이: 46px; }
.v47{ 높이: 47px; 줄 높이: 47px; }
.v48{ 높이: 48px; 줄 높이: 48px; }
.v49{ 높이: 49px; 줄 높이: 49px; }
/*圆角*/
.borr1{ 테두리 반경: 1px }
.borr2{ 테두리 반경: 2px }
.borr3{ 테두리 반경: 3px }
.borr4 { 테두리 반경: 4px }
.borr5{ 테두리 반경: 5px }
.borr6{ 테두리 반경: 6px }
.borr7{ 테두리 반경: 7px }
.borr8{ 테두리 -반경: 8px }
.borr9{ 테두리 반경: 9px }
.borr10{ 테두리 반경: 10px }
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
