/* BASIC css start */
footer#footer{margin-top:0;}



.m_sec1 { width: 1100px; max-width: 1280px; min-height: 400px; margin: 100px auto 120px auto;  font-family: 'Noto Sans KR', sans-serif; }

/*TITLE*/
.m_title { width: 100%; height: auto;}
.m_title h2 {  font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #000; font-weight: bold; text-align: start; line-height: 30px; }
.m_title p { font-size: 24px; margin: 21px 0 65px 0;  }


/*LIST*/
.m_list {  width: 100%; height: auto;  }

/*TOP*/
.m_cont { width: 100%; }
.m_list { width: 100%; height: auto; display: flex; }
.m_list .m_li { width: 25%; background-color: #fff; margin: 0; padding: 20px 0; cursor: pointer;
                display: flex; flex-direction: column; align-items: center; justify-content: center;
                border-top: 1px solid #F2F2F2;  border-bottom: 1px solid #F2F2F2;  border-left: 1px solid #F2F2F2;
}
.m_list .m_li:nth-child(4) { border-right: 1px solid #F2F2F2;}

.m_li img { width: 53px; height: auto; line-height: 47px; border-radius: 50%; text-align: center;  font-size: 20px; margin: 0; }
.m_li p {  font-family: 'Jost', sans-serif;  font-size: 20px; margin-bottom: 10px; font-weight: 700; margin: 10px 0 3px 0;}
.m_li span { font-size: 14px; text-align: center; font-weight: 300; }


/*desc*/
.m_contents { width: 100%; border: 1px solid #F2F2F2; border-top: 0;  background-color: #F2F2F2; padding: 40px 0;}
.pro1 { width: 95%; height: auto; margin: 0 auto; background-color: #fff;  border-bottom: 1px solid #DFE4EA;
        display: flex; flex-direction: column; }

/*1¹øÁÙÁÙ*/
.m_box {  height: 95px;  width: 100%;  display: flex;border-top: 1px solid #DFE4EA;  }
.m_text1, .m_text2, .m_text3 { display: flex; justify-content: center; align-items: center;  }

    .m_text1 { width: 20%;  border-left: 1px solid #DFE4EA; background-color: #F2F2F2; }
    .m_text2 { width: 25%;  border-right: 1px solid #DFE4EA;  line-height: 22px;}
    .m_text3 { width: 55%;  border-right: 1px solid #DFE4EA; line-height: 22px;justify-content: flex-start; }

    .m_text1 h5 { font-weight: 400; font-size: 18px; text-align: center; }
    .m_text2 p { font-weight: 400; font-size: 18px; text-align: center; color: #202020; }
    .m_text2 p .m_span { font-size: 14px; color: #000; }
    .m_text3 p { font-weight: 400; font-size: 14px;  text-align: start; color: #555555;  margin-left: 20px;   }

.m_box .r_font {color: #FF0000 !important; font-weight: 500; }


.p_active { background-color: #F2F2F2 !important;}
.hidden { display: none; }

/*bot_text*/
.m_bottom { width: 100%; height: auto; margin-top: 70px; }
.m_bottom h4 { font-size: 18px; margin-bottom: 25px;}
.m_bottom p { font-size: 14px; color: #555555; line-height: 160%;}





/* BASIC css end */

