/* 반응형조건 reponsive */
/* m(320~) -> t(1024~) -> d(1250~) */
@media screen and (min-width:630px) { /* 임의 추가 사이즈 */
    #wrap .quiz_bg .quiz {
        flex-flow: row nowrap;
    }
    #wrap .quiz_bg .quiz > * {
        flex: 1;
    }
}
@media screen and (min-width:860px) { /* 임의 추가 사이즈 */
    #wrap .intro {
        padding: 300px 0 100px;
    }
    /* -------------------------------------3~6행 공통 */
    #wrap .container {
        padding: 200px 80px;
    }
    #wrap .container .contents h1 {
        font-size: 2.5rem;
    }
    #wrap .container .contents > p,
    #wrap .container .contents h1+p {
        font-size: 1.38rem;
    }
/* -------------------------------1행끝 2행시작 */
    #wrap .quiz_bg .quiz {
        flex-flow: row nowrap;
    }
    #wrap .quiz_bg .quiz .q_zone h2 span {
        display:inline-block;
        margin-right: 5px;
        }
    /* -------------------------------3행시작 */
    #wrap .video_bg .video h1 {
        margin: 0 0 70px;
    }
    #wrap .video_bg .video iframe {
        height: 484px;
    }
    /* -------------------------------4행시작 */
    #wrap .reduction_bg .reduction h1 .highlight {
        font-size: 2.5rem;
    }
    /* -------------------------------5행시작 */
    #wrap .humanity_bg .humanity .list {
        flex-flow: row nowrap;
    }   
    #wrap .humanity_bg .humanity .list li {
        flex:1;
    }
    #wrap .humanity_bg .humanity .list li dl {
        padding: 48px 59px;
        height: 274px;
    }
    #wrap .humanity_bg .humanity .list li dl dt {}
    #wrap .humanity_bg .humanity .list li dl dd {
        font-size: 1.25rem;
    }
    #wrap .humanity_bg .humanity .list li .txt {
        height: 250px;
    }
    #wrap .humanity_bg .humanity .list li .txt p {
        font-size: 1.0rem;
    }
    /* -------------------------------6행시작 */
    #wrap .crisis_bg .crisis h1 .highlight {
        font-size: 2.5rem; font-weight:700; line-height: 1.7;
    }
    /* -------------------------------9행시작 */
    #wrap .gift_bg .gift .title {
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: end;
    }
    #wrap .gift_bg .gift .title h1 {
        margin: 0 0 0 0;
        font-size: 2.50rem;
    }
    #wrap .gift_bg .gift .gift_list {
        display: grid;
        grid-template-areas:
            'two_goods three_goods'
            'five_goods five_goods';
    }
    #wrap .gift_bg .gift .gift_list li:nth-child(1) {
        grid-area: two_goods;
    }
    #wrap .gift_bg .gift .gift_list li:nth-child(2) {
        grid-area: three_goods;
    }
    #wrap .gift_bg .gift .gift_list li:nth-child(3) {
        grid-area: five_goods;
    }
    #wrap .gift_bg .gift .gift_list li .gift_img {
        height: 300px;
    }
    #wrap .gift_bg .gift .gift_join {
        position: relative; 
    }
    /* -------------------------------10행시작 */
    #wrap .cashinfo_bg {
        padding: 100px 80px;
    }
}
@media screen and (min-width:1024px) {
    #wrap .intro {
        padding: 410px 0 100px;
    }
    #wrap .intro .logo {
        width: 32px;
        top:36px; left: 30px;
    }
    #wrap .intro h1 {
        margin: 0 0 100px;
    }
    #wrap .container .sponser_btn {
        width: 238px; height: 60px;
    }
    #wrap .container .sponser_btn em {
        font-size: 1.38rem;
    }
    #wrap .container .sponser_btn::after {
        font-size: 1.0rem;
    }
    #wrap .intro h1 span {
        font-size: 3.13rem;
    }
/* =========================================1행끝 */
/* =========================================2행시작 */
    #wrap .quiz_bg {
        padding: 150px 80px;
    }
    #wrap .quiz_bg .quiz .q_zone {}
    #wrap .quiz_bg .quiz .q_zone h1 {
        font-size: 2.5rem;
        margin-bottom: 56px;
        margin-left: 222px;
    }
    #wrap .quiz_bg .quiz .q_zone h2 {
        margin-bottom: 8px;
    }
    #wrap .quiz_bg .quiz .q_zone h2 span {
        font-size: 1.25rem;
    }
    #wrap .quiz_bg .quiz .q_zone #q_form #quiz_list li label {
        background-size: 28px;
        padding-left: 48px;
        font-size: 1.25rem;
        line-height: 1.5;
    }
    #wrap .quiz_bg .quiz .q_zone #q_form #ansr_btn {
        width: 300px; height: 54px;
        font-size: 1.25rem;
    }
} /* 1024~ */
@media screen and (min-width:1250px) {
    #wrap .intro {
        padding: 447px 0 100px;
    }
    #wrap .intro .logo {
        width: 42px;
        top:53px; left: 61px;
    }
    #wrap .intro h1 span {
        font-size: 4.38rem;
    }
    #wrap .intro h1 span:nth-child(1) {
        font-weight: 400;
    }
    #wrap .intro h1 span:nth-child(2) {
        font-weight: 700;
    }
/* -------------------------------------3~6행 공통 */
    #wrap .container {
        padding: 200px 335px;
    }
    #wrap .container .contents h1 {
        font-size: 3.44rem;
    }
    #wrap .container .contents > p,
    #wrap .container .contents h1+p {
        font-size: 2.13rem;
    }
    #wrap .container .sponser_btn {
        width: 409px; height: 71px;
    }
    #wrap .container .sponser_btn em {
        font-size: 2.13rem;
        font-weight:700;
    }
    #wrap .container .sponser_btn::after {
        font-size: 1.8rem;
    }
/* --------------------------------------------------3행 */
/* --------------------------------------------------4행 */
    #wrap .reduction_bg .reduction h1 .highlight {
        font-size: 3.44rem;
    }
/* --------------------------------------------------5행 */
    #wrap .humanity_bg .humanity .list li dl {
        height: 320px;
    }
    #wrap .humanity_bg .humanity .list li dl dt {}
    #wrap .humanity_bg .humanity .list li dl dd {
        font-size: 1.25rem;
    }
    #wrap .humanity_bg .humanity .list li .txt p {
        font-size: 1.25rem; line-height: 1.7;
    }
/* --------------------------------------------------6행 */
    #wrap .crisis_bg .crisis h1 .highlight {
        font-size: 3.44rem; font-weight:700; line-height: 1.7;
}
/* --------------------------------------------------7행 */
/* --------------------------------------------------8행 */
    #wrap .activity_bg .activity h1 {
        font-size: 3.44rem; line-height: 1.2;
    }
    #wrap .activity_bg .activity .details {
        grid-template-areas:
            'piblic nature'
            'corporation nature';
            grid-template-columns: 1fr 1fr;
    }
    #wrap .activity_bg .activity .details li {
        position: relative;
        padding: 111px 0 22px;
    }
    #wrap .activity_bg .activity .details li:nth-child(3) .txt {
        position: absolute;
        bottom: 31px; left: 0;
    }
    #wrap .activity_bg .activity .details li .txt {
        width: 50%;
    }
    #wrap .activity_bg .activity .details li .txt dt {
        margin: 0 0 18px;
        font-size: 1.38rem;
    }
    #wrap .activity_bg .activity .details li .txt dd {
        font-size: 0.81rem;
    }
    /* --------------------------------------------------9행 */
    #wrap .gift_bg {
        padding: 200px 335px;
        align-items: center;
    }
    #wrap .gift_bg .gift {
        max-width: 1250px;
    }
    #wrap .gift_bg .gift .title h1 {
            font-size: 3.44rem;
        }
        #wrap .gift_bg .gift .title .sponser_btn {
            width: 409px; height: 71px;
        }
        #wrap .gift_bg .gift .gift_list {
            padding: 70px 0;
            grid-template-areas:
            'two_goods three_goods five_goods';
            grid-template-columns: 1fr 1fr 1fr;
        }
        #wrap .gift_bg .gift .gift_list li p {
            font-size: 1.25rem;
        }
        #wrap .gift_bg .gift .gift_join {
            font-size: 1.25rem;
        }
        /* --------------------------------------------------10행 */
        #wrap .cashinfo_bg {
            padding: 100px 335px;
        }
        #wrap .cashinfo_bg .cashinfo p,
        #wrap .cashinfo_bg .cashinfo > p + p,
        #wrap .cashinfo_bg .cashinfo h1+p {
            font-size: 1.25rem;
        }
}