@charset "utf-8";
/* CSS Document */

	
@media screen and (max-width:768px){
	
	iframe{
		width:450px;
		height:300px;
	}
}


@media screen and (max-width:480px){
	
	iframe{
		width:320px;
		height:200px;
	}
}
	
@media screen and (max-width:360px){
	.one-third{
		width:40%;
	}
	.two-third{
		width:58%;
	}
	.button{
		margin:0;
	}
	
	.sign_btn span{
		width:70%;
	}
	
	.filter .select_box select{
	padding-right:20%;
	}
	
	.col25{
		width:32%;
	}
	
	.col73{
		/* width:65%; */
		width:100%;
	}
	
	.col74{
		width:65%; 
	}
	
	iframe{
		width:320px;
		height:200px;
	}
	
}
	
@media screen and (max-width:320px){
	.prdct_dtl {
    	padding: 0;
	}
	
	.detail_tabs a{
		padding:6px 10px;
	}
	
	.filter .select_box select{
	padding-right:30%;
	}
	
	.detail_tabs a{
	padding:4px;
	font-size:14px;
	}
	
	.col25{
		width:35%;
	}
	
	.col73{
		/* width:61%; */
		width:100%;
	}
	
	.col74{
		width:61%; 
	}
	
	.steps h4{
		padding:5px 5.1%;
	}
	
	.steps h4 a{
		font-size:0.9em;
	}
	iframe{
		width:300px;
		height:150px;
	}
}
	
@media screen and (max-width:240px){
	#header .one-half{
		width:99%;
	}
	
	#header .logo img{
		margin:0 auto;
	}
	.tabs{
		text-align:center;
	}
	.one-third, .two-third, .one-half{
		width:99%;
	}
	
	.two-third{
		margin-bottom:10px;
	}
	.filter .one-third, .filter .two-third, .filter .one-half{
	margin:0;
	padding:2px 0;
	height:auto;
	}
	
	.filter .one-third, .filter .two-third, .detail .one-half{
	display:block;
	float:left;
	clear:none;
	margin-right:2%;
	}
	.filter .one-third {
		width: 32%;
	}
	.filter .two-third {
		width: 65.66%;
	}
	
	.filter .one-half{
	border-bottom:1px solid #dedede;
	}
	.filter .one-half.last{
	border-bottom:0;
	}
	
	.detail .one-half{
	width:48%;
	}
	
	.inner_box{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:2px solid #eee;
	}	
	
	.detail_tabs a{
	padding:4px;
	font-size:12px;
	}
	
	.col25, .col73, .col74{
		width:100%;
		float:none;
		display:block;
		clear:both;
	}
	
	iframe{
		width:250px;
		height:150px;
	}
	
	
}