@media (max-width:1139px){	



}

    
@media (max-width:1024px){
	header{
	position:relative;	}	
    
	.header-logo img{
	width:170px;
	}
	.header-logo a{
	width:140px;
	font-size:2rem;
	}
	
    .side-quick{
	top:auto;
	bottom:2vh;
	}
    
    .gnb > li > a {
    font-size: 18px;    
    padding: 30px 15px;
    }
	.gnb-close-btn{
	position:absolute;
	right:281px;
	top:0;
	z-index:99999;
	background:#fff;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#333;	
	display:block;
	}

	
	.search-open-btn{
	display:block;
	font-size:30px;
	flex-shrink: 0;
	width:40px;
	}
	.search-close-btn{
	display:none;
	font-size:30px;
	flex-shrink: 0;
	width:40px;
	background:#111;
	color:#fff;
	text-align:center;
	position:absolute;
	right:5px;
	}
	.header-mobile-search{
	position:absolute;
	width:100%;
	top:70px;
	display:flex;
	background:#111;
	padding:10px;
	align-items: center;
	box-sizing:border-box;
	display:none;
	}
	.header-mobile-search input{
	border:0;
	border-radius:999px;
	padding:5px 15px;
	width:60%;
	}
	.header-mobile-search input::placeholder{
	color:#999;
	opacity:1;
	font-size:0.85em;
	}
	.header-mobile-search button{
	background:#d7473e;
	border-radius:999px;
	color:#fff;
	font-size:20px;
	width:32px;
	height:32px;
	margin-left:10px;
	}
	
	#topSearch{
	flex-grow: 1;	
    width:calc(100vw - 180px)!important;
    max-width:360px;
	}
	
	
	
	
	.tnb ul{
	justify-content: flex-end;
	}
	.tnb li{
	margin-left:0;
	}
	.tnb li a{
	font-size:0;
	padding:0 10px;
	}
	.tnb li a i{
	font-size:22px;
	}
	
	#sidebar{
	position:fixed;
	top:0;
	bottom:0; 
	display:none; 	
	z-index:99999; 
	-webkit-transition: right 1s;  
	transition: right 1s; 
	width:auto; 
	overflow:visible; 
	background:#fff;
	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 > 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:"";
	}

	.header-gnb{
	display:none;
	}
	
	.main-tit{
	flex-wrap:wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}
	.main-tit span{
	display:block;
	}
	.main-tit p{
	}
	.slick-arrow.slick-prev{
	left:0;
	right:auto;
	}
	.slick-arrow{
	top:80px;
	}
	
	.sub-nemu a{
	margin:0;
	}
	
	.main-box{
	padding:50px 0;
	}
	.main-list-type1 ul li{
	width:32%;
	}
	.list-type-btn{
	top:90px;
	}
	
	.quick-cart{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	border-width:1px 0;
	height:320px;
	top:auto;
	border-radius:0;
	}
	
	.quick-cart:after{
	display:none;
	}
	
	.quick-cart ul{
	max-height:150px;
	}
	
	.sub-list-type1 li{
	width:32%;
	}
	
	.view-slide-box .slick-arrow.slick-prev{
	right:auto;
	left:0;
	}
	.vs-tit{
	text-align:center;
	}
	.view-top-img-area{
	padding:25px;
	}
	.view-top-img-area p{
	font-size:28px;
	}
	

    .sub-tit span{
    font-size:1.6rem;
    }
}

@media (max-width:991px){
    .mobile-open-btn{
        position:relative;
        font-size:30px;
        display:block;
        flex-shrink: 0;
        width:40px;	
        color:#000;
        right:0;    
	}
    .mobile-open-btn .material-symbols-outlined {    
        font-size: 3rem;
    }
}
    
    
@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}
	
	.header-logo img{
	width:140px;
	}
	
	.header-logo a{
	width:120px;
	font-size:2rem;
	}
	
    .tnb-area {      
      justify-content: space-between;
    }
    
    #topSearch{
    position:fixed;
    width:100%!important;    
    top:0%;
    left:0;
    height:100px;
    margin:0;
    max-width: 100%;
    z-index:5555;
	}
    #topSearch .close-btn{
    position: absolute;
    top:10px;
    right:10px;
    }
    #topSearch .close-btn .material-symbols-outlined{
    font-size:2rem;
    }
    
    #topSearch .header-search{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    max-width: 300px;
    }

    
	.side-quick a{
	width:40px;
	height:40px;
	font-size:22px;
	}
    .side-quick li .material-symbols-outlined {
      font-size: 24px;
    }
	
	.side-quick li.sq-cart a span{
	display:none;
	}
	
	.main-list-type1 ul li{
	width:49%;
	}
	
	.fnb ul{
	text-align:center;
	}
	.foot-info{
	text-align:center;
	position:unset;
	}
	.foot-info p{
	margin:0 5px;
	}
	.foot-copy{
	text-align:center;
	}
	.ban-link{
	width:70px;
	left:50%;
	margin-left:-35px;
	bottom:0;
	top:auto;
	}
	.ban-link img{
	width:100%;
	}
	.foot-area{
	padding-bottom:60px;
	}
	
	.quick-cart dt{
	font-size:18px;
	height:42px;
	line-height:42px;
	padding:0 20px;
	}
	.bc-close{
	height:42px;
	line-height:42px;
	width:42px;
	font-size:22px;
	}
	
	#main-visual .slick-arrow{
	font-size:40px;
	left:2%;
	}
	#main-visual .slick-arrow.slick-next{
	right:2%;
	}
	
	.main-tit{
	margin-bottom:15px;
	}
	.main-tit span{
	font-size:16px;
	}
	.main-tit p{
	text-align:center;
	font-size:32px;
	line-height:1.1em;
	}
	.main-tit p strong{
	display:block;
	}
	
	.list-type-btn{
	top:70px;
	}
	.main-list-type1 ul{
	}
	.list-li-top{
	padding:15px;
	padding-bottom:10px;
	}
	.img-text1{
	margin-top:10px;
	font-size:14px;
	}
	.list-text1 p{
	font-size:16px;
	}
	.list-text1 .list-li-price p{
	height:auto;
	}
	.list-li-price p strong{
	font-size:16px;
	}
	.list-li-price p em{
	font-size:12px;
	}
	.list-basket{
	width:38px;
	height:38px;
	font-size:22px;
	}
	.main-list-type1 ul li{
	margin-top:20px;
	}
	
	.main-list-type2 ul li a{
	gap:20px;
	}
	.main-list-type2 .list-li-top{
	width:45%;
	padding:15px;
	padding-bottom:10px;
	}
	
	.main-box{
	padding:30px 0;
	}
	
	
	#sub{
	padding:30px 0 40px;
	}
    .sub-tit {
	text-align: left;
	}
	.sub-tit span{
	font-size:1.2rem;
	margin-bottom:10px;
	}
    .sub-tit span:after{
	width:100%;
	}
	.sub-nemu{
	padding:5px;
	}
	.sub-nemu a{
	padding:5px 10px;
	}
	

	
	
	.view-top{
	display:block;
	}
	.view-top-img-area{
	width:100%;
	}
	.vt-img{
	width:100%;
	}
	.vt-info{
	width:100%;
	margin-left:0;
	}
	.vt-info dt{
	font-size:22px;
	}
	#notice{
	display:block;
	}
	#notice h2{
	width:100%;
	font-size:22px;
	}
	#notice ul{
	padding-right:0;
	padding:5px 0;
	}
	
	.vt-info dd table td{
	padding:3px 0;
	}
	.vt-info dd .total-box{
	margin-bottom:10px;
	padding:5px 0;
	}
	.button-box{
	justify-content: center;
	}
	.button-box input{
	padding:5px 20px;
	}
	
	.sub-cart table,
	.sub-cart table thead,
	.sub-cart table tbody,
	.sub-cart table tfoot,
	.sub-cart table tr,
	.sub-cart table th,
	.sub-cart table td{
	display:block;
	}
	
	.sub-cart table tbody td{
	display:inline-block;
	border:0;
	padding:5px 0;
	}
	
	.sub-cart table{
	margin-bottom:10px;
	}
	
	.sub-cart table tbody tr{
	border-bottom:1px #e0e0e0 solid;
	}
	
	.sub-cart table thead{
	display:none;
	}
	.sub-cart table tbody td.sct-n2{
	text-align:left;
	}
	.sub-cart table tbody td.sct-n3{
	display:block;
	text-align:left;
	font-weight:600;
	font-size:1.125em;
	word-wrap: break-word;
	}
	.sub-cart table tbody td.sct-n4{
	margin-left:5px;
	color:#777;
	}
	.sub-cart table tbody td.cl-btn-box{
	width:100%;
	display:block;
	}
	
	.sub-cart .cart-img{
	width:100%;
	padding-top:75%;
	}
	
	.vs-tit{
	text-align:left;
	margin:10px 0 5px;
	padding-top:10px;
	}
	
	.cl-btn{
	display:block;
	width:100%;
	}
	
	.cl-btn input{
	width:48%;
	background:#e0e0e0;
	}
	.ea-box input{
	width:25px;
	height:25px;
	line-height:25px;
	font-size:16px;
	}
	
	.vs-tit{
	border-top:1px #e0e0e0 solid;
	font-size:20px;
	}
	.delivery-info table th, .delivery-info table td{
	padding:5px;
	}
	.delivery-info table th{
	width:28%;
	font-size:0.95em;
	}
	.sub-cart table tbody td.sct-n2{
	display:block;
	width:100%;
	max-width:160px;
	}
	.sub-cart table tfoot td{
	text-align:left;
	padding:5px 0;
	}
	
	.status-serch p{
	margin:3px;
	}
	.status-serch span{
	width:70px;
	}
	.status-serch input[type="button"]{
	margin-top:10px;
	}
	.status-serch{
	padding:15px;
	margin-bottom:10px;
	}
	.status-list li{
	margin-bottom:10px;
	}
	
	
	.view-top-img-area p{
	font-size:20px;
	}
	.list-li-price{
	padding-top:0;
	}
	
	.sub-list-type2 li a{
	gap:10px;
	}
	.sub-list-type2 li .list-basket, #list-type2 li .list-basket{
	top:0;
	}
	.sub-list-type2 .list-li-top{
	width:45%;
	}
	
	.sub-list-type1 li{
	width:49%;
	}
	.sub-list-type1 .list-li-price{
	display:block;
	}
	.sub-list-type1 .list-li-price .list-basket{
	width:100%;	
	}
    
    .sub-tit{    
    font-size:1.4rem;
    }
}





@media (max-width:1280px) {
    .gnb > li > a {
        font-size: 18px;    
        padding: 0px 15px;
    }

    .mv-box{
    width:100%;
    margin-left:0;
    }
    .mv-box img{
    width:100%;
    }
    
}





@media (max-width:571px) {
    .tnb li a{
	font-size:0;
	padding:0 5px;
	}
}