/*2020.08.19 2020년 2호 페이지 별 스타일은 여기에*/
@charset "utf-8";

/* activity 9-1 2020 CPI Partner Organization Orientation */
.activity-9-1 .bg-color {
    background-color: #e4e7eb;
}
.activity-9-1 p {
    max-width:750px; margin:0 auto;
}
.activity-9-1 .tbl-1 td {
    width:15%;
    text-align:center;
}
.activity-9-1 .tbl-1 td:nth-child(odd) {
    background-color: #f9fafc;
}
.activity-9-1 .tbl-1 {
    text-align:center;
    margin-bottom: 40px;
}

.activity-9-1 .tbl-1 h3 {
    margin-bottom:15px;
    color:#7c98bd;
}

#article.activity-9-1 table th{
    background:#7c98bd;
}



/* CPI Notice */
/*h2*/
.notice-9-1 h3 {
    text-align:center;
    margin-bottom:20px;
    font-weight:100;
    font-size:24px;
 
}
.notice-9-1 h3 span {
    display:inline-block;
    position:relative;
}
.notice-9-1 h3 span::before {
    content:"";
    height:14px;
    position: absolute;
    bottom:-2px;
    left:-4px;
    right:-4px;
    background-color: #dff2ff;
}

.notice-9-1 .bg-color h3 span::before {
    background-color: #fff;
}

.notice-9-1 h3 span em {
    font-style:normal;
    color:#1069a9;
    position:relative;

}
/*스케쥴*/
.notice-9-1 .bg-color {
    background-color:#dff2ff;
}
.notice-9-1 .schedule {
    display:flex;
    justify-content:space-between
}

.notice-9-1 .schedule li {
    width:23%;
    background-color:#ffd66f;
    border:3px solid #333;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    position:relative;
    border-radius:3px;
    color:#1d1922;
    font-weight:bold;
}
.notice-9-1 .schedule li::after {
    content:"";
    width: 43px;
    height:30px;
    display:block;
    position:absolute;
    z-index:9;
    right:0;
    transform:translateX(100%);
    background-image:url(../img/04_news/09/arrow.png);
    background-size:contain;
    background-repeat:no-repeat;
}

.notice-9-1 .schedule li:nth-child(odd) {
    background-color:#6fc3ff;
}

.notice-9-1 .schedule li:nth-child(odd)::after {
    background-image:url(../img/04_news/09/arrow_2.png);
}
.notice-9-1 .schedule li:nth-child(4)::after {
    content:none;
}

.notice-9-1 .schedule li span {
    font-size:14px;
}

/*테이블*/
#article.notice-9-1 thead th {
    background-color:#1069a9;
}
#article.notice-9-1 tbody th {
   background-color:#eff7fc;
    color:#1069a9; 
}
#article.notice-9-1 td li {
    margin-bottom:10px;
}
#article.notice-9-1 td li span {
    display:inline-block;
    padding:5px;
    background-color: #eff7fc;
    border-radius:3px;
    line-height:1;
}


#article.notice-9-1 .tbl-1 tbody tr th:first-child {
    width:10px;  
}
#article.notice-9-1 .tbl-1 tbody tr td:last-child {
    width:35%;
}
#article.notice-9-1 .tbl-2 tbody th {
    width:auto;
}
#article.notice-9-1 .tbl-2 table {
    margin-left:auto;
    margin-right:auto;
}


/*숫자 있는 리스트*/
.notice-9-1 ol {
    list-style:decimal-leading-zero;
    padding-left:30px;
    
}

.notice-9-1 .method-2 {
    max-width:750px;
    margin:20px auto;
    border:3px double #e6e093;
    padding:35px 35px 35px 3em;
    background-color: #fffbcc;
    color:#000000;
    text-align:left;
}

.notice-9-1 .method-2 li:not(:last-child) {
    margin-bottom:16px;
}

.notice-9-1 p~p {
    margin-top:12px;
}

/*참가자 의무*/
.notice-9-1 .task {
    list-style:square;
    max-width:600px; margin:0 auto;
}

.notice-9-1 .task li {
    margin-bottom:10px;
    text-align:left;
}