@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@media screen and (max-width:1200px) {
    .show_1200 {display: block;}
    .hide_1200 {display: none;}
}

@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}
    
    .section_1 .swiper-slide .slide_bg {padding-bottom: 150%;}
    .section_2 h2 {font-size: 8vw; line-height: 9vw;}
    .section_2 p {font-size: 3.8vw; line-height: 6vw;}
    .section_2 .line {height: 150px; }
    .section_3 {margin: 0 15px;}
    .section_3 .text_box {padding: 60px 20px;    width: 94%;}
    .section_3 .text_box p {font-size: 18px; line-height: 35px; margin-bottom: 15px;}
    .section_3 .text_box h3 {font-size: 20px; line-height: 35px; margin: 30px auto;}
    .section_3 .text_box h2 {font-size: 18px; line-height: 35px; margin-top: 30px;}
    .section_4 h2 {font-size: 10vw; line-height: 10vw;}
    .section_4 img {width: 90%;}
    .section_4 ul li {width: 50%; min-height: 280px; margin-bottom: 15px;}
    .section_4 ul li .icon {width: 120px; height: 120px; margin-bottom: 20px;}
    .section_4 ul li .icon img {width: 60px;}
    .section_4 ul li h3 {font-size: 24px; line-height: 24px;}
    .section_4 ul li p {margin-top: 20px; font-size: 16px; line-height: 26px;}
    .section_5 .swiper-slide .slide_bg {padding-bottom: 100%;}
    .section_5 .text_box h2 {font-size: 8vw; line-height: 8vw;}
    .section_5 .text_box p {font-size: 3.5vw; line-height: 3.5vw;}
    .section_6 {padding: 15% 0;}
    .section_6 h3 {font-size: 30px; line-height: 55px;}
    .section_6 p {font-size: 20px; line-height: 40px;}
    .section_6 img {height: 25px;}
    footer {padding: 60px 15px;}
    footer img {height: 100px;}
    .fixed_store {right: 15px; bottom: 30px; width: 120px;}
    .fixed_insta {right: 15px; bottom: 90px; width: 120px;}
    
}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}

    
    /**** 공통 ****/
    .container {width:100%; padding: 0 30px;}
    .pad_t_100 {padding-top: 10%;}
    .pad_b_100 {padding-bottom: 10%;}
    .pad_t_150 {padding-top: 15%;}
    .pad_b_150 {padding-bottom: 15%;}
    .mar_b_80 {margin-bottom: 8%}
    .mar_b_100 {margin-bottom: 10%}
    .mar_b_150 {margin-bottom: 15%}
    .mar_t_80 {margin-top: 8%}
    .mar_t_100 {margin-top: 10%}
    .mar_t_150 {margin-top: 15%}
    
    .section_4 ul li {width: 100%; min-height: auto; margin-bottom: 30px;}
    .section_4 ul li p {margin-top: 20px;}
    .section_6 {padding: 20% 0;}
    .section_6 .text_box {padding: 0 15px;}
    .section_6 h3 {font-size: 22px; line-height: 45px; margin-bottom: 5%;}
    .section_6 p {font-size: 18px; line-height: 30px; margin-bottom: 8%;}
    .section_6 img {height: 20px;    }
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}

}