@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) {
    /**/
    .box_list {}
    .box_list ul {float:left; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:78%; 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:72%;}
    .box_list ul:last-child::before {display:none;}
    .box_list ul:last-child::after {display:none;}

    .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:#1a3e35; border-radius:17px;}
    .box_list .list_T {font-weight:700;}

    .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%/6);}

    /**/
    .nv01_T {font-size:28px; font-weight:800; color:#1a3e35; letter-spacing:-0.55px; line-height:1.64;}
    .nv01_title {border-top:1px solid #979797; border-bottom:1px solid #979797;}
    .nv01_title .nv01_le {float:left; width:55%; padding:45px 0 35px 85px;}
    .nv01_title .nv01_le .nv01_ti {line-height:1.7; color:#302b27; letter-spacing:-0.4px; margin-top:20px}
    .nv01_title .nv01_le a {display:block; font-size:18px; font-weight:700; width:187px; margin-top:20px; bordeR:1px solid #175d53; letter-spacing:-0.36px; color:#175d53; padding:10px 20px; background-image:url(./img/more_off.png); background-repeat:no-repeat; background-position:93% center;}
    .nv01_title .nv01_le a:hover {background-color:#175d53; color:#fff; background-image:url(./img/more_on.png);}
    .nv01_title .nv01_ri {float:left; width:45%; height:368px; background-color:#eff6f4; background-image:url(./img/volunteer_title.png); background-repeat:no-repeat; background-position:center center;}

    /**/
    .nv01_ask {margin-top:85px; text-align:right;}
    .nv01_ask .nv01_ask_T {font-weight:800; color:#1a3e35; letter-spacing:-0.4px;}
    .nv01_ask .nv01_ask_ti {font-weight:700; color:#302b27; letter-spacing:-0.4px;}

    /**/
    .nv01_btn {font-size:25px; display:block; color:#175d53; font-family: 'NEXON Lv1 Gothic OTF'; font-weight:bold; width:250px; margin:0 auto; margin-top:95px; bordeR:1px solid #175d53; text-align:center; height:90px; line-height:90px; }
    .nv01_btn:hover {background-color:#175d53; color:#fff;}


    /**/
    .volunteer {width:1300px; margin:0 auto;}
    .volunteer .vlt_box {margin-top:90px;}

    .volunteer .vlt_box_01 {margin-top:15px;}
    .volunteer .vlt_box_01 ul {float:left; width:20%; padding:0 10px; text-align:center;}
    .volunteer .vlt_box_01 .vlt_b1_img {background-color:#eff6f4; border-radius:20px; padding:35px 0;}
    .volunteer .vlt_box_01 .vlt_b1_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; margin:20px 0 10px;}
    .volunteer .vlt_box_01 .vlt_b1_ti {font-size:18px; line-height:1.67; letter-spacing:-0.36px; color:#302b27;}
    .volunteer .vlt_box_01 .vlt_b1_ti_s {font-size:15px; line-height:1.4; letter-spacing:-0.3px; color:#2e4e1a;}

    .volunteer .vlt_box_02 {margin-top:15px;}
    .volunteer .vlt_box_02 .vlt_b2_top {background-color:#f5f5f5; border:1px solid #e3e3e3; padding:50px 20px;}
    .volunteer .vlt_box_02 .vlt_b2_top ul {float:left; width:calc(100%/6 - 20px); min-height:181px; margin:0 10px; background-color:#fff; border-radius:20px; text-align:center; padding:25px 0;}
    .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_num {font-weight:700; color:#fff; letter-spacing:-0.4px; width:47px; height:47px; line-height:47px; border-radius:50%; margin:0 auto; text-align:center; background-color:#1a3e35;}
    .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; line-height: 1.7; margin-top:15px;}
    .volunteer .vlt_box_02 .vlt_b2_bot {border:1px solid #e3e3e3; border-top:0; padding:45px 50px;}
    .volunteer .vlt_box_02 .vlt_b2_bot p {letter-spacing:-0.4px; line-height:1.7;}
    .volunteer .vlt_box_02 .vlt_b2_bot .vlt_b2b_T {font-weight:800; color:#1a3e35; margin-bottom:12px;}






}

@media (max-width:1499px) and (min-width:1100px) {
    /**/
    .box_list {}
    .box_list ul {float:left; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:78%; 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:72%;}
    .box_list ul:last-child::before {display:none;}
    .box_list ul:last-child::after {display:none;}

    .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:#1a3e35; border-radius:17px;}
    .box_list .list_T {font-weight:700;}

    .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%/6);}

    /**/
    .nv01_T {font-size:26px; font-weight:800; color:#1a3e35; letter-spacing:-0.55px; line-height:1.64;}
    .nv01_title {border-top:1px solid #979797; border-bottom:1px solid #979797;}
    .nv01_title .nv01_le {float:left; width:55%; padding:45px 0 35px 45px;}
    .nv01_title .nv01_le .nv01_ti {line-height:1.7; color:#302b27; letter-spacing:-0.4px; margin-top:20px}
    .nv01_title .nv01_le a {display:block; font-size:17px; font-weight:700; width:187px; margin-top:20px; bordeR:1px solid #175d53; letter-spacing:-0.36px; color:#175d53; padding:10px 20px; background-image:url(./img/more_off.png); background-repeat:no-repeat; background-position:93% center;}
    .nv01_title .nv01_le a:hover {background-color:#175d53; color:#fff; background-image:url(./img/more_on.png);}
    .nv01_title .nv01_ri {float:left; width:45%; height:368px; background-color:#eff6f4; background-image:url(./img/volunteer_title.png); background-repeat:no-repeat; background-position:center center;}

    /**/
    .nv01_ask {margin-top:85px; text-align:right;}
    .nv01_ask .nv01_ask_T {font-weight:800; color:#1a3e35; letter-spacing:-0.4px;}
    .nv01_ask .nv01_ask_ti {font-weight:700; color:#302b27; letter-spacing:-0.4px;}

    /**/
    .nv01_btn {font-size:23px; display:block; color:#175d53; font-family: 'NEXON Lv1 Gothic OTF'; font-weight:bold; width:250px; margin:0 auto; margin-top:95px; bordeR:1px solid #175d53; text-align:center; height:90px; line-height:90px; }
    .nv01_btn:hover {background-color:#175d53; color:#fff;}


    /**/
    .volunteer {width:93%; margin:0 auto;}
    .volunteer .vlt_box {margin-top:90px;}

    .volunteer .vlt_box_01 {margin-top:15px;}
    .volunteer .vlt_box_01 ul {float:left; width:20%; padding:0 10px; text-align:center;}
    .volunteer .vlt_box_01 .vlt_b1_img {background-color:#eff6f4; border-radius:20px; padding:35px 0;}
    .volunteer .vlt_box_01 .vlt_b1_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; margin:20px 0 10px;}
    .volunteer .vlt_box_01 .vlt_b1_ti {font-size:17px; line-height:1.67; letter-spacing:-0.36px; color:#302b27;}
    .volunteer .vlt_box_01 .vlt_b1_ti_s {font-size:15px; line-height:1.4; letter-spacing:-0.3px; color:#2e4e1a;}

    .volunteer .vlt_box_02 {margin-top:15px;}
    .volunteer .vlt_box_02 .vlt_b2_top {background-color:#f5f5f5; border:1px solid #e3e3e3; padding:50px 20px;}
    .volunteer .vlt_box_02 .vlt_b2_top ul {float:left; width:calc(100%/6 - 20px); min-height:181px; margin:0 10px; background-color:#fff; border-radius:20px; text-align:center; padding:25px 0;}
    .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_num {font-weight:700; color:#fff; letter-spacing:-0.4px; width:47px; height:47px; line-height:47px; border-radius:50%; margin:0 auto; text-align:center; background-color:#1a3e35;}
    .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; line-height: 1.7; margin-top:15px;}
    .volunteer .vlt_box_02 .vlt_b2_bot {border:1px solid #e3e3e3; border-top:0; padding:45px 50px;}
    .volunteer .vlt_box_02 .vlt_b2_bot p {letter-spacing:-0.4px; line-height:1.7;}
    .volunteer .vlt_box_02 .vlt_b2_bot .vlt_b2b_T {font-weight:800; color:#1a3e35; margin-bottom:12px;}




}

@media (max-width:1099px) and (min-width:780px) {
    /**/
    .box_list {}
    .box_list ul {float:left; text-align:center; position:relative;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:72%; 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:64%;}
    .box_list ul:last-child::before {display:none;}
    .box_list ul:last-child::after {display:none;}

    .box_list .list_img {width:90px; margin:0 auto;}
    .box_list .list_img img {width:100%;}
    .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:#1a3e35; border-radius:17px;}
    .box_list .list_T {font-weight:700;}

    .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%/6);}

    /**/
    .nv01_T {font-size:24px; font-weight:800; color:#1a3e35; letter-spacing:-0.55px; line-height:1.64;}
    .nv01_title {border-top:1px solid #979797; border-bottom:1px solid #979797;}
    .nv01_title .nv01_le {float:none; width:100%; padding:45px 45px 35px;}
    .nv01_title .nv01_le .nv01_ti {line-height:1.7; color:#302b27; letter-spacing:-0.4px; margin-top:20px}
    .nv01_title .nv01_le a {display:block; font-size:17px; font-weight:700; width:187px; margin-top:20px; bordeR:1px solid #175d53; letter-spacing:-0.36px; color:#175d53; padding:10px 20px; background-image:url(./img/more_off.png); background-repeat:no-repeat; background-position:93% center;}
    .nv01_title .nv01_le a:hover {background-color:#175d53; color:#fff; background-image:url(./img/more_on.png);}
    .nv01_title .nv01_ri {display:none;}

    /**/
    .nv01_ask {margin-top:65px; text-align:right;}
    .nv01_ask .nv01_ask_T {font-weight:800; color:#1a3e35; letter-spacing:-0.4px;}
    .nv01_ask .nv01_ask_ti {font-weight:700; color:#302b27; letter-spacing:-0.4px;}

    /**/
    .nv01_btn {font-size:20px; display:block; color:#175d53; font-family: 'NEXON Lv1 Gothic OTF'; font-weight:bold; width:250px; margin:0 auto; margin-top:65px; bordeR:1px solid #175d53; text-align:center; height:70px; line-height:70px; }
    .nv01_btn:hover {background-color:#175d53; color:#fff;}


    /**/
    .volunteer {width:93%; margin:0 auto;}
    .volunteer .vlt_box {margin-top:90px;}

    .volunteer .vlt_box_01 {margin-top:15px;}
    .volunteer .vlt_box_01 ul {float:left; width:33.33%; min-height:360px; padding:0 10px; text-align:center; margin:15px 0;}
    .volunteer .vlt_box_01 .vlt_b1_img {background-color:#eff6f4; border-radius:20px; padding:35px 0;}
    .volunteer .vlt_box_01 .vlt_b1_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; margin:20px 0 10px;}
    .volunteer .vlt_box_01 .vlt_b1_ti {font-size:17px; line-height:1.67; letter-spacing:-0.36px; color:#302b27;}
    .volunteer .vlt_box_01 .vlt_b1_ti_s {font-size:15px; line-height:1.4; letter-spacing:-0.3px; color:#2e4e1a;}

    .volunteer .vlt_box_02 {margin-top:15px;}
    .volunteer .vlt_box_02 .vlt_b2_top {background-color:#f5f5f5; border:1px solid #e3e3e3; padding:50px 20px;}
    .volunteer .vlt_box_02 .vlt_b2_top ul {float:left; width:calc(100%/3 - 20px); min-height:181px; margin:10px; background-color:#fff; border-radius:20px; text-align:center; padding:25px 0;}
    .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_num {font-weight:700; color:#fff; letter-spacing:-0.4px; width:47px; height:47px; line-height:47px; border-radius:50%; margin:0 auto; text-align:center; background-color:#1a3e35;}
    .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; line-height: 1.7; margin-top:15px;}
    .volunteer .vlt_box_02 .vlt_b2_bot {border:1px solid #e3e3e3; border-top:0; padding:45px 50px;}
    .volunteer .vlt_box_02 .vlt_b2_bot p {letter-spacing:-0.4px; line-height:1.7;}
    .volunteer .vlt_box_02 .vlt_b2_bot .vlt_b2b_T {font-weight:800; color:#1a3e35; margin-bottom:12px;}

}

@media (max-width:779px) {
    /**/
    .box_list {}
    .box_list ul {float:left; text-align:center; position:relative; min-height:180px;}
    .box_list ul::before {content:''; width:100%; height:1px; background-color:#d5d5d5; position:absolute; left:100%; top:72%; 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:64%;}
    .box_list ul:last-child::before {display:none;}
    .box_list ul:last-child::after {display:none;}

    .box_list .list_img {width:90px; margin:0 auto;}
    .box_list .list_img img {width:100%;}
    .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:#1a3e35; border-radius:17px;}
    .box_list .list_T {font-weight:700;}

    .list_3ea ul {width:calc(100%/2);}
    .list_4ea ul {width:calc(100%/2);}
    .list_5ea ul {width:calc(100%/2);}
    .list_6ea ul {width:calc(100%/2);}
    
    .box_list.list_3ea ul:nth-child(2n)::before,
    .box_list.list_3ea ul:nth-child(2n)::after { display:none;}
    .box_list.list_4ea ul:nth-child(2n)::before,
    .box_list.list_4ea ul:nth-child(2n)::after { display:none;}
    .box_list.list_5ea ul:nth-child(2n)::before,
    .box_list.list_5ea ul:nth-child(2n)::after { display:none;}
    .box_list.list_6ea ul:nth-child(2n)::before,
    .box_list.list_6ea ul:nth-child(2n)::after { display:none;}

    /**/
    .nv01_T {font-size:22px; font-weight:800; color:#1a3e35; letter-spacing:-0.55px; line-height:1.64;}
    .nv01_title {border-top:1px solid #979797; border-bottom:1px solid #979797;}
    .nv01_title .nv01_le {float:none; width:100%; padding:45px 45px 35px;}
    .nv01_title .nv01_le .nv01_ti {line-height:1.7; color:#302b27; letter-spacing:-0.4px; margin-top:20px}
    .nv01_title .nv01_le a {display:block; font-size:16px; font-weight:700; width:187px; margin-top:20px; bordeR:1px solid #175d53; letter-spacing:-0.36px; color:#175d53; padding:10px 20px; background-image:url(./img/more_off.png); background-repeat:no-repeat; background-position:93% center;}
    .nv01_title .nv01_le a:hover {background-color:#175d53; color:#fff; background-image:url(./img/more_on.png);}
    .nv01_title .nv01_ri {display:none;}

    /**/
    .nv01_ask {margin-top:65px; text-align:right;}
    .nv01_ask .nv01_ask_T {font-weight:800; color:#1a3e35; letter-spacing:-0.4px;}
    .nv01_ask .nv01_ask_ti {font-weight:700; color:#302b27; letter-spacing:-0.4px;}

    /**/
    .nv01_btn {font-size:18px; display:block; color:#175d53; font-family: 'NEXON Lv1 Gothic OTF'; font-weight:bold; width:250px; margin:0 auto; margin-top:65px; bordeR:1px solid #175d53; text-align:center; height:70px; line-height:70px; }
    .nv01_btn:hover {background-color:#175d53; color:#fff;}

 
     /**/
     .volunteer {width:93%; margin:0 auto;}
     .volunteer .vlt_box {margin-top:90px;}
 
     .volunteer .vlt_box_01 {margin-top:15px;}
     .volunteer .vlt_box_01 ul {float:left; width:33.33%; min-height:360px; padding:0 10px; text-align:center; margin:15px 0;}
     .volunteer .vlt_box_01 .vlt_b1_img {background-color:#eff6f4; border-radius:20px; padding:35px 0;}
     .volunteer .vlt_box_01 .vlt_b1_img img {width:85%;}
     .volunteer .vlt_box_01 .vlt_b1_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; margin:20px 0 10px;}
     .volunteer .vlt_box_01 .vlt_b1_ti {font-size:16px; line-height:1.67; letter-spacing:-0.36px; color:#302b27;}
     .volunteer .vlt_box_01 .vlt_b1_ti_s {font-size:15px; line-height:1.4; letter-spacing:-0.3px; color:#2e4e1a;}
 
     .volunteer .vlt_box_02 {margin-top:15px;}
     .volunteer .vlt_box_02 .vlt_b2_top {background-color:#f5f5f5; border:1px solid #e3e3e3; padding:50px 20px;}
     .volunteer .vlt_box_02 .vlt_b2_top ul {float:left; width:calc(100%/2 - 20px); min-height:181px; margin:10px; background-color:#fff; border-radius:20px; text-align:center; padding:25px 0;}
     .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_num {font-weight:700; color:#fff; letter-spacing:-0.4px; width:47px; height:47px; line-height:47px; border-radius:50%; margin:0 auto; text-align:center; background-color:#1a3e35;}
     .volunteer .vlt_box_02 .vlt_b2_top .vlt_b2_T {font-weight:700; color:#302b27; letter-spacing:-0.4px; line-height: 1.7; margin-top:15px;}
     .volunteer .vlt_box_02 .vlt_b2_bot {border:1px solid #e3e3e3; border-top:0; padding:35px;}
     .volunteer .vlt_box_02 .vlt_b2_bot p {letter-spacing:-0.4px; line-height:1.7;}
     .volunteer .vlt_box_02 .vlt_b2_bot .vlt_b2b_T {font-weight:800; color:#1a3e35; margin-bottom:12px;}

}

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

    .volunteer .vlt_box_01 ul {float:none; width:100%; min-height:auto; padding:0 10px; text-align:center; margin:15px 0;}
    .volunteer .vlt_box_01 .vlt_b1_img {background-color:#eff6f4; border-radius:20px; padding:15px 0;}
    .volunteer .vlt_box_01 .vlt_b1_img img {width:120px;}

    .volunteer .vlt_box_02 .vlt_b2_top {background-color:#f5f5f5; border:1px solid #e3e3e3; padding:20px 10px;}
    .volunteer .vlt_box_02 .vlt_b2_top ul {float:left; width:calc(100%/2 - 10px); min-height:181px; margin:10px 5px; background-color:#fff; border-radius:20px; text-align:center; padding:15px 0;}
}