/* =========================================1행 캠페인 표지(m) */
#wrap .intro {
    /* 북극곰배경 bg1 */
    background-image: url(../img/bg1.png);
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    padding: 100px 0;
    position: relative;
}
#wrap .intro > * {
    position: relative; z-index: 999;
}
#wrap .intro::after {
    /* 북극곰 배경 위에 깔리는 반투명검은배경 rgba() */
    content: ''; display: block;
    background: linear-gradient(transparent, #000 69%);
    opacity: 0.6;
    width: 100%; height: 100%;
    position: absolute; top:0; left: 0;
    z-index: 1;
}
#wrap .intro .logo { /* 이미지 크기는 가로세로 중 한값만 작성(나머지는 자동비율조정) */
    width: 24px;
    position: absolute;
    top:18px; left: 21px;
}
#wrap .intro .logo img {
    width: 100%;
}
#wrap .intro h1 {
    text-align: center;
}
#wrap .intro h1 span {
    color: #fff;
    font-size: 1.88rem;
    font-weight: 500;
    line-height: 130%;
    display: block;
}
#wrap .intro h1 span:nth-child(1) {}
#wrap .intro h1 span:nth-child(2) {
    margin-bottom: 50px;
}
#wrap .intro .sponser_btn {}
/* =========================================2행 퀴즈 */
#wrap .quiz_bg {
    background-image: url(../img/quiz_bg.png);
    padding: 70px;
}
#wrap .quiz_bg .quiz {
    display: flex; flex-flow: column nowrap; /* 기기 레이아웃 변경시 column -> row */
    justify-content: center;
    gap:50px;
}
#wrap .quiz_bg .quiz .q_zone {}
#wrap .quiz_bg .quiz .q_zone h1,
#wrap .quiz_bg .quiz .q_zone h2 span {
    color: #fff;
}
#wrap .quiz_bg .quiz .q_zone h1 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 16px;
}
#wrap .quiz_bg .quiz .q_zone h2 {
    margin-bottom: 16px;
}
#wrap .quiz_bg .quiz .q_zone h2 span {
    display: block;
    line-height: 1.7;
}
#wrap .quiz_bg .quiz .q_zone h2 span:nth-child(1) {}
#wrap .quiz_bg .quiz .q_zone h2 span:nth-child(2) {}
#wrap .quiz_bg .quiz .q_zone #q_form {}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list {}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li {
    margin-bottom: 16px;
    display: flex; flex-flow: row nowrap;
}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li:last-child {    
    margin-bottom: 8px;
}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li .quiz_chk {display: none;}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li .quiz_chk:checked + label {
    background-image: url(../img/chck_on.svg);
}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li label {
    color: #fff;
    background-image: url(../img/chck_off.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 47.75px;
}
#wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li:hover label {
    animation: scale_b 0.3s alternate infinite, color_b 2s alternate infinite;
}
#wrap .quiz_bg .quiz .q_zone #q_form #ansr_btn {
    background-color: #000;
    color: #fff;
    width: 100%; height: 47px;
    padding: 10px 0;
    border-radius: 50px;
    margin-top: 16px;
}
#wrap .quiz_bg .quiz .q_now {
    width: 100%;
    margin: 0 auto;
}
#wrap .quiz_bg .quiz .q_now p {}
#wrap .quiz_bg .quiz .q_now p:last-child {
    font-size: 1.25rem;
    color: #fff;
    margin-top: 20px;
    text-align: right;
}
#wrap .quiz_bg .quiz .q_now .q_img {}
#wrap .quiz_bg .quiz .q_now .q_img img {
    width: 100%;
}
/* =========================================3행 동영상 */
#wrap .video_bg {
    background-image: url(../img/video_bg.png);
    padding: 50px 15px;
}
#wrap .video_bg .video {}
#wrap .video_bg .video h1 {
    text-align: center;
}
#wrap .video_bg .video iframe {
    width: 100%;
    margin: 0 0 70px;
}
/* =========================================4행 50감소 */
#wrap .reduction_bg {
    background-image: url(../img/50_bg.png);
}
#wrap .reduction_bg .reduction {}
#wrap .reduction_bg .reduction h1 {
    color: #fff;
}
#wrap .reduction_bg .reduction h1 .highlight {}
#wrap .reduction_bg .reduction p {
    color: #fff;
}
#wrap .reduction_bg .reduction p img {
    width: 100%;
}
/* =========================================5행 인류재앙 */
#wrap .humanity_bg {
    background-color: #f5f5f5;
}
#wrap .humanity_bg .humanity {}
#wrap .humanity_bg .humanity h1 {
    text-align: center;
}
#wrap .humanity_bg .humanity h1+p {
    font-weight: 400;
}
#wrap .humanity_bg .humanity p {
    text-align: center;
}
#wrap .humanity_bg .humanity .list {
    display: flex; flex-flow: column nowrap;
    gap:20px;
}
#wrap .humanity_bg .humanity .list li {}
#wrap .humanity_bg .humanity .list li:nth-child(1) dl {
    background-image: url(../img/card1.png);
}
#wrap .humanity_bg .humanity .list li:nth-child(2) dl {
    background-image: url(../img/card2.png);
}
#wrap .humanity_bg .humanity .list li:nth-child(3) dl {
    background-image: url(../img/wwf.jpg);
}
#wrap .humanity_bg .humanity .list li dl * {
    color: #fff; position: relative; z-index: 999;
}
#wrap .humanity_bg .humanity .list li dl {
    padding: 48px 0;
    text-align: center;
    background-size: cover;
    background-position: center;
    position: relative;
}
#wrap .humanity_bg .humanity .list li dl::before {
    content: ''; display: block;
    position: absolute;
    width: 100%; height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.9), transparent);
    z-index: 10;
    top:0; left: 0;
}
#wrap .humanity_bg .humanity .list li dl dt {
    font-size: 1.38rem; font-weight: 500; margin: 0 0 11px;
}
#wrap .humanity_bg .humanity .list li dl dd {
    line-height: 1.7;
}
#wrap .humanity_bg .humanity .list li .txt {
    background-color: #fff;
    padding: 20px;
}
#wrap .humanity_bg .humanity .list li .txt p {
    font-size: 0.81rem; line-height: 1.7;
    text-align: center;
}
/* =========================================6행 빙하위기 */
#wrap .crisis_bg {
    background-image: url(../img/50_bg.png);
}
#wrap .crisis_bg .crisis {}
#wrap .crisis_bg .crisis h1 {
    color: #fff;
}
#wrap .crisis_bg .crisis h1 .highlight {}
#wrap .crisis_bg .crisis p {
    color: #fff;
    font-size: 0.81rem; line-height: 1.7; font-weight: 400;
}
#wrap .crisis_bg .crisis p img {
    width: 100%;
}
/* =========================================7행 wwf단체소개 */
#wrap .wwf_bg {
    background-image: url(../img/wwf.jpg);
    position: relative;
}
#wrap .wwf_bg::before {
    content: ''; display: block; z-index: 10;
    top:0; left: 0;
    position: absolute;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.8);

}
#wrap .wwf_bg .wwf {
    z-index:999;
    position: relative;
    text-align: center;
}
#wrap .wwf_bg .wwf h1+p,
#wrap .wwf_bg .wwf p+p {
    font-weight: 400;
}
#wrap .wwf_bg .wwf h1 {
    font-size: 1.88rem; font-weight: 700;
}
#wrap .wwf_bg .wwf p {}
/* =========================================8행 활동내역 */
#wrap .activity_bg {}
#wrap .activity_bg .activity {}
#wrap .activity_bg .activity h1 {
    text-align: center;
}
#wrap .activity_bg .activity .details {
    width: 100%;
    display: grid; gap: 22px;
    grid-template-areas:
        'piblic'
        'corporation'
        'nature';
}
#wrap .activity_bg .activity .details li {
    width: 100%;
    background-size:cover;
    background-position: center;
    padding-top: 94px;
}
#wrap .activity_bg .activity .details li:nth-child(1) {
    grid-area: piblic; /* 그리드 2차원 정렬을 위한 자식 이름 짓기(대중) */
    background-image: url(../img/card1.png);
}
#wrap .activity_bg .activity .details li:nth-child(2) {
    grid-area: corporation; /* 기업 */
    background-image: url(../img/wwf.jpg);
}
#wrap .activity_bg .activity .details li:nth-child(3) {
    grid-area: nature; /* 자연 */
    background-image: url(../img/50_des.png);
}
#wrap .activity_bg .activity .details li .txt * {
    color: #fff;
}
#wrap .activity_bg .activity .details li .txt {
    padding: 20px;
    background: rgba(5, 5, 5, 0.5);
}
#wrap .activity_bg .activity .details li .txt dt {
    margin: 0 0 18px;
    font-size: 2.13rem; font-weight: 700;
}
#wrap .activity_bg .activity .details li .txt dd {
    font-size: 1.25rem; line-height: 1.7;
}
/* =========================================9행 선물정보 */
#wrap .gift_bg {
    background-image: url(../img/50_bg.png);
    background-position: center;
    background-size: cover
}
#wrap .gift_bg .gift {
    text-align: center;
}
#wrap .gift_bg .gift * {
    color: #fff;
}
#wrap .gift_bg .gift .title {
    display: flex; flex-flow: column nowrap;
}
#wrap .gift_bg .gift .title h1 {
    margin: 0 0 22px;
    text-align: left;
}
#wrap .gift_bg .gift .title .sponser_btn {
    margin: 0 0;
}
#wrap .gift_bg .gift .sponser_btn em {}
#wrap .gift_bg .gift .gift_list {
    display: flex; flex-flow: column;
    gap:22px;
    padding: 40px 0;
}
#wrap .gift_bg .gift .gift_list {}
#wrap .gift_bg .gift .gift_list li {}
#wrap .gift_bg .gift .gift_list li:nth-child(1) .gift_img {
    background-image: url(../img/freebie2.jpg);
}
#wrap .gift_bg .gift .gift_list li:nth-child(2) .gift_img {
    background-image: url(../img/freebie1.jpg);
}
#wrap .gift_bg .gift .gift_list li:nth-child(3) .gift_img {
    background-image: url(../img/freebie3.jpg);
}
#wrap .gift_bg .gift .gift_list li .gift_img {
    height: 150px;
    overflow: hidden;
    width: 100%;
    background-position: center;
    background-size: cover;
}
#wrap .gift_bg .gift .gift_list li .gift_img + p {
    text-align: center;
    line-height: 1.7;
    font-weight: 400;
    margin-top: 13px;
}
#wrap .gift_bg .gift .gift_list li p {}
#wrap .gift_bg .gift .gift_join {
    display: inline-block;
    background-color: #fff;
    color: #050505;
    width: max-content;
    font-size: 1.0rem;
    margin: 0 0 0 0;
}
/* =========================================10행 안내 */
#wrap .cashinfo_bg {
    background-color: #E4E5EA;
}
#wrap .cashinfo_bg .cashinfo {
}
#wrap .cashinfo_bg .cashinfo h1 {
    margin: 0 0 0 0;
    font-weight:700;
}
#wrap .cashinfo_bg .cashinfo p,
#wrap .cashinfo_bg .cashinfo > p + p,
#wrap .cashinfo_bg .cashinfo h1+p {
    margin: 0 0 0 0;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 1.0rem;
}
#wrap .cashinfo_bg .cashinfo p {
}