@charset "utf-8";

body {
    color: #222;
}
.noto {
    font-family: 'NotoSansCJKkr', sanserif;
}

.wwf-ft {
    font-family: 'wwf', 'NanumBarunGothic', sans-serif;
}

.fw-500 {
    font-weight: 500;
}
.sepCmntxt22 {
    font-size: 22px;
    line-height: 42px;
    letter-spacing: -0.04em;
    text-align: center;
    word-break: keep-all;
}
.sepCmntxt22 > strong {
    color: #e98300;
    font-weight: 500;
}
.sepCmntxt28 {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.04em;
    text-align: center;
}
.sepCmntxt28 > strong {
    color: #e98300;
    font-weight: 500;
}
.sepCmntxt18 {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.04em;
    text-align: center;
}
.orng_txt {
    color: #e98300;
}
.mg_t_30 {
    margin-top: 30px;
}
.fnc_sub_txt {
    margin-bottom: 60px;
}
.fff_txt {
    color: #fff;
}

/* ==== 메인 공통 START ====*/
.main_container {
    width: 100%;
    padding: 160px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.main_container > .main_title {
    text-align: center;
    color: #fff;
    margin-top: 40px;
}
.main_container > .main_title > h3 {
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 28px;
    letter-spacing: 0.06em;
}
.main_container > .main_title > h1 {
    font-size: 68px;
    letter-spacing: -0.04px;
}
.main_container > .main_sub_list {
    margin-top: 58px;
}
.main_container > .main_sub_list > ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_container > .main_sub_list > ul > li {
    color: #fff;
    font-size: 14px;
    line-height: 32px;
}
.main_container > .main_sub_list > ul > li > i {
    width: 17px;
    height: 14px;
    background-image: url('/img/newbird/intro/img_home.png');
    background-size: 17px auto;
    background-position: center;
    display: inline-block;
    margin-bottom: -2px;
}
.main_container > .main_sub_list > ul > li::after {
    content: "";
    background: url('/img/newbird/intro/img_home_sub_arr.png');
    width: 4px;
    height: 8px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 4px auto;
    margin: 0 12px;
}
.main_container > .main_sub_list > ul > li:last-child::after {
    display: none;
}
.common_sub_menu {
    width: 100%;
    background-color: #1b1b1b;
    position: sticky;
    top: 79px;
    z-index: 50;
}
.common_sub_menu > dl {
    display: flex;
    align-items: center;
    /* justify-content: space-evenly; */
    justify-content: center;
    padding: 20px;
    /* max-width: 720px; */
    margin: 0 auto;
}
.common_sub_menu > dl > dt > a {
    color: #888888;
    font-size: 18px;
    line-height: 32px;
    padding: 0 40px;
}

.common_sub_menu > dl > dt > a.on {
    color: #e98300;
    font-weight: 700;
}
.pt120 {
    padding-top: 120px;
}
@media screen and (max-width: 1024px) {
    .pt120 {
        padding-top: 70px;
    }
}



/* ==== 기관소개 START ==== */

/* 메인 배너 이미지 */
.intro_bg_01 {
    background: url('/img/newbird/intro/intro_bg_01.png') no-repeat;
    background-position: center;
    background-size: cover;
}

/* 기관소개 - section_01 */
.intro_txt_cont {
    padding: 113px 0;
}
.common_title {
    font-size: 50px;
    color: #111111;
    line-height: 61px;
    text-align: center;
    letter-spacing: -0.04em;
    word-break:keep-all;
}
.common_title::after {
    content: "";
    width: 32px;
    height: 4px;
    display: block;
    background-color: #e98300;
    margin: 25px auto 45px;
}
.intro_txt_cont > div > p {
    font-size: 28px;
    line-height: 42px;
    color: #1b1b1b;
    margin-top: 80px;
    letter-spacing: -0.04em;
}
.natures_txtwrap > div > p {
    margin-top:0;
}
.intro_txt_cont > div > p > strong {
    color: #e98300;
    font-weight: 400;
}
.common_sub_tit {
    font-size: 28px;
    line-height: 42px;
    color: #1b1b1b;
    margin-top: 80px;
    letter-spacing: -0.04em;
}
.common_sub_tit > strong {
    color: #e98300;
    font-weight: 400;
}
.intro_txt_cont > dl {
    display: flex;
    justify-content: space-between;
    position:relative;
    margin-top: 25px;
}
.intro_txt_cont > dl > dd {
    width: 48%;
    font-size: 18px;
    line-height: 32px;
    color: #222222;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.intro_txt_cont > dl > dd p + .n_btn {
    width:220px;
    margin-top:60px;
    text-align:center;
}
.intro_txt_cont > dl > dd .imgwrap {
    display:block;
    overflow:hidden;
    width:100%;
    margin-top:-70px;
}
.intro_txt_cont > dl > dd .imgwrap img {
    float:right;
    width:auto;
    max-width:400px;
}
.intro_txt_cont .img_cont {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    box-sizing:border-box;
    width:100%;
    margin-top:60px;
    padding:30px 50px;
    aspect-ratio:296/97;
}
.intro_txt_cont .img_cont p {
    font-size:24px;
    font-weight:400;
    line-height:40px;
    color:#fff;
    text-align:center;
    word-break:keep-all;
}
/* 기관소개 - section_02 */
.intro_txt_cont_02 {
    background-color: #eeeeee;
}
.intro_txt_cont_02 > div {
    display: flex;
}
.intro_txt_cont_02 > div > s {
    width: 100%;
    background: url('/img/newbird/intro/img_intro_wwf.png') no-repeat;
    background-size: cover;
    background-position: center;
}
.intro_txt_cont_02 > div > div {
    width: 100%;
    padding: 110px 80px;
}
.intro_txt_cont_02 > div > div > p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #222222;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.intro_txt_cont_02 > div > div > h2 {
    font-size: 21px;
    line-height: 36px;
    color: #e98300;
    margin: 20px 0 40px;
    font-weight: 500;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.intro_txt_cont_02 > div > div > span {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    color: #222222;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.mob_intro_txt {
    display: none;
}
.common_title_lft {
    text-align: left;
}
.common_title_lft::after {
    content: "";
    width: 32px;
    height: 4px;
    display: block;
    background-color: #e98300;
    margin: 30px 0 80px;
}
/* 기관소개 - section_03 */
.intro_cir_cont {
    padding: 120px 0;
}
.intro_cir_cont > ul {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.intro_cir_cont > ul > li > div {
    position: relative;
    width: 300px;
    height: 300px;
    background-color: #222222;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.intro_cir_cont > ul > li > div > span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    color: #e98300;
    font-size: 21px;
    line-height: 46px;
    transform: translateX(-50%) translateY(-50%); 
}
.intro_cir_cont > ul > li > div > span > strong {
    line-height: 46px;
    color: #fff;
    font-size: 40px;
    letter-spacing: 0.02em;
    font-weight: normal;
}
.intro_cir_cont > ul > li {
    width: calc(80% / 4);
}
.intro_cir_cont > ul > li > p {
    min-height: 190px;
    font-size: 18px;
    line-height: 32px;
    color: #222222;
    text-align: center;
    letter-spacing: -0.04em;
}
.intro_cir_cont > ul > li > h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #808080;
    text-align: center;
}
.mob_cir_cont {
    display: none;
}



/* ==== 연혁 START ==== */

/* 메인 배너 이미지 */
.intro_bg_02 {
    background: url('/img/newbird/intro/intro_bg_02.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 연혁 - section_01 */
.intro_history_cont {
    padding: 100px 0 80px;
}
.sec02_txt {
    text-align: center;
    color: #222222;
    margin-bottom: 90px;
}
.sec02_txt > p {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.04em;
    margin-bottom: 20px;
}
.sec02_txt p > strong {
    color: #e98300;
    font-weight: 500;
}
.sec02_txt > span {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.04em;
}

/* 연혁 - section_02 */
.history_txt_box {
    text-align: center;
    position: sticky;
    top: 150px;
    z-index: 50;
    background-color: #fff;
    padding-top: 20px;
}
.history_txt_box > h1 {
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -0.04em;
    color: #222222;
}
.history_txt_box > div {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 20px; */
}
.history_txt_box > div > h1 {
    font-size: 66px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.06em;
    color: #00688b;
}
.history_txt_box > div > h1 > strong {
    display: inline-block;
    font-size: 85px;
    line-height: 80px;
    font-weight: 500;
    position: relative;
    top: 8px;
}
.history_txt_box > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 32px 0 0px;
    padding: 0 0 16px;
    border-bottom: 1px solid #e5e5e5 ;
}
.history_txt_box > ul > li > a {
    padding: 0 35px;
    color: #bbbbbb;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: 0.06em;
    font-family: 'WWF', sanserif;
}
.history_txt_box > ul > li > a.on {
    color: #00688b;
}



/* ==== 투명경영 START ==== */

/* 메인 배너 이미지 */
.intro_bg_03 {
    background: url('/img/newbird/intro/intro_bg_03.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 투명경영 - section_02 */
.audit_sys_wrap {
    background-color: #eeeeee;
}
.audit_system_cont {
    padding: 120px 0;
}
.audit_system_cir {
    position: relative;
    max-width: 530px;
    height: 530px;
    border: 1px solid #dbdbdb;
    border-radius: 100%;
    margin: 160px auto 40px;
}
.cir_title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
.cir_title > h1 {
    font-size: 30px;
    font-weight: 400;
    line-height: 48px;
    color: #222222;
    letter-spacing: -0.06em;
}
.cir_title > h1 > span {
    display: block;
    font-size: 36px;
    letter-spacing: 0.06em;
}
.audit_system_cir > .cir_icon {
    width: 190px;
    height: 190px;
    position: absolute;
    border-radius: 100%;
    display: block;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
.audit_system_cir > .cir_icon_01 {
    background: url('/img/newbird/intro/img_audit_icon_01.png') no-repeat;
    background-size: 90px auto;
    background-position: center;
    background-color: #fff;
    left: 50%;
}
.audit_system_cir > .cir_icon_02 {
    background: url('/img/newbird/intro/img_audit_icon_02.png') no-repeat;
    background-size: 70px auto;
    background-position: center;
    background-color: #fff;
    top: 35%;
    right: -33%;
}
.audit_system_cir > .cir_icon_03 {
    background: url('/img/newbird/intro/img_audit_icon_03.png') no-repeat;
    background-size: 68px auto;
    background-position: center;
    background-color: #fff;
    bottom: -26%;
    right: -16%;
}
.audit_system_cir > .cir_icon_04 {
    background: url('/img/newbird/intro/img_audit_icon_04.png') no-repeat;
    background-size: 88px auto;
    background-position: center;
    background-color: #fff;
    bottom: -26%;
    left: 22%;
}
.audit_system_cir > .cir_icon_05 {
    background: url('/img/newbird/intro/img_audit_icon_05.png') no-repeat;
    background-size: 75px auto;
    background-position: center;
    background-color: #fff;
    top: 35%;
    left: 3%;
}
.icon_txt {
    position: absolute;
}
.icon_txt_01 {
    top: 20%;
    left: -120%;
}
.icon_txt_02 {
    top: 4%;
    right: -180%;
}
.icon_txt_03 {
    top: 36%;
    right: -175%;
}
.icon_txt_04 {
    top: 10%;
    left: -155%;
}
.icon_txt_05 {
    top: 27%;
    left: -136%;
}
.icon_txt > p {
    font-size: 20px;
    line-height: 31.2px;
    color: #e98300;
    letter-spacing: -0.04em;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.icon_txt > p > span {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    letter-spacing: -0.04em;
    margin-top: 10px;
}
.icon_txt > ul {
    margin-top: 10px;
}
.icon_txt > ul > li {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.04em;
    color: #808080;
}
.icon_txt > ul > li::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #e98300;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}
.icon_txt > ul > p {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: #df7e02;
    letter-spacing: -0.04em;
    margin-top: 10px;
    padding-left: 10px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    position: relative;
}
.icon_txt > ul > p .blet {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.mob_audit_system_cont {
    display: none;
}

/* ==== 지구생명보고서 START ==== */

.planetreport_sec03 {
    padding: 150px 0;
    background: url('/img/newbird/activity/living_planet_report/bg_section03.jpg') no-repeat center;
    background-size: cover;
}
.planetreport_sec03 .inner_1480 {
    display: flex;
    justify-content: space-between;
}
.planetreport_sec03_left {
    width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.planetreport_title_wrap {
    margin-bottom: 78px;
}
.planetreport_title_wrap.center {
    text-align: center;
}
.planetreport_title_wrap .planetreport_top_title {
    font-family: 'wwf',sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #d6d6d6;
    word-break: keep-all;
    margin-bottom: 20px;
}

.planetreport_title_wrap .planetreport_title {
    box-sizing:border-box;
    font-size: 50px;
    line-height: 60px;
    color: #222;
    font-weight: 300;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.planetreport_sec03_left_txt .planetreport_title_wrap {
    box-sizing:border-box;
    margin-bottom: 40px;
    padding-right:50px;
}
.planetreport_sec03_left_txt .planetreport_title_wrap  .planetreport_top_title {
    color: #e98300;
    word-break: keep-all;
}
.planetreport_sec03_left_txt .planetreport_title_wrap  .planetreport_title {
    color: #fff;
    word-break: keep-all;
}
.planetreport_sec03_left_txt .planetreport_title_wrap  .planetreport_title b {
    font-weight: 700;
    word-break: keep-all;
}
.planetreport_sec03_left_txt .planetreport_sec03_tit_sub {
    color: #f6ede1;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    word-break: keep-all;
}
.planetreport_sec03_left_txt .n_btn {
    margin-top: 40px;
    width: 305px;
    border-radius: 75px;
    text-align: center;
}
.planetreport_sec03_right{
    width: 980px;
}

/* ==== 함께하는 사람들 START ==== */

/* 메인 배너 이미지 */
.intro_bg_04 {
    background: url('/img/newbird/intro/intro_bg_04.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 함께하는 사람들 - section_01 */
.grt_cont_flex {
    display: flex;
    justify-content: space-between;
}
.grt_cont_flex > div > s.ceo_01 {
    background: url('/img/newbird/intro/img_ceo_01.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    width: 190px;
    height: 250px;
    display: block;
    margin-right: 50px;
    margin-top: 10px;
}
.grt_cont_flex > div > s.ceo_02 {
    background: url('/img/newbird/intro/img_ceo_02.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    width: 190px;
    height: 250px;
    display: block;
    margin-right: 50px;
    margin-top: 10px;
}
.grt_txt_box > dl {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.grt_txt_box > dl > dd {
    width: calc(50% - 30px);
    font-size: 18px;
    line-height: 32px;
    color: #222222;
    letter-spacing: -0.04em;
}
.grt_sub_tit {
    font-size: 26px;
    margin-top: 0;
}
.grt_ceo {
    margin-top: 30px;
}
.grt_ceo > p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.04em;
}
.grt_ceo > p > strong {
    font-size: 19px;
    line-height: 32px;
    color: #222222;
    letter-spacing: 0.06em;
    margin-right: 6px;
}
.grt_ceo > p > span {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-left: 15px;
    letter-spacing: 0.1em;
}
.cont_gry {
    background-color: #eeeeee;
}

/* 함께하는 사람들 - section_03 */
.wwf_people_cont > ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.wwf_people_cont > ul:last-child {
    margin-bottom: 0;
}
.wwf_people_cont > ul > li {
    max-width: 280px;
    width: 100%;
    text-align: center;
    letter-spacing: -0.04em;
}
.wwf_people_cont > ul > li > div {
    margin-top: 20px;
}
.wwf_people_cont > ul > li > div > h1 {
    font-size: 18px;
    line-height: 36px;
    color: #e98300;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.wwf_people_cont > ul > li > div > span {
    font-size: 16px;
    line-height: 28px;
    color: #888888;
}
.wwf_people_cont > ul > li > s {
    display: block;
    width: 150px;
    height: 200px;
    background-position: center;
    margin: 0 auto;
}
.wwf_people_cont > ul > li.wwf_p_01 > s {
    background: url('/img/newbird//intro/wwf_people_01.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_02 > s {
    background: url('/img/newbird//intro/wwf_people_02.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_03 > s {
    background: url('/img/newbird//intro/wwf_people_03.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_04 > s {
    background: url('/img/newbird//intro/wwf_people_04.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_05 > s {
    background: url('/img/newbird//intro/wwf_people_05.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_06 > s {
    background: url('/img/newbird//intro/wwf_people_06.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_07 > s {
    background: url('/img/newbird//intro/wwf_people_07.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_08 > s {
    background: url('/img/newbird//intro/wwf_people_08.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_09 > s {
    background: url('/img/newbird//intro/wwf_people_09.png') no-repeat;
    background-size: 100% auto;
}
.wwf_people_cont > ul > li.wwf_p_010 > s {
    background: url('/img/newbird//intro/wwf_people_10.png') no-repeat;
    background-size: 100% auto;
}
.mob_wwf_people_cont {
    display: none;
}




/* 함께하는 사람들 - section_04 */
.intro_kr_ambssdrs {
    position: relative;
    margin-top: 100px;
}
.glb_tit {
    font-size: 36px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.04em;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.wwf_ambssdrs_cont {
    border-top: 1px solid #e5e5e5;
    padding-bottom: 0%;
}
.wwf_ambssdrs_cont > p {
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    color: #222222;
    letter-spacing: -0.04em;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.krAmbssdrsCnt {
    width: calc(100% - 240px);
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 80px 100px;
    margin-top: 40px;
    margin-bottom: -135px;
    position: relative;
}
.krAmbssdrsCnt .swiper-button-prev {
    width: 60px;
    height: 60px;
    /* background-image: url('/img/newbird/activity/partnership/pre_btn.png');
    background-size: 60px auto; */
    background: #e98300 url('/img/newbird/main/main_exer_prev.png') no-repeat 21px 17px;
    background-size: 14px auto;
    border-radius: 50%;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.krAmbssdrsCnt .swiper-button-next {
    width: 60px;
    height: 60px;
    /* background-image: url('/img/newbird/activity/partnership/next_btn.png');
    background-size: 60px auto; */
    background: #e98300 url('/img/newbird/main/main_exer_next.png') no-repeat 25px 17px;
    background-size: 14px auto;
    border-radius: 50%;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.krAmbssdrsCnt .swiper-button-next.swiper-button-disabled, 
.krAmbssdrsCnt .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}
.ambssdrs_top_slider {
    width: 100%;
    overflow: hidden;
}
.ambssdrs_top_slider > .swiper-wrapper > .swiper-slide {
    display: flex;
    justify-content: space-between;
}

.kr_amb_txt_cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    max-width: 685px;
    margin-top: 40px;
}
.kr_amb_txt_cont > .kr_amb_txt_inner > h1 {
    font-size: 42px;
    line-height: 60px;
    letter-spacing: -0.04em;
}
.kr_amb_txt_cont > .kr_amb_txt_inner > h1 > span {
    font-size: 20px;
    color: #e98300;
    margin-left: 15px;
}
.kr_amb_txt_cont > .kr_amb_txt_inner > h2 {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.04em;
    font-weight: 500;
    margin-top: 10px;
    word-break: keep-all;
}
.kr_amb_txt_cont > .kr_amb_txt_inner > p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.04em;
    color: #808080;
    margin: 24px 0;
    word-break: keep-all;
}

.kr_amb_img_cont {
    width: 50%;
    max-width: 720px;
    overflow: hidden;
}
.ambssdrs_img_slide  > .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 0;
    padding-bottom: 74.305%;
    position: relative;
    overflow: hidden;
}
.ambssdrs_img_slide  > .swiper-wrapper > .swiper-slide > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ambssdrs_top_slider_bullet {
    margin-top: 60px;
}


/* ==== 썸네일 swiper ==== */
.ambssdrs_thum_slider {
    width: 100%;
    max-width: 650px;
    overflow: hidden;
}
.ambssdrs_thum_slider .swiper-slide {
    width: 100px;
    height: 80px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.ambssdrs_thum_slider .swiper-slide > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%);
    z-index: 1;
}
.ambssdrs_thum_slider .swiper-slide::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 6px solid #e98300;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s;
}
.ambssdrs_thum_slider .swiper-slide img{
    width: 100px;
}
.ambssdrs_thum_slider .swiper-slide.on::after  {
    opacity: 1;
}











/* 함께하는 사람들 - section_05 */
.mob_amb_swiper {
    display: none;
}
.intro_glb_ambssdrs {
    background-color: #eeeeee;
    padding: 260px 0 120px;
}
.glb_ambssdrs_cont > ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0;
    border-bottom: 1px solid #dddddd;
}
.glb_ambssdrs_cont > ul > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.glb_ambssdrs_cont > ul > li > s {
    min-width: 240px;
    height: 240px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.glb_ambssdrs_cont > ul > li > div {
    width: 80%;
    margin-left: 30px;
}
.glb_ambssdrs_cont > ul > li > div > h1 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.04em; 
    margin-bottom: 20px;  
}
.glb_ambssdrs_cont > ul > li > div > span {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: -0.04em;   
    color: #808080;   
}



/* ==== 자원봉사자 모집 START ==== */

/* 메인 배너 이미지 */
.intro_bg_05 {
    background: url('/img/newbird/intro/intro_bg_05.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 자원봉사자 모집 - section_01 */
.recruit_area {
    padding: 120px 0;
    height: auto;
}
.recruit_area > div {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.rc_box_01 {
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    position: absolute;
    bottom: -10px;
    right: -10px;
}
.rc_txt_box {
    width: 100%;
    background-color: #fff;
    border: 1px solid #dddddd;
    padding: 10px;
    position: relative;
}
.rc_txt_box > .rc_sub_box {
    border: 1px solid #eeeeee;
    padding: 80px 60px 60px;
}
.rc_txt_box > .rc_sub_box > h1 {
    font-size: 40px;
    line-height: 52px;
    letter-spacing: -0.06em;
    font-weight: 500;
}
.rc_txt_box > .rc_sub_box > h1 > strong {
    color: #e98300;
    font-weight: 500;
}
.rc_txt_box > .rc_sub_box > p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.04em;
    padding: 30px 0 20px;
}
.rc_txt_box > .rc_sub_box > h2 {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.04em;
    font-weight: 500;
}
.rc_txt_box > .rc_sub_box > p > span {
    color: #e98300;
}
.rc_txt_box > .rc_sub_box > .rc_btn_box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.rc_txt_box > .rc_sub_box > .rc_btn_box > div {
    margin-top: 45px;
}
.rc_txt_box > .rc_sub_box > .rc_btn_box > div > p {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: -0.04em;
    font-weight: 600;
}
.rc_txt_box > .rc_sub_box > .rc_btn_box > div > p > a > strong {
    font-size: 16px;
    color: #e98300;
    text-decoration: underline;
    letter-spacing: 0;
    margin-left: 10px;
}
.rc_txt_box > .rc_sub_box > .rc_btn_box > div > h3 {
    font-size: 16px;
    line-height: 28px;
    color: #999999;
    margin-top: 18px;
}
.rc_txt_box > .rc_sub_box > .rc_btn_box > a {
    padding: 0 30px;
    flex-shrink: 0;
}
.rc_process_tit {
    line-height: 53px;
}
.rc_process_cont {
    margin-bottom: 120px;
}
.rc_process_cont > ul {
    display: flex;
    align-items: center;
}
.rc_process_cont > ul > li {
    width: calc(100% / 2);
    display: flex;
    align-items: center;
}
.rc_process_cont > ul > li > s {
    max-width: 220px;
    width: 100%;
    height: 220px;
    display: block;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 100%;
    margin-right: 50px;
}
.rc_process_cont > ul > li.proc_icon_01 > s {
    background: url('/img/newbird//intro/img_apply_icon_01.png') no-repeat;
    background-size: 94px auto;
    background-position: center;
}
.rc_process_cont > ul > li.proc_icon_02 > s {
    background: url('/img/newbird//intro/img_apply_icon_02.png') no-repeat;
    background-size: 110px auto;
    background-position: center;
}
.rc_process_cont > ul > li > p {
    width: 50%;
    font-size: 18px;
    line-height: 34px;
    color: #808080;
    letter-spacing: -0.04em;
}
.rc_process_cont > ul > li > p > span {
    font-size: 28px;
    line-height: 60px;
    color: #e98300;
    display: block;
    letter-spacing: 0.06em;
}
.personal_info {
    padding: 56px 60px 70px;
    border: 1px solid #efefef;
    margin-top: 120px;
}
.personal_info > div > strong {
    display: block;
    font-size: 26px;
    line-height: 52px;
    letter-spacing: -0.06em;
    font-weight: 600;
}
.personal_info > div > p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.04em;
    color: #808080;
    padding: 30px 40px;
    border: 1px solid #efefef;
    background-color: #f9f9f9;
    margin: 20px 0 60px;
}
.personal_info > ul > li > h1::before {
    width: 28px;
    height: 28px;
    background-color: #e98300;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 32px;
}
.personal_info > ul > li:first-child > h1::before {
    content: "1";
}
.personal_info > ul > li:last-child > h1::before {
    content: "2";
}
.personal_info > ul > li {
    margin-top: 42px;
}
.personal_info > ul > li:first-child {
    margin-top: 0;
}
.personal_info > ul > li > h1 {
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.04em;
    margin-bottom: 18px;
}
/* ==== 개인정보 공통 텍스트 ==== */
.info_txt_f16 {
    font-size: 16px;
    line-height: 34px;
    color: #808080;
    letter-spacing: -0.04em;
}
.rc_info_list {
    padding: 30px 40px;
    margin-top: 24px;
    border: 1px solid #efefef;
    background-color: #f9f9f9;
}
.rc_info_list > p::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #e98300;
    display: inline-block;
    border-radius: 10px;
    margin-right: 10px;
}



/* ==== 활동 - 기후 에너지 START ==== */

/* 메인 배너 이미지 */
.activity_bg_01 {
    background: url('/img/newbird/activity/energy/activity_bg_01.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 기후 에너지 - section_01 */
.clim_energy_txt > div > p {
    margin-top: 0;
}

.intro_scndtit_txt_cont > div:nth-child(1) > p {
    width:49%;
}
.intro_scndtit_txt_cont .second_tit {
    position:absolute;
    top:-67px;
    left:52%;
}
.intro_scndtit_txt_cont .second_tit strong {
    font-size: 28px;
    font-weight:400;
    line-height: 42px;
    color: #1b1b1b;
    letter-spacing: -0.04em;
}

/* 기후 에너지 - section_02 */
.clim_energy_cont02 {
    background-color: #eeeeee;
    padding: 120px 0;
}
.clim_energy_cont02 > .climate_list_box {
    width: calc(100% - 240px);
    margin: 0 auto;
}
.clim_energy_cont02 > .climate_list_box > ul {
    display: flex;
    justify-content: center;
}
.clim_energy_cont02 > .climate_list_box > ul > li > s {
    width: 260px;
    height: 260px;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
}
.clim_energy_cont02 > .climate_list_box > ul > li > s.list_icon_01 {
    background: url('/img/newbird/activity/energy/activity_icon_01.png') #fff no-repeat;
    background-position: center;
    background-size: 100px auto;
}
.clim_energy_cont02 > .climate_list_box > ul > li > s.list_icon_02 {
    background: url('/img/newbird/activity/energy/activity_icon_02.png') #fff no-repeat;
    background-position: center;
    background-size: 115px auto;
} 
.clim_energy_cont02 > .climate_list_box > ul > li > s.list_icon_03 {
    background: url('/img/newbird/activity/energy/activity_icon_03.png') #fff no-repeat;
    background-position: center;
    background-size: 90px auto;
} 
.clim_energy_cont02 > .climate_list_box > ul > li > s.list_icon_04 {
    background: url('/img/newbird/activity/energy/activity_icon_04.png') #fff no-repeat;
    background-position: center;
    background-size: 124px auto;
} 
.clim_energy_cont02 > .climate_list_box > ul > li > s.list_icon_05 {
    background: url('/img/newbird/activity/energy/activity_icon_05.png') #fff no-repeat;
    background-position: center;
    background-size: 115px auto;
}
.clim_energy_cont02 > .climate_list_box > ul > li {
    width: calc(100% / 5);
    padding: 0 10px;
}
.clim_energy_cont02 > .climate_list_box > ul > li:last-child {
    margin-right: 0;
}
.clim_energy_cont02 > .climate_list_box > ul > li > div {
    max-width: 300px;
    text-align: center;
    word-break: keep-all;
    margin: 0 auto;
}
.clim_energy_cont02 > .climate_list_box > ul > li > div > h2 {
    font-size: 22px;
    line-height: 46px;
    letter-spacing: -0.04em;
    color: #d60e47;
    margin: 28px 0 15px;
}
.clim_energy_cont02 > .climate_list_box > ul > li > div > span {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.04em;
    color: #808080;
}
.mob_clmListBx {
    display: none;
}
/* 기후 에너지 - section_03 */ 
.clim_energy_cont03 {
    padding: 120px 0 120px;
}
.clim_energy_bg {
    background: url(/img/newbird/activity/clim_energy/bg_section03.jpg) no-repeat center;
    background-color:#f7f7f7;
    background-size:100% auto;
    background-position:bottom center;
}
.clim_energy_cont03 .clim_energy_list {
    display: flex;
    flex-wrap: wrap;
}
.clim_energy_cont03 .clim_energy_box {
    display:flex;
    box-sizing:border-box;
    width:100% !important;
    margin:0 !important;
    padding:20px;
    border-radius:10px;
    border:1px solid #e2e2e2;
    background-color:#fff;
    box-shadow:21px 21px 40px rgba(4, 0, 0, 0.1);
}
.clim_energy_cont03 .clim_energy_box + .clim_energy_box {margin-top:40px !important;}
.clim_energy_cont03 .clim_energy_box:nth-child(even){
    flex-direction: row-reverse;
}
.clim_energy_cont03 .clim_energy_slide .imgwrap {
    display:flex;
    justify-content: center;
    overflow:hidden;
    border-radius:4px;
    width:calc(50% - 49px);
    aspect-ratio:67/59;
}
.clim_energy_cont03 .clim_energy_slide .imgwrap img {
    width:auto;
    height:100%;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    box-sizing:border-box;
    width:calc(50% - -39px);
    margin-left:10px;
    padding:0 40px;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_box:nth-child(even) .clim_energy_txt{
    margin-left:0;
    margin-right:10px;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_txt strong {
    position:relative;
    padding-bottom:22px;
    font-size:26px;
    font-weight:800;
    line-height:46px;
    letter-spacing:-0.4px;
    word-break:keep-all;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_txt strong::before {
    content:'';
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    bottom:0;
    left:0;
    width:25px;
    height:4px;
    background-color:#e98300;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_txt strong span {
    color:#e98300;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_txt p {
    margin-top:20px;
    font-size:18px;
    font-weight:400;
    line-height:32px;
    word-break:keep-all;
}
.clim_energy_cont03 .clim_energy_slide .clim_energy_txt p span {
    color:#e98300;
    font-weight:500;
}

/* 자연보전 교육 */
.natures_cont02 {overflow:hidden; padding:0 0 120px;}

.natures_cont03 .natures_tit_box {margin-bottom: 25px;}
.natures_tit_box {display: flex; align-items: center; justify-content: space-between;}
.natures_tit_box > strong {font-size: 31px; line-height:45px;}

.natures_cont03 .natures_grid_box {grid-template-rows: repeat(2, 1fr);}
.natures_grid_box {position:relative; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 60px;}
.natures_grid_box > li > .brand_logo {padding: 10px; border: 1px solid #eeeeee; min-height: 180px; display: flex; align-items: center; justify-content: center;}
.natures_grid_box > li > p {text-align: center; font-size: 18px; line-height:30px; color: #808080; margin-top: 20px;}
/* 브랜드 이미지 */
.natures_grid_box > li > img {max-width: 150px; width: 100%; height: auto;}
.natures_grid_box .nodata {position:absolute; top:0; left:0; width:100%; font-size:18px; font-weight:400; line-height:30px; color:#222; word-break:keep-all; text-align:center}

.cmtengy_container .swiper-slide {
    max-height: 440px;
    position: relative;
}
.sep_pc_slide .swiper-slide {
    max-width: 760px !important;
}
.active_txt_box {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
    padding: 35px 70px;
    background-color: #222222;
    color: #fff;
    text-align: center;
    margin-top: -100px;
    position: relative;
    z-index: 1;
}
.active_txt_box > div {
    opacity: 0;
    display: none;
}
.active_txt_box > div.show {
    opacity: 1;
    display: block;
    position: relative;
}
.active_txt_box > div > h1 {
    font-size: 26px;
    line-height: 46px;
}
.active_txt_box > div > h1::after {
    content: "";
    width: 26px;
    height: 3px;
    display: block;
    background-color: #808080;
    margin: 12px auto 18px;
}
.active_txt_box > div > p {
    font-size: 16px;
    line-height: 30px;
    color: #d3d3d3;
    word-break: keep-all;
}
.wwf_slide .prtnr_slide {
    top: 0;
    margin-top: 52px
}
.wwf_slide .swiper-pagination {
    margin-top: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.wwf_slide .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 30px 0 0;
}
.wwf_slide .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin-right: 0;
}
.wwf_slide .swiper-pagination-bullet-active {
    background: #e98300;
    width: 12px;
    height: 12px;
}
/* .wwf_slide .swiper-pagination {
    opacity: 0;
} */
/* 기후 에너지 - section_04 */ 
.clim_energy_cont04 * {
    letter-spacing: -0.04em;
}
.clim_energy_cont04 {
    position: relative;
    background: url('/img/newbird/activity/energy/img_activity_sec03_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: auto;
    padding: 100px 0 70px;
}
/* .cont04_txt_box {
    position: absolute;
    display: block;
    bottom: 15%;
} */
/* .clmt_txt_box {
    padding-top: 160px;
} */
.cont04_txt_box > h1 {
    font-size: 50px;
    line-height: 54px;
    color: #fff;
}
.cont04_txt_box > p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    padding: 30px 0 45px;
}
.cont04_txt_box > div > h2 {
    font-size: 22px;
    line-height: 26px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.cont04_txt_box > div > ul {
    margin-top: 15px;
}
.cont04_txt_box > div > ul > li {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
.cont04_txt_box > div > ul > li::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #e98300;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}


/* 기후 에너지 - section_05 */ 
.clim_energy_cont05 * {
    letter-spacing: -0.04em;
}
.clim_energy_cont05 {
    padding: 120px 0;
}
.clim_energy_cont05 > .energy_cont_list > ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}
.clim_energy_cont05 > .energy_cont_list > ul:last-child {
    margin-bottom: 0;
}
.clim_energy_cont05 > .energy_cont_list > ul > li {
    width: calc(50% - 30px);
}
.clim_energy_cont05 > .energy_cont_list > ul > li > div {
    max-width: 710px;
}
.clim_energy_cont05 > .energy_cont_list > ul > li > div > h1 {
    font-size: 26px;
    line-height: 46px;
    padding: 30px 0 20px;
}
.clim_energy_cont05 > .energy_cont_list > ul > li > div > h1 > .num {
    width: 34px;
    height: 34px;
    background-color: #e98300;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 38px;
}
.clim_energy_cont05 > .energy_cont_list > ul > li > .img_rate_wrap {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.338%;
    position: relative;
    overflow: hidden;
}
.clim_energy_cont05 > .energy_cont_list > ul > li > .img_rate_wrap > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.clim_energy_cont05 > .energy_cont_list > ul > li > img {
    width: 100%;
}
/* .clim_energy_cont05 > .energy_cont_list > ul > li.enr_img_01 > div > h1::before {
    content: "1";
}
.clim_energy_cont05 > .energy_cont_list > ul > li.enr_img_02 > div > h1::before {
    content: "2";
}
.clim_energy_cont05 > .energy_cont_list > ul > li.enr_img_03 > div > h1::before {
    content: "3";
}
.clim_energy_cont05 > .energy_cont_list > ul > li.enr_img_04 > div > h1::before {
    content: "4";
} */
.clim_energy_cont05 > .energy_cont_list > ul > li > div > p {
    font-size: 18px;
    line-height: 32px;
    color: #808080;
    word-break: keep-all
}
.mob_cont05_list {
    display: none;
}
.sep_report_cont {
    padding: 120px 0 0 !important;
}

/* 기후 에너지 - section_06 */ 
.clim_energy_cont06 {
    /* padding-top: 120px; */
    border-top: 1px solid #e5e5e5;
}
.cmtengy_container {
    position: relative;
}

/* ==== 활동 - 해양 START ==== */

/* 메인 배너 이미지 */
.oceans_page_wrap * {
    letter-spacing: -0.04em;
}
.activity_bg_02 {
    background: url('/img/newbird/activity/oceans/img_ocean_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 해양 - section_02 */
.ocn_cont02 > .ocn_list_box {
    width: auto;
}
.ocn_cont02 > .ocn_list_box > ul > li > s.ocean_icon_01 {
    background: url('/img/newbird/activity/oceans/img_ocean_icon01.png') #fff no-repeat;
    background-position: center;
    background-size: 124px auto;
}
.ocn_cont02 > .ocn_list_box > ul > li > s.ocean_icon_02 {
    background: url('/img/newbird/activity/oceans/img_ocean_icon02.png') #fff no-repeat;
    background-position: center;
    background-size: 139px auto;
}
.ocn_cont02 > .ocn_list_box > ul > li > s.ocean_icon_03 {
    background: url('/img/newbird/activity/oceans/img_ocean_icon03.png') #fff no-repeat;
    background-position: center;
    background-size: 103px auto;
}
.ocn_cont02 > .ocn_list_box > ul > li > s.ocean_icon_04 {
    background: url('/img/newbird/activity/oceans/img_ocean_icon04.png') #fff no-repeat;
    background-position: center;
    background-size: 120px auto;
}
.onc_cont03 {
    padding: 120px 0 120px;
}
.ocn_grytxt {
    background-color: #eeeeee;
    padding: 45px 65px;
    width: 57%;
    margin: 50px auto 0;
}
.ocn_grytxt > p {
    font-size: 16px;
    line-height: 30px;
    color: #808080;
}
.ocn_grytxt > p::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #e98300;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}
.ocn_cont04 {
    background: url('/img/newbird/activity/oceans/img_ocean_sec03_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 600px;
    /* margin-top: 120px; */
    position: relative;
}
.ocn_cont04_txt  {
    position: absolute;
    bottom: 15%;
    display: block;
}
.active_txt_box02 {
    bottom: -80%;
}
.fd_slide {
    margin-bottom: 0 !important;
}


/* ==== 활동 - 야생동물 START ==== */
.wildlife_page_wrap * {
    letter-spacing: -0.04em;
}
/* 메인 배너 이미지 */
.activity_bg_03 {
    background: url('/img/newbird/activity/wilelife/wildelife_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 야생동물 - section_02 */
.wildlife_cont02 > .wildlife_list_box > ul > li > s.wdlf_icon_01 {
    background: url('/img/newbird/activity/wilelife/wildelife_icon_01.png') #fff no-repeat;
    background-position: center;
    background-size: 120px auto;
}
.wildlife_cont02 > .wildlife_list_box > ul > li > s.wdlf_icon_02 {
    background: url('/img/newbird/activity/wilelife/wildelife_icon_02.png') #fff no-repeat;
    background-position: center;
    background-size: 106px auto;
}
.wildlife_cont02 > .wildlife_list_box > ul > li > s.wdlf_icon_03 {
    background: url('/img/newbird/activity/wilelife/wildelife_icon_03.png') #fff no-repeat;
    background-position: center;
    background-size: 116px auto;
}
.wildlife_cont02 > .wildlife_list_box > ul > li > s.wdlf_icon_04 {
    background: url('/img/newbird/activity/wilelife/wildelife_icon_04.png') #fff no-repeat;
    background-position: center;
    background-size: 111px auto;
}
.wildlife_cont02 > .wildlife_list_box > ul > li > s.wdlf_icon_05 {
    background: url('/img/newbird/activity/wilelife/wildelife_icon_05.png') #fff no-repeat;
    background-position: center;
    background-size: 135px auto;
}
/* .wildlife_cont02 .wildlife_list_box {
    width: calc(100% - 440px);
} */
.wildlife_cont02 .wildlife_list_box > ul {
    justify-content: space-evenly;
}
.wildlife_cont02 .wildlife_list_box > ul > li {
    width: auto;
}
.wildlife_cont02 .wildlife_list_box > ul > li > div {
    max-width: 420px;
    width: 100%;
}
.wildlife_cont02 .wildlife_list_box > ul:first-child {
    margin: 80px 0 0;
}
/* .wildlife_cont02 .wildlife_list_box > ul:last-child {
    width: 70%;
    margin: 0 auto;
} */


/* ==== 활동 - 식량 START ==== */
.food_page_wrap * {
    letter-spacing: -0.04em;
}
/* 메인 배너 이미지 */
.activity_bg_04 {
    background: url('/img/newbird/activity/food/img_food_img.png') no-repeat;
    background-size: cover;
    background-position: center;
}
.food_cont02 .food_list_box {
    width: auto;
}
.food_cont02 .food_list_box > ul > li > div {
    max-width: 360px;
    width: 100%;
}
.food_cont02 .food_list_box > ul > li > s.food_icon_01 {
    background: url('/img/newbird//activity/food/img_food_icon01.png') #fff no-repeat;
    background-position: center;
    background-size: 95px auto;
}
.food_cont02 .food_list_box > ul > li > s.food_icon_02 {
    background: url('/img/newbird//activity/food/img_food_icon02.png') #fff no-repeat;
    background-position: center;
    background-size: 85px auto;
}
.food_cont02 .food_list_box > ul > li > s.food_icon_03 {
    background: url('/img/newbird//activity/food/img_food_icon03.png') #fff no-repeat;
    background-position: center;
    background-size: 85px auto;
}
.food_cont02 .food_list_box > ul > li > s.food_icon_04 {
    background: url('/img/newbird//activity/food/img_food_icon04.png') #fff no-repeat;
    background-position: center;
    background-size: 86px auto;
}

/* ==== 슬라이드 영역 top 값 제거 ==== */
.sep_slide {
    top: 0 !important;
}

.food_cont03 {
    padding: 120px 0 0;
}



/* ==== 활동 - 담수 START ==== */
.freshwater_page_wrap * {
    letter-spacing: -0.04em;
}
/* 메인 배너 이미지 */
.activity_bg_05 {
    background: url('/img/newbird/activity/fresh_water/img_freshwater_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 담수 - section_02 */
.fwr_cont02 > .fwr_list_box > ul > li > s.fwr_icon_01 {
    background: url('/img/newbird/activity/fresh_water/img_fw_icon01.png') #fff no-repeat;
    background-position: center;
    background-size: 120px auto;
}
.fwr_cont02 > .fwr_list_box > ul > li > s.fwr_icon_02 {
    background: url('/img/newbird/activity/fresh_water/img_fw_icon02.png') #fff no-repeat;
    background-position: center;
    background-size: 90px auto;
}
.fwr_cont02 > .fwr_list_box > ul > li > s.fwr_icon_03 {
    background: url('/img/newbird/activity/fresh_water/img_fw_icon03.png') #fff no-repeat;
    background-position: center;
    background-size: 68px auto;
}
.fwr_cont02 > .fwr_list_box > ul > li > s.fwr_icon_04 {
    background: url('/img/newbird/activity/fresh_water/img_fw_icon04.png') #fff no-repeat;
    background-position: center;
    background-size: 53px auto;
}
.fwr_cont02 > .fwr_list_box > ul > li > s.fwr_icon_05 {
    background: url('/img/newbird/activity/fresh_water/img_fw_icon05.png') #fff no-repeat;
    background-position: center;
    background-size: 102px auto;
}
.fw_cont03 {
    padding: 120px 0 0;
}


/* ==== 활동 - 산림 START ==== */
.forests_page_wrap * {
    letter-spacing: -0.04em;
}
/* 메인 배너 이미지 */
.activity_bg_06 {
    background: url('/img/newbird//activity/forests/img_forest_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

/* 산림 - section_02 */
.frst_cont02 > .frst_list_box > ul {
    justify-content: space-evenly;
}
.frst_cont02 > .frst_list_box > ul > li {
    width: auto;
}
.frst_cont02 > .frst_list_box > ul > li > div {
    max-width: 435px;
    width: 100%;
}
.frst_cont02 > .frst_list_box > ul > li > s.frst_icon_01 {
    background: url('/img/newbird/activity/forests/img_for_icon01.png') #fff no-repeat;
    background-position: center;
    background-size: 148px auto;
}
.frst_cont02 > .frst_list_box > ul > li > s.frst_icon_02 {
    background: url('/img/newbird/activity/forests/img_for_icon02.png') #fff no-repeat;
    background-position: center;
    background-size: 90px auto;
}
.frst_cont02 > .frst_list_box > ul > li > s.frst_icon_03 {
    background: url('/img/newbird/activity/forests/img_for_icon03.png') #fff no-repeat;
    background-position: center;
    background-size: 118px auto;
}
.frst_cont03 {
    padding: 120px 0 0;
}
.frst_cont04 {
    background: url('/img/newbird//activity//forests//img_forest_sec03_bg.png') no-repeat !important;
    background-size: cover;
    background-position: center;
    margin-top: 0;
    position: relative;
}
.act_last_cont {
    padding: 70px 0 0;
}


/* ==== 활동 - 금융 START ==== */
.forests_page_wrap * {
    letter-spacing: -0.04em;
}
/* 메인 배너 이미지 */
.activity_bg_07 {
    background: url('/img/newbird//activity/finance/img_finance_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}
.fnc_bn_cont > div > p {
    margin-top: 0;
}
.fnc_bn_cont_02 > div > s {
    background: url('/img/newbird/activity/finance/img_sec03_bg.png') no-repeat;
    background-size: cover;
}
.sec03_txt > h3 {
    text-align: left;
    margin-bottom: 48px;
}
.fnc_bttm_txt {
    margin-top: 60px;
}
.fnb_cont03 {
    padding: 120px 0;
}

.fnc_slide .prtnr_slide {
    margin-top: 0;
}



/* ==== 활동 - 비즈니스 START ==== */
.wwf_business_wrap * {
    letter-spacing: -0.04em;
}
/* 메인 배너 이미지 */
.activity_bg_08 {
    background: url('/img/newbird//activity/business/img_business_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.wwf_bsns_cont_02 > div > s {
    background: url('/img/newbird//activity//business/img_sec03_bg.png') no-repeat;
    background-size: cover;
}

.bsns_cont03 * {
    letter-spacing: -0.04em;
}
.bsns_cont03 {
    padding: 120px 0;
}

/* ==== 슬라이드 영역 ==== */
.bsns_slide_sec {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 60px;
}
.bsns_slide_sec img {
    width: 90%;
}
.bsns_slide_sec .swiper-button-next,
.bsns_slide_sec .swiper-button-prev {
    margin-top: 0;
    border-radius: 50%;
    top: 46%;
    transform: translateY(-50%);
}
.bsns_slide_sec .swiper-button-prev {
    left: 3.5%;
    width: 60px;
    height: 60px;
    background: #e98300 url(/img/newbird/main/main_exer_prev.png) no-repeat 21px 17px;
    background-size: 14px auto;
    
    /* background-size: 60px auto;
    background-image: url('/img/newbird/activity/partnership/pre_btn.png'); */
}
.bsns_slide_sec .swiper-button-next {
    right: 3.5%;
    width: 60px;
    height: 60px;
    background: #e98300 url(/img/newbird/main/main_exer_next.png) no-repeat 25px 17px;
    background-size: 14px auto;

    /* background-size: 60px auto;
    background-image: url('/img/newbird/activity/partnership/next_btn.png'); */
}
.bsns_slide_sec .swiper-slide > p {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    font-weight: 400;
}
/* .bsns_slide_cont .swiper-pagination {
    display: none;
} */
.bsns_slide_cont .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 20px; */
}
.bsns_slide_cont .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #222;
    opacity: 1;
    margin: 0 15px 0 0;
}
.bsns_slide_cont .swiper-pagination-clickable .swiper-pagination-bullet:last-child {
    margin: 0;
}
.bsns_slide_cont .swiper-pagination-clickable .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #e98300;
}
.bsns_cont04 {
    background: url('/img/newbird/activity/business/img_sec04_bg.png') no-repeat;
    background-size: 100% auto;
    background-position: center;
    display: block;
    width: 100%;
    height: 600px;
    position: relative;
}
.bsns_txt_box {
    position: absolute;
    bottom: 15%;
    display: block;
}
.bsns_txt_box > p {
    font-size: 28px;
    padding: 48px 0 20px;
}
.bsns_txt_box > p > strong {
    color: #e98300;
    font-weight: 400;
}
.bsns_txt_box > p > b {
    font-weight: 400;
    color: #e98300;
}
.bsns_txt_box > span {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
}
.bsns_cont05 {
    padding: 120px 0;
}
.bsns_cont05 > div {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    padding: 80px 0;
    border-bottom: 1px solid #eeeeee;
}
.bsns_cont05 > div:first-child {
    padding-top: 0;
}
.bsns_cont05 > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.bsns_cont05 > div > div {
    width: calc(100% / 2 - 30px);
}
.bsns_cont05 > div > div > img {
    width: 100%;
}
.bsns_cont05_img_rate {
    display: block;
    width: 100%;
    height: 100%;
    /* height: 0;
    padding-bottom: 74.647%; */
    position: relative;
    overflow: hidden;
}
.bsns_cont05_img_rate > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bsns_cont05 > div > div > h1 {
    font-size: 26px;
    line-height: 46px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.bsns_cont05 > div > div > h1 > .num {
    width: 34px;
    height: 34px;
    background-color: #e98300;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 38px;
}
/* .bsns_cont05 > div > div.bsns_list_01 > h1::before {
    content: "1";
}
.bsns_cont05 > div > div.bsns_list_02 > h1::before {
    content: "2";
}
.bsns_cont05 > div > div.bsns_list_03 > h1::before {
    content: "3";
}
.bsns_cont05 > div > div.bsns_list_04 > h1::before {
    content: "4";
} */
.bsns_cont05 > div > div > p {
    text-align: left;
    margin-top: 20px;
    word-break:keep-all;
}
.bsns_cont05 > div > div > ul {
    margin-top: 25px;
}
.bsns_cont05 > div > div > ul > li  {
    margin-bottom: 20px;
}
.bsns_cont05 > div > div > ul > h1 {
    font-size: 22px;
    line-height: 46px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.bsns_cont05 > div > div > ul > li > h2 {
    font-size: 18px;
    line-height: 32px;
    transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
}
.bsns_cont05 > div > div > ul > li > h2::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #e98300;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}
.bsns_cont05 > div > div > ul > li > p {
    padding-left: 17px;
    font-size: 16px;
    line-height: 30px;
    color: #808080;
}
.bsns_cont06 {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap:60px;
    row-gap:80px;
    padding:120px 0 0;
}
.bsns_cont06 > div {
    width:calc(50% - 30px);
}
.bsns_cont06 > div > div {
    display:block;
    width:100%;
    line-height:0;
}
.bsns_cont06 > div > div.imgwrap {
    overflow:hidden;
    display:flex;
    justify-content: center;
    aspect-ratio:710/473;
}
.bsns_cont06 > div > div > img {
    width:auto;
}
.bsns_cont06 > div h1 {
    overflow: hidden;
    position:relative;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    box-sizing:border-box;
    width:auto;
    margin-top:-25px;
    margin-left:60px;
    margin-right:60px;
    padding:0 40px;
    background-color:#000;
    font-size:20px;
    font-weight:400;
    line-height:50px;
    color:#fff;
    text-align:left;
    word-break:keep-all;
}
.bsns_cont06 > div p {
    box-sizing:border-box;
    margin-top:35px;
    margin-left:60px;
    margin-right:60px;
    line-height:30px;
    text-align:left;
}

.history_video_cont {
    width: 100%;
}

.history_video_cont > div {
    width: 74%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 41.625%;
    overflow: hidden;
}

.history_video_cont > div > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.infographic_area {
    padding: 60px 0 0;
    height: auto;
}
.infographic_area > div {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.ig_box_01 {
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    position: absolute;
    bottom: -10px;
    right: -10px;
}
.ig_sub_box {
    display:flex;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dddddd;
    padding: 10px;
    position: relative;
}
.ig_sub_box .ig_cont_wrap {
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width:100%;
    border: 1px solid #eeeeee;
    padding: 30px 60px;
}
.ig_sub_box .ig_txt_box {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.ig_sub_box .ig_txt_box > strong {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: -0.04em;
    font-weight: 600;
    word-break:keep-all;
}
.ig_sub_box .ig_txt_box > strong > span {
    color: #e98300;
}
.ig_sub_box .ig_txt_box > p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.04em;
    padding: 30px 0 0;
    word-break:keep-all;
}

.ig_sub_box .ig_txt_box > p > span {
    color: #e98300;
}
.ig_sub_box .ig_txt_box > .n_btn {
    margin-top:30px;
    padding:0 69px;
}
.ig_sub_box .ig_imgwrap {
    overflow:hidden;
    width:580px;
    padding:0 120px;
}
.ig_sub_box .ig_imgwrap img {
    float:left;
    width:100%;
}





/* ===== 2022.04.21 스타일 수정 ===== */
.bo_gall_list .bo_gall_infos {
    min-height: 266px;
    /*height: 100%;*/
}
.fw_300 {
    font-weight: 300;
}
.briefing_txt > li {
    transform: rotate(0.04deg);
    font-weight: 400;
}
.pl_free_title_wrap .pl_free_title {
    display: block;
}
.pl_free_title_wrap > .color_pink {
    font-size: 60px;
    line-height: 77px;
    font-weight: 700;
    letter-spacing: -0.04em;
    word-break: keep-all;
}
.bo_gall_list .bo_gall_thum_wrap {
    border: 1px solid #eeeeee;
    border-bottom: 0;
}
/* .job_process_item:first-child i {
    margin-left: -25px;
} */
.video_sec_txt > strong {
    color: #e98300;
    font-weight: 300;
}
.clmt_txt_box > h1 > strong {
    color: #e98300;
}
.bsns_txt_box > h1 > strong {
    color: #e98300;
}
.frst_list_box > ul > li:nth-child(2) > s {
    background-size: 108px auto !important;
}
.sld_list > div > p > strong {
    display: block;
    font-size: 32px;
}




/* ==== 22.04.19 게시판 스타일 수정 ==== */
#bo_v_atc {
    width: 85%;
    margin: 0 auto;
}
#bo_v_con > ul > li {
    font-size: 12pt;
}



/* ==== 22.04.25 footer sns link 추가 ====*/
.footer_bttm_link {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid #000000;
}
.footer_sns_area {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.footer_sns_area > a {
    padding: 0 15px;
}
.footer_sns_area > a > img {
    max-width: 16px;
    width: 100%;
}
.footer_sns_area > a:nth-child(3) > img {
    max-width: 9px;
}
.footer_sns_area > a:nth-child(5) > img {
    max-width: 12px;
}
.footer_sns_area > span {
    font-size: 22px;
    margin-right: 15px;
}

/* 22.11.17 adm 스타일 추가 */
.bo_gall_thum_wrap .view_cate {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    font-size: 14px;
    color: #fff;
    width: 115px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.bo_gall_thum_wrap .view_cate01 {
    background: #70AD47;
}
.bo_gall_thum_wrap .view_cate02 {
    background: #FFC000;
}
.bo_gall_thum_wrap .view_cate03 {
    background: #5B9BD5;
}
.bo_gall_thum_wrap .view_cate04 {
    background: #44546A;
}
.bo_gall_thum_wrap .view_cate05 {
    background: #ED7D31;
}
.write_new {
    display: flex;
    align-items: center;
}
.write_new .wr_cont {
    padding-left: 20px;
}
.write_new .wr_cont .wr_list input {
    height: 30px;
    margin-right: 5px;
    border: none !important;
    box-shadow: none;
}
.write_new .wr_ttl {
    background: #ccc;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.write_new .wr_ttl label {
    padding: 16px 28px !important;
}
#reserveDate {
    display: flex;
    align-items: center;
}
#reserveDate .wr_ttl {
    max-width: 149px;
    width: 100%;
    background: #ccc;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#reserveDate .reserve_cont {
    padding-left: 20px;
}
#reserveDate .reserve_cont .sub {
    margin: 10px 0;
}
#reserveDate .reserve_cont select {
    height: 50px;
    font-size: 16px;
}
#bo_w .write_new {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}


/* 230221 추가 */
.audit_sys_bnr .main_container {
    height: auto;
}
.audit_sys_bnr .fff_txt > a.mail_link {
    color: #fff;
    text-decoration: underline;
}

/* 230523 추가 */
.inner_1820 {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1820px;
}
.main_board_tab {
    justify-content: center;
}
.main_board_tab .main_board_tab_item:last-child {
    margin-right: 0;
}

/* .main_latest_wrap .main_board_cont {
    pointer-events: none;
}

.main_board_cont01.show {
    pointer-events: all;
}

.main_board_cont02.show {
    pointer-events: all;
}

.main_board_cont03.show {
    pointer-events: all;
}

.main_board_cont04.show {
    pointer-events: all;
} */

.main_latest_wrap .main_board_cont .more_btn {
    margin: 0 auto;
}

.main_latest_wrap .main_board_cont .more_btn > a {
    display: block;
    background-color: #e98300;
    border: 1px solid #e98300;
    max-width: 200px;
    width: 100%;
    margin: 70px auto 0 ;
    padding: 10px 0;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    transition: all 0.2s ease-in;
}

.main_latest_wrap .main_board_cont .more_btn > a:hover {
    transition: all 0.2s ease-in;
    background-color: #111111;
    border: 1px solid #f4c180;
}

.footer_letter .chk_box {
    display: block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    user-select: none;
}
.footer_letter .chk_box:hover {
    text-decoration: underline;
}
.footer_letter .chk_box input[type="checkbox"] {
    display: none;
}
.footer_letter .on {
    width: 22px;
    height: 22px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: -1px;
    left: 0; 
}
.footer_letter .chk_box input[type="checkbox"]:checked + .on {
    background: #fff;
}
.footer_letter .on:after {
    content: "";
    position: absolute;
    display: none;
}
.footer_letter .chk_box input[type="checkbox"]:checked + .on:after {
    display: block;
}
.footer_letter .on:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fa7c07;
    width: 12px;
    height: 12px;
}
.footer_letter_form {
    position: relative;
    margin-top: 40px;
}
.footer_letter_form .essential_t {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    color: #888888;
}
.footer_letter_form .chk_wrap {
    padding: 20px 0 40px;
    border-top: 1px solid #ededed;
}
.footer_letter_form .agree_input {
    transform: rotate(0.04deg);
}
.footer_letter_form .agree_input:first-child {
    margin-bottom: 8px;
}
.footer_letter_form .btn_box button {
    width: 100%;
}




.mktWrp .yak_cont {font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;}
/* .mktWrp .yak_title {text-align: center;} */
.mktWrp .yak_cont h3 {color: rgb(0,94,123);font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;}
.mktWrp .yak_cont p {font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;}



/* 23.10.23 추가 */
.footer_link > a:nth-child(2) {font-size: 17px;color: #1b1b1b;}



/* 23.11.03 추가개발 */
/* pact_cafe */
.pact_cafe_hero .campaign_banner_txt .tit > strong > b {color: #db1864;}
.pact_cafe_hero .campaign_banner_txt .campaign_btn > a {background: #db1864;}
.pact_cafe_hero .pact_cafe_banner_bg {background-image: url('/img/newbird/support/pact_cafe/pact_cafe_hero.jpg'); background-repeat: no-repeat; background-position: center;}
.pact_cafe_hero .pact_cafe_banner_bg .campaign_banner_txt .tit {color: #fff;letter-spacing: -0.04em;}
.pact_cafe_hero .campaign_btn > a {letter-spacing: -0.04em;}

.pact_sct01 .intro_txt_cont > div > p > strong {color: #db1864;}
.pact_sct01 .intro_txt_cont .mob_intro_txt > dd {font-size: 16px;line-height: 28px;margin-top: 20px;letter-spacing: -0.04em;}
.pact_sct02 .board_search_wrap {max-width: 690px;width: 100%;margin-left: auto;margin-bottom: 20px;}
.pact_sct03 * {letter-spacing: -0.04em;}
.pact_sct03 {padding-top: 60px;}
.pact_sct03 .extinction_sec03 {margin-top: 0;}
.pact_sct03 .extinction_sec03 .left_txt_box > h2 {font-size: 45px;line-height: 60px;word-break: keep-all;}
.pact_sct03 .extinction_sec03 .left_txt_box > h3 {color: #db1864;word-break: keep-all;}
.pact_sct03 .extinction_sec03 .left_txt_box > p {word-break: keep-all;}
.pact_sct03 .extinction_sec03 .left_txt_box > a {display: block !important;font-size: 25px;font-weight:500;text-align: center;padding: 25px 0;background: #db1864;}
.pact_board {border-top: 1px solid #ededed;padding-top: 100px;}
.pact_board .pg_wrap {margin-top: 0;}
.pact_gall_list .bo_gall_list_othercamp {margin-bottom: 0;}
.pact_gall_list .bo_gall_list_othercamp .bo_gall_item:nth-child(3n) {margin: 0;}

.pact_sct04 .pact_together_banner .color_org {color: #db1864;}
.pact_sct04 .pact_together_banner .campaign_btn {width: 305px;background-color: #db1864;color: #fff;padding-top: 3px;}
#pact_cont_wrap .bo_gall_wrap {margin-bottom: 0;}
/* .pact_sct04 .pact_together_banner .color_org > span{-webkit-text-stroke: 0;position:absolute;top:0;left:0;font-size: 85px;font-weight: 700;line-height: 98px;letter-spacing: -0.06em;word-break: keep-all;} */
/* text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; text-shadow: 1px 1px 5px #fff; */
.pact_board .bo_gall_list_othercamp .bo_gall_thum_wrap:after {border: 8px solid #db1864 !important;}



/* 플라스틱 */
.pl_cafe_list {border-top: 1px solid #ededed;padding-top: 80px;}
/* .plastic_hero_bg {background: url('/img/newbird/activity/plastic/plastic_hero_bg.jpg') no-repeat;background-size: cover;background-position: center;}
.plastic_sct03 .pct_cont .pct_icon_list > ul > li > s.frst_icon_01 {background: url('/img/newbird/activity/plastic/sct03_icon01.svg') #fff no-repeat;background-position: center;background-size: 120px auto;}
.plastic_sct03 .pct_cont .pct_icon_list > ul > li > s.frst_icon_02 {background: url('/img/newbird/activity/plastic/sct03_icon02.svg') #fff no-repeat;background-position: center;background-size: 120px auto;}
.plastic_sct03 .pct_cont .pct_icon_list > ul > li > s.frst_icon_03 {background: url('/img/newbird/activity/plastic/sct03_icon03.svg') #fff no-repeat;background-position: center;background-size: 120px auto;} */


/* 야생동물 */
.wild_animals_wrap {border-top: 1px solid #ededed;}
.wild_animals_wrap .animals_list {padding-top: 120px;}
.wildlife_gall_wrap .bo_gall_list_othercamp .bo_gall_infos {padding: 0;}
.wildlife_gall_wrap {padding:0 0 100px;}
.wildlife_gall_wrap  .bo_gall_list_othercamp .bo_gall_item {margin-top: 30px;}


/* header */
.header_nav_pc .header_nav_activity .header_nav_depth02_right02 {background-color: #f5f5f5;border-left: 1px solid #e5e5e5;}
.header_nav_pc .header_nav_activity .header_nav_depth02_right02 > li > a {background-color: #f5f5f5;}
.header_nav_pc .header_nav_depth03_right {display: none; position: absolute;top: 0;right: -220px;max-width: 220px; height: 100%;background-color: #f5f5f5 !important;box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.05);}
.header_nav_pc .header_nav_activity .header_nav_depth03_right {border-left: 1px solid #e5e5e5;}
.header_nav_pc .header_nav_activity .header_nav_depth03_right > li > a {background-color: #f5f5f5;}
.header_nav_depth02_right .nav_activity_right .arr_ico {background: url('/img/newbird/main/icon_nav_arrow.png') no-repeat;width: 7px;height: 11px;background-size: contain;background-position: center;margin-left: auto;}
.header_nav_depth03_right.show {display: block;}
.header_nav_depth03_right > li {padding-top: 60px;}

.edit_cont {text-align: right;}
.adm_edit {display: none;}
.edit_cont::marker {font-size: 0;}


/* 야생동물 01 */
.wild_animals01 .anm01_sct02 .anm_banner {display: block;width: 100%;position: relative;}
.wild_animals01 .campaign_banner_txt .tit > span {display: block;margin-left: 5px;}
.wild_animals01 .campaign_banner_txt .tit > span.w_font {font-size:30px; line-height:32px; color: #fff; text-transform:uppercase;}
.wild_animals01 .campaign_banner_txt .tit strong > b {display:block; vertical-align:middle; margin-top:15px; font-size:68px; line-height:78px;}
.bear_video_sct .bear_bg {padding: 150px 0;}
.bear_video_sct .pl_free_sec03_left_txt .pl_free_title_wrap .pl_free_title {font-size: 54px;line-height: 70px;font-weight: 500;}
.anm01_sct02 .wild_anm01 .cont04_txt_box p {padding: 0;font-size: 30px;line-height: 48px;}

.wildlife_page_wrap .ig_sub_box .ig_imgwrap {
    width:405px;
    padding:0;
}


/* 온라인 참여 */
.online_sct01 {margin-top: 60px;}
.online_sct01 .online_gall_list .bo_gall_item .bo_gall_tit {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 80px); height: auto;}
.online_sct01 .online_gall_list .bo_gall_item .bo_gall_cont {max-height: none;text-overflow: inherit;overflow: inherit;display: block;}
.online_sct02 {padding-top: 100px;}
.online_sct03 .pl_free_banner {background-size: cover;background-position: center;}


/* #wild_ani_wrap .active_txt_box > div.show {position: absolute;left: 0;padding: 0 20px;} */
.pl_way_slide .slide_cont .swiper-slide > div {width: 100%;height: 100%;}


.mob_nav_depth02_gray > li:nth-child(2) {position: relative;}
.mob_nav_depth02_gray > li:nth-child(2) > a {width: 87%;}
.mob_nav_depth02_gray > li:nth-child(2) > .arr_ico {display: inline-block;background: url('/img/newbird/main/icon_nav_arrow.png') no-repeat;transform: rotate(90deg);width: 20px;height: 11px;background-size: contain;background-position: center;position: absolute;top: 17px;right: 20px;cursor: pointer;}
.mob_nav_depth02_gray > li:nth-child(2) > .arr_ico.on {transform: rotate(-90deg);}
.mob_nav_depth02_gray .nav_depth03 {display: none;}
.mob_nav_depth02_gray .nav_depth03.show {display: block;}
.mob_nav_depth02_gray .nav_depth03 > li > a {display: block;height: 45px;padding: 0 30px;line-height: 45px;font-size: 13px;color: #222222;}
.mob_nav_depth02_gray .nav_depth03 > li > a.active {color: #e98300;font-weight: 700;}

.board_write_area form {margin-top: 60px;}

.wild_animals01 .campaign_banner_txt .tit {font-family: 'wwf',sans-serif;line-height: 32px;color:#fff;}

.main_banner_slide .swiper-slide .main_banner_txt_en > span.ko {font-size: 50px;line-height: 50px;font-weight: 600;}
.main_banner_slide .swiper-slide .main_banner_txt_ko > span.en {font-size: 30px;}
.main_banner_slide .swiper-slide .main_banner_txt_ko {font-family: 'wwf',sans-serif;}



/* 뉴스레터 구독신청 */
.lttrCntWrp .lttrBnr {background: url('/img/newbird/newsletter/letter_banner.png') no-repeat;background-size: cover;background-position: center;width: 100%;height: 260px;display: block;}
.lttrCntWrp .lttrBnr .lttrTtl {height: 100%;display: flex;align-items: center;justify-content: center; font-size: 48px;line-height: 60px;letter-spacing: -0.04em;color: #fff;text-align: center;}
.lttrCntWrp .subsInpCnt {background-color: #eeeeee;}
.lttrCntWrp .subsInpCnt .inner {max-width: 670px;width: 100%;margin: 0 auto;padding: 80px 0;}
.lttrCntWrp .subsInpCnt .subsInfo {width: 100%;margin: 0 auto;text-align: center;}
.lttrCntWrp .subsInpCnt .subsInfo .icon {display: flex;align-items: center;justify-content: center; background-color: #fff;width: 180px;height: 180px;border-radius: 100px;margin: 0 auto;}
.lttrCntWrp .subsInpCnt .subsInfo > p {margin: 22px 0 30px;font-size: 22px;line-height: 35px;letter-spacing: -0.04em;transform: rotate(0.04deg);}
.lttrCntWrp .em {color: #e98300;font-weight: 600;}
.lttrCntWrp .inputTbl {background-color: #fff;padding: 65px 95px;border: 1px solid #e5e5e5;}
.lttrCntWrp .inputTbl > div {display: flex;flex-direction: column;}
.lttrCntWrp .inputTbl > div > span {position: relative;display: flex;align-items: center; font-size: 18px;color: #222222;line-height: 30px;font-weight: 700;transform: rotate(0.04deg);}
.lttrCntWrp .inputTbl .sub {position: absolute;right: 0;color: #888888;font-size: 14px;line-height: 40px;font-weight: 500;transform: rotate(0.04deg);}
.lttrCntWrp .inputTbl > div > input {background-color: #f9f9f9;border: 1px solid #e5e5e5;height: 50px;padding: 0 10px;font-size: 16px;transform: rotate(0.04deg);}
.lttrCntWrp .inputTbl .check_area {padding-top: 15px;border-top: 1px solid #e5e5e5;}
.lttrCntWrp .inputTbl .check_area .em {color: #222222;font-weight: 600;    transform: rotate(0.04deg);}
.lttrCntWrp .inputTbl .check_area .chk_name {font-size: 18px;line-height: 40px;}
.lttrCntWrp .inputTbl .check_area .cmm_chk {margin-right: 10px;}
.lttrCntWrp .inputTbl .check_area .checkbox-wrap {padding-left: 34px;}
.lttrCntWrp .inputTbl .inpDiv {margin-bottom: 20px;}
.lttrCntWrp .cmm_btn {width: 100%;height: 60px;margin-top: 55px;background-color: #222222;color: #fff;text-align: center;font-size: 18px;line-height: 40px;transition: all 0.3s;transform: rotate(0.04deg);}
.lttrCntWrp .cmm_btn:hover {background-color: #e98300;transition: all 0.3s;}
.lttrCntWrp .chk_box {display: block;position: relative;padding-left: 30px;cursor: pointer;font-size: 16px;line-height: 26px;user-select: none;}
.lttrCntWrp .chk_box input[type="checkbox"] {display: none;}
.lttrCntWrp .chk_box .on {width: 22px;height: 22px;background: #ffffff;border: 1px solid #e5e5e5;position: absolute;top: 8px;left: 0;}
.lttrCntWrp .chk_box .on::after {position: absolute;content: ""; top: 50%;left: 50%;z-index:9;transform: translate(-50%, -50%);background-color: #fa7c07;width: 12px;height: 12px;display: none;}
.lttrCntWrp .chk_box input[type="checkbox"]:checked + .on {background: #fff;}
.lttrCntWrp .chk_box input[type="checkbox"]:checked + .on:after {display: block;}

.header_right .news_btn {border: 1px solid #fff;color: #fff;margin-left: 20px;transition: all 0.3s;}
.header_right .news_btn:hover {background-color: #e98300;border: 1px solid #e98300;transition: all 0.3s;}

@media screen and (max-width: 1600px) {
    .clim_energy_cont02 > .climate_list_box > ul > li > s {
        width: 220px;
        height: 220px;
    }
}


@media screen and (max-width: 1480px) {
    /* 메인 공통 */
    .main_container {
        background-size: cover;
    }
    .intro_txt_cont {
        width: 100%;
        margin: 0 auto;
    }
    .intro_txt_cont_02 > div > s {
        background-size: cover;
    }
    .intro_txt_cont_02 > div > div {
        padding: 60px 0;
        margin-left: 60px;
    }
    .common_title {
        font-size: 40px;
    }
    .common_title_lft::after {
        margin: 30px 0 60px;
    }
    .sepCmntxt28 {
        font-size: 22px;
        line-height: 34px;
        word-break: keep-all;
    }
    .sec03_txt > h3 {
        margin-bottom: 25px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }

    /* 소개 - 기관 소개  */
    .intro_bg_01 {
        background-position: left;
    }
    .intro_cir_cont > ul {
        justify-content: space-evenly;
    }
    .intro_cir_cont > ul > li {
        margin: 0 25px;
    }
    .intro_cir_cont > ul > li > div {
        width: 220px;
        height: 220px;
        margin: 0 auto 50px;
    }
    .intro_cir_cont > ul > li > div > span > strong {
        font-size: 34px;
    }
    .intro_cir_cont > ul > li > p {
        font-size: 16px;
    }

    /* 소개 - 투명경영 */
    .audit_system_cont {
        display: none;
    }
    .mob_audit_system_cont {
        display: block;
    }
    .mob_audit_system_cont {
        padding: 120px 0;
    }
    .mob_audit_system_cont > h1 > strong {
        display: block;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 60px;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li:last-child {
        margin-bottom: 0;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > s {
        width: 190px;
        height: 190px;
        display: block;
        border-radius: 100%;
        margin-right: 60px;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li.list_01 > s {
        background: #fff url('/img/newbird//intro/img_audit_icon_01.png') no-repeat;
        background-position: center;
        background-size: 50% auto;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li.list_02 > s {
        background: #fff url('/img/newbird//intro/img_audit_icon_05.png') no-repeat;
        background-position: center;
        background-size: 40% auto;
    } 
    .mob_audit_system_cont .mob_audit_cont_list ul > li.list_03 > s {
        background: #fff url('/img/newbird//intro/img_audit_icon_04.png') no-repeat;
        background-position: center;
        background-size: 42% auto;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li.list_04 > s {
        background: #fff url('/img/newbird//intro/img_audit_icon_02.png') no-repeat;
        background-position: center;
        background-size: 40% auto;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li.list_05 > s {
        background: #fff url('/img/newbird//intro/img_audit_icon_03.png') no-repeat;
        background-position: center;
        background-size: 40% auto;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div {
        width: 50%;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > strong {
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #e98300;
        transform: rotate(0.04deg); /* 폰트 깨짐이슈 대응 */
        word-break: keep-all;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > h4 {
        font-size: 16px;
        line-height: 28px;
        color: #666666;
        font-weight: 400;
        margin: 10px 0;
        word-break: keep-all;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > span {
        position: relative;
        padding-left: 15px;
        display: block;
        font-size: 15px;
        line-height: 30px;
        color: #808080;
        word-break: keep-all;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > span::before {
        content: "";
        width: 7px;
        height: 7px;
        background-color: #e98300;
        border-radius: 10px;
        display: inline-block;
        margin-right: 10px;
        position: absolute;
        top: 10px;
        left: 0;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > p {
        font-size: 14px;
        line-height: 23px;
        color: #e98300;
        font-weight: 600;
        margin-top: 10px;
        padding-left: 10px;
        transform: rotate(0.04deg); /* 폰트 깨짐이슈 대응 */
        position: relative;
        word-break: keep-all;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > p .blet {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div > p.f16 {
        font-size: 16px;
        color: #666666;
        font-weight: 400;
        margin: 15px 0;
        word-break: keep-all;
    }

    /* 소개 - 함께하는 사람들 */
    .intro_bg_04 {
        background-position: right;
    }
    .kr_amb_img_cont {
        width: 100%;
        max-width: 100%;
    }
    .kr_amb_txt_cont {
        width: 100%;
        max-width: 100%;
    }
    .ambssdrs_top_slider > .swiper-wrapper > .swiper-slide {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .krAmbssdrsCnt .swiper-button-prev,
    .krAmbssdrsCnt .swiper-button-next {
        display: none;
    }
    /* .krAmbssdrsCnt .swiper-button-prev {
        left: 6.25%;
    }
    .krAmbssdrsCnt .swiper-button-next {
        right: 6.25%;
    } */



    /* 소개 - 자원봉사자 모집 */
    .rc_process_cont > ul {
        display: block;
    }
    .rc_process_cont > ul > li {
        width: 100%;
    }
    .rc_process_cont > ul > li:first-child {
        margin-bottom: 60px;
    }
    .personal_info {
        margin-top: 70px;
    }


    /* 활동 - 기후 에너지 */
    .clim_energy_cont02 > .climate_list_box {
        display: none;
    }
    .clim_energy_cont02 {
        overflow: hidden;
        position: relative;
    }
    /* Mobile swiper 01 */
    .mob_clmListBx {
        display: block;
    }
    .mob_clmListBx .clmSlider > s {
        width: 220px;
        height: 220px;
        display: block;
        border-radius: 100%;
        margin: 0 auto;
    }
    .mob_clmListBx .clmSlider_01 > s {
        background: #fff url('/img/newbird/activity/energy/activity_icon_01.png') no-repeat;
        background-position: center;
        background-size: 90px auto;
    }
    .mob_clmListBx .clmSlider_02 > s {
        background: #fff url('/img/newbird/activity/energy/activity_icon_02.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .mob_clmListBx .clmSlider_03 > s {
        background: #fff url('/img/newbird/activity/energy/activity_icon_03.png') no-repeat;
        background-position: center;
        background-size: 84px auto;
    }
    .mob_clmListBx .clmSlider_04 > s {
        background: #fff url('/img/newbird/activity/energy/activity_icon_04.png') no-repeat;
        background-position: center;
        background-size: 94px auto;
    }
    .mob_clmListBx .clmSlider_05 > s {
        background: #fff url('/img/newbird/activity/energy/activity_icon_05.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .mob_clmListBx .clmSlider > div {
        width: calc(100% - 40px);
        margin: 28px auto 0;
        text-align: center;
    }
    .mob_clmListBx .clmSlider > div > h2 {
        font-size: 20px;
        line-height: 46px;
        color: #d60e47;
    }
    .mob_clmListBx .clmSlider > div > span {
        font-size: 16px;
        line-height: 28px;
        color: #808080;
        word-break: keep-all;
    }
    .mob_clmListBx .swiper-pagination {
        position: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
    .mob_clmListBx .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #222222;
        opacity: 1;
    }
    .mob_clmListBx .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #e98300;
    }
    .mob_clmListBx .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 15px 0 0;
    }
    .mob_clmListBx .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .clim_energy_cont05 > .energy_cont_list > ul > li > div > h1 {
        font-size: 22px;
        padding: 20px 0 10px;
    }
    .clim_energy_cont05 > .energy_cont_list > ul > li > div > p {
        font-size: 16px;
    }
    .clim_energy_cont05 > .energy_cont_list > ul:first-child {
        margin-bottom: 60px;
    }
    .energy_cont_list > ul > li {
        width: calc(50% - 20px);
        margin: 0 10px;
    }


    /* 활동 - 해양 */
    .mob_clmListBx .ocnslider_01 > s {
        background: #fff url('/img/newbird/activity/oceans/img_ocean_icon01.png') no-repeat;
        background-position: center;
        background-size: 110px auto;
    }
    .mob_clmListBx .ocnslider_02 > s {
        background: #fff url('/img/newbird/activity/oceans/img_ocean_icon02.png') no-repeat;
        background-position: center;
        background-size: 136px auto;
    }
    .mob_clmListBx .ocnslider_03 > s {
        background: #fff url('/img/newbird/activity/oceans/img_ocean_icon03.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .mob_clmListBx .ocnslider_04 > s {
        background: #fff url('/img/newbird/activity/oceans/img_ocean_icon04.png') no-repeat;
        background-position: center;
        background-size: 105px auto;
    }
    .ocn_grytxt {
        padding: 45px 70px;
    }
    .sepCmntxt18 {
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .ocn_cont04_txt > h1 {
        bottom: 25%;
        left: 5%;
    }


    /* 활동 - 야생동물 */
    .wildlife_cont02 .listCnt_sub_txt {
        width: calc(100% - 40px);
        margin: 0 auto 20px;
    }
    .mob_clmListBx .wdlfSlider_01 > s {
        background: #fff url('/img/newbird/activity/wilelife/wildelife_icon_01.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .mob_clmListBx .wdlfSlider_02 > s {
        background: #fff url('/img/newbird/activity/wilelife/wildelife_icon_02.png') no-repeat;
        background-position: center;
        background-size: 88px auto;
    }
    .mob_clmListBx .wdlfSlider_03 > s {
        background: #fff url('/img/newbird/activity/wilelife/wildelife_icon_03.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .mob_clmListBx .wdlfSlider_04 > s {
        background: #fff url('/img/newbird/activity/wilelife/wildelife_icon_04.png') no-repeat;
        background-position: center;
        background-size: 95px auto;
    }
    .mob_clmListBx .wdlfSlider_05 > s {
        background: #fff url('/img/newbird/activity/wilelife/wildelife_icon_05.png') no-repeat;
        background-position: center;
        background-size: 105px auto;
    }
    .wildlife_cont02 .wildlife_list_box {
        width: calc(100% - 140px);
    }

    .bsns_cont06 {
        column-gap:40px;
        row-gap:60px;
    }
    .bsns_cont06 > div {
        width:calc(50% - 20px);
    }
    .bsns_cont06 > div h1 {
        margin-left:40px;
        margin-right:40px;
        padding:0 30px;
    }
    .bsns_cont06 > div p {
        margin-top:30px;
        margin-left:40px;
        margin-right:40px;
    }


    /* 활동 - 식량 */
    .mob_clmListBx .fdSlider_01 > s {
        background: #fff url('/img/newbird/activity/food/img_food_icon01.png') no-repeat;
        background-position: center;
        background-size: 80px auto;
    }
    .mob_clmListBx .fdSlider_02 > s {
        background: #fff url('/img/newbird/activity/food/img_food_icon02.png') no-repeat;
        background-position: center;
        background-size: 78px auto;
    }
    .mob_clmListBx .fdSlider_03 > s {
        background: #fff url('/img/newbird/activity/food/img_food_icon03.png') no-repeat;
        background-position: center;
        background-size: 84px auto;
    }
    .mob_clmListBx .fdSlider_04 > s {
        background: #fff url('/img/newbird/activity/food/img_food_icon04.png') no-repeat;
        background-position: center;
        background-size: 82px auto;
    }


    
    /* 활동 - 담수 */
    .frwtSlider_01 > s{
        background: #fff url('/img/newbird//activity/fresh_water/img_fw_icon01.png') no-repeat;
        background-position: center;
        background-size: 110px auto;
    }
    .frwtSlider_02 > s{
        background: #fff url('/img/newbird//activity/fresh_water/img_fw_icon02.png') no-repeat;
        background-position: center;
        background-size: 80px auto;
    }
    .frwtSlider_03 > s{
        background: #fff url('/img/newbird//activity/fresh_water/img_fw_icon03.png') no-repeat;
        background-position: center;
        background-size: 60px auto;
    }
    .frwtSlider_04 > s{
        background: #fff url('/img/newbird//activity/fresh_water/img_fw_icon04.png') no-repeat;
        background-position: center;
        background-size: 52px auto;
    }
    .frwtSlider_05 > s{
        background: #fff url('/img/newbird//activity/fresh_water/img_fw_icon05.png') no-repeat;
        background-position: center;
        background-size: 106px auto;
    }



    /* 활동 - 산림 */
    .frst_01 > s {
        background: #fff url('/img/newbird//activity/forests/img_for_icon01.png') no-repeat;
        background-position: center;
        background-size: 136px auto;
    }
    .frst_02 > s {
        background: #fff url('/img/newbird//activity/forests/img_for_icon02.png') no-repeat;
        background-position: center;
        background-size: 90px auto;
    }
    .frst_03 > s {
        background: #fff url('/img/newbird//activity/forests/img_for_icon03.png') no-repeat;
        background-position: center;
        background-size: 108px auto;
    }


    /* 활동 - 비즈니스 */
    .bsns_cont04 {
        background-size: cover;
        background-position: center center;
    }
    .bsns_slide_sec .swiper-slide > p {
        width: 80%;
        font-size: 28px;
        line-height: 42px;
    }

    .ig_sub_box .ig_txt_box > p br {display:none;}
    .ig_sub_box .ig_imgwrap {
        width:580px;
        padding:0 60px;
    }


    /* 23.05.24 추가 */
    .pic_block_infos .pic_block_subject {
        font-size: 18px;
        line-height: 30px;
    }



    /* 23.11.09 추가 */
    .pact_sct03 .extinction_sec03 .left_txt_box > h2 {font-size: 40px;line-height: 54px;}


    .plastic_sct03 .pct_cont .pct_icon_list > ul > li > s.frst_icon_01 {background: url('/img/newbird/activity/plastic/sct03_icon01.svg') #fff no-repeat;background-position: center;background-size: 120px auto;}
    .plastic_sct03 .pct_cont .pct_icon_list > ul > li > s.frst_icon_02 {background: url('/img/newbird/activity/plastic/sct03_icon02.svg') #fff no-repeat;background-position: center;background-size: 120px auto;}
    .plastic_sct03 .pct_cont .pct_icon_list > ul > li > s.frst_icon_03 {background: url('/img/newbird/activity/plastic/sct03_icon03.svg') #fff no-repeat;background-position: center;background-size: 120px auto;}


    /* .mb_pl_sct03 .frst_01 > s {background: url('/img/newbird/activity/plastic/sct03_icon01.svg') #fff no-repeat;background-position: center;background-size: 100px auto;}
    .mb_pl_sct03 .frst_02 > s {background: url('/img/newbird/activity/plastic/sct03_icon02.svg') #fff no-repeat;background-position: center;background-size: 100px auto;}
    .mb_pl_sct03 .frst_03 > s {background: url('/img/newbird/activity/plastic/sct03_icon03.svg') #fff no-repeat;background-position: center;background-size: 100px auto;} */



    /* 뉴스레터 구독신청 */
    .lttrCntWrp .lttrBnr {height: 200px;}


    .wildlife_page_wrap .ig_sub_box .ig_txt_box {width:calc(100% - 400px);}
    .wildlife_page_wrap .ig_sub_box .ig_imgwrap {width:400px;}
}



@media screen and (max-width: 1024px) {
    .intro_txt_cont .hide {
        display: none;
    }
     /* 메인 공통 */
    .main_container {
        height: 400px;
        padding: 100px 0;
    }
    .main_container > .main_title > h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .main_container > .main_title > h1 {
        font-size: 40px;
        line-height: 50px;
        word-break: keep-all;
    }
    .main_container > .main_sub_list > ul {
        display: none;
    }
    .common_sub_menu > dl > dt > a {
        font-size: 16px;
    }

    /* 소개글 공통 */
    .common_title  {
        font-size: 30px;
        line-height: 52px;
        text-align: center;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .common_title::after {
        margin: 10px auto 30px;
    }
    .intro_txt_cont > div > p {
        font-size: 22px;
        line-height: 34px;
        margin-top: 40px;
        word-break: keep-all;
    }
    .natures_txtwrap > div > p {
        margin-top:0;
    }
    .intro_txt_cont {
        width: 100%;
        padding: 70px 0;
    }
    .intro_txt_cont > dl {
        flex-direction: column;
        margin-top: 28px;
    }
    .intro_txt_cont > dl > dd {
        width: 100%;
        font-size: 22px;
        line-height: 34px;
    }
    .intro_txt_cont .img_cont {
        margin-top:40px;
        padding:30px 40px;
    }
    .intro_txt_cont .img_cont p {
        font-size:18px;
        line-height:30px;
    }
    .intro_txt_cont .img_cont p br {
        display:none;
    }


    /* 소개 - 기관소개 */
    .intro_agency_wrap {
        letter-spacing: -0.04em;
    }
    .intro_txt_cont_02 > div {
        flex-direction: column;
    }
    .intro_txt_cont_02 > div > s {
        display: block;
        width: 100%;
        height: 800px;
    }
    .intro_txt_cont_02 > div > div {
        margin-left: 0;
        padding: 70px 18px;
    }
    .intro_txt_cont_02 > div > div > p {
        font-size: 16px;
        line-height: 28px;
    }
    .intro_txt_cont_02 > div > div > h2 {
        font-size: 18px;
        margin: 18px 0 28px;
        line-height: 30px;
    }
    .intro_txt_cont_02 > div > div > span {
        font-size: 16px;
        line-height: 28px;
    }
    .mob_intro_txt > p::after {
        content: "";
        width: 100%;
        height: 165px;
        position:absolute;
        bottom: 35px;
        left: 0;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    }
    .open > p::after {
        display: none;
    }
    .more_view_box {
        display: none;
    }
    /* .more_view_box > p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
        letter-spacing: -0.04em;
    } */
    .mob_intro_txt > div.toc {
        text-align: center;
        margin: 40px 0 10px;
    }
    .mob_intro_txt > div > .moreBtn {
        border: 1px solid #dddddd;
        padding: 10px 30px;
        border-radius: 20px;
        font-size: 14px;
        color: #999999;
        cursor: pointer;
    }
    .mob_intro_txt > div > span.moreBtn > s {
        background: url('/img/mobile/gnb_bg2.png') no-repeat center;
        background-size: contain;
        width: 12px;
        height: 6px;
        display: inline-flex;
        margin-left: 4px;
    }
    .mob_intro_txt p + .n_btn {
        width:200px;
        margin-top:25px;
    }
    .mob_intro_txt .imgwrap {
        display:block;
        width:100%;
        text-align:center;
    }
    .mob_intro_txt .imgwrap img {
        width:100%;
        max-width:380px;
        margin-top:30px;
    }
    .intro_cir_cont {
        display: none;
    }

    /* toogle event */
    .mob_intro_txt.open .more_view_box {
        display: block;
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
        letter-spacing: -0.04em;
    }
    .mob_intro_txt.open > div > span.moreBtn > s {
        background: url('/img/mobile/gnb_bg3.png') no-repeat center;
        background-size: contain;
    }


    /* Mobile swiper */
    .mob_cir_cont {
        display: block;
    }
    .mob_intro_cir_cont {
        width: 100%;
        overflow: hidden;
        padding: 70px 0;
    }
    .mob_intro_cir_cont .cir_list {
        text-align: center;
        padding: 0 20px;
    }
    .mob_intro_cir_cont .cir_list > div {
        position: relative;
        background-color: #222222;
        border-radius: 100%;
        margin: 0 auto 40px;
        width: 220px;
        height: 220px;
    }
    .mob_intro_cir_cont .cir_list > div > span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-size: 18px;
        color: #e98300;
        line-height: 46px;
        text-align: center;
    }
    .mob_intro_cir_cont .cir_list > div > span > strong {
        color: #fff;
        font-size: 32px;
        line-height: 30px;
        font-weight: 400;
    }
    .mob_intro_cir_cont .cir_list > p {
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .mob_intro_cir_cont .cir_list > h3 {
        font-size: 14px;
        line-height: 24px;
        color: #808080;
        font-weight: 500;
        margin-top: 20px;
        word-break: keep-all;
    }
    .cirCntSwiper {
        position: relative;
    }
    .cirCntSwiper .swiper-pagination {
        width: 100%;
        bottom: -30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cirCntSwiper .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #222222;
        opacity: 1;
        margin: 0 15px 0 0;
    }
    .cirCntSwiper .swiper-pagination-clickable .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .cirCntSwiper .swiper-pagination-clickable .swiper-pagination-bullet-active {
        cursor: pointer;
        width: 12px;
        height: 12px;
        background-color: #e98300;
    }
    .intro_txt_cont .mob_intro_txt {
        position: relative;
        display: block;
    }
    .intro_txt_cont .mob_intro_txt > p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
    }



    /* 소개 - 투명경영 */
    .intro_financials_wrap * {
        letter-spacing: -0.04em;
    }
    .mob_audit_system_cont {
        padding: 70px 0;
    }

    /* ==== 지구생명보고서 START ==== */
    .planetreport_sec03 {
        padding: 70px 0;
    }
    .planetreport_sec03 .inner_1480 {
        display: block;
    }
    .planetreport_sec03_left,
    .planetreport_sec03_right {
        width: 100%;
    }
    .planetreport_sec03_left_txt .planetreport_title_wrap {
        margin-bottom: 30px;
        padding:0;
    }
    .planetreport_title_wrap .planetreport_top_title {
        margin-bottom:25px;
        font-size: 22px;
        line-height: 30px;
    }
    .planetreport_title_wrap {
        margin-bottom: 40px;
    }
    .planetreport_title_wrap .planetreport_title {
        font-size: 30px;
        line-height: 42px;
    }
    .planetreport_sec03_left_txt .planetreport_sec03_tit_sub {
        font-size: 18px;
        line-height: 30px;
    }
    .planetreport_sec03_left_txt .n_btn {
        margin-top: 40px;
        width: 220px;
        height: 60px;
        line-height: 58px;
        font-size: 20px;
    }
    .planetreport_sec03_right {
        margin-top: 60px;
    }

    /* 소개 - 함께하는 사람들 */
    .grt_cont_flex {
        flex-direction: column;
        align-items: center;
    }
    .grt_txt_box > dl {
        flex-direction: column;
        align-items: center;
        word-break: keep-all;
    }
    .grt_txt_box > dl > dd {
        width: 100%;
        font-size: 16px;
        line-height: 28px;
    }
    .grt_ceo {
        text-align: center;
    }
    .grt_ceo > p {
        font-size: 16px;
    }
    .grt_cont_flex > div > s.ceo_01 {
        width: 136px;
        height: 180px;
        margin: 0;
    }
    .grt_cont_flex > div > s.ceo_02 {
        width: 136px;
        height: 180px;
        margin: 0;
    }
    .grt_ceo > p > strong  {
        font-weight: 400;
    }
    .grt_txt_box {
        text-align: center;
        word-break: keep-all;
    }
    .grt_sub_tit {
        font-size: 22px;
        line-height: 34px;
        margin-top: 25px;
        word-break: keep-all;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .wwf_people_cont {
        display: none;
    }
    .mob_wwf_people_cont {
        position: relative;
        overflow: hidden;
        display: block;
        padding: 70px 0;
    }
    .pp_slide_cont > ul {
        display: flex;
        justify-content: center;
    }
    .pp_slide_cont > ul > li {
        width: calc(96% / 2);
        text-align: center;
        margin-bottom: 40px;
    }
    .pp_slide_cont > ul > li > s {
        width: 100px;
        height: 130px;
        margin: 0 auto;
        display: block;
    }
    .pp_slide_cont > ul > li > s.pp_01 {
        background: url('/img//newbird/intro/wwf_people_01.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_02 {
        background: url('/img//newbird/intro/wwf_people_02.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_03 {
        background: url('/img//newbird/intro/wwf_people_03.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_04 {
        background: url('/img//newbird/intro/wwf_people_04.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_05 {
        background: url('/img//newbird/intro/wwf_people_05.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_06 {
        background: url('/img//newbird/intro/wwf_people_06.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_07 {
        background: url('/img//newbird/intro/wwf_people_07.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_08 {
        background: url('/img//newbird/intro/wwf_people_08.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_09 {
        background: url('/img//newbird/intro/wwf_people_09.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > s.pp_10 {
        background: url('/img//newbird/intro/wwf_people_10.png') no-repeat;
        background-position: center;
        background-size: 100px auto;
    }
    .pp_slide_cont > ul > li > h3 {
        font-size: 16px;
        line-height: 32px;
        color: #e98300;
        margin-top: 10px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .pp_slide_cont > ul > li > p {
        font-size: 14px;
        line-height: 21px;
        color: #888888;
        word-break: keep-all;
    }
    .mob_pp_swiper .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 68px;
    }
    .mob_pp_swiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #222222;
        opacity: 1;
    }
    .mob_pp_swiper .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #e98300;
    }
    .mob_pp_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 15px 0 0;
    }
    .mob_pp_swiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .wwf_ambssdrs_cont {
        padding: 50px 0;
    }
    .wwf_ambssdrs_cont > p {
        font-size: 18px;
        line-height: 30px;
        width: 90%;
        margin: 0 auto;
        word-break: keep-all;
    }
    .wwf_ambssdrs_cont > p > strong {
        font-weight: normal;
    }
    .intro_kr_ambssdrs {
        margin-top: 50px;
    }
    .glb_tit {
        font-size: 24px;
        line-height: 28px;
    }
    .krAmbssdrsCnt {
        width: calc(100% - 40px);
        margin-top: 10px;
        padding: 40px 30px;
        margin-bottom: -70px;
        position: relative;
        z-index: 1;
    }
    .ambssdrs_thum_slider {
        margin-bottom: 40px;
    }
    .ambssdrs_top_slider_bullet {
        margin-top: 15px;
    }
    .kr_amb_txt_cont {
        flex-direction: column-reverse;
        margin-top: 15px;
    }
    .kr_amb_txt_cont > .kr_amb_txt_inner > h1 {
        font-size: 26px;
        line-height: 60px;
    }
    .kr_amb_txt_cont > .kr_amb_txt_inner > h1 > span {
        font-size: 16px;
        margin-left: 10px;
    }
    .kr_amb_txt_cont > .kr_amb_txt_inner > h2 {
        font-size: 18px;
        line-height: 28px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .kr_amb_txt_cont > .kr_amb_txt_inner > p {
        font-size: 16px;
        line-height: 28px;
        margin: 20px 0 0;
    }
    .kr_amb_img_cont {
        width: 100%;
        max-width: 100%;
    }
    .krAmbssdrsCnt .swiper-button-prev, .krAmbssdrsCnt .swiper-button-next {
        display: none;
    }
    .intro_glb_ambssdrs {
        position: relative;
        padding: 148px 0 70px;
        margin-top: -60px;
    }
    .glb_ambssdrs_cont{
        display: none;
    }
    .mob_amb_swiper {
        display: block;
        overflow: hidden;
        text-align: center;
    }
    .mob_amb_swiper div > s {
        width: 240px;
        height: 240px;
        display: block;
        margin: 20px auto 0;
        border-radius: 50%;
        overflow: hidden;
    }
    .mob_amb_swiper div > h2 {
        font-size: 22px;
        line-height: 32px;
        margin: 30px 0 10px;
        font-weight: 600;
    }
    .mob_amb_swiper div > span {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.04em;
        color: #808080;
        word-break: keep-all;
    }
    .mob_amb_swiper .swiper-slide > div {
        padding-bottom: 20px;
    }
    .mob_amb_swiper .swiper-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 70px;
    }
    .mob_amb_swiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #222222;
        opacity: 1;
    }
    .mob_amb_swiper .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #e98300;
    }
    .mob_amb_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 15px 0 0;
    }
    .mob_amb_swiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
        margin: 0;
    }

    /* 자원봉사자 모집 */
    .recruit_area {
        padding: 70px 0;
    }
    .recruit_area > div {
        width: 100%;
        margin: 0 auto;
    }
    .rc_process_cont {
        margin-bottom: 0;
    }
    .rc_txt_box > .rc_sub_box > h1 {
        font-size: 22px;
        line-height: 34px;
        word-break: keep-all;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .rc_txt_box > .rc_sub_box > p {
        padding: 20px 0;
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .rc_txt_box > .rc_sub_box > h2 {
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .rc_txt_box > .rc_sub_box {
        padding: 36px 20px 30px;
    }
    .rc_txt_box > .rc_sub_box > .rc_btn_box {
        display: block;
    }
    .rc_txt_box > .rc_sub_box > .rc_btn_box > div {
        margin: 45px 0 25px;
    }
    .rc_txt_box > .rc_sub_box > .rc_btn_box > div > p {
        font-size: 18px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .rc_txt_box > .rc_sub_box > .rc_btn_box > div > p > a > strong {
        display: block;
        margin-left: 0;
    }
    .rc_txt_box > .rc_sub_box > .rc_btn_box > div > h3 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 26px;
        font-weight: 400;
    }
    /* .rc_process_cont > ul > li:last-child {
        margin-bottom: 0;
    } */
    .rc_process_cont > ul {
        padding-bottom: 64px;
        position: relative;
    }
    .rc_process_cont > ul:after {
        content: "";
        display: block;
        width: calc(100% + 40px);
        height: 1px;
        background-color: #e5e5e5;
        position: absolute;
        left: -20px;
        bottom: 0;
    }
    .rc_process_cont > ul > li > s {
        max-width: 220px;
        width: 100%;
        height: 220px;
    }
    .personal_info {
        margin-top: 0;
        padding: 70px 0;
        border: 0;
    }
    .personal_info > div > strong {
        font-size: 22px;
        line-height: 21px;
        font-weight: 600;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .personal_info > div > p {
        font-size: 15px;
        line-height: 26px;
        padding: 25px 20px;
        margin: 26px 0 40px;
        letter-spacing: 0;
    }
    .personal_info > ul > li > h1 {
        position: relative;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: 500;
        line-height: 30px;
        padding-left: 35px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .personal_info > ul > li {
        margin-top: 55px;
    }
    .personal_info > ul > li:first-child {
        margin-top: 0;
    }
    .info_txt_f16 {
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 0;
    }
    .rc_info_list > p {
        position: relative;
        padding-left: 15px;
    }
    .rc_info_list > p::before {
        position: absolute;
        margin-right: 0;
        left: 0;
        top: 10px;
    }
    .rc_info_list {
        padding: 20px 30px;
    }
    .rc_process_cont > ul > li > p > span {
        font-size: 20px;
        line-height: 46px;
    }
    .rc_process_cont > ul > li > p {
        width: auto;
        font-size: 16px;
        line-height: 28px;
    }
    .rc_process_cont > ul > li > s {
        max-width: 100px;
        width: 100%;
        height: 100px;
        margin-right: 20px;
    }
    .rc_process_cont > ul > li.proc_icon_01 > s {
        background-size: 50px auto;
    }
    .rc_process_cont > ul > li.proc_icon_02 > s {
        background-size: 58px auto;
    }
    .personal_info > ul > li > h1::before {
        margin-right: 6px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* 활동 - 기후 에너지 */
    .clim_energy_cont02 {
        padding: 70px 0;
    }
    .clim_energy_txt > div > p {
        margin: 0;
    }
    .intro_scndtit_txt_cont > div:nth-child(1) > p {
        width:100%;
    }
    .intro_scndtit_txt_cont .second_tit {
        display:block;
        position:relative;
        top:auto;
        left:0;
        width:100%;
        padding-top:10px;
        margin-bottom:20px;
        font-size: 22px;
        font-weight:400;
        line-height: 34px;
        color: #1b1b1b;
        letter-spacing: -0.04em;
    }
    .sep_mob_slide {
        top: 60px;
    }
    .energy_txt_box {
        width: calc(100% - 60px);
        margin: 0 auto;
    }

    /* 기후 에너지 - section_03 */
    .clim_energy_cont03 {
        overflow:hidden;
        padding: 70px 0;
        position: relative;
    }
    .clim_energy_cont03 .clim_energy_list {
        flex-wrap: nowrap;
    }
    .clim_energy_cont03 .clim_energy_box {
        flex-direction:column;
        height:auto;
        opacity:0;
        transition:opacity 0.3s;
        padding-bottom:30px;
    }
    .clim_energy_cont03 .clim_energy_box.swiper-slide-active {opacity:1;}
    .clim_energy_cont03 .clim_energy_box + .clim_energy_box {margin-top:0 !important;}
    .clim_energy_cont03 .clim_energy_box:nth-child(even){
        flex-direction: column;
    }
    .clim_energy_cont03 .clim_energy_slide .imgwrap {
        width:100%;
        aspect-ratio:unset;
    }
    .clim_energy_cont03 .clim_energy_slide .imgwrap img {
        width:100%;
        height:auto;
    }
    .clim_energy_cont03 .clim_energy_slide .clim_energy_txt {
        width:100%;
        max-width:560px;
        margin:0 auto;
        margin-top:30px;
        padding:0;
    }
    .clim_energy_cont03 .clim_energy_slide .clim_energy_box:nth-child(even) .clim_energy_txt{
        margin:0 auto;
        margin-top:30px;
    }
    .clim_energy_cont03 .clim_energy_slide .clim_energy_txt strong {
        padding-bottom:14px;
        font-size:20px;
        line-height:30px;
    }
    .clim_energy_cont03 .clim_energy_slide .clim_energy_txt p {
        margin-top:15px;
        font-size:16px;
        line-height:26px;
    }

    /* 자연보전 교육 */
    .natures_cont02 {padding:0 0 70px;}

    .natures_grid_box {grid-template-columns: repeat(2, 1fr); column-gap: 5px; row-gap: 30px;}
    .natures_grid_box > li > .brand_logo {min-height: 84px;}
    .natures_grid_box > li img {max-width: 110px;}
    .natures_grid_box > li > p {margin-top: 15px; font-size: 15px;}

    .wwf_slide {
        
    } 
    .wwf_slide .prtnr_slide {
        margin-top: 64px;
    }
    .wwf_slide .swiper-pagination {
        display: flex;
        position: static;
    }
    .wwf_slide .swiper-pagination-bullets .swiper-pagination-bullet {
        margin-right: 15px;
        opacity: 1;
        width: 6px;
        height: 6px;
    }
    .wwf_slide .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
        margin-right: 0;
    }
    .wwf_slide .swiper-pagination-bullets .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
    }
    .sep_mob_slide .swiper-slide {
        width: 90%;
        margin: 0 auto;
    }
    .active_txt_box {
        width: 80%;
        padding: 35px 30px;
        margin-top: -25px;
    }
    .active_txt_box > div > h1 {
        font-size: 20px;
        font-weight: 700;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .clim_energy_cont04 {
        height: auto;
        background-position: center;
        padding: 80px 0 70px;
    }
    .clmt_txt_box {
        padding: 0;
    }
    .cont04_txt_box > h1 {
        font-size: 30px;
        line-height: 54px;
        word-break: keep-all;
        font-weight: 700;
    }
    .cont04_txt_box > p {
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .cont04_txt_box br {
        display: none;
    }
    .cont04_txt_box > div > h2 {
        font-size: 20px;
        font-weight: 400;
    }
    .cont04_txt_box > div > ul > li {
        position: relative;
        padding-left: 15px;
        font-size: 15px;
        word-break: keep-all;
    }
    .cont04_txt_box > div > ul > li::before {
        position: absolute;
        margin-right: 0;
        left: 0;
        top: 10px;
    }
    .clim_energy_cont05 {
        position: relative;
        padding: 70px 0;
    }
    .energy_cont_list {
        display: none;
    }

     /* Mobile swiper 02 */
    .mob_cont05_list {
        display: block;
        overflow: hidden;
    }
    .mobListSwiper img {
        width: 100%;
    }
    .mobListSwiper > div > h1 {
        font-size: 18px;
        line-height: 46px;
        font-weight: 500;
        margin: 15px 0 5px;
    }
    .mobListSwiper > div > p {
        font-size: 15px;
        line-height: 26px;
        color: #808080;
        word-break: keep-all;
    }
    .mobListSwiper > div > h1 > .num {
        width: 30px;
        height: 30px;
        background-color: #e98300;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 16px;
        margin-right: 10px;
        line-height: 34px;
    }
    /* .mobListSwiper > div.c05_list_01 > h1::before {
        content: "1";
    }
    .mobListSwiper > div.c05_list_02 > h1::before {
        content: "2";
    }
    .mobListSwiper > div.c05_list_03 > h1::before {
        content: "3";
    }
    .mobListSwiper > div.c05_list_04 > h1::before {
        content: "4";
    } */
    .mob_cont05_list .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        position: inherit;
        margin-top: 20px;
    }
    .mob_cont05_list .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #222222;
        opacity: 1;
        margin: 0 6px;
    }
    .mob_cont05_list .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 15px 0 0;
    }
    .mob_cont05_list .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .mob_cont05_list .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #e98300;
    }
    .clim_energy_cont06 {
        padding: 70px 0 0;
    }
    .clim_energy_cont06 .prtnr_sec04 {
        display: none;
    }
    .sep_report_tit {
        margin-bottom: 25px;
    }

    /* 활동 - 해양 */
    .onc_cont03 {
        position: relative;
        padding: 70px 0 70px;
    }
    .ocn_tit {
        font-size: 18px;
        line-height: 30px;
    }
    .ocn_grytxt {
        width: 100%;
        padding: 35px 30px;
        margin: 25px auto 0;
    }
    .ocn_grytxt > p {
        position: relative;
        padding-left: 16px;
        font-size: 14px;
        line-height: 28px;
    }
    .ocn_grytxt > p::before {
        position: absolute;
        margin-right: 0;
        left: 0;
        top: 10px;
    }
    .ocn_cont04 {
        background-size: cover;
        background-position: center;
        margin-top: 0;
    }
    /* .listCnt_sub_txt {
        display: none;
    } */
    .ocn_cont05 {
        padding: 0;
    }
    .mob_ocn_list {
        padding: 70px 0;
    }

    /* 활동 - 담수 */
    .activity_bg_05 {
        background-position: right;
        background-position-x: 93%;
    }

     /* 활동 - 금융 */
     .fnb_cont03 {
        padding: 70px 0;
    }

    
    /* 활동 - 비즈니스 */
    .fnc_bn_cont > div > p {
        margin-top: 0;
        word-break: keep-all;
    }
    .bsns_cont03 {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 70px 0;
    }
    .bsns_slide_sec {
        margin-top: 30px;
    }
    .bsns_slide_sec .swiper-slide > p {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
        word-break: keep-all;
        padding: 0 10px;
    }
    .c05_mob_list > ul {
        margin-top: 20px;
    }
    .c05_mob_list > ul > h1 {
        font-size: 18px;
        font-weight: 500;
        line-height: 34px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .c05_mob_list > ul > li.mgb-10 {
        margin-bottom: 10px;
    }
    .c05_mob_list > ul > li > h2 {
        font-size: 16px;
        line-height: 34px;
    }
    .c05_mob_list > ul > li > h2::before {
        content: "";
        width: 7px;
        height: 7px;
        background-color: #e98300;
        border-radius: 10px;
        display: inline-block;
        margin-right: 10px;
    }
    .c05_mob_list > ul > li > p {
        font-size: 15px;
        line-height: 26px;
        word-break: keep-all;
        color: #808080;
    }
    .bsns_slide_sec img {
        width: fit-content;
    }
    .bsns_txt_box  {
        left: 0;
        padding: 0 15px;
    }
    .bsns_txt_box > span {
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .bsns_slide_sec .swiper-button-next, .bsns_slide_sec .swiper-button-prev {
        display: none;
    }
    .bsns_slide_cont .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        /* margin-bottom: 20px; */
    }
    .bsns_slide_cont .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #222;
        opacity: 1;
        margin: 0 15px 0 0;
    }
    .bsns_slide_cont .swiper-pagination-clickable .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .bsns_slide_cont .swiper-pagination-clickable .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #e98300;
    }
    .bsns_cont05 {
        display: none;
    }
    .mob_list_wrap {
        padding: 70px 0 0;
    }
    .act_last_cont {
        padding: 70px 0 0;
    }

    .bo_gall_wrap .banner_pandatalk {
        height: auto;
    }
    .bo_normal_wrap .banner_annual_report {
        height: auto;
    }
    .ig_sub_box .ig_cont_wrap {flex-direction:column-reverse; padding:30px 20px;}
    .ig_sub_box .ig_txt_box > strong{
        font-size: 18px;
        transform: rotate(0.04deg); /* 폰트 깨짐 이슈 대응 */
    }
    .ig_sub_box .ig_txt_box > p {
        padding: 20px 0 0;
        font-size: 16px;
        line-height: 28px;
        word-break: keep-all;
    }
    .ig_sub_box .ig_txt_box > .n_btn {
        padding:0;
    }
    .ig_sub_box .ig_imgwrap {
        width:auto;
        max-width:300px;
        margin-bottom:40px;
        padding:0;
    }



    /* ==== 22.04.25 추가 ==== */
    .footer_bttm_link {
        display: block;
    }
    .footer_sns_area {
        justify-content: center;
    }



    /* 230221 추가 */
    .audit_sys_bnr {
        background-position: center;
        margin: 0;
    }


    /* 23.05.24 추가 */
    .pic_block_link .more_view {
        right: -210%;
    }

    .footer_letter.mobile .chk_box {
        font-size: 14px;
        line-height: 24px;
    }

    .footer_letter.mobile .footer_letter_form {
        margin-top: 3px;
    }



    /* 23.06.12 추가 */
    .main_latest_wrap .main_board_cont .pic_block_wrap {
        padding: 0 10px;
    }

    .main_exer_slide {
        padding: 0 10px;
    }
    .main_camp_slide {
        padding: 0 10px;
    }



    /* 23.11.09 추가 */
    /* 온라인 참여 */
    .online_sct01 .online_gall_list .bo_gall_item .bo_gall_tit {
        width: calc(100% - 50px);
        font-size: 18px;
        line-height: 30px;
    }


    /* 야생동물 - 북극곰 */
    .wildlife_gall_wrap {padding:0 0 50px;}
    .mb_bear_sct {padding-bottom:0px;}
    .mb_bear_sct .swiper-slide .imgwrap {
        overflow:hidden;
        display:flex;
        justify-content: center;
        aspect-ratio:710/473;
    }
    .mb_bear_sct .swiper-slide .imgwrap img {
        width:auto;
    }
    .mb_bear_sct .mobListSwiper > div > h1 {
        overflow: hidden;
        position:relative;
        text-overflow: ellipsis;
        display: -webkit-inline-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        box-sizing:border-box;
        width:auto;
        margin-top:-20px;
        margin-left:20px;
        margin-right:20px;
        padding:0 20px;
        background-color:#000;
        font-size:18px;
        font-weight:400;
        line-height:40px;
        color:#fff;
        text-align:left;
        word-break:keep-all;
    }
    .anm01_sct02 .cont04_txt_box > p > br {display: block;}

    .main_banner_slide .swiper-slide .main_banner_txt_en > span.ko {font-size: 50px;}
    .main_banner_slide .swiper-slide .main_banner_txt_ko {font-size: 26px;}

    .wild_animals01 .anm01_sct02 .panda_cont .anm_banner {background-position: 74% !important;}
    .wild_animals01 .anm01_sct02 .leopard_cont .anm_banner {background-position: 74% !important;}
    .wild_animals01 .anm01_sct02 .bear_cont .anm_banner {background-position: 74% !important;}
    .wild_animals01 .campaign_banner_txt .tit > strong {margin-top:5px;}
    .wild_animals01 .campaign_banner_txt .tit > strong > b {font-size:45px; line-height:52px;}

    .bsns_cont06 {
        display:none;
    }

    /* 뉴스레터 구독신청 */
    .lttrCntWrp .lttrBnr {height: 140px;}
    .lttrCntWrp .lttrBnr .lttrTtl {font-size: 40px;}



    .wildlife_page_wrap .ig_sub_box .ig_txt_box {width:100%;}
}


@media screen and (max-width: 768px) {
    /* 투명 경영 */
    .mob_audit_system_cont .mob_audit_cont_list ul > li.flexStart {
        align-items: flex-start;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > s {
        max-width: 100px;
        width: 100%;
        height: 100px;
        margin-right: 25px;
    }
    .mob_audit_system_cont .mob_audit_cont_list ul > li > div {
        width: 60%;
    }


    /* 비즈니스 */
    .intro_txt_cont_02 > div > s {
        height: 420px;
        background-position: center;
    }

    .ocn_cont04 {
        width: 100%;
        background: url('/img/mobile/mob_ocean_sec03_bg.png') no-repeat;
        background-position: center;
        background-size: cover;
    }

    /* 23.05.24 추가 */
    .pic_block_link .more_view {
        right: -195%;
        font-size: 14px;
    }

    /* 23.11.09 추가 */
    /* pact cafe */
    .pact_sct03 .extinction_sec03 .left_txt_box > h2 {
        font-size: 34px;
        line-height: 46px;
    }

    /* 북극곰 */
    .bear_video_sct .pl_free_sec03_left_txt .pl_free_title_wrap .pl_free_title {
        font-size: 44px;
        line-height: 60px;
    }
    .anm01_sct02 .wild_anm01 .cont04_txt_box p {
        font-size: 24px;
        line-height: 38px;
    }
    .anm01_sct02 .cont04_txt_box > h1 {
        font-size: 28px;
        line-height: 38px;
    }

    /* 23.11.14 추가 */
    .footer_bottom .footer_infos .footer_inquire > dl {
        margin-left: 5px;
    }
    .wildlife_gall_wrap .bo_gall_list_othercamp .bo_gall_item {
        margin: 40px 0 0;
    }
    .main_banner_slide .swiper-slide .main_banner_txt_en > span.ko {
        font-size: 36px;
    }
    .main_banner_slide .swiper-slide .main_banner_txt_ko > span.en {
        display: block;
        font-size: 24px
    }
    /* 뉴스레터 구독신청 */
    .lttrCntWrp .lttrBnr {height: 90px;}
    .lttrCntWrp .subsInpCnt .inner {max-width: inherit;width: calc(100% - 40px);padding: 50px 0;}
    .lttrCntWrp .inputTbl {padding: 55px 30px;}
    .lttrCntWrp .lttrBnr .lttrTtl {font-size: 30px;}
    .lttrCntWrp .subsInpCnt .subsInfo .icon {width: 140px;height: 140px;}
    .lttrCntWrp .subsInpCnt .subsInfo .icon > img {max-width: 70px;width: 100%;}
    .lttrCntWrp .subsInpCnt .subsInfo > p {font-size: 18px;line-height: 30px;}
    .lttrCntWrp .inputTbl .check_area .chk_name {font-size: 14px;line-height: 28px;}
    .lttrCntWrp .chk_box .on {top: 3px;}
    .lttrCntWrp .cmm_btn {margin-top: 35px;}
}



@media screen and (max-width: 540px) {
    .banner_job_notice {
        width: 100%;
        background: url('/img/mobile/mob_job_info_bg.png') no-repeat;
        background-size: cover;
    }
    .clim_energy_cont04 {
        width: 100%;
        background: url('/img/mobile/mob_clmenrgy_bg03.png') no-repeat;
        background-size: cover;
    }
    .ig_sub_box .ig_txt_box > strong br {display:none;}
    
    
    /* 23.05.24 추가 */
    .main_board_tab .main_board_tab_item {
        margin-right: 10px;
    }
    .main_board_tab .main_board_tab_item > i {
        width: 18px;
        height: 18px;
        margin-left: 5px;
        margin-top: 1px;
    }
    
    .main_latest_wrap .main_board_cont .more_btn > a {
        margin: 40px auto 0;
        font-size: 16px;
        max-width: 160px;
        padding: 0;
    }
    .main_camp_slide .swiper-slide {
        width: 100%;
        padding: 0 10px;
    }
    .main_latest_wrap .main_board_cont .pic_block_wrap {
        padding: 0;
    }
    .main_camp_item .main_camp_cont .main_camp_summary {
        word-break: keep-all;
    }
    .main_camp_slide .swiper-slide {
        max-width: inherit;
        padding: 0;
    }
    .main_exer_slide {
        padding: 0;
    }
    
    
    /* 23.11.09 추가 */
    .pact_sct03 .extinction_sec03 .left_txt_box > h2 {
        font-size: 28px;
        line-height: 40px;
    }
    
    .pact_sct03 .extinction_sec03 .left_txt_box > h2 > br {
        display: none;
    }
    
    .pact_sct03 .extinction_sec03 .left_txt_box > h2 > br {
        display: none;
    }
    
    .pact_sct03 .extinction_sec03 .left_txt_box > h2 > strong > br {
        display: none;
    }
    
    .pact_sct03 .extinction_sec03 .left_txt_box > p > br {
        display: none;
    }
    
    .pact_sct03 .extinction_sec03 .left_txt_box > a {
        max-width: 260px;
        padding: 20px 0;
        height: 60px;
        font-weight: 500;
        font-size: 18px;
    }
    
    
    .online_sct02 .bo_gall_list_othercamp .bo_gall_infos .bo_gall_tit {
        font-size: 16px;
    }
    .online_sct03 .pl_free_banner .pl_free_banner_sub br {
        display: block;
    }
    
    .bear_video_sct .bear_bg {
        padding: 100px 0;
    }
    
    .pact_cafe_hero .campaign_banner_txt .tit > strong {
        margin-top: 10px;
        font-size: 36px;
        line-height: 46px;
    }
    
    .pact_cafe_hero  .campaign_banner_txt .campaign_btn > a {
        font-size: 18px;
    }
    
    .pact_sct04 .pl_free_banner_tit {
        font-size: 36px;
        line-height: 46px;
    }
    .pact_sct04 .pact_together_banner .campaign_btn {
        width: 260px;
        font-size: 18px;
    }
    
    .footer_link > a {
        font-size: 13px;
        padding: 0 6px;
    }
    
    .footer_link > a:nth-child(2) {
        font-size: 13px;
    }
    
    #bgDiv {
        background: transparent !important;
    }
    
    .online_sct02 .bo_gall_list_othercamp .bo_gall_infos .bo_gall_tit {
        overflow: hidden;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
        left: 20px;
    }
    
    .bear_video_sct .pl_free_sec03_left_txt .pl_free_title_wrap .pl_free_title {
        font-size: 38px;
        line-height: 48px;
    }
    
    
    
    /* 뉴스레터 구독신청 */
    .lttrCntWrp .lttrBnr {background-size: 100% 100%;}
    .lttrCntWrp .lttrBnr .lttrTtl {font-size: 26px;}
    .lttrCntWrp .subsInpCnt .subsInfo .icon {width: 120px;height: 120px;}
    .lttrCntWrp .subsInpCnt .subsInfo .icon > img {max-width: 60px;}
    .lttrCntWrp .subsInpCnt .subsInfo > p {font-size: 14px;line-height: 24px;word-break: keep-all;}
    .lttrCntWrp .inputTbl {padding: 40px 20px;}
    .lttrCntWrp .inputTbl > div > span {font-size: 14px;}
    .lttrCntWrp .inputTbl > div > input {height: 45px;}
    .lttrCntWrp .inputTbl .sub {font-size: 12px;}
    .lttrCntWrp .cmm_btn {height: 50px;}
    
    
    
    .wildlife_page_wrap .ig_sub_box .ig_imgwrap {width:215px;}
}