@charset "utf-8";

/* ALL */
.wrap {position: relative; display: block; width: 100%;}
.inner {position: relative; max-width: 1200px; width: 100%; margin: 0 auto; padding: .5rem 1.25rem;}
.swiper {width: 100%; height: 100%;}
.swiper-slide {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; z-index: 999; background: #fff;}
header .header_wrap {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 90px; margin: 0 auto; background: #fff;}
header .header_wrap .logo { height: 90px; }
header .header_wrap .logo a { height: 90px; display: block; padding: 13px; }
header .header_wrap .logo a img { height: 100%; }
header .header_wrap .gnb { height: 100%; }
header .header_wrap .gnb > ul {display: flex; height: 100%; }
header .header_wrap .gnb > ul > li { height: 100%; }
header .header_wrap .gnb > ul .mainMenu { line-height: 90px; }
header .header_wrap .gnb > ul > li:last-child {margin-right: 0;}
header .header_wrap .gnb > ul > li > a {display: block; font-family: "Tenada"; font-size: 20px; padding: 0 20px; }
header .header_wrap .gnb > ul > li > .snb {position: absolute; line-height: initial; top: -500px; left: 0; display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 250px; background-color: #e9edf7; background-repeat: no-repeat; background-position: bottom 0 left 30%; padding: 45px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; z-index: -1; transition: all 0.3s;}
header .header_wrap .gnb > ul > li > .snb.on {top: 100%;}
header .header_wrap .gnb > ul > li > .snb.s01 {background-image: url("/img/main/snb_bg01.png"); background-size: 250px;}
header .header_wrap .gnb > ul > li > .snb.s02 {background-image: url("/img/main/snb_bg02.png"); background-size: 250px;}
header .header_wrap .gnb > ul > li > .snb.s03 {background-image: url("/img/main/snb_bg03.png"); background-size: 230px;}
header .header_wrap .gnb > ul > li > .snb.s04 {background-image: url("/img/main/snb_bg04.png"); background-size: 300px;}
header .header_wrap .gnb > ul > li > .snb .snb_list {display: flex; justify-content: space-between;}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_left {width: 40%;}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_left .snb_txt {}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_left .snb_txt p {font-size: 28px; font-family: "Tenada";}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_right {width: calc(100% - 40%);}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_right > ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_right > ul > li {width: calc(100% / 3 - 10px); text-align: center; margin-bottom: 15px; margin-right: 15px;}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_right > ul > li:nth-child(3n) {margin-right: 0;}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_right > ul > li:nth-child(n+4) {margin-bottom: 0;}
header .header_wrap .gnb > ul > li > .snb .snb_list .snb_right > ul > li > a {display: block; font-size: 18px; font-family: "Tenada"; background: #fff; padding: 20px; border-radius: 15px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
header .header_wrap .mnb {display: none;}
header .header_wrap .mnb .mnb_ico {display: flex; justify-content: center; align-items: center; height: 87.19px; cursor: pointer;}
header .header_wrap .mnb .mnb_ico i {font-size: 30px;}
header .header_wrap .mnb .mnb_list {position: absolute; top: 100%; right: -100%; width: 100%; height: calc(100vh - 87.19px); background: #fff; transition: all 0.3s;}
header .header_wrap .mnb .mnb_list.on {right: 0;}
header .header_wrap .mnb .mnb_list ul {}
header .header_wrap .mnb .mnb_list ul li {border-bottom: 1px solid #ddd;}
header .header_wrap .mnb .mnb_list ul li:first-child {border-top: 1px solid #ddd;}
header .header_wrap .mnb .mnb_list ul li .mnb_cate {display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; cursor: pointer;}
header .header_wrap .mnb .mnb_list ul li .mnb_cate p {font-size: 20px; font-weight: 500;}
header .header_wrap .mnb .mnb_list ul li .mnb_cate p strong {font-size: 15px; font-weight: 400; color: #aaa; letter-spacing: 0.2rem; padding-left: 10px;}
header .header_wrap .mnb .mnb_list ul li .mnb_cate i {}
header .header_wrap .mnb .mnb_list ul li .mnb_menu {display: none; border-top: 1px solid #ddd; background: #f5f5f5; padding: 20px 30px;}
header .header_wrap .mnb .mnb_list ul li .mnb_menu a {position: relative; display: block; color: #aaa; margin-bottom: 20px; padding-left: 10px;}
header .header_wrap .mnb .mnb_list ul li .mnb_menu a::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #aaa;}
header .header_wrap .mnb .mnb_list ul li .mnb_menu a:last-child {margin-bottom: 0;}

@media all and (min-width: 1240px) {
	header .header_wrap {
		width: 1200px;
		margin: 0 auto;
	}
}
@media all and (min-width: 1024px) and (max-width: 1239px) {
	header .header_wrap {
		width: 100%;
	}
}

/* visual */
.visual { margin-top: 90px; }
@media all and (max-width: 992px) {
	.mainBanner { height: 300px; }
	.mainBanner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* quick */
.quick {padding: 50px 0;}
.quick .quick_list {display: flex; justify-content: space-between;}
.quick .quick_list .quick_box {width: calc(100% / 2 - 20px); border: 1px solid #ddd; border-radius: 30px; transition: all 0.3s;}
.quick .quick_list .quick_box:hover {transform: translateY(-5px); background: #e9edf7;}
.quick .quick_list .quick_box:last-child:hover {background: #e6f3e6;}
.quick .quick_list .quick_box a {display: flex; justify-content: space-between; align-items: center; padding: 20px 30px;}
.quick .quick_list .quick_box a .quick_img {width: 120px;}
.quick .quick_list .quick_box a .quick_img img {width: 100%;}
.quick .quick_list .quick_box a .quick_txt {width: calc(100% - 160px);}
.quick .quick_list .quick_box a .quick_txt h2 {font-family: "Tenada"; font-size: 28px; margin-bottom: 5px;}
.quick .quick_list .quick_box a .quick_txt p {margin-bottom: 20px;}
.quick .quick_list .quick_box a .quick_txt span {display: inline-block; color: #fff; padding: 8px 16px; border-radius: 5px; background: #2149a6;}
.quick .quick_list .quick_box:last-child a .quick_txt span {background: #008000;}

/* sec01 */
.sec01 {margin: 80px 0 15%;}
.sec01 .sec01_title {text-align: center;}
.sec01 .sec01_title h2 {position: relative; display: inline-block; font-family: "Tenada"; font-size: 48px; color: #fff; -webkit-text-stroke: 2px #2149a6; text-shadow: 2px 2px 0 #2149a6; margin-bottom: 20px;}
.sec01 .sec01_title h2::before {content: ''; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); display: block; width: 130%; height: 30px; background: url("/img/main/sec01_title_bg01.png") no-repeat center; background-size: cover;}
.sec01 .sec01_title h2::after {content: ''; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: block; width: 110%; height: 15px; background: #ff0; z-index: -1;}
.sec01 .sec01_title p {font-family: "Tenada"; font-size: 20px;}
.sec01 .sec01_cate {margin: 30px 0;}
.sec01 .sec01_cate ul {display: flex; justify-content: center; align-items: center;}
.sec01 .sec01_cate ul li {margin: 0 8px;}
.sec01 .sec01_cate ul li button {font-size: 20px; padding: 10px 20px; border-radius: 30px; color: #aaa; cursor: pointer;}
.sec01 .sec01_cate ul li.on button {color: #fff; background: #2149a6;}
.sec01 .sec01_list {}
.sec01 .sec01_list .sec01_banner {}
.sec01 .sec01_list .sec01_banner .sec01_slide {}
.sec01 .sec01_list .sec01_banner .sec01_slide .swiper-slide {border-radius: 30px; border: 3px solid #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sec01 .sec01_list .sec01_banner .sec01_slide .swiper-slide a {display: block;}
.sec01 .sec01_list .sec01_banner .sec01_slide .swiper-slide a img {opacity: 0.7; transition: all 0.3s;}
.sec01 .sec01_list .sec01_banner .sec01_slide .swiper-slide:hover a img {opacity: 1; transform: scale(1.1);}

/* sec02 */
.sec02 {}
.sec02 .sec02_title {position: relative;}
.sec02 .sec02_title h2 {position: absolute; top: -6rem; left: 15%; margin-bottom: 1.25rem; transform: rotate(-7.001deg); font-family: "Tenada"; font-size: 32px; color: #2149a6;}
.sec02 .sec02_title h2::before {width: 23rem; height: 8.6rem; content: ''; background-image: url("/img/main/sec02_title_bg01.png"); background-size: 100%; position: absolute; left: -4rem; top: -5.5rem;}
.sec02 .sec02_title h2 strong {font-family: "Tenada"; font-size: 48px;    color: #fff; -webkit-text-stroke: 2px #df2d5a; text-shadow: 2px 2px 0 #df2d5a;}
.sec02 .sec02_title p {position: absolute; top: -4rem; right: 2%; transform: rotate(7.001deg); color: #454545;}
.sec02 .sec02_box {position: relative; display: flex; justify-content: space-between; align-items: flex-end; padding: 40px 20px 0; border-left: 3px solid #2149a6; border-right: 3px solid #2149a6; background-image: url("/img/main/sec02_bg.png"); background-repeat: no-repeat; background-position: bottom 0 left 25px; background-size: contain;}
.sec02 .sec02_box::before {content: ''; position: absolute; top: -4.6rem; left: 50%; transform: translateX(-50%); width: 100.5%; height: 5rem; background: url("/img/main/sec02_title_bg02.png") no-repeat center; background-size: cover;}
.sec02 .sec02_box .sec02_left {width: 23%;}
.sec02 .sec02_box .sec02_left .sec02_link {text-align: center; margin-bottom: 10px;}
.sec02 .sec02_box .sec02_left .sec02_link:last-child {margin-bottom: 0;}
.sec02 .sec02_box .sec02_left .sec02_link a {display: block; background: #2149a6; color: #fff; font-weight: 700; border-radius: 15px; padding: 10px;}
/* .sec02 .sec02_box .sec02_left .sec02_link:first-child a {background: rgba(255, 255, 255, 0.7); color: #2149a6; border: 1px solid #2149a6;} */
.sec02 .sec02_box .sec02_right {width: calc(77% - 30px);}
.sec02 .sec02_box .sec02_right .sec02_list {}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide {}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_img {width: 25%; border-radius: 30px; overflow: hidden;}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_img img {}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt {width: calc(70% - 30px);}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt h2 {font-size: 20px;}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul {display: flex;  align-items: flex-start; }
/* .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li {
	width: calc(100% / 3); display: flex; } */
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt .mainpp { font-weight: 900; margin-top: 20px; margin-bottom: 10px; }
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt p { font-weight: 700; }
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul.time { width: 100%; margin-top: 20px;  }
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul.time li { width: 50%; }
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul.contact { display: flex; }
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul.contact li { width: 50%; }
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li:last-child {border-right: 0;}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li p {font-weight: 900; margin-bottom: 8px;}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li span {display: flex; align-items: center;}
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li span strong {width: 35%; font-weight: 700; color: #454545;}

/* sec03 */
.sec03 {margin: 8% 0;}
.sec03 .sec03_box {display: flex; justify-content: space-between; align-items: normal;}
.sec03 .sec03_box .sec03_left {width: 70%;}
.sec03 .sec03_box .sec03_left .sec03_title {position: relative; text-align: center; margin-bottom: 20px;}
.sec03 .sec03_box .sec03_left .sec03_title h2 {position: relative; display: inline-block; font-family: "Tenada"; font-size: 48px; color: #fff; -webkit-text-stroke: 2px #2149a6; text-shadow: 2px 2px 0 #2149a6;}
.sec03 .sec03_box .sec03_left .sec03_title h2::before {width: 2.4rem; height: 2.4rem; background-image: url("/img/main/sec03_title_bg01.png"); background-size: 100%; background-repeat: no-repeat; content: ''; position: absolute; right: -12%; z-index: -1; top: -80%;}
.sec03 .sec03_box .sec03_left .sec03_title a {position: absolute; right: 10px; bottom: 0; color: #2149a6; font-weight: 500;}
.sec03 .sec03_box .sec03_left .sec03_board {border: 3px dotted #000; border-radius: 30px; background: #fff;}
.sec03 .sec03_box .sec03_left .sec03_board ul {}
.sec03 .sec03_box .sec03_left .sec03_board ul li {padding: 20px; border-bottom: 1px solid #ddd;}
.sec03 .sec03_box .sec03_left .sec03_board ul li:last-child {border-bottom: 0;}
.sec03 .sec03_box .sec03_left .sec03_board ul li a {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_date {width: 10%; text-align: center;}
.sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_date p {font-size: 20px; font-weight: 700; color: #2149a6;}
.sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_date span {color: #aaa; white-space: nowrap;}
.sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_notice {width: calc(90% - 20px);}
.sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_notice p {font-size: 20px; font-weight: 700; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_notice span {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #454545;}
.sec03 .sec03_box .sec03_right {width: calc(30% - 30px);}
.sec03 .sec03_box .sec03_right .sec03_banner {position: relative; border: 2px solid #000; border-radius: 30px; background: #f9f9f9;top:70px;}
.sec03 .sec03_box .sec03_right .sec03_banner::before {width: 9.4rem; height: 3.5rem; position: absolute; content: ''; background-image: url("/img/main/sec03_banner_bg01.png"); background-size: 100%; background-repeat: no-repeat; left: 50%; transform: translate(-50%, -50%); top: -30px;}
.sec03 .sec03_box .sec03_right .sec03_banner a {position: relative; display: block; width: 100%; padding: 30px; overflow: hidden; border-radius: 25px;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info {}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info h2 {font-size: 18px; margin: 40px 0; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 43.18px;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info p {font-size: 14px; color: #666; margin-bottom: 30px;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info p strong {display: block; font-weight: 500; color: #df2d5a;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info span {display: flex; justify-content: space-between;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info span strong {font-size: 15px; font-weight: 500; padding: 7px 15px;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info span strong:first-child {background: #e9edf7; color: #2149a6; border-radius: 5px;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_info span strong:last-child {background: #4b4b4b; color: #fff;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_desc {position: absolute; bottom: -100%; left: 50%; transform: translateX(-50%); width: calc(100% + 10px); transition: all 0.3s; padding: 20px; background: rgba(29, 59, 84, 0.8);}
.sec03 .sec03_box .sec03_right .sec03_banner a:hover .sec03_desc {bottom: 0;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_desc p {color: #fff; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_img {border-radius: 30px; overflow: hidden; margin-bottom: 20px;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_img img {width: 100%; height: 100%; max-height: 190px; object-fit: cover; object-position: center;}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_subject {}
.sec03 .sec03_box .sec03_right .sec03_banner a .sec03_subject p {font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* sec04 */
.sec04 {margin-bottom: 8%;}
.sec04 .sec04_title {text-align: center; margin-bottom: 20px;}
.sec04 .sec04_title h2 {font-size: 32px; font-family: "Tenada"; color: #2149a6;}
.sec04 .sec04_title h2 strong {font-size: 48px; color: #fff; -webkit-text-stroke: 2px #df2d5a; text-shadow: 2px 2px 0 #df2d5a;}
.sec04 .sec04_sns {}
.sec04 .sec04_sns ul {display: flex; justify-content: center;}
.sec04 .sec04_sns ul li {margin-right: 20px;}
.sec04 .sec04_sns ul li:last-child {margin-right: 0;}
.sec04 .sec04_sns ul li a {display: block;}
.sec04 .sec04_sns ul li a img {max-height: 30px; height: 100%;}
.sec04 .sec04_banner {margin-top: 30px;}
.sec04 .sec04_banner ul {display: flex; align-items: center; flex-wrap: wrap;}
.sec04 .sec04_banner ul li {width: calc(100% / 4 - 15px); margin-top: 20px; margin-right: 20px;}
.sec04 .sec04_banner ul li:nth-child(4n) {margin-right: 0;}
.sec04 .sec04_banner ul li:nth-child(-n + 4) {margin-top: 0;}
.sec04 .sec04_banner ul li a {display: block;}
.sec04 .sec04_banner ul li a .sec04_img {position: relative; padding-top: 100%; border-radius: 15px; overflow: hidden;}
.sec04 .sec04_banner ul li a .sec04_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s; width: 100%; height: 100%; object-fit: cover;}
.sec04 .sec04_banner ul li:hover .sec04_img img {transform: translate(-50%, -50%) scale(1.1);}
.sec04 .sec04_banner ul li a .sec04_txt {margin-top: 15px;}
.sec04 .sec04_banner ul li a .sec04_txt p {font-size: 20px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px;}
.sec04 .sec04_banner ul li a .sec04_txt span {color: #666;}

@media all and (max-width: 1024px) { .sec04 .sec04_banner ul li { width: 
calc(100% / 3 - 15px); } .sec04 .sec04_banner ul li:nth-child(3n) { 
margin-right: 0; } .sec04 .sec04_banner ul li:nth-child(4n) { margin-right: 
20px; } .sec04 .sec04_banner ul li:nth-child(-n + 3) { margin-top: 0; } .sec04 
.sec04_banner ul li:nth-child(-n + 4) { margin-top: 20px; } }

@media all and (max-width: 768px) {
	.sec04 .sec04_banner ul li { width: calc(100% / 2 - 10px); }
	.sec04 .sec04_banner ul li:nth-child(2n) { margin-right: 0; } 
	.sec04 .sec04_banner ul li:nth-child(3n) { margin-right: 20px; } 
	.sec04 .sec04_banner ul li:nth-child(6) { margin-right: 0; }
}

@media all and (max-width: 500px) {
	.sec04 .sec04_banner ul li { width: 100%; margin-right: 0; }
	.sec04 .sec04_banner ul li:nth-child(3n) { margin-right: 0; }
}


/* footer */
footer {background: #f9f9f9; padding: 30px 0; border-top: 1px solid #eee;}
footer .footer_wrap {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
footer .footer_wrap .f_logo {max-width: 130px;}
footer .footer_wrap .f_logo img {}
footer .footer_wrap .f_info {width: calc(100% - 285px);}
footer .footer_wrap .f_info ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
footer .footer_wrap .f_info ul li {display: flex; width: calc(100% / 2 - 10px); margin-bottom: 5px;}
footer .footer_wrap .f_info ul li p {width: 20%; font-weight: 700; color: #757575; min-width: 85px; }
footer .footer_wrap .f_info ul li span {color: #757575;}
footer .footer_wrap .f_info ul .address { width: 100%; }
footer .footer_wrap .f_info ul .address p { width: 85px; }
footer .footer_wrap .f_info ul .address span { line-height: 20px; }
footer .footer_wrap .f_copy {width: 100%; text-align: center; margin-top: 15px; 
	display: flex;
	justify-content: center;
	align-items: center;
    gap: 10px
}
footer .footer_wrap .f_copy p {color: #757575;}
footer .footer_wrap .f_copy .admin-lock { width: 25px; cursor: pointer; } 
/* media Query */
@media screen and (max-width: 1200px) {
    .sec04 .sec04_banner::before {max-width: 400px; max-height: 558px;}
    .sec04 .sec04_banner .sec04_slide {padding-top: 180px;}
}

@media screen and (max-width: 1024px) {
    header .header_wrap {padding: 0 20px;}
    header .header_wrap .logo a {width: 100%; height: 100%; padding: 13px 0; }
    header .header_wrap .gnb {display: none;}
    header .header_wrap .mnb {display: block;}
    .quick .quick_list {flex-wrap: wrap;}
    .quick .quick_list .quick_box {width: 100%;}
    .quick .quick_list .quick_box:last-child {margin-top: 30px;}
    .sec01 {margin: 0 0 20%;}
    .sec02 .sec02_title p {top: -5rem; right: 0%;}
    .sec02 .sec02_box {flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; align-items: center; background: none; border-bottom: 3px solid #2149a6; padding-bottom: 30px; border-radius: 0 0 30px 30px;}
    .sec02 .sec02_box::before {top: -3.9rem;}
    .sec02 .sec02_box .sec02_left {width: auto; display: flex; justify-content: center; align-items: center;}
    .sec02 .sec02_box .sec02_left .sec02_link {margin-bottom: 0; margin-right: 10px;}
    .sec02 .sec02_box .sec02_left .sec02_link:last-child {margin-right: 0;}
    .sec02 .sec02_box .sec02_left .sec02_link a {padding: 10px 15px;}
    .sec02 .sec02_box .sec02_right {width: 100%; margin-bottom: 25px;}
    .sec03 {margin: 10% 0;}
    .sec03 .sec03_box {justify-content: center; align-items: center;}
    .sec03 .sec03_box .sec03_left {width: 100%;}
    .sec03 .sec03_box .sec03_right {display: none;}
    .sec04 .sec04_banner::before {content: none;}
    .sec04 .sec04_banner {height: auto;}
    .sec04 .sec04_banner .sec04_slide {padding-top: 0;}
    footer .footer_wrap {justify-content: center;}
    footer .footer_wrap .f_info {width: 100%; margin-top: 30px;}
}

@media screen and (max-width: 768px) {
    .sec01 .sec01_cate ul li button {font-size: 18px;}
    .sec02 .sec02_title h2 {left: 50%; transform: rotate(0) translateX(-50%);}
    .sec02 .sec02_title p {display: none;}
    .sec02 .sec02_box::before {content: none;}
    .sec02 .sec02_box {border: 3px solid #2149a6; border-radius: 30px; padding: 30px;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a {flex-wrap: wrap; justify-content: center;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt {width: 100%; text-align: center; margin-top: 30px;}
    footer .footer_wrap .f_logo {max-width: 150px;}
    footer .footer_wrap .f_info ul {flex-wrap: wrap;}
    footer .footer_wrap .f_info ul li {
		width: 100%; 
		/* justify-content: center; */
	}
    footer .footer_wrap .f_info ul li p {width: auto; margin-right: 20px;}
}

@media screen and (max-width: 500px) {
    .quick .quick_list .quick_box a .quick_img {width: 80px;}
    .quick .quick_list .quick_box a .quick_txt {width: calc(100% - 100px);}
    .quick .quick_list .quick_box a .quick_txt h2 {font-size: 20px;}
    .quick .quick_list .quick_box a .quick_txt p {font-size: 15px; word-break: keep-all;}
    .quick .quick_list .quick_box a .quick_txt span {font-size: 15px;}
    .sec01 {margin-bottom: 130px;}
    .sec01 .sec01_title h2 {font-size: 36px; -webkit-text-stroke: 1px #2149a6; margin-bottom: 15px;}
    .sec01 .sec01_title h2::before {height: 20px;}
    .sec01 .sec01_title p {font-size: 16px;}
    .sec01 .sec01_cate ul {flex-wrap: wrap; justify-content: space-between;}
    .sec01 .sec01_cate ul li {width: calc(100% / 3); margin: 0; text-align: center;}
    .sec01 .sec01_cate ul li:nth-child(n+4) {margin-top: 10px;}
    .sec01 .sec01_cate ul li button {font-size: 16px;}
    .sec02 .sec02_title h2 {text-align: center; white-space: nowrap; margin-bottom: 0; top: -4rem;}
    .sec02 .sec02_title h2::before {content: none;}
    .sec02 .sec02_title h2 strong {font-size: 36px; -webkit-text-stroke: 1px #df2d5a;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_img {width: 100%;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul {flex-wrap: wrap; justify-content: center;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li {width: 100%; margin-bottom: 20px;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li:last-child {margin-bottom: 0;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li span {font-size: 15px;}
    .sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt h2 {font-size: 18px;}


	.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul { flex-direction: column; align-items: center; }
	.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul.time li,
	.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul.contact li { width: 100%; }

    .sec03 {margin: 80px 0 60px;}
    .sec03 .sec03_box .sec03_left .sec03_title h2 {font-size: 36px; -webkit-text-stroke: 1px #2149a6;}
    .sec03 .sec03_box .sec03_left .sec03_title h2::before {right: -17%; top: -100%;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a {flex-wrap: wrap; flex-direction: column-reverse;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_notice {width: 100%; margin-bottom: 15px;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_notice p {font-size: 18px;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_notice span {font-size: 15px;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_date {width: auto;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_date p {display: none;}
    .sec03 .sec03_box .sec03_left .sec03_board ul li a .sec03_date span {font-size: 15px;}
    .sec04 {margin-bottom: 80px;}
    .sec04 .sec04_title h2 strong {font-size: 36px; -webkit-text-stroke: 1px #df2d5a;}
    footer .footer_wrap .f_logo {width: 100px;}
    footer .footer_wrap .f_info ul li {justify-content: flex-start;}
    footer .footer_wrap .f_info ul li p {font-size: 14px; white-space: nowrap;}
    footer .footer_wrap .f_info ul li span {font-size: 14px;}
    footer .footer_wrap .f_copy p {font-size: 14px;}
}

@media screen and (max-width: 375px) {
.sec02 .sec02_box .sec02_right .sec02_list .sec02_slide a .sec02_txt ul li span {     flex-direction: column; }
}