@media (max-width:1279px) {
   .all-menu{
   left:0;
   margin-left:0;
   }
   .logo{
   width:280px;
   }
   .search{
   width:280px;
   }
   .search button{
   width:60px;
   }
   
   .mvs-area{
   width:100%;
   position:relative;
   height:466px;
   }
   .mvsa-img{
   position:absolute;
   left:50%;
   margin-left:-523.5px;
   width:1047px;
   }
}

@media (max-width:1024px){
   #sidebar{
   position:fixed;
   top:0;
   bottom:0; 
   display:none; 
   left:-200px; 
   z-index:99999; 
   -webkit-transition: right 1s;  
   transition: right 1s; 
   width:auto; 
   overflow:visible; 
   background:#000;
   margin-left:0;
   left:auto;
   border:0;
   }

   .sidebg{
   display:block;
   position: fixed;
   height: 150%;
   background: rgba(0,0,0,0.5);
   width: 100%;
   top: 0;
   right: 0;
   z-index: 44;
   }
   .menu{
   position:relative;
   z-index:55; 
   width:280px; 
   left:auto; 
   right:0; 
   overflow-x:hidden; 
   overflow-y:auto; 
   height:100%; 
   background:#fff;
   display:block;
   text-align:left;
   box-sizing:border-box;
   padding:20px;
   }

   .menu > li{
   display:block;
   width:100%;
   box-sizing:border-box;
   border-left:0;
   box-sizing:border-box;
   margin-bottom:10px;
   padding-bottom:10px;
   border-bottom:1px rgba(0,0,0,0.2) solid;
   }
   .menu > li > ul > li{
   }

   .menu > li > a{
   height:30px;
   line-height:30px;
   font-weight:800;
   display:block;
   width:100%;
   }

   .menu > li > ul > li > a{
   display:block;
   }
   
   .menu > li > ul .gnb-ss{
   font-size:0.85em;
   box-sizing:border-box;
   padding-bottom:10px;
   opacity:0.8;
   }
   .menu > li > ul .gnb-ss li a{
   position:relative;
   box-sizing:border-box;
   padding-left:7px;
   }
   .menu > li > ul .gnb-ss li a:after{
   position:absolute;
   width:3px;
   height:3px;
   background:#999;
   border-radius:999px;
   left:0;
   top:8px;
   display:block;
   content:"";
   }
   
   .gnb-open-btn{
   display:block;
   position:absolute;
   top:50%;
   margin-top:-20px;
   right:0;
   width:40px;
   height:40px;
   background:#e8b323;
   color:#fff;
   border-radius:10px;
   display:flex;
   align-items: center;
   justify-content: center;
   font-size:25px;
   }
   .gnb-close-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 280px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #222;
    font-size: 20px;
    color: #fff;
    z-index: 999;
   }
  .mobile-gnb{
   display:block;
   }
   
   .search-open-btn,
   .search-close-btn{
   display:block;
   position:absolute;
   top:50%;
   margin-top:-20px;
   left:0;
   width:40px;
   height:40px;
   background:#e15b0b;
   color:#fff;
   border-radius:10px;
   display:flex;
   align-items: center;
   justify-content: center;
   font-size:25px;
   }
   .search-close-btn{
   display:none;
   }
   
   .header-mobile-search {
    position: absolute;
    width: 100%;
    top:90px;
    display: flex;
    background: #e15b0b;
    padding: 10px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    z-index:9999;
    display:none;
    }
    .header-mobile-search input{
    flex-grow: 1;
    border:0;
    padding:10px;
    }
    .header-mobile-search button{
    flex-shrink: 0;
    width:50px;
    font-size:28px;
    color:#fff;
    background:transparent;
    }
   
   /*20240828*/
   .aca-list{
   gap:2%;
   }
   .aca-list li{
   width:12.5%;
   }
   
   header{
   position:relative;
   }
   .gnb{
   display:none;
   }
   
   .tnb-area{
   display:block;
   width:100%;
   border-radius:0;
   text-align:center;
   padding:0;
   }
   .tnb-area a{
   padding:5px 10px;
   }
   
   .search{
   display:none;
   }
   .header-box{
   justify-content: center;
   padding:10px 0;
   }
   
   .lnb{
   position:fixed;
   width:100%;
   background:#fff;
   bottom:0;
   left:0;
   background:#fff;
   z-index:999;
   border-top:1px #e0e0e0 solid;
   }
   
   
   .lnb a{
   font-size:0;
   flex-grow: 1;
   justify-content: center;
   padding:10px 0;
   border-left:1px #e0e0e0 solid;
   }
   
   #main-visual{
   margin-top:0;
   }
   .mvs-area{
   height:auto;
   position:unset;
   border-radius:0;
   }
   .mvsa-img{
   width:100%;
   left:0;
   margin-left:0;
   position:unset;
   }
   .mvsa-img img{
   width:100%;
   }
   #main-visual{
   padding-left:0;
   }
   
   #quick-side{
   display:none;
   }
   
   
   #best-product{
   margin:30px auto 0;
   }
   
   .mpl-tab{
   overflow-y: hidden;
   overflow-x: visible;
   }
   .mpl-tab-area{
   min-width:1024px;
   }
   
   #main-product-list{
   margin-bottom:20px;
   }
   
   
   .sub{
   border-top:1px #e0e0e0 solid;
   margin:0px auto;
   width:100%;
   box-sizing:border-box;
   padding:30px 2%;
   }
   
   
}

@media (max-width:768px){
   body, th, td, input, select, textarea, button{
   font-size:15px;
   }
   
   footer{
   padding:20px 0 60px;
   }
   .fa-top{
   flex-direction: column;
   margin-bottom:20px;
   }
   .fa-bottom{
   flex-direction: column;
   text-align:center;  
   background-position:50% 0;
   background-size:50px 42px;
   padding-left:0;
   padding-top:50px;
   }
   .fa-b2{
   font-size:14px;
   margin-top:10px;
   }
   
   .fa-t3{
   order:1;
   width:100%;
   }
   .fa-t3 a{
   font-size:14px;
   margin-bottom:2%;
   padding:5px 0;
   }
   .fa-t1{
   order:2;
   text-align:center;
   margin-top:10px;
   }
   .fa-top dd span{
   font-size:14px;
   }
   .fa-t2{
   order:3;
   text-align:center;
   margin-top:10px;
   }
   .fa-top dd p{
   font-size:22px;
   }
   
   .logo{
   width:220px;
   }
   .header-mobile-search{
   top:85px;
   }
   
   #main-visual .slick-arrow{
   font-size:32px;
   }
   
   .main-tit1{
   display:block;
   text-align:center;
   }
   .main-tit1 p{
   font-size:28px;
   }
   .main-tit1 span{
   font-size:14px;
   }
   
   .bp-slide .slick-arrow{
   width:40px;
   height:40px;
   font-size:20px;
   top:10px;
   }
   .bp-slide .slick-arrow.slick-prev{
   left:0;
   }
   
   .bp-slide{
   margin-top:10px;
   }
   
   
   .bps-area .bpsa-txt{
   	padding: 10px;
   }
   
   .mpl-tab{
   margin:30px 0 30px;
   }
   .mpl-box{
   grid-template-columns: 49% auto;
   }
   .mpl-box li{
   width:49%;
   }
   .mpl-box li:first-child{
   /*padding-left:51%;*/
   }
   .mpl-b-tit a{
   padding:15px;
   }
   .mpl-b-tit a img{
   width:100px;
   }
   .mpl-box{
   grid-template-rows:0;
   }
   .mpl-box li{
   min-height:250px;
   }
   .mpl-b-tit{
   min-height:250px;
   }
   .mpl-b-tit a span{
   font-size:14px;
   }
   .mpl-b-tit a p{
   font-size:25px;
   padding-bottom:10px;
   }
   .mpl-t1{
   font-size:16px;
   }
   .mpl-t3 strong{
   font-size:18px;
   }
   
   .sbs-box a{
   height:50px;
   line-height:50px;
   }
   .site-banner-slide{
   padding:0 35px;
   }
   .site-banner-slide .slick-arrow{
   height:50px;
   line-height:50px;
   width:30px;
   }
   
   .sub-nav{
   font-size:12px;
   margin-bottom:10px;
   display:none;
   }
   
   
   
   
   .sub-menu01,
   .sub-menu02{
   display:none;
   }
   .mobile-sub-menu{
   display:flex;
   gap:2%;
   margin-top:10px;
   margin-bottom:20px;
   }
   .mobile-sub-menu select{
   flex-grow: 1;
   border:0;
   background:#f7f7f7;
   border-radius:999px;
   padding:5px;
   }
   
   .sub-content{
   padding-top:0px;
   }
   
   .sub-tit{
   font-size:32px;
   }
   .intro01-top img{
   width:160px;
   }
   .i1-t1{
   font-size:16px;
   word-break: keep-all;
   }
   .i1-t2{
   font-size:26px;
   margin:3px 0;
   }
   .i1-t3{
   font-size:15px;
   }
   
   .intro01-img{
   padding-top:10px;
   }
   
   .intro01-bottom strong{
   font-size:20px;
   }
   .intro01-bottom{
   padding-top:20px;
   }
   .intro01-bottom p{
   font-size:15px;
   line-height:1.6em;
   word-break: keep-all;
   margin-top:10px;
   }
   .intro01-bottom p br{
   display:none;
   }
   .intro01-sign{
   margin-top:15px;
   }
   
   
   .intro02-top{
   padding:15px;
   font-size:17px;
   }
   .intro02-dl1{
   margin-top:20px;
   }
   .intro02-dl1 dt{
   margin-bottom:10px;
   font-size:22px;
   }
   .i2dl-box1 > div > p{
   width:80px;
   font-size:16px;
   }
   .i2dl-box1 > div > ul{
   padding-left:15px;
   }
   .intro02-dl1 dt span{
   font-size:14px;
   }
   .intro02-ul1{
   flex-wrap:wrap;
   }
   .intro02-ul1 li{
   width:49%;
   padding:15px 10px;
   margin-bottom:5px;
   }
   .intro02-ul1 li span{
   font-size:16px;
   }
   
   
   .view-top{
   display:block;
   border-bottom-width:0;
   }
   .vt-img{
   width:100%;
   }
   .vt-info{
   width:100%;
   margin-left:0;
   }
   .vt-info dt{
   font-size:22px;
   padding:10px 0 5px;
   }
   .ea-tit{
   font-size:16px;
   }
   .ea-box input{
   width:30px;
   height:30px;
   line-height:30px;
   font-size:18px;
   }
   .button-box{
   justify-content: center;
   }
   .button-box input{
   padding:10px 30px;
   }
   
   .sub-list{
   margin-top:10px;
   }
   .sub-list ul li{
   width:49%;
   }

 .sc-table1 img{
    max-width:100%;
    }


 .history-list{
	margin-top:50px;
	padding:0;
	border:0;
	}

	.history-list dt{
	position:unset;
	border-bottom:2px #ff9900 solid;
	font-size:1.5em;
	}

	.history-list dl{
	padding-left:0;
	}

	.history-list dl{
	width:100%;
	box-sizing:border-box;
	margin-bottom:30px;
	}
	.history-list dt:before{
	display:none;
	}
	.history-list dd > ul{
	padding-left:0;
	}
	.history-list dd{
	border:0;
	padding-top:0px;
	}
	.history-list dd > ul:after{
	display:none;
	}
	.history-list dd ul li span{
	width:90px;
	}

    .aca-list{
    justify-content: flex-start;
    margin-top:0px;
    }
    .aca-list li{
    margin-top:15px;
    width:18.4%;
    }
    .acal-txt{
    font-size:14px;
    margin-top:5px;
    }
}