article {
    width: 100%;
    margin: 0;
    padding: 80px 0px 120px 0px;
    font-size: 16px;
    background-color: white;
}

section {
    padding: 10px 20px;
    /*섹션 사이의 여백*/
}

/* 링크스타일 */
article a {
    font-size: inherit;  /*article에 설정된 폰트 사이즈와 동일*/
    color: inherit;
    text-decoration: none;
}

article a:hover {
    color: var(--main-pink-color);
}

article a:active {
    color: var(--main-green-color);
    text-decoration-color: var(--main-green-color);
}


/* 태그 */

.tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tag span {
    padding: 1px 7px;
    background-color: var(--main-light-grey-color);
    border: none;
    border-radius: 10px;
    margin-right:5px;
}

.tag span::before {
    content: '';
}

/* 줄 사이에 여백 주기 */
#section-1 > div {
    margin-bottom: 5px;
}

/* sns링크들 사이의 여백 주기 */
#section-1 > div a {
    margin-right : 10px;
}

/* 아이콘 옆에 여백 주기 */
.head-icon {
    color: var(--main-pink-color);
    margin-right : 10px;
}


/* contact에 들어가는 sns아이콘들 옆에 여백 주기 */
#section-1 .contact i:not(.fa-envelope){
    margin-right : 3px;
}

.contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



/* 제목(h1) */
.heading {
    margin-bottom: 30px;
    font-family: 'GangwonEdu_OTF_Light';
    font-weight: 700;
    font-size: 34px;
    color:var(--main-black-color);
}

/* 소제목(h2) */
.sub-heading {
    margin-bottom: 20px;
}


/* 타이틀 스타일*/
.highlight {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, var(--main-green-color) 50%);
    font-weight: bold;
    font-size: 20px;
    color:var(--main-black-color);
}


/* 리스트 스타일 */
ul {
    margin: 0;
    padding: 0px 20px;
    /*리스트 앞의 여백 없애기*/
}

section ul a:link{
    display:block;
    /*link클릭영역 확장*/
}

section li::marker {
    content: '✦ ';
    /*리스트의 dot종류 바꾸기*/
    color: pink;
}

.sub-program-list li,
.sub-poet-list li {
    padding-bottom: 0px;
    /*li요소 사이의 여백*/
}

.awards-list li,
.curriculum-list li {
    padding-bottom: 10px;
    /*li요소 사이의 여백*/
}



/* 프로그램목록,시인목록 링크스타일 */
.sub-program-list a,
.sub-poet-list a {
    font-size: inherit;
    color: inherit;
    text-decoration: 1px underline dotted;
    text-decoration-color: var(--main-pink-color);
    text-underline-offset: 4px;
    padding:10px 0px; /*클릭영역 넓게 주기*/
}



/* 저서 */
.work_list > a {
    text-decoration: none;
}

.work_list > a:hover {
    color:var(--main-pink-color);
    text-decoration: 1px underline solid;
}

.work_list > a:active {
    color:var(--main-green-color);
}

.book-box {
    border: 1px solid var(--main-black-color);
    /* 테두리 설정 */
    display: flex;
    margin: 5px 0px;
    /*box 사이의 여백*/
    padding: 20px;
}

.book-image {
    flex: 1;
    /* 이미지와 설명 영역의 비율 */
    padding-right: 30px;
    /* 이미지와 설명 사이의 공간 */
}

.book-description {
    flex: 3;
    /* 설명 영역이 이미지 영역보다 넓게 설정 */
    display: flex;
    /* 수직 중앙 정렬하기 */
    align-items: left;
    justify-content: center;
    flex-direction: column;
}

.book-image img {
    width: auto;
    height: 200px;
}

.book-title {
    font-weight: bold;
}

/* 강연(프로그램)목록 */
.program-comment-list {
    padding: 0;
}

.program-comment-list li::marker {
    content: none;
}

.program-comment-list li {
    padding: 0;
    margin: 30px 0px;
}


/* 참여후기 */
blockquote {
    margin:20px 0px 20px 25px;
    line-height: 1.6em;
    font-size: 16px;
}

blockquote::before {
    content: '\f10d';
    font-family: 'fontAwesome';
    font-size: 1.5em;
    color: var(--main-light-pink-color);
    float: left;
    margin: -5px 10px 0px -20px;
}


/* 프로그램 소개 */
.desc-label {
    font-size: 14px;
    color: var(--main-pink-color);
    font-weight: 700;
    margin-bottom: 5px;
}

.desc-answer {
    font-size: 14px;
}



/*image(활동사진)*/
img {
    width: 100%;
    height: auto;
    opacity: 0.9;
}

figure {
    margin:40px 0px;
}

figcaption {
    font-size: 14px;
    color:var(--main-middle-grey-color);
    margin-top: 3px;
    font-weight: 400;
}

figcaption::before {
    content: '\f105';
    font-family: 'fontAwesome';
    margin-right:5px;
}