@charset "utf-8";

@media screen and (max-width:1025px){
	#mainvisual:after, 
	#mainvisual:before {
		width:120px;
		z-index:10;
	}
	#mainvisual .main_txt {
		max-width:1000px;
		justify-content:center;
	}
	#mainvisual .main_txt p {
		padding:0;
	}
	.section_wrap {
		gap:30px 0;
	}
	.section_wrap .section {
		width:48.5%;
	}
	.banner_wrap .swiper-container {
		width:85%;
	}
	
}
@media screen and (max-width:768px){
	/* mainvisual */
	#mainvisual:after, 
	#mainvisual:before {
		width:20vw;
	}
	#mainvisual .slide-item {
		height:60vw;
		min-height:60vw;
	}
	#mainvisual .main_txt p {
		font-size:5vw;
	}

	.section_wrap {
		padding:10vw 4vw 0;
		gap:5vw 0;
		
	}
	.section_wrap .section.height_260,
	.section_wrap .section.height_240 {
		height:auto;
		min-height:50vw;
	}
	.section_wrap .section {
		width:100%;
	}
	.section_wrap .section h3 {
		height:12vw;
		line-height:12vw;
		font-size:4.5vw;
		padding:0 0 0 5vw;
	}
	.section_wrap .section h3 span {
		width:8vw;
	}
	.section_wrap .sect_list.height_260 ul {
		padding:5vw;
	}
	.section_wrap .sect_list ul li {
		font-size:3.8vw;
		margin:3vw 0 0;
	}
	.section_wrap .section a.more {
		top:2.8vw;
		right:3vw;
		width:7vw;
	}
	.section_wrap .sect_icon.height_240 {
		min-height:38vw;
	}
	.section_wrap .sect_icon p {
		height:auto;
	}
	.section_wrap .sect_icon p .img img {
		height:30vw;
	}
	.section_wrap .sect_icon p a {
		height:10vw;
		line-height:10vw;
		font-size:4.2vw;
		margin:0 0 0 5vw;
	}
	.section_wrap .sect_icon p a span {
		margin:0 0 0 3vw;
	}
	.section_wrap .sect_icon p a span img {
		width:2vw;
	}

	/* banner */
	.banner_wrap {
		padding:10vw 4vw 12vw;
	}
	#content .banner_wrap .banner_list {
		margin:0 0 10vw;
	}
	.banner_wrap h3 {
		font-size:4.5vw;
		height:11vw;
		line-height:11vw;
		margin:0 0 5vw;
	}
	.banner_wrap .slide-item {
		text-align:center;
	}
	.banner_wrap .slide-item img {
		height:15vw;
	}
	.banner_wrap .swiper-button-prev, .banner_wrap .swiper-button-next {
		width:7vw;
		height:7vw;
		top:20vw;
	}
	.banner_wrap .swiper-button-prev {left:5vw;}
	.banner_wrap .swiper-button-next {right:5vw;}

	/* sub */
	#subvisual {
		height:50vw;
	}
	#subvisual:after, 
	#subvisual:before {
		width:20vw;
		z-index:10;
	}
	#subvisual p {
		justify-content:center;
		padding:0;
		font-size:5vw;
	}

	
	/* sub */
	.sub_wrap:after {display:none;}
	#left_menu {
		display:none;
	}
	.sub_cont .cont {
		width:100%;
		min-height:auto;
		padding:0 4vw 20vw;
	}
	.subtitle {
		height:auto;
		line-height:1;
		padding:6vw 0 4vw;
		border-bottom:1px solid #e7e7e7;
		margin:0 0 10vw;
		
	}
	.subtitle h3 {
		font-size:4.5vw;
	}
	.subtitle .path {
		font-size:3.2vw;
	}
	.subtitle .path span {
		margin:0 2vw;
		width:1.5vw;
	}
	.subtitle.longTitle {
		flex-wrap:wrap;
	}
	.subtitle.longTitle h3 {width:100%;}
	.subtitle.longTitle .path {
		width:100%;
		margin:5vw 0 0;
		justify-content:flex-end;
	}

	.ex-sample {
		height:50vw;
		margin:0 0 10vw;
	}

	/* 01_01 */
	.sub1_1 > p {
		font-size:3.4vw;
		margin:0 0 5vw;
		word-break:keep-all;
	}
	.sub1_1 > p br {display:none;}
	.sub1_1 .sign {
		margin:10vw 0 0;
	}
	.sub1_1 .sign p {
		font-size:4vw;
	}
	.sub1_1 .sign p strong {
		font-size:10vw;
		margin:0 0 0 3vw;
	}

	/* 01_02 */
	.sub1_2 > div {
		margin:0 0 10vw;
	}
	.sub1_2 h4 {
		font-size:4vw;
		margin:0 0 5vw;
	}
	.sub1_2 ul li {
		font-size:3.4vw;
		padding:0 0 0 5vw;
		word-break:keep-all;
		line-height:1.3;
	}
	.sub1_2 ul li:first-child {
		margin:0 0 1vw;
	}
	.sub1_2 ul li:after {
		left:2vw;
		top:1.6vw;
	}
	.sub1_2 .flex {
		gap:5vw 2vw;
	}
	.sub1_2 .flex p {
		font-size:3.4vw;
		width:48%;
		word-break:keep-all;
		line-height:1.3;
	}
	.sub1_2 .flex span {
		margin:0 0 2vw;
	}

	/* 01_03 */
	.sub1_3 ul {
		padding:0;
	}
	.sub1_3 ul:after {
		top:1.2vw;
		left:0.8vw;
		width:1px;
	}
	.sub1_3 ul li {
		font-size:3.4vw;
		margin:0 0 7vw;
	}
	.sub1_3 ul li strong {
		width:40vw;
		padding:0 0 0 5vw;
		line-height:1.3;
	}
	.sub1_3 ul li strong:after {
		top:1.2vw;
		width:1.7vw;
		height:1.7vw;
	}
	.sub1_3 ul li span {
		width:calc(100% - 40vw);
		line-height:1.3;
		word-break:keep-all;
	}

	/* 01_04 */
	.sub1_4 p {
		margin:0 0 8vw;
	}
	.sub1_4 ul {
		padding:0;
	}
	.sub1_4 ul li {
		font-size:3.4vw;
		line-height:1.3;
		padding:0 0 0 5vw;
		margin:1.2vw 0 0;
	}
	.sub1_4 ul li:first-child {margin:0;}
	.sub1_4 ul li:after {
		top:0.8vw;
		width:3vw;
		height:3vw;
	}

	/* 01_05 */
	.sub1_5 .flex {
		flex-wrap:wrap;
	}
	.sub1_5 .map {
		width:100%;
		height:70vw;
	}
	.sub1_5 .map_info {
		width:100%;
		padding:0;
		margin-top:2vw;
	}
	.sub1_5 .map_info .loca_icon {
		margin:0 0 1vw;
	}
	.sub1_5 .map_info .loca_icon img {
		max-width:15vw;
	}
	.sub1_5 .map_info h4 {
		font-size:4vw;
		margin:0 0 6vw;
	}
	.sub1_5 .map_info dt {
		font-size:3.4vw;
		margin:0 0 2vw;
	}
	.sub1_5 .map_info dd {
		font-size:3.4vw;
		margin:0 0 4vw;
	}

	/* 02_02 */
	.sub2_2 dl {
		margin:0 0 10vw;
	}
	.sub2_2 dt {
		font-size:4vw;
		margin:0 0 5vw;
	}
	.sub2_2 dd {
		font-size:3.4vw;
		padding:0 0 0 5vw;
		margin:0 0 5vw;
		word-break:keep-all;
	}
	.sub2_2 dd br {display:none;}
	.sub2_2 dd:after, .sub2_2 dd ul li:after {
		left:2vw;
		top:2vw;
	}
	.sub2_2 dd ul li {
		padding:0 0 0 3.5vw;
		margin:1vw 0 0;
		word-break:keep-all;
	}
	.sub2_2 dd ul li:after {
		left:1vw;
		top:2vw;
	}
	.sub2_2 dd ul li:first-child {margin:0;}

	/* 05_01 */
	.sub5_1 dt {
		font-size:4vw;
		margin:0 0 5vw;
	}
	.sub5_1 dd {
		padding:0 0 0 5vw;
		font-size:3.4vw;
		word-break:keep-all;
	}
	.sub5_1 dd:after, .sub5_1 dd ul li:after {
		left:2vw;
		top:2vw;
	}
	.sub5_1 dd span {
		display:inline;
		padding:0;
	}
	.sub5_1 dd.blue {
		margin:4vw 0;
	}
	.sub5_1 dd ul li {
		padding:0 0 0 5vw;
	}
	.sub5_1 a.downTxt {
		font-size:4vw;
		margin:7vw 0 0;
	}
	

	/* paginate */
	.pager {
		padding:10vw 0;
	}
	.pager .direction.prev {
		margin-right:3vw;
	}
	.pager .direction.next {
		margin-left:3vw;
	}
	.pager .pageBtn strong {
		font-size:3.2vw;
		margin:0 3vw;
	}
	.pager .pageBtn a {
		font-size:3.2vw;
		margin:0 3vw;
	}

	/* search */
	.search_zone .select_option {
		width:25vw;
		height:8vw;
		font-size:3vw;
		padding:0 0 0 3vw;
		line-height:10vw;
		margin:0 2vw 0 0;
		background-size:4vw;
	}
	.search_zone p {
		width:calc(100% - 25vw);
		height:10vw;
		padding:0 2vw 0 0;
	}
	.search_zone input[type="text"] {
		width:calc(100% - 8vw);
		padding:0 0 0 3vw;
		font-size:3vw;
		line-height:10vw;
	}
	.search_zone input::placeholder {
		font-size:3vw;
	} 
	.search_zone input[type="button"] {
		width:6vw;
		height:6vw;
		background-size:contain;
	}

	/* list */
	.board_list .board_table th {
		font-size:14px;
		padding:3vw 2vw;
	}
	.board_list .board_table td {
		font-size:14px;
		padding:3vw 2vw;
	}
	
	/* view */
	.board_Vtable thead th {
		font-size:3.4vw;
		padding:4vw;
	}
	.board_Vtable thead ul {
		padding:3vw 4vw;
	}
	.board_Vtable thead ul li {
		font-size:3vw;
	}
	.board_Vtable .board_content {
		font-size:3.2vw;
		min-height:60vw;
		padding:6vw 4vw;
	}
	.down_list a.file {
		padding:3vw 4vw;
	}
	.down_list a.file span {
		padding:0 0 0 6vw;
		line-height:1.5;
		font-size:3vw;
		background-size:3vw;
	}
	.work_bottom {
		padding:0 4vw;
		height:13vw;
	}
	.work_bottom a {
		font-size:3.3vw;
	}
	.work_bottom a.prev span {
		margin:0 4vw 0 0;
	}
	.work_bottom a.next span {
		margin:0 0 0 4vw;
	}
	/*.work_bottom a.prev span img,
	.work_bottom a.next span img {
		width:5vw;
	}*/

	.list_btn {
		margin:7vw 0 0;
	}
	.list_btn a {
		width:30vw;
		height:10vw;
		font-size:3.4vw;
		line-height:3;
	}
}