@media (max-width: 1280px) {


.main_visual .txt h2{font-size: 60px;}
.main_visual .txt p{font-size: 18px;}

.top_btn{bottom: 30px; right: 20px;}	

.qr_box{right: 20px; bottom: 130px}

.main_txt h2{font-size: 40px}
.main_txt p{font-size: 16px; margin-top: 15px}	
	
.info_flex .box h3{font-size: 18px}
.info_flex .box p{font-size: 14px}	
	
.header .right_sns .down_app{font-size: 16px;}	
	
}




@media (max-width: 1024px) {
	
	

.hd_pops {
    left: 0 !important;
    top: 0px !important;
}
	
.hd_pops_con {
    width: auto !important;
    height: auto !important;
}	
	
	
.mid_section .inner {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 60px;
    flex-direction: column;
}


.main_txt {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.info_flex{width: 100%; gap:20px;}

.info_flex .box{width: calc(50% - 10px); height: 40vh}
.info_flex .box:nth-child(2n) {
    margin-top: 0;
}


}




@media (max-width: 860px) {


body{overflow-x: hidden}


}




@media (max-width: 600px) {

.header .sns_top{display: none}
.header .inner{height: 80px}

.header .right_sns .down_app{font-size: 14px; padding: 0 20px; line-height: 40px; height: 40px}

.main_visual .txt h2{font-size: 30px;}
.main_visual .txt p{font-size: 16px; margin-top: 20px}
.main_visual .txt p span{font-size: 14px}

.down_visual{gap:10px; }
.down_visual a{padding: 15px 20px; border-radius: 5px; flex:1; gap:5px}
.down_visual a .down_txt p{font-size: 10px}
.down_visual a .down_txt h3{font-size: 16px}


.down_visual a .down_txt{text-align: left}

.mid_section{padding: 80px 0}

.main_txt h2{font-size: 24px}
.main_txt h2 br{display: none}
.main_txt p{font-size: 14px}


.info_flex .box {
        width: 100%;
        height: auto;
        padding: 120px 20px 20px;
    }
    
.info_flex .box img{left: 20px; top: 30px}    


.top_btn{width: 70px; height: 70px}
.top_btn p{font-size: 12px}

.foot .inner {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.foot .inner h3{margin-bottom: 15px}

.foot .inner p {
    font-size: 14px;
    color: #fff;
    word-break: keep-all;
    line-height: 1.5;
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.foot .inner p i{display: none}


.foot .priv {
    text-align: left;
    margin-top: 30px;
}


.foot .priv a {
    border: 0;
    border-radius: 0;
    height: auto;
    line-height: 1.5;
    word-break: keep-all;
    font-size: 16px;
    color: #fff;
    padding: 0 0 5px;
    display: inline-block;
    text-align: left;
    border-bottom: 1px solid #fff;
}

.last_main{padding: 100px 0}

}



@media (max-width: 360px) {

 
 .down_visual {
    bottom: 30px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    flex-direction: column;
} 
 
    .down_visual a {
        padding: 15px 20px;
        border-radius: 5px;
        flex: none;
        gap: 5px;
        width: 100%;
    } 
 
 
 
 
 
}