@media (max-width:1280px) {
}

@media (max-width:1024px){
	.header-box{
	width:100%;
	padding-top:20px;
	}
	.header-logo{
	width:100%;
	top:35px;
	box-sizing:border-box;
	padding-left:10px;
	margin-top:0;
	}
	.header-logo img{
	width:250px;
	}
	.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;
	}
	header{
	height:100px;
	}
	
	.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:10px;
	top:48px;
	z-index:99999;
	background:#361f20;
	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-txt p{
	padding-bottom:30px;
	font-size:38px;
	}
	.slick-dots{
	bottom:40px;
	}

	.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:33%;
	}
	#link-banner ul li.lb4,
	#link-banner ul li.lb5,
	#link-banner ul li.lb6,
	#link-banner ul li.lb7{
	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;
	}

	.sub-visual{
	height:300px;
	}
	.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;
	}
	
	.history-list{
	display:block;
	}
	.history-list > .his-tit{
	margin-bottom:20px;
	width:100%;
	}
	.history-list ul dl{
	display:block;
	}
	.history-list{
	padding:20px;
	}
	.history-list ul dd ul li {
	padding:15px 0;
	}
	
	.sub12-box1 p{
	word-break:keep-all;
	font-size:19px;
	}
	.sub12-box1 p br{
	display:none;
	}
}

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}
	.header-logo{
	top:40px;
	}
	.header-logo img{
	width:230px;
	}
	.tnb ul{
	padding-right:0;
	}
	.tnb li a{
	font-size:13px;
	}
	.tnb li:after{
	margin:0 5px;
	}
		
	#link-banner ul li a{
	height:auto;
	padding:15px 0;
	}
	#link-banner ul li:hover a{
	padding-bottom:15px;
	color:#fff;
	}

	.lb-ico img{
	width:50px;
	}
	.lb-text{
	font-size:16px;
	padding-top:0px;
	}
	.lb-more{
	width:30px;
	height:30px;
	}
	
	#visual{
	margin-bottom:-6px;
	}
	.visual-logo{
	top:5px;
	right:5px;
	}
	.visual-logo img{
	width:50px;
	}
	.visual-txt span{
	font-size:12px;
	letter-spacing: 0.5em;
	}
	.visual-txt p{
	font-size:28px;
	}

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

	.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-visual {
	height: 190px;
	}

	.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-top{
	flex-wrap:wrap;
	}
	.s11t-img{
	order:1;
	margin:0 auto 20px;
	}
	.s11t-text strong{
	font-size:18px;
	}
	.s11t-text em{
	font-size:16px;
	}
	.s11t-text{
	font-size:15px;
	order:2;
	width:100%;
	word-break:keep-all;
	}
	.s11t-text br{
	display:none;
	}

	.sub11-content p{
	font-size:15px;
	word-break:keep-all;
	}

	.sub31-top{
	font-size:16px;
	text-align:center;
	}
	.sub31-top br{
	display:none;
	}
	.sub41-top{
	flex-wrap:wrap;
	}
	.s41t-img{
	margin:0 auto;
	width:180px;
	}
	.s41t-text{
	width:100%;
	padding:0;
	padding-top:20px;
	}
	.s41t-t1{
	font-size:1.025em;
	margin-bottom:5px;
	}

	.sub32-box dt,
	.sub32-box dd{
	display:block;
	width:100%;
	box-sizing:border-box;
	}

	.sub32-box dt{
	text-align:left;
	padding:10px 15px;
	}
	.sub32-box dd{
	padding-right:50px;
	word-break:keep-all;
	}

	.sub32-box a i{
	top:auto;
	bottom:20px;
	margin-top:0;
	}

	.join-table,
	.join-table tbody,
	.join-table tr,
	.join-table th,
	.join-table td{
	display:block;
	width:100%;
	box-sizing:border-box;
	}

	.loginput{
	width:80% !important;
	}

	.join-ul1{
	display:block;
	}

	.join-ul2 dl dt{
		min-width:60px;
	max-width:80px;
	}

	.st15{
	display:none;
	}

	.st15-mobile{
	display:block;
	width:100%;
	padding:10px 15px;
	border-radius:999px;
	border:1px #e0e0e0 solid;;
	}

	.sub12-box dl{
	display:block;
	margin-top:15px;
	padding-top:15px;
	}
	.sub12-box dd{
	padding-left:15px;
	}

	.sub12-box dl:first-child{
	margin-top:0;
	}
	.sub12-box{
	margin-top:20px;
	}


	.sub-tab li a{
	padding:7px 10px;
	}

	

	.sub15-box{
	margin-top:20px;
	}
	.sub17-box2{
	padding-bottom:10px;
	padding-top:10px;
	}
	.sub17-box2 dt{
	margin-top:20px;
	font-size:1.25em;
	}
	.sub17-box2 dt:after{
	margin:10px 0;
	}

	.sub17-link a{
	padding:2px 7px;
	}

	.table1-flex{
	flex-wrap:wrap;
	}
	.table1-flex div{
	width:100%;
	}
	
	.sitemap > li{
	width:100%;
	}
	.sitemap > li > ul > li > a{
	font-size:15px;
	margin:0;
	padding:2px 8px;
	}
	.sitemap > li > ul > li > a:after{
	top:13px;
	}
	.sitemap > li > a{
	font-size:18px;
	}
	
	.sv-img img{
	width:95%;
	}
	.sv-logo img{
	width:50px;
	}
	
	.ty1-font1 td p{
	font-size:1.1em;
	}
	.ty1-font1 tbody th{
	width:30% !important;
	}
	
	.join-process{
	flex-wrap:wrap;
	}
	.join-process li{
	width:50%;
	box-sizing:border-box;
	padding:20px;
	}
	.join-process li:nth-child(3){
	border-left-width:1px;
	border-top-width:0px;
	}
	.join-process li:nth-child(4){
	border-top-width:0px
	}
	.join-process li:nth-child(3):after{
	display:none;
	}
	
	.sub-dl2{
	display:block;
	margin-top:25px;
	}
	.sub-dl2 dt{
	width:100%;
	padding-right:0;
	font-size:1.35em;
	}
	.sub-dl2 dt br{
	display:none;
	}
	.sub-dl2 dt:before{
	height:4px;
	width:30px;
	margin-bottom:10px;
	}
	.sub-dl2 dd{
	margin-top:10px;
	}
	
	.sub-btn-box2 a{
	width:100%;
	box-sizing:border-box;
	margin-bottom:5px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	}
	
	.table-box1{
	width:100%;
	overflow-y:scroll;
	}
	.table-box1 table{
	min-width:600px;
	}
	.table-type1 thead th{
	padding:7px;
	}
	.table-type1 tbody th{
	padding:7px;
	}
	.s35-top img{
	width:150px;
	}
	.s35-top{
	font-size:1.2em;
	word-break: keep-all;
	}
	.sub-btn-box{
	margin-top:10px;
	}
	.sub-btn-box a{
	font-size:1em;
	}
	
	.s44-list li{
	width:49%;
	}
	.s44-list li a{
	padding:3px;
	}
	
	.sv-txt > p{
	font-size:28px;
	}
	.sv-txt > p span{
	font-size:18px;
	}
	
	.sv-txt > p.sv-t2{
	font-size:24px;
	word-break:keep-all;
	}
	
	.sv-link{
	margin-top:10px;
	}
	.sv-link a{
	margin:5px auto;padding:5px;width:60%; box-sizing:border-box;
	display:block;
	font-size:14px;
	}
	
	.sub-search-box{
	display:block;
	padding:15px;
	}
	
	.sub-search-box input{
	width:auto;
	}
	.sub-search-box > div{
	padding:5px 0;
	justify-content: center;
	}
	.sub-search-box > div p{
	width:80px;
	padding-right:0;
	}
	.sub-search-box input.BtnINP{
	width:100%;
	}
	
	.sub12-box1 p{
	font-size:16px;
	font-weight:600;
	margin:-5px 0 !important;
	}
	.sub12-box1{
	border-width:5px;
	}
	
	.foot-info{
		padding-bottom:50px;
	background-position:0 95%;
	}
}

@media (max-width:550px){
	.visual-txt{
	padding:0 20px;
	box-sizing: border-box;
	}
	.visual-txt span{
	font-size:6px;
	letter-spacing: 0em;
	}
	.visual-txt p{
	font-size:18px;
	font-weight:700;
	word-break: keep-all;
	padding-bottom:0;
	}
	.visual-txt p br{
	display:none;
	}
}