@media screen and (max-width:1299px) {
    .main_wrap { width: 100%; padding: 0 20px;}

    /* 어바웃 화살표 부분 */
    .arrow_box li { gap: 30px;}
    .arrow_box li figure img { width: 150px;}
    
}
@media screen and (min-width: 1140px) {
    .mob { display: none!important; }
}
@media screen and (max-width: 1140px) {
    .pc { display: none!important; }
    .bnr_tit { padding-top: 30px; margin-bottom: 10px;}
    .sub_top.sub1, .sub_top.sub2, .sub_top.sub3 { background-position: right -400px top;}

    header { top: 0; height: 85px; background: #fff; display: flex; align-items: center;}
    .content span.text_r.poa { position: static;}


}
@media screen and (max-width:1099px) {
    .story_box li { width: 100%;}
    .bnr_box dl dt:nth-of-type(1) b { padding-left: 0;} 
    footer .ft_top .ft_text a::before { margin-left: 16px;}
    .about_box li { width: 100%; height: 250px;}
    .content .pl { padding-left: 0;}
    .content strong.lihe.ib { padding-left: 0;}
    .img-pl {padding-left: 0px;}
    .send_box { display: block;}
    .contact_box div:nth-of-type(1) {
    margin-top: 20px;
}
.send_box a {margin-left: unset;}
.itd dl dd.pl1 {padding-right: 0;}
.itd dl dd.pl2 {padding-right: 0;}

    /* 메인 스토리 */
    .story_box { flex-direction: column;}
    .story_box li { padding-left: 80px;}
    .story_box li:nth-child(1) { margin-left: unset;}
    .story_box li h4 { font-size: 1.5rem; font-weight: 500; margin-bottom: 20px;}   

    /* 메인 브랜드 */
    .bnr_box { display: block;}
    .bnr_box dl { width: 100%;}
    .bnr_box dl:nth-of-type(2) { margin-top: 80px;}
    .bnr_box dl dt:nth-of-type(1) { padding: 0 20px; text-align: start;}

    /* 어바웃 페이지 */
    .about_box { flex-direction: column; gap: 20px; padding-top: 0;}
    .about_box li { padding: 50px 30px; border: 1px solid #000;}
    .about_box li h4 { margin-bottom: 10px; font-weight: 500;}

    /* 어바웃 화살표 */
    .arrow_box li:nth-child(2) { position: relative; left: 30%;}
    .arrow_box li:nth-child(3) { position: relative; left: 50%;}

    /* 어바웃 히스토리 */
    .history_box li { width: calc(100% / 2 - 10px);}

    /* 비즈니스 */
    .about_box.bus li { width: 100%;}
    .itd { display: flex; flex-wrap: wrap; margin-top: 72px; padding-left: 0;}
    .itd dl { width: 100%; text-align: center;}
    .itd dl:nth-child(2) { margin-top: 66px;}

    .content.bg_b { margin-top: 100px;}
}
@media screen and (max-width: 980px) {
    .content a.border_r { margin-left: 100px;}
    .bnr_tit { padding-left: 100px;}
}
@media screen and (max-width:720px) {
    html,body { font-size: 14px;}
    .content strong.text_r.font-poa { padding-left: 0; text-align: start;}
    .arrow_box li figcaption {margin-left: -80px;}
    .contact_box input, .contact_box div textarea { width: 100%;}
    .send_box > img { height: 200px; width: 100%;}
.send_box a {
    margin-left: auto;
}



    /* view_btn_box */
    .view_btn_box {text-align: end;}    

    /* 어바웃 화살표 */
    .arrow_box li figure img { width: 120px;}
    .arrow_box li:nth-child(2) { position: relative; left: 20%;}
    .arrow_box li:nth-child(3) { position: relative; left: 40%;}

    /* 어바웃 히스토리 */
    .history_box li { width: calc(100%);}

    /* footer */
    footer .ft_top .ft_text h2 { margin-bottom: 30px; font-size: 2rem;}

    /* 비즈니스 탄단지 */
    .tdg { display: block;}
    .tdg li { width: 100%;}
    .tdg li:nth-child(1) { text-align: center;}
    .tdg li:nth-child(2) { padding-left: 0; text-align: center; margin-top: 50px;}

    .content a.border_r { margin-left: 50px;}
    .bnr_tit { padding-left: 50px;}
    .content .po { width: 450px; top: -51px;}

    .itd dl { width: 100%; text-align: start;}
}
@media screen and (max-width:580px) {
    .padding_box {padding-left: 0;}
    .bnr_box dl:nth-of-type(2) { margin-top: 40px;}

    .content p { font-size: 2rem;}
    .health_box > h4 img { width: 258px;}

    .sub_top.sub2 { background-position: right -480px top;}

    /* 어바웃 화살표 */
    .arrow_box li figure img { width: 90px;}
    .arrow_box li:nth-child(1) { position: relative; left: 0%;}
    .arrow_box li:nth-child(2) { position: relative; left: 10%;}
    .arrow_box li:nth-child(3) { position: relative; left: 30%;}

    .arrow_box li figcaption h5,
    .arrow_box li figcaption p,
    .arrow_box li figcaption strong { font-size: 1.2rem;}

    /* footer */
    footer .ft_top .ft_text h2 { font-size: 1.5rem;}
    footer .ft_top .ft_text a { font-size: 1.2rem;}

    /* po */
    .content a.border_r { margin-left: 0;}
    .bnr_tit { padding-left: 0;}
    .content .po { width: 450px; top: -51px; right: -92px;}
 
    .contact_box p {font-size: 16px;}
    footer .ft_bt > .main_wrap { display: block;}
    .fm_site {margin-top: 20px;}

/* 효소찾기 설문지 */
    /* 타이틀&질문*/
    .check_list_tit p { width: 100%; line-height: 66px; font-size: 26px;}
    .check_list_tit h1 { font-size: 30px; line-height: .6;}
    .check_list_tit strong { font-size: 80px;}

    .sub_tit h2 { margin-top: 50px; width: 80%; font-size: 26px;}
    .sub_tit img { display: block; margin: 70px auto 46px;}

    .sub_h1 { font-size: 20px;}

    .ck_list p { font-size: 18px;}

    .radio_box { margin-bottom: 18px;}

    .complete { width: 80%; font-size: 26px;}

    .goods dl dt, .goods dl dd { width: 50%;}
    .goods dl dd strong { font-size: 80px;}
    .goods dl dd h1 { font-size: 26px; margin-top: -32px;}
    .goods dl dd h2 { font-size: 34px;}
    .goods dl dd a { width: 94%; font-size: 26px; line-height: 66px;}
    

}
@media screen and (max-width:450px) {
    .arrow_box li:nth-child(2) { position: relative; left: 10%;}
    .arrow_box li:nth-child(3) { position: relative; left: 20%;}
    .arrow_box li figcaption { margin-left: -80px;}
    .content .pl { padding-left: 0;}
    /* 비즈니스 */
    .about_box li:nth-child(1), .about_box li:nth-child(2),
    .about_box li:nth-child(3) { background-size: 50px; background-position: right 20px bottom 20px;}

    .about_box.bus li:nth-child(1),
    .about_box.bus li:nth-child(2), .about_box.bus li:nth-child(3) 
    { background-size: 100px; background-position: right 20px bottom 20px;}

    .content .po { width: 214px; position: static;
    margin-top: -67px;
    margin-left: 156px;}
    
    .main_video .video_text { right: 20px;}
    .story_box li { padding-left: 40px;}

    .arrow_box li figure {
    width: 150px;
}
    .goods dl { gap: 10px;}
    .goods dl dt, .goods dl dd { width: 50%;}
    .goods dl dd strong { font-weight: 900; font-size: 60px;}
    .goods dl dd h1 { font-size: 20px; margin-top: -32px;}
    .goods dl dd h2 { font-size: 24px;}
    .goods dl dd a { font-size: 18px; line-height: 33px;}

}