@charset "UTF-8";
/* CSS Document */
.mobile_menu{position:absolute; right:1%; top:15px; cursor:pointer; background:#000; display:none; padding:4px; border:1px solid #85939f;}
.mobile_menu img{display:block; clear:both; float:left; width:55px;}


@media only screen and (max-width:1279px){
	.h-box{width:82%;}
}


@media only screen and (max-width:1099px){
	#container{overflow:hidden; padding:0;}
	.box-shadow{box-shadow:none;}
	#logo{margin:5px 0 0 0;}
	.inner{width:98%; padding:0 1%; overflow:hidden; min-width:310px;}
	#top-2, #container, #footer{width:100%; overflow:hidden;}
	
	#top-2{height:auto; position:relative; overflow:visible; background:#000; border-top:1px solid #ccc;}
	#top-2 .inner{position:relative; height:100%; overflow:visible;}
	
	.h-box{width:100%;}
	.box-tabien{position:relative;}
	.h-product{width:100%;}
	.dot1,.dot2{display:none;}
	.h-txt{margin:0; padding-left:0;}
	.tabien-filter{position:absolute; right:0px; top:2px;}
}

@media only screen and (max-width:979px){
	#top{width:100%; padding:0px; position:static; padding-top: 95px;}
	#top-1{position: fixed; top: 0; left: 0; width: 100%; z-index: 11;}
	#slide{padding-top:0px;}
	#menu-top{width:200px; float:right; position:absolute; z-index:3000; display:none; top:64px; right:-200px;}
	#menu-top li{width:100%; background:none; clear:both; float:right; text-align:right; border:none !important;}
	#menu-top #menu1{background:#0d8fcd;}
	#menu-top #menu2{background:#34217a;}
	#menu-top #menu3{background:#6d0fae;}
	#menu-top #menu4{background:#af0f8d;}
	#menu-top #menu5{background:#e51c5e;}
	#menu-top li a{padding:5px 10px;}
	.mobile_menu{display:block;}	
	
	.frm .txt-2 ,.frm .textarea-2{width:100%;}
	.contact-detail{float:right;}
}

@media only screen and (max-width:767px){
	#top-1{height:auto;}
	
	#search-frm{
		text-align: center;
		width: 100%;
	}
	
	.tel{float:left; font-size: 24px; padding:7px 0 5px 0; width: 100%; text-align: center;}
		
	#container{padding:0px 0;}
	#slide{width:100%; margin:0px 0; padding:0;}
	
	.box-detail-in img{width:90%;}

	.tabien-list ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	
	.tabien-list li{
		width: 100%;
		margin: 0;
	}
	
	.lb-hide{display:none;}
	.s-detail{clear:both; width:100%;}
	
	.contact-detail{clear:both; float:left; width:100%; padding:0px 0 20px 0; font-size:24px;}
	
	#frm-buy .s-detail{width:100%;}
}


@media only screen and (max-width:479px){
	#search-frm .txt{width:55px;}
	
	.frm .txt-2,.frm .textarea-2{width:95%;}
	
	#logo{
		font-size: 36px;
	}
	
	
	.tabien-filter{position:relative; top:-15px; margin:0;}
	
	#download-doc{position:static; float:right; margin:0px 0 10px 0;}
	.box-detail-in img{width:100%;}
	
	.copyright{width:100%; float:left;}
	.copyright div{width:100%;}
	.fb-like-share{width:100%; float:right; text-align:right; padding:5px 0 0 0;}
}

@media only screen and (max-width:374px){
	#logo{
		font-size: 30px;
	}

	#top{
		padding-top: 90px;
	}

	.mobile_menu{
		top: 10px;
	}

	#search-frm label{
		display: none;
	}

	.tel{
		font-size: 20px;
	}

	.line-btn{
		width: 60px;
	}

	.number, .tabien-price{
		font-size: 20px;
	}
}