@charset "utf-8";

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

.point {position:relative; padding-left:15px;}
.point::before {content:''; width:11px; height:11px; border-radius:50%; background-color:#d8d8d8; position:absolute; left:0; top:8px;}
.point + .point {margin-top:8px;}




@media (min-width:1500px) {

    .mission {width:1300px; margin:0 auto; background-image:url(./img/mission.png); background-repeat:no-repeat; background-size:100%;}

    .mission .ms_box_01 {padding-top:50px;}
    .mission .ms_box_01 .ms_b1_le {float:left; width:33.333333%;}
    .mission .ms_box_01 .ms_b1_ri {float:right; width:33.333333%;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_top {background-color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_top {background-color:#274456;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_bot span {color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_bot span {color:#274456;}
    .mission .ms_box_01 .ms_b1 {border:1px solid #e5e5e5;}
    .mission .ms_box_01 .ms_b1_top {text-align:center; font-weight:800; color:#fff; padding:10px 0;}
    .mission .ms_box_01 .ms_b1_bot {text-align:center; padding:25px 0; line-height:1.63;}
    .mission .ms_box_01 .ms_b1_bot span {font-size:24px; font-weight:800; letter-spacing:-0.48px;}


    .mission .ms_box_02 {margin-top:180px; text-align:center;}
    .mission .ms_box_02 .ms_b2_Tit {font-weight:800; color:#fff; background-color:#1a3e35; width:224px; margin:0 auto; padding:10px 0;}
    .mission .ms_box_02 .ms_b2 {margin-top:50px; background-color:#fff; border:1px solid #c7c7c7; padding:50px 0;}
    .mission .ms_box_02 .ms_b2 ul {float:left; width:33.333333%; border-right:1px solid #c7c7c7;}
    .mission .ms_box_02 .ms_b2 ul:last-child {border-right:0;}
    .mission .ms_box_02 .ms_b2 .ms_b2_T {font-size:23px; font-weight:800; letter-spacing:-0.46px;}
    .mission .ms_box_02 .ms_b2 .ms_b2_ti {color:#302b27; letter-spacing:-0.4px;}

   .mission .ms_box_02 .ms_b2 .ms_b2_1 .ms_b2_T {color:#1a3e35;}
   .mission .ms_box_02 .ms_b2 .ms_b2_2 .ms_b2_T {color:#041235;}
   .mission .ms_box_02 .ms_b2 .ms_b2_3 .ms_b2_T {color:#274456;}





    /**/
    .box_list ul {float:left; min-height:290px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:63%; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:59%;}

    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:18px; letter-spacing:-0.4px;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/3);}
    .list_7ea ul {width:calc(100%/4);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(3n)::before, 
    .list_6ea ul:nth-child(3n)::after{display:none;}
    .list_7ea ul:nth-child(4n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(4n)::after, .list_7ea ul:last-child::after {display:none;}
}

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

    .mission {width:93%; margin:0 auto; background-image:url(./img/mission.png); background-repeat:no-repeat; background-size:100%;}

    .mission .ms_box_01 {padding-top:50px;}
    .mission .ms_box_01 .ms_b1_le {float:left; width:33.333333%;}
    .mission .ms_box_01 .ms_b1_ri {float:right; width:33.333333%;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_top {background-color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_top {background-color:#274456;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_bot span {color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_bot span {color:#274456;}
    .mission .ms_box_01 .ms_b1 {border:1px solid #e5e5e5;}
    .mission .ms_box_01 .ms_b1_top {text-align:center; font-weight:800; color:#fff; padding:10px 0;}
    .mission .ms_box_01 .ms_b1_bot {text-align:center; padding:25px 0; line-height:1.63;}
    .mission .ms_box_01 .ms_b1_bot span {font-size:22px; font-weight:800; letter-spacing:-0.48px;}


    .mission .ms_box_02 {margin-top:13%; text-align:center;}
    .mission .ms_box_02 .ms_b2_Tit {font-weight:800; color:#fff; background-color:#1a3e35; width:224px; margin:0 auto; padding:10px 0;}
    .mission .ms_box_02 .ms_b2 {margin-top:50px; background-color:#fff; border:1px solid #c7c7c7; padding:50px 0;}
    .mission .ms_box_02 .ms_b2 ul {float:left; width:33.333333%; border-right:1px solid #c7c7c7;}
    .mission .ms_box_02 .ms_b2 ul:last-child {border-right:0;}
    .mission .ms_box_02 .ms_b2 .ms_b2_T {font-size:21px; font-weight:800; letter-spacing:-0.46px;}
    .mission .ms_box_02 .ms_b2 .ms_b2_ti {color:#302b27; letter-spacing:-0.4px;}

    .mission .ms_box_02 .ms_b2 .ms_b2_1 .ms_b2_T {color:#1a3e35;}
    .mission .ms_box_02 .ms_b2 .ms_b2_2 .ms_b2_T {color:#041235;}
    .mission .ms_box_02 .ms_b2 .ms_b2_3 .ms_b2_T {color:#274456;}



    /**/
    .box_list ul {float:left; min-height:290px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:63%; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:59%;}

    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:17px; letter-spacing:-0.4px;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/3);}
    .list_7ea ul {width:calc(100%/4);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(3n)::before, 
    .list_6ea ul:nth-child(3n)::after{display:none;}
    .list_7ea ul:nth-child(4n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(4n)::after, .list_7ea ul:last-child::after {display:none;}
}

@media (max-width:1099px) and (min-width:780px) {

    .mission {width:93%; margin:0 auto; background-image:url(./img/mission.png); background-repeat:no-repeat; background-size:100%;}

    .mission .ms_box_01 {padding-top:50px;}
    .mission .ms_box_01 .ms_b1_le {float:left; width:33.333333%;}
    .mission .ms_box_01 .ms_b1_ri {float:right; width:33.333333%;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_top {background-color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_top {background-color:#274456;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_bot span {color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_bot span {color:#274456;}
    .mission .ms_box_01 .ms_b1 {border:1px solid #e5e5e5;}
    .mission .ms_box_01 .ms_b1_top {text-align:center; font-weight:800; color:#fff; padding:10px 0;}
    .mission .ms_box_01 .ms_b1_bot {text-align:center; padding:25px 0; line-height:1.63;}
    .mission .ms_box_01 .ms_b1_bot span {font-size:20px; font-weight:800; letter-spacing:-0.48px;}


    .mission .ms_box_02 {margin-top:10%; text-align:center;}
    .mission .ms_box_02 .ms_b2_Tit {font-weight:800; color:#fff; background-color:#1a3e35; width:224px; margin:0 auto; padding:10px 0;}
    .mission .ms_box_02 .ms_b2 {margin-top:50px; background-color:#fff; border:1px solid #c7c7c7; padding:50px 0;}
    .mission .ms_box_02 .ms_b2 ul {float:left; width:33.333333%; border-right:1px solid #c7c7c7;}
    .mission .ms_box_02 .ms_b2 ul:last-child {border-right:0;}
    .mission .ms_box_02 .ms_b2 .ms_b2_T {font-size:19px; font-weight:800; letter-spacing:-0.46px;}
    .mission .ms_box_02 .ms_b2 .ms_b2_img img {width:180px;}
    .mission .ms_box_02 .ms_b2 .ms_b2_ti {color:#302b27; letter-spacing:-0.4px;}

    .mission .ms_box_02 .ms_b2 .ms_b2_1 .ms_b2_T {color:#1a3e35;}
    .mission .ms_box_02 .ms_b2 .ms_b2_2 .ms_b2_T {color:#041235;}
    .mission .ms_box_02 .ms_b2 .ms_b2_3 .ms_b2_T {color:#274456;}
 




    /**/
    .box_list ul {float:left; min-height:290px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:135px; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:121px;}

    .box_list .list_img img {width:100px;}
    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:17px; letter-spacing:-0.4px;}
    .box_list .list_ti br {display:none;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/3);}
    .list_7ea ul {width:calc(100%/4);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(3n)::before, 
    .list_6ea ul:nth-child(3n)::after{display:none;}
    .list_7ea ul:nth-child(4n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(4n)::after, .list_7ea ul:last-child::after {display:none;}
}

@media (max-width:779px) {
    .mission {width:93%; margin:0 auto; background-image:none;}

    .mission .ms_box_01 {}
    .mission .ms_box_01 .ms_b1_le {float:none; width:100%;}
    .mission .ms_box_01 .ms_b1_ri {float:none; width:100%; margin-top:25px;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_top {background-color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_top {background-color:#274456;}
    .mission .ms_box_01 .ms_b1_le .ms_b1_bot span {color:#041235;}
    .mission .ms_box_01 .ms_b1_ri .ms_b1_bot span {color:#274456;}
    .mission .ms_box_01 .ms_b1 {border:1px solid #e5e5e5;}
    .mission .ms_box_01 .ms_b1_top {text-align:center; font-weight:800; color:#fff; padding:10px 0;}
    .mission .ms_box_01 .ms_b1_bot {text-align:center; padding:25px 0; line-height:1.63;}
    .mission .ms_box_01 .ms_b1_bot span {font-size:20px; font-weight:800; letter-spacing:-0.48px;}


    .mission .ms_box_02 {margin-top:25px; text-align:center;}
    .mission .ms_box_02 .ms_b2_Tit {font-weight:800; color:#fff; background-color:#1a3e35; width:100%; margin:0 auto; padding:10px 0;}
    .mission .ms_box_02 .ms_b2 {background-color:#fff; border:1px solid #c7c7c7; padding:20px 0;}
    .mission .ms_box_02 .ms_b2 ul {float:left; width:33.333333%; min-height:290px; border-right:1px solid #c7c7c7;}
    .mission .ms_box_02 .ms_b2 ul:last-child {border-right:0;}
    .mission .ms_box_02 .ms_b2 .ms_b2_T {font-size:19px; font-weight:800; letter-spacing:-0.46px;}
    .mission .ms_box_02 .ms_b2 .ms_b2_img img {width:80%;}
    .mission .ms_box_02 .ms_b2 .ms_b2_ti {color:#302b27; letter-spacing:-0.4px;}

    .mission .ms_box_02 .ms_b2 .ms_b2_1 .ms_b2_T {color:#1a3e35;}
    .mission .ms_box_02 .ms_b2 .ms_b2_2 .ms_b2_T {color:#041235;}
    .mission .ms_box_02 .ms_b2 .ms_b2_3 .ms_b2_T {color:#274456;}

    



    /**/
    .box_list ul {float:left; min-height:260px; margin:15px 0; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:135px; transform:translateX(-50%); z-index: -1;}
    .box_list ul::after {content:''; width:28px; height:28px;background-image:url(./img/list-go.png); background-repeat:no-repeat; position:absolute; right:-14px; top:121px;}

    .box_list .list_img img {width:100px;}
    .box_list .list_step {font-size:16px; color:#fff; font-weight:800; width:115px; margin:20px auto 10px; padding:3px 0; text-align:center; background-color:#274456; border-radius:17px;}
    .box_list .list_T {font-weight:700;}
    .box_list .list_ti {font-size:16px; letter-spacing:-0.4px;}
    .box_list .list_ti br {display:none;}

    .list_3ea ul {width:calc(100%/3);}
    .list_4ea ul {width:calc(100%/4);}
    .list_5ea ul {width:calc(100%/5);}
    .list_6ea ul {width:calc(100%/2);}
    .list_7ea ul {width:calc(100%/2);}

    .list_3ea ul:last-child::before,
    .list_3ea ul:last-child::after {display:none;}
    .list_4ea ul:last-child::before,
    .list_4ea ul:last-child::after {display:none;}
    .list_5ea ul:last-child::before,
    .list_5ea ul:last-child::after {display:none;}
    .list_6ea ul:nth-child(2n)::before, 
    .list_6ea ul:nth-child(2n)::after{display:none;}
    .list_7ea ul:nth-child(2n)::before, .list_7ea ul:last-child::before,
    .list_7ea ul:nth-child(2n)::after, .list_7ea ul:last-child::after {display:none;}
}

/* 추가 */
@media (max-width:500px) {
    .mission .ms_box_02 .ms_b2 {background-color:#fff; border:1px solid #c7c7c7; padding:0 20px;}
    .mission .ms_box_02 .ms_b2 ul {float:none; width:100%; min-height:auto; border-right:0; border-bottom:1px solid #c7c7c7; padding:30px 0;}
    .mission .ms_box_02 .ms_b2 ul:last-child {border-bottom:0;}
    .mission .ms_box_02 .ms_b2 .ms_b2_img img {width:130px;}
}