@media (max-width:1280px) {
.sub-tab.scroll{
width:100%;
left:0;
margin-left:0;
padding:10px;
box-sizing:border-box;
}
}

@media (max-width:1024px){
	.header-box{
	width:100%;
    height:60px;
	}
	.header-logo{
	width:100%;
	text-align:left;
	top:35px;
	box-sizing:border-box;
	padding-left:10px;
	margin-top:0;
	}
	.header-logo img{
	width:300px;
	}
	.tnb{
	top:0;
	left:0;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	border-bottom:1px #e0e0e0 solid;
	margin-top:0;
	position:absolute;
	}
	.tnb ul{
	justify-content: center;
	}
	
	.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:15px;
	top:15px;
	z-index:99999;
	background:#67a141;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#fff;
	font-size:24px;
	display:block;
	}

	#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;
	}

	.visual-img-bg img{
	width:150%;
	left:-25%;
	margin-left:0;
	}
	#link-banner{
	margin-top:0;
	width:100%;
	}
	#link-banner ul{
	flex-wrap: wrap;
	}
	#link-banner ul li{
	width:25%;
	}
	.main-bord{
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 4%;
	padding:30px 0 0;
	}
	.main-bord section{
	margin-left:0;
	flex-grow: 1;
	flex: 1 1 40%;
	margin-bottom:30px;
	}

	.sv-img{
	left:20px;
	margin-left:auto;
	}
	
	.orga-map-box{
	display:none;
	width:0;
	padding:0;
	}
	
	.site-banner{
	padding:30px 0;
	}
	
	.sub-tit.st1 h1{
	font-size:32px;
	}
	.sub-tit h1{
	font-size:42px;
	}


}

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}
	.header-logo{
	top:40px;
	}
	.header-logo img{
	width:240px;
	}
	.tnb ul{
	padding-right:0;
	}
	.tnb li a{
	font-size:13px;
	}
	.tnb li:after{
	margin:0 5px;
	}
	#visual .slick-arrow{
    line-height:50px;
    margin-top:-25px;
    font-size:32px;
	left:10px;
    }
    #visual .slick-arrow.slick-next{
    right:10px;
    }
	#link-banner ul li a{
	height:auto;
	padding:20px 0;
	}
    #link-banner ul li{
	width:50%;
	}
	.lb-ico img{
	width:60px;
	}
	.lb-text{
	font-size:17px;
	padding-top:0px;
	}
	.lb-more{
	width:30px;
	height:30px;
	}
	.tbl table th{width:21%;font-size:14px;}
	.site-banner-area li{
	margin-bottom:5px;
	}
	.site-banner-area li.sb-type1{
	max-width:540px;
	width:100%;
	}
	.site-banner-area li.sb-type2{
	max-width:350px;
	width:50%;
	}
	.site-banner-area li.sb-type3{
	max-width:312px;
	width:40%;
	}
	.site-banner-area li.sb-type4{
	width:35%;
	max-width:205px;
	}
	.site-banner-area li.sb-type1 a,
	.site-banner-area li.sb-type2 a,
	.site-banner-area li.sb-type3 a,
	.site-banner-area li.sb-type4 a{
	width:100%;
	}

	.main-bord{
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0%;
	padding:30px 0;
	}
	.main-bord section{
	margin-left:0;
	flex-grow: 1;
	flex:unset;
	width:100%;
	margin-bottom:35px;
	border-bottom:1px #e0e0e0 solid;
	padding-bottom:20px;
	}
	.mb-gallery ul{
	gap:4%;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.mb-gallery li{
	width:46%;
	margin-left:auto;
	}
    .tab-board{
    padding-top:20px;
}
    .mb-tab ul li{
    padding:8px 0px;
    font-size:14px;
    width:25%;
    box-sizing: border-box;
    text-align:center;
    }
    .mb-more{
    font-size:14px;
    top:auto;
    bottom:20px;
    width:100%;
    text-align:center;
    background:#453;
    padding:5px 0;
    color:#fff;
    }
    .mb-list{
    padding-top:0;
    }
	.site-banner-area section{
	margin-top:10px;
	}

	.site-banner{
	padding:10px 0 30px;
	}

	.mb-title{
	font-size:18px;
	}

	.top{
	width:50px;
	font-size:15px;
	padding:7px 0;
	}

	.fnb{
	padding-right:60px;
	}
	.fnb li a{
	padding:0 7px;
	}

	.foot-info{
	padding:15px 0;
	}

	.sub-nav{
	display:none;
	}

	.sub-tit h1{
	font-size:28px;
	}
	
	.sub-tit.st1 h1{
	font-size:25px;
	word-break:keep-all;
	line-height:1.3em;
	}
	.sub-tit{
	margin:20px auto 10px;
	}
	.sub-content{
	font-size:15px;
	padding-bottom:30px;
	}
    
		
	.sub11-content p br{
	display:none;
	}
	.sub11-top strong{
	font-size:22px;
	}
	.s11t-text{
	font-size:18px;
	line-height:1.5;
	word-break: keep-all;
	}
	.s11t-text br{
	display:none;
	}
	.sub11-top{
	padding-bottom:15px;
	margin-bottom:5px;
	}
	.sub-tab{
	padding-bottom:20px;
	}
	.sub-tab a{
	font-size:13px;
	padding:5px 20px;
	}
	.sc2 .sub-tab a{
	padding:5px 0;
	}
	.sc2 .sub-tab{
	flex-wrap:wrap;
	gap:2%;
	}
	.sc2 .sub-tab a{
	width:49%;
	margin-bottom:1%;
	}
	.s2-tit{
	font-size:24px;
	margin-bottom:15px;
	}
	.s2-top{
	font-size:17px;
	padding:15px;
	word-break: keep-all;
	}
	.s2b-1{
	padding:40px 20px;
	}
	.s2b-1 p{
	font-size:20px;
	}
	.s2b-1 p:after{
	width:40px;
	height:3px;
	margin:15px auto 15px;
	}
	.s2b-1 div{
	line-height:1.5em;
	word-break: keep-all;
	}
	.s2b-1 ul{
	flex-wrap:wrap;
	justify-content: center;
	gap:2%;
	margin-top:10px;
	}
	.s2b-1 ul li{
	width:32%;
	margin-top:2%;
	}
	.s2b-2{
	display:block;
	text-align:center;
	}
	.s2-line{
	padding-top:20px;
	margin-top:20px;
	display:block;
	}
	.s2-line .s2-tit{
	text-align:center;
	font-size:22px;
	width:100%;
	}
	.s2-line .s2-tit br{
	display:none;
	}
	.s2-line .s2-tit:before{
	margin:0 auto 10px;
	}
	.s2b-3 > p{
	font-size:17px;
	word-break: keep-all;
	text-align:center;
	}
	.s2b-3 table th{
	width:80px;
	}
	.s2b-3 table{
	margin-top:10px;
	}
	.s2b-3 ul{
	flex-wrap:wrap;
	gap:5px;
	}
	.s2b-3 ul li{
	width:100%;
	}

	.s14-ico{
	width:80px;
	height:80px;
	border-width:5px;
	position:unset;
	margin:20px auto 0;
	}
	.s41-txt{
	padding-top:20px;
	}
	.s41-tit{
	font-size:22px;
	}
	.s41-txt div{
	font-size:15px;
	word-break:keep-all;
	}
	.s41b-line{
	padding-top:20px;
	margin-top:20px;
	}
	.s41-img{
	flex-wrap:wrap;
	}
	.s41-img img{
	width:100%;
	}


	.sub-tab2 a{
	padding:5px 12px;
	background:#eeeeee;
	color:#666666;
	font-weight:600;
	font-size:1em;
	border-radius:777px;
	display:block;
	}
    

    .box61{
    display:flex;
    width:100%;
    justify-content: center;
    overflow:hidden;
    }
    .box61 img{
    width:125%;
    }

    .inq{
    padding:20px 0;
    }
    .inq-p{
    padding:10px 0;
    font-size:1.35em;
    }
    .inq-area{
    padding:10px;
    }
    .agree{
    margin-bottom:20px;
    }
    input.btn2{
    width:180px;
height:55px;
    line-height:35px;
    }
    .btn_w{
    margin-bottom:20px;
    }
}