#wrap {position:relative; overflow:hidden;}
#main {color:#000; word-break:keep-all;}

#main_pop {position:absolute; top:10rem; left:10rem; z-index:100; max-width:100%;}
#main_pop .pop_up {display:none; position:absolute; top:0;}
#main_pop .pbox {overflow:hidden; background:#fff;}
#main_pop img {max-width:100%;}
#main_pop .pop_footer {display:flex; justify-content:space-between; align-items:center; height:30px; padding:0 20px; font-size:11px; color:#fff; font-family:'맑은고딕','돋움', sans-serif; background:#000;}
@media (max-width:1600px){
	#main_pop {left:4%; width:92%;}
}
@media (max-width:1280px){
	#main_pop {position:static; top:auto; left:auto; max-width:none;}
	#main_pop .pop_up {position:absolute; top:70px; left:4% !important; z-index:10; max-width:92%; height:auto !important;}
	#main_pop .pop_up .pbox {height:auto !important;}
}



#section1 {display:flex; align-items:center; height:100vh; font-family: 'JoseonShinmyeongjo',serif; color:#fff; text-align:center; word-break:keep-all; background:#0097d5;}
#section1 img {display:block; margin:auto; max-width:32.4rem;}
#section1 .t1 {margin-top:3.5rem; font-size:6.5rem;}
#section1 .t2 {margin-top:3rem; font-size:4.5rem;}
@media (min-width:1024.1px){
	#section1 .t1,
	#section1 .t2 {opacity:0;}	
}
@media (max-width:1024px){
	#section1 .t1 {font-size:3.6rem;}
	#section1 .t2 {margin-top:2rem; font-size:3.1rem;}
}

#section2 {position:relative; z-index:2; text-align:center; height:100vh; background:#0097d5;}
#section2 .txt {position:absolute; top:50%; left:0; right:0; margin-top:-8rem;}
#section2 .t1 {position:relative;}
#section2 .t1 span {display:block; width:64.9rem; height:15.7rem; margin:auto; background:url('../images/main/section2_t1.png') no-repeat center/contain;}
#section2 .t1 span.line {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:url('../images/main/section2_t1_line.png') no-repeat center/contain;}
#section2 .t2 {position:relative; margin-top:10rem; font-family:'GmarketSans',sans-serif; font-size:3rem; font-weight:500; color:#fff;}
#section2 .t3 {position:relative; margin-top:1.5rem; font-family:'GmarketSans',sans-serif; font-size:7rem; font-weight:700; color:#ff7f39;}
#section2 .t4 {position:relative; margin-top:2rem; font-family:'GmarketSans',sans-serif; font-size:4rem; font-weight:300; color:#fff;}
#section2 .t5 {position:relative; }
@media (min-width:1024.1px){
	#section2 .t2,
	#section2 .t3,
	#section2 .t4,
	#section2 .t5 {opacity:0;}
}
@media (max-width:1024px){
	#section2 {height:auto; padding-bottom:16rem;}
	#section2 .txt {position:relative; top:auto; margin:0;}
	#section2 .t1 span {width:38.9rem; height:9.42rem; opacity:0;}
	#section2 .t1 span.line {opacity:1;}
	#section2 .t2 {font-size:2.1rem;}
	#section2 .t3 {font-size:4.9rem;}
	#section2 .t4 {font-size:3rem;}
}

.mbtn {display:inline-block; margin-top:4rem; padding:0.4rem 4rem 0; border:2px solid #ff7f39; border-radius:3rem; font-family:'GmarketSans',sans-serif; font-size:2.5rem; font-weight:300; color:#fff; line-height:4.5rem; transition:all 0.4s;}
.mbtn:hover {color:#fff; background:#ef5400;}
.mbtn.type2 {color:#ef5400;}
.mbtn.type2:hover {color:#fff;}

#section3 {position:relative; z-index:3; background:#000;}
#section3 .pond {position:relative; padding-bottom:21.4%; background:url('../images/main/section2_pond.jpg') no-repeat center/cover;}
#section3 .pond .hole {position:absolute; top:0; left:29.73%; right:0; bottom:0; width:42.18%; margin-top:3.75%; background:url('../images/main/section2_hole.png') no-repeat center/contain;}
#section3 .pond .hole::before {display:block; padding-bottom:38.27%; content:'';}
#section3 .rod {position:absolute; top:-39rem; right:0; z-index:3; width:64.7rem; height:39rem; background:url('../images/main/section2_rod.png') no-repeat center/contain;}
#section3 .fish {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/main/section2_fish.png') no-repeat center/contain;}
#section3 .rod {animation: rodSwing 2.6s ease-in-out infinite alternate; transform-origin:  100% 70%;}
#section3 .fish {animation: fishMove 3.2s ease-in-out infinite alternate; transform-origin: 71.8% 6.923%;}
@media (max-width:1024px){
	#section3 .pond {padding-bottom:40%;}
	#section3 .pond .hole {left:14%; width:80%;}
	#section3 .rod {top:-30rem; width:34.7rem;}
}
@keyframes rodSwing {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-15deg);
    }
}
@keyframes fishMove {
    0% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}

.swiper-button-prev::after,
.swiper-button-next::after {display:none;}


#section4 {padding:18rem 0 9rem; font-family:'GmarketSans',sans-serif; color:#fff; background:url('../images/main/section4_bg.jpg') no-repeat center/cover;}
#section4 .top h3 {font-size:5rem; font-weight:500;}
#section4 .top .st {margin-top:1.3rem; font-size:1.8rem; font-weight:300;}
#section4 .cbox {display:flex; justify-content:space-between; margin-top:2.5rem;}
#section4 .mbox {position:relative; overflow:hidden; width:73.2%; border-radius:5rem; background:#000;}
#section4 .mbox::before {display:block; padding-bottom:56.25%; content:'';}
#section4 .mbox iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
#thumb_swiper {position:relative; width:23.26%;}
#thumb_swiper .swiper-container {height:61.8rem;}
#thumb_swiper .swiper-slide {overflow:hidden; height:19.7rem; border-radius:5rem; background:#000;}
#thumb_swiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
#thumb_swiper .swiper-slide a {display:block; position:relative;}
#thumb_swiper .swiper-slide a::after {position:absolute; top:50%; left:50%; width:5.5rem; height:3.8rem; margin:-1.9rem -2.8rem; background:url('../images/main/icon_youtube.png') no-repeat center/contain; content:'';}
#thumb_swiper .swiper-button-prev,
#thumb_swiper .swiper-button-next {left:50%; right:auto; width:5.8rem; height:5.8rem; margin:-2.9rem; background:url('../images/main/swiper_arr.png') no-repeat center/contain;}
#thumb_swiper .swiper-button-prev {top:0;}
#thumb_swiper .swiper-button-next {bottom:0; top:auto; transform:rotate(180deg);}
#section4 .bcont {display:flex; align-items:flex-end; padding-left:6rem; margin-top:7rem;}
#section4 .bcont > div {flex:1; min-width:0; font-size:2rem; font-weight:500;}
#section4 .bcont .tit {margin-bottom:1.5rem; font-size:4rem; font-weight:500;}
@media (max-width:1024px){
	#section4 .top h3 {font-size:3.3rem;}
	#section4 .cbox {flex-direction:column; gap:2rem;}
	#section4 .mbox {width:100%;}
	#thumb_swiper {width:100%;}
	#thumb_swiper .swiper-container {height:auto; margin:0 2rem;}
	#thumb_swiper .swiper-slide {height:auto; border-radius:3rem;}
	#thumb_swiper .swiper-slide a::after {transform:scale(0.7);}
	#thumb_swiper .swiper-button-prev,
	#thumb_swiper .swiper-button-next {width:3.5rem; height:3.5rem; margin:-1.7rem 0;}
	#thumb_swiper .swiper-button-prev {left:0; top:50%; transform:rotate(-90deg);}
	#thumb_swiper .swiper-button-next {right:0; left:auto; top:50%; bottom:auto; transform:rotate(90deg);}
	
	#section4 .bcont {flex-direction:column; align-items:center; gap:3rem; padding-left:2rem; text-align:left;}
	#section4 .bcont > div {width:100%;}
}


#section5 {overflow:hidden; padding:20rem 0 22rem; font-family:'GmarketSans',sans-serif; color:#fff; text-align:center; background:url('../images/main/section5_bg.jpg') no-repeat center/cover;}
#section5 .icon_calendar {display:block; width:7.7rem; height:7.6rem; margin:auto; background:url('../images/main/icon_calendar.png') no-repeat center/contain;}
#section5 .t1 {display:flex; align-items:center; justify-content:center; gap:0.8rem; margin-top:2.5rem; font-size:2.6rem; font-weight:500;}
#section5 .t1::before,
#section5 .t1::after {width:6.7rem; height:1px; background:#fff; content:'';}
#section5 .t2 {margin-top:2.8rem; font-size:12.5rem; font-weight:300;}
#section5 .t3 {font-size:7rem; font-weight:300;}
#section5 .t4 {margin-top:5rem; font-size:7rem; font-weight:500;}
#section5 .t5 {margin-top:3rem; font-size:3rem; font-weight:300;}
@media (max-width:1024px){
	#section5 {padding:15rem 0;}
	#section5 .icon_calendar {width:6rem; height:6rem;}
	#section5 .t1  {font-size:2.3rem;}
	#section5 .t1::before,
	#section5 .t1::after {width:5rem;}
	#section5 .t2 {font-size:8.7rem;}
	#section5 .t3 {font-size:4.9rem;}
	#section5 .t4 {font-size:4.9rem;}
	#section5 .t5 {font-size:2.1rem;}
}

#section6 {padding:20rem 0; text-align:center; font-family:'GmarketSans',sans-serif;}
#section6 .t1 {font-family:'SchoolSafeAutumnTrip',serif; color:#ef5400; font-size:6rem;}
#section6 .t2 {margin-top:1.2rem; font-size:3rem; font-weight:300;}
#section6 h3 {margin-top:3rem; font-size:8.7rem; font-weight:700;}
#section6 .img {height:100vh; width:20%; margin:2rem auto 0; background:url('../images/main/section6_img.jpg') no-repeat center/cover;}
#section6 .bottom {display:flex; flex-wrap:wrap; gap:2rem; margin-top:4rem; font-size:2.5rem; justify-content:center; font-weight:500;}
@media (max-width:1024px){
	#section6 {padding:15rem 0 20rem;}
	#section6 .t1 {font-size:4.2rem;}
	#section6 .t2 {font-size:2.1rem;}
	#section6 h3 {font-size:5.2rem;}
	#section6 .img {border-radius:5rem; transition:all 1s;}
	#section6.active .img {width:100%; border-radius:0;}
}


#section7 {padding-bottom:6rem; font-family:'GmarketSans',sans-serif;}
#section7 .container {max-width:1720px;}
#section7 .top {display:flex; flex-wrap:wrap; align-items:flex-end; max-width:1500px; margin:auto; gap:3rem 3rem;}
#section7 h3 {color:#ef5400; font-size:7rem; font-weight:500;}
#section7 h3 span {display:block; margin-top:1rem; font-size:.571em;}
#section7 .mbtn {position:relative; bottom:1.5rem; color:#ef5400;}
#section7 .mbtn:hover {color:#fff;}
#section7 .controls {display:flex; align-items:center; justify-content:right; gap:3rem; margin:9rem 0 4rem;}
#section7 .cur_page,
#section7 .total_page {font-size:2.5rem; color:#d9d9d9; font-weight:500;}
#section7 .cur_page {color:#ef5400;}
#section7 .swiper-button-prev,
#section7 .swiper-button-next {position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; padding:0; width:2.2rem; height:1.1rem; background:url('../images/main/swiper_arr2.png') no-repeat center/contain;}
#section7 .swiper-button-prev {transform:rotate(180deg);}
#section7 .page {display:flex; align-items:center; gap:2rem;}
#section7 .swiper-pagination {position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; padding:0; width:27rem; height:1px; background:#d9d9d9;}
#section7 .swiper-pagination .swiper-pagination-progressbar-fill {background:#ef5400;}
#section7 .count_wrap {display:flex; width:100%; margin-top:4.5rem;}
#section7 .count_wrap .count:nth-child(1),
#section7 .count_wrap .count:nth-child(4) {width:20%;}
#section7 .count_wrap .count:nth-child(4) {text-align:right;}
#section7 .count_wrap .count:nth-child(2),
#section7 .count_wrap .count:nth-child(3) {width:30%;}
#section7 .count_wrap .count {position:relative; text-align:center; font-size:2.1rem; font-weight:500;}
#section7 .count_wrap .count+.count::before {position:absolute; top:50%; left:0; width:1px; height:8.8rem; margin-top:-4.4rem; background:#ef5400; content:'';}
#section7 .count_wrap .count > div {display:inline-block; text-align:left;}
#section7 .count_wrap .count strong {font-size:5.5rem; font-weight:500;}
#section7 .count_wrap .count i {margin:0 0.5rem; font-size:5.5rem; font-weight:500; font-style:normal;}
#section7 .count_wrap .count p {margin-top:1.5rem;}
#section7 .swiper-container {margin-right:-50%;}
#section7 .swiper-slide {width:51rem;}
#section7 .swiper-slide .inbox {width:45.7rem;}
#section7 .swiper-slide .img {position:relative; padding-bottom:80.087%;}
#section7 .swiper-slide .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
#section7 .swiper-slide .tit {overflow:hidden; margin-top:1.5rem; font-size:2.5rem; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
@media (max-width:1024px){
	#section7 .top {gap:0;}
	#section7 h3 {width:100%; font-size:4.2rem;}
	#section7 .count_wrap {flex-direction:column;}
	#section7 .count_wrap .count {position:relative; width:100% !important; padding:3rem 2rem; text-align:right; border-bottom:1px solid #ef5400;}
	#section7 .count_wrap .count+.count {}
	#section7 .count_wrap .count+.count::before {display:none;}
	#section7 .count_wrap .count strong {font-size:4rem;}
	#section7 .count_wrap .count p {position:absolute; top:50%; left:2rem; margin:-1rem 0;}
	#section7 .count_wrap .count i {font-size:4rem;}
	
	#section7 .swiper-slide {width:45rem;}
	#section7 .swiper-slide .inbox {width:41.7rem;}
}



.mtit {font-family:'GmarketSans',sans-serif;}
.mtit > span {display:block; font-size:2.5rem; color:#ef5400; font-weight:500;}
.mtit h3 {margin-top:1rem; font-size:6rem; font-weight:500;}
.mtit h3 span {color:#ff7f39;}
@media (max-width:1024px){
	.mtit > span {font-size:2rem;}
	.mtit h3 {font-size:4.2rem;}
}

#section8 {position:relative; height:100vh; text-align:center; font-family:'GmarketSans',sans-serif;}
#section8 .mtit {position:absolute; top:12.5rem; left:0; right:0;}
#section8 .img {position:absolute; z-index:3; top:50%; left:50%; width:20%; height:100%; transform: translate(-50%, -50%); margin:auto; background:url('../images/main/section8_map.jpg') no-repeat center/cover;}
#section8 .txt {position:absolute; top:50%; left:0; right:0; z-index:11; transform:translateY(-50%); color:#fff;}
#section8 .txt > span {display:block; font-size:3rem; text-shadow:0.5rem 0.2rem 1.5rem rgba(0,0,0,0.5);}
#section8 .txt > strong {display:block; margin:1rem 0 2.5rem; font-size:7rem; font-weight:500; text-shadow:0.5rem 0.2rem 1.5rem rgba(0,0,0,0.8);}
#section8 .txt i {display:block; width:7.8rem; height:7.9rem; margin:auto; background:url('../images/main/icon_plus.png') no-repeat center/contain;}
#section8 a {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,0.7); opacity:0; pointer-events: none; transition:opacity 0.4s;}
#section8 a.active {pointer-events:auto;}
#section8 a.active:hover {opacity:1;}
@media (max-width:1024px){
	#section8 .img {height:30%; transition:all 1s;}
	#section8.active .img {width:100%; height:100%;}
	#section8.active a {opacity:1; transition:all 0.6s 1s;}
	#section8 .txt > span {font-size:2.1rem;}
	#section8 .txt > strong {font-size:4.9rem;}
}


#section9 {padding:17rem 0 14rem; font-family:'GmarketSans',sans-serif; text-align:center; background:#ef5400;}
#section9 .mtit,
#section9 .mtit span {color:#fff;}
#section9_swiper {position:relative; margin-top:2rem;}
#section9_swiper .swiper-button-prev,
#section9_swiper .swiper-button-next {width:9.6rem; height:17.3rem; margin:0; margin-top:-8.6rem; background:url('../images/main/swiper_arr3.png') no-repeat center/contain;}
#section9_swiper .swiper-button-prev {left:-12.3rem;}
#section9_swiper .swiper-button-next {right:-12.3rem; transform:rotate(180deg);}
#section9_swiper .swiper-container {margin:0 -10rem; padding:12rem 27.5rem;}
#section9_swiper .swiper-slide {position:relative; transition:all 0.5s;}
#section9_swiper .swiper-slide img {width:100%;}
#section9_swiper .swiper-slide .inbox {position:relative; transform:scale(1.148); opacity:0; transition:all 0.5s;}
#section9_swiper .swiper-slide .inbox::before {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; border-radius:100%; background:rgba(0,0,0,0.7); content:''; transition:all 0.5s;}
#section9_swiper .swiper-slide-prev .inbox,
#section9_swiper .swiper-slide-next .inbox,
#section9_swiper .swiper-slide-active .inbox {opacity:1;}
#section9_swiper .swiper-slide-duplicate-prev .inbox,
#section9_swiper .swiper-slide-duplicate-next .inbox,
#section9_swiper .swiper-slide-duplicate-active .inbox {opacity:1;}
#section9_swiper .swiper-slide-active {z-index:3;}
#section9_swiper .swiper-slide-active .inbox {transform:scale(1.451);}
#section9_swiper .swiper-slide-active .inbox::before {opacity:0;}
#section9_swiper .swiper-slide-duplicate-active {z-index:3;}
#section9_swiper .swiper-slide-duplicate-active .inbox {transform:scale(1.451);}
#section9_swiper .swiper-slide-duplicate-active .inbox::before {opacity:0;}
#section9 .cont_list {position:relative; text-align:center; margin-top:3rem;}
#section9 .cont_list .cont {position:static; opacity:0; transition:opacity 0.4s; pointer-events: none;}
#section9 .cont_list .cont:not(:first-child) {position:absolute; top:0; left:0; width:100%;}
#section9 .cont_list .cont.active {opacity:1; pointer-events:auto;}
#section9 .cont_list strong {display:block; font-size:4.5rem; font-weight:700; color:#fff;}
#section9 .cont_list span {display:block; margin-top:0.6rem; font-size:3rem; font-weight:500; color:#fff;}
#section9 .cont_list .cont.active {opacity:1; z-index:2;}
#section9 .mbtn {margin-top:2rem;}
#section9 .mbtn:hover {background:#ff7f39;}
@media (max-width:1024px){
	#section9_swiper .swiper-container {margin:0 -3rem; padding:12rem 8.5rem;}
	#section9_swiper .swiper-button-prev,
	#section9_swiper .swiper-button-next {width:3rem; height:10rem; margin-top:-5rem;}
	#section9_swiper .swiper-button-prev {left:0;}
	#section9_swiper .swiper-button-next {right:0;}
	#section9_swiper .swiper-slide-active .inbox {transform:scale(1.7);}
	#section9_swiper .swiper-slide-duplicate-active .inbox {transform:scale(1.7);}
	#section9 .cont_list strong {font-size:3.2rem;}
	#section9 .cont_list span {font-size:2.1rem;}
}
@media (max-width:500px){
	#section9_swiper .swiper-slide-active .inbox {transform:scale(2);}
	#section9_swiper .swiper-slide-duplicate-active .inbox {transform:scale(2);}
}


#section10 {padding:18rem 0 14rem; font-family:'GmarketSans',sans-serif;}
#section10 .top {display:flex; align-items:flex-end; gap:4.5rem;}
#section10 .mtit span,
#section10 .mtit h3 {color:#ef5400;}
#section10 .mbtn {position:relative; bottom:1.5rem; color:#ef5400;}
#section10 .mbtn:hover {color:#fff; background:#ef5400;}
.faq_list {display:flex; align-items: stretch; gap:1.4rem; margin-top:9rem;}
.faq_list li {flex:1; flex-basis: 0; min-width:0; overflow:hidden; position:relative; height:54.4rem; background:#f5f5f5; border-radius:1.5rem; border:1px solid #d5d4d4; cursor:pointer; transition: flex-basis .4s ease, background .3s, border .3s;}

.faq_list li .tit strong {font-size:2.5rem; line-height:1.4; font-weight:400;}
.faq_list li .icon_q {width:5.5rem; height:5.5rem; background:url('../images/main/icon_q.png') no-repeat center/contain;margin-bottom:2rem;transition:.4s;}
.faq_list li .cont {opacity:0; position:relative; width:45rem; height:100%; padding:3rem 3rem 3rem 4rem; transition: opacity .4s ease, transform .4s ease;}
.faq_list li .cont::after {position:absolute; right:5rem; bottom:4.5rem; width:4.9rem; height:19.3rem; background:url('../images/main/icon_i.png') no-repeat center/contain; content:'';}
.faq_list li .cont .icon_q {display:block; width:10rem; height:10rem; margin-left:-2rem; background:url('../images/main/icon_q_on.png') no-repeat center/contain; margin-bottom:2rem;transition:.4s;}
.faq_list li .cont strong {display:block; margin-top:3rem; font-size:3rem; font-weight:700; color:#fff;}
.faq_list li .cont p {margin-top:3.5rem; font-size:2rem; color:#fff; font-weight:500;}
.faq_list li.active {flex-basis: 35rem; border:1px solid #ff7f39; background:#ef5400;}
.faq_list li.active .tit {opacity:0; transform: translateX(3rem);}
.faq_list li.active .cont {opacity:1;}
@media (min-width:1024.1px){
	.faq_list li .tit {display:flex; align-items:center; flex-direction:column; position:absolute; top:0; right:0; height:100%; padding:3.7rem 3rem; transition: opacity .4s ease, transform .4s ease;}
	.faq_list li .tit div {display:flex; flex-direction:row-reverse; gap:0.6rem; padding-right:1rem;}
	.faq_list li .tit strong {display:flex; flex-direction:column; flex-wrap:wrap; font-size:2.5rem; line-height:1.4; font-weight:400;}
	.faq_list li .tit strong span {display:block; min-height:1.8rem; transform:rotate(90deg);}
	.faq_list li .tit strong span+span {margin-top:-1rem;}
}
@media (max-width:1024px){
	#section10 {padding:12rem 0;}
	#section10 .mbtn {bottom:0.5rem;}
	.faq_list {flex-direction:column; margin-top:6rem;}
	.faq_list li {flex-basis: 10rem;}
	.faq_list li .tit {display:flex; gap:1.5rem; align-items:center; position:absolute; top:0; left:0; right:0; padding:2rem;}
	.faq_list li .icon_q {margin:0;}
	.faq_list li .cont {width:auto;}
	
}

#section11 {padding:17rem 0 13rem; font-family:'GmarketSans',sans-serif; background:#fef7f3;}
#section11 .top {display:flex; align-items:center; justify-content:space-between;}
#section11 .link {display:flex; margin-right:-2.7rem;}
#section11 .link li {position:relative; padding:0 2.7rem;}
#section11 .link li+li::before {position:absolute; top:50%; left:0; width:1px; height:9rem; margin-top:-4.5rem; background:#7f7b79; content:'';}
#section11 .link li a {display:block; font-size:2.5rem; font-weight:500; color:#000000; transition:all 0.4s;}
#section11 .link li a::before {display:block; width:5rem; height:5rem; margin:0 auto 1.2rem; background:url('../images/main/section11_icon.png') no-repeat; background-size:100% auto; content:''; transition:all 0.4s;}
#section11 .link li:nth-child(1) a::before {background-position:0 0;}
#section11 .link li:nth-child(2) a::before {background-position:0 10%;}
#section11 .link li:nth-child(3) a::before {background-position:0 20%;}
#section11 .link li:nth-child(4) a::before {background-position:0 30%;}
#section11 .link li a:hover {color:#ef5400;}
#section11 .link li a:hover::before {filter: invert(41%) sepia(94%) saturate(2284%) hue-rotate(6deg) brightness(98%) contrast(104%);}
#section11 .notice_list {margin-top:6rem;}
#section11 .notice_list li {border-bottom:1px solid #000;}
#section11 .notice_list a {display:flex; gap:5rem; padding-top:2.3rem; line-height:7.6rem; font-size:2.1rem;}
#section11 .notice_list .num {width:10rem; text-align:center;}
#section11 .notice_list .tit {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#section11 .notice_list .date {width:20rem; text-align:center;}
#section11 .bottom {margin-top:6rem; text-align:center;}
@media (max-width:1024px){
	#section11 {padding:12rem 0 13rem;}
	#section11 .top {flex-direction:column; gap:5rem;}
	#section11 .top .mtit {width:100%;}
	#section11 .link {justify-content:center; width:100%; margin-right:0;}
	#section11 .link li {padding:0 2rem;}
	#section11 .link li+li::before {height:8rem; margin-top:-4rem;}
	#section11 .link li a {font-size:2.2rem;}
	#section11 .link li a::before {width:4rem; height:4rem;}
	#section11 .notice_list .num {display:none;}
	#section11 .notice_list a {gap:2rem;}
	#section11 .notice_list .date {width:15rem;}
}

#section12 {padding:19rem 0 30rem;}
#section12 .mtit span {color:#000;}
#section12 .tab {display:flex; gap:0.3rem; max-width:59rem; margin:5rem 0 3.5rem;}
#section12 .tab li {flex:1; min-width:0;}
#section12 .tab a {display:block; border-bottom:2px solid #c0c0c0; line-height:5rem; font-size:2.5rem; color:#bbbbbb; font-weight:700; text-align:center;}
#section12 .tab .active a {border-color:#222222; color:#222;}
#section12 .tcont {display:none;}
#section12 .tcont ul {display:grid; grid-template-columns: repeat(4, 1fr); gap:1rem;}
#section12 .tcont ul .img {position:relative; padding-bottom:65.395%;}
#section12 .tcont ul .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#section12 #tcont1 {display:block;}
@media (max-width:1024px){
	#section12 {padding:12rem 0 20rem;}
	#section12 .tab a {font-size:2.2rem;}
	#section12 .tcont ul {grid-template-columns: repeat(2, 1fr);}
}