@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) {
    
    .mission {width:1250px; margin:0 auto; margin-bottom:160px;}
    .mission .mis_T {font-size:30px; font-family: 'GyeonggiTitleM'; line-height:1;}
    .mission .mis_sub_T {font-family:'Nanum Gothic', sans-serif; color:#9d9d9d;}

    .mission .mis_box_01 {border:1px solid #436690; border-radius:20px; position:relative; padding:60px 0; text-align:center;}
    .mission .mis_box_01 .mis_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_01 .mis_Tit {font-size:34px; font-family: 'GyeonggiTitleM'; color:#436690;}
    .mission .mis_box_01 .mis_tit {font-size:22px; font-family: 'GyeonggiTitleM'; font-weight:400; margin-top:15px;}

    .mission .mis_box_02 {margin-top:35px; position:relative;}
    .mission .mis_box_02 .mis_txt {background-image:url(./img/arrow.png); background-repeat:no-repeat; width:471px; margin:0 auto; padding:80px 0;  text-align:center;}
    .mission .mis_box_02 .mis_b2_box ul {float:left; width:25%; text-align:center;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color {font-size:22px; font-family:'Nanum Gothic', sans-serif; font-weight:700; color:#fff; padding:25px 0; border-radius:47px; width:120%; left:-30px; position:relative; margin-top:65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color::before {content:''; display:block; width:1px; height:45px; margin:10px auto; border-left:1px dashed #979797; position:absolute; left:50%; top:-65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color01 {background-color:#00c7c7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color02 {background-color:#00a3f5; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color03 {background-color:#397bd7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color04 {background-color:#436690; opacity:0.9;}

    .mission .mis_box_03 {margin-top:150px; border:1px solid #a2a2a2; background-color:#fdfdfd; border-radius:20px; padding:50px 50px 0; position:relative;}
    .mission .mis_box_03 .mis_txt {background-image:url(./img/title_point2.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_03 .mis_b3_box {border-bottom:2px dashed #979797; padding:50px 30px;}
    .mission .mis_box_03 .mis_b3_box:last-child {border-bottom:0;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_T {font-size:22px; font-family:'Nanum Gothic', sans-serif; font-weight:800; margin-bottom:20px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul {margin-top:10px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul li {float:left;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_num {font-size:15px; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:25px; width:25px; height:25px; margin-right:15px; border-radius:50%; text-align:center;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_ti {width:calc(100% - 40px); line-height:1.4;} 

    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_T {color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_txt .mis_b3_num {background-color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_T {color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_txt .mis_b3_num {background-color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_T {color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_txt .mis_b3_num {background-color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_T {color:#37a75b;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_txt .mis_b3_num {background-color:#37a75b;}

}

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

    .mission {width:96%; margin:0 auto; margin-bottom:160px;}
    .mission .mis_T {font-size:30px; font-family: 'GyeonggiTitleM'; line-height:1;}
    .mission .mis_sub_T {font-family:'Nanum Gothic', sans-serif; color:#9d9d9d;}

    .mission .mis_box_01 {border:1px solid #436690; border-radius:20px; position:relative; padding:60px 0; text-align:center;}
    .mission .mis_box_01 .mis_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_01 .mis_Tit {font-size:34px; font-family: 'GyeonggiTitleM'; color:#436690;}
    .mission .mis_box_01 .mis_tit {font-size:22px; font-family: 'GyeonggiTitleM'; font-weight:400; margin-top:15px;}

    .mission .mis_box_02 {margin-top:35px; position:relative;}
    .mission .mis_box_02 .mis_txt {background-image:url(./img/arrow.png); background-repeat:no-repeat; width:471px; margin:0 auto; padding:80px 0;  text-align:center;}
    .mission .mis_box_02 .mis_b2_box ul {float:left; width:25%; text-align:center;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color {font-size:22px; font-family:'Nanum Gothic', sans-serif; font-weight:700; color:#fff; padding:25px 0; border-radius:47px; width:120%; left:-30px; position:relative; margin-top:65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color::before {content:''; display:block; width:1px; height:45px; margin:10px auto; border-left:1px dashed #979797; position:absolute; left:50%; top:-65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color01 {background-color:#00c7c7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color02 {background-color:#00a3f5; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color03 {background-color:#397bd7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color04 {background-color:#436690; opacity:0.9;}

    .mission .mis_box_03 {margin-top:150px; border:1px solid #a2a2a2; background-color:#fdfdfd; border-radius:20px; padding:50px 50px 0; position:relative;}
    .mission .mis_box_03 .mis_txt {background-image:url(./img/title_point2.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_03 .mis_b3_box {border-bottom:2px dashed #979797; padding:50px 30px;}
    .mission .mis_box_03 .mis_b3_box:last-child {border-bottom:0;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_T {font-size:22px; font-family:'Nanum Gothic', sans-serif; font-weight:800; margin-bottom:20px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul {margin-top:10px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul li {float:left;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_num {font-size:15px; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:25px; width:25px; height:25px; margin-right:15px; border-radius:50%; text-align:center;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_ti {width:calc(100% - 40px); line-height:1.4;} 

    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_T {color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_txt .mis_b3_num {background-color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_T {color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_txt .mis_b3_num {background-color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_T {color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_txt .mis_b3_num {background-color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_T {color:#37a75b;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_txt .mis_b3_num {background-color:#37a75b;}
}

@media (max-width:1099px) and (min-width:780px) {
  
    .mission {width:96%; margin:0 auto; margin-bottom:160px;}
    .mission .mis_T {font-size:26px; font-family: 'GyeonggiTitleM'; line-height:1;}
    .mission .mis_sub_T {font-family:'Nanum Gothic', sans-serif; color:#9d9d9d;}

    .mission .mis_box_01 {border:1px solid #436690; border-radius:20px; position:relative; padding:60px 0; text-align:center;}
    .mission .mis_box_01 .mis_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_01 .mis_Tit {font-size:30px; font-family: 'GyeonggiTitleM'; color:#436690;}
    .mission .mis_box_01 .mis_tit {font-size:20px; font-family: 'GyeonggiTitleM'; font-weight:400; margin-top:15px;}

    .mission .mis_box_02 {margin-top:35px; position:relative;}
    .mission .mis_box_02 .mis_txt {background-image:url(./img/arrow.png); background-repeat:no-repeat; width:471px; margin:0 auto; padding:80px 0;  text-align:center;}
    .mission .mis_box_02 .mis_b2_box ul {float:left; width:25%; text-align:center;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color {font-size:20px; font-family:'Nanum Gothic', sans-serif; font-weight:700; color:#fff; padding:25px 0; border-radius:47px; width:100%; left:0; position:relative; margin-top:65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color::before {content:''; display:block; width:1px; height:45px; margin:10px auto; border-left:1px dashed #979797; position:absolute; left:50%; top:-65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color01 {background-color:#00c7c7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color02 {background-color:#00a3f5; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color03 {background-color:#397bd7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color04 {background-color:#436690; opacity:0.9;}

    .mission .mis_box_03 {margin-top:150px; border:1px solid #a2a2a2; background-color:#fdfdfd; border-radius:20px; padding:35px 35px 0; position:relative;}
    .mission .mis_box_03 .mis_txt {background-image:url(./img/title_point2.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_03 .mis_b3_box {border-bottom:2px dashed #979797; padding:50px 30px;}
    .mission .mis_box_03 .mis_b3_box:last-child {border-bottom:0;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_T {font-size:20px; font-family:'Nanum Gothic', sans-serif; font-weight:800; margin-bottom:20px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul {margin-top:10px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul li {float:left;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_num {font-size:15px; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:25px; width:25px; height:25px; margin-right:15px; border-radius:50%; text-align:center;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_ti {width:calc(100% - 40px); line-height:1.4;} 

    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_T {color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_txt .mis_b3_num {background-color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_T {color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_txt .mis_b3_num {background-color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_T {color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_txt .mis_b3_num {background-color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_T {color:#37a75b;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_txt .mis_b3_num {background-color:#37a75b;}
}

@media (max-width:779px) {
    .mission {width:96%; margin:0 auto; margin-bottom:160px;}
    .mission .mis_T {font-size:22px; font-family: 'GyeonggiTitleM'; line-height:1;}
    .mission .mis_sub_T {font-family:'Nanum Gothic', sans-serif; color:#9d9d9d;}

    .mission .mis_box_01 {border:1px solid #436690; border-radius:20px; position:relative; padding:60px 0; text-align:center;}
    .mission .mis_box_01 .mis_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_01 .mis_Tit {font-size:22px; font-family: 'GyeonggiTitleM'; color:#436690;}
    .mission .mis_box_01 .mis_tit {font-size:18px; font-family: 'GyeonggiTitleM'; font-weight:400; margin-top:15px;}

    .mission .mis_box_02 {margin-top:35px; position:relative;}
    .mission .mis_box_02 .mis_txt {background-image:url(./img/arrow.png); background-repeat:no-repeat; background-size:100%; width:80%; margin:0 auto; padding:80px 0;  text-align:center;}
    .mission .mis_box_02 .mis_b2_box ul {float:left; width:50%; text-align:center; margin:20px auto;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color {font-size:18px; font-family:'Nanum Gothic', sans-serif; font-weight:700; color:#fff; padding:25px 0; border-radius:47px; width:100%; left:0; position:relative; margin-top:65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color::before {content:''; display:block; width:1px; height:45px; margin:10px auto; border-left:1px dashed #979797; position:absolute; left:50%; top:-65px;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color01 {background-color:#00c7c7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color02 {background-color:#00a3f5; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color03 {background-color:#397bd7; opacity:0.9;}
    .mission .mis_box_02 .mis_b2_box .mis_b2_color.color04 {background-color:#436690; opacity:0.9;}

    .mission .mis_box_03 {margin-top:150px; border:1px solid #a2a2a2; background-color:#fdfdfd; border-radius:20px; padding:30px 30px 0; position:relative;}
    .mission .mis_box_03 .mis_txt {background-image:url(./img/title_point2.jpg); background-repeat:no-repeat; position:absolute; width:201px; left:50%; top:-35px; transform:translateX(-50%); text-align:center;}
    .mission .mis_box_03 .mis_b3_box {border-bottom:2px dashed #979797; padding:25px;}
    .mission .mis_box_03 .mis_b3_box:last-child {border-bottom:0;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_T {font-size:18px; font-family:'Nanum Gothic', sans-serif; font-weight:800; margin-bottom:20px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul {margin-top:10px;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt ul li {float:left;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_num {font-size:15px; color:#fff; font-family:'Nanum Gothic', sans-serif; line-height:25px; width:25px; height:25px; margin-right:15px; border-radius:50%; text-align:center;}
    .mission .mis_box_03 .mis_b3_box .mis_b3_txt .mis_b3_ti {width:calc(100% - 40px); line-height:1.4;} 

    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_T {color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_01 .mis_b3_txt .mis_b3_num {background-color:#436690;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_T {color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_02 .mis_b3_txt .mis_b3_num {background-color:#33a8d6;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_T {color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_03 .mis_b3_txt .mis_b3_num {background-color:#3bb7a2;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_T {color:#37a75b;}
    .mission .mis_box_03 .mis_b3_box.mb3_04 .mis_b3_txt .mis_b3_num {background-color:#37a75b;}

}

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