@charset "UTF-8";@import url("/resources/css/fnc_css/font/font.css");section { width: 100%; } 
section > div { display: block; width: 100%; /* max-width:; */
 margin: 0 auto; } 

/* .current-info { display:none; } 
.header { top:0; } 
.gnb-hidden-bg { top:90px; } */
/* 1번섹션 */
.main01-wrap { width: 100%; height: calc(100vh - 60px); min-height: 850px; position: relative; } 
.main01-qck { position: absolute; top: 50%; transform: translateY(-50%); left: 90px; display: flex; flex-direction: column; gap: 30px; z-index: 99; } 
.main01-qck > a { display: flex; align-items: center; justify-content: center; width: 70px; aspect-ratio: 1/1; border-radius: 50%; box-shadow:0 0 5px #00000055;} 
.main01-qck > a.main01-qck-youtube { background-color: #ec2123; } 
.main01-qck > a.main01-qck-and { background-color: #a8c450; } 
.main01-qck > a.main01-qck-ios { background-color: #000000; } 
.main01-qck > a.main01-qck-hs { background-color: #fff; } 
.main01-swiper { width: 100%; height: 100%; border-radius: 0px 0px 200px 0px; } 
.main01-slide { padding-top: 200px; text-align: center; background: url("/resources/images/fnc_images/main/main_bg.png") no-repeat center/cover; } 
.main01-slide > h2 { font-family: "GANGWONSTATE"; font-weight: 600; font-size: 50px; line-height: 60px; color: #fff; } 
/* 불렛박스 위치 */
.main01-swiper .main01-pagination { z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); width: fit-content; top: 350px; bottom: unset; right: unset; height: fit-content; display: flex; align-items: center; gap: 20px; } 
/* 기본불렛 */
.main01-swiper .main01-pagination .swiper-pagination-bullet { background-color: #fff; border-radius: 0; opacity: 0.3; width: 10px; height: 10px; transition: all 0.3s; margin: 0; } 
/* 현재페이지 불렛 */
.main01-swiper .main01-pagination .swiper-pagination-bullet-active { opacity: 1; } 

.main01-main { width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; max-width: 1480px; padding: 0 30px; } 
.main01-main-top { margin-bottom: 40px; width: 100%; height: 60px; border-radius: 40px; box-shadow: 10px 10px 15px #0000001a; background-color: #fff; position: relative; display: flex; align-items: center; justify-content: center; } 
.main01-main-top-wrap { width: 100%; max-width: 1080px; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; } 
.main01-main-top-wrap-bg1 { position: absolute; left: 30px; bottom: 8px; } 
.main01-main-top-wrap-bg2 { position: absolute; bottom: 11px; right: 0; } 
.main04-wrap .main01-main-top-wrap { justify-content: center; } 
.main01-main-top-wrap > div { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; line-height: 24px; } 
.main01-main-top-wrap > div > h3 { display: flex; align-items: center; gap: 10px; font-weight: 500; } 
.main01-main-top-wrap > div > h4 { font-weight: bold; } 

.main01-main-bot { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 40px; } 
.main01-main-bot > div { width: 25%; background-color: #fff; height: 220px; border-radius: 30px; box-shadow: 10px 10px 15px #0000001a; } 
.main01-main-bot > div.main01-main-bot-big { width: 50%; display: flex; justify-content: space-between; position: relative; } 
.main01-main-bot > div.main01-main-bot-big::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); height: calc(100% - 70px); border-left: 1px dashed #878787; } 
.main01-main-bot-info { padding: 35px 40px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } 
.main01-main-bot-info1 { background: url("/resources/images/fnc_images/main/main01_icon_bg1.svg") no-repeat 10% 20%; } 
.main01-main-bot-info2 { background: url("/resources/images/fnc_images/main/main01_icon_bg2.svg") no-repeat 10% 20%; } 
.main01-main-bot-info3 { background: url("/resources/images/fnc_images/main/main01_icon_bg3.svg") no-repeat 10% 20%; } 
.main01-main-bot-info4 { background: url("/resources/images/fnc_images/main/main01_icon_bg4.svg") no-repeat 10% 20%; } 
.main01-main-bot-info > h3 { font-size: 22px; line-height: 30px; font-weight: bold; text-align: center; } 
/* .main01-main-bot-info-btns1 { width: 100%; } 
.main01-main-bot-info-btns1 > div { display: flex; align-items: center; gap: 15px; margin-top: 15px; } 
.main01-main-bot-info-btns1 a { display: flex; align-items: center; justify-content: center; width: 100%; height: 45px; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; transition: all 0.3s; } 
.main01-main-bot-info-btns1 > a { background-color: #0097e8; border: 2px solid #0097e8; } 
.main01-main-bot-info-btns1 > a:hover { background-color: #fff; color: #0097e8; } */

.main01-main-bot-info-btns2 { display: flex; align-items: center; justify-content: space-between; gap: 20px; } 
.main01-main-bot-info-btns2 > a { width: 100%; height: 100px; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; font-size: 16px; line-height: 24px; font-weight: 500; transition: all 0.3s; color: #fff; } 
.main01-main-bot-info-btns2 > a > span { width: 30px; transition: all 0.3s; height: 30px; } 
.main01-main-bot-info-btns2 > a:first-child { background-color: #21c531; border: 2px solid #21c531; } 
.main01-main-bot-info-btns2 > a:first-child > span { background: url("/resources/images/fnc_images/main/main_band.svg") no-repeat center; } 
.main01-main-bot-info-btns2 > a:first-child:hover { background-color: #fff; color: #21c531; } 
.main01-main-bot-info-btns2 > a:first-child:hover > span { background: url("/resources/images/fnc_images/main/main_band_color.svg") no-repeat center; } 
.main01-main-bot-info-btns2 > a:last-child { background-color: #0097e8; border: 2px solid #0097e8; } 
.main01-main-bot-info-btns2 > a:last-child > span { background: url("/resources/images/fnc_images/main/main_home.svg") no-repeat center; } 
.main01-main-bot-info-btns2 > a:last-child:hover { background-color: #fff; color: #0097e8; } 
.main01-main-bot-info-btns2 > a:last-child:hover > span { background: url("/resources/images/fnc_images/main/main_home_color.svg") no-repeat center; } 
.main01-main-bot-info4 > a { width: 100%; height: 60px; box-shadow: 0px 3px 6px #00000029; border-radius: 32px; display: flex; align-items: center; justify-content: center; gap: 15px; background-color: #0097e8; border: 2px solid #0097e8; font-size: 16px; line-height: 24px; font-weight: 500; transition: all 0.3s; color: #fff; } 
.main01-main-bot-info4 > a:hover { background-color: #fff; color: #0097e8; } 
.main01-main-bot-info4 > a > span { width: 30px; transition: all 0.3s; height: 30px; background: url("/resources/images/fnc_images/main/main_home.svg") no-repeat center; } 
.main01-main-bot-info4 > a:hover > span { background: url("/resources/images/fnc_images/main/main_home_color.svg") no-repeat center; } 
.main01-scroll { display: flex; flex-direction: column; align-items: center; } 
.main01-scroll > p { font-size: 16px; line-height: 24px; margin-bottom: 10px; color: #fff; font-weight: 300; } 
.main01-scroll-circle { width: 8px; height: 8px; border-radius: 50%; background-color: #fff; } 
.main01-scroll-dash { height: 50px; border-left: 1px dashed #fff; } 

.main01-main-bot-info-btns1 > a:first-child { background-color: #febc00; border: 2px solid #febc00; } 
.main01-main-bot-info-btns1 > a:first-child > span { background: url("/resources/images/fnc_images/main/main_join.svg") no-repeat center; } 
.main01-main-bot-info-btns1 > a:first-child:hover { background-color: #fff; color: #febc00; } 
.main01-main-bot-info-btns1 > a:first-child:hover > span { background: url("/resources/images/fnc_images/main/main_join_color.svg") no-repeat center; } 

.main01-main-bot-info-btns1 > a:last-child { background-color: #81c524; border: 2px solid #81c524; } 
.main01-main-bot-info-btns1 > a:last-child > span { background: url("/resources/images/fnc_images/main/main_regi.svg") no-repeat center; } 
.main01-main-bot-info-btns1 > a:last-child:hover { background-color: #fff; color: #81c524; } 
.main01-main-bot-info-btns1 > a:last-child:hover > span { background: url("/resources/images/fnc_images/main/main_regi_color.svg") no-repeat center; } 

/* 2번섹션 */
.main02-wrap { width: 100%; padding: 80px 30px; max-width: 1480px; } 
.main02-flex { width: 100%; display: flex; gap: 30px; } 
.main02-flex > div { width: calc(50% - 15px); display: flex; flex-direction: column; gap: 30px; } 
.main02-notice-top { width: 100%; display: flex; align-items: center; justify-content: space-between; } 
.main02-notice-list { display: flex; flex-direction: column; gap: 20px; } 
.main02-notice-list > a { width: 100%; height: 70px; background-color: #f6f6f6; border-radius: 25px; padding: 0 25px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 24px; box-shadow: 0px 3px 6px #00000029; gap: 30px; } 
.main02-notice-list > a > h4 { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.main02-notice-list > a:hover > h4 { text-decoration: underline; } 
.main02-notice-list > a > p { color: #bbbbbb; flex-shrink: 0; font-size: 14px; line-height: 22px; } 

.main02-flex h3,
.main02-photo-top > div > span { font-size: 32px; line-height: 40px; font-family: "GANGWONSTATE"; font-weight: 600; } 
.main02-flex-topbtn { display: flex; align-items: center; justify-content: center; gap: 15px; padding: 0 20px; height: 40px; border-radius: 20px; background-color: #0097e8; border: 2px solid #0097e8; transition: all 0.3s; } 
.main02-flex-topbtn > p { font-size: 14px; line-height: 22px; color: #fff; font-weight: 500; transition: all 0.3s; } 
.main02-flex-topbtn > span { width: 12px; height: 12px; transition: all 0.3s; background: url("/resources/images/fnc_images/common/plus_white.svg") no-repeat center; transform: rotate(0); } 
.main02-flex-topbtn:hover { background-color: #fff; } 
.main02-flex-topbtn:hover > p { color: #0097e8; } 
.main02-flex-topbtn:hover > span { background: url("/resources/images/fnc_images/common/plus_blue.svg") no-repeat center; transform: rotate(90deg); } 
.main02-photo-top { width: 100%; display: flex; align-items: center; justify-content: space-between; } 
.main02-photo-top > div { display: flex; align-items: center; gap: 20px; } 
.main02-photo-top-title > h3,
.main02-photo-top-title > span { color: #c8c8c8; cursor: pointer; transition: all 0.3s; } 
.main02-photo-top-title > h3.active,
.main02-photo-top-title > h3:hover { color: #0097e8; } 
.main02-photo-list { width: 100%; height: 100%; gap: 30px; display: none; } 
.main02-photo-list.active { display: flex; } 
.main02-photo-list > a { width: 50%; height: 100%; box-shadow: 0px 3px 6px #00000029; border-radius: 25px; background-color: #f6f6f6; display: flex; flex-direction: column; } 
.main02-photo-item-img { width: 100%; aspect-ratio: 1.1/1; border-radius: 25px; box-shadow: 0px 3px 6px #00000029; flex-shrink: 0; overflow: hidden; } 
.main02-photo-item-img iframe { width: 100%; height: 100%; } 
.main02-photo-item-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; } 
.main02-photo-list > a:hover .main02-photo-item-img img { scale: 1.1; } 
.main02-photo-item-info { display: flex; flex-direction: column; justify-content: space-between; padding: 20px; height: 100%; } 
.main02-photo-item-info > h4 { word-break: break-all; font-size: 18px; line-height: 26px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; overflow: hidden; text-overflow: ellipsis; } 
.main02-photo-list > a:hover h4 { text-decoration: underline; } 
.main02-photo-item-info > p { text-align: right; color: #bbbbbb; font-size: 14px; line-height: 22px; } 
/* 3번섹션 */
#main03 { position: relative; background: url("/resources/images/fnc_images/main/main03_bg.jpg") no-repeat center/cover; } 
.main03-wrap { width: 100%; padding: 80px 30px; max-width: 1480px; } 
.main03-wrap-bg1 { position: absolute; left: 40px; top: -168px; } 
.main03-wrap-bg2 { position: absolute; right: 40px; top: -173px; } 
.main03-wrap-bg3 { position: absolute; left: 0; bottom: -44px; } 
.main03-wrap-bg4 { position: absolute; right: 70px; bottom: -1px; } 
.main-subtitle { font-size: 32px; line-height: 40px; font-family: "GANGWONSTATE"; font-weight: 600; } 
.main03-wrap .main-subtitle { color: #fff; } 
.main03-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.main03-header { display: flex; align-items: center; gap: 5px; margin-top: 15px; } 
.main03-header-a { padding: 2px 25px 0; height: 40px; display: flex; align-items: center; justify-content: center; font-family: "GANGWONSTATE"; font-weight: 600; font-size: 20px; line-height: 28px; color: #fff; border-radius: 20px; transition: all 0.3s; } 
.main03-header-a.active,
.main03-header-a:hover { background-color: #0097e8; } 
.main03-header > span { color: #fff; font-size: 18px; } 
.main03-contents > div { display: none; gap: 30px; } 
.main03-contents > div.active { display: flex; } 
.main03-contents-box { width: 50%; height: 320px; padding: 25px 30px; box-shadow: 10px 10px 15px #0000001a; border-radius: 25px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; } 
.main03-contents-box-top > p { width: fit-content; height: 30px; padding: 0 20px; border-radius: 15px; font-size: 14px; line-height: 22px; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } 
.main03-contents-flex1 .main03-contents-box-top > p { background-color: #0097e8; } 
.main03-contents-flex2 .main03-contents-box-top > p { background-color: #81c524; } 
.main03-contents-flex3 .main03-contents-box-top > p { background-color: #a248f1; } 
.main03-contents-flex4 .main03-contents-box-top > p { background-color: red; } 
.main03-contents-flex5 .main03-contents-box-top > p { background-color: green; } 
.main03-contents-box-top > h3 { font-size: 20px; line-height: 26px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; } 
.main03-contents-box-top > div { max-height: 72px; overflow: hidden; } 
.main03-contents-box-top > div,
.main04-contents-box-top > div span,
.main04-contents-box-top > div p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: normal; overflow: hidden; text-overflow: ellipsis; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; text-align: left !important; color: #777; } 
.main03-contents-box-bot { display: flex; align-items: center; justify-content: end; gap: 10px; color: #bbbbbb; font-size: 14px; line-height: 22px; } 
/* 4번섹션 */
.main04-wrap { width: 100%; padding: 80px 30px 0; max-width: 1480px; position: relative; } 
.main04-bg { position: absolute; right: 170px; top: 40px; } 
.main04-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.main04-header { display: flex; align-items: center; gap: 25px; margin-top: 15px; } 
.main04-header-a { height: 40px; display: flex; align-items: center; justify-content: center; font-family: "GANGWONSTATE"; font-weight: 600; font-size: 20px; line-height: 28px; color: #cfcfcf; transition: all 0.3s; } 
.main04-header-a.active,
.main04-header-a:hover { color: #0097e8; } 
.main04-header > span { color: #cfcfcf; font-size: 18px; } 
.main04-contents > div { display: none; gap: 30px; } 
.main04-contents > div.active { display: flex; } 
.main04-contents-box { width: 50%; height: 320px; padding: 25px 30px; box-shadow: 10px 10px 15px #0000001a; border-radius: 25px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; } 
.main04-contents-box-top > p { width: fit-content; height: 30px; padding: 0 20px; border-radius: 15px; font-size: 14px; line-height: 22px; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } 
.main04-contents-flex1 .main04-contents-box-top > p { background-color: #0097e8; } 
.main04-contents-flex2 .main04-contents-box-top > p { background-color: #81c524; } 
.main04-contents-flex3 .main04-contents-box-top > p { background-color: #a248f1; } 
.main04-contents-box-top > h3 { font-size: 20px; line-height: 26px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: normal; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; } 
.main04-contents-box-top > div { max-height: 72px; overflow: hidden; } 
.main04-contents-box-top > div,
.main04-contents-box-top > div span,
.main04-contents-box-top > div p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: normal; overflow: hidden; text-overflow: ellipsis; font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; text-align: left !important; color: #777; } 
.main04-contents-box-bot { display: flex; align-items: center; justify-content: end; gap: 10px; color: #bbbbbb; font-size: 14px; line-height: 22px; } 
.main04-wrap .main01-main-top { margin-bottom: 0; margin-top: 30px; } 
/* 메인 푸터 */
.footer-wrap { padding-top: 30px; } 
.footer-bg { height: 500px; border-radius: 200px 0px 0px 0px !important; } 
/* 반응형 */
@media (max-width: 1650px){
 .main03-wrap-bg1,
 .main03-wrap-bg2 { z-index: -1; } 
 .main03-wrap-bg3 { display: none; } 
 .main01-qck { left: 20px; gap: 20px; transform: none; top: 100px; flex-direction: row; } 
 }
@media (max-width: 1439px){
 .main01-main-top-wrap-bg1 { left: 0; } 
 .main01-main-bot { align-items: stretch; } 
 .main01-main-bot > div { height: auto; } 
 .main01-main-bot-info { padding: 30px; } 
 .main01-main-bot-info-btns1 { margin-top: 10px; } 
 .main02-flex > div.main02-notice { width: 45%; } 
 .main02-flex > div.main02-photo { width: 55%; } 
 .main01-qck { top: 90px; } 
 .main01-qck > a { width: 50px; } 
 .main01-qck > a > img { scale: 0.8; } 
 }
@media (max-width: 1279px){
 .main01-main { padding: 0 15px; } 
 .main01-qck { top: 70px; left: 10px; gap: 10px; } 
 .main01-main-top { margin-bottom: 30px; } 
 .main01-main-top-wrap { padding-left: 60px; padding-right: 30px; gap: 10px; } 
 .main01-main-top-wrap > div { letter-spacing: -0.5px; } 
 .main01-main-top-wrap > div > h3 { font-size: 14px; line-height: 22px; } 
 .main01-main-bot { gap: 15px; } 
 .main01-main-bot-info { padding: 20px; } 
 .main01-main-bot-info > h3 { font-size: 18px; line-height: 26px; } 
 .main01-main-bot-info-btns1 > div { margin-top: 10px; gap: 10px; } 
 .main01-main-bot-info-btns1 a { height: 40px; font-size: 14px; line-height: 22px; } 
 .main01-main-bot-info-btns2 { gap: 10px; } 
 .main01-main-bot-info-btns2 > a { height: 80px; gap: 5px; font-size: 14px; line-height: 22px; } 
 .main01-main-bot-info-btns2 > a > span { width: 20px; height: 20px; background-size: contain !important; } 
 .main01-main-bot-info4 > a { height: 50px; font-size: 14px; line-height: 22px; } 
 .main01-main-bot-info4 > a > span { width: 20px; height: 20px; background-size: contain !important; } 

 .main02-wrap { padding: 50px 15px; } 
 .main02-flex { align-items: stretch; } 
 .main02-flex > div.main02-notice { width: 40%; } 
 .main02-flex > div.main02-photo { width: 60%; } 
 .main02-photo-item-info > h4 { margin-bottom: 10px; height:52px;} 

 .main03-wrap { padding: 50px 15px; } 
 .main03-wrap-bg1,
 .main03-wrap-bg2 { display: none; } 
 .main03-contents > div { gap: 15px; } 
 .main03-contents-box { height: 300px; } 
 .main03-contents-box { padding: 20px; } 
 .main03-contents-box-top > h3 { font-size: 18px; line-height: 26px; } 

 .main04-wrap { padding: 50px 15px; } 
 .main04-bg { display: none; } 
 .main04-contents > div { gap: 15px; } 
 .main04-contents-box { height: 300px; } 
 .main04-contents-box { padding: 20px; } 
 .main04-contents-box-top > h3 { font-size: 18px; line-height: 26px; } 
 }
@media (max-width: 1023px){
 .main01-wrap { height: 350px; min-height: unset; } 
 .main01-qck { top: unset; left: 50%; transform: translateX(-50%); bottom: -25px; gap: 30px; } 
 .main01-main { bottom: unset; top: 350px; background-color: #f4f5f5; padding: 50px 15px; } 
 .main01-swiper { border-radius: 0; } 
 .main01-slide { padding-top: 0px; display: flex; align-items: center; justify-content: center; } 
 .main01-slide > h2 { font-size: 24px; line-height: 32px; padding: 0 15px; } 
 .main01-swiper .main01-pagination { top: unset; bottom: 50px; } 
 .main01-scroll { display: none; } 
 .main01-main-top { height: auto; } 
 .main01-main-top-wrap { padding: 20px; flex-direction: column; } 
 .main01-main-top-wrap-bg1,
 .main01-main-top-wrap-bg2 { display: none !important; } 
 .main01-main-bot { margin-bottom: 0; flex-direction: column; } 
 .main01-main-bot > div { width: 100%; } 
 .main01-main-bot > div.main01-main-bot-big { width: 100%; } 
 .main01-main-bot-info { background-size: 20%; } 
 .main01-main-bot-info-btns1 { margin-top: 0; } 
 .main01-main-bot-info-btns2 > a { flex-direction: row; gap: 10px; height: 40px; } 
 .main01-main-bot-info > h3 { margin-bottom: 10px; } 
 .main01-main-bot-info > h3 br { display: none; } 
 .main01-main-bot-info4 > a { height: 40px; } 

 .main02-wrap { padding: 50px 15px; } 
 .main02-flex { flex-direction: column; gap: 50px; } 
 .main02-flex > div { gap: 15px; } 
 .main02-flex > div.main02-notice { width: 100%; } 
 .main02-flex > div.main02-photo { width: 100%; } 
 .main02-flex h3,
 .main02-photo-top > div > span { font-size: 24px; line-height: 32px; } 
 .main-subtitle { font-size: 24px; line-height: 32px; } 

 .main03-top { margin-bottom: 15px; } 
 .main03-header { margin-top: 0; } 
 .main03-header-a { padding: 2px 10px 0; font-size: 16px; line-height: 24px; height: 35px; } 
 .main03-top { margin-bottom: 15px; } 
 .main03-header { margin-top: 0; } 
 .main03-header-a { padding: 2px 10px 0; font-size: 16px; line-height: 24px; height: 35px; } 

 .main04-top { margin-bottom: 15px; } 
 .main04-header-a { font-size: 16px; line-height: 24px; height: 30px; } 
 }
@media (max-width: 767px){
 .main01-main-top-wrap > div { flex-wrap: wrap; row-gap: 0; } 
 .main01-main-top-wrap > div > h3 { width: 100%; justify-content: center; } 

 .main02-notice-list > a { height: 50px; padding: 0 20px; font-size: 14px; line-height: 22px; } 
 .main02-notice-list > a > p { display: none; } 
 .main02-flex-topbtn { height: 35px; } 
 .main02-photo-top > div { gap: 5px; } 
 .main02-flex h3,
 .main02-photo-top > div > span { font-size: 22px; line-height: 30px; } 
 .main02-photo-list { gap: 15px; } 
 .main02-photo-item-info > h4 { font-size: 14px; line-height: 22px; margin-bottom: 5px; height:44px;} 
 .main02-photo-item-info { padding: 15px; } 

 .main-subtitle { font-size: 22px; line-height: 30px; } 
 .main03-top { margin-top: 10px; } 
 .main03-header { flex-wrap: wrap; } 
 .main03-header > span { display: none; } 
 .main03-contents > div { flex-direction: column; } 
 .main03-contents-box { height: auto; width: 100%; } 
 .main03-contents-box-top > p { font-size: 14px; line-height: 22px; margin-bottom: 10px; } 
 .main03-contents-box-top > h3 { font-size: 16px; line-height: 24px; } 

 .main04-top { margin-top: 10px; } 
 .main04-header { flex-wrap: wrap; margin-top: 0; flex-direction: column; gap: 5px; align-items: start; } 
 .main04-header > span { display: none; } 
 .main04-contents > div { flex-direction: column; } 
 .main04-contents-box { height: auto; width: 100%; box-shadow: 0px 0px 15px #0000001a; } 
 .main04-contents-box-top > p { font-size: 14px; line-height: 22px; margin-bottom: 10px; } 
 .main04-contents-box-top > h3 { font-size: 16px; line-height: 24px; } 
 }
@media (max-width: 479px){
 .main01-main-top-wrap { padding: 15px; } 
 .main01-main-bot > div.main01-main-bot-big { flex-direction: column; } 
 .main01-main-bot > div.main01-main-bot-big::after { display: none; } 
 .main01-main-top-wrap > div > h3 { flex-direction: column; gap: 0; } 
 .main01-main-bot-info { padding: 15px; } 
 .main01-main-bot-info > h3 { font-size: 16px; line-height: 24px; font-weight: 600; } 
 }