@charset "utf-8";




.kylCmnTxt28 {font-size: 22px; line-height: 34px;}
.kylCmnTxt18 {font-size: 16px; line-height: 28px;}

.only_mob {display: block;}
.only_pc {display: none;}


/* 후원 > 기업파트너십 */

/* banner */



/* 기업파트너십 section 01 */
.sub_common_sec01 {padding: 70px 0;}
.sub_common_sec01 > div > div {flex-direction: column;}
.sub_common_sec01 > div > div > p {width: 100%; margin-bottom: 25px;}
.sub_common_sec01 > div > div > p:last-child {margin-bottom: 0px;}

/* 기업파트너십 section 02 */
.pc_actv_cont_box {display: none;}
.prtnr_sec02 {padding: 70px 0 0 0; margin-bottom: 32px;}
.prtnr_sec02 .prtnr_txt01 {margin: 54px 0 27px;}
.prtnr_sec02 .prtnr_txt02 {margin-bottom: 52px;}
.prtnr_sec02 > div > p {text-align: left;}
.mob_actv_cont_box {position: relative; display: block;}
.actv_cont_box > li {flex-direction: column;}
.actv_cont_box > li > dl {width: 100%; align-items: flex-start; border-bottom: 1px solid #dddddd;}
.actv_cont_box > li > dl:last-child {border-bottom: 0;}
.actv_cont_box > li > dl > dt {min-width: 100px; min-height: 91px;}
.actv_cont_box > li > dl > dd {width: calc(100% - 100px);}
.actv_cont_box > li > dl > dd > b {display: block; margin-bottom: 3px; font-size: 16px; font-weight: 700;}
.actv_cont_box > li > dl > dd > p {font-size: 15px; line-height: 26px;}
/* 아이콘 */
.actv_cont_box > li > dl > .actv_icon01 {background: url(/img/newbird/activity/partnership/parner_icon01.png) no-repeat center top; background-size: auto 56px;}
.actv_cont_box > li > dl > .actv_icon02 {background: url(/img/newbird/activity/partnership/parner_icon02.png) no-repeat center top; background-size: auto 69px;}
.actv_cont_box > li > dl > .actv_icon03 {background: url(/img/newbird/activity/partnership/parner_icon03.png) no-repeat center top; background-size: auto 59px;}
.actv_cont_box > li > dl > .actv_icon04 {background: url(/img/newbird/activity/partnership/parner_icon04.png) no-repeat center top; background-size: auto 72px;}
.actv_cont_box > li > dl > .actv_icon05 {background: url(/img/newbird/activity/partnership/parner_icon05.png) no-repeat center top; background-size: auto 47px;}

/* swiper */
.prtnr_sec02 .swiper-pagination-bullets,
.prtnr_sec02 .swiper-pagination-custom,
.prtnr_sec02 .swiper-pagination-fraction {margin-top: 20px;}

.slide_cont .swiper-button-next, .slide_cont .swiper-button-prev {display: none;}
.prtnr_sec02 .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px 0 0;}


.prtnr_slide.prtnr_activity {top: 70px;}
.prtnr_slide .swiper-slide {max-width: 335px;}


/* 기업파트너십 section 03 */
.prtnr_sec03 {padding: 140px 0 80px;}
.prtnr_tit_box > strong {font-size: 22px;}
.prtnr_tit_box > span {font-size: 15px;}

.prtnr_grid_box {grid-template-columns: repeat(2, 1fr); column-gap: 5px; row-gap: 30px;}
.prtnr_grid_box > li > .brand_logo {min-height: 84px;}
.prtnr_grid_box > li:nth-child(5) > .brand_img_box01 > img {width: 60px;}
.prtnr_grid_box > li > .brand_img_box01 > img {max-width: 84px;}
.prtnr_grid_box > li > .brand_img_box02 > img {max-width: 126px;}
.prtnr_grid_box > li > .brand_img_box03 > img {max-width: 123px;}
.prtnr_grid_box > li > .brand_img_box04 > img {max-width: 110px;}
.prtnr_grid_box > li > .brand_img_box05 > img {max-width: 57px;}
.prtnr_grid_box > li > .brand_img_box06 > img {max-width: 79px;}
.prtnr_grid_box > li > .brand_img_box07 > img {max-width: 96px;}
.prtnr_grid_box > li > .brand_img_box08 > img {max-width: 70px;} 
.prtnr_grid_box > li > p {margin-top: 15px; font-size: 15px;}




/* 기업파트너십 section 04 */
.prtnr_sec04 {padding: 70px 0 0 0;}
.prtnr_sec04 .prtnr_more_btn {width: auto; font-size: 15px; height: 40px; line-height: 40px;}
.report_cont_box > li .report_txt_box {padding: 30px 25px;}
.report_cont_box > li .report_txt_box .report_date {margin-bottom: 22px; font-size: 13px;}
.report_cont_box > li .report_txt_box > .report_tit {display: block; font-size: 18px; line-height: 30px;}
.mob_report_cont_box {display: block; /* width: calc(100% + 20px); */}
.mob_report_cont_box .prtnr_more_btn {font-size: 15px; height: 40px; line-height: 40px;}
/* .mob_report_cont_box .swiper-container {padding-right: 20px;} */
.pc_report_cont_box {display: none;}

.mob_report_cont_box .report_cont_box {border: 1px solid #eeeeee; width: 100%;}
.mob_report_cont_box .report_cont_box .report_img_box04 {border-bottom: 1px solid #e5e5e5;}
.mob_report_cont_box .report_cont_box .report_img_box > img {width: 100%;}
.mob_report_cont_box .report_cont_box .report_txt_box {padding: 30px 25px;}
.mob_report_cont_box .report_cont_box .report_txt_box .report_date {display: block; font-size: 13px; color: #999999; margin-bottom: 15px;}
.mob_report_cont_box .report_cont_box .report_txt_box > .report_tit {font-size: 18px; line-height: 30px;}

.mob_report_cont_box .swiper-slide {height: auto; display: flex; align-items: stretch; max-width: 290px;}


/* 하단 서브 배너 */
.common_sub_banner {padding: 70px 0 0; flex-direction: column;}
.common_sub_banner > a {margin-right: 0; margin-bottom: 3px;}
.common_sub_banner > a:last-child {margin-bottom: 0;}
.common_sub_banner > a > img {max-height: 240px;}
.common_sub_banner > a > s {width: 50px; height: 50px;}
.common_sub_banner > a > s > img {width: 10px; height: 16px;}
.common_sub_banner > a > s > .mob_arr {display: block;}
.common_sub_banner > a > s > .pc_arr {display: none;}
.common_sub_banner > a > dl > dt {font-size: 18px; transform: rotate(0.03deg);}
.common_sub_banner > a > dl > dd {font-size: 14px; line-height: 23px; transform: rotate(0.03deg);}




/* 참여 > 생활실천 */

/* liveGreen section 01 */
.live_sec01 {padding: 65px 0 115px;}
.sec01_tit {font-size: 40px;}
.pc_know_cont_box {display: none;}
.mob_know_cont_box {display: block; position: relative;}
.know_cont_box dl > dd {padding-top: 40px;}
.know_cont_box dl > dd > span {font-size: 18px;}
.know_cont_box dl > dd > b {font-size: 22px;}
.know_cont_box dl > dd > p {}
/* swiper */
.sub_common_wrap .swiper-pagination-bullets, .sub_common_wrap .swiper-pagination-custom, .sub_common_wrap .swiper-pagination-fraction {bottom: auto; margin-top: 20px; width: 100%; display: flex; align-items: center; justify-content: center;}
.sub_common_wrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 30px 0 0;}
.sub_common_wrap .swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0;}
.sub_common_wrap .swiper-pagination-bullet {background: #222; opacity: 1; width: 6px; height: 6px;}
.sub_common_wrap .swiper-pagination-bullet-active {background: #e98300; width: 12px; height: 12px;}
.sub_common_wrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px 0 0;}

.mob_know_cont_box .swiper-pagination-bullets, .mob_know_cont_box .swiper-pagination-custom, .mob_know_cont_box .swiper-pagination-fraction {margin-top: 33px;}

.sub_controller {margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.sub_controller .swiper-pagination {margin-top: 0; width: auto; position: static;}

.sub_banner_controller > button {margin-left: 15px; width: 13px; background: transparent;}
.sub_banner_controller > button > img {width: 100%;}


/* liveGreen section 02 */
.greenTip_cont {padding-top: 70px; height: auto;}
.greenTip_cont .greenTip_inner {position: static; flex-direction: column; transform: none;}
.greenTip_cont .tip_txt_box {min-width: auto; width: 100%; margin-bottom: 30px;}
.greenTip_cont .tip_txt_box > p {font-size: 20px;}
.greenTip_cont .tip_txt_box > b {font-size: 60px; line-height: 60px;}

.video_box {max-width: 100%; margin-bottom: -160px;}


/* liveGreen section 03 */
.live_sec03 {padding: 195px 0 56px;}
.live_sec03 > div {flex-direction: column;}
.live_sec03 > div > p {margin-right: 0; width: 100%;}
.live_sec03 > div > p:first-child {margin-bottom: 40px;}

/* liveGreen section 04 */
.live_sec04 {padding-bottom: 120px;}
.live_sec04 > .sec04_inner {display: none;}
.mob_tip_ctgry_box {display: block; position: relative;}

.tip_ctgry_list > dl > dd {font-size: 14px; line-height: 24px;}

.mob_tip_ctgry_box .swiper-slide {max-width: 315px;}


/* 하단 공통 서브 배너 */
/* .live_green_wrap .common_sub_banner {display: none;} */





/* 참여 > 어스아워 */
/* 어스아워 section 02 */
.earth_sec02 {display: block; max-width: 100%; height: auto;}
.earth_sec02 .left_img {min-width: 100%; margin-top: 0; margin-left: 0;}
.earth_sec02 .left_img > img {width: 100%;}

.earth_sec02 .right_txt_box {display: block; padding: 60px 20px; margin-left: 0;}
.earth_sec02 .right_txt_box > h2::after {margin: 10px 0 55px;}


/* 어스아워 section 03 */
.earth_sec03 {padding: 70px 0;}
.earth_sec03 > div {display: block;}
.earth_sec03 .left_txt_box > h2::after {margin: 10px 0 55px;}

.earth_sec03 .right_img {margin-top: 63px; max-width: 100%; width: 100%;}
.earth_sec03 .right_img > img {width: 100%;}
.earth_sec03 .left_txt_box > h2 br {display: block;}

/* 어스아워 section04 */
.earth_sec04 {padding: 70px 0 122px;}
.pc_participate_cont {display: none;}
.participate_cont.mob_participate_cont {display: block; position: relative;}
.participate_cont dl {margin-right: 50px; width: 100%;}
.participate_cont dl > dt .tit_badge {padding: 11px 16px 8px; font-size: 16px;}
.participate_cont dl > dd {padding: 32px 20px 3px;}
.participate_cont dl > dd > p {margin: 0 0 32px; font-size: 15px; line-height: 26px;}
.participate_cont dl > dd > a {font-size: 14px;}

/* swiper */
.mob_participate_cont .swiper-slide {max-width: 335px;}

.earth_hour_wrap .swiper-pagination-bullets, .earth_hour_wrap .swiper-pagination-custom, .earth_hour_wrap .swiper-pagination-fraction {margin-top: 40px; width: 100%; display: flex; align-items: center; justify-content: center;}
.earth_hour_wrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 30px 0 0;}
.earth_hour_wrap .swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0;}
.earth_hour_wrap .swiper-pagination-bullet {background: #222; opacity: 1; width: 6px; height: 6px;}
.earth_hour_wrap .swiper-pagination-bullet-active {background: #e98300; width: 12px; height: 12px;}
.earth_hour_wrap .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px 0 0;}

/* 공동 하단 서브 배너 */
.earth_hour_wrap .common_sub_banner {padding: 0;}




/* 후원 > 후원안내 */
/* 후원  slide section 02  */
.sprt_slide_sec {margin-bottom: 102px; position: relative;}
.sld_list > div {padding: 0 24px; height: 280px;}
.sld_list > div > p {font-size: 18px; line-height: 32px;}
.sld_list > div > p > span {font-size: 22px; line-height: 38px;}
.sld_list > div > p br {display: none;}
/* slide */
.sprt_slide_sec .swiper-pagination {display: flex;}

/* 후원 section 03 */
.sprt_sec03 {padding: 70px 0 175px; background: #264252;}
.sprt_sec03 > div {padding: 0;}
.if_sprtr {display: block;}
.if_sprtr > li {display: flex; flex-direction: row; align-items: center; width: 100%; margin-right: 0; margin-bottom: 40px;}
.if_sprtr > li:last-child {margin-bottom: 0;}
.if_sprtr > li > div {margin-right: 20px; min-width: 100px; width: 100px; height: 100px; border-radius: 50%; background-color: #fff; background-position: center; background-repeat: no-repeat;}
.if_sprtr > li > dl {}
.if_sprtr > li > dl > dt {font-size: 18px; font-weight: 700; color: #fff; text-align: left; margin: 0 0 13px;}
.if_sprtr > li > dl > dd {font-size: 16px; line-height: 28px; color: #fff; text-align: left;}
/* 아이콘 */
.if_sprtr .list01 > div {background-image: url(/img/newbird/support/support_sec03_icon01.png); background-size: 40px auto;}
.if_sprtr .list02 > div {background-image: url(/img/newbird/support/support_sec03_icon02.png); background-size: 35px auto;}
.if_sprtr .list03 > div {background-image: url(/img/newbird/support/support_sec03_icon03.png); background-size: 39px auto;}

/* 후원 section 04 */
.sprt_sec04 {padding-bottom: 70px;}
.sprt_sec04 .goods_cont_wrap {padding: 0 20px; margin: -106px auto 0; max-width: 100%; display: block;}

.goods_txt_box {width: 100%; padding: 60px 20px 30px;}
.goods_txt_box > h3 {text-align: left; color: #fff;}
.goods_txt_box > h3::after {margin: 10px 0 55px; background: #fff;}
.goods_txt_box > p {display: none;}

.goods_txt_box > dl {padding: 30px 0;}
.goods_txt_box > dl:nth-of-type(1) {padding: 0 0 30px;}
.goods_txt_box > dl:last-child {border-bottom: 0;}
.goods_txt_box > dl > dt {display: block; margin-bottom: 14px;}
.goods_txt_box > dl > dt > strong {display: block; margin-bottom: 14px; min-width: 100%; font-size: 22px;}
.goods_txt_box > dl > dt > span {display: block; font-size: 14px;}
.goods_txt_box > dl > dd {display: flex; align-items: flex-start;}
.goods_txt_box > dl > dd .component_badge {min-width: 53px; margin-right: 15px; padding: 4px 9px; font-size: 13px;}
.goods_txt_box > dl > dd > p {font-size: 15px; font-weight: 700;}
.goods_txt_box > dl > dd > p.only_pc {display: none;}
.goods_txt_box > dl > dd > p.only_mob {padding-top: 3px; display: block;}
.goods_txt_box > dl > dd > p.only_mob > b {display: block;}
.goods_txt_box > dl > dd > p.only_mob > b > s {margin: 0 10px; display: inline-block; width: 21px; height: 21px; background: url(/img/newbird/support/sprt_goods_plus.png) no-repeat center; background-size: 100% auto;}
.goods_txt_box > dl > dd > p.only_mob > b:last-child {margin-top: 10px; display: flex; align-items: center;}
.goods_txt_box > dl > dd > p.only_mob > b:last-child > s {margin: 0 10px 0 0;}
/* goods 슬라이드 */
.goods_slide_box {max-width: 100%;}
.goods_slide_box .swiper-container-horizontal > .swiper-pagination-bullets,
.goods_slide_box .swiper-pagination-custom,
.goods_slide_box .swiper-pagination-fraction {
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods_slide_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px 0 0;} 
.goods_slide_box .swiper-pagination-bullet {width: 6px; height: 6px; opacity: 1; background: #fff; }
.goods_slide_box .swiper-pagination-bullet-active {width: 12px; height: 12px; background: #fff;}

/* 후원 section 05 */
.sprt_sec05 {display: block;}
.sprt_sec05 .left_img_box {max-width: 100%;}
.sprt_sec05 .right_txt_box {padding: 45px 20px 0; border-bottom: 0;}
/* .sprt_sec05 .right_txt_box > h3::before {top: 23px; left: 59px; width: 4px; height: 4px;} */
.sprt_sec05 .right_txt_box > h3::after {margin: 10px 0 55px;}
 
.sprt_btn_box {display: flex; justify-content: center; margin-top: 52px;}
.sprt_btn_box > a {margin-right: 4px; width: 220px; height: 50px; line-height: 50px;}
.sprt_btn_box > a:last-child {margin-right: 0;}

/* 후원 하단 서브 배너 */
.sub_banner_h220 > a {width: 100%; height: 140px;}

/* 캠페인 북극곰 */
.num_bdg {width: 60px; height: 60px; top: -30px; font-size: 25px; font-weight: 400;}
.en_sec_tit {font-size: 22px;}
.ko_sec_tit {font-size: 30px; font-weight: 700; line-height: 42px;}
.ko_sec_tit s {font-size: 36px;}
.wwf_work_tit span {padding-top: 5px;}
.campaign_btn > a {max-width: 220px; height: 60px; border-radius: 30px; font-size: 20px;}
 
/* banner */
.campaign_top_banner {padding: 82px 0 54px; height: auto;}
.campaign_top_banner .inner_1480 {position: relative; height: 100%;}

.polarbear_banner_bg {background-position: 87% center; background-size: cover;}

.campaign_banner_txt {position: static; text-align: center; transform: none;}

.polarbear_banner_txt .tit {font-size: 23px; font-weight: 700; line-height: normal;}
.polarbear_banner_txt .tit > strong {margin-top: 25px; font-size: 52px; line-height: 62px;}
.polarbear_banner_txt .txt {font-size: 20px; line-height: 32px; margin-top: 24px;}
.polarbear_banner_txt .campaign_btn {margin-top: 157px;}

.campaign_banner_txt .campaign_btn {display: flex; justify-content: center;}
.campaign_banner_txt .campaign_btn > a {width: 220px; height: 60px; font-size: 20px;}

/* 북극곰 section 01 */
.polarbear_sec01 {padding: 70px 0 100px;}
.polarbear_sec01 > div > h3 {margin-bottom: 15px; color: #c9ccd1;}
.polarbear_sec01 > div > h2 {color: #213a57;}

/* top box */
.information_top {display: flex; flex-direction: column-reverse; margin-bottom: 0;}
.information_top > div {width: 100%;}
.information_top .ko_sec_tit.only_pc {display: none;}
.information_top .left_bx {z-index: 5; position: relative; top: -75px;}
.information_top .left_bx > dl {margin-bottom: 10px; align-items: stretch; padding: 10px 15px 10px 10px; border-radius: 28px;}
.information_top .left_bx > dl:nth-of-type(1) {border-radius: 34px;}
.information_top .left_bx > dl:last-child {margin-bottom: 0;}
.information_top .left_bx > dl > dt {display: flex; align-items: center; justify-content: center; margin-right: 10px; min-width: 74px; width: 74px; height: auto; min-height: 36px; font-size: 15px; border-radius: 18px; line-height: normal;}
.information_top .left_bx > dl > dd {display: flex; align-items: center; font-size: 15px; line-height: 22px;}

.information_top .left_bx > dl:nth-of-type(1) > dt {border-radius: 24px;}
.information_top .left_bx > dl:nth-of-type(1) > dd {letter-spacing: -0.06em;}

.information_top .right_bx {padding-top: 35px; text-align: center; background:  url(/img/newbird/support/polarbear_img_shdw.png) no-repeat center; background-size: cover;}
.information_top .right_bx > img {margin-left: 15px;}

.empty_box {display: none;}
/* bottom box */
.information_bottom {display: block;}
.information_bottom .txt_box_bg {padding: 64px 30px 40px; width: 100%; margin-right: 0;}
.information_bottom .txt_box_bg:last-child {margin-right: 0;}
.information_bottom .txt_box_bg .num_bdg {top: -30px; width: 60px; height: 60px; padding-bottom: 5px;}
.information_bottom .txt_box_bg .box_tit {display: block; font-size: 22px; color: #222; text-align: center;}
.information_bottom .txt_box_bg > p {font-size: 15px; font-weight: 400; line-height: 26px;}
.information_bottom .txt_box_bg > p br {display: none;}

.pc_information_bottom {display: none;}
.mob_information_bottom {display: block;}
/* swiper */
.mob_information_bottom .swiper-container {padding: 80px 20px 60px; margin: -75px auto -40px;}
.mob_information_bottom .swiper-slide {max-width: 570px;}

/* 북극곰 section 02 */
.polarbear_sec02 {position: relative; display: block;}
.polarbear_sec02 .bear_photo_box {position: static; max-width: 100%;}
.polarbear_sec02 .bear_photo_box > img {width: 100%;}
/* 오른쪽 텍스트 박스 */
.polarbear_sec02 .danger_txt_box {max-width: 100%; width: 100%; padding: 62px 20px 70px; }
.danger_txt_box .en_sec_tit {margin-bottom: 15px; color: #2b4a6e;}
.danger_txt_box .ko_sec_tit {font-weight: 700; color: #e4edf6;}
.danger_txt_box > p .only_mob {display: block;}
.danger_txt_box > p br {display: none;}
.danger_txt_box .report_txt01 {margin: 26px 0 30px; font-size: 20px; line-height: 32px; letter-spacing: -0.06em;}
.danger_txt_box .report_txt02 > span {display: block; color: #e98300;}
.copyright_bx {margin-top: 40px; display: flex; align-items: center; font-size: 14px; font-weight: 300; color: #e4edf6;}
.copyright_bx .copyright_bdg {font-weight: 400; margin-right: 14px; width: 58px; height: 30px; line-height: 30px; font-size: 14px;}
.copyright_bx .star {color: #e98300;}



/* 북극곰 section 03 */
.polarbear_sec03 {padding: 70px 0 103px;}
.wwf_work_sec .en_sec_tit {margin-bottom: 8px;}
.wwf_work_sec .ko_sec_tit {margin-bottom: 26px;}
.polarbear_sec03 .ko_sec_tit {margin-bottom: 0;}
.polarbear_sec03 .ko_sec_tit > span {font-weight: 300;}
.ko_sec_tit s {font-size: 36px;}
.wwf_work_tit {display: flex;}
.wwf_work_tit span {padding-top: 5px;}

.polarbear_sec03 .mob_polarbear_work_cont {position: relative; display: block;}
.work_cont_box dl {width: 100%; padding: 20px 20px 33px; margin-right: 0;}
.work_cont_box dl:first-child {transform: none;}
.work_cont_box dl:last-child {transform: none;}
.work_cont_box dl > dt {}
.work_cont_box dl > dt > img {width: 100%;}
.work_cont_box dl > dd {padding-top: 43px; font-size: 20px; font-weight: 700; line-height: 32px; transform: rotate(0.04deg);}

.pc_polarbear_work_cont {display: none;}
.mob_polarbear_work_cont {display: block;}
/* swiper */
.mob_polarbear_work_cont .swiper-container {padding: 60px 20px; margin: -30px auto -40px;}

.mob_polarbear_work_cont .swiper-pagination-bullets,
.mob_polarbear_work_cont .swiper-pagination-custom,
.mob_polarbear_work_cont .swiper-pagination-fraction {margin-top: 0;}

/* 북극곰 section 04 */
.polarbear_sec04 {padding: 70px 0;}
.polarbear_sec04 h2 {margin-bottom: 34px; font-size: 32px; line-height: 42px;}
.polarbear_sec04 .polarbear_video_box {padding: 5px;}
.polarbear_sec04 .video_sec_txt {margin-top: 55px; text-align: center; font-size: 22px; line-height: 34px; font-weight: 300;}
.polarbear_sec04 .video_sec_txt br {display: none;}
.video_sec_btn {margin-top: 35px;}
.video_sec_btn > a {width: 220px; height: 60px; font-size: 20px;}

/* 북극곰 section 05 */
.about_wwf {position: relative; padding: 70px 20px;}
.about_wwf .bg_txt {top: -36px; font-size: 45px;}

.wwf_txt > h3 > span {font-size: 40px;}

.polarbear_sec05 .wwf_txt > p {margin: 30px 0 55px;}
.polarbear_sec05 .wwf_txt > h3 > s {font-size: 30px; padding-top: 4px;}
.wwf_txt > p {font-size: 16px; line-height: 30px;}
.wwf_txt > p > span {display: block; margin-top: 5px; font-size: 18px; line-height: 32px;}

.support_briefing_tit {margin: 45px 0 25px;}
.support_briefing_tit .briefing_tit {padding-top: 2px; width: 140px; height: 42px; font-size: 16px; border-radius: 21px;}

.briefing_txt > li {display: flex; margin-bottom: 10px; font-size: 14px; line-height: 22px; text-align: left;}
.briefing_txt > li:last-child {margin-bottom: 0px;}
.briefing_txt > li > s {margin: 8px 10px 0 0; width: 4px; height: 4px;}




/* 캠페인 멸종위기동물들 */
.extinction_banner_txt > p {font-size: 20px; margin-bottom: 10px;}
.extinction_banner_txt > span {font-size: 40px; line-height: 52px;}
.extinction_banner_txt > span > b {font-size: 36px;}
.extinction_banner_txt > p.txt {font-size: 20px; line-height: 32px; margin-top: 24px;}

.extinction_banner_txt .campaign_btn {margin-top: 244px;}



/* 멸종위기동물들 section 01 */
.extinction_sec01 {padding: 70px 0 220px;}
.extinction_sec01 .ko_sec_tit {margin: 15px 0 30px; font-size: 30px; line-height: 42px;}
.extinction_sec01 .ko_sec_tit > span {font-size: 26px;}
.extinction_sec01 .sec01_bttm_txt {margin: 90px 20px 34px; font-size: 20px; line-height: 32px;}
.extinction_sec01 .sec01_bttm_txt > b {display: block; margin-top: 10px; font-size: 24px; line-height: 38px;}

.pc_animals_cont {display: none;}
.mob_animals_cont {display: block; position: relative;}
.animals_cont dl {flex-direction: column; padding: 50px 40px 40px;}
.animals_cont dl > dt {position: relative; max-width: 220px; width: 100%; height: 220px; background-repeat: no-repeat; background-position: center; background-size: 100% auto;}
.animals_cont dl > dt > img {width: 326px; height: 327px;}
.animals_cont dl > dd {margin-left: 0; margin-top: 43px; text-align: center;}
.animals_cont dl > dd > s {display: inline-block; margin-bottom: 22px;}
.animals_cont dl > dd > b {margin-bottom: 11px; font-size: 22px;}
.animals_cont dl > dd > p {font-size: 18px; line-height: 28px;}
.animals_cont dl > dd > a {margin-top: 20px; max-width: 180px; width: 100%; height: 50px; border-radius: 25px; font-size: 16px;}
/* swiper */
.animals_cont .swiper-container {padding: 60px 20px; margin: -60px auto;}

/* 멸종위기동물들 section 02 */
.extinction_sec02 {margin-top: -70px; padding: 70px 0 179px; background-position: left 14% top;}
.extinction_sec02 .wrk_txt {font-size: 16px; line-height: 28px; margin-bottom: 0;}
.pc_extinction_work_cont {display: none;}
.mob_extinction_work_cont {display: block;}

.extinction_sec02 .work_cont_box dl {margin-right: 0;}
.extinction_sec02 .work_cont_box dl > dd > b {display: block; margin-bottom: 12px; font-size: 22px; letter-spacing: -0.04em;}
.extinction_sec02 .work_cont_box dl > dd > p {font-size: 16px; font-weight: 400; line-height: 28px;}
/* swiper */
.extinction_sec02 .swiper-container {padding: 60px 20px; margin: 0 auto -60px;}
.mob_extinction_work_cont .swiper-slide {height: auto; display: flex; align-items: stretch;}


/* 멸종위기동물들 section 03 */
.extinction_sec03 {margin-top: -70px; padding: 70px 0; background-position: left 11% top;}
.extinction_sec03 .cont_box {flex-direction: column; align-items: flex-start;}
.extinction_sec03 .left_txt_box {}
.extinction_sec03 .left_txt_box > h3 {font-size: 20px; color: #fff;}
.extinction_sec03 .left_txt_box > h2 {margin: 18px 0 25px; font-size: 26px; line-height: 42px;}
.extinction_sec03 .left_txt_box > h2 > span {font-size: 30px;}
.extinction_sec03 .left_txt_box > p {font-size: 16px; line-height: 28px; letter-spacing: -0.04em;}
.extinction_sec03 .left_txt_box > a {display: none;}

.extinction_sec03 .campaign_btn {margin-top: 80px; display: flex; justify-content: center;}
.extinction_sec03 .campaign_btn > a {max-width: 300px; font-weight: 700;}

.wwf_book > ul {margin-top: 55px; row-gap: 18px; column-gap: 12px;}
.wwf_book > ul > li {max-width: 100%;}

/* 멸종위기동물들 section 04 */
.extinction_sec04 {padding: 70px 20px;}
.extinction_sec04 .wwf_txt > p {font-size: 22px; font-weight: 300; line-height: 36px;}
.extinction_sec04 .wwf_txt > h3 {margin: 26px 0 36px; font-size: 26px; line-height: 40px;}


/* 기후변화 */
.climate_banner_bg .campaign_banner_txt .tit {font-size: 23px; font-weight: 700; line-height: normal;}
.campaign_banner_txt .tit > strong {display: block; margin-top: 25px; font-size: 45px; line-height: 52px;}
.climate_banner_bg .campaign_banner_txt .txt {font-size: 20px; line-height: 32px;}
.climate_banner_txt .campaign_btn {margin-top: 175px;}

/* 기후변화 section 01 */
.climate_sec01 {padding: 70px 0;}
.climate_sec01 .en_sec_tit {text-align: left;}
.climate_sec01 .ko_sec_tit {font-size: 26px; line-height: 42px; text-align: left; margin: 12px 0 30px;}
.climate_sec01 .ko_sec_tit > span {font-size: 30px; letter-spacing: -0.06em;}

.cont_flx .climate_danger_cont > div > .txt_bx {padding: 33px 10px 23px;}
.cont_flx .climate_danger_cont > div > .txt_bx .img_tit {margin-bottom: 14px; font-size: 22px; line-height: 34px;}
.cont_flx .climate_danger_cont > div > .txt_bx .cnt_txt {font-size: 15px; line-height: 26px; letter-spacing: -0.04em;}
.cont_flx .climate_danger_cont > div > .txt_bx > div {margin-top: 25px;}

.mob_cont_flx {display: block;}
.pc_cont_flx {display: none;}

.cont_flx .climate_danger_cont:last-child {margin-top: 0;}

.climate_sec01 .sec01_bttm_txt > p {margin: 90px 0 37px; font-size: 22px; font-weight: 100; line-height: 38px;}
.climate_sec01 .sec01_bttm_txt > p > b {font-size: 28px;}
.climate_sec01 .sec01_bttm_txt > span {font-size: 18px;}
/* swiper */
.mob_cont_flx .swiper-container {padding: 50px 20px; margin: -50px 0;}

/* 기후변화 section 02 */
.climate_sec02 {padding: 70px 0;}
.climate_sec02 .cont01 {flex-direction: column; margin-bottom: 34px; padding-right: 0;}
.climate_sec02 > div > h3 {font-size: 20px; letter-spacing: -0.06em;}
.climate_sec02 > div > h3 > span {letter-spacing: 0;}
.climate_sec02 .cont01 > h2 {width: 100%; min-width: auto; font-size: 30px; line-height: 42px;}
.climate_sec02 .cont01 > h2 > span {font-size: 26px;}
.climate_sec02 .cont01 > p {margin-top: 25px; width: 100%; font-size: 16px; line-height: 28px;}
.climate_sec02 .cont01 > p br {display: none;}


.pc_climate_work_cont {display: none;}
.mob_climate_work_cont {display: block;}

.climate_sec02 .work_cont_box dl > dd > b {font-size: 20px; line-height: 30px;}
.climate_sec02 .work_cont_box dl > dd > b > span {display: block;}
/* swiper */
.mob_climate_work_cont .swiper-container {padding: 60px 20px; margin: -60px 0;}

.mob_climate_work_cont .swiper-slide {display: flex; align-items: stretch; height: auto;}

/* 기후변화 section 03 */
.climate_sec03 .wwf_txt h2 {font-size: 26px; line-height: 40px;}
.climate_sec03 .wwf_txt h2 > span {font-size: 20px; line-height: 36px;}
.climate_sec03 .campaign_btn {margin: 30px 0 50px;}
.climate_sec03 .campaign_btn > a {font-weight: 400;}