@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;}

@media (min-width:1500px) {

    .history {width:1250px; margin:0 auto; margin-bottom:180px;}
    .history .his_T {font-size:35px; font-weight:500; text-align:center; position: relative;}
    .history .his_T::before {content:''; width:1px; height:40px; background-color:#ccc; position:absolute; left:50%; bottom:-55px;}
    .history .his_T::after {content:''; width:10px; height:10px; border-radius:50%; background-color:#436690; border:4px solid #eaeaea; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%);}
    
    .history_box {border:1px solid #ccc; background-color:#f9fcff; border-radius:20px; padding:0 21px; margin-top:55px;}
    .history_box .his_1_year {padding:50px 0; border-bottom:1px solid #d8d8d8;}
    .history_box .his_1_year:last-child {border-bottom:0;}
    .history_box .his_1_year .his_le {float:left; font-size:30px; color:#436690; font-weight:600; width:17%; text-align:center;}
    .history_box .his_1_year .his_ri {float:left; width:83%; padding-right:50px;}
    .history_box .his_1_year .his_ri ul+ul {margin:10px 0;}
    .history_box .his_1_year .his_ri li {float:left;}
    .history_box .his_1_year .his_ri .his_month {width:130px; font-weight:500; padding:5px; border-radius:23.5px; background-color:#436690; color:#fff; text-align:center;}
    .history_box .his_1_year .his_ri .his_ti {width:calc(100% - 130px); padding:5px 0 5px 15px;}

}

@media (max-width:1499px) and (min-width:1100px) {

    .history {width:96%; margin:0 auto; margin-bottom:180px;}
    .history .his_T {font-size:30px; font-weight:500; text-align:center; position: relative;}
    .history .his_T::before {content:''; width:1px; height:40px; background-color:#ccc; position:absolute; left:50%; bottom:-55px;}
    .history .his_T::after {content:''; width:10px; height:10px; border-radius:50%; background-color:#436690; border:4px solid #eaeaea; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%);}
    
    .history_box {border:1px solid #ccc; background-color:#f9fcff; border-radius:20px; padding:0 21px; margin-top:55px;}
    .history_box .his_1_year {padding:50px 0; border-bottom:1px solid #d8d8d8;}
    .history_box .his_1_year:last-child {border-bottom:0;}
    .history_box .his_1_year .his_le {float:left; font-size:28px; color:#436690; font-weight:600; width:17%; text-align:center;}
    .history_box .his_1_year .his_ri {float:left; width:83%; padding-right:50px;}
    .history_box .his_1_year .his_ri ul+ul {margin:10px 0;}
    .history_box .his_1_year .his_ri li {float:left;}
    .history_box .his_1_year .his_ri .his_month {width:130px; font-weight:500; padding:5px; border-radius:23.5px; background-color:#436690; color:#fff; text-align:center;}
    .history_box .his_1_year .his_ri .his_ti {width:calc(100% - 130px); padding:5px 0 5px 15px;}

}

@media (max-width:1099px) and (min-width:780px) {
    .history {width:96%; margin:0 auto; margin-bottom:180px;}
    .history .his_T {font-size:28px; font-weight:500; text-align:center; position: relative;}
    .history .his_T::before {content:''; width:1px; height:40px; background-color:#ccc; position:absolute; left:50%; bottom:-55px;}
    .history .his_T::after {content:''; width:10px; height:10px; border-radius:50%; background-color:#436690; border:4px solid #eaeaea; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%);}
    
    .history_box {border:1px solid #ccc; background-color:#f9fcff; border-radius:20px; padding:0 21px; margin-top:55px;}
    .history_box .his_1_year {padding:50px 0; border-bottom:1px solid #d8d8d8;}
    .history_box .his_1_year:last-child {border-bottom:0;}
    .history_box .his_1_year .his_le {float:left; font-size:26px; color:#436690; font-weight:600; width:17%; text-align:center;}
    .history_box .his_1_year .his_ri {float:left; width:83%; padding-right:50px;}
    .history_box .his_1_year .his_ri ul+ul {margin:10px 0;}
    .history_box .his_1_year .his_ri li {float:left;}
    .history_box .his_1_year .his_ri .his_month {width:135px; font-weight:500; padding:5px; border-radius:23.5px; background-color:#436690; color:#fff; text-align:center;}
    .history_box .his_1_year .his_ri .his_ti {width:calc(100% - 135px); padding:5px 0 5px 15px;}
}

@media (max-width:779px) {
    .history {width:96%; margin:0 auto; margin-bottom:180px;}
    .history .his_T {font-size:24px; font-weight:500; text-align:center; position: relative;}
    .history .his_T::before {content:''; width:1px; height:40px; background-color:#ccc; position:absolute; left:50%; bottom:-55px;}
    .history .his_T::after {content:''; width:10px; height:10px; border-radius:50%; background-color:#436690; border:4px solid #eaeaea; position:absolute; bottom:-25px; left:50%; transform:translateX(-50%);}
    
    .history_box {border:1px solid #ccc; background-color:#f9fcff; border-radius:20px; padding:0 21px; margin-top:55px;}
    .history_box .his_1_year {padding:35px 0; border-bottom:1px solid #d8d8d8;}
    .history_box .his_1_year:last-child {border-bottom:0;}
    .history_box .his_1_year .his_le {float:none; font-size:22px; color:#436690; font-weight:600; width:100%; text-align:center; margin-bottom:20px;}
    .history_box .his_1_year .his_ri {float:none; width:100%; padding-right:0px;}
    .history_box .his_1_year .his_ri ul+ul {margin:10px 0;}
    .history_box .his_1_year .his_ri li {float:left;}
    .history_box .his_1_year .his_ri .his_month {width:120px; font-weight:500; padding:5px; border-radius:23.5px; background-color:#436690; color:#fff; text-align:center;}
    .history_box .his_1_year .his_ri .his_ti {width:calc(100% - 120px); padding:5px 0 5px 15px;}
}

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