/***********************반응형***************************************/
@media (max-width:1400px) {

}

@media (max-width:1280px) {
	.header-logo{
	left:10px;
	}

}

@media (max-width:1024px){
	.header-logo a{
	width:75px;
	}
	header{
	position:relative;
	}
	.header-area{
	height:75px;
	}
	.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;
	font-size:25px;
	display:block;
	}
	
	.mobile-open-btn{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-20px;
	z-index:99999;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;
	font-size:22px;
	display:block;
	border-radius:999px;
	background:#283579;
	}

	#sidebar{
	position:fixed;
	top:0;
	bottom:0; 
	display:none; 
	right:-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{
	padding:5px 0;
	}

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

	.menu > li > ul > li > a{
	display:block;
	}

	.header-gnb{
	display:none;
	}

	.tnb{
	border-width:0;
	margin-top:-20px;
	right:40px;
	}

	.tnb a{
	font-size:0;
	padding:0;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	border:1px #e0e0e0 solid;
	border-radius:9999px;
	}

	.caption{
	font-size:50px;
	}

	.cp2{
	font-size:22px;
	}

	.product-area{
	flex-wrap: wrap;
	}

	.product-area section{
	width:50%;
	}

	.notice-list{
	display:block;
	text-align:left;
	border-bottom:1px #e0e0e0 solid;
	}
	
	.notice-list li{
	width:100%;
	margin:0;
	border-left:0;
	border-top:1px #e0e0e0 solid;
	}

	.notice-list li a{
	padding:10px 0;
	}

	.notice-list li p,
	.notice-list li div{
	height:auto;
	}

	#notice{
	text-align:center;
	}

	.notice-list li:first-child{
	width:100%;
	}

	.notice-more{
	position:relative;
	}

	.mq-info{
	width:100%;
	display:block;
	text-align:center;
	}

	.mq-btn{
	width:100%;
	display:block;
	text-align:center;
	margin-top:20px;
	}

	.sub-tit{
	height:270px;
	}

	.s14-top{
	display:block;
	text-align:center;
	width:100%;
	}
	
	.ul14{
	display:block;
	width:100%;
	margin-left:50%;
	}

	.sub14-box{
	display:block;
	width:100%;
	}
	.s14-top strong:before{
	margin:10px auto;
	}

	.dl21 dt{
	font-size:22px;
	}

	.dl21-p1{
	font-size:18px;
	}

	.cl21-ul1 li{
	width:49%;
	}

	.cl21-ul1 li:nth-child(2n+1){
	margin-left:0;
	}
	.dl21-box{
	display:block;
	}
	.dl21-b1{
	width:100%;
	}
	.dl21-b2{
	width:100%;
	padding-left:0%;
	}
	.cl21-ul2{
	display:block;
	}
	.cl21-ul2 li{
	width:100%;
	margin-left:0;
	}

	.cl21-ul2 li p{
	width:100%;
	position:relative;
	}

	.cl21-ul2 li p br{
	display:none;
	}
}

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}

	.slick-arrow{
	font-size:40px;
	}

	.caption{
	font-size:20px;
	}
	.cp2{
	font-size:15px;
	}

	.banner a p{
	font-size:15px;
	display:block;
	line-height:1.2em;
	}

	.banner a div{
	font-size:15px;
	line-height:32px;	
	padding:0 25px;
	margin-top:10px;
	}

	.pro-tit span{
	font-size:13px;
	}
	.pro-tit p{
	font-size:15px;
	}

	.pro-tit strong{
	font-size:20px;
	}

	.pro-tit div{
	font-size:15px;
	padding:0 20px;
	box-sizing:border-box;
	word-break:keep-all;
	}

	.pro-tit div br{
	display:none;
	}

	.product-area section a{
	height:280px;
	}

	.notice-tit span{
	font-size:15px;
	}

	.notice-tit div{
	font-size:25px;
	}
	#notice{
	margin:30px auto;
	}
	.notice-list{
	padding-top:10px;
	}
	.notice-list li span{
	font-size:15px;
	}

	.notice-list li p{
	font-size:17px;
	margin:10px 0;
	}
	.notice-list li div{
	font-size:15px;
	}
	.notice-list li em{
	margin-top:10px;
	font-size:15px;
	}

	.notice-more{
	top:20px;
	}

	.mqi-tit span{
	font-size:15px;
	}

	.mqi-tit div{
	font-size:25px;
	}
	.mq-li1 strong{
	font-size:27px;
	}
	.main-quick-area{
	padding:30px 0;
	}

	.mq-btn li{
	margin-left:5px;
	}
	.mq-btn li a > div{
	width:95px;
	height:95px;
	font-size:15px;
	}

	.mq-btn li a > div img{
	width:35px;
	margin-bottom:0;
	}

	.mq-btn li.mq2 a > div img{
	width:35px;
	}

	#main-location{
	height:300px;
	}

	footer h1{
	font-size:22px;
	}
	footer{
	padding:30px 2%;
	}

	.side-quick a{
	width:45px;
	height:45px;
	}

	.tnb{
	right:55px;
	}

	.sub-tit h2{
	font-size:28px;
	}

	.sub-tit{
	height:160px;
	}
	.snb{
	display:none;
	}
	.sub-content{
	padding:40px 0;
	}
	.s11-top{
	padding:30px 0;
	font-size:18px;
	}
	.s11-top img{
	max-width:120px;
	}

	.s11-t1{
	font-size:18px;
	}
	.s11-t2{
	font-size:15px;
	}

	.sub13 dt{
	display:block;
	width:100%;
	text-align:center;
	padding:20px 0;
	font-size:1.25em;
	}

	.sub13 dd{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:20px;
	word-break:keep-all;
	}

	.s13-dl2 dd ul li{
	width:100%;
	margin-left:0;
	}
	.s13-dl2 dd ul{
	display:block;
	}

	.s14-top strong{
	font-size:28px;
	}
	.s14-top{
	font-size:18px;
	text-align:left;
	}

	.ul14 em{
	display:block;
	}
	.ul14 p{
	display:block;
	}
	.ul14 span{
	position:unset;
	}
	.ul14{
	margin-left:0;
	}
	.s14-top strong:before{
	margin:0;
	height:3px;
	margin-bottom:10px;
	width:60px;
	}
	.ul14 div{
	margin:10px;
	}

	.lt2-img{
	display:block;
	width:100%;
	}

	.lt2-text{
	display:block;
	padding-left:0;
	}

	.detail-img{
	width:100%;
	padding-top:75%;
	}
	.detail-info{
	width:100%;
	padding-left:0;
	margin-top:10px;
	}

	.detail-li{
	min-height:10px;
	padding:10px 0;
	}
	.detail-btn a{
	width:45%;
	}
	.detail-li li p{
	padding-left:80px;
	}
	.lt1-youtube{
	display:block;
	width:100%;
	box-sizing:border-box;
	}
	.lt1-text{
	display:block;
	width:100%;
	}

	.location li{
	width:100%;
	}
	.side-quick li{
	margin-top:5px;
	}

	.cl21-ul1 li{
	width:100%;
	margin-left:0;
	margin-bottom:10px;
	}
	.cl21-ul1 li div{
	height:auto;
	}
}