/* 공통 버튼 */
.custom_btn { display:inline-flex; padding:0 80px; overflow:hidden; position:relative; z-index:0; height:70px; background:#333; color:#fff; transition:background 300ms, box-shadow 300ms, color 300ms; cursor:pointer; border-radius: 35px; } 
.custom_btn.primary { background-color: var(--primary); } 
.custom_btn.basic { background-color: var(--secondary-02-dark); } 
.custom_btn.wide { width:100%; text-align: center; } 
.custom_btn:before { position:absolute; top:0; left:-100%; z-index:0; width:100%; height:100%; background:#252525; transition:left 300ms; content:'' } 
.custom_btn.primary:before { background-color: var(--secondary-02-dark); } 
.custom_btn:hover { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } 
.custom_btn:hover:before { left:0 } 
.custom_btn:hover i { right:15px; } 
.custom_btn span { display: block; position:relative; z-index:1; width:100%; font-size:22px; font-weight: 600; line-height: 70px; } 
.custom_btn i { position: absolute; top:50%; right:20px; transition:all 200ms; transform:translateY(-50%); } 

@media screen and (max-width:680px){
 .custom_btn { padding:0 50px; height:60px; } 
 .custom_btn span { font-size:18px; line-height: 60px; } 
 }


img.img { width:100%;max-width:auto;}



.m_show{display: none;}
.t_show{display: none;}

@media screen and (max-width:1024px) {
    .t_show{display: block;}
}
@media screen and (max-width:640px) {
    .m_show{display: block;}
}