.main-about{width: 100%;height: calc(100vh - 100px);overflow: hidden;margin-bottom: 128px;}
.main-banner{width: 100%;height: calc(100vh - 0px);overflow: hidden;position: relative;}

.mb-img{filter: brightness(0.5);width: 100%;height: 100%;}
.mb-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.mb-txt{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;color: #fff;position: absolute;left: 0;top: 0;}
.mb-txt>span{font-size: 20px;font-weight: 400;display: block;margin-bottom: 10px;}
.mb-txt>p{text-align: center;color: #fff;font-weight: 400;}
.main-about-inner{max-width: 1400px;max-width: 1400px;margin: 0 auto 128px auto;display: flex;height: 100%;}


.ma-btn-wrap{width: 320px;flex-shrink: 0;padding-top: 128px;position: relative;;}

.ma-btn-wrap::after{display: block;content: '';position: absolute;right: 0;top: 0;height: 100%;width: 1000px;background-color: #4295D0;border-radius: 0 0 24px 0;}
.ma-btn-title{position: relative;z-index: 2;margin-bottom: 32px;}
.ma-btn-title>span{font-size: 20px;color: #fff;margin-bottom: 5px;font-weight: 400;display: block;}
.ma-btn-title>p{color: #fff;font-weight: 400;}
.ma-btn{position: relative;z-index: 2;}
.ma-btn>button{display: flex;align-items: center;justify-content: left;font-size: 18px;font-weight: 400;margin-bottom: 16px;padding: 16px 0 16px 16px;width: 100%;;border-radius: 10px 0 0 10px;transition: 0.3s;position: relative;background-color: #4295D0;color: #fff;}
.ma-btn>button>span{position: absolute;font-size: 18px;font-weight: 400;color: #fff;right: calc(100% + 16px);top: 50%;transform: translateY(-50%);opacity: 0.5;transition: 0.3s;}
.ma-btn>button.on>span{opacity: 1;}
.ma-btn>button.on{color: #3987BE;background-color: #fff;}

/* 0902 */
.ma-txt-wrap{width: 100%;display: flex;align-items: center;position: relative;height: 100%;}
.ma-txt-inner{display: flex;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);opacity: 0;transition: 0s;filter: blur(2.5px);padding-left: 64px;height: 100%;padding: 128px 0 128px 64px;}
.ma-txt-inner.on{opacity: 1;transition: 0.5s;filter: blur(0px);}
.ma-txt{display: flex;flex-direction: column;justify-content: flex-end;width: 100%;height: 100%;position: relative;}

.ma-txt-inner{width: 100%;}
.ma-title{font-size: 96px;font-weight: 600;color: #3987BE;position: absolute;top: 0;left: 0;white-space: nowrap;}

.mat>p{margin-bottom: 32px;}
.mat>span{font-size: 18px;line-height: 140%;color: #666;font-weight: 400;display: block;margin-bottom: 64px;}
.mat .btn-100{width: 200px;}
.ma-img-wrap{width: 360px;flex-shrink: 0;position: relative;}
.ma-img-wrap>span{position: absolute;top: calc(100% + 64px);font-size: 18px;color: #666;font-weight: 400;right: 0;display: none;}
.ma-img{height: 100%;width: 100%;overflow: hidden;border-radius: 16px;}
.ma-img>img{display: block;height: 100%;width: 100%;object-fit: cover;;}


.main-center{margin-bottom: 128px;width: 100%;}
.main-center-inner{width: 100%;margin: 0 auto;max-width: 1400px;}

.main-center-inner>p{margin-bottom: 32px;}
.mc-wrap{display: flex;}
.mc-item{width: 100%;margin-right: 32px;display: flex;flex-direction: column;}
.mci-wrap{padding: 32px;position: relative;border-radius: 16px;margin-bottom: 16px;margin-bottom: 32px;overflow: hidden;height: 100%;cursor: pointer;}
.mci-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;filter: brightness(0.5);transition: 0.8s;}
.mci-img>img{display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.8s;}
.mci-wrap.mci-wrap-1 .mci-img{filter: brightness(1);}
.mci-wrap:last-of-type{margin-bottom: 0;}
.mc-item:last-of-type{margin-right: 0;}
.mci-wrap:hover .mci-img>img{transform: scale(1.1);}
.mci-wrap:hover .mci-img{filter: brightness(0.4);}

.mci-item{position: relative;z-index: 2;width: 100%;height: 100%;display: flex;justify-content: space-between;flex-direction: column;}
.mci-wrap-1 .mci-item{justify-content: left;}
.mci-item>p{margin-bottom: 32px;color: #fff;text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.5);}

.mci-item .btn-100{width: 200px;position: absolute;left: 0px;bottom: 0px;background-color: #fff;color: #3987BE;transition: 0.3s;}
.mci-item .btn-100:hover{background-color: #4295D0;color: #fff;}

.mci-item>svg{position: absolute;right: 0;top: 0;width: 36px;height: 36px;color: #fff;transition: 0.3s;transform-origin: center;}
.mci-wrap:hover .mci-item>svg{transform: rotate(90deg);}

.mci-txt{font-size: 18px;color: #fff;font-weight: 400;line-height: 140%;text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.8);white-space: pre-line;}

.mc-notice{border: 1px solid #999;border-radius: 16px;width: 100%;height: 100%;padding: 32px;}
.mc-notice>p{margin-bottom: 32px;}
.mcn-item{width: 100%;display: flex;justify-content: space-between;cursor: pointer;align-items: center;padding: 16px 0;font-size: 16px;border-bottom: 1px solid #d9d9d9;}
.mcn-item>p{font-weight: 400;color: #333;transition: 0.3s;}
.mcn-item:hover>p{color: #3987BE;}
.mcn-item>span{color: #666;font-weight: 400;}
.mcn-item:last-of-type{border-bottom: 0 !important;}
.mcn-wrap{margin-bottom: 32px;}

.mcn-more{display: flex;justify-content: right;}
.mcn-more>a{font-size: 16px;font-weight: 500;display: flex;align-items: center;transition: 0.3s;}
.mcn-more>a:hover{color: #3987BE;}
.mcn-more>a>svg{width: 16px;height: 16px;color: #121212;margin-left: 5px;}

.footer{width: 100%;padding: 32px 0;background-color: #4295D0;}
.footer-inner{width: 100%;max-width: 1400px;margin: 0 auto;position: relative;}
.footer-logo{height: 50px;position: absolute;right: 0;top: 0;}
.footer-logo>img{height: 100%;width: auto;}
.footer-txt-wrap{color: #fff;}
.footer-btn{display: flex;margin-bottom: 32px;}
.footer-btn>button{background-color: #fff;color: #3987BE;width: 150px;}
.footer-title{margin-bottom: 5px;}
.footer-title>p{color: #fff;}
.footer-txt-wrap>p{margin-bottom: 5px;font-size: 16px;font-weight: 400;}
.footer-txt-wrap>p:last-of-type{margin-bottom: 0;}


.start-banner{width: 100%;height: 600px;position: relative;border-radius: 16px;overflow: hidden;margin-bottom: 96px;}
.sb-img{width: 100%;height: 100%;filter: brightness(0.5);}
.sb-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.sb-txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;text-align: center;line-height: 140%;}
.sb-txt>p{color: #fff;line-height: 140%;}
.sb-txt>span{font-size: 20px;font-weight: 400;color: #fff;text-align: center;line-height: 140%;margin-top: 32px;}

.start-title{margin-bottom: 128px;}
.start-title>p{margin-bottom: 16px;}
.st-txt{margin-bottom: 32px;font-size: 18px;line-height: 160%;color: #343434;font-weight: 400;}
.start-title>span{font-size: 20px;font-weight: 500;color: #111;}

.explan-wrap{display: flex;width: 100%;}
.explan-item{width: 100%;margin-right: 16px;border: 1px solid #d9d9d9;border-radius: 16px;padding: 32px;}
.explan-item:last-of-type{margin-right: 0;}
.explan-item>svg{width: 24px;height: 24px;color: #121212;margin-bottom: 16px;}

.ex-title{margin-bottom: 5px;font-weight: 500;}
.ex-title>p{font-weight: 500;}
.ex-txt>p{font-size: 18px;font-weight: 400;color: #343434;line-height: 140%;margin-bottom: 2.5px;}
.ex-txt>p:last-of-type{margin-bottom: 0;}
.ex-notice{margin-top: 5px;font-size: 16px;color: #E83F49;font-weight: 400;}
.ex-btn{margin-top: 16px;display: flex;justify-content: right;align-items: center;}
.ex-btn>svg{width: 16xp;height: 16px;color: #3987BE;margin-right: 5px;}
.ex-btn>a{font-size: 16px;font-weight: 500;color: #3987BE;text-decoration: underline;}
.ex-btn>button{width: 200px;}
.ex-sub-txt{margin-bottom: 5px;font-size: 18px;color: #666;display: flex;align-items: center;}
.ex-sub-txt>strong{color: #3987BE;}

.sub-explan-wrap{display: flex;width: 100%;}
.sub-ex-item{width: 100%;margin-right: 16px;padding: 16px;border-radius: 10px;border: 1px solid #d9d9d9;position: relative;}
.sub-ex-item:last-of-type{margin-bottom: 0;}
.sub-ex-item>svg{position: absolute;width: 20px;height: 20px;color: #121212;right: 16px;top: 16px;}
.sub-ex-item>p{margin-bottom: 5px;font-size: 18px;font-weight: 400;color: #111;}
.sub-ex-item>span{font-weight: 400;color: #333;font-size: 16px;}

.start-quetion{width: 100%;height: auto;padding: 64px 0;border-radius: 16px;overflow: hidden;position: relative;margin-bottom: 256px;}
.sq-img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;filter: brightness(0.5);}
.sq-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.sq-txt{position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sq-txt>p{margin-bottom: 32px;text-align: center;color: #fff;}
.sq-txt>span{font-size: 18px;font-weight: 400;color: #fff;display: block;margin-bottom: 64px;text-align: center;line-height: 160%;}
.sq-txt>button{width: 150px;transition: 0.3s;}
.sq-txt>button:hover{background-color: #fff;color: #3987BE;}


.article-title{text-align: center;margin-bottom: 64px;}
.article-title>p{margin-bottom: 2.5px;}
.article-title>span{font-size: 18px;color: #666;font-weight: 400;}
.article-txt{width: 100%;}
.article-wrap{margin-bottom: 64px;display: flex;flex-wrap: wrap;}
.aw-item{width: 33.3333%;margin-bottom: 16px;font-size: 18px;font-weight: 400;color: #111;text-align: center;}

.article-sub-title{margin-bottom: 32px;text-align: center;}

.main-img-title{margin-bottom: 128px;width: 100%;display: flex;justify-content: space-between;}
.mi-img{width: 600px;aspect-ratio: 7/5;border-radius: 16px;overflow: hidden;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);}
.mi-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}

.mi-title>p{margin-bottom: 32px;}
.mi-title>span{font-size: 18px;color: #545454;font-weight: 400;line-height: 140%;}
.history-wrap{margin-bottom: 256px;}
.history-wrap>p{margin-bottom: 32px;}

.ht-wrap{position: relative;}


.ht-item{margin-bottom: 64px;display: flex;align-items: flex-start;position: relative;}
.ht-item:last-of-type{margin-bottom: 0;}
.ht-item::before{display: block;content: '';position: absolute;left: 11px;top: 24px;width: 1px;height: calc(100% + 64px);background-color: #4295D0;}
.ht-item:last-of-type::before{display: none;}
.ht-title{display: flex;width: 150px;align-items: center;}
.ht-dot{width: 24px;height: 24px;background-color: rgba(66, 149, 208, 0.1);position: relative;margin-right: 10px;border-radius: 100%;}
.ht-dot::after{display: block;content: '';width: 10px;height: 10px;background-color: #4295D0;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ht-title>p{color: #3987BE;font-weight: 400;}

.ht-txt-wrap{padding-top: 64px;}


.ht-txt-item{margin-bottom: 32px;}
.ht-txt-item>p{margin-bottom: 5px;}
.ht-txt-item>strong{color: #3987BE;font-size: 18px;margin-bottom: 5px;display: block;}
.ht-txt-item>span{font-size: 18px;color: #666;font-weight: 400;}

.ht-txt-item:last-of-type{margin-bottom: 0;}

.group-wrap{display: flex;justify-content: center;margin-bottom: 256px;}

.map-wrap>p{margin-bottom: 64px;}
.map-info{margin-bottom: 32px;}
.mi-item{margin-bottom: 16px;padding-bottom: 16px;display: flex;align-items: center;font-size: 18px;position: relative;}
.mi-item:last-of-type{margin-bottom: 0;padding-bottom: 0;}
.mi-item:last-of-type::after{display: none;}
.mi-item>p{width: 200px;color: #111;flex-shrink: 0;}
.mi-item>span{color: #666;width: 100%;display: block;}
.mi-item::after{display: block;content: '';position: absolute;bottom: 0;left: 0;width: 10000px;height: 1px;background-color: #d9d9d9;}

.map-frame{border-radius: 16px;width: 100%;aspect-ratio: 4/2;overflow: hidden;margin-bottom: 16px;}
.map-frame>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.map-frame>iframe{width: 100% !important;height: 100% !important;}
.map-wrap .explan-wrap{margin-bottom: 256px;}

.task-inner .main-img-title{margin-bottom: 128px;}

.task-wrap{margin-bottom: 256px;display: flex;flex-wrap: wrap;}
.task-item{margin-right: 32px;width: calc(50% - 16px);}
.task-item:first-of-type{margin-bottom: 96px;width: 100%;margin-right: 0;}
.task-item:last-of-type{margin-right: 0;}

.task-img{height: 350px;width: 100%;margin-bottom: 32px;border-radius: 16px;overflow: hidden;box-shadow: 1px 1px 32px rgba(153, 153, 153, 0.25);position: relative;}

.task-item:first-of-type .task-img{height: 400px;}
.task-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.task-more{position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;transition: 0.3s;backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.5);color: #fff;opacity: 0;}
.task-more>span{color: #fff;font-weight: 400;}
.task-img:hover .task-more{opacity: 1}

.task-txt>p{margin-bottom: 16px;}
.task-sub-txt{display: flex;align-items: flex-end;}
.task-sub-txt>p{font-size: 18px;font-weight: 400;color: #343434;line-height: 160%;width: 100%;;}
.task-sub-txt>p>span{color: #3987BE;font-weight: 400;display: block;}
.task-sub-txt>button{width: 200px;flex-shrink: 0;}

.task-popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 5;opacity: 0;transition: 0.5s;pointer-events: none;}
.task-popup.on{pointer-events: inherit;opacity: 1;}
.tp-inner{position: absolute;max-width: 768px;bottom: -20%;left: 50%;transform: translateX(-50%);border-radius: 32px 32px 0 0;padding: 0px 32px 32px 32px;max-height: calc(100% - 32px);background-color: #fff;overflow: auto;transition: 0.5s;filter: blur(5px);width: 100%;}
.task-popup.on .tp-inner{filter: blur(0);bottom: 0;}
.tp-title{margin-bottom: 64px;width: 100%;text-align: center;position: sticky;top: 0;padding-top: 64px;;}
.tp-title>span{font-size: 16px;color: #666;margin-top: 10px;position: relative;z-index: 2;line-height: 140%;display: block;}
.tp-title>button{right: 0;top: 64px;position: absolute;width: 80px;background-color: #d9d9d9;color: #333;transition: 0.3s;z-index: 2;}
.tp-title>p{position: relative;z-index: 2;}
.tp-title::after{display: block;content: '';top: 0;left: 0;width: calc(100% + 1px);height: calc(100% + 16px);background: linear-gradient(to bottom, #fff 70%, transparent);position: absolute;backdrop-filter: blur(2.5px);}
.tp-title>button:hover{background-color: #666;color: #fff;}
.tp-inner .explan-wrap{margin-bottom: 16px;}

.data-wrap{margin-bottom: 256px;}
.data-wrap>p{margin-bottom: 64px;display: flex;align-items: center;}
.data-wrap>p>button{margin-left: 16px;}
.search-item{width: 100%;position: relative;margin-bottom: 64px;width: 100%;}
.search-item>svg{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;color: #666;}
.search-item>input{padding-left: 50px;font-size: 16px;color: #333;background-color: #f1f1f1;border-color: #f1f1f1;width: 100%;}
.search-item>input:focus{border-color: #d9d9d9;background-color: #fff;}

.post-item{width: 100%;margin-bottom: 16px;padding-bottom: 16px;position: relative;display: flex;flex-wrap: wrap;align-items: center;cursor: pointer;}

.post-item::after{display: block;content: '';width: 10000px;height: 1px;background-color: #d9d9d9;position: absolute;bottom: 0;left: 0;}
.post-item:last-of-type{margin-bottom: 0;padding-bottom: 0;}
.post-item:last-of-type::after{display: none;}
.post-btn{width: 100px;}
.post-title-wrap{display: flex;align-items: center;width: calc(100% - 100px);}
.post-sub-txt{margin-top: 10px;width: 100%;font-size: 18px;color: #333;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.post-qna{font-size: 64px;font-weight: 500;color: #111;}
.post-notice{font-size: 20px;font-weight: 500;color: #111;}
.post-title>p{display: flex;align-items: center;font-size: 18px;font-weight: 500;transition: 0.3s;}
.post-title>p>span{padding: 2px 5px;border-radius: 5px;font-size: 14px;font-weight: 500;margin-left: 5px;}
.post-title>p>span.none{background-color: rgba(232, 63, 74, 0.2);color: #E83F49;}
.post-title>p>span.complate{background-color: rgba(66, 149, 208, 0.2);color: #4295D0;}
.post-item:hover .post-title>p{color: #3987BE;}
.post-title>span{margin-top: 5px;display: block;font-size: 16px;font-weight: 00;color: #666;display: flex;align-items: center;}
.post-title>span strong{font-weight: 400;margin: 0 2.5px;}
.post-title>span strong:first-of-type{margin-left: 0;}
.post-btn{display: flex;justify-content: right;}
.post-btn>button{background-color: #d9d9d9;color: #333;transition: 0.3s;}
.post-btn>button:hover{background-color: #666;color: #fff;}
.post-option{margin-right: 32px;}

.pagination{width: 100%;display: flex;justify-content: center;margin-top: 16px;}
.pagination>a{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;transition: 0.3s;border-radius: 100%;color: #333;margin-right: 10px;}
.pagination>a:hover{background-color: rgba(66, 149, 208, 0.2);}
.pagination>a.on{background-color: rgba(66, 149, 208, 0.2);color: #3987BE;}
.pagination>a>svg{width: 18px;height: 18px;color: #666;}

.notice-wrap{margin-bottom: 64px;}
.notice-wrap>p{margin-bottom: 32px;}
.new-notice{align-items: flex-start;}
.new-notice::after{display: none !important;}
.new-notice .post-title-wrap{width: calc(100% - 320px);}
.npost-img{width: 320px;aspect-ratio: 4/2.5;overflow: hidden;border-radius: 16px;}
.npost-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}

.notice-view-wrap{margin-bottom: 256px;}
.notice-view-wrap>.post-item .post-title>p{font-size: 36px;}
.notice-view-wrap>.post-item{margin-bottom: 64px;padding-bottom: 0;}
.notice-view-wrap>.post-item::after{display: none;}

.nimg{width: 100%;margin-bottom: 32px;border-radius: 16px;overflow: hidden;}
.nimg>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ntxt{margin-bottom: 20px;font-weight: 400;color: #545454;margin-bottom: 64px;}
.nfile-wrap{margin-bottom: 64px;}
.nfile-wrap>p{margin-bottom: 32px;}
.nfile{max-width: 540px;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #d9d9d9;}
.nfile>p{font-size: 16px;font-weight: 400;color: #333;}
.nfile>button{background-color: #d9d9d9;color: #666;transition: 0.3s;}
.nfile>button:hover{background-color: #666;color: #fff;}

.npagination{position: relative;}
.npagination .post-item::after{width: 100%;}
.npagination>button{position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #d9d9d9;color: #666;transition: 0.3s;}
.npagination>button:hover{background-color: #666;color: #fff;}

.category-btn{margin-bottom: 32px;display: flex;}
.category-btn>button{background-color: #d9d9d9;color: #666;transition: 0.3s;}
.category-btn>button.on{background-color: #666;color: #fff;}

.add-qna-wrap{max-width: 768px;width: 100%;}
.write-btn{display: flex;justify-content: right;}
.write-btn>button{width: 200px;}

.bill-history-wrap .post-item{padding-bottom: 0;margin-bottom: 10px;border: 1px solid #d9d9d9;border-radius: 10px;padding: 10px 16px;transition: 0.3s;}
.bill-history-wrap .post-item:hover{border-color: #4295D0;}
.bill-history-wrap .post-item:last-of-type{padding-bottom: 10px;margin-bottom: 0;}
.bill-history-wrap .post-item::after{display: none;}

.mypage-wrap{max-width: 768px;width: 100%;margin-bottom: 256px;}
.mypage-wrap>p{margin-bottom: 32px;}
.mypage-wrap>p>span{font-size: 18px;font-weight: 400;color: #666;display: block;}

.profile{margin-bottom: 96px;width: 100%;padding: 32px;border-radius: 16px;background-color: #fff;border: 1px solid #d9d9d9;}
.pname{margin-bottom: 16px;}
.pname>p>span{font-size: 24px;font-weight: 500;color: #3987BE;margin-left: 5px;}
.pname>p{font-size: 24px;font-weight: 500;margin-bottom: 5px;display: flex;align-items: center;justify-content: space-between;}
.pname>span{display: flex;font-size: 18px;font-weight: 400;color: #666;}
.pname>span>strong{font-weight: 400;margin: 0 2.5px;}
.pname>span>strong:first-of-type{margin-left: 0;}
.pname>span>strong:last-of-type{margin-right: 0;}
.ptxt>button{background-color: #d9d9d9;color: #666;transition: 0.3s;}
.ptxt>button:hover{background-color: #666;color: #fff;}

.mypage-item{margin-bottom: 96px;width: 100%;}
.mypage-item>p{margin-bottom: 32px;display: flex;align-items: center;justify-content: space-between;width: 100%;}

.mypage-sub-btn{margin-bottom: 16px;width: 100%;}
.mb-btn{margin-bottom: 16px;display: flex;align-items: center;width: 100%;justify-content: space-between;cursor: pointer;}
.mb-btn:last-of-type{margin-bottom: 0;}
.mb-title{display: flex;align-items: center;}
.mb-svg{display: flex;align-items: center;justify-content: center;border-radius: 16px;width: 64px;height: 64px;background-color: rgba(66, 149, 208, 0.2);margin-right: 10px;transition: 0.3s;}
.mb-svg>svg{width: 32px;height: 32px;color: #3987BE;transition: 0.3s;}
.mb-btn:hover .mb-svg{background-color: #4295D0;}
.mb-btn:hover .mb-svg>svg{color: #fff;}
.mb-btn:last-of-type{margin-bottom: 0;}
.mb-sub-txt>p{font-size: 18px;color: #111;font-weight: 500;margin-bottom: 2.5px;}
.mb-sub-txt>span{font-size: 16px;font-weight: 400;color: #666;}

.mypage-item .category-btn>button{width: 150px;}
.mypage-item .category-btn>button.on{background-color: #4295D0;color: #fff;}

.mypage-item .explan-item{background-color: #f1f1f1;border: 1px solid #f1f1f1;}

.mb-btn-wrap{display: flex;}

.my-cate-wrap .post-item{padding-bottom: 0;padding: 10px;border: 1px solid #d9d9d9;border-radius: 10px;margin-bottom: 10px;}
.my-cate-wrap .post-item:last-of-type{padding-bottom: 10px;}
.my-cate-wrap .post-item::after{display: none;}

.mypost-wrap{margin-top: 16px;}

.my-cate-inner{position: relative;}
.non-access{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: calc(100% + 16px);height: calc(100% + 16px);background-color: rgba(255, 255, 255, 0.6);backdrop-filter: blur(5px);z-index: 3;display: none;align-items: center;justify-content: center;flex-direction: column;}
.non-access>p{font-size: 18px;font-weight: 500;margin-bottom: 24px;text-align: center;}


.my-cate-wrap{display: none;}
.my-cate-wrap.on{display: block;}

.exit .mb-svg{background-color: rgba(232, 63, 74, 0.2);}
.exit .mb-svg>svg{color: #E83F49;}
.exit .mb-btn:hover .mb-svg{background-color: #E83F49;}
.exit .mb-btn:hover .mb-svg>svg{color: #fff;}
.exit .mb-btn:hover .mb-sub-txt{color: #E83F49;}
.exit .mb-btn button{background-color: #E83F49;}



.eye{width: 24px !important;height: 24px !important;display: flex;align-items: center;justify-content: center;position: absolute;right: 10px !important;top: 50%;transform: translateY(-50%);}
.eye>svg{width: 100% !important;height: 100% !important;color: #999;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.eye:hover>svg{color: #999 !important;}
.eye>svg:first-of-type{opacity: 1;}
.eye>svg:last-of-type{opacity: 0;}
.eye.on>svg:first-of-type{opacity: 0;}
.eye.on>svg:last-of-type{opacity: 1;}


.post-item::after{width: 100%;}
.mi-item::after{width: 100%;}

.pcn{display: none;}

.faq-item{border-bottom: 1px solid #d9d9d9;cursor: pointer;transition: 0.3s;padding: 10px 16px 10px 10px;border-radius: 0px;}
.faq-item.on{background-color: #f6f6f6;}
.faq-item:hover{background-color: #f6f6f6;}
.faq-item:last-of-type{border-bottom: 0}
.faq-item>p{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0;padding-bottom: 0;border-bottom: 1px solid transparent;transition: 0.3s;}
.faq-item.on>p{margin-bottom: 10px;border-bottom: 1px solid #d9d9d9;padding-bottom: 10px;}
.faq-item>p>svg{width: 24px;height: 24px;}
.faq-item>p>span{display: flex;align-items: center;font-size: 18px;font-weight: 500;gap: 5px;}
.faq-item>p>span>strong{font-size: 32px;font-weight: 600;transition: 0.3s;opacity: 0.3;}
.faq-item.on>p>span>strong{opacity: 1;}
.faq-txt>span{font-size: 32px;font-weight: 600;}
.faq-txt>p{font-size: 16px;color: #343434;white-space: pre-line;}
.faq-txt{max-height: 0;transition: max-height 0.3s;overflow: hidden;}
.faq-txt.open{max-height: 5000;}


.my-cate-wrap-1 .explan-wrap{flex-wrap: wrap;}
.my-cate-wrap-1 .explan-item{margin-right: 16px;width: calc(50% - 8px);}
.my-cate-wrap-1 .explan-item:nth-of-type(2n){margin-right: 0;}
.my-cate-wrap-1 .explan-item:nth-of-type(1){margin-bottom: 16px;}
.my-cate-wrap-1 .explan-item:nth-of-type(2){margin-bottom: 16px;}
@media (max-width: 1400px){
    .main-inner{padding: 0 32px;}
    .main-about-inner{padding: 0 32px 0 64px;}
    .footer-logo{right: 32px;}
    .ma-btn-wrap{width: 280px;}
    .main-center{padding: 0 32px;}
    .footer-inner{padding: 0 32px}
    .mi-img{width: 600px;}
}
@media (max-width: 1200px){
    .pname>p>span{font-size: 20px;}
        /* 0904 */
        .faq-item>p>span>strong{font-size: 28px;}
        .faq-txt>span{font-size: 28px;}
        .faq-item>p>span{font-size: 16px;}
        .faq-item>p>svg{width: 20px;height: 20px;}

    .mi-item>p{width: 150px;}
    .mi-item{font-size: 16px;}
    .map-wrap .explan-wrap{margin-bottom: 128px;}
    .map-wrap>p{margin-bottom: 32px;}
    .mi-title>p{margin-bottom: 16px;}
    .main-img-title{flex-direction: column-reverse;align-items: flex-start;margin-bottom: 96px;}
    .mi-img{width: 100%;margin-bottom: 32px;aspect-ratio: inherit;height: 400px;}
    .start-banner{height: 400px;margin-bottom: 96px;}
    .start-title{margin-bottom: 96px;}
    .ex-txt>p{font-size: 16px;}
    .mypage-wrap>p>span{font-size: 16px;}
    .mb-txt>span{font-size: 18px;margin-bottom: 5px;}
    .mat>span{font-size: 16px;margin-bottom: 32px;}
    .ma-img-wrap{width: 280px;}
    .mat>p{margin-bottom: 16px;}
    .ma-btn>button{font-size: 16px;}
    .ma-btn>button>span{font-size: 16px;}
    .ma-btn>button{padding: 12px 0 12px 12px;}
    .ma-title{font-size: 76px;}
    .ma-img-wrap>span{top: calc(100% + 32px);font-size: 16px;}
    .ma-txt-inner{padding: 96px 0 96px 32px;}
    .main-about{margin-bottom: 96px;}
    .main-about-inner{margin-bottom: 0;}
    .mc-wrap{flex-wrap: wrap;}
    .mc-item{width: calc(50% - 16px);margin-right: 32px;}
    .mc-item:nth-of-type(2){margin-right: 0;}
    .mc-item:last-of-type{width: 100%;margin-top: 32px;}
    .mci-item>svg{width: 32px;height: 32px;}
    .mci-item>p{margin-bottom: 16px;}
    .mci-txt{font-size: 16px;}
    .pname>p{font-size: 20px;}
    .pname>span{font-size: 16px;}
    .post-title>p{font-size: 16px;}
    .post-title>span{font-size: 14px;margin-top: 2.5px;}
    .post-sub-txt{font-size: 16px;}
    .data-wrap>p{margin-bottom: 32px;}
    .search-item{margin-bottom: 32px;}
    .data-wrap{margin-bottom: 128px;}
    .pagination>a{font-size: 16px;}
    .pagination>a>svg{width: 16px;height: 16px;}
    .st-txt{font-size: 16px;}
    .start-title>span{font-size: 18px;}
    .explan-item{padding: 32px 16px;}
    .start-quetion{margin-bottom: 128px;}
    .sq-txt>span{margin-bottom: 32px;font-size: 16px;}
    .ht-txt-item>strong{font-size: 16px;}
    .ht-txt-item>span{font-size: 16px;}
    .history-wrap{margin-bottom: 128px;}
    .article-title>span{font-size: 16px;}
    .article-title{margin-bottom: 32px;}
    .group-wrap{margin-bottom: 128px;}
    .task-inner .main-img-title{margin-bottom: 128px;}
    .task-item:first-of-type{margin-bottom: 64px;}
    .task-wrap{margin-bottom: 128px;}
    .tp-title{padding-top: 32px;margin-bottom: 32px;}
    .notice-view-wrap>.post-item{margin-bottom: 32px;}
    .nfile-wrap>p{margin-bottom: 10px;}
    .ntxt{margin-bottom: 32px;}
    .post-notice{font-size: 18px;}
    .notice-view-wrap>.post-item .post-title>p{font-size: 32px;}
    .notice-view-wrap{margin-bottom: 128px;}
    .sb-txt>span{font-size: 18px;margin-top: 16px;}
    .ex-sub-txt{font-size: 16px;}
    .mb-svg{width: 56px;height: 56px;}
    .mb-svg>svg{width: 28px;height: 28px;}
    .mb-sub-txt>p{font-size: 16px;}
    .mb-sub-txt>span{font-size: 14px;}
    .mypage-wrap{margin-bottom: 128px;}
}
@media (max-width: 1024px){
}
@media (max-width: 993px){

    .notice-view-wrap>.post-item .post-title>p{font-size: 26px;}
    .post-option{margin-right: 0;width: 100px;;}
    .tp-inner .explan-wrap{margin-bottom: 0;}
    .group-wrap>img{width: 100%;}
    .profile{padding: 32px 16px;}
    .main-inner{padding: 0 16px;}
    .main-section{padding-top: 124px;}
    .footer-logo{height: 30px;}
    .main-center{padding: 0 16px;}
    .mc-item{width: calc(50% - 8px);margin-right: 16px;}
    .mc-item:nth-of-type(2){margin-right: 0;}
    .mci-wrap{margin-bottom: 16px;}
    .mc-item:last-of-type{width: 100%;margin-top: 16px;}
    .main-about{margin-top: 96px;height: auto;}
    .main-about-inner{padding: 0 32px;flex-direction: column-reverse;}
    .main-about-inner{}
    .ma-btn-wrap{padding: 0;width: 100%;}
    .ma-btn{display: flex;padding-top: 16px;}
    .ma-btn>button{display: flex;align-items: center;gap: 10px;border-radius: 10px;justify-content: center;}
    .ma-btn>button>span{left: 16px;opacity: 1;font-weight: 500;}
    .ma-btn>button.on>span{color: #3987BE;}
    .main-about-inner{padding: 0 16px;}
    .ma-btn-wrap::after{border-radius: 0;right: -16px;}
    .ma-txt-inner{padding: 0;padding-bottom: 32px;flex-direction: column-reverse;position: inherit;left: auto;top: auto;transform: translateY(0);width: 100%;display: none;}
    .ma-txt-inner.on{display: inherit;}
    .ma-img-wrap>span{display: none;}
    .ma-img-wrap{height: 300px;width: 100%;margin-bottom: 32px;}
    .ma-img{position: relative;}
    .ma-img>img{position: absolute;top: -20%;left: 0;object-fit: inherit;width: 100%;height: auto;}
    .ma-title{font-size: 120px;opacity: 0.1;z-index: -1;}
    .ma-btn-title{display: none;}
    .ma-txt{height: auto;}
    .ma-txt-wrap{height: auto;position: inherit;left: auto;}
    .mat{display: flex;flex-direction: column;align-items: flex-end;}
    .mat>p{width: 100%;}
    .mat>span{width: 100%;}
    .main-center{margin-bottom: 96px;}
    .profile{margin-bottom: 64px;}
    .mypage-item{margin-bottom: 64px;}
    .mypage-item>p{margin-bottom: 16px;}
    .post-title>p>span{display: flex;width: 70px;justify-content: center;flex-shrink: 0;}
    .start-banner{height: 400px;margin-bottom: 64px;}
    .start-title{margin-bottom: 64px;}
    .st-txt>p>br{display: none;}
    .task-item:first-of-type .task-img{height: 300px;}
    .task-img{height: 250px;}
    .task-sub-txt>p{font-size: 16px;}
    .task-sub-txt{flex-wrap: wrap;justify-content: right;}
    .task-sub-txt>button{margin-top: 16px;}
    .tp-inner{max-height: 100%;border-radius: 24px 24px 0 0;padding: 0 16px 64px 16px;}
}
@media (max-width: 768px){
    .mypage-wrap{margin-bottom: 64px;}
    .mb-svg{width: 52px;height: 52px;flex-shrink: 0;}
    .mb-svg>svg{width: 24px;height: 24px;}
    .ex-sub-txt{font-size: 14px;}
    .explan-item>svg{margin-bottom: 10px;width: 22px;height: 22px;;}
    .pcn{display: inherit;}
    .notice-view-wrap{margin-bottom: 64px;}
    .task-wrap{margin-bottom: 64px;}
    .task-inner .main-img-title{margin-bottom: 64px;}
    .map-wrap .explan-wrap{margin-bottom: 64px;}
    .group-wrap{margin-bottom: 64px;}
    .history-wrap{margin-bottom: 64px;}
    .ht-title{width: 130px;}
    .ht-txt-wrap{width: calc(100% - 130px);}
    .ht-txt-item{margin-bottom: 16px;}
    .ht-txt-wrap{padding-top: 40px;}
    .ht-item{margin-bottom: 32px;}
    .main-img-title{margin-bottom: 64px;}
    .explan-wrap{flex-wrap: wrap;}
    .explan-item{margin-bottom: 16px;width: 100% !important;margin-right: 0 !important;;}
    .start-quetion{margin-bottom: 64px;}
    .data-wrap{margin-bottom: 64px;}
    .post-item{margin-bottom: 10px;padding-bottom: 10px;}
    .post-title>p{width: 100%}
    .post-title-wrap{width: 100%;}
    .post-title{width: 100%;}
    .explan-item{padding: 32px 16px;}
    .mypage-wrap>p{margin-bottom: 16px;}
    .mc-notice{padding: 32px 16px 16px 16px;}
    .mb-txt>span{font-size: 16px;margin-bottom: 2.5px;}
    .mci-item>p{width: 100%;}
    .mc-item{width: 100%;margin-right: 0px;margin-bottom: 16px;}
    .mc-item:nth-of-type(2){margin-right: 0;}
    .mci-wrap{margin-bottom: 16px;}
    .mc-item:last-of-type{width: 100%;margin-top: 0px;margin-bottom: 0;}
    .mci-item .btn-100{position: inherit;left: auto;bottom: auto;margin-top: 32px;}
    .mci-item{display: flex;flex-direction: column;align-items: flex-end;}
    .mci-wrap{padding: 32px 16px 16px 16px;}
    .ht-item::before{height: calc(100% + 32px);}
    .mi-title>span{font-size: 16px;}
    .task-item{width: 100% !important;margin-right: 0;margin-bottom: 64px;}
    .task-txt>p{margin-bottom: 10px;}
    .new-notice{flex-direction: column-reverse;}
    .npost-img{margin-bottom: 16px;}
    .new-notice .post-title-wrap{width: 100%;}
}
@media (max-width: 640px){
      /* 0904 */
     .faq-item>p>span>strong{font-size: 24px;}
     .faq-txt>span{font-size: 24px;}
     .faq-item>p>span{font-size: 14px;}
     .faq-item>p>svg{width: 20px;height: 20px;}
     .faq-txt>p{font-size: 14px;}
     
    .ma-btn>button{padding-left: 0;}
    .mb-title{width: 100%;margin-bottom: 16px;}
    .ma-btn>button>span{display: none;}
    .mb-btn{flex-wrap: wrap;justify-content: right;margin-bottom: 0;}
    .task-sub-txt>p>br{display: none;}
    .task-sub-txt>p>span{display: block;}
    .sub-explan-wrap{flex-wrap: wrap;}
    .sub-ex-item{margin-bottom: 10px;margin-right: 0;}
    .sub-ex-item{padding: 10px;}
    .pname>span{flex-wrap: wrap;}
    .pname>span>strong{display: block;margin-bottom: 10px;width: 100%;}
    .pname>span>strong:nth-of-type(2){display: none;}
    .pname>span>strong:last-of-type{margin-bottom: 0 !important;}
}
@media (max-width: 540px){
    .profile{padding: 16px;}
}
@media (max-width: 480px){
    .pname>p>span{font-size: 16px;display: block;width: 100%;margin-left: 0;}
    .pname>p{flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-start;}
    .pname>span{font-size: 14px;}
    .mb-sub-txt>span{font-size: 13px;}
    .mb-svg{width: 48px;height: 48px;flex-shrink: 0;}
    .mb-svg>svg{width: 24px;height: 24px;}
    .notice-view-wrap>.post-item .post-title>p{font-size: 24px;}
    .npagination>button{position: inherit;right: auto;top: auto;transform: translateY(0);margin-top: 16px;}
    .npagination{display: flex;flex-direction: column;align-items: flex-end;}
    .ex-notice{font-size: 14px;font-weight: 500;}
    .task-sub-txt>p{font-size: 14px;}
    .ht-title{width: 110px;}
    .title-46{font-size: 32px;}
    .st-txt{margin-bottom: 16px;}
    .post-sub-txt{font-size: 14px;}
    .mypage-item .category-btn{overflow-x: auto;}
    .mypage-item .category-btn>button{width: 140px;flex-shrink: 0;}
    .explan-item{padding: 16px;}
    .ex-txt>p{font-size: 14px;}
    .profile{margin-bottom: 32px;}
    .mypage-item{margin-bottom: 64px;}
    .footer-logo{display: none;}
    .main-center{margin-bottom: 64px;}
    .main-about{margin-bottom: 64px;}
    .main-about{margin-top: 64px;}
    .footer-txt-wrap>p{font-size: 14px;}
}