@charset "utf-8";

/* 경기천년제목 */
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 나눔스퀘어 */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.mT25 {margin-top:25px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT60 {margin-top:60px;}
.mT80 {margin-top:80px;}
.mT100 {margin-top:100px;}

@media (min-width:1500px) {
    .program {width:1250px; margin:0 auto; margin-bottom:155px;}
    .program .pgr_ti {font-size:17px; letter-spacing:-0.34px; color:#636363; text-align:center; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .program .pgr_arrow {font-size:18px; text-align:center;}

    .program .pgr_box_01 li {float:left; width:19%; height:86px; margin:0.5%; border:1px solid #e1e1e1; text-align:center; position:relative;}
    .program .pgr_box_01 a {font-size:19px; letter-spacing:-0.38px; width:100%; line-height:1.42; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .program .pgr_box_01 li.on {background-color:#4197bd;}
    .program .pgr_box_01 li.on a { color:#fff; font-weight:800;}

    .program .pgr_box_02 {margin-top:110px;}
    .program .pgr_box_02 .pgr_v_T {font-size:30px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .program .pgr_box_02 .pgr_v_T::before {content:''; width:8px; height:36px; border-radius:4px; background-color:#4197bd; display:inline-block; margin-right:6px; position:relative; top:10px;}

    .program .pgr_box_02 .scroll {margin-top:20px;}
}

@media (max-width:1499px) and (min-width:1100px) {
    .program {width:96%; margin:0 auto; margin-bottom:155px;}
    .program .pgr_ti {font-size:17px; letter-spacing:-0.34px; color:#636363; text-align:center; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .program .pgr_arrow {font-size:18px; text-align:center;}

    .program .pgr_box_01 li {float:left; width:19%; height:86px; margin:0.5%; border:1px solid #e1e1e1; text-align:center; position:relative;}
    .program .pgr_box_01 a {font-size:19px; letter-spacing:-0.38px; width:100%; line-height:1.42; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .program .pgr_box_01 li.on {background-color:#4197bd;}
    .program .pgr_box_01 li.on a { color:#fff; font-weight:800;}

    .program .pgr_box_02 {margin-top:110px;}
    .program .pgr_box_02 .pgr_v_T {font-size:30px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .program .pgr_box_02 .pgr_v_T::before {content:''; width:8px; height:36px; border-radius:4px; background-color:#4197bd; display:inline-block; margin-right:6px; position:relative; top:10px;}

    .program .pgr_box_02 .scroll {margin-top:20px;}

}

@media (max-width:1099px) and (min-width:780px) {
    .program {width:96%; margin:0 auto; margin-bottom:155px;}
    .program .pgr_ti {font-size:17px; letter-spacing:-0.34px; color:#636363; text-align:center; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .program .pgr_arrow {font-size:18px; text-align:center;}

    .program .pgr_box_01 li {float:left; width:24%; height:86px; margin:0.5%; border:1px solid #e1e1e1; text-align:center; position:relative;}
    .program .pgr_box_01 a {font-size:18px; letter-spacing:-0.38px; width:100%; line-height:1.42; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .program .pgr_box_01 li.on {background-color:#4197bd;}
    .program .pgr_box_01 li.on a { color:#fff; font-weight:800;}

    .program .pgr_box_02 {margin-top:110px;}
    .program .pgr_box_02 .pgr_v_T {font-size:26px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .program .pgr_box_02 .pgr_v_T::before {content:''; width:8px; height:36px; border-radius:4px; background-color:#4197bd; display:inline-block; margin-right:6px; position:relative; top:10px;}

    .program .pgr_box_02 .scroll {margin-top:20px;}

    
}

@media (max-width:779px) {
    .program {width:96%; margin:0 auto; margin-bottom:155px;}
    .program .pgr_ti {font-size:16px; letter-spacing:-0.34px; color:#636363; text-align:center; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .program .pgr_arrow {font-size:18px; text-align:center;}

    .program .pgr_box_01 li {float:left; width:32.333333%; height:86px; margin:0.5%; border:1px solid #e1e1e1; text-align:center; position:relative;}
    .program .pgr_box_01 a {font-size:18px; letter-spacing:-0.38px; width:100%; line-height:1.42; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .program .pgr_box_01 li.on {background-color:#4197bd;}
    .program .pgr_box_01 li.on a { color:#fff; font-weight:800;}

    .program .pgr_box_02 {margin-top:110px;}
    .program .pgr_box_02 .pgr_v_T {font-size:26px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .program .pgr_box_02 .pgr_v_T::before {content:''; width:8px; height:36px; border-radius:4px; background-color:#4197bd; display:inline-block; margin-right:6px; position:relative; top:10px;}

    .program .pgr_box_02 .scroll {margin-top:20px; overflow-x:scroll;}


}

/* 추가 */
@media (max-width:500px) {

    .program .pgr_box_01 li {float:left; width:49%; height:86px; margin:0.5%; border:1px solid #e1e1e1; text-align:center; position:relative;}
}