@charset "utf-8";

@media (min-width: 1920px) {

}
@media (max-width: 1880px) {
 
}
@media (max-width: 1440px) {
    .effective .container article{
        width: calc(50% - 1rem);
    }
    main .content_card .text_box{
        padding: 0 6rem;
    }
    main.ins .content_card{
        height: 40rem;
    }
    main.gong .content_card{
        height: 38rem;
    }
    main.ins .content_card .text_box{
        padding: 0 6rem;
    }
    main .content_card .text_box img{
        top: 1.5rem;
        right: 2rem;
        width: 8rem;
    }
    .advantage .continer{
        gap: 2rem;
    }
    .production .container{
        gap: 2rem;
        row-gap: 3.5rem;
    }
    .disease .container{
        row-gap: 3.5rem;
    }
    .disease .container article .t_box hr{
        margin: 2.8rem 0 2.5rem;
    }
    .disease .container article .t_box p br{
        display: none;
    }
    .kind .r_container div br{
        display: none;
    }
}
@media (max-width: 1024px) {
    .effective .container article{
        padding: 4.5rem 4rem;
    }
    main .content_card{
        width: 85%;
        height: auto;
        flex-direction: column;
        justify-content: flex-start;
    }
    main.ins .content_card, main.gong .content_card{
        height: auto;
    }
    main .content_card img{
        width: 100%;
        height: auto;
        max-height: 400px;
    }
    main .content_card .text_box{
        padding: 6rem 5rem;
    }
    main.ins .content_card .text_box{
        padding: 6.5rem 5rem 6rem;
    }
    .advantage .continer{
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10%;
    }
    .insurance .l_box{
        width: 100%;
    }
    .insurance .wrap>img{
        width: 35%;
    }
    .production .container{
        row-gap: 3rem;
    }
    .disease .container{
        row-gap: 3rem;
    }
    .disease .container article{
        width: calc(50% - 1rem);
    }
    .kind{
        flex-direction: column;
        justify-content: flex-start;
    }
    .kind .l_box{
        width: 100%;
        max-width: none;
        top: auto;
        height: auto;
        position: relative;
        margin-bottom: 8rem;
    } 
    .kind .r_container{
        width: 100%;
        max-width: none;
        gap: 8rem;
    }
    .qna .qna_list{
        padding: 5rem 0;
    }
}
@media (max-width: 768px) {
    .effective .container article{
        width: 100%;
        padding: 5rem;
    }
    .advantage .continer{
        padding: 0 5%;
    }
    .advantage .continer div{
        gap: 1.5rem;
    }
    .insurance{
        background: url(../img/insurance_back.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .insurance .l_box>p{
        font-size: 13px;
        line-height: 21px;
    }
    .insurance .wrap>img{
        display: none;
    }
    .production .container article .t_box hr{
        margin: 2rem 0 1.5rem;
    }
    .production .container article .t_box b{
        font-size: 2.6rem;
        line-height: 3.8rem;
    }
    .disease .container{
        gap: 1.5rem;
        row-gap: 2.5rem;
    }
    .disease .container article{
        width: calc(50% - .75rem);
    }
    .qna .qna_list>div button h4{        
        font-size: 2.43rem;
        line-height: 3.63rem;
    }
    .qna .qna_list>div .answer br{
        display: none;
    }
}
@media (max-width: 480px) {
    .effective{
        padding-top: 10rem;
    }
    .effective .container article{
        padding: 4rem;
    }
    main{
        padding-bottom: 0;
    }
    main.ins{
        padding: 10rem 0;
    }
    main .content_card .text_box{
        padding: 4rem;
    }
    main.ins .content_card .text_box{
        padding: 5.5rem 4rem;
    }
    .advantage {
        padding: 13rem 0;
    }
    .advantage .continer div{
        gap: 1rem;
    }
    .advantage .continer{
        padding: 0;
    }
    .production .container{
        grid-template-columns: repeat(1 , 1fr);
        row-gap: 3.5rem;
    }
    .production .container article .t_box b{
        font-size: 18px;
        line-height: 26px;
    }
    .insurance .l_box .checklist div{
        align-items: flex-start;
    }
    .insurance .l_box .checklist div img{
        margin-top: .45rem;
    }
    .production .container article .t_box p br{
        display: none;
    }
    .disease .container{
        row-gap: 3.5rem;
    }
    .disease .container article{
        width: 100%;
    }
    .kind .l_box .checklist div{
        align-items: flex-start;
    }
    .kind .l_box .checklist div img{
        margin-top: .25rem;
    }
    .kind .r_container div h4{
        margin-top: 5px;
        font-size: 20px;
        line-height: 30px;
    }
    .qna .qna_list{
        padding: 4.5rem 0;
    }
    .qna .qna_list>div button{
        padding: 3.1rem 0;
    }
    .qna .qna_list>div button h4 span{
        margin-right: 8px;
    }
    .qna .qna_list img.toggle-arrow {
        width: 25px;
        height: 25px;
    }
    .qna .qna_list>div .answer p{
        font-size: 15.5px;
        line-height: 24.6px;
    }
}