@charset "utf-8";

.mT35 {margin-top:35px;}

@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) {
 
}