@media screen and (max-width: 1260px) { .warp, .wrap, .main_warp { width: 96%; max-width: 1200px; padding: 0 2%;}}
@media screen and (max-width: 1024px) {  .header { height: auto; min-height: 60px; } .header_nav { margin-left: 20px; } .header_nav > ul > li { padding: 0 10px; } .header_nav > ul > li > a { font-size: 14px; }  .head_linst_nav { display: none !important; }  .warp__top-l { width: 100%; padding-right: 0; } .warp__top-l::after { display: none; } .common__label { margin-right: 40px; } .warp__top-r { padding-left: 0; margin-top: 30px; }.header .wrap {display: flex;align-items: center; }  }
@media screen and (max-width: 768px) {  .header { height: 60px; padding: 0 15px; } .head_logo { margin-top: 10px; width: 90px; height: 40px; background-size: contain; }  .header_nav { display: none; position: fixed; top: 60px; left: 0; width: 100%; background: #fff; z-index: 9998; margin-left: 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .header_nav.active { display: block; } .header_nav > ul > li { float: none; display: block; padding: 0; border-bottom: 1px solid #f0f0f0; } .header_nav > ul > li > a { display: block; padding: 15px 20px; line-height: 1.5; }  .head_login { padding-top: 16px; width: auto; } .head_login a { width: 60px; height: 28px; font-size: 12px; margin-left: 8px; }  .warp, .wrap, .main_warp { width: 100%; padding: 0 15px; }  .main_bottom { padding-top: 30px; } .warp__top-l, .warp__top-r { float: none; width: 100%; padding: 0; } .common__label { float: none; margin: 0 0 30px 0; text-align: center; } .common__label-code { margin: 0 auto; } .warp__bottom-con ul { width: auto; display: flex; flex-wrap: wrap; justify-content: center; } .warp__bottom-con ul li { float: none; display: block; }  .side, .right__side { display: none !important; }  .pager { padding: 15px 10px; } .pager a, .pager span { padding: 0 8px; font-size: 12px; } }
@media screen and (max-width: 480px) { body, html { font-size: 13px; } .header { height: 50px; } .head_logo { width: 80px; height: 35px; } .header_nav { top: 50px; } .head_login a { width: 50px; font-size: 11px; margin-left: 5px; }  .warp, .wrap, .main_warp { padding: 0 10px; } .inner { margin-bottom: 40px; } .common__label { margin-bottom: 20px; } .common__label-t { font-size: 14px; margin-bottom: 20px; } .common__label-code { width: 90px; height: 90px; } .warp__bottom { margin-top: 30px; } }
.mobile-menu-toggle { display: none; position: absolute; right: 100px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; flex-direction: column; justify-content: space-around; background: transparent; border: none; cursor: pointer; padding: 5px; z-index: 10; }
.mobile-menu-toggle span { width: 100%; height: 3px; background: #333; border-radius: 2px; transition: all 0.3s ease; }
.mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); }
@media screen and (max-width: 768px) { .mobile-menu-toggle { display: flex; } }
@media screen and (max-width: 768px) { table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } }
@media screen and (max-width: 768px) { h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 13px; } }