@media screen and (max-width:1920px) {}

@media screen and (max-width:1750px) {
    .serial_img .text_bx .desc br,
    #purpose .rd .img_bx li.txt_li br {
        display: none;
    }
    .serial_img .text_bx .desc {
        min-height: 18.1%;
        margin-top: 10px;
    }
    #purpose .rd .img_bx li.txt_li {
        width: 59%;
    }

    /* about */
    #about .year_box {
        padding-left: 2%;
    }
    #about .year_box .year {
        width: 14%;
    }
    #about .year_box li > div {
        width: 86%;
    }
    #about .year_box ul::after {
        left: 11.5%;
    }
    #about .year_box ul::before {
        left: 11.2%;
    }
    #about .year_box .txt {
        font-size: 16px;
    }
    #about .global {
        padding-right: 90px;
    }
    #about .global_wrap > div {
        padding-right: 25px;
    }
    #about .global .txt br {
        display: none;
    }
    #about .year_box_i .year {
        font-size: 2.9rem;
    }
    #about .year_box_i .text_wrap::before,
    #about .year_box_i .text_wrap .dot {
        left: 12.5%;
    }
    #about .year_box_i {
        padding-left: 2.34%;
    }

    /* products */
    #product li {
        padding: 30px 50px;
    }

}
@media screen and (max-width:1680px) {
    /* purpose */
    #purpose .market .tit_text .desc {
        position: relative;
        right: initial;
        bottom: inherit;
        padding-left: 0;
        margin-bottom: 120px;
    }
    #purpose .market .text_bx h3 {
        padding-bottom: 30px;
    }
    .serial_img .text_bx {
        padding: 0 21px 40px;
    }
    #purpose .rd .img_bx > div {
        padding: 22px;
    }

    /* contact */
    #contact .text_bx {
        padding-left: 40px;
    }
    #contact .text_bx .desc {
        width: 48%;
    }
    
    /* about */
    #about .global {
        padding-right: 45px;
    }
    #about .global_wrap > div {
        margin-bottom: 35px;
    }
    
    /* activities */
    #activities .ative li:first-child,
    #activities .ative li:first-child .txt_wrap {
        padding-left: 60px;
    }
    #activities .ative li:first-child .img_bx::after,
    #activities .ative li:nth-child(4) .img_bx::after {
        left: -64px;
    }
    #activities .ative li:nth-child(2),
    #activities .ative li:nth-child(2) .txt_bx {
        padding-right: 60px;
    }
    #activities .ative li:nth-child(2) .img_bx::after,
    #activities .ative li:nth-child(3) .img_bx::after {
        right: -64px;
    }
    #activities .ative li:nth-child(3) {
        padding-right: 0px !important;
    }
    #activities .ative li:nth-child(3) .img_bx {
        padding-right: 50px !important;
    }
    #activities .ative li:nth-child(3) .txt_bx {
        padding-left: 90px;
    }
    #activities .ative li:nth-child(3) .num {
        margin-left: -60px;
    }
    #activities .ative li:nth-child(4) .txt_bx {
        padding-right: 90px;
    }
    #activities .img_after .img_bx {
        width: 50%;
    }

    /*product*/
    #product .add_prd li {
        width: 32.634%;
        background-color: #ececec;
    }
    #product .add_prd .imgbx {
        min-height: 373px;
    }
    #product .add_prd .txtbx {
        margin-top: 60px;
    }
    #product .prd_nm {
        font-size: 3.4rem;
        line-height: 1;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:1440px) {
    .dis-1440 {
        display: none;
    }
    html {
        font-size: 8.5px;
    }
    .sub_tit {        
        font-size: 4rem;
    }
    /* layout  */
    .footer_bot .copyw {
        position: relative;
        display: block;
        right: initial;
        bottom: initial;
        margin-top: 20px;
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    #purpose .rd .img_bx {        
        flex-flow: column;
        align-items: center;
    }
    #purpose .rd .img_bx > div {
        width: 61% !important;
    }
    
    /* contact */
    #contact .text_bx {
        padding-left: 20px;
    }
    #contact .text_bx li + li {
        margin-top: 4rem;
    }

    /* about */
    #about .img_inner p.tit {
        font-size: 19rem;
        font-weight: bold;
        z-index: -5;
    }

    /* activities */
    #activities .ative li:nth-child(2) .num,
    #activities .ative li:nth-child(4) .num {
        text-align: right;
    }
    #activities .ative li:nth-child(3) .img_bx::after {
        bottom: auto;
        top: 30%;
    }

    /* product */
    #product .banner::after, #product .banner::before {
        height: 300px;
    }
    #product .add_prd li {
        padding: 30px 0 30px;
    }
    #product .add_prd .nugget .img_wrap {        
        padding: 0 23%;
    }
    #product .add_prd .plant .imgbx::after {
        bottom: 7%;
    }

}
@media screen and (max-width:1220px) {
    .dis-1220 {
        display: none !important;
    }
    .vis-1220 {
        display: block;
    }
    #main .break.dis-no {
        display: block !important;
        width: 100%;
        height: 15px;
    }
    #main .alphabet_wrap {
    }
    #main .alphabet_wrap .slog {
        font-size: 2rem;
        top: -18%;
        left: 15px;
    }
    #main .alphabet_wrap .char_b {
        width: 15.726%;
    }
    #main .alphabet_wrap .char_e {
        width: 10.820%;
    }
    #main .alphabet_wrap .char_t {
        width: 9.150%;
        margin-left: -0.599%;
    }
    #main .alphabet_wrap .char_t2 {
        width: 9.150%;
        margin-left: -1.3%;
    }
    #main .alphabet_wrap .char_e2 {
        width: 10.298%;    
        margin-left: -1.5%;
    }
    #main .alphabet_wrap .char_r {
        width: 10.141%;
        margin-left: -2%;
    }
    #main .alphabet_wrap .char_f {
        width: 10.768%;
        margin-left: 42.4%;
    }
    #main .alphabet_wrap .char_o {
        width: 11.551%;
        margin-left: 0.6%;
    }
    #main .alphabet_wrap .char_d {
        width: 11.655%;
        margin-left: 0.6%;
    }
    #main .alphabet_wrap .char_s {
        width: 9.776%;
        margin-left: 1%;
    }

    /* contact */
    #contact .sub-body .flex_center {
        flex-flow: column;
    }   
    #contact .img_after .img_bx {
        display: flex;
        width: 100%;
        align-items: end;
    }
    #contact .img_after .img_bx img {
        width: 50%;
    }
    #contact .img_after .img_bx .desc {
        width: 50%;
        padding-left: 40px;
        padding-bottom: 30px;
    }
    #contact .img_after .img_bx .desc br {
        display: none;
    }
    #contact .text_bx {
        width: 100%;
        padding-left: 0;
        margin-top: 50px;
    }
    #contact .text_bx ul {
        display: flex;
        justify-content: space-between;
    }
    #contact .text_bx ul li {
        width: 38%;
    }
    #contact .text_bx li:last-child {
        width: 59%;
    }
    #contact .text_bx ul li:first-child .desc:first-child {
        width: 100%;
    }
    #contact .text_bx li + li {
        margin-top: 0;
    }
    #contact .img_after .img_bx::after {
        width: 22.2%;
    }

    
    /* about */
    #about .ceo .text_wr .txt,
    #about .ceo > div.text_wr .sub_tit {
        padding: 0 30px;
    }
    #about .text_cont {
        width: auto;
        padding: 40px 50px;
    }
    #about .text_cont_wrap {
        margin-bottom: -226px;
    }
    #about .img_inner p.tit {
        font-size: 15rem;
        right: -78%;
    }    
    #about .history .cont_img {
        width: 40%;
    }
     #about .ceo > div.img_wrap {
        width: 43%;
    }
    #about .ceo > div.text_wr {
        width: 57%;
    }
    #about .year_box_i .txt,
    #about .global .txt {
        font-size: 16px;
    }
    #about .year_box_i {
        width: 59.96%;
    }

    /* products */    
    #product .list_bx li .img_wrap {
        /* height: 50%; */
    }
    #product .list_bx li.cold .img_wrap {
        width: 19.2678%;
    }     
    #product .list_bx li.sausage .img_wrap {
        width: 19.2678%;
    } 
    #product .list_bx li.meat .img_wrap {
        width: 19.2678%;
    } 
    #product li .img_wrap {
        margin: 4px 0 20px;
        margin-left: -6px;
    }
    #product li:not(.cold) > .img_wrap {
        margin-left: -2px;
    }
    #product .prd_info,
    #product .add_prd .plant .imgbx::after  {
        font-size: 12px;
    }    
    #product li .desc br {
        display: none;
    }
    #product li .desc {
        width: 52%;
    }
    #product .add_prd li .desc {
        width: 100%;
    }
    #product .list_bx .add_prd li.cold .img_wrap {
        width: auto;
    }
    #product .add_prd .imgbx {
        min-height: 298px;
    }
    #product .add_prd .txtbx {
        margin-top: 30px;
    }

    /* activity */    
    #activities .ative .txt_bx {
        width: 50%;
    }
    #activities .ative .txt_bx .desc {
        width: 100%;
    }
    #activities .ative .txt_bx .desc br {
        display: none;
    }
    #activities .ative li:nth-child(3) .img_bx {
        padding-right: 0 !important;
    }
}
@media screen and (max-width:1024px) {
    .dis-1024 {
        display: none !important;
    }
    .vis-1024 {
        display: block;
    }

    /* layout  */
    .header_inner {
        padding: 0 30px;
        align-items: center;
        height: 102px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #header.mo {
        background-color: #fff;
    }
    #header.mo .ham_on {
        display: none;
    }
    #header.mo .ham_off {
        display: block !important;
    }
    #header.mo .ham_menu {
        display: block;
    }
    .footer_bot li {
        margin-bottom: 20px;
    }
    .footer_bot .copyw {
        font-size: 14px;
    }
    .footer_bot li strong {
        display: block;
        font-size: 14px;
        line-height: 1.4;
    }
    .footer_inner {
        padding: 62px 30px 55px;
    }
    .footer_bot li span {
        display: block;
        font-size: 14px;
    }
    .footer_bot li span + span {
        margin-left: 0;
    }    
    .sub_wrap {
        padding-top: 147px;
    }
    .sub-top {
        background-color: transparent;
    }
    .sub-top .pagew {        
        padding-top: 0;
        padding-bottom: 0;
    }

    /* product */
    #product .sub-body {
        padding: 40px 0 100px;
    }

    /* purpose */
    .sub_img .serial_img li {
        padding: 16.5%;
    }
    #purpose .rd .img_bx > div {
        width: 80% !important;
    }  
    

}

@media screen and (max-width:989px) {
    .dis-989 {
        display: none;
    }
    .vis-989 {
        display: block;
    }
    h3 {
        font-size: 6rem;
    }
    .desc {
        font-size: 16px;
        font-weight: 300;  
        letter-spacing: normal;
    }
    .tit {        
        font-size: 6rem;
    }
    .tit img{        
        margin-left: 11px;
        width: 35px;
        vertical-align: unset;
    }
    /* purpose */
    #purpose .serial_img ul {        
        flex-flow: column;        
        width: 80%;
        margin: 0 auto;
    }
    #purpose .sub_img .serial_img li {
        padding: 50%;
    }
    #purpose .sub_img .serial_img li + li {
        margin-top: 13px;
    }
    #purpose .rd_desc br {
        display: none;
    }
    #purpose .rd_desc {
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    #purpose .serial_img .text_bx .desc {
        min-height: auto;
        margin-top: 5px;
    }
    #purpose .rd .img_bx .sub_desc {
        font-size: 3rem;
    }

    /* contact */
    #contact .sub-body {
        padding: 60px 0 60px;
    }

    /* about */
    #about .history .history_cont {
        align-items: center;
        flex-flow: column;
    }
    #about .history .cont_img,
    #about .year_box_i {
        width: 100%;
    }
    #about .year_box_i {
        margin-top: 30px;
        padding: 0;
    }
    #about .year_box_i .text_wrap {
        padding-left: 80px;
    }
    #about .year_box_i .year {
        font-size: 22px;
        left: -80px;
    }
    #about .year_box_i .text_wrap::before, #about .year_box_i .text_wrap .dot {
        left: 65px;
    }
    #about .global_wrap {
        flex-flow: column;
        align-items: flex-start;
    }
    #about .cont_img {
        margin-top: 20px;
        width: 100% !important;
    }
    #about .global .txt {
        margin-top: 30px;
    }
    #about .global::after {
        height: 37%;
    }
    #about .img_inner .txt {
        font-size: 14px;
    }
    #about .ceo .text_wr .txt br {
        display: none;
    }
    #about .img_inner p.tit {
        font-size: 12rem;
    }
    #about > .pagew {
        padding: 0 30px;
    }

    #about .global {
        margin-bottom: 100px;
        margin-top: 50px;
        padding-right: 0;
    }
    #about .global .cont_img {
        padding-right: 37px;
    }
    #about .global .txt {
        margin-top: 25px;
        top: 23%;
        font-size: 18px;
    }
    #about .global::after {
        width: 47.6%;
        height: 40.2%;
        top: -14px;
    }

    /* activities */
    #activities .roll_wrap img {
        width: 163px;
    }
    #activities .sub-body {
        padding: 45px 0 60px;
    }
    #activities .ative .txt_bx .num {
        font-size: 65px;
    }
    #activities .ative li:first-child, #activities .ative li:first-child .txt_wrap {
        padding-left: 30px;
    }
    #activities .ative li:first-child .img_bx::after, #activities .ative li:nth-child(4) .img_bx::after {
        left: -30px;
    }
    #activities .ative li:nth-child(2) .img_bx::after, #activities .ative li:nth-child(3) .img_bx::after {
        right: -30px;
    }
    #activities .ative li:nth-child(3) .txt_bx {
        padding-left: 60px;
    }
    #activities .ative li:nth-child(4) {
        margin-top: 150px;
    }
    #activities .partner {
        margin-top: 120px;
    }
    #activities .ative li:nth-child(2), #activities .ative li:nth-child(2) .txt_bx {
        padding-right: 30px;
    }

    /* product */
    #product li {
        padding: 30px;
    }
    #product .add_prd .txtbx {
        padding: 0 30px;
    }
    #product .add_prd .imgbx {
        min-height: 237px;
    }
    #product .add_prd .plant .imgbx::after {
        word-break: keep-all;
        width: 132px;
        bottom: -3%;
        right: 5.5%;
    }
    #product .add_prd .plant .prd_info {
        margin-left: 0%;
    }

}
/* end 989 */

@media screen and (max-width:767px) {}

@media screen and (max-width:720px) {
    .dis-720 {
        display: none !important;
    }
    .vis-720 {
        display: block  !important;
    }
    html {
        font-size: 8px;
    }
    .pagew {
        padding: 0 15px;
    }

    .tit {
        font-size: 5.6rem;
        font-weight: 700;
    }
    .tit img {
        width: 30px;
        margin-left: 5px;
    }
    .sub_tit {    
        font-size: 3.13rem;
        font-weight: 700;
    }
    .body-sub .txt {
        font-size: 16px !important;
        font-weight: 300;
        color: #333;
        word-break: keep-all;
        line-height: 1.4;
    }
    h3 {
        font-size: 5rem;
    }    

     /* layout  */
    .header_inner {
        padding: 0 15px;
        align-items: center;
        height: 60px;
    }
    .header_inner .ham img {
        width: 25px;
    }
    .header_inner .logo img {
        width: 167.5px;
    }

    .ham_menu {
        padding: 13px 15px 15px;
    }
    .ham_menu .gnb_ul li {
        width: 100%;
    }
    .ham_menu .gnb_ul li a {
        line-height: 41px;
        height: 41px;
    }
    .ham_menu .gnb_ul li a p {
        font-size: 22px;        
        line-height: 41px;
        height: 41px;
    }
    .ham_menu .gnb_ul li {
        margin-bottom: 7px;
    }
    .ham_menu .gnb_ul li:last-child a {
        border-bottom: 0;
    }

    #footer {        
        overflow: hidden;
        height: 200px;
    }
    .footer_inner {
        padding: 31px 15px 0;
    }
    .footer_bot li {
        margin-bottom: 10px;
    }
    .footer_bot .copyw {
        margin-top: 10px;
        padding-top: 8px;
        font-size: 14px;
    }
    .footer_inner .logo img {
        width: 156px;
    }
    .foot_sns li a {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        margin-left: 12px;
        background: rgba(255, 255, 255, 0.1) url(../img/icon/mo_insta.webp) no-repeat center/18px;
    }
    .foot_sns li.youtube a {
        background: rgba(255, 255, 255, 0.1) url(../img/icon/mo_youtube.webp) no-repeat center/17px;
    }    
    .foot_sns li.pdf a { 
        background: rgba(255, 255, 255, 0.1) url(../img/icon/mo_pdf.webp) no-repeat center/17px;
    }
    .footer_bot li span + span {
        margin-top: 5px;
    }
    .footer_bot li {
        display: none;
        font-size: 14px;
    }
    .footer_bot li  span { 
        font-size: 14px;
    }
    .footer_bot li:last-child {
        display: block;
    }
    .top_btn {
        width: 70px;
        bottom: 5%;
        right: 10px;
    }

    .sub_wrap {
        padding-top: 98px;
        overflow: hidden;
    }

    /*main*/
    #main {
        height: 100vh;
        background: #ef1a00 url(../img/mo/mo_main.webp) no-repeat left;
        background-size: cover;
    }
    #main .alphabet_wrap .slog {
        font-size: 17px;
        font-weight: 300;
    }
    #main .alphabet_wrap {
        margin-left: -2px;
    }
    #main .alphabet_wrap .slog {
        left: 17px;
    }
    #main .alphabet_wrap .char_b {
        width: 28.1%;
    }
    #main .alphabet_wrap .char_e {
        width: 18.1%;
    }
    #main .alphabet_wrap .char_t {
        width: 14.65%;
        margin-left: -1.1%;
    }
    #main .alphabet_wrap .char_t2 {
        width: 14.65%;
        margin-left: -2%;
    }
    #main .alphabet_wrap .char_e2 {
        width: 17.3%;    
        margin-left: -2%;
    }
    #main .alphabet_wrap .char_r {
        width: 17.9%;
        margin-left: -3.3%;
    }
    #main .alphabet_wrap .char_f {
        width: 18.3%;
        margin-left: 3%;
    }
    #main .alphabet_wrap .char_o {
        width: 19.9%;
        margin-left: 0.6%;
    }
    #main .alphabet_wrap .char_d {
        width: 20.2%;
        margin-left: 0.6%;
    }
    #main .alphabet_wrap .char_s {
        width: 17.5%;
        margin-left: 1%;
    }


    /* about */
    #about > .pagew {
        padding: 0;
    }
    #about .about_inner {
        margin-top: 30px;
        flex-flow: column;
    }
    #about .about_inner .top_img {
        padding-right: 33px;
    }
    #about .text_cont_wrap {
        padding-left: 53px;
        margin-top: -52.5px;
        margin-bottom: 0;
    }
    #about .text_cont {  
        width: auto;
        background-color: #ffc800;
        padding: 40px 26px;
    }
    #about > div + div {
        margin-top: 65px;
    }
    #about .ceo {
        margin-bottom: 0;
    }
    #about .ceo img.quote {
        width: 20px;
        margin: 20px auto 5px;
    }
    #about .ceo .txt {
        padding: 0 24px;
        top: 23%;
    }
    #about .img_inner .txt {
        left: 20px;
    }
    #about .img_inner {
        margin-top: 8px;
        overflow: hidden;    
    }
    #about .img_inner::after {
        height: 77%;
    }    
    #about .cont_img {
        margin-top: 15px;
    }
    #about .img_inner img {
        width: 68.889%;
        margin-left: -13%;
    }
    #about .about_inner .top_img img {
        width: 100%;
    }
    #about .ceo {
        flex-flow: column;
        align-items: flex-start;
        margin-top: 70px;
        margin-bottom: 60px;
    }
    #about .ceo .txt {
        word-wrap: break-word;
    }
    #about .ceo > div {
        width: 100% !important;
    }
    #about .img_inner::before {
        display: none;
    }
    #about .ceo > div.text_wr,
    #about .ceo .text_wr .txt, #about .ceo > div.text_wr .sub_tit {
        text-align: center;
    }
    #about .ceo > div.text_wr .sub_tit {
        margin-bottom: 15px;
    }
    #about .ceo .text_wr .txt {
        margin-bottom: 5px;
        /* padding: 0; */
    }
    #about .img_inner img {
        width: 100%;
        margin-left: 0;
        margin-bottom: -2px;
    }
    #about .img_inner p.tit {
        font-size: 13.8vw;
        right: 11px;
        top: 12%;
    }
    #about .img_inner .tit span {
        padding-left: 0;
        margin-top: -5px;
    }
    #about .year_box .year {
        font-size: 20px;
        width: 66px;
    }
    #about .year_box li > div {
        width: calc(100% - 66px);
    }
    #about .year_box ul::after {
        left: 55px;
        top: 12px;
        height: 91%;
    }
    #about .year_box {
        padding-left: 0;
    }
    #about .history {
        padding: 0 15px;
    }   
    #about .year_box ul::before {
        left: 53px;
    }
    #about .year_box ul.on::before {
        top: 92%;
    }
    #about .global::after {
        width: 47.6%;
        height: 40.2%;
        top: -14px;
    }
    #about .global_wrap > div {
        padding-left: 15px;
    }
    #about .global .txt:first-child {
        margin-top: 30px !important;
    }
    #about .global .txt {
        margin-top: 20px;
        font-size: 12px;
    }
    #about .global .sub_tit {
        margin-bottom: 7px;
    }
    #about .about_inner .desc.txt br,
    #about .year_box li .txt br {
        display: none;
    }



    /* purpose */
    #purpose .sub-body {
        padding: 56px 0 60px;
    }
    #purpose .market .tit_text .desc {
        margin-bottom: 56px;
    }
    #purpose .serial_img ul {        
        width: 100%;
    }
    #purpose .rd .img_bx > div {
        width: 100% !important;
    }
    #purpose .rd {
        margin-top: 65px;
    }
    #purpose .rd .img_bx {
        margin: 24px 0;
    }

    
    /* contact */
    #contact .sub-body .flex_center {
        padding: 0;
    }
    #contact .img_after .img_bx {
        flex-flow: column;
        align-items: flex-start;
        margin-bottom: 36px;
    }
    #contact .img_after .img_bx img {
        width: 100%;
        padding-right: 30px;
    }
    #contact .img_after .img_bx::after {
        left: auto;
        right: 0;
        top: 26vw;
        bottom: auto;
        width: 39vw;
        height: 43vw;
    }
    #contact .text_bx {
        padding: 0 15px;
        margin-top: 0;
    }
    #contact .text_bx ul li .flex_be,
    #contact .text_bx ul {
        flex-direction: column;
    }
    #contact .img_after .img_bx .desc {
        padding: 60px 0 0 15px;
        width: 100%;
    }
    #contact .text_bx .desc,
    #contact .text_bx ul li {
        width: 100% !important;
        position: relative;
    }
    #contact .text_bx ul li + li {
        margin-top: 36px;
    }
    #contact .text_bx .desc + .desc {
        margin-top: 15px;
    }
    #contact .img_after .img_bx .desc p {
        position: absolute;
        left: 0;
        padding: 0 15px;
        bottom: -164px;
        line-height: 1.33;
    }
    #contact .sub-body {        
        padding: 20px 0 60px;
    }
    #activities .ative li {
        flex-flow: column !important;
        padding: 0 0 0 32px !important;
    }


    /* activities */
    #activities .img_after .img_bx,
    #activities .img_after .img_bx img,
    #activities .ative .txt_bx {
        width: 100%;
    }
    #activities .ative li:first-child .img_bx::after {
        top: -23px;
        width: 29vw;
        height: 48vw;
    }
    #activities .ative li:first-child .txt_bx {
        padding-top: 10px;
    }
    #activities .ative li:first-child .num {
        margin-left: -32px;
    }
    #activities .ative li:first-child .txt_wrap {
        padding-left: 0;
        margin-top: -43px;
    }
    
    #activities .ative li:nth-child(1) .img_bx {
        padding-right: 32px;
    }
    #activities .ative .txt_bx .tit {
        font-size: 20px;
    }
    #activities .ative li + li {
        margin-top: 91px;
    }
    #activities .ative li:nth-child(2) .img_bx::after {
        right: 0;
        top: -27px;
        background-color: #fa1c00;
        width: 44.6vw;
        height: 43.4vw;
    }
    #activities .ative li:nth-child(2) .txt_bx {
        padding-top: 19px;
        display: flex;
        padding-right: 0;
    }
    #activities .ative li:nth-child(2) .num {
        margin-left: -32px;
        margin-right: 12px;
    }
    #activities .ative li:nth-child(2) {
        padding-right: 0 !important;
    }
    #activities .ative li:nth-child(2) .img_bx {
        padding-right: 32px;
    }
    #activities .ative li:nth-child(3) {
        margin-top: 65px;
        padding-left: 0 !important;
    }
    #activities .ative li:nth-child(3) .img_bx::after {
        left: 9px;
        top: 9vw;
        right: auto;
        bottom: auto;
        width: 41vw;
        height: 46vw;
        background-color: #ffc800;
    }
    #activities .ative li:nth-child(3) .num {
        margin-left: 0;
        text-align: left;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 21px;
        padding-left: 72vw;
    }
    #activities .ative li:nth-child(3) .txt_bx {
        padding-left: 0;
        padding-top: 0;
        margin-top: -27px;
    }
    #activities .ative li:nth-child(3) .txt_bx .desc {
        padding-right: 13px;
        display: block;
    }
    #activities .ative li:nth-child(3) .img_bx img {
        padding: 0 14vw !important;
    }
    #activities .ative li:nth-child(4) {
        margin-top: 65px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #activities .ative li:nth-child(4) .img_bx {
        padding-right: 30px;
    }
    #activities .ative li:nth-child(4) .txt_bx {
        display: flex;
        padding-right: 0;
    }
    #activities .ative li:nth-child(4) .num {       
        margin-left: 0;
        margin-right: 10px;
    }
    #activities .ative li:nth-child(4) .img_bx::after {
        right: 0;
        left: auto;
        top: 21.6vw;
        width: 49.6vw;
        height: 43.2vw;
    }
    #activities .ative li:nth-child(4) .txt_bx {
        padding-top: 45px;
    }
    #activities .partner {
        margin-top: 70px;
    }
    #activities .partner .sub_tit {
        margin-bottom: 20px;
    }
    #activities .roll_wrap + .roll_wrap {
        margin-top: 20px;
    }
    #activities .roll_wrap.vis-720 {
        display: flex !important;
    }
    
    /* products */
    #product .img_bx::after {
        display: block !important;
    }
    #product #about .about_top {
        margin-top: 23px !important;
    }
    #product .list_bx {
        margin-top: 42px;
    }
    #product li {
        background: none !important;
    }
    #product .sub-body .pagew {
        padding: 0;
    }
    #product li.cold {
        padding: 0 0 0 21px;
        margin-bottom: 95px;
    }
    #product .prd_info {
        padding-left: 40%;
        line-height: 1.33;
    }
    #product .prd_nm {
        font-size: 20px;
        margin-bottom: 5px;
    }
    #product .list_bx li.cold > .img_wrap {
        width: 54.3%;
        margin-left: 13vw;
    } 
    #product li > .img_wrap::after {
        width: 90%;
    }
    #product li .img_wrap {
        margin: 4px 0 10px;
    }
    #product li.cold::after {
        display: block;
    }
    #product li.sausage {
        padding: 0;
        text-align: right;
        margin-bottom: 100px;
    }
    #product .sausage .text_wrap {
        padding-right: 15px;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
    }
    #product .list_bx li.sausage .img_wrap {
        width: 39.2678%;
        margin-right: 22%;
    }
    #product li.sausage .prd_info {
        padding-left: 0;
        transform: rotate(90deg);
        transform-origin: left;
        position: absolute;
        right: -75px;
        top: 0;
        display: inline-block;
        text-align: left;
        color: rgba(255, 255, 255, 0.7);
    }
    #product li.sausage::before {
        position: absolute;
        left: 0;
        bottom: 10%;
        width: 21%;
        height: 118%;
        content: '';
        background: url(../img/mo/better.webp) no-repeat left;
        background-size: contain;
    }
    #product li.meat {
        padding: 0 0 0 39px;
        margin-bottom: 70px;
    }
    #product li.meat .mo_img {
        right: 0;
        width: 51.75%;
    }
    #product .list_bx li.meat .img_wrap {
        width: 46.2678%;
        margin-left: 20.5%;
    }
    #product li.meat .prd_info {
        padding-left: 0;
        transform: rotate(90deg);
        transform-origin: bottom;
        position: absolute;
        left: 16px;
        top: 30px;
        display: inline-block;
        text-align: left;
        color: #888;
    }
    #product li.meat::before {
        position: absolute;
        right: 0;
        top: -47px;
        width: 70px;
        height: 288px;
        content: '';
        background: url(../img/mo/food.webp) no-repeat left;
        background-size: contain;
    }
    #product .banner {
        margin-top: 120px;
    }
    #product .banner::before {
        display: none;
    }
    #product .banner::after {
        left: 0;
        top: -43px;
        width: 100%;
        height: 55%;
        background-color: #ef1a00;
        z-index: -5;
    }
    #product li:first-child:before {
        display: none;
    }
    #product li .desc {
        width: 75.97%;
    }
    #product li.meat .desc {
        width: 88.97%;
    }
    #product li.Mince::before {
        display: none;
    }
    #product .list_bx li.Mince > .img_wrap {
        width: 46.48%;
        margin-left: 33vw;
    }
    #product li.Mince {
        /* padding: 0; */
        margin-bottom: 83px;
    }
    #product .Mince .mo_img {
        right: auto;
        left: -21px;
        bottom: calc(100% + 12px);
        width: 64%;
    }
    #product .mincebx {
        margin-top: 95px;
    }
    .img_after .Mince.img_bx::after {
        grid-auto-columns: 0;
        top: 18vw;
        width: 52vw;
        height: 56.7vw;
        background-color: #70afd6;
        left: auto;
        right: 0;
    }
    #product .Mince .prd_info {
        padding-left: 0;
        position: absolute;
        left: 15px;
        top: 25vw;
    }
    #product li.Mince .desc {
        width: 94.97%;
    }

    #product .add_prd li.plant {
        margin-bottom: 100px;
    } 
    #product .add_prd {
        flex-flow: column;
    }
    #product .add_prd li {
        width: 100%;
    }
    #product .add_prd .imgbx {
        min-height: initial;
        padding: 0;
    }
    #product .list_bx .add_prd li.plant .imgbx {        
        align-items: flex-end;
    }
    #product .list_bx .add_prd li.plant .img_wrap {
        width: 76.6%;
        margin-right: 23px;
    }
    #product .add_prd .plant .imgbx::after {
        bottom: -1%;
        right: 10.5%;
        line-height: 1.2;
    }
    #product .add_prd .plant .txtbx {
        padding: 0 15px 0 0;
        text-align: right;
    }
    #product .plant.img_bx::after {
        left: auto;
        left: 0;
        top: -18px;
        width: 80.99%;
        height: 53.3vw;
        content: '';
        background-color: #0abf82;
        position: absolute;
        z-index: -5;
    }
    #product .add_prd .plant .txtbx {
        margin-top: 16px;
    }
    #product .add_prd .plant .prd_info {
        margin-left: 0%;
        padding: 0;
        transform: rotate(90deg);
        position: absolute;
        left: 5%;
        top: 51px;
        color: rgba(255, 255, 255, 0.7);
    }

    #product li.flank {
        padding: 0 7px;
        margin-bottom: 65px;
    }
    #product .add_prd .flank .imgbx {
        align-items: flex-start;
    }
    #product .flank.img_bx::after {
        right: 0;
        top: -34px;
        width: 54.99%;
        height: 50.3vw;
        content: '';
        background-color: #ffc800;
        position: absolute;
        z-index: -5;
    }
    #product .add_prd .flank .txtbx {
        padding: 0 15px;
    }
    #product .flank .prd_info {
        padding-left: 3%;
        margin-bottom: -14px;
    }
    #product .add_prd .flank .txtbx {
        margin-top: 0;
    }
    #product .list_bx .add_prd li.nugget .img_wrap {
        padding: 0;
        margin-left: 4%;
        width: 55%;
    }
    #product .nugget.img_bx::after {
        left: 0;
        top: 62px;
        width: 52.99%;
        height: 63.3vw;
        content: '';
        background-color: #70afd6;
        position: absolute;
        z-index: -5;    }

    #product .add_prd .nugget .prd_info {
        margin-left: 0%;
        padding: 0;
        transform: rotate(90deg);
        position: absolute;
        right: -83px;
        top: 82px;
        transform-origin: bottom;
    }
    #product .add_prd .nugget .txtbx {
        margin-top: 20px;
        text-align: right;
        padding: 0 15px;
    }
    #product li.nugget {
        padding: 0 0 0 0;
        margin-bottom: 0;
    }

    #product .sub-body {
        padding: 40px 0 37px;
    }
                                                                                    
}
/* end720 */

@media screen and (max-width:640px) {
    .dis-640 {
        display: none;
    }
    .vis-640 {
        display: block !important;
    }
    h3 {
        font-size: 25px;
        font-weight: bold;
    }

    /* purpose */    
    #purpose .market .tit_text .desc br {
        display: none !important;
    }
    #purpose .market .tit_text .desc {
        margin-bottom: 56px;
        padding-left: 30px;
        padding-right: 15px;
    }
    #purpose .rd_desc {
        margin-top: 10px;
        width: 100%;
        width: 320px;
    }
    #purpose .rd .img_bx li.txt_li {
        width: 100%;
        padding: 0;
        font-size: 14px;  
        margin-top: 91px;
        position: absolute;
        left: 21px;
        bottom: 24px;
        padding-right: 16px;
    }
    #purpose .rd .img_bx > div {    
        padding-bottom: 160px;
    }
    #purpose .rd .img_bx > div.right {
        padding-bottom: 180px;
    }
    #purpose .rd .img_bx li.txt_li.font_w {
        color: rgba(255, 255, 255, 0.7) !important;
    }
    #purpose .rd .img_bx li.img_li,
    #purpose .rd .img_bx li.img_li img {
        width: 100%;
    }
    #purpose .rd .img_bx .sub_desc {
        font-size: 18px;
        margin-top: 12px;
        font-weight: 300;
    }
    #purpose .rd .img_bx li.txt_li br {
        display: block;
    }

    /* activities */
    /* #activities .ative li:nth-child(3) .img_bx::after {        
        top: 31px;
        height: 100%;
    }
    #activities .ative li:nth-child(4) .img_bx::after {        
        top: 74px;
        height: 81.6%;
    } */
}
@media screen and (max-width: 470px) {
    #product .add_prd .plant .prd_info {    
        margin-left: -5%;
    }
}
@media screen and (max-width: 415px) {
    .dis-no.vis-415 {
        display: block !important;
    }
    #purpose .rd .img_bx li.txt_li {
        width: 310px;
    }
    #purpose .rd .img_bx li.txt_li br {
        display: none;
    }
    #purpose .rd .img_bx > div {
       padding-bottom: 180px;
    }
    #purpose .rd .img_bx > div.right {
        padding-bottom: 200px;
    }
    #product .Mince .prd_info {
        top: 31vw;
    }
}
@media screen and (max-width:360px) {
    /* purpose */
    /* #purpose .rd .img_bx > div {
        padding-bottom: 160px;
    }
    #purpose .rd .img_bx > div.right {
        padding-bottom: 180px;
    } */
    /* #purpose .rd .img_bx li.txt_li {
        width: 94%;
    }
    #purpose .rd .img_bx li.txt_li br {
        display: none;
    } */

    /* contact */
    #product .add_prd .plant .prd_info {    
        margin-left: -9%;
    }
  
}