@charset "UTF-8";


/* 웹폰트 연결 */

@import url('//cdn.jsdelivr.net/gh/snz-hayden/toolo/fonts/nanum_squareround/nanum_squareround.css');


/* 기본 설정 및 레이아웃 */

.sr-only {
    width: 1px;
    height: 1px;
    opacity: 0;
    color: rgba(0,0,0,0);
    position: absolute;
    top: -9999em;
    left: -9999em;
    text-indent: -9999em;
}

.campaign-wrap {
    margin: 0 auto;
    max-width: 1920px;
}

.campaign-wrap section>div {
    background-position: center center;
}


/* floating-banner */

.camp-floating-banner {
    cursor: pointer;
    width: 169px;
    height: 305px;
    background-image: url(../images/floating-banner-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    top: 10%;
    right: 2.7%;
    z-index: 99;
    transition: all .25s ease-in-out;
}

.camp-floating-banner > a {display:block;width:100%;height:100%}

.camp-floating-banner:hover {
    background-image: url(../images/floating-banner-bg-2.png);
}


/* cont01 : 인트로 영역 */

.cont01 {
    height: 649px;
    min-height: 649px;
    background-image: url(../images/cont01_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cont01 .cont01_wrap {
    position: relative;
    width: 1359px;
    height: 649px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}


/* cont02 : 후원 영상 영역 */

.cont02 {
    height: 694px;
    min-height: 694px;
    background-color: #275744;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.cont02 .cont02_wrap {
    position: relative;
    width: 1359px;
    height: 694px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chomoong {
    position: absolute;
    bottom: 5%;
    right: 1.5%;
}

.yt-area {
    position: relative;
    width:852px;
    height: 480px;
    border-radius: 20px;
}

.yt-area > .yt-box {
    border-radius: 20px;
    border: 5px solid #fff;
    width: 100%;
    height: 480px;
    box-shadow: 4.5px 7.794px 31.36px 0.64px rgba(0, 0, 0, 0.36);
}

.yt-area > .yt-box > iframe {
    border-radius: 15px;
}

/* 
.yt-area > .yt-box.video_fixed {
    position: fixed;
    bottom: 70px;
    right: 1%;
    width: 320px;
    height: 180px;
    z-index: 99999;
    box-shadow: rgba(0,0,0,0.2) 9px 9px 20px 2px;
    padding-top: 0;
    border: 5px solid #009465;
}

.yt-area > .yt-box iframe {
    box-sizing: border-box;
}

.btn-yt-close {
    position:fixed;
    bottom:270px;
    right:1%;
    z-index:9999;
    opacity:0;
    cursor:pointer;
    width:auto;
}

.btn-yt-close.btn-yt-close-on {
    opacity:1
} */


/* cont03 : 초록우산 나눔가게 소개 및 사진 */

.cont03 {
    position: relative;
    height: 973px;
    min-height: 973px;
    background-image: url(../images/cont03_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.cont03 .cont03_title {
    display: block;
    padding-top: 100px;
}

.cont03 .cont03_cont {
    display: block;
    height: 450px;
    min-height: 450px;
    margin-top: 72px;
}

.banner_wraper {
    position: absolute;
    height: 450px;
    width: 1920px;
    overflow: hidden;
}

.banner_wraper img{
    position: absolute;
    width: auto;
    height: 450px;
}


/* cont04 : 초록우산 나눔가게 후원자분들의 이야기 */

.cont04 {
    position: relative;
    height: 1047px;
    min-height: 1047px;
    background-color: #fff;
}

.cont04 .cont04_wrap {
    position: relative;
    width: 1359px;
    height: 1047px;
    margin: 0 auto;
}

.cont04 .cont04_wrap .cont04_title {
    display: block;
    margin-top: 80px;
}

.cont04 .cont04_slick {
    position: relative;
    display: block;
    margin: 0 auto;
}

.cont04 .cont04_slick > div {
    display: block;
    box-sizing: border-box;
}

.cont04 .cont04_slick .slick-slide {
    display: block;
    width: 100%;
    height: 550px;
    margin-top: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .5s ease-in-out;
}

.cont04 .cont04_slick .cont04_slick01 {
    background-image: url(../images/cont04_slick01.png);
}

.cont04 .cont04_slick .cont04_slick01:hover {
    background-image: url(../images/cont04_slick01_on.png);
}

.cont04 .cont04_slick .cont04_slick02 {
    background-image: url(../images/cont04_slick02.png);
}

.cont04 .cont04_slick .cont04_slick02:hover {
    background-image: url(../images/cont04_slick02_on.png);
}

.cont04 .cont04_slick .cont04_slick03 {
    background-image: url(../images/cont04_slick03.png);
}

.cont04 .cont04_slick .cont04_slick03:hover {
    background-image: url(../images/cont04_slick03_on.png);
}

.cont04 .cont04_slick .slick-arrow {
    position: absolute;
    width: 58px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10;
    font-size: 0;
    text-indent: -9999px;
}

.cont04 .cont04_slick .slick-prev {
    background-image: url(../images/arrow_left.png);
    left: 1168px;
    top: 525px;
}

.cont04 .cont04_slick .slick-next {
    background-image: url(../images/arrow_right.png);
    right: 62px;
    top: 525px;
}

.cont04 .cont04_slick .slick-dots {
    position: absolute;
    bottom: -88px;
    left: 50%;
    transform: translateX(-50%);
}

.cont04 .cont04_slick .slick-dots li {
    display: inline-block;
    font-size: 0;
    border: 0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    background-color: #D6D6D6;
    margin-right: 46px;
}

.cont04 .cont04_slick .slick-dots li:last-child {
    margin-right: 0;
}

.cont04 .cont04_slick .slick-dots li.slick-active {
    background-color: #008351;
}


/* cont05 : 나눔가게 후원자 리스트 및 사진 */

.cont05 {
    height: 556px;
    min-height: 556px;
    background-image: url(../images/cont05_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cont05 .cont05_wrap {
    width: 1359px;
    height: 556px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* cont06 : 나눔가게 메시지 및 후원 유의사항 안내 */

.cont06 {
    height: 1119px;
    min-height: 1119px;
    background-image: url(../images/cont06_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cont06 .cont06_wrap {
    position: relative;
    width: 1359px;
    height: 1119px;
    margin: 0 auto;
}

.cont06 .cont06_wrap .cont06_text {
    display: block;
    padding-top: 150px;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 1.5;
}

.cont06 .cont06_wrap .cont06_text .text01 {
    font-size: 32px;
}

.cont06 .cont06_wrap .cont06_text .text01 strong, .cont06 .cont06_wrap .cont06_text .text03 strong {
    color: #055A3A;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
}

.cont06 .cont06_wrap .cont06_text .text02 {
    display: block;
    padding-top: 90px;
    text-align: right;
    font-size: 30px;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    color: #343434;
    line-height: 1.6;
}

.cont06 .cont06_wrap .cont06_text .text03 {
    display: block;
    font-size: 38px;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    text-align: right;
    margin-top: 10px;
}

.cont06 .cont06_wrap .cont06_btn {
    display: block;
    text-align: right;
    margin-top: 10px;
}

.cont06 .cont06_wrap .cont06_btn > div {
    display: inline-block;
    width: 432px;
    height: 155px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    font-size: 0;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.cont06 .cont06_wrap .cont06_btn > div > a {display:block;width:100%;height:100%}

.cont06 .cont06_wrap .cont06_btn .btn01 {
    background-image: url(../images/cont06_btn01.png);
    margin-right: 33px;
}

.cont06 .cont06_wrap .cont06_btn .btn01:hover {
    background-image: url(../images/cont06_btn01_on.png);
}

.cont06 .cont06_wrap .cont06_btn .btn02 {
    background-image: url(../images/cont06_btn02.png);
}

.cont06 .cont06_wrap .cont06_btn .btn02:hover {
    background-image: url(../images/cont06_btn02_on.png);
}

.cont06 .cont06_wrap .cont06_notice_wrap {
    display: flex;
    justify-content: end;
}

.cont06 .cont06_wrap .cont06_notice {
    display: block;
    margin-top: 56px;
    width: 790px;
    background-color: rgba(22,39,33,0.08);
    border-radius: 20px;
    color: #152720;
    padding: 44px 56px;
}

.cont06 .cont06_wrap .cont06_notice h5 {
    display: inline-block;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 28px;
    line-height: 1.25;
    vertical-align: middle;
}

.cont06 .cont06_wrap .cont06_notice ul {
    display: inline-block;
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: -.025em;
    vertical-align: middle;
    margin-left: 66px;
}

.cont06 .cont06_wrap .cont06_notice ul li {
    position: relative;
    margin-bottom: 14px;
}

.cont06 .cont06_wrap .cont06_notice ul li:last-child {
    margin-bottom: 0;
}

.cont06 .cont06_wrap .cont06_notice ul li strong {
    font-weight: 600;
}

.cont06 .cont06_wrap .cont06_notice ul li::before {
    position: absolute;
    content: "";
    top: 8px;
    left: -16px;
    width: 5px;
    height: 5px;
    background-color: #152720;
}


/* cont07 : 나눔가게 패키지 안내 */

.cont07 {
    position: relative;
    height: 617px;
    min-height: 617px;
    background-color: #FFFAEE;
    /* padding-top: 34px; */
}

.cont07 .cont07_wrap {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 1359px;
    height: 903px;
    margin: 0 auto;
}

.cont07 .cont07_wrap2 {
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid rgba(112,112,112,.5);
    border-bottom: 1px solid rgba(112,112,112,.5);
}

.cont07 .cont07_wrap .cont07_top .cont07_topcont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cont07 .cont07_wrap .cont07_top .title {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 48px;
    line-height: 1.55;
    margin-bottom: 36px;
    letter-spacing: -0.03em;
    word-break: break-all;
}

.cont07 .cont07_wrap .cont07_top .title strong {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 56px;
    color: #055A3A;
}

.cont07 .cont07_wrap .cont07_top .title b {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 56px;
    color: #EE1616;
}

.cont07 .cont07_wrap .cont07_top .subtitle, .cont07 .cont07_wrap .cont07_top .subtitle2 {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.75;
    letter-spacing: -.025em;
}

.cont07 .cont07_wrap .cont07_top .subtitle strong, .cont07 .cont07_wrap .cont07_top .subtitle2 strong {
    font-weight: 600;
}

.cont07 .cont07_wrap .cont07_top .subtitle2 {
    display: block;
    margin-top: 30px;
}

.cont07 .cont07_wrap .cont07_top .cont07_btn {
    display: block;
    margin-top: 60px;
    width: 584px;
    height: 168px;
    background-image: url(../images/cont07_btn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    font-size: 0;
    transition: all .25s ease-in-out;
    cursor: pointer;
}

.cont07 .cont07_wrap .cont07_top .cont07_btn > a {display:block;width:100%;height:100%}

.cont07 .cont07_wrap .cont07_top .cont07_btn:hover {
    background-image: url(../images/cont07_btn_on.png);
}

.cont07 .cont07_plus_wrap {
    height: 895px;
    min-height: 895px;
    background-image: url(../images/cont07_plus_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 1359px;
    height: 895px;
    margin: 0 auto;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_top {
    text-align: center;
    padding-top: 110px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_top .title {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 48px;
    margin-bottom: 34px;
    letter-spacing: -0.03em;
    color: #000;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_top .title strong {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 56px;
    color: #055A3A;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_top .title b {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 56px;
    color: #F2525D;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_top .subtitle {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: -.015em;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_top .subtitle strong {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 26px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 642px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_left {
    font-size: 0;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_left img {
    margin-left: -234px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right .title {
    display: block;
    width: 168px;
    height: 62px;
    line-height: 62px;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #fff;
    border-radius: 20px;
    background: #275744;
    text-align: center;
    margin: 0 auto;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul {
    margin-top: 44px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li {
    position: relative;
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 1.55;
    letter-spacing: -0.025em;
}
.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li b {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 25px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li .hash {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li .hash .hash_title {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: -0.025em;
    color: #fff;
    width: 153px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    background-color: #275744;
    border-radius: 15px 0 0 15px;
}
.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li .hash .hash_desc {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.025em;
    text-align: center;
    width: 501px;
    height: 60px;
    line-height: 66px;
    background-color: #fff;
    border-radius: 0 15px 15px 0;
    border: 3px solid #275744;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li .subdesc {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.025em;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li::before {
    position: absolute;
    top: 6px;
    left: -34px;
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    background: #275744;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    text-indent: -1px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li:nth-child(1)::before {
    content: "1";
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li:nth-child(2) {
    margin-top: 60px;
}

.cont07 .cont07_plus_wrap .cont07_plus_cont_wrap .cont07_plus_bottom .cont07_plus_bottom_right ul li:nth-child(2)::before {
    content: "2";
}


/* cont08 : 초록우산 나눔가게 참여 문의 */

.cont08 {
    height: 1187px;
    min-height: 1187px;
    background-color: #fff;
    padding: 120px 0;
}

.cont08 .cont08_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1359px;
    height: 1187px;
    margin: 0 auto;
}

.cont08 .cont08_wrap .cont08_left {
    position: relative;
    width: 663px;
    height: 1187px;
    min-height: 1187px;
}

.cont08 .cont08_wrap .cont08_left .title {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 62px;
    line-height: 1.45;
    margin-bottom: 36px;
}

.cont08 .cont08_wrap .cont08_left .title strong {
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    color: #055A3A;
}

.cont08 .cont08_wrap .cont08_left .subtitle {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: -.01em;
    line-height: 1.75;
}

.cont08 .cont08_wrap .cont08_left .subtitle strong {
    font-weight: 700;
}

.cont08 .cont08_wrap .cont08_left .cont08_map {
    position: absolute;
    top: 378px;
    left: -128px;
    background-image: url(../images/cont08_map_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 744px;
    height: 773px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn {
    position: relative;
    width: 744px;
    height: 773px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button {
    position: absolute;
    padding: 17px 27px;
    color: #FFF;
    background-color: #008351;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 24px;
    letter-spacing: -0.025em;
    border-radius: 20px;
    transition: all .1s ease-in-out;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button:hover {
    background-color: #065A3A;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.a {
    top: 165px;
    left: 191px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.b {
    top: 308px;
    left: 211px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.c {
    top: 494px;
    left: 183px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.d {
    top: 691px;
    left: 157px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.e {
    top: 109px;
    left: 428px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.f {
    top: 260px;
    left: 443px;
}

.cont08 .cont08_wrap .cont08_left .cont08_map .map_btn button.g {
    top: 401px;
    left: 401px;
}

.cont08 .cont08_wrap .cont08_right {
    width: 663px;
    height: 1187px;
}

.accordion {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 70px;
}

.accordion dl dt {
    position: relative;
    background-color: #fff;
}

.accordion dl dt button {
    display: block;
    width: 100%;
    padding: 37px 26px;
    text-align: left;
    font-size: 30px;
    letter-spacing: -.025em;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    background: rgba(126, 126, 126, 0.05);
    color: #000;
    word-break: keep-all;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(126, 126, 126, 0.35);
}

.accordion dl dt.first button {
    border-radius: 20px 20px 0 0 !important;
}

.accordion dl dt.last button {
    border-radius: 0 0 20px 20px !important;
    border-bottom: 0;
}

.accordion dl dt button:after {
    content: '';
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    right: 30px;
    width: 20px;
    height: 35px;
    background: url(../images/cont08_toggle_slide.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.accordion dl dd.cont {
    position: relative;
    background-color: #fff;
    padding: 40px 26px;
}

.accordion dl dd span {
    position: relative;
    display: block;
    font-size: 0.9em;
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    word-break: keep-all;
    color: #000;
    padding-right: 12px;
}

.accordion dl dd span.name {
    display: inline-block;
    font-weight: 700;
    font-size: 26px;
}

.accordion dl dd span.phone {
    position: absolute;
    top: 40px;
    right: 26px;
    display: inline-block;
    font-weight: 500;
    font-size: 26px;
}

.accordion dl dd span.address {
    margin-top: 12px;
    font-size: 22px;
    font-weight: 400;
}

.accordion dl dt.active button:after {
    width: 14px;
    height: 35px;
    margin-right: 2px;
    background: url(../images/cont08_toggle_slide_on.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.accordion dl dt.active button {
    color: #FFFFFF;
    background-color: #065A3A;
}

.accordion dl dt.active.last button {
    border-radius: 0 !important;
}

.cont_last {
    margin-bottom: 10px;
}

.gap {
    position: relative;
}

.gap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background-color: #707070;
    opacity: .35;
}

.accordion-content {
    display: none;
}

.accordion-content.active {
    display: block;
}



/* cont09 : 후원금 사용계획 */

.cont09 {
    width: 100%;
    height: 1343px;
    min-height: 1343px;
    background-image: url(../images/cont09_bg_v2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
}

.cont09 .cont09_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 1359px;
    height: 1343px;
    margin: 0 auto;
}

.cont09 .cont09_wrap .cont09_title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cont09 .cont09_wrap .cont09_title .subtitle {
    display: block;
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -.01em;
    color: #fff;
    margin-top: 10px;
}

.cont09 .cont09_wrap .cont09_object {
    display: inline-block;
    margin-top: 262px;
}

.cont09 .cont09_wrap .cont09_object ul li {
    display: inline-block;
}

.cont09 .cont09_wrap .cont09_object ul li:nth-child(odd) {
    margin-right: 26px;
}

.cont09 .cont09_wrap .cont09_object ul li:nth-child(3), .cont09 .cont09_wrap .cont09_object ul li:nth-child(4) {
    margin-top: 26px;
}


/* cont10 : 자주 묻는 질문 */

.cont10 {
    background-color: #DFDFDF;
    width: 100%;
    margin: 0 auto;
}

.cont10 .cont10_wrap {
    width: 1359px;
    min-height: 640px;
    margin: 0 auto;
    padding: 120px 0;
}

.cont10 h4 {
    font-size: 56px;
    letter-spacing: -0.025em;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    text-align: center;
    margin-bottom: 80px;
}

.qna_box2 {
    width: 100%;
    margin: 0 auto;
}

.qna_box2 dl dt {
    position: relative;
}

.qna_box2 dl dt button {
    display: block;
    width: 100%;
    padding: 45px;
    text-align: left;
    font-size: 27px;
    letter-spacing: -0.025em;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    background: #F3F3F3;
    color: #000;
    word-break: keep-all;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(126, 126, 126, 0.35);
}

.qna_box2 dl dt.first button {
    border-radius: 20px 20px 0 0 !important;
}

.qna_box2 dl dt.last button {
    border-radius: 0 0 20px 20px !important;
    border-bottom: 0;
}

.qna_box2 dl dt button span {
    display: inline-block;
}

.qna_box2 dl dt button .q {
    width: 3%;
    vertical-align: top;
}

.qna_box2 dl dt button .q_cont {
    width: 92%;
}

.qna_box2 dl dd .a {
    display: inline-block;
    width: 3%;
    vertical-align: top;
    color: #065A3A;
    font-family: 'Nanum Square Round', sans-serif;
    font-weight: 800;
    font-size: 28;
}

.qna_box2 dl dd .a_cont {
    display: inline-block;
    width: 92%;
    font-size: 24px;
    line-height: 1.65;
}

.qna_box2 > dl > dt > button:after {
    content: '';
    position: absolute;
    top: 45%;
    right: 3%;
    transform: translateY(-50%);
    width: 20px;
    height: 35px;
    background: url(../images/cont08_toggle_slide.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.qna_box2 > dl > dd.ico_a {
    position: relative;
    background-color: #fff;
    padding: 45px;
    display: none;
}

.qna_box2 > dl > dd > span {
    position: relative;
    display: block;
    font-size: 26px;
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    word-break: keep-all;
    color: #000;
}

.qna_box2 > dl > dd > span.name {
    display: inline-block;
    font-weight: 700;
    font-size: 1em;
}

.qna_box2 > dl > dd > span.phone {
    position: absolute;
    top: 18px;
    right: 0;
    display: inline-block;
    font-weight: 500;
    font-size: 1em;
}

.qna_box2 > dl > dd > span.address {
    margin-top: 5px;
}

.qna_box2 > dl.on > dd {
    display:block;
}

.qna_box2 > dl.on > dt > button:after {
    width: 14px;
    height: 35px;
    margin-right: 2px;
    background: url(../images/cont08_toggle_slide_on.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.qna_box2 > dl.on > dt > button {
    color: #FFFFFF;
    background-color: #065A3A;
}

.qna_box2 > dl.on > dt.last > button {
    border-radius: 0 !important;
}

.a_cont > img {
    display: block;
    margin: 50px 0 30px 72px;
}

.a_last {
    display: block;
    border-radius: 0 0 20px 20px !important;
}


/* cont11 : COPYRIGHT */

.cont11 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 98px;
    background-color: #000;
    width: 100%;
    margin: 0 auto;
}

.cont11 span {
    font-family: Pretendard,'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.01em;
    opacity: .8;
    color: #fff;
}



@media (max-width: 1536px) {
    .campaign-wrap {
        width: 100%;
    }

    .cont10 .cont10_wrap {
        width: 1100px;
    }
    
     .a_cont > img {
        width: 100%;
        margin: 50px 0 30px;
    }
}

/* 초록우산 나눔가게 문의하기 레이어 팝업 */
#child-nanum-contact {display:none;font-family:'NanumSquareRound'}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont {width:667px;min-height:660px;border-radius:20px;border:1px solid #707070}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .popup-header {height:88px;padding:0;position:relative;background-color:#275744;color:#fff;border-bottom:0}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .popup-header::before {content:'';display:block;width:89px;height:77px;position:absolute;bottom:0;left:30px;background-image:url(../images/popup-header-bg.png);background-repeat:no-repeat;background-size:contain}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .popup-header > .title {font-size:24px;font-weight:800;padding-left:130px;line-height:90px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .popup-header > .title > span {color:#FFF5D9}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .btn-close {position:absolute;top:33px;right:31px;display:block;width:21px;height:22px;background-image:url(/resources/microCampaign/cpView20000706/pc/images/popup-close.png);background-repeat:no-repeat;background-position:center center}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont {padding:40px;font-family:'Pretendard';min-height:580px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .top-infoTxt {font-size:16px;line-height:25px;letter-spacing:-0.64px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #707070}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .top-infoTxt > p {margin-bottom:20px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form {position:relative}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul {display:flex;flex-direction:column;gap:20px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner {display:flex;flex-direction:row;justify-content:center;align-items:center}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-head {width:20%;font-size:14px;font-weight:700;text-align:center}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont {width:80%}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont.address {display:flex;flex-direction:column;gap:12px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont .btn-zipcode {display:flex;flex-direction:row;align-items:center;justify-content:center;width:126px;height:40px;border-radius:10px;color:#fff;background-color:#707070}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont > .box {width:338px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont > .box.dis-flex {display:flex;flex-direction:row;gap:20px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont input,
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont select {height:40px;border:1px solid #707070;border-radius:10px;width:100%;font-size:16px;padding:10px 15px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont textarea {height:200px;border:1px solid #707070;border-radius:10px;width:100%;font-size:16px;padding:10px 15px;box-sizing:border-box}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont select {padding:0 12px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont .selectBox {position:relative;width:100%}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > ul > li > .form-inner > .inner-cont .selectBox span.selectBg {transform:translateY(-50%);position:absolute;top:50%;right:15px;z-index:1;display:block;width:12px;height:7px;background-image:url(/resources/images/common/bg/bg_select.gif);line-height:33px;text-indent:-99999em}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree {display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:23px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree .check_box span {background:none;border:1px solid #707070;border-radius:5px;top:-1px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree .check_box span.on {background:url(/resources/images/common/radio_p.png) no-repeat;background-size:123%;border:1px solid #c1a36f;background-position:center center}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree .check_box label {margin:0 0 0 27px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree .check_box input[type="checkbox"] {top:-1px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree .check_box > li {display:flex;flex-direction:row;align-items:center;gap:17px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .child-nanum-form > .agree .check_box > li a {border-bottom:1px solid #313131;padding-bottom:1px;line-height:initial;color:#313131}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .btn-write {text-align:center;margin-top:30px}
#child-nanum-contact.popup-nanum-contact .popup-wrap .popup-cont .body-cont .btn-write > a {display:inline-block;width:220px;height:59px;background-color:#275744;border:1px solid #707070;border-radius:10px;font-size:18px;color:#fff;font-weight:700;line-height:59px}

#privacyDetail {display:none;height:262px;width:100%;border:1px solid #333;box-shadow:4px 7px 13px 0px #ebebeb;background-color:#fff;z-index:9999;position:absolute;bottom:40px;left:0;border-radius:5px}
#privacyDetail > .inner {padding:25px}
#privacyDetail > .inner > h6 {font-size:20px;font-weight:700;margin-bottom:18px}
#privacyDetail > .inner > ul > li {position:relative;padding-left:18px}
#privacyDetail > .inner > ul > li > span {position:absolute;top:0;left:0}
#privacyDetail > .inner > ul > li > strong {font-size:20px;color:#275744}
#privacyDetail .close {position:absolute;top:20px;right:20px;width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23275744' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E")}

.chatbot {display:none}