h2::first-letter {font-size: 130%;}             /*제목 첫글자 키움*/
h1, h2{ font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif;       /*제목 폰트*/
    color: #111111;}
header {text-align : center;
       background-color: white;}     /*제목 가운데 정렬*/

    body { background-color: #f1f3f5;       /*바디 폰트,배경*/
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    color: #333333;
    line-height: 1.5;
    font-size: 16px;
    }

    nav a {font-size: 120%;     /*목차 스타일*/
            display: block;}
    nav li:hover{ background-color: lightcyan;}
    nav ul {
        list-style: none;
        padding-left: 1px;
         margin: 0;}
    nav ul li {
    border: 1px solid black;
    padding: 5px 7px;
    margin-bottom: 3px;
    background-color: white;}   /*목차 스타일 끝*/


    a {text-decoration: none;       /*링크 밑줄, 색*/
        color: #17a589;}

    footer a { font-size: 120%;}

    ins {background-color: yellow;}   /*밑줄 폰트 강조*/



footer {border: 1px solid #cccccc;         /*섹션 별 박스*/
    border-radius: 8px;
    padding: 10px;
   background-color: antiquewhite;}

article {border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 10px;
margin-bottom: 20px;}

h4{color:darkred;}

/* 전체 스타일 */
body {
    margin: 0;
    padding: 0;}


nav {width: 20%;
    float: left;}

section {width: 78%;        /*구간 나누기*/
        float: right;}

footer {clear: both;
        text-align: center;}